@charset "utf-8";
/*공통*/


body{font-family: 'Nanum Barun Gothic', 맑은 고딕, Arial, Helvetica, sans-serif; font-size:18px; color:#000; line-height:1.5;;}
body, html, p, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li{padding:0; margin:0;}
ul, li{list-style:none;}
a{text-decoration:none; color:#333;}
a, img, input, select{vertical-align:middle;}
.center_wrap{width:100%;max-width:1300px; margin:0 auto;}
a, img{border:none;}
table{width:100%; border-collapse:collapse;}
table th{font-weight:normal;}
table th, td{vertical-align:top;}
/************************
head
*************************/
#head{height:80px;left: 0px; top: 0px; width: 100%; position: relative; z-index: 25; border-bottom:1px solid #707070;}
/* #head .logo{float:left; width:160px;line-height:80px;background:#549b84;text-align:center;} */
#head .logo{float:left; width:160px;line-height:75px;background:#ffff;text-align:center;}

/****************************
footer
****************************/
#footer{overflow:hidden;;background:#5DBBBB;clear:both}   /* #549b84 */
#footer .center_wrap{position:relative;}
#footer .txt_area{padding-top:30px;height:260px;width:100%;}
#footer .txt_area .link{overflow:hidden; margin-bottom:20px;float:left}
#footer .txt_area .link>li{float:left;margin-right:90px;line-height:15px}
#footer .txt_area .link>li a{color:#fff; font-size:15px; }
#footer .txt_area .link>li>ul { margin-top:15px}
#footer .txt_area .link>li>ul>li a{color:#FFF; font-size:15px; line-height:30px}
#footer .txt_area .link_s {float:right;}
#footer .txt_area .link_s .link_m { float:right}
#footer .txt_area .link_s   li {float:left ;height:14px;line-height:15px}
#footer .txt_area .link_s   li { ;padding-right:20px;margin-right:20px;border-right:1px solid #616161;} 
#footer .txt_area .link_s   li.no_line { ;padding-right:0px;margin-right:0px;border-right:0!important;} 
#footer .txt_area .link_s   li a{color:#fff; font-size:15px}
#footer  .address{clear:both;display:block;color:#FFF; font-size:15px;margin-top:185px;text-align:right;}
#footer  .copy{color:#FFF; font-size:14px;height:45px;line-height:45px;margin-top:15px;}

#footer .family{clear:both;display:block;width:180px; margin-top:10px; font-size:14px; color:#9c9c9c; position:relative; z-index:999;x}
#footer .family .select{border:1px solid #818181; border-radius:3px; display:block; padding:5px 0 5px 9px; width:100%; text-align:left;color:#9c9c9c;box-sizing:border-box}
#footer .family .select img{padding-left:70px;}
#footer .family .select.active{border-radius:0;}
#footer .family .link01{position:absolute; z-index:999; border:1px solid #818181; border-width:0 1px; width:100%; display:none;box-sizing:border-box}
#footer .family .link01 li{border-bottom:1px solid #818181;}
#footer .family .link01 li a{display:block; padding:5px 9px; text-align:left;background:#3a3a3a;color:#9c9c9c;  ;}



/* Gnb */
.Gnb{width:100%;left:0;top:0;overflow:hidden; ;}
.Gnb:after{content:'';display:block;clear:both}
.Gnb p.CloseBtn{display:none}
.Gnb .gnb-menu{font-size:0;white-space:nowrap}
.Gnb .gnb-menu:after{content:'';display:block;clear:both}
.Gnb .SubMenu{text-align:center}
.Gnb .gnb-menu>li{position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.Gnb .gnb-menu>li:first-child{background:none;}
.Gnb .gnb-menu>li.menu4{}
/*.Gnb .gnb-menu>li.menu6{padding:0 2px;}*/
.Gnb .gnb-menu>li>a{display:block;height:70px;}
.Gnb .gnb-menu>li>a.newWin i{font-weight:normal}
.Gnb .gnb-menu>li.on>a,
.Gnb .gnb-menu>li>a:hover,
.Gnb .gnb-menu>li>a:focus{color:#fff}
.Gnb .gnb-menu>li>a img.OpenImg{margin:2px 0 0 5px}
.Gnb .gnb-menu>li>.SubMenu{width:100%;left:0;position:absolute;white-space:normal;;border-bottom:none;padding:0 20px}
.Gnb .gnb-menu>li:first-child>.SubMenu{border-left:none}
.Gnb .gnb-menu>li>.sm1 {left:-100px;}
.Gnb .gnb-menu>li>.sm2 {left:50px;}
.Gnb .gnb-menu>li>.sm3 {left:290px;width:300px}
.Gnb .gnb-menu>li>.sm4 {left:190px;width:600px;text-align:right}


.Gnb .gnb-menu>li>.SubMenu>li{position:relative;z-index:6;display:block;text-align:center;clear:both;width:100%}
.Gnb .gnb-menu>li>.SubMenu>li>a{display:block;height:100%;margin:0;padding:0;border:none;background:none;font-size:14px;color:#fff;font-weight:normal}
.Gnb .gnb-menu>li>.SubMenu>li.on>a,
.Gnb .gnb-menu>li>.SubMenu>li>a:hover,
.Gnb .gnb-menu>li>.SubMenu>li>a:focus{text-decoration:none;}
.Gnb .gnb-menu>li>.SubMenu>li>ul{display:none}
.Gnb .mask_bg,
.Gnb .gnb-menu>li>.SubMenu{height:50px;line-height:49px}



.Gnb{width:895px; float:left; height:80px;overflow:inherit;position:relative; margin-left:20px;}
.Gnb .gnb-menu{position:relative;padding:0;margin:0;display:table;width:100%}
.Gnb .gnb-menu>li{text-align:center;position:static;height:70px;display:table-cell;vertical-align:top}
.Gnb .gnb-menu>li:first-child{background:none;}
.Gnb .gnb-menu>li:last-child {padding-right:0}
.Gnb .gnb-menu>li>a{padding:0px;font-size:16px;color:#707070;line-height:82px;padding-right:10px;}
.Gnb .gnb-menu>li>ul{display:none;;background:none;text-align:left;border:0;width:auto;padding-right:1%}
.Gnb .gnb-menu>li>ul{right:0}
.Gnb .gnb-menu>li>ul>li{white-space:nowrap}
.Gnb .gnb-menu>li.active>ul{display:block}
.Gnb .gnb-menu>li>.SubMenu>li{width:auto;}
.Gnb .gnb-menu>li>.SubMenu>li:last-child{background:none}
.Gnb .gnb-menu>li>.SubMenu>li,
.Gnb .gnb-menu>li>.SubMenu>li>a{color:#fff;display:inline-block;zoom:1;*display:inline;padding:0px 10px;}
.Gnb .gnb-menu>li>.SubMenu>li>a{font-size:15px}
.Gnb .gnb-menu>li>.SubMenu>li>a:hover,
.Gnb .gnb-menu>li>.SubMenu>li>a:focus{background:none;color:#000}
.Gnb .gnb-menu>li.active>a,
.Gnb .gnb-menu>li>a:hover,
/* .Gnb .gnb-menu>li>a:focus{background:#a7a7a7;}				 -> 원본 */
.Gnb .gnb-menu>li:focus{color:#5DBBBB;text-shadow:1px 1px 8px #4d8472;}   /* #4d8472 */
.Gnb .mask_bg{width:100%;background:#f5f5f5;display:block;position:fixed;left:0;top:84px}
.Gnb .mask_bg,
.Gnb .gnb-menu>li>ul{background:;height:50px}
/* .Gnb .gnb-menu>li:first-child>a{padding-right: 23px; padding-left: 25px;} */

.sec-lnb,.lnb-wrap { display:none}




.smenu { float:right;font-size:10px;color:#acacac;margin-top:20px;}
.smenu a {font-size:14px;color:#acacac;display:inline-block;margin:0 2px}
.smenu .on{width:36px;height:36px;border-radius:36px;line-height:36px;background:#5DBBBB;text-align:center;color:#fff;}
.smenu .off{width:36px;height:36px;border-radius:36px;line-height:36px;background:#a7a7a7;text-align:center;color:#fff;}


@media screen and (max-width:1201px){
.center_wrap { width:85%;}

#sub_wrap.center_wrap { width:92%;margin:0 4% 0}
#head .logo img { width:auto;height:35px;margin-top:0px}
/* .Gnb,.smenu,#head .lang{ display:none} */
.Gnb, #head .lang{ display:none}
.smenu{position: absolute;top: 0px;right:16%; margin-right:unset}

#head  { height:80px;text-align:left;z-index:99999999;border-bottom:1px solid #e0e0e0}
#head .logo{float:none; width:20%;height:80px;text-align:center;box-sizing:border-box}

/* 왼쪽 전체 메뉴 */
.sec-btn-close{position:fixed;right:0;top:0;z-index:9999999999999;width:25%;max-width:70px;height:50px;background:#000;text-align:center;padding-top:20px}
.sec-btn-close img{height:40%;}
.lnb-wrap{position:fixed;left:0;top:70px;bottom:0;right:0;z-index:99999999;background:url('../img/bg_root.png') left top ;width:100%;;display:none;overflow-y:auto }
.lnb-wrap.on{display:block;}

.lnb-wrap .sec-cont{background:#000;height:100%;;box-sizing:border-box;width:100%;;}
.lnb-wrap .sec-hd img{height:56px;margin-top:5px;}
.lnb-list{overflow:hidden;padding:0;border-top:1px solid #333}
.lnb-list > li > a{display:block;padding:1.2em 0.73em;padding-left:1.5em;font-size:18px;letter-spacing:-1px;font-weight:400;background:#fff url('../img/common/menu_bt_off.png')  95% center no-repeat;background-size:;color:#000;border-bottom:1px solid #333;;}
.lnb-list > li > ul{;padding:0;display:none;background:#000;border-bottom:1px solid #333;}
.lnb-list > li > ul > li > a{display:block;padding: 5% 5%;font-size:18px;color:#000;font-weight:400;padding-left:12%;background:#e3e3e3 url('../img/common/menu_jum01.png') 8% center  no-repeat;border-bottom:1px solid #333;}
.lnb-list > li > ul > li.on > a{display:block;padding: 5% 5%;font-size:18px;color:#fff;font-weight:400;padding-left:12%;background:#fefefe url('../img/common/menu_jum01.png') 8% center  no-repeat;border-bottom:1px solid #333;}
.lnb-list > li.on > a{background:#fff url('../img/common/menu_bt_on.png') 95% center no-repeat;color:#000;}
.lnb-list > li.on > ul{display:block}

.lnb-list   ul.deth3{;padding:0;display:none;background:#fff;border-bottom:1px solid #d1d6dd;}
.lnb-list    ul.deth3 li a{display:block;padding: 5% 5%;font-size:18px;color:#000;font-weight:400;padding-left:12%;background:#deth3 url('../img/common/menu_jum.png') 5% center  no-repeat;border-bottom:1px solid #333;}
.lnb-list   ul.deth3 li.on > a{background:#0057a7 url('../img/common/menu_bt_on.png') 95% center no-repeat;color:#FFF;}
.lnb-list > li.on > ul > li.on > .deth3{display:block}


.lnb-list > li > ul > li > ul > li > a{display:block;padding:2%;font-size:18px;padding-left:2%;}

.lnb-list li.lang a{display:inline-block }

.lnb-tel{}
.lnb-tel img{width:100%;}

.a_menu_01 {display:none }

.sec-lnb { display:block;position:absolute;top:25px;right:4%;text-align:left}

.sub_lnb { display:block;position:absolute;top:0;left:0;margin-top:0px;}

.a_menu_01 > ul > li > a{background:#63adf4 ;background-size:;color:#fff;border-bottom:1px solid #4ea1f0;font-weight:bold;width:100%;box-sizing:border-box;}

/* 왼쪽 전체 메뉴 */



/****************************
footer
****************************/
#footer{overflow:hidden;;background:#549b84;}
#footer .center_wrap{position:relative;}
#footer .txt_area{padding-top:30px;height:auto;width:100%;background:none;margin-left:4%}
#footer .txt_area .link{overflow:hidden; margin-bottom:20px;float:none}
#footer .txt_area .link>li{float:none;margin-right:0px;line-height:14px;margin-bottom:20px}
#footer .txt_area .link>li a{color:#fff; font-size:14px; }
#footer .txt_area .link>li>ul { margin-top:15px}
#footer .txt_area .link>li>ul>li a{color:#FFF; font-size:14px; line-height:30px}
#footer .txt_area .link_s {float:left;}
#footer .txt_area .link_s .link_m {float:left;}
#footer .txt_area .link_s   li  {float:left ;height:14px;line-height:14px;width:100%;margin-bottom:8px}
#footer .txt_area .link_s > li:first-child { ;padding-right:20px;margin-right:20px;border-right:1px solid #616161;} 
#footer .txt_area .link_s > li a{color:#fff; font-size:14px}
#footer  .address{clear:both;display:block;color:#FFF; font-size:14px;margin:30px 5% 30px 0;text-align:left;padding-top:30px}
#footer  .copy{clear:both;color:#FFF; font-size:14px;height:45px;line-height:45px;padding-left:4%;}

#footer .family{clear:both;display:block;width:180px; margin-top:10px; font-size:14px; color:#9c9c9c; position:relative; z-index:999;x}
#footer .family .select{border:1px solid #818181; border-radius:3px; display:block; padding:5px 0 5px 9px; width:100%; text-align:left;color:#9c9c9c;box-sizing:border-box}
#footer .family .select img{padding-left:70px;}
#footer .family .select.active{border-radius:0;}
#footer .family .link01{position:absolute; z-index:999; border:1px solid #818181; border-width:0 1px; width:100%; display:none;box-sizing:border-box}
#footer .family .link01 li{border-bottom:1px solid #818181;}
#footer .family .link01 li a{display:block; padding:5px 9px; text-align:left;background:#3a3a3a;color:#9c9c9c;  ;}

}


@media screen and (max-width:900px){
	
#head .logo{width:25%;}

}


@media screen and (max-width:776px){
	
#head .logo{width:27%;}

}


@media screen and (max-width:430px){
	
#head .logo{width:41%;}

}


@media screen and (max-width:400px){
	
#head .logo{width:43%;}

}


@media screen and (max-width:350px){
	
.center_wrap { width:100%;}	
#head .logo{width:43%;}

}