@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:300;font-size:13px;line-height:150%;}
frame{padding:0;}

/* main_layout */
body{background:#333;}
#wrap{min-width:1100px;}
#header{position:relative;background:#fff;}
#header .in{max-width:1100px;margin:0 auto;position:relative;}
#header .in h1{display:block;position:absolute;left:0;top:10px;}
#header .in .gnb{margin-left:260px;}
#header .in .gnb > ul:after{content:'';display:block;clear:both;}
#header .in .gnb > ul > li{float:left;position:relative;}
#header .in .gnb > ul > li > a{display:block;font-size:18px;color:#333;font-weight:500;letter-spacing:-1px;padding:0 30px;height:70px;line-height:70px;position:relative;}
#header .in .gnb > ul > li > a:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;height:14px;width:1px;background:#c2c2c2}
#header .in .gnb > ul > li:first-child > a:before{display:none;}
#header .in .gnb > ul > li:hover > a{background:url(../img/ico_gnb_arrow.png) no-repeat center bottom;color:#1f60b1;}
#header .in .gnb > ul > li> a:focus{background:url(../img/ico_gnb_arrow.png) no-repeat center bottom;color:#1f60b1;}
#header .in .gnb > ul > li > .gnb_sub{display:none;padding:20px;position:absolute;left:0;right:0;top:70px;z-index:1000;}
#header .in .gnb > ul > li > .gnb_sub ul li{margin-bottom:10px;}
#header .in .gnb > ul > li > .gnb_sub ul li a{display:block;text-align:center;line-height:130%;font-size:16px;color:#fff;}
#header .in .gnb > ul > li > .gnb_sub ul li a:hover{color:#00ffff}
#header .in .gnb > ul > li > .gnb_sub ul li a:focus{color:#00ffff}
#header .bg_sub_sub{display:none;background:#1f60b1;position:absolute;left:0;top:70px;right:0;height:190px;z-index:999;}
#container{background:url(../img/bg_main_visual_01.jpg) no-repeat center center fixed;padding:30px 0;background-size:cover;}
#container02{background:url(../img/bg_main_visual_02.jpg) no-repeat center center fixed;padding:30px 0;background-size:cover;}
#container03{background:url(../img/bg_main_visual_03.jpg) no-repeat center center fixed;padding:30px 0;background-size:cover;}
#container .main_section{max-width:1100px;margin:0 auto;}
#container .main_section .txt{text-align:center;padding:30px 0 200px 0}
#container .main_section .txt strong{display:block;font-size:40px;color:#b6ebfe;line-height:130%;letter-spacing:-1px;font-weight:500;margin-bottom:15px;}
#container .main_section .txt p{font-size:24px;color:#fff;line-height:130%;letter-spacing:-1px;font-weight:500;}
#container .main_section .txt p span{display:block;font-size:32px;line-height:130%;color:#fff;font-weight:500;letter-spacing:-1px;}
#container .main_section .main_section01{overflow:hidden;padding-bottom:35px;}
#container .main_section .main_section01 .notice{float:left;width:490px;background:#fff;border-radius:10px;padding:15px 20px 20px 20px;position:relative;}
#container .main_section .main_section01 .notice h2{font-size:22px;color:#000;line-height:150%;font-weight:500;padding-bottom:10px;margin-bottom:0;border-bottom:1px solid #cfcfcf}
#container .main_section .main_section01 .notice .more{position:absolute;right:20px;top:20px;}
#container .main_section .main_section01 .notice .notice_list > font{display:none;}
#container .main_section .main_section01 .notice .notice_list a{display:block;border-bottom:1px solid #cfcfcf;padding:15px 10px 15px 20px;font-size:14px;color:#333;font-weight:400;position:relative;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#container .main_section .main_section01 .notice .notice_list a:before{content:'';display:block;position:absolute;left:7px;top:50%;width:4px;height:4px;background:#c0c0c0;border-radius:50px;margin-top:-2px;}
#container .main_section .main_section01 .busi{float:right;width:530px;border-radius:10px;}
#container #contents{background:#fff;max-width:1060px;margin:0 auto;padding:30px;position:relative;}
#container #contents #snb{position:absolute;left:30px;top:30px;width:210px;}
#container #contents #snb h2{background:#02b1be;color:#fff;text-align:center;font-size:23px;height:70px;line-height:70px;font-weight:500;letter-spacing:-1px;}
#container #contents #snb .snb_list{margin-bottom:90px;}
#container #contents #snb .snb_list ul li{border-bottom:1px solid #d2d2d2}
#container #contents #snb .snb_list ul li a{display:block;font-size:16px;color:#000;line-height:150%;padding:13px 25px 13px 5px;letter-spacing:-1px;font-weight:400;position:relative;}
#container #contents #snb .snb_list ul li a.on{color:#0099cc;font-weight:500;}
#container #contents #snb .snb_list ul li a.on:after{content:'';position:absolute;right:8px;top:50%;margin-top:-2px;width:5px;height:5px;background:#00ac4f;border-radius:10px;}
#container #contents #snb .area h3{font-size:18px;color:#010101;line-height:150%;letter-spacing:-1px;font-weight:500;padding-bottom:10px;margin-bottom:12px;position:relative;}
#container #contents #snb .area h3:after{content:'';display:block;position:absolute;left:0;bottom:0;width:33px;height:2px;background:#02b1be;}
#container #contents #snb .area .area_list ul{overflow:hidden;margin-left:-3px}
#container #contents #snb .area .area_list ul li{float:left;margin-left:3px;margin-bottom:3px;}
#container #contents #snb .area .area_list ul li a{display:block;width:66px;height:28px;line-height:28px;border:1px solid #c0c0c0;text-align:center;font-size:13px;color:#000;}
#container #contents .contents{margin-left:260px;min-height:700px;position:relative;}
#container #contents .contents.wide{margin-left:0;}
#container #contents .contents h3{font-size:28px;height:70px;line-height:70px;font-weight:500;letter-spacing:-1px;border-bottom:1px solid #d2d2d2;color:#000;margin-bottom:40px;}
#container #contents .contents .path{position:absolute;right:0;top:35px;font-size:12px;color:#666;line-height:150%;}
#container #contents .contents .join_wrap{margin:0 auto;width:640px;}
#footer{background:#333;}
#footer .in{padding:20px 0;max-width:1100px;margin:0 auto;position:relative;}
#footer .in .foot_menu{margin-bottom:5px;}
#footer .in .foot_menu ul{overflow:hidden;}
#footer .in .foot_menu ul li{float:left;padding:0 10px;position:relative;}
#footer .in .foot_menu ul li:first-child{padding:0 10px 0 0;}
#footer .in .foot_menu ul li:first-child:before{display:none;}
#footer .in .foot_menu ul li strong{color:#fff;font-weight:500;}
#footer .in .foot_menu ul li a{display:block;font-size:14px;color:#ccc;font-weight:300;}
#footer .in .foot_menu ul li:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;height:12px;width:1px;background:#666}
#footer .in .foot_info{color:#ccc;letter-spacing:0;line-height:180%;}
#footer .in .foot_func{position:absolute;right:0;top:20px;}
#footer .in .foot_func ul{overflow:hidden;}
#footer .in .foot_func ul li{float:left;padding-left:10px;margin-left:10px;position:relative;}
#footer .in .foot_func ul li a{color:#ccc;font-size:14px;}
#footer .in .foot_func ul li:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;height:12px;width:1px;background:#666}
#footer .in .foot_func ul li:first-child:before{display:none;}
#footer .in .foot_banner{position:absolute;right:0;top:65px;}
#footer .in .foot_banner ul li{float:left;padding-left:25px;position:relative;}