@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

#hd { z-index:5 !important; }

#header {z-index:20;}
.toplinkZone {z-index:21;}
.navBox {z-index:21;}
.nav {z-index:22;}
.nav ul.depth1 {z-index:23;}
.subBox {z-index:21;}
#logo {z-index:25;}

#header {position:absolute; top:0px; width:100%;text-align: center;padding: 0 0 0 0;background:none;border:none;}

/* 상단메뉴 형태설정 *******************************************************************/
.toplinkZone .tzin {width:1200px;margin:0 auto;}
.nav {width:100%;margin:0 auto;background:#fff;}
.nav .navBox {width:100%;margin:0 auto;}
.nav .navBox_in {width:1200px;margin:0 auto;}


/* 상단메뉴 형태설정 *******************************************************************/

/* 상단 링크 */
.toplinkZone {position:relative;display:block;height:37px;background:#333;}
.tzin {}
.top_link { position:relative;display:block;float:right;height:37px;clear:both; margin:0 !important;  }
.top_link li { float:left; line-height:36px; }
.top_link li a { font-size:0.8em; padding:0 0.6em; }
.top_link a:link, 
.top_link a:active, 
.top_link a:visited { color:#fff; text-decoration: none; }
.top_link a:hover,
.top_link .hover  { color:#00b4ff !important; text-decoration: none !important;}
.no_line { background:none !important; }

.home_bt { display:none !important; }

/* 로고 설정 */
#header h1 {
	padding: 0 0 0 0;
	margin:0;
}
#header h1 a {
	float:left;
	font-size: 1.5em;
	letter-spacing: -0.025em;
	border: 0;
	text-indent: -5000px;
	overflow: hidden;
	background:url(../../images/logo.png) no-repeat center;
	background-size:100%;
}
#logo {}
#header h1, 
#header h1 a {display:block;float:left;width:100%;height:68px;}

#logo {float:left;width:25%;overflow:hidden;}
.depth1 {float:left;width:75%;}

.nav ul.depth1 li.gnb1 {width:16.6666%;}
.nav ul.depth1 ul.depth2,
.nav ul.depth1 ul.depth3,
.gnb1 a { width:100%; }

.navBox { position:relative; }
.navBox:after {display:block;visibility:hidden;clear:both;content:""} 

.nav {  }

.nav ul.depth1 {position:relative;zoom:1; }
.nav ul.depth1:after {display:block; visibility:hidden; clear:both; content:""; }
.nav ul.depth1 li.gnb1 { position:relative; float:left; text-align:center; display:inline; }

.nav_1da {display:block; float:left; font-weight:bold; height:auto; padding:0 10px; line-height:68px; text-decoration:none; }
.nav_1da:focus, .nav_1da:hover {text-decoration:none; color:#e8180c;  } 
.subBox { position:absolute;  top:68px; width:100%; height:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:none; }
.subBox .subBox_img { position:absolute; width:263px; height:100%; left:50%; top:0px; margin-left:-500px; }
.subBox:after {display:block;visibility:hidden;clear:both;content:""}
.nav ul.depth1 ul.depth2 {position:absolute; left:0; top:68px; display:none; padding-top:12px;  }
*+html body .nav ul.depth1 ul.depth2 {top:69px;}/* IE7 & Opera 핵 */
:root  .nav ul.depth1 ul.depth2 {top:69px;}/* IE9 핵 */
.nav_2da {display:block; float:left; width:100px; height:auto; text-align:left; padding:0 10px; line-height:16px; text-decoration:none; color:#333 !important; font-weight:bold;  }
.nav_2da:focus, .nav_2da:hover {text-decoration:none; color:#00b4ff !important; }
.nav ul.depth1 ul.depth2 li {display:inline-block !important; float:left; width:100%; height:auto; clear:both; }

.nav ul.depth1 ul.depth3 {position:relative; left:0; }
.nav_3da {display:block; float:left; width:100px; height:auto; text-align:left; padding:0 10px; line-height:16px; text-decoration:none; color:#333 !important; font-weight:bold;  }
.nav_3da:focus, .nav_3da:hover {text-decoration:none; color:#00b4ff !important; }
.nav ul.depth1 ul.depth3 li {display:inline-block !important; float:left; width:100%; height:auto; clear:both; }


#nav.scrolled {position:fixed;width:100%;top:0;background:#fff;margin:0 auto;}
#nav.scrolled .navBox {width:100%;border-bottom:1px solid #ddd;}
#nav.scrolled .navBox_in {width:1200px;}


.depth1 { margin:0 !important; }
.gnb1 {  }
.gnb1 a { height:68px; padding:0 !important; text-align:center; font-size:1em; font-family: 'Nanum Gothic', sans-serif; /* letter-spacing:-0.1em; */ }
.gnb1 a:link, 
.gnb1 a:active, 
.gnb1 a:visited { color:#333; text-decoration: none; }
.gnb1 a:hover,
.gnb1 .hover,
.gnb1 .now { color:#00b4ff !important; text-decoration: none !important;}

.gnb1 #nav_2da a { width:100% !important; height:auto !important; text-align:left !important;  font-size:1.2em; font-weight:normal !important; padding:8px 10px 8px !important; letter-spacing: -0.025em;}
.gnb1 #nav_2da a:link, 
.gnb1 #nav_2da a:active, 
.gnb1 #nav_2da a:visited { color:#333; text-decoration: none; }
.gnb1 #nav_2da a:hover,
.gnb1 #nav_2da .hover  { color:#fff !important; text-decoration: none !important; background:#00b4ff;}

.gnb1 #nav_3da a {display:block; width:100% !important; height:auto !important; line-height:1.5em; text-align:left !important;  font-size:1.2em; font-weight:normal !important; padding:5px 10px 5px 20px !important; letter-spacing: -0.025em;}
.gnb1 #nav_3da a:link, 
.gnb1 #nav_3da a:active, 
.gnb1 #nav_3da a:visited { color:#333; text-decoration: none; }
.gnb1 #nav_3da a:hover,
.gnb1 #nav_3da .hover  { color:#fff !important; text-decoration: none !important; background:#00b4ff;}

#bo_v_table { display:none; }

.top_link .lang_box {background:none !important;}
.top_link .lang_box a {padding:0.2em 0.5em; }
.top_link .lang_box a:link,                                                                                      
.top_link .lang_box a:active,                                                                                  
.top_link .lang_box a:visited { color:#fff; text-decoration: none; background:#666; }          
.top_link .lang_box a:hover,                                                                                   
.top_link .lang_box .hover  { color:#fff !important; text-decoration: none !important; background:#0295da;} 

/* 페이지 상단이미지 */
.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6 { display:inline-block; width:100%; padding: 0 0 !important; }
.style_subimg1 .container p,
.style_subimg2 .container p,
.style_subimg3 .container p,
.style_subimg4 .container p,
.style_subimg5 .container p,
.style_subimg6 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; }

.style_subimg1 { background:url(../../images/sub_topimg01.jpg) no-repeat center; background-size:100%; }
.style_subimg2 { background:url(../../images/sub_topimg02.jpg) no-repeat center; background-size:100%; }
.style_subimg3 { background:url(../../images/sub_topimg03.jpg) no-repeat center; background-size:100%; }
.style_subimg4 { background:url(../../images/sub_topimg04.jpg) no-repeat center; background-size:100%; }
.style_subimg5 { background:url(../../images/sub_topimg05.jpg) no-repeat center; background-size:100%; }
.style_subimg6 { background:url(../../images/sub_topimg06.jpg) no-repeat center; background-size:100%; }

.stiz1,
.stiz2,
.stiz3,
.stiz4,
.stiz5,
.stiz6 {padding:6em 0 1.8em 0;}
.stiz1 {display:inline-block;width:100%;}
.stiz2 {display:inline-block;width:100%;}
.stiz3 {display:inline-block;width:100%;}
.stiz4 {display:inline-block;width:100%;}
.stiz5 {display:inline-block;width:100%;}
.stiz6 {display:inline-block;width:100%;}

.stiz1, .stiz2, .stiz3, .stiz4, .stiz5, .stiz6 {padding:7em 0 1.5em 0;}

.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6 { display:inline-block; width:100%; margin-top:0px; padding: 0 0 !important; }
.style_subimg1 .container h2,
.style_subimg2 .container h2,
.style_subimg3 .container h2,
.style_subimg4 .container h2,
.style_subimg5 .container h2,
.style_subimg6 .container h2 { text-align:center; color:#000; margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
.style_subimg1 .container p,
.style_subimg2 .container p,
.style_subimg3 .container p,
.style_subimg4 .container p,
.style_subimg5 .container p,
.style_subimg6 .container p { text-align:center; color:#fff; font-size:0.65em; line-height:1.5em; margin:0 0 0 0; }

.style_subimg10 { display:inline-block; width:100%; padding: 0 0 !important;background:url(../../images/sub_topimg01.jpg) no-repeat center; background-size:100%; }
.style_subimg10 .container h2 { text-align:center; color:#000; margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
.style_subimg10 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; }
.stiz10 {display:inline-block;width:100%;padding:8.5em 0 1.5em 0;}

/* 상단메뉴 갯수 설정 */
.nav ul.depth1 li.menuDan1 {width:100%;}
.nav ul.depth1 li.menuDan2 {width:50%;}
.nav ul.depth1 li.menuDan3 {width:33.3333%;}
.nav ul.depth1 li.menuDan4 {width:25%;}
.nav ul.depth1 li.menuDan5 {width:20%;}
.nav ul.depth1 li.menuDan6 {width:16.6666%;}
.nav ul.depth1 li.menuDan7 {width:14.2857%;}
.nav ul.depth1 li.menuDan8 {width:12.5%;}
.nav ul.depth1 li.menuDan9 {width:11.1111%;}
.nav ul.depth1 li.menuDan10 {width:10%;}