﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,button,input,select,table,textarea{letter-spacing:-1px;}
/*공통 클래스*/
.inner{/*width:1240px;*/margin:0 auto;}
a:hover,a:focus{text-decoration:none;}
body.no_scroll{height:100% !important;overflow:hidden !important;}
.only_mobile{display:none!important;}
input[type='file']{-webkit-appearance:none;}
/*@media screen and (max-width:1239px){
    .n_mobile{display:none !important;}
    .only_pc{display:none!important;}
    .only_mobile{display:inline-block!important;}
    .inner{width:100%;padding:0 30px; box-sizing:border-box; }
}
@media screen and (max-width:767px){
    .inner{padding:0 10px;min-height: 90px;  overflow:hidden   }
}
*/

/*skip navigation*/
.skip_navi>a{position:absolute;top:0;left:-9999em;z-index:9999;width:100%;background:#e38100;color:#fff;text-align:center;line-height:48px;}
.skip_navi>a:focus{left:0;}

/*header*/
#header{position:absolute;top:0;left:0;z-index:10; width:100%;background:#fff;height: 140px;box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3) ;  }
/*#header>.home_menu{height:28px;background:#008dd6;line-height:28px;}
#header>.home_menu>.inner:after{display:block;clear:both;content:"";}
#header>.home_menu ul{float:right;display:block;clear:both;content:"";  }
#header>.home_menu ul li{float:left; color: #fff; font-size: 14px; padding: 0 13px;}
#header>.home_menu ul li.sizeline{padding: 0px; }*/


 
#header>.top_util_wrap{ position:relative;border-bottom:1px solid #e7e7e7;font-size:14px;}
#header>.top_util_wrap li > a{display:inline-block;line-height:30px;}
#header>.top_util_wrap .top_util_info{float:left;}
#header .top_util .top_util_info{float:left;}
#header .top_util .top_util_info:after{display:block;clear:both;content:"";}
#header>.top_util_wrap .top_util_info li{position:relative;float:left;width:142px;height:34px;margin-right:8px;padding:0 0 0 30px;border:1px solid #ddd;box-sizing:border-box;text-align:center;}
#header>.top_util_wrap .top_util_info li:before{display:block;position:absolute;top:50%;left:-113px;width:1px;height:16px;margin-top:-7px;background:#ddd;content:"";}
#header>.top_util_wrap .top_util_info li:after{display:block;position:absolute;top:50%;left:12px;width:19px;height:18px;background:url(../img/common/sp_ico.png) no-repeat 0 0;background-size:300px auto;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}
#header>.top_util_wrap .top_util_info li:nth-child(1){padding-left:20px;}
#header>.top_util_wrap .top_util_info li:nth-child(1):before{display:none;}
#header>.top_util_wrap .top_util_info li:nth-child(2):after{background-position:-19px 0;}
#header>.top_util_wrap .top_util_info li:nth-child(3){line-height:35px;border:transparent;background:#54a5eb;color:#fff;}
#header>.top_util_wrap .top_util_info li:nth-child(3):after{background-position:-40px 0;}
#header>.top_util_wrap .member_util_box{float:right;}
#header>.top_util_wrap .member_util_box:after{display:block;clear:both;content:"";}
#header>.top_util_wrap .member_util_box li{float:left;padding-left:26px;}
#header>.top_util_wrap .member_util_box li:nth-child(1){padding-left:0;}
#header>.top_util_wrap .member_util_box li:nth-child(1)>a{padding:0 16px;border:1px solid #57b7ed;color:#0083cc;}
#header>.top_util_wrap .member_util_box li:last-child > a span{display:inline-block; width:9px; height:4px; margin-bottom:4px; padding-left:4px; background:url(../img/common/ico_triangle.jpg) no-repeat 50% 50%; font-size:0; vertical-align:middle;}

#header .logo{ width:447px;height:92px;/*margin-top:55px;*//*margin-left:44px;*/top:55px;left:44px; z-index:2;}
#header .logo a{display:block;width:100%;height:100%;}



/*@media screen and (min-width:1240px){
#header>.top_util_wrap{ display:none;}
 
}
@media screen and (max-width:1239px){
	#header .logo{width: 130px;height: 33px; margin-top: 0px; margin-left: 0px;left: 1%;}
    #header .logo a{background-size:100%;}
    #header>.home_menu,#header .top_util .top_util_info,#header>.top_util_wrap .member_util_box{display:none;}
	#header>.top_util_wrap{height:100px;padding:28px 0;background:#fff;border-bottom:none;box-sizing:border-box}
    #header .top_util{height:44px;padding:0 36px;text-align:right;}
    .gnbfixed .head_search_wrap{position: fixed;top: 30px;right: 10px;margin-right: 0;z-index: 11;}
    .head_search_wrap{position:absolute;height:44px;top: 0px; }
    .btn_search{width:44px;height:44px;background-size:100%;border:none;border-radius:0;background-image:url(../img/common/btn_search_b.png);}
    .btn_search>span{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);}

    .btn_lang_m {display:block;position:absolute;right: 55px;top: 10px;font-size: 17px;}
    .btn_lang_m:after {content: "";border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 4px;vertical-align: middle; margin-left: 8px; margin-top: -7px;
                      transform: rotate(45deg); -webkit-transform: rotate(45deg);}



}*/
/*@media screen and (max-width:767px){

    
    #header>.top_util_wrap{height:47px;padding: 0;margin-top: 10px; box-sizing:border-box;}
    #header .top_util{height:21px;padding:0 15px;}
    .gnbfixed .head_search_wrap{top:13px;}
    .head_search_wrap{height:21px;margin-right:0;right:113px;z-index:10;}
    .btn_search{width:21px;height:21px;padding:0;}
    .head_search{right: -100px;}
}
*/





/*gnb 앞 로고 */
.top_logo{position:absolute;  width:447px!important; height:92px;left: 44px;top:25px;/*bottom: 0; */  z-index:2;  }
.top_logo img{ padding: 0px 0px; }
.top_logo img a{display:block;width:100%;height:100%;}

.top_tel{position:absolute;   width:286px ; height:46px;right: 44px;top:46px;/*bottom: 0;  */ z-index:1;  }

/*gnb*/
 
#gnb{position:relative;z-index:10;width:100%;  background: #fff;  }
#gnb:before{position:absolute;top:0px;left:0;width:100%;height:140px;  background:#fff;content:"" ; border-bottom: 1px solid #eee;   }
 
#gnb .inner{position:relative;padding-left:0px;box-sizing:border-box;/* width: 70%;*/ padding-top: 30px;    }
#gnb .dep1_ul{ margin-left:30%; width: 50%; top: 0; /*padding-top: 10px;*/   font-weight:bold;    }
#gnb .dep1_ul:after{display:block;clear:both;content:"";  }
#gnb .dep1_ul>li{position:relative;float:left;  text-align: center;font-size:22px; line-height:86px;font-weight:600; color: #191919;    }
 
#gnb .dep1_ul>li:nth-child(1){width:16.6%; }
#gnb .dep1_ul>li:nth-child(2){width:16.6%; }
#gnb .dep1_ul>li:nth-child(3){width:16.6%;}
#gnb .dep1_ul>li:nth-child(4){width:16.6%; }
#gnb .dep1_ul>li:nth-child(5){width:16.6%; } 
#gnb .dep1_ul>li:nth-child(6){width:16.6%; } 
#gnb .dep1_ul>li a{display:inline-block;position:relative;     }
#gnb .dep1_ul>li a:hover,#gnb .dep1_ul>li a:focus{ color: #002d56;  }
#gnb .dep1_ul>li a:before{display:inline-block;position:absolute;bottom:-3px;left: 10%;width:80%;height:3px;content:"";}
#gnb.pc .dep1_ul>li a:hover:before,#gnb.pc .dep1_ul>li>a:focus:before,#gnb.pc .dep1_ul>li>a.on:before{     background:#002d56; }
#gnb .dep2_ul{ display:none;width:100%;padding:52px 0;/*background:#fff ;*/  height: 150px; margin-top: 1px; /*margin-bottom: 2px;*/   /*border-left: 1px solid #e7e7e7; */  }
/*#gnb .dep2_ul:last-child{border-right: 1px solid #e7e7e7;   }*/
#gnb .dep2_ul>li{display:block;font-size:16px;line-height:40px; text-align: center; /* font-family:'Nanum Gothic' ; */ font-weight:400;  letter-spacing: -1px;  }

#gnb .dep2_ul > li span.lh {display:block;line-height:27px; padding:5px 0;}

#gnb .dep2_ul>li a{display:inline-block;position:relative;padding:0 5% 0 5%;   }
/*#gnb .dep2_ul>li>a:before{position:absolute;top:50%;right:0;width:5px;height:9px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}*/
 
#gnb .dep3_ul{display:none;height:auto;}
.btn_gnb_close,.btn_gnb{display:none;}
#gnb span.bg 		{display:none; position:absolute; z-index:110; top:96px; left:0; width:100%; height:250px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(/img/common/menu_bg.jpg) no-repeat center bottom #fff;}

/*
.dep1_achive{position:relative;background:url(/img/common/menu_bg.jpg) no-repeat 0 0; } */
#gnb_achive_bg{position:absolute;left:83px;top:0;width:190px;height:60px;background:#eba71e}

/*@media screen and (max-width:1239px){
    #gnb{overflow:auto;position:fixed;top:0;right:-100%;z-index:10;width:70%;height:100%;background:#fff;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;}
    #gnb:before{display:none;}
    #gnb .dep1_ul>li>a:before{display:inline-block;left:auto;right:25px;bottom:50%;-ms-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%);width:16px;height:28px;background:url(../img/common/sp_arrow.png) no-repeat -128px -110px;}
    #gnb .dep1_ul>li>a:focus:before,#gnb .dep1_ul>li>a.res_on:before{width:28px;height:16px;background:url(../img/common/sp_arrow.png) no-repeat -128px -91px;}

    .btn_gnb{display:block;position:absolute;top:50%;width:50px;right: 15px;height:50px;background:transparent;border:none;text-align:left;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
    .btn_gnb:before,.btn_gnb:after,.btn_gnb>i:before{position:absolute;left:0;width:50px;height:5px;background:#333;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;-ms-transform-origin:left;-webkit-transform-origin:left;transform-origin:left;content:"";}
    .btn_gnb:before{top:9px;}
    .btn_gnb:after{bottom:9px;}
    .btn_gnb>i:before{top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    .btn_gnb_close{display:block;position:absolute;top:25px;right:24px;width:50px;height:50px;background:url(/img/include/close.png) no-repeat 50% 50%;}
    #gnb .btn_gnb_close:after{position:fixed;top:0;left:-100%;width:100%;height:100%;background:#000;opacity:.4; }
    #gnb.open .btn_gnb_close:after{display:block;background:#000;opacity:.4;  }

    #gnb.open{right:0;height:800px;}
    #gnb h2{position:static;width:100%;height:100px;background:#008dd5 url() no-repeat 24px 50%;clip:auto;font-size:1px;color:transparent;box-sizing:border-box;}
    #gnb .inner{padding:0;height:100%; background:url( )no-repeat;background:#fff}
	#gnb .dep1_ul{ margin-left:0px; padding-top: 0px; }
    #gnb .dep1_ul>li{float:none;width:100%;font-size:2rem;line-height:36px;}
    #gnb .dep1_ul>li a{width:100%;padding:15px 24px;box-sizing:border-box;}
    #gnb .dep1_ul>li>a{border-bottom:1px solid #ddd7cd; color:#000;}
    #gnb .dep2_ul{display:none;position:static;height:auto;padding:0;background:#f5f5f5;border-bottom:1px solid #ddd7cd;}
    #gnb .dep2_ul.open{display:block;}
    #gnb .dep2_ul>li{font-size:18px;line-height:26px;}
	#gnb .dep1_ul>li:nth-child(1){width:100%!important;}
	#gnb .dep1_ul>li:nth-child(2){width:100%!important;}
	#gnb .dep1_ul>li:nth-child(3){width:100%!important; }
	#gnb .dep1_ul>li:nth-child(4){width:100%!important; }
	#gnb .dep1_ul>li:nth-child(5){width:100%!important; }
    #gnb .dep2_ul>li>a{padding-left:50px;color:#00bbc4;border-bottom:1px solid #ddd7cd;}
    #gnb .dep2_ul>li>a:focus{color:#222;}
     #gnb .dep2_ul>li a:before,#gnb .dep2_ul>li a:hover:before, #gnb .dep2_ul>li a:focus:before{ width:10px;height:4px;right:auto;left:24px;background:#f4b842;  }   
    #gnb .dep3_ul>li>a{padding:11px 24px;padding-left:90px;color:#686868;} 
    #gnb .dep3_ul>li>a:focus{color:#444;}
    #gnb .dep3_ul>li a:before,#gnb .dep3_ul>li a:hover:before, #gnb .dep3_ul>li a:focus:before{width:6px;height:6px;right:auto;left:68px;background:#000;}   
	 
	.top_logo{display: none}
}*/
/*@media screen and (max-width:767px){
    #gnb{width:80%;}
    .btn_gnb{right: 15px;width:25px;height:25px;}
    .btn_gnb:before, .btn_gnb:after, .btn_gnb>i:before{width:100%;height:3px;}
    .btn_gnb:before{top:4px;}
    .btn_gnb:after{bottom:4px;}
    .btn_gnb_close{top:15px;right:15px;width:25px;height:25px;background-size:100%;}
    #gnb .btn_gnb_close:after,#gnb.open .btn_gnb_close:after{display:none;}

    #gnb h2{height:54px;padding:0 15px;background-size:160px;background-position:15px 50%;font-size:2rem; }
    #gnb .dep1_ul>li{font-size:1.6rem;}
	#gnb .dep1_ul>li:nth-child(1){width:100%!important;}
	#gnb .dep1_ul>li:nth-child(2){width:100%!important;}
	#gnb .dep1_ul>li:nth-child(3){width:100%!important; }
	#gnb .dep1_ul>li:nth-child(4){width:100%!important; }
	#gnb .dep1_ul>li:nth-child(5){width:100%!important; }
    #gnb .dep1_ul>li>a:before{right:15px;width:8px;height:14px;background-position:-65px -54px;background-size:81px 78px;}
    #gnb .dep1_ul>li>a:focus:before, #gnb .dep1_ul>li>a.res_on:before{width:14px;height:8px;background-position:-65px -46px;background-size:81px 78px;}
    #gnb .dep1_ul>li a{padding:6px 15px;}
    #gnb .dep2_ul>li{font-size:1.4rem;}
    #gnb .dep2_ul>li>a{padding-left:28px;}
    #gnb .dep2_ul>li a:before, #gnb .dep2_ul>li a:hover:before, #gnb .dep2_ul>li a:focus:before{width:6px;height:2px;left:15px;}
    #gnb .dep3_ul>li>a{padding-left:48px;}
    #gnb .dep3_ul>li a:before, #gnb .dep3_ul>li a:hover:before, #gnb .dep3_ul>li a:focus:before{width:4px;height:4px;left:36px;}
}*/

/*-----------------------------------------------------------------------------------------------------------
모바일
-----------------------------------------------------------------------------------------------------------*/
 
 


/*footer*/
#footer{background:#002d56;/*color:#d3d3d3*/;position: relative;margin: 0 auto;text-align: center}
 
 