/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Table
	#Misc
    #WordPress Generated Generics
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }

	body {
		line-height: 1em; }
	ol, ul {
		list-style: none; }
	.special-quote {
		quotes: none; }
	.special-quote:before, .special-quote:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
    * { -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

/* #Basic Styles
================================================== */

	html.responsive, .responsive body{
		overflow-x: hidden;

	}

	body {
		font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-text-size-adjust: 100%;
 }




/* #Typography
================================================== */

	/*font-stacks*/
	.lucida-sans-websave{	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;	}
	.georgia-websave{		font-family:"Georgia", "Times New Roman", Times, serif;	}
	.arial-websave{			font-family: Arial, Helvetica, Verdana, sans-serif;	}
	.verdana-websave{		font-family: Verdana, Arial, Helvetica, sans-serif;	}
	.helvetica-websave{		font-family: Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif;	}
	.helvetica-neue-websave{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;	}

	/*default*/
	h1, h2, h3, h4, h5, h6 {
	/*	font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */
		font-weight: 600; }
	#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
	#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
	h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
	h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
	h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
	h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
	h5 { font-size: 16px; line-height: 1.1em; }						/*17*/
	h6 { font-size: 14px; line-height: 1.1em; }

	 .flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;}

	p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
	margin-top:1.5em;
	}

	p { margin: 0.85em 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px;   }

	em { font-style: italic; }
	strong, b{ font-weight: bold;  }
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	/*	Blockquotes  */

	blockquote{
	border-left-style:solid;
	border-left-width:7px;
	padding-left:20px;
	margin-bottom:1em;
	margin-right:1em;
	font-size: 1.235em;
    line-height: 1.5em;
	}

	blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}
	
	mark{ background-color: transparent; color:inherit; }

/* #Links
================================================== */
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
	a:hover, a:focus, a:visited { outline: 0; text-decoration: underline;}
	p a, p a:visited { line-height: inherit; }
	a.avianolink, .avianolink a{cursor: default;}
	#top .avia_hidden_link_text{display: none;}


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;  }
	ul { list-style: none outside; margin-left: 7px;}
	ol { list-style: decimal; margin-left: 15px; }
	ol, ul.square, ul.circle, ul.disc { }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc, .entry-content-wrapper ul { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }

	.entry-content-wrapper li {  margin-left: 1em; padding:3px 0;}
	.entry-content-wrapper div li { text-indent: 0; }
	.entry-content-wrapper .borderlist>li:first-child {  border-top:1px solid; }
	.entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;}

/* #Images
================================================== */

	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		image-rendering: optimizeQuality;
	}


/* #Buttons
================================================== */

	input[type="submit"], #submit, .button{
		padding:9px 22px;
		cursor:pointer;
		border:none;
		 -webkit-appearance: none;
		 border-radius: 0px;
	}
	
	
/* #Icons
================================================== */	
[data-av_icon]:before {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  content: attr(data-av_icon);
  speak: none;
}


/* #Forms
================================================== */

	#top form {
		margin-bottom: 20px; }
	#top fieldset {
		margin-bottom: 20px; }
	#top .input-text,
	#top input[type="text"],
	#top input[type="input"],
	#top input[type="password"],
	#top input[type="email"],
	#top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
	#top textarea,
	#top select {
		 -webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
		}

	#top input[type="text"]:focus,
	#top input[type="password"]:focus,
	#top input[type="email"]:focus,
	#top input[type="number"]:focus,
    #top input[type="url"]:focus,
    #top input[type="tel"]:focus,
    #top input[type="search"]:focus,
	#top textarea:focus {
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
 		color: #555;
		}
	#top textarea {
		min-height: 60px; line-height:1.5em;}
	#top label{
		font-weight: bold;
		font-size: 0.92em;  }
	#top legend {
		display: block;
		font-weight: normal;
		font-size: 1.2em;  }
	#top select {
		width: 100%; }
	#top input[type="checkbox"] {
		display: inline; }
	#top label span,
	#top legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

	#top textarea{width:100%;}


#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;}
#top #wrap_all .valid  .input_checkbox_label{color:#9AA600;}
#top #wrap_all .error  .input_checkbox_label{color:#DF653E;}

/* #Table
================================================== */
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
}

