@charset "utf-8";
/* CSS Document */

.box1{ width:1100px; margin:0 auto;}


/**/
#header{ position:relative; z-index:10000000;}
#header .home_wrap{ background-color:#6a6a6a;}
#header .home_wrap > div{ *zoom:1;}
#header .home_wrap > div:after{ content:""; display:block; clear:both;}
#header .home_wrap .con1{ float:left; position:relative;}
#header .home_wrap .con2{ float:right;}

#header .home_wrap .allmenu{ width:110px; height:30px;}
#header .home_wrap .allmenu a{ display:block; line-height:28px; padding-left:45px; background:url(../images/icon/icon_allmenu.png) no-repeat 15px 6px #4f4f4f; border:1px solid #464646; color:#fff; font-weight:600;}
#header .home_wrap .allmenu a:hover,
#header .home_wrap .allmenu a.on{ background-color:#065095; border:1px solid #023e76;}

#header .home_wrap .menu{ text-align:right; font-size:0; line-height:0;}
#header .home_wrap .menu li{ display:inline-block; *display:inline; zoom:1; height:30px; padding-left:22px;}
#header .home_wrap .menu li a{ display:block; line-height:30px; font-size:10px; font-weight:600; background-repeat:no-repeat; background-position:left 8px;}
#header .home_wrap .menu li.def a{ color:#fff;}
#header .home_wrap .menu li.login a{ color:#b7ff59;}
#header .home_wrap .menu li.join a{ color:#70f3ff;}
#header .home_wrap .menu li.mypage a{ color:#ff91ca; background-image:url(../images/icon/icon_mypage.png); padding-left:18px;}
#header .home_wrap .menu li.bookmark a{ color:#fff000; background-image:url(../images/icon/icon_bookmark.png); padding-left:18px;}
#header .home_wrap .menu li a:hover{ text-decoration:underline;}

#header .home_wrap .box1{position:relative; z-index:1}

#header .home_wrap .allmenu_area{ background:#fff; border:1px solid #042b6f; border-top:none; width:100%; height: auto; position:absolute; z-index:inherit; left:-1px; top:30px; display:none}
#header .home_wrap .allmenu_area .gnb > li{ float:left; width:23%; margin:30px 0 30px 1.4%}
#header .home_wrap .allmenu_area .gnb > li .dp1{ display:block; text-align:center; line-height:40px; font-weight:600; font-size:15px; color:#000; border-top:3px double #194ca5}
#header .home_wrap .allmenu_area .gnb > li .dp1 .icon{ display:block; background-repeat:no-repeat; background-position:center center;height:100px}
#header .home_wrap .allmenu_area .gnb > li.m_1 .dp1 .icon{ background-image:url(../images/inc/gnb_img_1.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_2 .dp1 .icon{ background-image:url(../images/inc/gnb_img_2.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_3 .dp1 .icon{ background-image:url(../images/inc/gnb_img_3.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_4 .dp1 .icon{ background-image:url(../images/inc/gnb_img_4.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_5 .dp1 .icon{ background-image:url(../images/inc/gnb_img_5.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_6 .dp1 .icon{ background-image:url(../images/inc/gnb_img_6.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_7 .dp1 .icon{ background-image:url(../images/inc/gnb_img_7.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_8 .dp1 .icon{ background-image:url(../images/inc/gnb_img_8.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_9 .dp1 .icon{ background-image:url(../images/inc/gnb_img_9.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_customer .dp1 .icon{ background-image:url(../images/inc/gnb_img_guide.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_sitemap .dp1 .icon{ background-image:url(../images/inc/gnb_img_member.jpg)}
#header .home_wrap .allmenu_area .gnb > li.m_mypage .dp1 .icon{ background-image:url(../images/inc/gnb_img_mypage.jpg)}
#header .home_wrap .allmenu_area .gnb > li .dp2 > li > a{ display:block; font-size:12px; color:#000; padding:5px 0 5px 16px; background:url(../images/inc/lnb_on.png) no-repeat left 5px}
#header .home_wrap .allmenu_area .gnb > li .dp2 > li > a:hover{ color:#3165bf; font-weight:600}
#header .home_wrap .allmenu_area .gnb > li.m_member,#header .home_wrap .allmenu_area .gnb > li.m_mypage{ display:none}

#header .home_wrap .allmenu_area .close{ font-size:17px; font-weight:600; color:#fff; clear:both; background:#042b6f; text-align:center; padding:10px 0; cursor:pointer}

#header .top_wrap{ background-color:#fff; border-bottom:1px solid #4c4c4c; padding-top:15px;}
#header .top_wrap > div{ *zoom:1;}
#header .top_wrap > div:after{ content:""; display:block; clear:both;}
#header .top_wrap h1.logo{ float:left;}
#header .top_wrap .gnb_area{ float:right;}

#header .gnb_area { text-align:right; margin:15px -20px 0 0; font-size:0; line-height:0}
#header .gnb_area .gnb{ font-size:0; line-height:0}
#header .gnb_area .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position: relative; z-index:inherit}
#header .gnb_area .gnb > li .dp1{ display:block; font-size:16px; font-weight:600; color:#414141; padding:0 25px; height:60px; line-height:45px; position: relative; z-index:inherit}
#header .gnb_area .gnb > li .dp2{ position:absolute; top:60px; left:50%; margin-left:-95px; width:170px; padding:10px; border:1px solid #4c4c4c; border-top:none; background:#fff; text-align:center; z-index:inherit;}
#header .gnb_area .gnb > li .dp2 > li{ border-top:1px solid #e9e9e9}
#header .gnb_area .gnb > li .dp2 > li:first-child{ border-top:none}
#header .gnb_area .gnb > li .dp2 > li > a{ display:block; padding:10px 10px; font-size:13px; line-height:12px; color:#666}
#header .gnb_area .gnb > li .dp2 > li:hover > a,
#header .gnb_area .gnb > li .dp2 > li.on > a{ background:#f9f9f9; color:#000; font-weight:600}
#header .gnb_area .gnb > li .dp2 > li > a .icon{ display:none;}


