@charset "utf-8";

#wrapper{position:relative; width:100%; position:relative; zoom:1; margin-top:32px;}

#direct{height:33px;background:#f8f8f8;border-bottom:1px solid #d7d7d7;margin-bottom:70px;z-index:100; width:100%;}
#direct:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#direct .sbs{width:79px;position:absolute;right:30px;top:5px;}
#direct .sbs img { width:100%}
#direct .inner{width:990px;margin:0 auto;text-align:right;}
#direct .directMenu{position:absolute;right:130px;top:0px;}
#direct .directMenu a{width:60px;display:inline-block;line-height:33px;text-align:center;color:#707070;}
#direct .directMenu a:first-child{}
#direct .directMenu a:hover{text-decoration:underline;}
#direct h1{position:absolute;left:0;top:0;z-index:999999;top:52px;left:30px;}
#direct h1 a{width:220px;display:inline-block;}
#direct h1 a img{width:100%;}
#direct .menuToggle{display:none;}
#direct .naver_ani{position:absolute;left:30px;top:7px;}
#direct .winner_copy { margin: 0 auto; width:260px; padding-top:7px;}

#header{height:70px;position:absolute;border-bottom:2px solid #0855b2;background:#fff;top:34px;width:100%;overflow:hidden;z-index:20;transition:.5s ease; z-index:99999;} /* max 361 min 70 */
/*#header.on{height:auto;}*/
#header.hover{height:180px;}
#header.on{height:680px;border-bottom:1px solid #d7d7d7;}
#header:before{content:"";position:absolute;left:0;top:70px;height:1px;width:100%;background:#d7d7d7;}
#header:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#header h1{width:84px;padding:17px 0 0 28px;float:left;}
#header h1 img{width:100%;}
#header .inner{width:900px;margin:0 auto; padding-left:10px;}
#header .inner a{font-size:12px;color:#555;}
#header .inner a:hover{ color:#1f86cf}
#header .inner .dep1>li{float:left;margin-right:10px;width:120px; text-align:left;}
#header .inner .dep1>li>a{margin:25px 0 40px;display:inline-block;font-size:16px;font-family:NanumGothicBold;}
#header .inner .dep1>li:hover>a{color:#1f86cf;}
#header .inner .dep1>li.last{margin-right:0;}
#header .inner .dep2 {margin-top:10px;}
#header .inner .dep2 li{margin-bottom:15px; letter-spacing:-0.050em;}
#header .inner .dep3 li{margin-bottom:10px; letter-spacing:-0.050em;}
#header .inner .dep3 li.first2 { margin-top:15px;}
#header .inner .dep3>li>a { font-size:11px; color:#999;letter-spacing:-0em;}
#header .inner .dep3>li:hover>a{ font-size:11px; color:#1f86cf;letter-spacing:-0em;}
#header .inner .dep1>li.first{width:180px;}
#header .inner .dep1>li.gov{width:140px;}
#header .inner .dep1>li.job{width:140px;}
#header .inner .dep1>li.curri{width:140px;}
#header .inner .dep_disno	{display:none;}
#header .inner .dep_disyes	{display:block;}
#header .inner .first>a{position:relative;left:30px;}
#header .inner .first .dep2 li{margin:0;padding:0px 0 15px 30px;}
#header .inner{position:relative;height:100%;}
#header .openGnb{display:none;}
#contents .inner{width:990px;margin:0 auto;}
#contents .inner:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#contents>.inner>h2{font-size:36px;margin-bottom:9px;font-weight:normal;}
#util_gnb  { }
#util_gnb .util {overflow:hidden;   height:32px; *height:32px; background:#23b300 ; }
#util_gnb .util li {float:left; color:#fff; font-size:11px;}
#util_gnb .util li a {display:block;  border-right:1px solid #187900; border-bottom:1px solid #002163; padding:10px 13px !important; color:#FFF;  }
#util_gnb .util li:first-child a {padding:10px 15px; border-left:1px solid #002163; color:#FFF;}
#util_gnb .util li.active a, #util_gnb .util li a:hover {background:#f8f8f8; color:#0855b2 !important; border-bottom:0 !important; font-weight:bold; }
.lay_c{ width:850px;margin:0 auto; position:relative;}
#util_gnb .hide-text {font-size: 1px; height: 1px; left: -9999px; line-height: 0; position: absolute; width: 1px; }
#util_gnb .icn_bub { display:block; /* color:#000 */}
#util_gnb .bubon { color:#d01715; !important; }
#topArea { width:100%; overflow:hidden; height:33px; position: absolute; top:-32px; text-align:center;}
/* footer */

