@charset "utf-8";
/*
    Layout.css
*/

/* header */
.blind { display: none;  }
header { position: fixed; top: 0; left: 0; z-index:90; width: 100%; /*transition: all 0.5s ease;*/}
header.scroll { background: #fff; }
header.on { background: #fff; }
header.absOn {position: absolute; top: 290px;}
.gnb_nav:hover #gnb { padding-bottom: 0px; }
header.on .gnb_lang { border-bottom: 1px solid #000; }
header.on .gnb_lang > a { color: #000; }
header.on .gnb_lang ul li a { color: #000; }
header .gnb_nav span { color: #000;}
header.on .gnb_nav span, header.scroll .gnb_nav span  { color: #000 !important;}

header.on::before { border-bottom: 1px solid #e5e5e5; opacity: 1; }
header.scroll .gnb_lang { border-bottom: 1px solid #000; }
header.scroll .gnb_lang a { color: #000; }
header::before { content: '';  position: absolute; top: 115px; width: 100%; z-index:21;
border-bottom: 1px rgba(255,255,255,0.4)  solid; opacity: 0.3; }
header.scroll::before { border-bottom: 1px solid #e5e5e5; opacity: 1; }
.header_area { width:100%; margin: 0 auto; color: #fff; z-index:100; background:#fff; }
.header_area h1 { display: inline-block; position: absolute; top: 22px; left:50px; width: 324px; height: 59px;
background: url(/images/com/logo_color.png) no-repeat; text-indent: -9999px; overflow: hidden; z-index: 999999; }
header.on >  .header_area h1{ background: url(/images/com/logo_color.png) no-repeat; }
header.scroll >  .header_area h1{ background: url(/images/com/logo_color.png) no-repeat; }


.header_area h1 a { display: block; height: 46px; }
 .header_area h1 {background-size: auto 100% !important;}


#gnb { position: relative;  text-align: center; height: 123px; width:1280px; margin: 0 auto; z-index:90}
#gnb .gnb_nav { text-align: center; display: inline-block; margin-left:420px; float:left; margin-top:15px }
#gnb .gnb_nav > li { float: left; }
#gnb .gnb_nav::after { display: inline-block; width: 0; height: 0; font-size: 0; content:''; clear: both; }

#gnb .gnb_nav > li > a { position: relative; display: block; color: #fff;
padding: 40px 20px; height: 100px; box-sizing: border-box; font-family: 'NEXON Lv1 Gothic OTF Light';}
#gnb .gnb_nav > li > a::after { content:''; display: block; position: absolute; height: 2px; width: 0; bottom: -1px; left: 50%; background:#fff; transition: all 0.5s ease; margin-left: 0;}
#gnb .gnb_nav > li.active > a::after { content:''; display: block; position: absolute; height: 2px; width:0; bottom: -1px; left: 50%; background:#fff; transition: all 0.5s ease; margin-left: 0;}
#gnb .gnb_nav > li > a:hover::after { margin-left:-50%;width:100%;transition:all 0.5s; background:#4eb1e6; }

#gnb .gnb_nav > li.active > a::after { margin-left:-50%; width:100%; transition:all 0.5s; background:#4eb1e6; }


#gnb .gnb_nav > li > a > span { font-size: 18px; }
.scroll #gnb .gnb_nav > li a { color: #000; }
.scroll #gnb .gnb_nav > li a:hover { color: #4eb1e6; }
#gnb .gnb_nav .dep2 { display: none;}

#gnb .gnb_nav .dep2 > ul { padding: 20px 0; }
#gnb .gnb_nav .dep2 > .li_dep > li > a { position: relative; display: block; line-height: 45px; font-size: 18px; font-weight: 400;}
#gnb .gnb_nav .dep3 { display: none;}
#gnb .gnb_nav .dep3 > li > a { display:block; line-height: 27px; color:#737373; font-size: 15px; }



.scroll .gnb_lang:hover > ul a {color: #000}
.scroll .gnb_lang:hover > a > i { background: url('http://www.widetns.com/resources//images/layout/icon_lang_arrw_down.png') no-repeat;  }

#gnb .gnb_nav a.dep_m2:hover { color: #4eb1e6; }
#gnb .gnb_nav i.dep_more { position: absolute; top: 15px; content:''; display: inline-block; width: 18px; height: 18px; background: url('http://www.widetns.com/resources//images/layout/icon_black_plus.png') no-repeat; vertical-align: sub; margin-left: 10px; cursor: pointer; }
#gnb .gnb_nav i.dep_more.min { background: url('http://www.widetns.com/resources//images/layout/icon_red_min.png') no-repeat; }
#gnb .m_menu { display: none}

.dim_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 10; }
.dim_layer.on { display: block;  }

/*.btn_confirm.center {text-align:center;}*/
.p_area { position: relative;}
.btn_confirm span { padding:0 5px; display:inline-block;}
.btn_confirm { text-align: right; padding: 30px 0; vertical-align: middle;}
.p_area .btn_confirm {position:relative; top:0; right:0; padding:0; text-align: center;}
.btn_submitBig {display:inline-block; line-height:50px; width:170px; font-weight:400 !important; height:50px; color:#fff !important; font-size:18px !important; background:#f93838; border:1px solid #f36711; text-align:center; cursor:pointer; vertical-align:middle}

/* //190709 異붽�遺� */


@media all and (min-width:1200px) and (max-width:1500px) {
#landingArea .controls li { display: none;}
}

@media all and (min-width:991px) and (max-width:1199px) {
#landingArea .controls li { display: none;}
	#landingArea .visual_area .visual dl { position: absolute; width: 100%; box-sizing: border-box; left: 50px;}
	
}

/* 19. 07. 29 沅뚰삙吏� �섏젙 */
/* mobile_gnb  */
.header_area h1 { top: 33px; } /* 19 .08 .12 �꾩튂 �섏젙 */
.Mgnb_lang > ul > li > a { font-size: 13px; font-weight: 800; opacity: 0.6; }
.Mgnb_lang > ul > li:hover a { opacity: 1; }
#gnb .m_menu .m_MNbar02 { margin-left: 11px; }
#gnb .Mgnb_nav > li > a::after { color: #d4cdcd; height: 1px; }

/* 19. 08. 06 沅뚰삙吏� 異붽�遺� */
#gnb .Mgnb_wrap .Mgnb_lang { padding: 20px; box-sizing: border-box; text-align: left; }
.Mgnb_lang > ul > li:nth-child(2) { margin: 0 8px; }
.Mgnb_lang > ul > li > a { font-weight: 800; }
#gnb .Mgnb_nav { padding: 0 20px; padding-top: 0px; }

#gnb .Mgnb_nav .Mli_dep > li > a { line-height: 40px; } /* 19 .08 .09 媛� �섏젙 */

/* 19 08. 19 沅뚰삙吏� �섏젙 */
#gnb .gnb_nav i.dep_more { top: 13px; right: 0; }

/* 19.11.12 �묐쾭�� 異붽� */
.top_btn {position: fixed; right: 60px; bottom: 0; opacity: 0; visibility: hidden; transition: .3s all; z-index: 50; display: none; }
.top_btn a { display: block; width: 60px; height: 60px; background: #d11212 url(http://www.widetns.com/resources//images/layout/arr_up_top.png) center center no-repeat; text-indent: -999em; }
.top_btn.on { opacity: 1; visibility: visible; bottom: 50px; display: block; }





/* **************************************** *
 *t_menu
 * **************************************** */
.t_menu {position:absolute; top:50px; right:0px; overflow:hidden;}


.t_menu  li {float:left; overflow:hidden; margin:5px 0px;}

.t_menu  li  a {line-height:20px; font-size:12px; display:inline-block; color:#000;  padding:0px 10px; border:2px solid #006666; border-radius:10px}



header.scroll .t_menu  li  a,
header.on .t_menu  li  a{color:#444; }