table caption {
	padding: 0 0 5px 0;
	width: auto;
	font-style:italic;
	text-align: right;
	font-size: 12px;
}

th {
	font-weight:bold;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: left;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

td {
	font-size: 13px;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

tr th:first-child, tr td:first-child{
	border-left-style: solid;
	border-left-width: 1px;
}

tr:first-child th, tr:first-child td{
	border-top-style: solid;
	border-top-width: 1px;
}

#top th.nobg {
	background: none;
	border-top: 0;
}


/* #Other elements
================================================== */

/*code*/
pre{
clear:both;
border-style: solid;
border-width: 1px;
overflow:auto;
padding:2em;
line-height: 2em;
font-size: 12px;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-size: 100% 4em;
font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
position: relative;
left:0;
text-transform: none;
width:100%;
}

code{
font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
}

iframe, object, embed{
max-width:100%;
}

/* misc text styles */
sup{
vertical-align: super;
font-size: smaller;
}

sub{
vertical-align: sub;
font-size: smaller;
}


/* #Misc
================================================== */
	.hidden { position: absolute; top:0; visibility: hidden;}
	.floatleft{float:left;}
	.floatright{float:right;}
	.clearboth{clear:both;}
	.special_amp{font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight:normal;}
	#top .noborder, #top .noborder img{border:none;padding:0;background: transparent;}
	.bg_container{
	background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
	height:100%; width:100%; position: fixed; z-index: -1; top:0; left:0;
	}

	.image-overlay{position: absolute; background: #fff; z-index: 300; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);}
	.avia_transform a .image-overlay{  -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

	.avia_transform a:hover .image-overlay{opacity: 0.7 !important;}
	.image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0; }
	.image-overlay .image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;}
	.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
	.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";}
	.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";}
	#top .hide-inner-overlay .image-overlay-inside{display: none;}

/* #WordPress Generated Generics
================================================== */

/*img alignment*/
body .alignleft,  .entry-content-wrapper a:hover .alignleft{ float:left; margin:4px 10px 0px 0;  display: block; position: relative; }
body .alignright,  .entry-content-wrapper a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; position: relative; }
body .aligncenter,  .entry-content-wrapper a:hover .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; position: relative; }
.alignleft img, .alignright img{ display:block; }


/*gallery*/
#top .gallery a, #top .gallery a img{
border:none;
max-width: 100%;
display: block;
position: relative;
}

#top .gallery .gallery-item{
margin:1px 1px 0 0;
width:80px;
height:80px;
padding:0;
}

#top .gallery-caption{
display: none;
}

.bypostauthor{

}

.gallery-icon{
margin:0;
}

.gallery-item{
margin:0;
}

.avia_textblock .gallery p{display:none;}

/*image captions*/
div .wp-caption{
max-width:100%;
font-size: 11px;
font-style: italic;
border-width:1px;
border-style: solid;
margin:5px 15px 10px 0;
position: relative;
}

#top .wp-caption img {
border:medium none;
display:block;
padding:5px;
margin:0;
width:100%;
}

.wp-caption-text, #top .wp-caption .wp-caption-dd{
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
font-family: Georgia,"Times New Roman";
float: none;
}

#top .wp-caption.aligncenter{
margin:5px auto 10px auto;
padding:0;
}

#top .wp-caption.alignright{
margin: 4px 0px 0px 10px;
}

/*smiley image*/
#top .wp-smiley{
display:inline-block;
border:none;
}

/*calendar table*/
#wp-calendar td, #wp-calendar th{
text-align: center;
font-size: 11px;
padding: 3px;
}


/*playlist shortcode*/

