@charset "utf-8";

body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;}

#header_wrap, #container_wrap, #footer_wrap {min-width:980px;position:relative;/*overflow:hidden;*/}
#header {height:60px;width:980px;left:50%;margin-left:-490px;position:relative;z-index:99999;background-color:#fff;}
#container {width:980px;left:50%;margin-left:-490px;position:relative;}
#footer_wrap {width:100%;border-top:1px solid #e1e1e1;}
#footer {height:98px;width:980px;left:50%;margin-left:-490px;position:relative;background-color:#fff;}

#header .logo {position:absolute;left:0;bottom:14px;}

/* utilmenu */
.utilmenu_wrap {position:relative;width:100%;height:30px;min-width:980px;background-color:#014099;}
.utilmenu_box {width:980px;height:30px;left:50%;margin-left:-490px;position:relative;}
.utilmenu {float:right;}
.utilmenu li {float:left;padding:0 10px;height:30px;line-height:30px;background:url('/images/common/sep_util.png') 0 9px no-repeat;}
.utilmenu li:first-child {padding-left:0;background:none;}
.utilmenu li:last-child {padding-right:0;}
.utilmenu li a {font-size:1em;font-weight:300;color:#fff;}

/* gnb */
#gnb {position:absolute;bottom:5px;right:15px;width:650px; margin-right:40px; height:40px;z-index:9999;}
#gnb a {display:block;vertical-align:top;text-align:center;font-size:16px;}

#gnb>li {float:left;position:relative;padding:0 15px;}
#gnb>li:first-child {background:none;}
#gnb>li:last-child {padding-right:0;}
#gnb>li>a {width:100px;height:40px;line-height:40px;padding-bottom:5px;color:#616161;font-weight:600;}
#gnb>li:hover>a, #gnb>li.on>a {color:#014099;font-weight:600;}

#gnb ul {position:absolute;top:40px;width:300px;display:none;}
#gnb ul.gnb1_sub {left:-10px;}
#gnb ul.gnb2_sub {left:-10px;}
#gnb ul.gnb3_sub {left:-10px;}
#gnb ul.gnb4_sub {left:-10px;}
#gnb ul.gnb5_sub {left:-10px;}
#gnb ul.gnb6_sub {left:-10px;}

#gnb ul li {margin-right:10px;}
#gnb ul a {width:100px;height:30px;color:#000;}
#gnb ul.gnb1_sub .sub1 {width:50px;}
#gnb ul.gnb1_sub .sub2 {width:50px;}
#gnb ul.gnb1_sub .sub3 {width:50px;}
#gnb ul.gnb1_sub .sub4 {width:50px;}
#gnb ul.gnb1_sub .sub5 {width:50px;}
#gnb ul.gnb1_sub .sub6 {width:50px;}

#gnb ul a:hover {color:#f00;}


.gnb_video_btn {position:absolute; top:13px; right:0px;}
.gnb_video_txt {position:absolute; top:58px; right:-64px; z-index:100;}


/* hidemenu */
#bg_gnb{position:absolute;top:90px;width:100%;height:260px;background-color:rgba(251,251,251,0.9);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6fbfbfb, endColorStr=#e6fbfbfb)";display:none;z-index:999;}
#hidemenu{width:100%;position:absolute;top:60px;min-width:980px;z-index:99;}
#hideDetail{width:980px;left:50%;margin-left:-530px;position:relative;z-index:99;}
#hideDetail ul {z-index:99;}
#hideDetail ul li{float:left;height:260px;border-right:1px solid #ececec;cursor:pointer;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;z-index:99;}
#hideDetail ul li:last-child{border-right:0;}	
#hideDetail ul li.gnb_sub_01{width:120px;background:none;margin-left:320px;z-index:99;}
#hideDetail ul li.gnb_sub_02{width:135px;z-index:99;}
#hideDetail ul li.gnb_sub_03{width:125px;z-index:99;}
#hideDetail ul li.gnb_sub_04{width:130px;z-index:99;}
#hideDetail ul li.gnb_sub_05{width:135px;z-index:99;}
#hideDetail ul li p{padding:7px 0;text-align:center;z-index:99;}
#hideDetail ul li p:first-child{margin-top:7px;}
#hideDetail ul li p a{color:#242323;font-weight:500;letter-spacing:-1px;z-index:99;transition:0.3s;}
#hideDetail ul li p a:hover{color:#fff;font-weight:500;text-decoration:underline;transition:0.3s;}
#hideDetail ul li:hover {background-color:rgba(1,64,153,0.9);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6014099, endColorStr=#e6014099)";}
#hideDetail ul li:hover > p a {color:#fff;}

/* footer */
#footer .logo_foot, #footer .addr {float:left;}
#footer .logo_foot {padding-top:33px;}
#footer .addr {padding:18px 0 0 30px;}
#footer .addr .sep_foot {margin:0 5px;}
#footer .copy {/*font-family:Tahoma, Helvetica, Roboto, 'Apple SD Gothic Neo', Arial, 'Century Gothic', CenturyGothic, Geneva, AppleGothic, sans-serif;*/}

/* topbanner */
#popup_wrap {overflow:hidden;min-width:980px;}
#popup{position:relative;width:1920px;left:50%;margin-left:-960px;height:109px;transition:0.3s;-webkit-transition:0.3s;}
#popup .close{position:absolute;top:70px;right:450px;width:175px;height:20px;}

/* quick */
.quick_wrap {position:absolute;top:60px;right:330px;z-index:999;}
.quick_icon {position:absolute;top:-22px;left:36px;z-index:9999;}
.quick {position:relative;width:98px;height:129px;border:1px solid #d7d7d7;}
.quick_top {width:100%;height:4px;background-color:#0ce0d9;}
.quick_middle {width:100%;height:50px;line-height:50px;text-align:center;background-color:#fff;color:#0ce0d9;font-size:22px;font-weight:600;}
.quick_bottom {width:100%;height:75px;text-align:center;background-color:#fff;}
.quick_bottom ul li {height:37.5px;line-height:37.5px;font-size:12px;font-weight:500;}
.quick_bottom ul li a {display:block;width:100%;height:100%;color:#b0b0b0;transition:0.3s;}
.quick_bottom ul li a:hover {color:#0ce0d9;transition:0.3s;}
.video_txt {position: absolute;right: -82px;top: 12px;font-weight: 500;letter-spacing: -1px;font-size: 14px;}