#header .allmenu_area .gnb > li .dp2 > li > .dp3{ display:none;}
#header .gnb_area .gnb > li .dp2 > li > .dp3{ display:none;}
#footer .fnb_area .gnb > li .dp2 > li > .dp3{ display:none;}





#header .gnb_area .gnb > li:hover .dp1, 
#header .gnb_area .gnb > li.on .dp1{ color:#054e94;}
#header .gnb_area .gnb > li:hover .dp1 .icon, 
#header .gnb_area .gnb > li.on .dp1 .icon{ position:absolute; z-index:inherit; width:60%; height:3px; left:20%; top:0; background-color:#064f94;}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .m_member, 
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap{ display:none}

/**/
#footer{ margin-top:70px; position:relative; z-index:100;}
#footer .fnb_area{ background-color:#f9f9f9; border-top:1px solid #464646; position:relative;}
#footer .fnb_area .btn{ position:absolute; left:50%; top:-26px; margin-left:-90px; width:180px; height:25px; line-height:25px; text-align:center; color:#fff; font-weight:600; background:url(../images/inc/bt_allmenu_bg.png) no-repeat center bottom;}
#footer .fnb_area .gnb{ overflow:hidden}
#footer .fnb_area .gnb > li{ float:left; width:136px; border:1px solid #a4aab4; border-top:none; border-bottom:none; margin-left:-1px}
#footer .fnb_area .gnb > li:first-child{ width:139px; margin-left:0}
#footer .fnb_area .gnb > li .dp1{ display:block; color:#003a66; font-weight:600; font-size:15px; padding:15px 10px;}
#footer .fnb_area .gnb > li .dp2{}
#footer .fnb_area .gnb > li .dp2 > li > a{ display: block; color:#777; padding:5px 10px; overflow-wrap:break-word; word-break:keep-all}
#footer .fnb_area .gnb > li:hover{ background-color:#a4aab4;}
#footer .fnb_area .gnb > li:hover .dp1{ color:#fff; background-color:#748094;}
#footer .fnb_area .gnb > li:hover .dp2 > li > a{ color:#fff;}
#footer .fnb_area .gnb > li .dp2 > li > a:hover{ background:#f1f3f7; color:#000; font-weight:600;}

#footer .fnb_area .gnb > li.m_member,
#footer .fnb_area .gnb > li.m_mypage,
#footer .fnb_area .gnb > li.m_sitemap{ display:none}

#footer .copymenu{ background:#6a6a6a;}
#footer .copymenu > div{ overflow:hidden;}
#footer .copymenu .btn{ background-color:#4f4f4f; background-repeat:no-repeat; background-position:center center; width:48px; height:48px; border:1px solid #464646;}
#footer .copymenu .btn > a{ display:block; border-top:1px solid #919191; height:99%; line-height:0; font-size:0}
#footer .copymenu .btn:hover{ background-color:#065095;}
#footer .copymenu .btn:hover a{ border-top:1px solid #9cbcda;}
#footer .copymenu .btn.home{ background-image:url(../images/icon/icon_home.png); float:left}
#footer .copymenu .btn.top{ background-image:url(../images/icon/icon_arrow_top.png); background-position:center 14px; float:right}
#footer .copymenu .btn.top a{ font-family:Arial, Verdana, sans-serif; font-size:10px; line-height:70px; color:#fff; text-align:center;}

#footer .copymenu .menu{ float:left; font-size:0; line-height:0}
#footer .copymenu .menu > li{ display:inline-block; *display:inline; zoom:1}
#footer .copymenu .menu > li > a{ display:block; color:#e1e1e1; line-height:50px; font-weight:600; padding:0 20px; background:url(../images/icon/sec_copymenu.gif) no-repeat left center}
#footer .copymenu .menu > li:first-child > a{ background:none}
#footer .copymenu .menu > li > a:hover{ color:#fff}

#footer .copyright{ padding:30px 0 50px 0}
#footer .copyright > div{ overflow:hidden;}
#footer .copyright .logo{ float:left; width:145px; height:60px}
#footer .copyright .info{ float:left; margin-left:50px; font-size:0; line-height:0; width:auto;}
#footer .copyright .info dt{ display:block; font-size:13px; line-height:28px; color:#171717; font-weight:600;}
#footer .copyright .info dd{ display:inline-block; *display:inline; zoom:1; font-size:13px; line-height:15px; color:#4d4d4d; margin-right:20px;}
#footer .copyright .info dd.copyright_tt{ font-size:10px; color:#959595; display:block; padding:10px 0; width:100%; text-transform: uppercase;}

