@charset "utf-8";
* {margin:0;padding:0;} 
/* 글자 속성 */
a{color:#555;text-decoration:none;}
a:active {}
a:focus {}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}


@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 


html,body {width:100%;height:100%; font-family: 'Roboto','Noto Sans KR','Malgun Gothic','NanumSquare';}



.eng{ font-family: 'Roboto' !important;}
.kor{ font-family: 'Noto Sans KR' !important;}


 .total_header {
    width:100%;
}
 .in_header {
    width:1400px;
    margin:0 auto;
}


/* /////////////////////////////// 상단 ///////////////////////////////////*/

#header{width:100%; position:relative; margin:0 auto; }


/* 스크롤했을때 */
#sub #header-wrap.fix {position:fixed; left:50%; top:0; width:2000px; margin-left:-1000px;  height:80px;max-width:2000px;}
#sub #header-wrap.fix #header{width:1400px; position:relative; margin:0 auto; }
#sub #header-wrap.fix #gnb-wrap, #sub #header-wrap.fix .other-menu{display:none;}
#sub #header-wrap.fix:after{top:0;height:80px; position:absolute; }



#sub #header-wrap.fix #mainNavi-wrap{position:fixed; left:50%; top:0;height:80px;width:1400px; margin-left:-820px;}
#sub #header-wrap.fix #mainNavi-wrap:after{display:none;}
#sub #header-wrap.fix #mainNavi-wrap .ovbar{top:74px}
#sub #header-wrap.fix #mainNavi-wrap .ovbar:after{ border-bottom:6px solid #fff;}

#sub #header-wrap.fix .topmenu{padding-top:7px; height:73px;}
#sub #header-wrap.fix .topmenu:before{display:none;}
#sub #header-wrap.fix .topmenu .depth2-wrap {top:80px;}
#sub #header-wrap.fix .topmenu li.mn_l1.over .mn_s1{background:#E3E3E3; color:#323232;}
#sub #header-wrap.fix .topmenu li.mn_l1.is-open .mn_s1{background:#E3E3E3; color:#323232;}
#sub #header-wrap.fix .topmenu .mn_s1 {color:#323232;font-weight:400;letter-spacing:-0.035em;}
#sub #header-wrap.fix .topmenu {text-align:right;}

#sub #header-wrap.fix .topmenu .mn_a1{ padding:20px 6px 10px 6px}
#sub #header-wrap.fix .topmenu .depth2 {padding-left:0px;}

#sub #header-wrap.fix .mn-bar{background:#fff; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:80px; display:none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)  ; }


#sub #header-wrap.fix .topmenu #tm01 .depth2 {width:100%; margin-left:200px;}
#sub #header-wrap.fix .topmenu #tm02 .depth2 {width:100%; margin-left:200px; text-align:left;}
#sub #header-wrap.fix .topmenu #tm03 .depth2 {width:100%; margin-left:200px;}
#sub #header-wrap.fix .topmenu #tm04 .depth2 {width:100%; margin-left:155px;}
#sub #header-wrap.fix .topmenu #tm05 .depth2 {width:100%; text-align:left; margin-left:405px;}
#sub #header-wrap.fix .topmenu #tm06 .depth2 {width:100%; margin-left:455px;}
#sub #header-wrap.fix .topmenu #tm07 .depth2 {width:100%;text-align:left;margin-left:1056px;}


#sub #header-wrap .topmenu #tm01 .depth2 {width:100%; margin-left:95px;}
#sub #header-wrap .topmenu #tm02 .depth2 {width:100%; margin-left:95px; text-align:left;}
#sub #header-wrap .topmenu #tm03 .depth2 {width:100%; margin-left:95px;}
#sub #header-wrap .topmenu #tm04 .depth2 {width:100%; margin-left:95px;}
#sub #header-wrap .topmenu #tm05 .depth2 {width:100%; text-align:left; margin-left:400px;}

#sub #header-wrap .topmenu #tm06 .depth2 {width:100%; margin-left:350px;}
/* #sub #header-wrap .topmenu #tm07 .depth2 {width:100%;text-align:left;margin-left:946px;} */
#sub #header-wrap .topmenu #tm07 .depth2 {width:100%;text-align:left;margin-left:1100px;}







