@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
/*
@font-face{
font-family:sansKR;
src:url('../font/SourceHanSansKR-Normal.eot');
src:local(※), url('../font/SourceHanSansKR-Normal.woff') format('woff');
src:url('../font/SourceHanSansKR-Normal.eot'),
 	url('../font/SourceHanSansKR-Normal.woff') format('woff'),
 	url('../font/SourceHanSansKR-Normal.otf') format('opentype'),
  url('../font/SourceHanSansKR-Normal.ttf') format('truetype');
}*/
/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{min-height:100%}
h1, h2, h3, h4, h5, h6{font-size:inherit}
ul, ol, li{list-style:none;}
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle}
em, address{font-style:normal}
img{border:0px; vertical-align:top}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{color:inherit}
table{border-spacing:0px;border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{font-size:0px;line-height:0px;text-indent:-9999px;position:absolute;top:0px;left:-9999px;}
hr{width:0;height:0;overflow:hidden;position:absolute;top:0px;left:-9999px}
input[type="submit"], input[type="reset"], input[type="image"]{border:0px;background:none;cursor:pointer}
input, select{font-family:inherit;font-size:inherit;color:inherit;}

body{font-family:sansKR, 'Noto Sans KR', sans-serif !important; font-size:12px; line-height:1.5; color:#373737; -webkit-text-size-adjust:none; *word-break:break-all; -ms-word-break:break-all;}
/* 공통클래스 */
.f_l{float:left}
.f_r{float:right}
.tc{text-align:center;}
.p_r{position:relative;}
.p_a{position:absolute;}
.blind{font-size:0px;line-height:0px;width:1px;height:1px;overflow:hidden;position:absolute;top:0px;left:-9999px;text-indent:-9999px}
.clear:after{display:block;content:"";clear:both}
.inner{width:1100px; margin:0px auto;}

/* header */
.header .header_top{height:50px;}
.header .header_top .logo{margin-top:8px}
.header .header_top .util{margin-top:29px; margin-right:-4px}
.header .header_top .util li{float:left; background:url(../images/common/util_bar.jpg) left center no-repeat; padding:0 10px}
.header .header_top .util li:first-child{background:none;}
.header .header_top .util li a{color:#373737; font-size:11px;}
.header .header_top .util li a:hover{text-decoration:underline}
.header .header_top .util li a.all_menu{color:#009bdf; background:url(../images/common/ic_plus.png) left center no-repeat; padding-left:15px}
.header .header_top .util li.name em{font-weight:500; text-decoration:underline;}
.header .gnb_wrap{background:#009ae2; height:43px;}
.header .gnb_wrap .gnb{width:764px; float:left;}
.header .gnb_wrap .gnb > li {float:left; position:relative;}
.header .gnb_wrap .gnb > li > a{display:block; height:43px; line-height:41px; color:#fff; font-size:16px; width:191px; text-align:center; font-weight:400;}
.header .gnb_wrap .gnb > li:hover > a, .header .gnb_wrap .gnb > li.on > a, .header .gnb_wrap .gnb > li > a:focus{background:#007cb2}
.header .gnb_wrap ul li ul{height:279px; padding-bottom:17px; background:#fff; position:absolute; top:43px; left:0px; width:100%; z-index:10; border-bottom:1px solid #009bdf; padding:9px 15px; display:none;}
.header .gnb_wrap ul li.gnb1 ul{border-left:1px solid #009bdf; border-right:1px solid #e7e7e7}
.header .gnb_wrap ul li.gnb1 ul:hover{background:#f6fafd}
.header .gnb_wrap ul li.gnb2 ul{background:#fff url(../images/common/gnb2_bg.png) 65px 195px no-repeat; border-right:1px solid #e7e7e7}
.header .gnb_wrap ul li.gnb2 ul:hover{background:#f6fafd url(../images/common/gnb2_bg.png) 65px 195px no-repeat;}
.header .gnb_wrap ul li.gnb3 ul{background:#fff url(../images/common/gnb3_bg.png) 65px 195px no-repeat; border-right:1px solid #e7e7e7}
.header .gnb_wrap ul li.gnb3 ul:hover{background:#f6fafd url(../images/common/gnb3_bg.png) 65px 195px no-repeat;}
.header .gnb_wrap ul li.gnb4 ul{background:#fff url(../images/common/gnb4_bg.png) 65px 195px no-repeat; border-right:1px solid #009bdf;}
.header .gnb_wrap ul li.gnb4 ul:hover{background:#f6fafd url(../images/common/gnb4_bg.png) 65px 195px no-repeat;}
.header .gnb_wrap ul li ul li{line-height:22px;}
.header .gnb_wrap ul li ul li a{font-size:13px; color:#373737; font-weight:400;}
.header .gnb_wrap ul li ul li a:hover{text-decoration:underline;}
.header .gnb_wrap .search_box{float:right; margin-top:8px; overflow:hidden;}
.header .gnb_wrap .search_box *{vertical-align:middle}
.header .gnb_wrap .search_box input[type="text"]{width:217px; border:none; font-size:11px; height:27px; padding:3px 0 5px 7px; float:left;}
.header .gnb_wrap .search_box input[type="submit"]{background:#007cb2 url(../images/common/top_search.png) center no-repeat; width:40px; height:27px; float:left; text-indent:-9999px}
.header .gnb_wrap .search_box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}
.header .gnb_wrap .search_box input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}
.header .gnb_wrap .search_box input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #777;
}
.header .gnb_wrap .search_box input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #777;
}
/*LNB메뉴*/
.aside { float:left;width:240px;}
.aside h2 {font-size:20px; margin-top:33px;margin-bottom:8px; font-weight:bold}
.left_menu {margin-bottom:40px;}
.menu_ul {border-bottom:1px solid #e7e7e7;}
.menu_ul a {display:block;}
.menu_ul > ul > li:first-child > a {border-top:2px solid #009bdf ; height:40px; line-height:38px;}
.menu_ul > ul > li > a{height:41px;line-height:40px;padding-left:16px; border-top:1px solid #e7e7e7; font-weight:500;}
.menu_ul > ul > li.on > a {background:#009bdf; color:#fff; border-top:1px solid #fff;}
.menu_ul > ul > li > ul > li > a {height:29px;line-height:32px;padding-left:26px;background:url(../images/common/ico_arr_down01.png) no-repeat 16px 14px;   border-top:1px dotted #e7e7e7; font-weight:300;}
.menu_ul > ul > li.on > ul > li:first-child > a {border-top:none;}
.menu_ul > ul > li > ul > li.on > a {background:url(../images/common/ico_arr_up01_blue.png) no-repeat 16px 14px; border-bottom:1px dotted #e7e7e7; color:#009bdf;}
.menu_ul > ul > li > ul > li > ul > li > a {height:24.5px;line-height:28px;padding-left:35px; font-weight:300;}
.menu_ul > ul > li > ul > li > ul > li.on > a span {color:#009bdf;padding-right:15px;background:url(../images/common/ico_lnb_arr01.png) no-repeat right center;  }
.menu_ul > ul > li > ul > li.on {background:#f9f9f9;}

.menu_ul > ul > li > a:hover {background:#009bdf;color:#fff !important;}
.menu_ul  ul  li  ul  li a:hover {color:#009bdf;}
.menu_ul > ul > li > ul > li > a:active {background:#fff url(/images/ico/ico_arr_down01.png) no-repeat 16px 12px; }
.menu_ul > ul > li > ul > li.on > a:active {background:#fff url(/images/ico/ico_arr_up01.png) no-repeat 16px 12px; }

.menu_ul > ul > li > ul {display:none;}
.menu_ul > ul > li > ul > li > ul {display:none;padding-bottom: 6px;}

.menu_ul > ul li.no_arr a {background:none;}
.menu_ul > ul li.no_arr.on a {background:none;}
.menu_ul > ul > li > ul > li.no_arr.on > a {border-bottom:none;}
.menu_ul > ul > li > ul li.no_arr.on  a span{color:#009bdf;padding-right:15px;background:url(/images/ico/ico_lnb_arr01.png) no-repeat right 2px;  }

.menu_ul > ul li a.newcomp {border-top:1px solid #e7e7e7;padding:0;background:none;height:70px;}
.menu_ul > ul li a.newcomp span{display:block;text-indent:-9999px;height:60px;background:url('/images/bg/nc_aside_none.png') no-repeat;margin:10px 0 0 0;}
.menu_ul > ul li.on a.newcomp span{display:block;text-indent:-9999px;height:60px;background:url('/images/bg/nc_aside_sele.png') no-repeat}

/*전체/서비스보기*/
.tot_pop {width:1031px; border:2px solid #007cb2;position:absolute; top:71px; left:50%; margin-left:-515.5px;background:#fff;z-index:10000; display:none;}
.tot_top {height:26px; line-height:26px; background:#007cb2; color:#fff;font-size:13px;position:relative; padding-left:15px;}
.tot_top .clo{position:absolute; top:7px; right:9px; display:block; width:13px; height:13px;}
.tot_top h2{font-weight:400}

.tot_con_top {border-top:2px solid #007cb2;}
.tot_con_bottom {clear:both;border-top:1px solid #d3d7e1;}
.tot_con_top .tot_m {height:416px;}
.tot_con_bottom .tot_m {height:420px;}
.tot_m {float:left;width:320px;border-right:1px solid #d3d7e1;}
.tot_m_head{ height:45px;border-bottom:1px solid #d3d7e1;background:#f6f9fc;}
.tot_m_head h3 { padding-left: 45px; font-size:16px; line-height:50px; font-weight:400;}
.tot_m.m3 {border-right:none; width:387px;}
.tot_m.m7 {border-right:none; width:387px;}
.tot_m.m8 {border-right:none; width:387px;}


.m67_set {height:430px;float:left;}
.m67_set .tot_m.m5 {height:210px;}
.m67_set .tot_m.m6 {height:210px;clear:both;border-top:1px solid #d3d7e1;}

.m810_set {height:420px;float:left;}
.m810_set .tot_m.m7 {height:210px;}
.m810_set .tot_m.m8 {height:210px;clear:both;border-top:1px solid #d3d7e1;}

.tot_list {padding-left:14px;padding-top:14px;}
.tot_list h4{font-size:14px; color:#656565;}
.tot_list ul {margin-bottom:10px;}
.tot_list ul li {line-height:20px;}
.tot_list ul li a {color:#009bdf;font-size:12px; font-weight:bold; letter-spacing:0px; }
.tot_m.m3 .tot_list ul li a {}
.tot_list ul li a span {color:#373737; letter-spacing:-0.5px;}
.tot_list ul li a:hover {color:#009bdf;text-decoration:underline;}
.tot_list ul li a:hover span {color:#009bdf;text-decoration:underline;}
.tot_list ul li a:active {background:#fff;}

.tot_m.m0 .tot_list ul {margin-left:0px;}
.tot_m.m1 .tot_list ul {margin-left:0px;}
.tot_m.m2 .tot_list ul {margin-left:0px;}
.tot_m.m5 .tot_list ul {margin-left:0px;}
.tot_m.m6 .tot_list ul {margin-left:0px;}
.tot_m.m7 .tot_list ul {margin-left:0px;}
.tot_m.m8 .tot_list ul {margin-left:0px;}
.tot_m.m10 .tot_list ul {margin-left:0px;}


.con {padding-left:40px; float:left;width:820px;margin-bottom:40px;min-height:500px;}

/*--------푸터-------*/
.footer {height:132px;border-top:1px solid #e5e5e5;}
.foot_in {clear:both;width:1100px; margin:0 auto; }
.foot_in h2 {float:left;margin-right:20px;margin-top:16px;}
.foot_con {float:left;overflow:hidden;}
.foot_con .foot_m {overflow:hidden;}
.foot_con .foot_m ul {margin-top:20px;}
.foot_con .foot_m ul li{float:left;padding:0 6px; background:url(../images/common/foot_bar.png) no-repeat left center}
.foot_con .foot_m ul li:first-child {background:none;padding-left:0px;}
.foot_con .foot_m ul li a {color:#8e8e8e;font-size:11px;}
.foot_in address {clear:both;margin-top:5px;color:#b5b5b5;font-size:11px;}
.foot_in .copy{color:#b5b5b5;margin:5px 0 20px 0;font-size:11px;}

.foot_sel {float:right;position:relative;margin-top:16px; }
.foot_sel .sel_tit{width:173px;padding-left:4px; cursor:pointer; height:18px;font-size:11px; color:#8e8e8e; border:1px solid #dddddd;background:#eee url(../images/common/arr_up01.png) no-repeat 95% 45%; }
.foot_sel .sel_tit.down { background:#eee url(../images/common/ico_arr_down02.png) no-repeat 95% 45%;}
.foot_sel .sel_list.down  {display:block;}

.foot_sel .sel_list {width:173px;border:1px solid #dddddd;position:absolute;background:#fff;background:#eeeeee;display:none; top:-281px;/*max-height:190px;overflow-y:auto;overflow-x:hidden; */}
.foot_sel .sel_list ul li a {height:20px;padding-left:7px; display:block;}
.foot_sel .sel_list ul li a:hover {background:#8e8e8e;color:#eeeeee;}


/* margin */
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt50{margin-top:50px;}
.mt40{margin-top:40px;}
.mt70{margin-top:70px !important;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
/* 버튼색 */
.btn_blue{background:#009bdf}
.btn_gray{background:#859ba5}
.btn_bblue{background:#0d7dc0; border:1px solid #006dae; color:#fff;}
.btn_bgray{border:1px solid #d5d5d5; background:url(../images/sub/btn_bg.jpg) left bottom repeat-x; color:#656565}

/* fly_ban */
.fly_menu{position:fixed; top:163px; left:50%; margin-left:560px}
.fly_menu ul{border:1px solid #e6e6e6; width:75px; padding:0 4px;}
.fly_menu ul li{border-top:1px dashed #e8e8e8}
.fly_menu ul li:first-child{border-top:0px;}
.fly_menu ul li a{text-align:center; display:block; padding-top:50px; height:81px; color:#656565; font-weight:500}
.fly_menu ul li.f1 a{background:url(../images/main/ic_mypage.png) center 20px no-repeat}
.fly_menu ul li.f2 a{background:url(../images/main/ic_pc.png) center 20px no-repeat}
.fly_menu ul li.f3 a{background:url(../images/main/ic_edu.png) center 17px no-repeat}
.fly_menu ul li.f4 a{background:url(../images/common/ic_call.png) center 12px no-repeat; padding-top:41px; line-height:14px;}
.fly_menu ul li.f5 a{background:url(../images/common/ic_pds.png) center 12px no-repeat; padding-top:41px; line-height:14px;}
.fly_menu ul li.f6 a{background:url(../images/common/ic_youtube.png) center 12px no-repeat; padding-top:41px; line-height:14px;}

.fly_menu a.top{text-align:center; border:1px solid #e6e6e6; color:#585858; width:75px; margin-top:5px; height:25px; line-height:23px; display:block;}

/* 페이지버튼 */
.pageBox{margin:0 auto; display:table; text-align:center; margin-top:10px; margin-bottom:10px}
.page_box ul li{float:left; margin-left:-1px;}
.page_box ul li div:hover{background-color:#e4f6ff; border:1px solid #c0d9e6;}
.page_box ul li .page_number_btn{min-width:27px; padding:0 5px; height:27px; line-height:25px; cursor:pointer; border:1px solid #e6e6e6; font-size:14px; color:#777}
.page_box ul li .page_first_btn{width:27px; height:27px; line-height:25px; cursor:pointer; border:1px solid #e6e6e6; background:url(../images/common/page_first.gif) center no-repeat;}
.page_box ul li .page_prev_btn{width:27px; height:27px; line-height:25px; cursor:pointer; border:1px solid #e6e6e6; background:url(../images/common/page_prev.gif) center no-repeat; margin-right:6px;}
.page_box ul li .page_next_btn{width:27px; height:27px; line-height:25px; cursor:pointer; border:1px solid #e6e6e6; background:url(../images/common/page_next.gif) center no-repeat; margin-left:6px;}
.page_box ul li .page_last_btn{width:27px; height:27px; line-height:25px; cursor:pointer; border:1px solid #e6e6e6; background:url(../images/common/page_last.gif) center no-repeat;}
.page_box ul li .page_number_btn_on{min-width:27px; padding:0 5px; height:27px; line-height:25px; cursor:pointer; font-size:14px; background:#0d7dc0; border:1px solid #0d7dc0; color:#fff; }
.page_box ul li .page_number_btn_on:hover{background:#0d7dc0; border:1px solid #0d7dc0}
.page_margin{width:0px;height:0px;}