.familyArea{ width:100%; float:left; position:relative;}
#familysite-wrap {position:relative;width:100%;border-top:1px solid #e4e4e4;background:#fafafa;}
#familysite {position:relative;width:990px;margin:0 auto;padding:7px 0;}
#familysite .familysite-anc span{ color:#1f86cf;}
#familysite .familysite-anc {display:inline-block;padding:7px 40px 6px 0;font-weight:bold;line-height:1.2;font-size:16px;}
#familysite .anc-close {background:url('../img/common/bul_familysite_close.png') no-repeat right 5px;}
#familysite .sns-list {margin-top:10px;float:right;}
#familysite .sns-list li {display:inline-block;margin-left:26px;}
#familysite .sns-list li:first-child {margin-left:0;}
.familysite-area {display:none;border-top:1px solid #e4e4e4;}
.familysite-content {width:990px;margin:0 auto;}
.familytitleArea{width:100%;height:110px;background:url('../img/main/itacademyBg.png') repeat-x 0 -80px;}
.fmsTitle{ font-size:50px; color:#000; font-weight:bold;}
.fmsTitle span{ color:#1f86cf;}
.flt_left{float: left;}
.clear-obj {zoom: 1;}
.faTitle{ width:990px; margin:0 auto; position:relative; padding:30px 0px;}
.faTitle ul { margin:30px 0 0 15px}
.faTitle ul li { display:inline-block; margin-left:15px;}
.siteList{ width:990px; margin:0 auto; position:relative; padding:30px 0px; height:210px;}
.siteList .last { margin-bottom:0px;}
.siteList ul { font-size:13px; float:left;width:300px; margin:0 15px; height:125px;}
.siteList ul li { position:relative; margin:10px 0;}
.faBtn { position:absolute; top:0px; right:0px;}
.siteList a{ margin-left:5px;}


#footer-wrap{ background:#fff; width:100%; position:relative; float:left; border-top: 1px solid #ddd;}
#footer{ width:990px; margin:0 auto; position:relative; padding:30px 0px;}
.footer-link {width:100%;;}
.footer-link li { display:inline-table;padding-left:9px;font-size:12px;line-height:1.2; margin-bottom:10px}
.footer-link li:first-child {padding:0;background:none;}
.footer-link li a {color:#696969;}
.footer-address {margin-top:0px;font-size:12px;line-height:1.5; color:#999;}
.footer-address em { color:#000; margin-left:10px;}
.footer-address span { color:#000;}
.footer-copyright {margin-top:6px;font-size:11px;line-height:1.2; color:#CCC;}
.botCall{ font-weight:bold; color:#1f86cf;}
.botCall span{ font-size:12px; }
.botCall_info{ color:#999; }




/*quick*/
/* side menu */
#sidemenu {
	position:fixed;
	top:730px;
	right:50%;
	width:163px;
	margin-right:-690px;
	z-index:9999;
}
.sidemenu-content {
width:163px;
	padding:15px 0 0;
	border:1px solid #e7e7e7;
	background:#fff;
	float:left;
}
.sidemenu-content p {margin:0 15px;}
.sidemenu-content .paragph01 {
	margin:6px 15px 15px;
	letter-spacing:-0.1em;
}
.sidemenu-content .paragph01 .thumb {
	display:block;
	margin-bottom:8px;
}
.sidemenu-content .btn_download {
	display:block;
	margin:0 15px 5px;
}
.sidemenu-content .img {margin:6px 15px 0;}
.sidemenu-sub {
	margin-top:-5px;
	padding:15px 0 10px;
	border-top:1px solid #e7e7e7;
}
.sidemenu-sub .paragph01 {margin:6px 15px 5px;}
.sidemenu-top {
	float:left;
	padding:20px 0 0;
	width:100%;

}
topMov{
text-align:center;
width:163px;
}

.main-sidemenu .footer-sidemenu .sidemenu-top {
	display:none;
}

.sidemenu-type01 ul {margin:15px 0 0;}
.sidemenu-type01 ul li {
	padding:14px 15px;
	border-top:1px solid #e7e7e7;
	background:url('/images/common/icon/bul_arrow05.gif') no-repeat 140px 50%;
	line-height:0;
}

.sidemenu-type06 ul {margin-top:-15px; overflow:hidden;}
.sidemenu-type06 ul li {
	text-align:center;
	margin:0 10px;
	padding:10px 0;
	border-top:1px solid #e7e7e7;
	background:url('../img/common/arrow04.png') no-repeat 100% 50%;
	overflow:hidden;
}
.sidemenu-type06 ul li:first-child {
	border-top:none;
}
/*.sidemenu-type06 ul li:last-child {
	border-top:none;
	margin:0;
	text-align:left;
	background:url('../img/common/faAll.png') no-repeat 92% 50%;
}*/
.sidemenu-type06 ul li:last-child span{
	color:#FFF;
	padding-left:35px;
}
.sidemenu-type06 a {
	display:block;
}
.quickSlide {
	float:left;
	position:relative;
	width:163px;
	background:#fafafa;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.quickSlide  ul li {border-top:1px solid #e7e7e7;border-right:1px solid #e7e7e7; float:left; text-align:center;width:81px; font-size:11px;}
.quickSlide  ul li a{ padding-top:57px; padding-bottom:10px;}
.quickSlide  ul li .quick01{background:url('../img/common/quick_01.png') no-repeat center 15px; display:block;}
.quickSlide  ul li .quick02{background:url('../img/common/quick_02.png') no-repeat center 15px; display:block;}
.quickSlide  ul li .quick03{background:url('../img/common/quick_03.png') no-repeat center 15px; display:block;}
.quickSlide  ul li .quick04{background:url('../img/common/quick_04.png') no-repeat center 15px; display:block;}
.quickSlide  ul li .quick05{background:url('../img/common/quick_05.png') no-repeat center 15px; display:block;}
.quickSlide  ul li .quick06{background:url('../img/common/quick_06.png') no-repeat center 15px; display:block;}

.pollSlide {
	float:left;
	position:relative;
	width:163px;
	background:#fafafa;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.pollSlide  ul {border-top:1px solid #e7e7e7;border-right:1px solid #e7e7e7; float:left; text-align:left;width:163px; height:240px; font-size:11px;}
.pollSlide  ul li.last{ text-align:center; width:100%; color:#999; line-height:17px;}
.pollSlide dl dt { margin:15px 10px 15px 10px; font-size:11px; color:#222; font-weight:bold; position:relative; letter-spacing:0.1em;}
.pollSlide dl dd { margin-left:15px; margin-bottom:10px; width:100%; text-align:justify; color:#999; line-height:17px; }
.pollSlide dl dd .last { margin:0 auto; width:100%; text-align:justify; color:#999; line-height:17px; }

.subNavi{ width:100%; height:32px; position:relative; background:#f4f4f4; border-bottom:1px solid #ddd; display:block;}
.subgnb{ width:990px; margin: 0 auto; position:relative;}

.subgnb ul li { display:inline-block; padding: 0 10px; margin-top:10px; border-right:1px solid #ddd; font-size:11px; color:#999;}
.subgnb ul li:first-child{ padding-left:0px;}
.subgnb ul li:last-child{ border-right:0px solid #ddd;}
.subgnb ul li a { color:#666;}
.subgnb ul li a:hover { color:#137fcc;}
.subgnb ul li ._on { color:#137fcc; font-weight:bold;}
.subgnb ul li ._on2 { color:#fff; font-weight:bold; background:#137fcc; padding:5px; border-radius:5px;}
.subgnb ul li ._on2:hover { color:#fff; font-weight:bold; background:#137fcc; padding:5px; border-radius:5px;}

.subgnb2{ width:1200px; position: absolute; top:0px; left:50%; margin-left:-520px;}

.subgnb2 ul li { display:inline-block; padding: 0 10px; margin-top:10px; border-right:1px solid #ddd; font-size:11px; color:#999;}
.subgnb2 ul li:first-child{ padding-left:0px;}
.subgnb2 ul li:last-child{ border-right:0px solid #ddd;}
.subgnb2 ul li a { color:#666;}
.subgnb2 ul li a:hover { color:#137fcc;}
.subgnb2 ul li ._on { color:#137fcc; font-weight:bold;}
.subgnb2 ul li ._on2 { color:#fff; font-weight:bold; background:#137fcc; padding:5px; border-radius:5px;}
.subgnb2 ul li ._on2:hover { color:#fff; font-weight:bold; background:#137fcc; padding:5px; border-radius:5px;}


.sub01 {top:0px; left:0px;}