/* 서브일때 */
#sub #header-wrap{left:50%; top:0; width:2000px; margin-left:-1000px; height:80px; max-width:2000px; position:relative;z-index:2;}  /*메뉴높이*/
#sub #header-wrap #header{width:1400px; position:relative; margin:0 auto; }
#sub #header-wrap:after{background:#FAFAFA; position:absolute; left:50%; width:2000px; margin-left:-1000px;display:block; content:"";}


#sub #mainNavi-wrap {top:70px; height:80px;}
#sub #mainNavi-wrap .ovbar{top:74px}
#sub #mainNavi-wrap .ovbar:after{ border-bottom:6px solid #fff;}
#sub #mainNavi-wrap:after{display:none;}

#sub .mn-bar{background:#fff; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:80px; display:none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)  ; }
#sub .topmenu{padding-top:7px; height:73px;}
#sub .topmenu li.mn_l1.over .mn_s1{background:#E3E3E3; color:#323232;}
#sub .topmenu li.mn_l1.is-open .mn_s1{background:#E3E3E3; color:#323232;}
#sub .topmenu .mn_s1 {color:#323232;font-weight:400;letter-spacing:-0.035em;}

/*#sub .topmenu .mn_a1{ padding:20px 6px 10px 6px}
#sub .topmenu .depth2 {padding-left:0px;}
#sub .topmenu:before {display:none;}
#sub .topmenu .depth2-wrap {top:80px;background:none;}*/


#sub .topmenu .mn_a1{ padding:20px 6px 10px 6px}
#sub .topmenu .depth2 {padding-left:0px;}
#sub .topmenu:before {display:none;top:50px;}



/* 메뉴부분 */
#mainNavi-wrap {overflow:hidden;position:;left:0;width:100%;display:block;z-index:6001;z-index:99; }


.topmenu {display:block;position:relative;text-align:center; padding-top:18px; height:83px;z-index:1001;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.topmenu:before {position:absolute; left:0; top:0; width:100%; height:100px; background:#fff; display:block; content:""; z-index:-1;}

.topmenu .tgl-btn {display:none;}
.topmenu a, .topmenu span {white-space:nowrap;color:#666;}
.topmenu .mn_a1 {height:23px;line-height:1.35em;display:block; text-align:center;padding:20px 10px 10px 10px;position:relative;overflow:hidden}
.topmenu .mn_l1 {display:inline-block;}
.topmenu .mn_s1 {color:#222;font-size:17px; border-radius:3px; padding:5px 7px;font-weight:500;letter-spacing:-0.03em;cursor:pointer;text-align:center;white-space:nowrap;text-transform:uppercase;display:block;text-overflow:ellipsis;letter-spacing:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.topmenu li.mn_l1:first-child:after{display:none}
.topmenu li.mn_l1.over .mn_s1{background:#FAFAFA; color:#fff;}
.topmenu li.mn_l1.is-open .mn_s1{background:#18361e; color:#fff;}

.topmenu .depth2-wrap {position:absolute;top:80px;line-height:120%;visibility:hidden;padding:0;width:100%; left:0; background:#fff;text-align:left;}
.topmenu .depth2 {position:relative;height:auto;padding:25px 15px 15px 15px;overflow:hidden; min-height:25px; width:350px; z-index:5;display:inline-block; vertical-align:top;}
/* 서브메뉴 높이조절.topmenu .depth2 {position:relative;height:auto;padding:25px 15px 30px 15px;overflow:hidden; min-height:180px; width:350px; z-index:5;display:inline-block; vertical-align:top}*/
.topmenu .depth2 li {white-space:nowrap;letter-spacing:-1px;line-height:1.3em;width:auto;}




#mainNavi-wrap .ovbar { display:none !important;position:absolute;height:14px;top:94px;display:block;overflow:hidden; height:12px; /* display:block; */z-index:9999}
#mainNavi-wrap .ovbar:after {position:absolute;content:"";display:block;z-index:200; left:50%; margin-left:-4px;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:6px solid #00907f;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.mn-bar{/* background:#f4f4f4; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:680px; */ ; display:none;}

.txt22 {color:#323232;font-size:16px;font-weight:400; padding-left:25px;}