/*main*/
.main .main_visual{}
.main .main_visual .slides > li{ position:relative; z-index:inherit; overflow:hidden; height:250px}
.main .main_visual .slides > li img{ position:absolute; z-index:inherit; left:50%; margin-left:-1000px; width:2000px; top:0}
.main .main_visual .slogan{position:absolute; z-index:1000; width:100%; text-align:center; left:0; top:200px; line-height:50px; color:#fff; font-size:23px; font-weight:600; background:url(../images/main/slogan_bg.png) repeat-x;}
.main .main_visual .visual_tit{ position:absolute; z-index:1000; left:50%; top:28px; margin-left:-310px; width:620px; text-align:center;}
.main .main_visual .visual_tit strong{ display:block;}
.main .main_visual .visual_tit .t1{ font-size:16px; color:#b3bec8; text-shadow: 1px 1px 0 rgba(0,0,0,0.8)}
.main .main_visual .visual_tit .t2{ font-size:40px; color:#ffffff; margin-top:20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7)}


.main_con {width:100%; height:460px; background:url('../images/main/main_conbg.jpg') no-repeat top center;}
.main_l_banner1 {width:230px; height:148px; background:url('../images/main/main_banner_1.png') no-repeat top right;}
.main_l_banner2 {width:245px; height:148px; background:url('../images/main/main_banner_2.png') no-repeat top right;}
.main_l_banner3 {width:250px; height:148px; background:url('../images/main/main_banner_3.png') no-repeat top right;}

.banner_tit {font-size:15px;padding:30px 0 0 0}
.banner_txt {margin-top:5px;font-size:12px;color:#6b6b6b; line-height:16px;font-weight:normal;width:115px;word-break:keep-all;}
.banner_btn1 {width:90px; height:30px; background:#66c6d6; color:#fff; font-size:13px;border:0;}
.banner_btn2 {width:90px; height:30px; background:#a79fd7; color:#fff; font-size:13px;border:0;}
.banner_btn3 {width:90px; height:30px; background:#efab4b; color:#fff; font-size:13px;border:0;}

.main_plan {float:left; width:600px; height:460px; background:url('../images/main/main_year.png') no-repeat;}
.main_plan h2 {padding:30px 30px 0 30px; font-size:17px; color:#333;}
.plan_year_box {float:right;}
.plan_year_box li {padding:0 3px;float:left; font-size:30px; font-family:'Georgia'; color:#044e95; font-weight:bold; line-height:30px;}
.plan_year_box div {padding:0 3px;float:left; font-size:30px; font-family:'Georgia'; color:#044e95; font-weight:bold; line-height:30px;}


.all_plan {width:100px; height:34px; background:#044e95; font-size:14px; color:#fff; line-height:34px;text-align:center;float:left; margin:1px;}
.custom_checkbox {position:relative; margin:35px 0 0 0px;}
.custom_checkbox input.chk {display:none;  height:20px;}
.custom_checkbox label {  height:34px; padding:15px 0 0 29px; background:url('../images/main/icon_off.jpg') no-repeat;}
.custom_checkbox input[type="checkbox"]:checked + label {background-position:0 -25px; background:url('../images/main/icon_on.jpg') no-repeat;}

.custom_box {position:relative; margin:10px 0 10px 0px;height:30px;}
.custom_box .chk_li {list-style:none;float:left; width:34px; height:34px;background:url('../images/main/icon_off.jpg') no-repeat;cursor:pointer; margin:1px;font-family:Georgia; font-size:18px; line-height:34px; font-weight:bold; color:#fff;text-align:center;}
.custom_box .chk_li_on {margin:1px;list-style:none;float:left; width:34px; height:34px; background:url('../images/main/icon_on.jpg') no-repeat;cursor:pointer;font-family:Georgia; font-size:18px; line-height:34px; font-weight:bold; color:#fff;text-align:center;}

.main_plan_box {padding:5px 0; }
.main_plan_box li {}
.main_plan_li { border-bottom:2px dashed #ddd;height:25px;padding-top:5px;}
.main_plan_li:hover {text-decoration:underline;}
.main_plan_li li {float:left; line-height:20px;}
.main_plan_li li:first-child {list-style-type:square; list-style-position:inside;width:260px;padding-left:10px;}

.main_plan_li li:nth-child(2) {width:160px;}
.main_plan_li li:last-child {float:right; text-align:right;padding-right:10px;}

.step1 {color:#02a452;}
.step2 {color:#0382c3;}
.step3 {color:#e51c2a;}
.plan_tit {}
.plan_date {}
.plan_mark1 {width:80px; height:20px; background:#7e7e7e; text-align:center; color:#fff;line-height:20px; border-radius:3px; font-size:12px;margin:0 auto;}
.plan_mark2 {width:80px; height:20px; background:#cc0d35; text-align:center; color:#fff;line-height:20px; border-radius:3px; font-size:12px;margin:0 auto;}
.plan_mark3 {width:80px; height:20px; background:#0da0a9; text-align:center; color:#fff;line-height:20px; border-radius:3px; font-size:12px;margin:0 auto;}


.main_popup {position:relative;margin-top:20px;float:right;width:230px; height:190px;}
.popup_tit {width:228px;margin-left:2px; height:39px; position:absolute; background-color:rgba(0, 0, 0, 0.5);
 top:0;z-index:9999;color:#fff; font-family:'Verdana';font-size:14px; line-height:39px;text-indent:10px;}

.main_quick li:hover {text-decoration:underline;cursor:pointer;}
.quick_icon1 {float:left;width:110px; height:100px; background:url('../images/main/main_quick1.png') no-repeat;}
.quick_icon2 {float:right;width:110px; height:100px; background:url('../images/main/main_quick2.png') no-repeat;}
.quick_icon3 {margin-top:10px;float:left;width:110px; height:100px; background:url('../images/main/main_quick3.png') no-repeat;}
.quick_icon4 {margin-top:10px;float:right;width:110px; height:100px; background:url('../images/main/main_quick4.png') no-repeat;}
.quick_tit {text-align:center;color:#6b6b6b; padding-top:75px;font-weight:bold;}

.main_bbs {float:left; margin-right:19px;width:427px; border-top:1px solid #000; border-bottom:1px solid #666;}
.main_bbs h2 strong {font-size:16px; font-family:'Verdana'; color:#054f94; font-weight:bold;line-height:39px;margin-right:5px;}
.main_bbs h2 {font-size:13px; font-family:'Nanumgothic'; color:#414141; font-weight:bold;line-height:35px; border-bottom:1px solid #666;}
.main_bbs h2 span {float:right;padding-top:10px;}
.main_bbs li { height:27px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.main_bbs ul {padding:11px 0;}
.main_bbs ul li:before {content:'-';padding-right:5px;}
.main_bbs ul li a:link, a:visited {line-height:27px; color:#565656}



.main_bank {width:205px; height:173px; border:1px solid #ddd; float:right;}
.main_bank h2 {height:37px; line-height:37px;border-bottom:1px solid #ddd}
.main_bank h2 span {padding:5px;float:left;}
.bank_bg {clear:both;width:185px; height:63px; background:url('../images/main/bank_bg.jpg') no-repeat; background-position: center;}
.bank_bg  {padding:33px 10px;}
.bank_bg li:first-child {color:#494949; font-size:13px; line-height:20px;}
.bank_bg li:nth-child(2) {color:#e61e39; font-size:16px;font-weight:bold;}
.bank_bg li:last-child {color:#656464; font-size:12px; padding-top:5px;}

.btn_lec {padding-left:5px;float:left;width:97px; height:30px; background:url('../images/main/btn_lec.jpg') no-repeat; border:0;font-size:12px;}
.btn_org {padding-left:5px;float:right;width:97px; height:30px; background:url('../images/main/btn_org.jpg') no-repeat; border:0;font-size:12px;}



/*sub layout*/
.sub .sub_visual{ height:150px; border-bottom:1px solid #29374d; background-repeat:no-repeat; background-position:top center;}
.sub .sub_visual.st_1{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_2{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_3{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_4{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_5{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_6{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_7{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_customer{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_member{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_mypage{ background-image:url(../images/inc/sub_visual01.jpg);}
.sub .sub_visual.st_sitemap{ background-image:url(../images/inc/sub_visual01.jpg);}

.sub .sub_visual .slogan{ position:absolute; right:30px; top:55px; width:auto; height:auto; text-align:right; overflow:hidden;}
.sub .sub_visual .slogan .t1,
.sub .sub_visual .slogan .t2{ position:relative; right:-700px;}
.sub .sub_visual .slogan .t1{ font-size:16px; color:#b2dffa;}
.sub .sub_visual .slogan .t2{ font-size:25px; color:#ffffff; margin-top:15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7)}

.sub .sub_visual > div{ position:relative;}
.sub .sub_visual .lnb_title{ width:180px; height:150px; line-height:150px; text-align:center; background:url(../images/inc/lnb_tit_bg.jpg) no-repeat;}
.sub .sub_visual .lnb_title strong{ font-size:23px; color:#fff; letter-spacing:-1px;}

.lnb_area{ background-color:#45566f; padding:10px 0;}
.lnb_area .gnb > li,
.lnb_area .gnb .dp1{ display:none;}
.lnb_area .gnb > li{ *margin-top:-15px;}
.lnb_area .gnb .dp2{ margin-left:-4px; *zoom:1;}
.lnb_area .gnb .dp2:after{ content:""; display:block; clear:both;}
.lnb_area .gnb .dp2 li{ float:left; width:180px; height:50px; margin-left:4px;}
.lnb_area .gnb .dp2 li a{ display:block; height:100%; text-align:center; line-height:50px; font-size:16px; font-weight:600; color:#5c5c5c; background-color:#fff; position:relative;}
.lnb_area .gnb .dp2 li:hover a,
.lnb_area .gnb .dp2 li.on a{ color:#fff; background-color:#53a3ef;}
.lnb_area .gnb .dp2 li:hover .icon,
.lnb_area .gnb .dp2 li.on .icon{ position:absolute; left:0; bottom:0; width:100%; height:6px; border-bottom:2px solid #fff; background:url(../images/icon/icon_lnb_arrow.png) no-repeat center top;}


.lnb_area .gnb .dp3{ margin-left:-4px; *zoom:1;}
.lnb_area .gnb .dp3:after{ content:""; display:block; clear:both;}
.lnb_area .gnb .dp3 li{ float:left; width:180px; height:50px; margin-left:4px;}
.lnb_area .gnb .dp3 li a{ display:block; height:100%; text-align:center; line-height:50px; font-size:13px; font-weight:600; color:#5c5c5c; background-color:#fff; position:relative;}
.lnb_area .gnb .dp3 li:hover a,
.lnb_area .gnb .dp3 li.on a{ color:#373737; background-color:#fafafa;}
.lnb_area .gnb .dp3 li:hover .icon,
.lnb_area .gnb .dp3 li.on .icon{ position:absolute; left:0; bottom:0; width:100%; height:6px; border-bottom:2px solid #fff; background:url(../images/icon/icon_lnb_arrow.png) no-repeat center top;}



.sub .sub_title_bar{ margin-bottom:30px; padding:40px 30px 15px 30px; border-bottom:1px solid #4c4c4c; *zoom:1;}
.sub .sub_title_bar:after{ content:""; display:block; clear:both;}
.sub .sub_title_bar h3.title{ float:left;}
.sub .sub_title_bar .nav{ float:left;}
.sub .sub_title_bar .fs_box{ float:right;}

.sub .sub_title_bar h3.title strong{ font-size:30px; color:#2b2b2b;}
.sub .sub_title_bar .nav{ margin:15px 0 0 20px;}
.sub .sub_title_bar .nav li{ display:inline-block; +display:inline; zoom:1; vertical-align:middle; color:#858585; font-weight:600;}
.sub .sub_title_bar .nav li.sec{ margin:0 3px;}
.sub .sub_title_bar .nav li .this{ color:#53a3ef;}
.sub .sub_title_bar .fs_box{ margin-top:15px; text-align:right; font-size:0; line-height:0;}
.sub .sub_title_bar .fs_box li{ display:inline-block; +display:inline; zoom:1; vertical-align:middle; margin-left:2px;}
.sub .sub_title_bar .fs_box li.tit{ font-size:12px; font-weight:600; color:#595959; margin-right:10px;}
.sub .sub_title_bar .fs_box li.fs{ font-size:0; width:18px; height:18px; border:1px solid #c0c0c0;}
.sub .sub_title_bar .fs_box li.fs > a{ display:block; height:100%; background-repeat:no-repeat; background-position:center center;}
.sub .sub_title_bar .fs_box li.fs .m1{ background-image:url(../images/icon/font_size_up.png);}
.sub .sub_title_bar .fs_box li.fs .m2{ background-image:url(../images/icon/font_size_basic.png);}
.sub .sub_title_bar .fs_box li.fs .m3{ background-image:url(../images/icon/font_size_down.png);}
.sub .sub_title_bar .fs_box li.fs > a:hover{ background-color:#f9f9f9;}
.sub .sub_title_bar .fs_box li.btn{ padding:0 8px; height:18px; line-height:18px;}
.sub .sub_title_bar .fs_box li.btn > a{ display:block; height:100%; font-size:11px; font-weight:600; background-repeat:no-repeat; background-position:right center; padding-right:18px;}
.sub .sub_title_bar .fs_box li.print{ border:1px solid #86c3e2; margin-left:18px;}
.sub .sub_title_bar .fs_box li.print a{ color:#0582c2; background-image:url(../images/icon/icon_print.png);}
.sub .sub_title_bar .fs_box li.bookmark{ border:1px solid #ffba43;}
.sub .sub_title_bar .fs_box li.bookmark a{ color:#f69c00; background-image:url(../images/icon/icon_bookmark2.png);}
.sub .sub_title_bar .fs_box li.print:hover{ background-color:#f6fbfe;}
.sub .sub_title_bar .fs_box li.bookmark:hover{ background-color:#fefbf6;}

.sub .doc{ padding:0 30px 50px 30px; min-height:300px;}

.sub .big_title{ font-size:16px; font-weight:600; color:#333; margin-bottom:17px; padding-left:20px; background:url(../images/icon/icon_arrow_blue.png) no-repeat left center;}
.sub .big_title .f_cr_blue{ color:#2589e9;}


/*tab style*/
.sub .tab_area{ margin-bottom:30px;}
.sub .tab_area .tab{ overflow:hidden; padding:1px 0 0 1px;}
.sub .tab_area .tab li{ float:left; height:50px; line-height:50px; margin:-1px 0 0 -1px; text-align:center; background:url(../images/inc/line1.gif) repeat-x top; border:1px solid #ddd;}
.sub .tab_area .tab.col2 li{width:500px;}
.sub .tab_area .tab.col3 li{}
.sub .tab_area .tab.col4 li{}
.sub .tab_area .tab.col5 li{}
.sub .tab_area .tab.col6 li{ width:172px;}
.sub .tab_area .tab.col7 li{ width:147px;}
.sub .tab_area .tab li a{ display:block; font-size:15px; font-weight:600; color:#999;}
.sub .tab_area .tab li a:hover{ color:#18489d; background-color:#f9f9f9;}
.sub .tab_area .tab li a.on{ color:#fff; background:url(../images/inc/tab_icon.png) no-repeat left center #044786;}


/*******************************/
/*센터소개*/

/*인사말*/
.sub .greeting_area{}
.sub .greeting_area .top{ height:200px; background:url(../images/sub1/greeting_bg.jpg) no-repeat;}
.sub .greeting_area .top strong{ display:block; text-align:center;}
.sub .greeting_area .top .t1{ font-size:16px; color:#344d6c; padding:57px 0 10px 0;}
.sub .greeting_area .top .t2{ font-size:28px; color:#113056;}
.sub .greeting_area .top .t3{ font-size:15px; color:#4b6c94; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-top:5px;}
.sub .greeting_area .greeting_txt{ margin-top:30px;}
.sub .greeting_area .greeting_txt .t1{ font-size:15px; color:#222222; line-height:23px;}
.sub .greeting_area .greeting_txt .t2{ font-size:15px; color:#444444; line-height:25px; font-weight:600; margin-top:45px;}
.sub .greeting_area .greeting_txt .point_txt{ margin-top:45px; padding:15px 0; text-align:center; position:relative; background-color:#f9f9f9;}
.sub .greeting_area .greeting_txt .point_txt .line{ position:absolute; width:100%; height:7px; left:0; background:url(../images/sub1/greeting_pattern.png);}
.sub .greeting_area .greeting_txt .point_txt .line.st1{ top:-10px;}
.sub .greeting_area .greeting_txt .point_txt .line.st2{ bottom:-10px;}
.sub .greeting_area .greeting_txt .point_txt .icon,
.sub .greeting_area .greeting_txt .point_txt .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub .greeting_area .greeting_txt .point_txt .txt{ padding:0 20px; font-size:15px; color:#0162a5; font-weight:600; line-height:25px;}
.sub .greeting_area .greeting_txt .point_txt .icon{ margin-top:4px;}
.sub .greeting_area .greeting_txt .sign{ margin-top:90px; font-size:18px; color:#000; font-weight:600; text-align:right;}


/*******************************/
/*교육강사*/
.sub .instructor_area{ margin:-26px 0 0 -26px; *zoom:1;}
.sub .instructor_area:after{ content:""; display:block; clear:both;}
.sub .instructor_area .inst_inc{ float:left; width:505px; margin:26px 0 0 26px; border:1px solid #ccc; background-color:#fcfcfc;}
.sub .instructor_area .inst_inc > div{ padding:10px 25px;}
.sub .instructor_area .inst_inc .st_dl{ overflow:hidden; padding:5px 0; background:url(../images/inc/dot_line.png) repeat-x left top;}
.sub .instructor_area .inst_inc .st_dl:first-child{ background:none;}
.sub .instructor_area .inst_inc .st_dl dt{ float:left; width:23%; overflow:hidden;}
.sub .instructor_area .inst_inc .st_dl dd{ float:right; width:73%; color:#666;}

.sub .instructor_area .inst_inc .st_dl dt:after{ content:":"; float:right; font-size:14px; color:#aaa; font-weight:600;}
.sub .instructor_area .inst_inc .st_dl dt strong{ display:inline-block; *display:inline; zoom:1; background:url(../images/icon/icon_nemo_blue.png) no-repeat left 5px; padding-left:13px;}
.sub .instructor_area .inst_inc .st_dl dd .name{ color:#054e94;}



/*******************************/
/*member*/
/*******************************/

/*login*/
.sub .member_area{ *zoom:1;}
.sub .member_area:after{ content:""; display:block; clear:both;}
.sub .member_area > div{ width:510px;}
.sub .member_area .left{ float:left;}
.sub .member_area .right{ float:right;}

.sub .member_area .con1{}
.sub .member_area .con1 .login_tit{ height:50px; line-height:50px; background-color:#054f95; text-align:center; font-size:16px; font-weight:600; color:#fff;}
.sub .member_area .con1 .login_tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.sub .member_area .con1 .con_box{ border:1px solid #ccc; border-top:0;}
.sub .member_area .con1 .con_box .in_box{ margin-left:29px; padding-top:40px; height:160px; position:relative;}
.sub .member_area .con1 .con_box .in_box .input_area{ overflow:hidden; margin-top:3px;}
.sub .member_area .con1 .con_box .in_box .input_area:first-child{ margin-top:0;}
.sub .member_area .con1 .con_box .in_box .input_area dt,
.sub .member_area .con1 .con_box .in_box .input_area dd{ height:40px; line-height:40px;}
.sub .member_area .con1 .con_box .in_box .input_area dt{ float:left; width:110px;}
.sub .member_area .con1 .con_box .in_box .input_area dt strong{ font-weight:600; color:#444; padding-left:15px; background:url(../images/icon/icon_nemo_red.png) no-repeat left center;}
.sub .member_area .con1 .con_box .in_box .input_area dd{ float:left; width:250px;}
.sub .member_area .con1 .con_box .in_box .input_area dd .mem_input{ width:89%; height:38px; padding:0 10px; line-height:40px; border:1px solid #ddd; background-color:#f2f2f2; font-weight:600; font-size:15px;}
.sub .member_area .con1 .con_box .in_box .input_area dd .mem_input:hover,
.sub .member_area .con1 .con_box .in_box .input_area dd .mem_input:focus{ background-color:#fff;}
.sub .member_area .con1 .con_box .in_box .mem_btn{ width:83px; height:83px; position:absolute; top:40px; left:360px;}
.sub .member_area .con1 .con_box .in_box .mem_btn .btn{ width:100%; height:100%; background-color:#054f95; color:#fff; font-weight:600; border:0; filter:alpha(opacity=90); opacity:0.9;}
.sub .member_area .con1 .con_box .in_box .mem_btn .btn:hover{ filter:alpha(opacity=100); opacity:1;}
.sub .member_area .con1 .con_box .in_box .id_save{ margin:20px 0 0 110px;}
.sub .member_area .con1 .con_box .in_box .id_save input{ vertical-align:middle; cursor:pointer;}
.sub .member_area .con1 .con_box .in_box .id_save label{ margin-left:10px; vertical-align:middle; color:#666; cursor:pointer;}
.sub .member_area .con1 .con_box .in_box .id_save label:hover{ color:#194ca5;}

.sub .member_area .con2{ padding:30px 29px; border:1px solid #ccc; background-color:#f9f9f9;}
.sub .member_area .con2 .txt_st{ overflow:hidden; margin-top:5px;}
.sub .member_area .con2 .txt_st:first-child{ margin-top:0;}
.sub .member_area .con2 .txt_st dt,
.sub .member_area .con2 .txt_st dd{ height:30px; line-height:30px;}
.sub .member_area .con2 .txt_st dt{ float:left; padding-left:17px; background:url(../images/icon/icon_nemo_red.png) no-repeat left center;}
.sub .member_area .con2 .txt_st dd{ float:right; text-align:right; width:130px;}
.sub .member_area .con2 .btn{ width:105px; height:30px; border:1px solid #53a3ef; font-weight:600;}
.sub .member_area .con2 .btn.st1{ background-color:#53a3ef; color:#fff;}
.sub .member_area .con2 .btn.st2{ background-color:#ffffff; color:#3481cb;}

.sub .member_area .con3{ margin-top:-1px; height:90px;}
.sub .member_area .con3 img{ width:100%; height:100%; max-width:510px; max-height:90px;}

/*idpw*/
.sub .member_area .con1 .con_box .tit{ height:50px; line-height:50px; background:url(../images/inc/dot_line.png) repeat-x bottom #eef0f4;}
.sub .member_area .con1 .con_box .tit strong{ margin-left:29px; font-size:17px; font-weight:600;}
.sub .member_area .con1 .con_box .tit .s_txt{ display:inline-block; *display:inline; zoom:1; margin-left:10px; color:#666;}
.sub .member_area .con1 .con_box .in_box.find_st{ height:165px;}

.sub .member_area .con1 .con_box .search_txt{ border-top:1px solid #ccc; background:#eef0f4; text-align:center; padding:20px 0; line-height:23px;}
.sub .member_area .con1 .con_box .search_txt strong{ font-weight:600; color:#194ca5; font-size:15px;}

/*join*/
.sub .join_tab{ text-align:right; margin-bottom:30px;}
.sub .join_tab li{ display:inline-block; *display:inline; zoom:1; background:url(../images/member/join_tab_bg_off.png) no-repeat; width:300px; height:80px; margin-left:-28px; *margin-left:-25px; text-align:left; overflow:hidden;}
.sub .join_tab .icon_img{ float:left; margin:17px 0 0 57px;}
.sub .join_tab .step{ float:left; margin-left:30px; padding-top:8px; color:#fff; font-weight:600;}
.sub .join_tab .step dt{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
.sub .join_tab .step dt .num{ font-size:30px; margin-left:10px;}
.sub .join_tab .step dd{ font-size:17px;}
.sub .join_tab li.on{ background:url(../images/member/join_tab_bg_on.png) no-repeat;}

.sub .agree_area{ border-top:2px solid #444; border-bottom:1px solid #666; position:relative;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:238px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat right top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:20px; font-weight:600; color:#fff; padding:30px 20px 0;}
.sub .agree_area .agree_box{ margin-left:240px; background-color:#f9f9f9; padding:30px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#666; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:20px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .join_icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:7px; height:7px; margin-right:8px;}
.sub .join_icon.i1{ background-color:#df494a;}
.sub .join_icon.i2{ background-color:#777777;}

.sub .join_finish{ border:1px solid #ccc; padding:55px 0 100px 50px; background:url(../images/member/join_finish_bg.png) no-repeat right top;}
.sub .join_finish .t1{ font-size:20px; color:#333;}
.sub .join_finish .t2{ font-size:27px; color:#18489d; font-weight:600; margin-top:10px; letter-spacing:-1px;}
.sub .join_finish .t3{ font-size:15px; color:#555; margin-top:45px;}
.sub .join_finish .t3 span{ color:#da0404;}

/*******************************/
/*mypage*/
/*******************************/

/*회원탈퇴*/
.sub .secession{ background:#f9f9f9; border:1px solid #ddd; margin:0 0 20px 0; padding:10px 25px;}
.sub .secession .link{ overflow:hidden; padding:10px 0; border-top:1px dotted #888}
.sub .secession .link:first-child{ border-top:none}
.sub .secession .link .tt{ color:#333}


/********************/
/*inc*/

.table_area{}
.table_area table{ width:100%; table-layout:fixed;}



/********************/
/*레이어팝업*/

.layer_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=60);opacity:0.6;}
.layer_frame{ position: fixed; z-index:10000; left:50%; top:50%; display:none; border:2px solid #007db6}
.layer_close_btn{ position:absolute; z-index:inherit; right:20px; top:15px; display:block; width:27px; height:26px; background:url(../images/inc/btn_close.png) no-repeat}

.pop{ background:#fff; padding:40px; position:relative; z-index:inherit}




/*SUB*/
.tbl_cls {}
.tbl_cls th {background:#f9f9f9;height:42px; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.tbl_cls td {padding:20px 10px;word-break:keep-all; line-height:25px; border-bottom:1px solid #ddd;color:#666;}
.tbl_cls td strong{color:#333; font-weight:bold;}

.tbl_sub2 {}
.tbl_sub2 th {background:#f9f9f9;height:42px; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.tbl_sub2 td {padding:20px 10px;word-break:keep-all; line-height:25px; border-bottom:1px solid #ddd;color:#666; border-right:1px solid #ddd}
.tbl_sub2 td.last {padding:20px 10px;word-break:keep-all; line-height:25px; border-bottom:1px solid #ddd;color:#666; border-right:none;}

.tbl_sub2 td strong{color:#333; font-weight:bold;}


.ul_st1 {}
.ul_st1 li {padding-left:10px;text-indent:-6px;}
.ul_st1 li:before {content:'';}
.ul_st2 {}
.ul_st2 li{word-break:keep-all; padding-left:10px; text-indent:-10px;}
.ul_st2 li:before {content:'- ';}

.sub2{background:#f9f9f9; border:1px solid #ddd; padding:20px;}
.sub2 dt {font-size:14px;padding-left:50px; text-indent:-53px;line-height:30px;color:#666;}
.sub2 dt strong {color:#333;}
.mt_30 {margin-top:30px;}
.sub2 dd {line-height:30px; color:#666;padding-left:12px;}
.sub2_tit {font-size:14px;padding-left:50px; text-indent:-53px;line-height:30px;color:#333;}




	
/*////////////////////////////////////////////////////////////////////////////////////////////
 사이트맵
/////////////////////////////////////////////////////////////////////////////////////////////*/

div.sitemap_wrap {
	position:relative;
	width:1080px; margin:50px 0 0 0 ; padding:0px; overflow:hidden;
}
div.sitemap_wrap ul.sitmap_list {display:block; width:1080px; margin:0px; padding:0px; list-style:none;}
div.sitemap_wrap ul.sitmap_list li {
	display:block; position:relative; float:left;
	width:250px; min-height:250px; margin-right:20px; padding:0px 0px 40px 0px;
	list-style:none;
}
div.sitemap_wrap ul.sitmap_list li dl {width:100%;}
div.sitemap_wrap ul.sitmap_list li dl dt {
	width:100%; height:40px;
	border-top:2px solid #545045; border-bottom:1px solid #aaaaaa; background:#f4f4f4;
	color:#252525; font-size:15px; font-weight:600; text-align:center; line-height:40px;
}
div.sitemap_wrap ul.sitmap_list li dl dd {width:100%; height:35px; border-bottom:1px solid #dddddd; ;}
div.sitemap_wrap ul.sitmap_list li dl dd a {
	display:block;
	width:220px; height:35px; padding:0px 0px 0px 30px;
	background:url(../sp_images/sitemap/dot.jpg) no-repeat 16px center;
	color:#555555; font-size:13px; font-weight:normal; text-align:left; line-height:35px;
}
div.sitemap_wrap ul.sitmap_list li dl dd a:hover {background:#f9f9f9;}



/*보유도서목록*/
.faq_table {width:1040px;border-bottom:1px solid #ddd;border-top: 2px solid #ddd;}
.acco_subject {margin-top:2px;color:#333;background: #dee7f1;font-size:14px; line-height:12px; padding:15px 15px; border-bottom: 1px solid #ddd; cursor:pointer}
.acco_bg1{background: #0099d9;}

.acco_con {font-size:13px;color:#949494;   padding:10px 20px; line-height:18px;}
.acco_date {float:right;}
.acco_list li {line-height:34px;}
.acco_list span{float:right;}
.acco_list td{line-height:34px;}
.acco_list th {text-align:left;background:#f9f9f9;border-top:1px solid #ddd;}

.btn_form {text-align:center;width:150px; height:50px; background:#1a3853; color:#fff;line-height:50px;}
.btn_cancel {text-align:center;width:150px; height:50px; background:#ddd; color:#fff;line-height:50px;}

.book_link {padding-right:10px;}

.book_num {padding:10px 20px; line-height:18px;border-top:1px solid #ddd; border-bottom:2px solid #ddd; background:#f9f9f9;}


/*찾아오시는 길*/
.map {width:934px;border:3px double #ddd; padding:30px;}
.map dt strong{padding-left:5px; font-size:15px; color:#333; font-weight:bold;line-height:32px;}
.map dd {padding-left:22px; line-height:32px; color:#666;}


/*교육신청안내*/

.txt1 {color:#a80000;}

.tbl_schedule {border-top:3px solid #00589b; margin-top:30px;}
.tbl_schedule th {border-bottom:1px solid #ddd;}
.tbl_schedule td {padding:10px;vertical-align:top;height:70px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tbl_schedule td.last {border-right:none;}
.tbl_sche_date {font-size:14px; color:#888; font-weight:bold;font-style:italic;}
.tbl_schedule td.today {background:#d5e4ea;}
.tbl_schedule td.today .tbl_sche_date {color:#333;}
.tbl_schedule td.today .tbl_sche_tit {margin-top:5px;line-height:18px;}
.tbl_schedule td:hover {background:#f9f9f9; cursor:pointer;}
.tbl_schedule td.today:hover {background:#d5e4ea; text-decoration:underline;}
.sche_month {width:173px; margin:0 auto;}
.sche_month li {float:left;}
.month_current {font-size:28px; font-weighT:bold; font-family:'Arial';padding:0 15px;}




/*관련홈페이지*/
.tbl_link {border:3px solid #ddd;padding:15px;}
.tbl_link td {height:42px;padding-left:15px;font-weight:bold; font-size:14px;border-bottom:1px solid #ddd;}
.tbl_link th {border-right:1px solid #ddd;height:42px;padding:15px; border-bottom:1px solid #ddd;}


.main_link1 {width:1100px; height:65px; background:#f6f5f4; border:1px solid #ddd;}




/*sub_1_1_2*/

.tbl_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:15px; text-align:center; border-top:2px solid #ddd; margin-top:45px; }
.tbl_st2 tbody th { background:#f9f9f9; color:#444444; font-weight:600; border-bottom:2px solid #ddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:12px 5px; vertical-align:middle; }
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }

/*sub_2_1*/

.tbl_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:15px; text-align:center; border-top:2px solid #ddd; margin-top:45px; }
.tbl_st2 tbody th { background:#f9f9f9; color:#444444; font-weight:600; border-bottom:2px solid #ddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:12px 10px; vertical-align:middle; text-align:left;}
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }


/*sub_6_2*/

.tbl_st3 { border:0px; padding:0px; margin-bottom:10px;  font-size:15px; text-align:center; border-top:2px solid #414141; margin-top:45px; }
.tbl_st3 tbody th { background:#0659a4; color:#fff; font-weight:600; border-bottom:2px solid #414141; border-right:1px solid #414141; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st3 tbody td { color:#555555; border-bottom:1px solid #414141; border-right:1px solid #414141; line-height:18px; padding:12px 10px; vertical-align:middle; text-align:left; border-left:1px solid #414141; text-align:center;}
.tbl_st3 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { /*border-right:none; */}


/*sub_6_2 가입신청서*/

.tbl_st4 { border:0px; padding:0px; margin-bottom:10px;  font-size:15px; text-align:center; border-top:2px solid #ddd; margin-top:45px; }
.tbl_st4 tbody th { background:#f9f9f9; color:#444444; font-weight:600; border-bottom:2px solid #ddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; border-right:1px solid #dddddd; border-left:1px solid #dddddd; }
.tbl_st4 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child {/* border-right:none;*/ }


/*pop_up_zone(강사참여안내 sub_4_1_1)*/

.titi{ display:inline-block; *display:block; border:1px solid #ddd; padding:10px; overflow:hidden;}
.titi li{float:left; color:#444444; line-height:22px; font-size:13px; font-weight:bold;}
.titi li .ul_span{padding-left:22px; color:#444444; line-height:22px; font-size:13px; font-weight:bold;}

.titi_1{border:1px solid #ddd; padding:10px; margin-top:15px;}
.titi_1 .center{line-height:22px; font-size:15px; font-weight:bold; color:#444444;}
.titi_1 .midle{line-height:22px; font-size:13px; font-weight:bold; color:#858585;}
.titi_1 .midle_1{.line-height:22px; font-size:13px; font-weight:bold; color:#0162a5;}
.titi_1 .midle .midle_span{padding-left:8px; color:#858585;}
.titi_1 .bottom{.line-height:22px; font-size:13px; font-weight:bold; color:#444444;}