@charset "utf-8";

#wrap{position:relative;}



#header{position:relative;height:80px;border:1px solid #f0f0f0;z-index:50;}
#header .logo{position:absolute;top:25px;left:20px}
#header .logo a{display:inline-block;width:200px;height:39px;background:url(../image/h1_logo.png) no-repeat 0 0;text-indent:-9999px;}

#container{position:relative;min-height:700px;}
#content{position:relative;}
#content .content_in{position:relative;width:100%;margin:0 auto;overflow:hidden;max-width:1200px;min-width:1100px;}
#content .content_in .partner_wrap{ float: left;width: 100%;margin: 0 auto;text-align: center;margin-bottom:40px;}

#footer{background:#3a3a3a;}
#footer .warp_ft_link{padding:20px 5%;}
#footer .warp_ft_link .list_ft_link li{display:inline-block;margin-right:35px;}
#footer .warp_ft_link .list_ft_link li a{color:#c1bebe;font-size:12px;white-space:nowrap;}
#footer .warp_ft_info{border-top:1px solid #535353;}
#footer .inner_ft_info{padding:30px 5%;color:#c1bebe;line-height:130%;display:inline-block;}
#footer .inner_ft_info .copy{display:block;margin-top:13px;font-size:12px;letter-spacing:1px;}
#footer .inner_ft_mark {display:inline-block;padding:0px 5px;float:right;}
#footer .w3c_mark{display:block;float:left;padding-top:30px;margin-right:5px;}
#footer .norton_mark{display:inline-block;}
/* 모바일 */
@media all and (max-width:767px) {
#header{height:67px;}
#header .logo{top:19px;left:10px;}
#header .logo a{display:inline-block;width:282px;height:39px;background:url(../image/h1_logo1.png) no-repeat 0 0;background-size:282px;text-indent:-9999px;}
/*#header .logo a{display:inline-block;width:200px;height:39px;background:url(../image/h1_logo.png) no-repeat 0 0;background-size:150px;text-indent:-9999px;}*/


#content .content_in{padding:20px 0 20px 0;width:100%;}

/* 회원가입 */
.wrap_step{overflow:hidden;margin:20px 0;}
.wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:13px;}
.wrap_step .list_step li.on{background:#1F4EA5;color:#fff;}

#header .wrap_lnb h2{position:absolute;right:0;width:50px;height:60px;text-align:center;border-left:1px solid #f0f0f0;}
#header .wrap_lnb .btn_all_menu{display:block;width:50px;height:50px;background:url(../image/ico_list.png) no-repeat center;text-indent:-9999px; margin-top:5px;}
#header .wrap_lnb .lnb{display:none;}
#header .wrap_lnb .lnb li{width:16%;border-right:1px solid #f0f0f0;text-align:center;}
#header .wrap_lnb .lnb li a{display:block;height:45px;padding-top:30px;font-size:15px;color:#555;}
#header .wrap_lnb .lnb li:first-child{border-left:1px solid #f0f0f0;}

#footer .warp_ft_link{display:none;}
#footer .inner_ft_info{padding:30px 5%;color:#c1bebe;line-height:130%;font-size:11px;}
#footer .inner_ft_info .copy{display:block;margin-top:13px;font-size:11px}


/*#header .wrap_navi{position:relative;height:100%;background:#454a5d;}*/
.wrap_navi{position:relative;height:100%;background:#454a5d;}
.wrap_navi .gnb{padding:18px 10px;background:#454a5d;}
.wrap_navi .lnb .depth01 > li{border-bottom:1px solid #505567;}
.wrap_navi .lnb .depth01 > li:first-child{border-top:1px solid #505567;}
.wrap_navi .lnb .depth01 > li > a{display:block;padding:18px 19px;background:#454a5d;color:#a3a3a7;}
.wrap_navi .lnb .depth01 > li > a.on{color:#fff;background:#2b324c;}
.wrap_navi .lnb .depth02 > li{padding:0 18px;background:#1f2436;}
.wrap_navi .lnb .depth02 > li > a{display:block;padding:11px 13px;color:#868587;border-bottom:1px solid #2b324c;font-size:12px;}
.wrap_navi .lnb .depth02 > li.on > a{color:#fff;}
.wrap_navi .lnb .depth02 > li:last-child > a{border:none;}
.wrap_navi .wrap_member{position:relative;left:0;bottom:0;overflow:hidden;width:100%;z-index:400;}
.wrap_navi .wrap_member ul li{float:left;width:50%;}
.wrap_navi .wrap_member ul li .log{display:block;padding:50px 0 20px 0;border-right:1px solid #525664;border-bottom:1px solid #525664;background:url(../image/common/ico_login02.png) no-repeat 50% 22px #454a5d;color:#fff;text-align:center;}
.wrap_navi .wrap_member ul li .join{display:block;padding:50px 0 20px 0;border-bottom:1px solid #525664;background:url(../image/common/ico_join02.png) no-repeat 50% 22px #454a5d;color:#fff;text-align:center;}
.wrap_navi .btn_close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:url(../image/btn_close02.png) no-repeat 0 0;text-indent:-9999px;z-index:400;}




}

/* 테블릿 */
@media all and (min-width:768px) and (max-width:1330px) {
.wrap_gnb .gnb02{display:none;}
#header .wrap_gnb{overflow:hidden;position:absolute;top:0;right:80px;}
#header .wrap_gnb ul{float:left;}
#header .wrap_gnb .gnb {width:470px;}
#header .wrap_gnb .gnb li{margin-top:10px;}
#header .wrap_gnb .gnb li:first-child{margin-right:10px;}
#header .wrap_gnb .gnb li:nth-child(2){margin-right:20px;}
#header .wrap_gnb .gnb li{float:left;margin-right:23px;}
#header .wrap_gnb .gnb li a{display:inline-block;height:35px;padding:20px 0 0 60px;color:#1e4da5;}



#header .wrap_lnb h2{position:absolute;right:0;width:75px;height:74px;text-align:center;border-left:1px solid #f0f0f0;}
#header .wrap_lnb .btn_all_menu{display:block;width:75px;height:75px;background:url(../image/ico_list.png) no-repeat center;text-indent:-9999px;}
#header .wrap_lnb .lnb{display:none;}
#header .wrap_lnb .lnb li{width:12%;border-right:1px solid #f0f0f0;text-align:center;}
#header .wrap_lnb .lnb li a{display:block;height:45px;padding-top:30px;font-size:15px;color:#555;}
#header .wrap_lnb .lnb li:first-child{border-left:1px solid #f0f0f0;}
#content .content_in{position:relative;width:100%;margin:0 auto;overflow:hidden;max-width:1200px;}

.wrap_navi{position:relative;height:100%;background:#454a5d;}
.wrap_navi .gnb{padding:18px 10px;background:#454a5d;}

.wrap_navi .lnb .depth01 > li{border-bottom:1px solid #505567;}
.wrap_navi .lnb .depth01 > li:first-child{border-top:1px solid #505567;}
.wrap_navi .lnb .depth01 > li > a{display:block;padding:18px 19px;background:#454a5d;color:#a3a3a7;}
.wrap_navi .lnb .depth01 > li > a.on{color:#fff;background:#2b324c;}
.wrap_navi .lnb .depth02 > li{padding:0 18px;background:#1f2436;}
.wrap_navi .lnb .depth02 > li > a{display:block;padding:11px 13px;color:#868587;border-bottom:1px solid #2b324c;font-size:12px;}
.wrap_navi .lnb .depth02 > li.on > a{color:#fff;}
.wrap_navi .lnb .depth02 > li:last-child > a{border:none;}

.wrap_navi .btn_close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:url(../image/btn_close02.png) no-repeat 0 0;text-indent:-9999px;z-index:400;}




}

@media all and (min-width:1331px) and (max-width:1580px) {
#header .wrap_gnb ul{float:left;}
#header .wrap_gnb .gnb li:first-child{margin-right:10px;margin-top:10px;}
#header .wrap_gnb .gnb li:nth-child(2){margin-right:25px;margin-top:10px;}
#header .wrap_gnb .gnb li:nth-child(3){margin-right:10px;}
#header .wrap_gnb .gnb li{float:left;margin-right:30px;}
#header .wrap_gnb .gnb li a{display:inline-block;height:44px;padding:19px 0px 0 2px !important;color:#1e4da5;}
#header .wrap_gnb .gnb li:nth-child(3) a{padding:19px 10px 0 2px !important;}

}
/* pc */
@media all and (min-width:1331px) {

.wrap_gnb .gnb02{display:none;}
#header .wrap_gnb{overflow:hidden;position:absolute;top:0;right:65px;}
#header .wrap_gnb ul{float:left;}
#header .wrap_gnb .gnb li{margin-top:10px;}
#header .wrap_gnb .gnb li:first-child{margin-right:10px;}
#header .wrap_gnb .gnb li:nth-child(2){margin-right:25px;}
#header .wrap_gnb .gnb li{float:left;margin-right:30px;}
#header .wrap_gnb .gnb li a{display:inline-block;height:32px;padding:20px 0 0 60px;color:#1e4da5;}
#header .wrap_gnb .gnb li .log{background:url(../image/common/ico_login.png) no-repeat 0 center;}
#header .wrap_gnb .gnb li .join{background:url(../image/common/ico_join.png) no-repeat 0 center;}
#header .top_search{overflow:hidden;position:absolute;top:0;right:0;text-align:center;border-left:1px solid #f0f0f0;}
#header .top_search .btn_srch{display:inline-block;width:75px;height:74px;background:url(../image/common/ico_srch.png) no-repeat center;text-indent:-9999px;}



#header .wrap_lnb{padding-left:254px;}
#header .wrap_lnb:after{content:"";display:block;clear:both;}
#header .wrap_lnb h2{display:none;}

#header .wrap_lnb .lnb .depth01 > li{float:left;width:16%;border-right:1px solid #f0f0f0;text-align:center;}
#header .wrap_lnb .lnb .depth01 > li > a{display:block;height:50px;padding-top:30px;font-size:12.5px;}
#header .wrap_lnb .lnb .depth01 > li:first-child{border-left:1px solid #f0f0f0;}
#header .wrap_lnb .lnb .depth01 > .lnb_1 > a > p{ color:#FFF}


/*#header .wrap_lnb .lnb .wrap_menu{position:absolute;top:77px;left:0;width:100%;min-height:330px;z-index:20;overflow:hidden;padding:50px 0 60px 0;border-bottom:1px solid #ddd;} 2016-06-14 */
#header .wrap_lnb .lnb .wrap_menu{position:absolute;top:75px;left:0;width:100%;min-height:360px;z-index:20;overflow:hidden;padding:50px 0 60px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}


#header .wrap_lnb .lnb .wrap_menu.lnb03 .depth02{float:left;width:24%;margin-right:1%;}
#header .wrap_lnb .lnb .wrap_menu .wrap_deth02{float:left;width:60%;}
#header .wrap_lnb .lnb .wrap_menu .menu_tit{width:207px;padding:10px 0 0 43px;float:left;text-align:left;}
#header .wrap_lnb .lnb .wrap_menu .menu_tit .txt_small{display:block;margin-bottom:10px;font-size:15px;color:#666;}
#header .wrap_lnb .lnb .wrap_menu .menu_tit .txt_tit{display:block;font-size:30px;color:#2460ce;line-height:110%;letter-spacing:-1px;}
#header .wrap_lnb .lnb .wrap_callcenter{position:absolute;top:125px;right:50px;width:225px;z-index:90;text-align:right;display:none;}/*2016-06-14 display:none 추가*/
#header .wrap_lnb .lnb .wrap_callcenter .txt_tit{margin-bottom:10px;color:#2f68d0;font-size:16px;}
#header .wrap_lnb .lnb .wrap_callcenter .txt_tel{display:block;margin-bottom:20px;color:#2f68d0;font-size:28px;letter-spacing:2px;}
#header .wrap_lnb .lnb .wrap_callcenter .txt_desc{margin-bottom:50px;color:#333;font-size:13px;line-height:150%;}
#header .wrap_lnb .lnb .wrap_callcenter .list_info{float:right;color:#2460ce;}
#header .wrap_lnb .lnb .wrap_callcenter .list_info dt{float:left;}
#header .wrap_lnb .lnb .wrap_callcenter .list_info dd{margin:0 0 10px 80px;text-align:left;}
#header .wrap_lnb .lnb .btn_close{position:absolute;top:420px;right:50px;padding:10px 20px;;border:1px solid #aabee2;color:#103e94;background:#e6ecfa;z-index:90;display:none; }/*2016-06-14 display:none 추가*/


.wrap_navi{display:none;}


.wrap_board{width:100%;}

}