.avia_textblock .wp-playlist{margin:0;}
.wp-playlist-light .wp-playlist-item.wp-playlist-playing{background: transparent;}
.wp-playlist-current-item img{border-radius: 500px;}
.wp-playlist-current-item img[src$="media/audio.png"]{border-radius: 0px; background: #fff;}
.wp-playlist-item-meta.wp-playlist-item-title{font-weight: bold;}





/*milkvision*/
body { word-break: keep-all !important; }
#milk_sub_visual_01 { height:250px !important; text-align:center; }
#milk_sub_visual_01 .milksub_txt_01 h1 { font-size:35px !important; color:#ffffff !important; letter-spacing:-1px !important; font-family: 'Nanum Square';  margin: 85px auto 0 auto; padding: 30px 100px;  display:inline-block; font-weight:600; background:rgba(17,28,62,0.6); }

.milk_family_tab_01 { width:100%; font-size:0;  margin: 0 auto;  display: table;  text-align: center; }
.milk_family_tab_01 a { font-family: 'Nanum Square'; background-color:#e9f0f5; display:inline-block; margin:70px 2px ; padding: 15px 0px; border: 1px solid #cdd7df; font-size:17px; color:#494949; font-weight:500; box-sizing : border-box; width:19.5%; text-align:center; }
.milk_family_tab_01 a:hover, .milk_family_tab_01 a:visited, .milk_family_tab_01 a:active, .milk_family_tab_01 a:link   { color:#494949 !important; text-decoration: none; box-sizing : border-box; }
.milk_family_tab_01 a.on { background-color:#374d80 !important;  color:#ffffff !important;  border: 0px solid #cdd7df !important; box-sizing : border-box;   }



.milk_adm_tab_01 { width:100%; font-size:0; text-align:center;}
.milk_adm_tab_01 a { font-family: 'Nanum Square'; background-color:#e9f0f5; display:inline-block; margin:70px 2px ; padding: 15px 0px; border: 1px solid #cdd7df; font-size:17px; color:#494949; font-weight:500; box-sizing : border-box; width:19.5%; text-align:center; }
.milk_adm_tab_01 a:hover, .milk_adm_tab_01 a:visited, .milk_adm_tab_01 a:active, .milk_adm_tab_01 a:link   { color:#494949 !important; text-decoration: none; box-sizing : border-box; }
.milk_adm_tab_01 a.on { background-color:#374d80 !important;  color:#ffffff !important;  border: 0px solid #cdd7df !important; box-sizing : border-box;   }




.milk_curr_tab_01 { width:100%; font-size:0; text-align:center;}
.milk_curr_tab_01 a { font-family: 'Nanum Square'; background-color:#e9f0f5; display:inline-block; margin:70px 2px ; padding: 15px 0px; border: 1px solid #cdd7df; font-size:17px; color:#494949; font-weight:500; box-sizing : border-box; width:13%; text-align:center; }
.milk_curr_tab_01 a:hover, .milk_curr_tab_01 a:visited, .milk_curr_tab_01 a:active, .milk_curr_tab_01 a:link   { color:#494949 !important; text-decoration: none; box-sizing : border-box; }
.milk_curr_tab_01 a.on { background-color:#374d80 !important;  color:#ffffff !important;  border: 0px solid #cdd7df !important; box-sizing : border-box;   }



.h2_box { border-bottom:1px dotted #eeeeee; font-size:28px; color:#000000; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_yellow { border-bottom:1px dotted #eeeeee; font-size:28px; color:#f4c212; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_purple { border-bottom:1px dotted #eeeeee; font-size:28px; color:#6608a8; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_blue { border-bottom:1px dotted #eeeeee; font-size:28px; color:#4da0db; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_green { border-bottom:1px dotted #eeeeee; font-size:28px; color:#1b9504; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_brown { border-bottom:1px dotted #eeeeee; font-size:28px; color:#6a370a; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }
.h2_box_red { border-bottom:1px dotted #eeeeee; font-size:28px; color:#d11717; padding: 0px 0 40px 0; text-align:center; letter-spacing: -2px; font-weight: 500; font-family: 'Nanum Square'; }



.h3_box { font-size:22px; color:#000000; padding: 40px 0  0px 0; text-align:center; font-weight: 500; letter-spacing: -2px; font-family: 'Nanum Square'; }
.h3_box:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #2b87c9;  margin: 20px auto 30px auto;  }
.h3_box_01 { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #2b87c9;  margin: 20px auto 30px auto;  }

.h3_box_01_yellow { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01_yellow:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #f4c212;  margin: 20px auto 30px auto;  }

.h3_box_01_purple { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01_purple:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #6608a8;  margin: 20px auto 30px auto;  }

.h3_box_01_green { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01_green:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #1b9504;  margin: 20px auto 30px auto;  }

.h3_box_01_brown { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01_brown:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #6a370a;  margin: 20px auto 30px auto;  }



.h3_box_01_red { font-size:16px; color:#000000; padding: 40px 0  0px 0; text-align:center; letter-spacing: -1px; font-weight: 500; letter-spacing: -1px; line-height:28px; }
.h3_box_01_red:after { display: block;  content: ''; width: 30px; height: 4px; background-color: #d11717;  margin: 20px auto 30px auto;  }



.milk_txt_01 { font-size:16px; color:#111111; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_01_01 { font-size:16px; color:#6a6a6a; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_01_02 { font-size:23px; color:#111111; letter-spacing: -2px; line-height:25px;  font-family: 'Nanum Square';  text-align: center; font-weight:600; margin:0; padding:0;  }
.milk_txt_01_03 { font-size:16px; color:#111111; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_01_03 strong { font-size:20px; color:#1c1c1c !important;  }


.milk_txt_02 { width:100%; background:url(../images/sub/milkvision_bg_02.gif) no-repeat 25% top; height:265px; margin: 0 auto 100px auto; text-align:right;  }
.milk_txt_02 p { font-size:25px; color:#ffffff; letter-spacing: -1px; line-height:32px;  font-family: 'Nanum Square'; padding: 120px 40px 0 0;}
.milk_txt_03 { margin:10px 0 0 0;font-size:16px; color:#6a6a6a; letter-spacing: -1px; line-height:28px; font-family: 'Nanum Square'; font-weight:500;  }  
.milk_txt_03_01 { box-sizing : border-box;  width: 90%; text-align:left; margin: 0 ; padding: 0 0px 0 15px; position:relative; }
.milk_txt_03_01:before  { position:absolute; left:0; top:0px;  content: '-'; width: 6px;   }
.milk_txt_04 { padding: 10px 0 30px 0; text-align: left !important; font-size:14px; color:#4f4e4e; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_04 strong { color:#2b87c9 !important; }
.milk_txt_04_01 { padding: 30px 0 0 0; text-align: left !important; font-size:16px; color:#4f4e4e; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_04_01 strong { font-size:25px; color:#2b87c9 !important; }

.milk_txt_04_02 { padding: 10px 0 30px 0; text-align: center !important; font-size:15px; color:#4f4e4e; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_04_02 strong { color:#2b87c9 !important; }
.milk_txt_04_03 { padding: 0px 0 0px 0; text-align: center !important; font-size:16px; color:#4f4e4e; letter-spacing: -1px; line-height:25px;  font-family: 'Nanum Square';  text-align: center;  }
.milk_txt_04_03 strong { color:#2b87c9 !important; }


#milk_img_01_pc { display:block;}
#milk_img_01_m { display:none;}

.h4_box_01 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#2464b3; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_01.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_02 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#e9f0f5; border: 1px solid #eeeeee; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }
.h4_box_03 { width:100%; margin: 30px 0px 15px 0; font-size:20px; color:#2464b3; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_01.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }


.h4_box_04 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#f4c212; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_02.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_05 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#f5f0dd; border: 1px solid #e1ddcf; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }


.h4_box_06 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#6608a8; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_03.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_07 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#f2ecf6; border: 1px solid #d9d3dd; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }


.h4_box_08 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#1b9504; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_04.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_09 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#ebf6e9; border: 1px solid #cbd6c9; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }


.h4_box_10 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#6a370a; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_05.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_11 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#f1eae4; border: 1px solid #d2c9c2; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }

.h4_box_12 { width:90%; margin: 60px auto 0 auto; font-size:20px; color:#d11717; padding: 0px 0  0px 30px; text-align:left; font-weight: 600; letter-spacing: -2px;  background:url(../images/sub/milkmod_blet_06.png) no-repeat left top; line-height:28px; font-family: 'Nanum Square';  }
.h4_box_13 { width:90%; margin: 15px auto 0 auto; padding: 30px; background-color:#f1eae4; border: 1px solid #d2c9c2; font-size:16px; color:#111111; line-height:25px; letter-spacing:-1px; font-family: 'Nanum Square';  }




.h4_bg_01 { width:90%; height:188px; margin: 0px auto 0 auto;  background:url(../images/sub/milkmod_bg_01.gif) no-repeat;  }

.mt_30 { margin-top:30px; }
.mt_50 { margin-top:50px; }
.mb_10 { margin-bottom:10px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_50 { margin-bottom:50px; }

/*테이블관련 css*/
table.map_table { border-top:3px solid #2b87c9 !important; border-bottom:3px solid #2b87c9 !important; border-left:0 !important; border-right:0 !important; }
table.map_table th { vertical-align: middle; border-left:0 !important; width:30%; font-size:16px; color:#4f4e4e !important; font-weight:600; letter-spacing:-1px; padding: 15px 0 15px 30px !important; border-bottom: 1px solid #b7d8ef;  }
table.map_table td { vertical-align: middle; border-right:0 !important; width:70%; font-size:15px; color:#4f4e4e !important; font-weight:500; letter-spacing:-1px; padding: 15px 0 15px 30px !important; border-bottom: 1px solid #b7d8ef;  }
table.map_table td strong { color:#2b87c9 !important; line-height:25px;  }



table.chain_table { border-top:3px solid #2b87c9 !important; border-bottom:3px solid #2b87c9 !important; border-left:0 !important; border-right:0 !important; }
table.chain_table th { vertical-align: middle; border-left:0 !important; width:30%; font-size:16px; color:#2b87c9 !important; font-weight:600; letter-spacing:-1px; padding: 15px 0 15px 30px !important; border-bottom: 1px solid #b7d8ef;  }
table.chain_table td { vertical-align: middle; border-right:0 !important; width:70%; font-size:15px; color:#4f4e4e !important; font-weight:500; letter-spacing:-1px; padding: 15px 0 15px 30px !important; border-bottom: 1px solid #b7d8ef;  }
table.chain_table td strong { color:#2b87c9 !important; line-height:25px;  }
table.chain_table input { margin:0 !important; padding:8px !important; vertical-align:middle !important;  width:96% !important; }
table.chain_table:last-child { width:98%; }

/*버튼폰트변경*/
#mikl_regi_01 .avia-button-wrap .avia_iconbox_title { font-size:20px !important; letter-spacing:-1px !important; font-weight: 500;  font-family: 'Nanum Square';  }



.milkeintro_box_01 { font-family: 'Nanum Square'; min-height:101px; padding: 8px 0 0 180px; box-sizing : border-box; }

.milkeintro_txt_01 { font-size:15px; color:#bebebe; padding: 0 0 6px 0px; margin:0; text-align:left; font-weight: 500; letter-spacing: -1px;  }
.milkeintro_txt_01 span { font-size:15px; color:#bebebe; padding: 0 0 0 10px; margin:0; text-align:left; font-weight: 500; letter-spacing: -1px;   }
.milkeintro_txt_01 b { font-size:22px; color:#2b87c9 !important; padding: 0 10px 0px 0; margin:0; text-align:left; font-weight: 600; letter-spacing: -1px; line-height:28px; box-sizing : border-box;  }
.milkeintro_txt_02 { font-size:16px; color:#181818; padding: 0 25px 0 0px; margin:0; text-align:left; font-weight: 500; letter-spacing: -1px; line-height:23px; }


.milkeintro_bg_01 { background:url(../images/sub/milkeintro_img_01.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_02 { background:url(../images/sub/milkeintro_img_02.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_03 { background:url(../images/sub/milkeintro_img_03.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_04 { background:url(../images/sub/milkeintro_img_04.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_05 { background:url(../images/sub/milkeintro_img_05.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_06 { background:url(../images/sub/milkeintro_img_06.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_07 { background:url(../images/sub/milkeintro_img_07.png) no-repeat left top;  margin: 0 0 50px 0; }
.milkeintro_bg_08 { background:url(../images/sub/milkeintro_img_08.png) no-repeat left top;  margin: 0 0 50px 0; }




.milklib_box_01 { width:90%; font-family: 'Nanum Square'; margin:0 auto; padding: 25px 0 0 20px; box-sizing : border-box;  min-height:246px; border:1px solid #cdd7df; font-size:15px; color:#aaaaaa; letter-spacing:-1px;}
.milklib_box_01 b { font-size:20px; color:#374d80; font-weight:600; letter-spacing:-1px; padding: 0 5px 0 0; }
.milklib_box_02 { width:90%; font-size:16px; color:#5a5a5a; text-align:left; font-weight: 500; letter-spacing: -1px; line-height:25px; font-family: 'Nanum Square'; margin:0 auto 50px auto; padding: 20px 0 0 0px; box-sizing : border-box;  }

.milklib_box_01:before { display:inline-block;   content: 'I';  font-weight:600;  color: #aaaaaa;  margin: 0px 10px 0px 0; font-size:24px; padding: 0px 0 0 0;  }


.milklib_bg_01 { background: #e9f0f5 url(../images/sub/milklib_bg_01.png) no-repeat 50% 65%; }
.milklib_bg_02 { background: #e9f0f5 url(../images/sub/milklib_bg_02.png) no-repeat 50% 65%; }
.milklib_bg_03 { background: #e9f0f5 url(../images/sub/milklib_bg_03.png) no-repeat 50% 65%; }
.milklib_bg_04 { background: #e9f0f5 url(../images/sub/milklib_bg_04.png) no-repeat 50% 65%; }



.milklib_box_03 { width:140px; height:140px; font-family: 'Nanum Square'; margin:0 auto; text-align:center; padding: 54px 0 0 0px; box-sizing : border-box;  border:5px solid #cdd7df; font-size:35px; color:#ffffff; letter-spacing:-2px; font-weight:600; }
.milklib_box_04 { letter-spacing:-1px; font-family: 'Nanum Square'; margin: 0 auto 50px auto; font-weight:600; padding: 10px 0 0 0px; font-size:18px; color:#111111; line-height:25px; text-align:center;  }

.milklib_box_blue_cercle { background-color:#5c73a8; border-radius:200px; }
.milklib_box_yellow_cercle { background-color:#f4c212; border-radius:200px; }
.milklib_box_purple_cercle { background-color:#6608a8; border-radius:200px; }
.milklib_box_skyblue_cercle { background-color:#4da0db; border-radius:200px; }
.milklib_box_green_cercle { background-color:#1b9504; border-radius:200px; }
.milklib_box_brown_cercle { background-color:#6a370a; border-radius:200px; }
.milklib_box_red_cercle { background-color:#d11717; border-radius:200px; }





.milkonline_txt_01 { width:100%; font-family: 'Nanum Square'; margin:0 auto; padding: 0 0 0 0px; box-sizing : border-box;  font-size:22px; color:#494949; letter-spacing:-1px; line-height:30px; text-align:center; }
.milkonline_txt_01 strong { font-size:22px; color:#2464b3 !important;  }
.milkonline_txt_01 b { font-size:15px; color:#cecece !important; padding: 0 10px;  }
.milkonline_txt_02 { width:100%; font-family: 'Nanum Square'; margin:0 auto; padding: 0 0 0 0px; box-sizing : border-box;  font-size:16px; color:#6a6a6a; letter-spacing:-1px; line-height:25px; text-align:center;}




.milkpad_box_01 { position:relative; display:table; min-height:75px; margin: 0 auto; padding:0; text-align:center; } 


.milkpad_txt_01 { float:left;  width:333px; min-height:75px;  font-family: 'Nanum Square'; margin:0 0 30px 0; padding: 23px 0 0px 35px; box-sizing : border-box;  font-size:22px; color:#aac2e0; letter-spacing:-1px; line-height:30px; text-align:left; background: #2464b3 url(../images/sub/milkpad_img_01.gif) no-repeat right; }


.milkpad_txt_01 strong { font-size:22px; color:#ffffff !important;  }
.milkpad_txt_01 b { font-size:15px; color:#aac2e0 !important; padding: 0 10px;  }


.milkpad_txt_02 { float:left; min-height:75px; width:700px; font-family: 'Nanum Square'; margin:0 0 30px 0; padding: 24px 20px 20px 30px; box-sizing : border-box;  font-size:15px; color:#292929; line-height:25px; text-align:left; background-color:#e9f0f5; border: 1px solid #cdd7df; border-left: 0 !important; }







.milkedu_box_01 { position:relative; width:228px; height:228px; font-family: 'Nanum Square'; margin:0 auto; padding: 36px 20px 0px 20px; box-sizing : border-box;  font-size:22px; color:#494949; letter-spacing:-1px; line-height:25px; text-align:center;  background:url(../images/sub/milkedu_boxbg_01.gif) no-repeat;   }
.milkedu_txt_01 { color:#494949;  }
.milkedu_txt_01 b { color:#2464b3; font-size:22px;  }
.milkedu_txt_02 { font-size:15px; color:#afafaf;   }
.milkedu_txt_02:after { display: block; content: ''; width: 20px; height: 2px; background-color: #2b87c9; margin: 10px auto 10px auto; }
.milkedu_txt_03 { font-size:15px; color:#6a6a6a; line-height:22px; }





.milklearning_box_01 { position:relative; width:100%; height:auto; font-family: 'Nanum Square'; margin:30px 0 0 0 ; padding: 15px 0px; box-sizing : border-box;  font-size:20px; color:#ffffff; letter-spacing:-1px; line-height:25px; text-align:center;  background-color:#2464b3;  }

.milklearning_box_02 { position:relative; width:273px; height:172px; font-family: 'Nanum Square'; margin:0 auto; padding: 0px 0px 0px 0px; box-sizing : border-box; color:#494949; letter-spacing:-1px; line-height:25px; text-align:center;  background:url(../images/sub/milklearning_img_01.gif) no-repeat; color:#1c1c1c;   }



.milklearning_txt_01 strong, .milklearning_txt_02 strong, .milklearning_txt_03 strong, .milklearning_txt_04 strong, .milklearning_txt_05 strong, .milklearning_txt_06 strong, .milklearning_txt_07 strong, .milklearning_txt_08 strong { font-size:20px; font-weight:600; color:#1c1c1c !important;   }
.milklearning_txt_01 strong:after, .milklearning_txt_02 strong:after, .milklearning_txt_03 strong:after, .milklearning_txt_04 strong:after, .milklearning_txt_05 strong:after, .milklearning_txt_06 strong:after, .milklearning_txt_07 strong:after, .milklearning_txt_08 strong:after { display: block;  content: ''; width: 13px;  height: 2px; background-color: #2b87c9;  margin: 5px auto 5px auto; }
#milklearning_box_02 .flex_column { margin-bottom:0 !important; }



.milklearning_txt_01 { position:absolute; left:30px; top:70px; text-align:center; }
.milklearning_txt_02 { position:absolute; left:175px; top:70px; text-align:center;  }

.milklearning_txt_03 { position:absolute; left:40px; top:70px; text-align:center; }
.milklearning_txt_04 { position:absolute; left:180px; top:70px; text-align:center;  }

.milklearning_txt_05 { position:absolute; left:35px; top:70px; text-align:center; }
.milklearning_txt_06 { position:absolute; left:145px; top:70px; text-align:center;  }

.milklearning_txt_07 { position:absolute; left:15px; top:70px; text-align:center; }
.milklearning_txt_08 { position:absolute; left:175px; top:70px; text-align:center;  }




.milklearning_table_01 { width:80%; margin:0 auto; }
.milklearning_table_01 th { width:50%; text-align:center; font-size:16px; color:#ffffff; background-color:#2464b3; font-weight:500; letter-spacing:-1px; padding: 18px 0; }
.milklearning_table_01 th:first-child { border-right: 1px dashed #9cafc7 !important;  }
.milklearning_table_01 td:first-child { border-right: 1px dashed #dcdcdc !important;  }

.milklearning_table_01 td { width:50%; text-align:center; font-size:15px; color:#1c1c1c; background-color:#ffffff; letter-spacing:-1px; border-bottom: 1px dashed #dcdcdc !important; padding: 18px 0;  }








/*개인정보*/
.milk_priv_01 { width:80%; margin: 20px auto; padding: 10px 20px; }
.milk_priv_01 strong { font-size:16px; }







/*footer*/
.footer_color { background-color:#414756 !important;     padding: 0px 0 0px 0 !important;  }

.milk_footer_box_01 { margin: 0 0 10px 0; }
.milk_footer_box_01 span { display:inline-block; padding: 0 10px; color:#6a758e; } 
.milk_footer_box_01 a { margin: 0 0px 0 0; font-size:14px; color:#ffffff; }
.milk_footer_box_02 { margin: 0 0 0px 0; font-size:14px; color:#b1b3b7; line-height:25px; }

#footer #text-6 { margin-bottom:15px !important;  }




.m_visible { display:inline-block; }


#milk_currystep_pc { display:block; }
#milk_currystep_m { display:none; }


@media only screen and (max-width: 767px) {


     #milk_currystep_pc { display:none; }
     #milk_currystep_m { display:block; }

	.m_visible { display:block; text-indent:99999px; font-size:0; height:0; }

	.milk_footer_box_01 a { font-size:12px; letter-spacing:-1px; line-height:20px; }
	.milk_footer_box_01 span { padding: 0 1px; }
	.milk_footer_box_02 { font-size:12px; line-height:20px; }



	.milk_priv_01 { width:100%; margin: 20px auto; padding: 10px 10px; }
	
	.milklearning_table_01 { width:100%; margin:40px auto 0 auto; }

	.milkpad_txt_01 { float:none; width:100%;   background-image:none; margin:0; }
	.milkpad_txt_02 { float:none; width:100%; border: 0px solid #cdd7df !important; border-bottom:1px solid #cdd7df !important;  }
	.milkpad_txt_01 strong { font-size:16px; }



	#milk_sub_visual_01 { height:150px !important; }
	#milk_sub_visual_01 .milksub_txt_01 h1 { font-size:34px !important; padding: 15px 25px; margin: 30px auto 0 auto; }
	.milk_family_tab_01 { padding: 10px 0; }
	.milk_family_tab_01 a { width:20%; margin:0px 0px ; padding: 10px 0px; font-size:13px;  }
	.m_hidden { display:none; }
	.milk_txt_02 { text-align:center; } 
	.milk_txt_02 p { padding: 70px 10px 0 10px;  text-shadow: rgb(47, 27, 27) 0px 0px 5px;  }

	#milk_img_01_pc { display:none;}
	#milk_img_01_m { display:block;}
	#milk_img_02 img { width:100%; }


	.h2_box { font-size:26px; padding-bottom:20px; }
	.h2_box_yellow { font-size:26px; padding-bottom:20px; }
	.h2_box_purple { font-size:26px; padding-bottom:20px; }
	.h2_box_blue { font-size:26px; padding-bottom:20px; }
	.h2_box_green { font-size:26px; padding-bottom:20px; }
	.h2_box_brown { font-size:26px; padding-bottom:20px; }
	.h2_box_red { font-size:26px; padding-bottom:20px; }

	.h3_box { font-size:20px; line-height:35px; }
	.milk_txt_01 { font-size:16px;  }

	.h4_box_01 { background-position: left top; width:100%;  }
	.h4_box_02 { width:100%;  }
	.h4_bg_01 { width:100%; height:188px; margin: 0px auto 0 auto;  background:url(../images/sub/milkmod_bg_01.gif) no-repeat 33% top;  }

	table.map_table th { width:30% !important; padding: 15px 10px 15px 10px !important; word-break: break-all; table-layout:fixed; }
	table.map_table td { width:70% !important;  }
	table.chain_table th { width:30% !important; padding: 15px 10px 15px 10px !important; word-break: break-all; table-layout:fixed; }
	table.chain_table td { width:70% !important;  }

	/*모바일에서 페이지 상단탭 숨김*/
	.milk_family_tab_01 { display: none; font:0 !important; height:1px !important; }
	#milk_family_tab_01 { margin:0 !important; padding:0 !important;     min-height: 20px !important; }
	
	.milk_adm_tab_01 { display: none; font:0 !important; height:1px !important; }
	#milk_adm_tab_01 { margin:0 !important; padding:0 !important;     min-height: 20px !important; }


	.milk_curr_tab_01 { display: none; font:0 !important; height:1px !important; }
	#milk_curr_tab_01 { margin:0 !important; padding:0 !important;     min-height: 20px !important; }



	.milkeintro_bg_01, .milkeintro_bg_02, .milkeintro_bg_03, .milkeintro_bg_04, .milkeintro_bg_05, .milkeintro_bg_06, .milkeintro_bg_07, .milkeintro_bg_08 {  padding: 0px 0 0 0px; margin: 0 0 30px 0; background-position: 50% 0%; }
	.milkeintro_txt_01 { padding-top:118px; text-align:center;}
	.milkeintro_txt_02 { text-align:center; padding:0;}


	.milklib_box_02  { margin: 0 auto 0px auto; }
	.milklib_box_04 { margin: 0 auto 0px auto;  }

	#milklib_box_02 .flex_column { width: 49% !important; }

}

@media only screen and (max-width: 350px) {
	#milklib_box_02 .flex_column { width: 100% !important; }
}