@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 300;
  src: url(../asset/fonts/NanumGothicLight.otf) format('opentype');
}
@font-face {
   font-family: 'NanumGothic';
   font-style: normal;
   font-weight: 400;
   src: url(../asset/fonts/NanumGothic.otf) format('opentype');
 }
@font-face {
   font-family: 'NanumGothic';
   font-style: normal;
   font-weight: 500;
   src: url(../asset/fonts/NanumGothic.otf) format('opentype');
 }
@font-face {
   font-family: 'NanumGothic';
   font-style: normal;
   font-weight: 700;
   src: url(../asset/fonts/NanumGothicBold.otf) format('opentype');
 }
@font-face {
   font-family: 'NanumGothic';
   font-style: normal;
   font-weight: 900;
   src: url(../asset/fonts/NanumGothicExtraBold.otf) format('opentype');
 } 

@font-face {
    font-family: 'NanumGothic';
    src: url(../asset/fonts/Noto Sans KR.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
* Galileo Korea
* STYLE SHEET
*/

/* 공통으로 사용 */
*{margin:0;padding:0; font-family:"NanumGothic",  Dotum, Gulim, AppleGothic, Sans-serif;}
body{position:relative; background-color:#fff; margin:0;padding:0;}
body,button{font-size:12px;line-height:18px; color:#555;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left; margin:0;padding:0;}
p{border:0;margin:0;padding:0;}
img,fieldset,iframe{border:0 none;}
form,select,img,input,textarea{vertical-align:middle;}
input{
	margin:0;
	color:#333;
	font-size:12px;
	letter-spacing:0;
	padding: 0;
}
select{color:#555; font-size:12px; vertical-align:middle; }
hr{display:none;}
legend, caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;}

dl,ul,ol,li{list-style:none outside;}
em,address{font-style:normal;}
a{color:#555;text-decoration:none;}
a:hover{color:#FF5E6F;text-decoration:underline; cursor:hand;}
a:active{color:#FF5E6F;text-decoration:underline; cursor:hand;}
table,td{border-collapse:collapse; padding: 10 0 10 0;}
tr{border:none;}
form {margin:0}
textarea{overflow:auto;}
.hide{display:none;}
.pt {cursor:pointer}
.input_typeUd{text-transform:uppercase; ime-mode:disabled;}
/* 본문으로 바로가기 */
#accessibility {position: absolute; top: -5em;left: -20em;}
/* Layout */
#wrap { 
	width: 100%;
	position: relative;
	margin:0 auto;
}
/* header css */
#header {
	padding-bottom:60px;
	width: 965px;
	height:116px;

	margin: 0 auto;
	position:relative;	background-color:#0d141c/*main navy*/;
}
#header h2{
	display:none;
}

#header .header{position:relative;margin:0 auto;width:100%;height:77px;border-bottom:1px solid #212830;}
#header .logo{position:relative;margin:0 auto;width:340px; height:36px;padding:25px 0 16px}
/* 크리스마스 로고 */
#header .logo1{
	position:absolute;
	top:0px;
	left:0px;
}

/******* 200703 추가 *************************************/
.topMenu { position:relative; width:100%; height:100px; overflow:hidden;}
.topMenu #gnb { height:100px;}
.topMenu #gnb li { float:left; text-align:center;  font-family:'Arial';}
.topMenu #gnb li a { font-size: 14px; width:160px; height:60px; line-height:60px; padding-top:0px; display:block;font-weight:700;color:#f6e3ca;font-family:'Arial';}
.topMenu #gnb li a:hover  { color:#FFF;text-decoration:none }

.topMenu #gnb li ul { position:absolute; top:59px;z-index:2;font-family:'Arial';}
.topMenu #gnb li ul li {float:left; padding:0 12px; position:relative; }
.topMenu #gnb li ul li:after {content:''; width:1px; height:8px; position:absolute; right:0; top:50%; margin-top:-4px;  background:#40454b;font-family:'Arial';}
.topMenu #gnb li ul li:last-child::after {content:none}

.topMenu #gnb li ul li a {width:auto !important; background:none!important; height:40px!important; padding:0!important; letter-spacing:-0.5px;font-weight:100;font-size:11px;color:#f6e3ca;line-height:40px;font-family:'Arial';}
.topMenu #gnb li ul li a:hover {color:#FFF;}
.topMenu #gnb li.no1 ul { left:-20px; width:450px; font-family:'Arial';}
.topMenu #gnb li.no1 ul li { width: auto;font-family:'Arial';}
.topMenu #gnb li.no1 ul li a { width: auto;font-weight:300; font-size:12px;color:#f3dfc7;font-family:'Arial';}
.topMenu #gnb li.no1 ul li.gnb0101 ,.topMenu #gnb li.no1 ul li.gnb0101 a { width:130px;}

.topMenu #gnb li.no2 ul { left:60px; width:871px;}
.topMenu #gnb li.no3 ul { left:5px; width:100%;}
.topMenu #gnb li.no4 ul { left:300px; width:554px;}
.topMenu #gnb li.no5 ul { left:380px; width:580px; }
.topMenu #gnb li.no6 ul { left:340px; width:580px; }

.topMenu .sub_area {position:absolute;top:60px;width:100%;background-color:#192026; border-top:1px solid #242b33;height:39px;z-index:1;font-family:'Arial';}

.topMenu .submenu { position:absolute; left:810px; top:70px;}
.topMenu .submenu li { float:left; background:url(../img/main/ico/ico01_main.gif) right center no-repeat; padding:0 10px 0 10px; font-size:0; }
.topMenu .submenu li.end { padding-right:0; background:none; }

/******* 200703 추가 End ********************************
.topImage{
	position:absolute;
	width:750px;
	height:150px;
	left:220px;
	top:81px;
	z-index:30;
}
*****/
.top_visual {width:965px;height:320px;margin: 0 auto;position:relative;background-color:#4E6659;}
.top_visual .location { padding:20px 20px 0; font-size:12px;color:#F7E4CB}
.top_visual .location span {font-family:"Arial";font-size:12px;color:#F7E4CB}
.top_visual .location span.on {font-weight:700;}
.top_visual .sub_tit { position:absolute;left:20px;bottom:20px;font-family:"Impact";font-size:52px;line-height:52px;color:#F7E4CB}
.top_visual .topImage { position:absolute;right:0px;top:0px;width:480px;height:320px;overflow:hidden}

.top_visual1 {width:965px;height:320px;margin: 0 auto;position:relative;background-color:#FF5E6F;}
.top_visual1 .location1 { padding:20px 20px 0; font-size:12px;color:#0A121A}
.top_visual1 .location1 span {font-family:"Arial";font-size:12px;color:#0A121A}
.top_visual1 .location1 span.on {font-weight:700;}
.top_visual1 .sub_tit1 { position:absolute;left:20px;bottom:20px;font-family:"Impact";font-size:34px;line-height:34px;color:#0A121A}
.top_visual1 .topImage1 { position:absolute;right:0px;top:0px;width:480px;height:320px;overflow:hidden}

.top_visual2 {width:965px;height:320px;margin: 0 auto;position:relative;background-color:#F7E4CB;}
.top_visual2 .location2 { padding:20px 20px 0; font-size:12px;color:#0A121A}
.top_visual2 .location2 span {font-family:"Arial";font-size:12px;color:#0A121A}
.top_visual2 .location2 span.on {font-weight:700;}
.top_visual2 .sub_tit2 { position:absolute;left:20px;bottom:20px;font-family:"Impact";font-size:52px;line-height:52px;color:#0A121A}
.top_visual2 .topImage2 { position:absolute;right:0px;top:0px;width:480px;height:320px;overflow:hidden}

.top_visual3 {width:965px;height:320px;margin: 0 auto;position:relative;background-color:#4E6659;}
.top_visual3 .location3 { padding:20px 20px 0; font-size:12px;color:#F7E4CB}
.top_visual3 .location3 span {font-family:"Arial";font-size:12px;color:#F7E4CB}
.top_visual3 .location3 span.on {font-weight:700;}
.top_visual3 .sub_tit3 { position:absolute;left:20px;bottom:20px;font-family:"Impact";font-size:52px;line-height:52px;color:#F7E4CB}
.top_visual3 .topImage3 { position:absolute;right:0px;top:0px;width:480px;height:320px;overflow:hidden}

.top_visual4 {width:965px;height:320px;margin: 0 auto;position:relative;background-color:#FF5E6F;}
.top_visual4 .location4 { padding:20px 20px 0; font-size:12px;color:#0A121A}
.top_visual4 .location4 span {font-family:"Arial";font-size:12px;color:#0A121A}
.top_visual4 .location4 span.on {font-weight:700;}
.top_visual4 .sub_tit4 { position:absolute;left:20px;bottom:20px;font-family:"Impact";font-size:52px;line-height:52px;color:#0A121A}
.top_visual4 .topImage4 { position:absolute;right:0px;top:0px;width:480px;height:320px;overflow:hidden}

.top_visual .topImage p { z-index:3; width:480px;height:320px;}
.top_visual .topImage p.svisual00 { background:url('../asset/images/sub/sub_visual00.jpg') left top no-repeat;}
.top_visual .topImage p.svisual01 { background:url('../asset/images/sub/sub_visual01.jpg') left top no-repeat;}
.top_visual .topImage p.svisual02 { background:url('../asset/images/sub/sub_visual02.jpg') left top no-repeat;}
.top_visual .topImage p.svisual031 { background:url('../asset/images/sub/sub_visual03-1.jpg') left top no-repeat;}
.top_visual .topImage p.svisual032 { background:url('../asset/images/sub/sub_visual03-2.jpg') left top no-repeat;}
.top_visual .topImage p.svisual033 { background:url('../asset/images/sub/sub_visual03-3.jpg') left top no-repeat;}
.top_visual .topImage p.svisual034 { background:url('../asset/images/sub/sub_visual03-4.jpg') left top no-repeat;}
.top_visual .topImage p.svisual035 { background:url('../asset/images/sub/sub_visual03-5.jpg') left top no-repeat;}
.top_visual .topImage p.svisual036 { background:url('../asset/images/sub/sub_visual03-6.jpg') left top no-repeat;}
.top_visual .topImage p.svisual037 { background:url('../asset/images/sub/sub_visual03-7.jpg') left top no-repeat;}
.top_visual .topImage p.svisual038 { background:url('../asset/images/sub/sub_visual03-8.jpg') left top no-repeat;}
.top_visual .topImage p.svisual04 { background:url('../asset/images/sub/sub_visual04.jpg') left top no-repeat;}
.top_visual .topImage p.svisual05 { background:url('../asset/images/sub/sub_visual05.jpg') left top no-repeat;}

.top_visual1 .topImage1 p { z-index:3; width:480px;height:320px;}
.top_visual1 .topImage1 p.svisual06 { background:url('../asset/images/sub/sub_visual06.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual07 { background:url('../asset/images/sub/sub_visual07.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual08 { background:url('../asset/images/sub/sub_visual08.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual09 { background:url('../asset/images/sub/sub_visual09.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual10 { background:url('../asset/images/sub/sub_visual10.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual11 { background:url('../asset/images/sub/sub_visual11.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual12 { background:url('../asset/images/sub/sub_visual12.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual13 { background:url('../asset/images/sub/sub_visual13.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual14 { background:url('../asset/images/sub/sub_visual14.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual15 { background:url('../asset/images/sub/sub_visual15.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual16 { background:url('../asset/images/sub/sub_visual16.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual17 { background:url('../asset/images/sub/sub_visual17.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual18 { background:url('../asset/images/sub/sub_visual18.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual19 { background:url('../asset/images/sub/sub_visual19.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual20 { background:url('../asset/images/sub/sub_visual20.jpg') left top no-repeat;}
.top_visual1 .topImage1 p.svisual21 { background:url('../asset/images/sub/sub_visual21.jpg') left top no-repeat;}

.top_visual2 .topImage2 p { z-index:3; width:480px;height:320px;}
.top_visual2 .topImage2 p.svisual22 { background:url('../asset/images/sub/sub_visual22.jpg') left top no-repeat;}
.top_visual2 .topImage2 p.svisual23 { background:url('../asset/images/sub/sub_visual23.jpg') left top no-repeat;}
.top_visual2 .topImage2 p.svisual24 { background:url('../asset/images/sub/sub_visual24.jpg') left top no-repeat;}
.top_visual2 .topImage2 p.svisual25 { background:url('../asset/images/sub/sub_visual25.jpg') left top no-repeat;}
.top_visual2 .topImage2 p.svisual26 { background:url('../asset/images/sub/sub_visual26.jpg') left top no-repeat;}

.top_visual3 .topImage3 p { z-index:3; width:480px;height:320px;}
.top_visual3 .topImage3 p.svisual27 { background:url('../asset/images/sub/sub_visual27.jpg') left top no-repeat;}
.top_visual3 .topImage3 p.svisual28 { background:url('../asset/images/sub/sub_visual28.jpg') left top no-repeat;}
.top_visual3 .topImage3 p.svisual29 { background:url('../asset/images/sub/sub_visual29.jpg') left top no-repeat;}
.top_visual3 .topImage3 p.svisual30 { background:url('../asset/images/sub/sub_visual30.jpg') left top no-repeat;}
.top_visual3 .topImage3 p.svisual31 { background:url('../asset/images/sub/sub_visual31.jpg') left top no-repeat;}
.top_visual3 .topImage3 p.svisual32 { background:url('../asset/images/sub/sub_visual32.jpg') left top no-repeat;}

.top_visual4 .topImage4 p { z-index:3; width:480px;height:320px;}
.top_visual4 .topImage4 p.svisual33 { background:url('../asset/images/sub/sub_visual33.jpg') left top no-repeat;}
.top_visual4 .topImage4 p.svisual34 { background:url('../asset/images/sub/sub_visual34.jpg') left top no-repeat;}
.top_visual4 .topImage4 p.svisual35 { background:url('../asset/images/sub/sub_visual35.jpg') left top no-repeat;}
.top_visual4 .topImage4 p.svisual36 { background:url('../asset/images/sub/sub_visual36.jpg') left top no-repeat;}

/* mainContainer css */
#mainContainer{
	background: none;
	width: 965px;
	margin: 0 auto;
	position:relative;
	z-index:10;
	background:url('../asset/images/sub/bg_sub_cnt.gif') repeat-y;
}
/* mainContainer css */
#mainContainer:after {display: block;content: '';clear: both;}
/* 왼족 메뉴 
#mainContainer .leftMenu{
	position:relative;
	width:225px;
	float:left;
	z-index:20;
	background-color: #;
	padding:40px 0px;
}

/* 210620 수정
#mainContainer .leftMenu div {	position:relative;	width:205px;}
#mainContainer .leftMenu div ul li a { display:block; font-size:13px;color:#0a121a; font-family: 'Noto Sans KR';font-weight:bold;padding:2px 10px 0 30px;}
#mainContainer .leftMenu div ul li a.dep1 { margin-bottom:15px;}
#mainContainer .leftMenu div ul li a:before {content: "+ ";margin-left:-15px;}
#mainContainer .leftMenu div ul li a:hover { text-decoration:none;background-color:#F7E4CB}
#mainContainer .leftMenu div ul li ul { padding-bottom:20px }
#mainContainer .leftMenu div ul li ul li a { display:block; font-size:12px;color:#0a121a; font-family: 'Noto Sans KR';font-weight:normal;padding:0px 0 0px 40px;}
#mainContainer .leftMenu div ul li ul li a:before {content: "> ";margin-left:-10px;}
#mainContainer .leftMenu div ul li ul li a:hover { text-decoration:none;background-color:#F7E4CB}

/* 왼족 메뉴 */
#mainContainer .leftMenu{
	position:relative;
	width:206px;
	float:left;
	z-index:20;
	background-color: #0b1119;
	padding:0px;
	color:#F7E4CB;
	font-weight: 900;
}

/* 210620 수정*/
#mainContainer .leftMenu div {	position:relative;	width:206px;}
#mainContainer .leftMenu div ul li { }
#mainContainer .leftMenu div ul li a { display:block; font-size:15px;color:#fae7ce;margin:14px 20px 0 20px; padding-bottom:14px;border-bottom:1px solid #fbf3e5; font-family: 'Arial', Arial,'Noto Sans KR';font-weight:bold;/* text-transform: uppercase;*/line-height:24px}
#mainContainer .leftMenu div ul li a.line { border-bottom:0px;}
#mainContainer .leftMenu div ul li a.kor { font-size:15px; font-weight:bold;}
#mainContainer .leftMenu div ul li a.dep1 { margin-bottom:0px;}
#mainContainer .leftMenu div ul li a:hover { text-decoration:none;color:#FFF; margin-left:25px;margin-right:15px;transition: all .5s ease;}
#mainContainer .leftMenu div ul li ul { padding:5px 0; background-color:#fbf3e5}
#mainContainer .leftMenu div ul li ul li a { display:block; letter-spacing:-0.4px; font-size:13px;color:#0a121a; font-family: 'Arial';font-weight:normal;padding:0;margin:0px 0 0px 20px;text-transform: none;}
#mainContainer .leftMenu div ul li ul li a.kor { font-size:15px; font-weight: bold;}
#mainContainer .leftMenu div ul li ul li a:hover { text-decoration:underline;color:#0a121a;padding:0;margin:0px 0 0px 20px;transition: none;}



#mainContainer h2{
	display:none;
}
#mainContainer .content{
	position:relative;
	width:740px;
	padding:20px 0 35px;
	float:right;
	z-index:20;
}
.content h2{
	display:none;
}
.content .subTitle{
	width:100%;
	height:34px;
	border-bottom:1px solid #e4e4e4;
}
.subTitle .title{
	float:left;
	padding-top:3px;
	font-size:20px;
	color:#0A121A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing:-0.4px;
}
.subTitle .navi{
	float:right;
	padding-right:8px;
	margin-top:5px;
}
.subTitle .navi .naviText01{
	font-size:11px;
	color:#999;
	padding-right:17px;
	background: url(../images/common/navi_bg.gif) no-repeat right top;	
}
.subTitle .navi .naviText02{
	font-size:11px;
	color:#999;
	font-weight:bold;	
}



/* 교육배너 */
#mainContainer .eduBanner{
	position: absolute;
	left:755px;
	top:125px;	
	width:210px;
}
.eduBanner ul{
	position: relative;
	left:0px;
	top:0px;
	padding:12px 0;
	background-color:#4E6659;
}
.eduBanner ul li{
	position: relative;
	float:none;
	width:210px;
	line-height:48px;
	
}
.eduBanner ul li a {
	display:block;
	padding:00px 30px;
	border-bottom:0px solid #;
}
.eduBanner ul li a span {
	padding-left:12px;
	font-size:13px;
	color:#FFF;
	font-weight:600;
}

/* bottom bg */
#bottomBg {
	width: 100%;
	height:97px;
	margin: 0 auto;
	position:relative;
}
/* footer css */
#footer{
	background: none;
	width: 965px;
	margin: 0 auto;
	padding:0 0 20px 0;
	position:relative;
	border-top:1px solid #9a9a9a;
}
#footer h2{
	display:none;
}
#footer .bottom_left{
}
.bottom_left .logo{
	padding:10px 0 17px;
}
.bottom_left .copy {
	font-size:12px; line-height:19px;
	
}
#footer .bottom_right{
	position: absolute;top:10px; right:0;
	width:22px;
	height:120px;
 }
.bottom_right a {
	display:inline-block;
	padding: 0 0 2px 0;
	margin:0
}
/* footer sitelink */
.bottom_right .siteLink{
	position: absolute;
	left:575px;
	top:14px;
}
.bottom_right .siteLink select{
	width:125px;
	font-size:11px;
}

/* 조직도 */
#mainContainer .org_own{
	position: absolute;
	left:217px;
	top:8px;	
	width:300px;
	text-align:center;
	font-size:14px;
	color:#fff;
	line-height:33px;
}
/* 교육 동영상 */
#mainContainer .eduvideo_own{
	position: absolute;
	left:217px;
	top:8px;	
	width:300px;
	text-align:center;
	font-size:14px;
	color:#fff;
/*	font-family:'Noto Sans KR'; */
	line-height:33px;
}