/* common */
body {width:100%; margin:0 auto;}
ul,li {list-style: none;padding: 0;margin: 0;}
h1, .h1 {font-size: 100%;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin:0;}
.no-mar {margin-left: 0;margin-right: 0;}
.no-pad {padding: 0;}
.posi-relative {position: relative;}
.posi-absolute {position: absolute;}
.max-height {height: 100%;}
.margincenter {margin: 0 auto;}
.vc {display: table;width: 100%;height :100%;}
.vc .vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;text-align: center;}
strong {font-weight:500;}
a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.img-center img {margin:0 auto;} 
.custom_row {margin-left: -8px;margin-right: -8px;}
.custom_row:before {content: " ";display: table;}
.custom_row:after {content: " ";display: table;clear:both;}
.custom-md-6,.custom-md-9,.custom-md-11,.custom-md-12 {float: left;position: relative;min-height: 1px;padding-left: 8px;padding-right: 8px;}
.custom-md-6 {width: 25%;}
.custom-md-9 {width: 37.5%;}
.custom-md-11 {width: 45.8333333333%;}
.custom-md-12 {width: 50%;}

.wrap {padding-top:100px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.main-menu {position:relative;}
.main-menu:before {display:table;content:"";}
.main-menu:after {display:table;content:"";clear:both;}
.header {position:fixed;top:0;left:0;width:100%;height:100px;z-index:500;background-color:#fff;background: url('/img/main/top_bg.gif') repeat-x 0 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header .container {position:relative;height:100%;}

.scrolled .wrap {padding-top:60px;}
.header.scrolled {height: 60px;border-bottom: 1px solid #dcdcdc;}
.header.scrolled .gnb_wrap .gnb .dropdown .dropdowna {font-size: 16px;}
.header.scrolled .gnb_wrap .gnb .dropdown:after {top: 25px;}
.header.scrolled .header_back {top: 60px;}
.header.scrolled .gnb_wrap .gnb .dropdown .sub-onemenu-wrap {top: 60px;}

.header .logo_wrap {text-align:center;position:relative;height:100%;display:table;width: 100%;}
.header .logo_wrap:before {display:table;content:"";}
.header .logo_wrap:after {display:table;content:"";clear:both;}
.header h1 {display:table-cell;width: 18.334%;text-align: left;vertical-align: middle;}
.header h1 a {display: inline-block;}
.header h1 img {width: 190px;}

.header_back {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display: none;height:241px;border-bottom:1px solid #e4e4e4;background-color: #fff;position: fixed;top: 100px;left: 0;width: 100%;z-index: 500;}

.header .gnb_wrap {text-align:center;display:table-cell;width: 81.666%;height:100%;}
.header .gnb_wrap .gnb {height:100%;}
.header .gnb_wrap .gnb:before {display:block;content:"";}
.header .gnb_wrap .gnb:after {display:block;content:"";clear:both;}
.header .gnb_wrap .gnb .dropdown {float:left;display: table;padding:0;width:20%;height:100%;}
.header .gnb_wrap .gnb .dropdown.dropdown-5:after {display: none;}
.header .gnb_wrap .gnb .dropdown.dropdown-7 {display: none;}
.header .gnb_wrap .gnb .dropdown:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: absolute;top: 45px;right: 0;content: "";width: 1px;height: 10px;background-color: #e4e4e4;}
.header .gnb_wrap .gnb .dropdown .dropdowna {display: table-cell;vertical-align: middle;position:relative;height:100%;font-size:18px; color:#333333; text-decoration:none; font-weight:600;bottom:-1px;}

.header .gnb_wrap .gnb .dropdown.active .sub-onemenu-wrap {background-color: #f5f6f6;}
.header .gnb_wrap .gnb .dropdown.dropdown-1 .sub-onemenu-wrap {border-left:1px solid #e4e4e4;}
.header .gnb_wrap .gnb .dropdown .sub-onemenu-wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display: none;height:240px;z-index: 501;left:0;position:absolute;width: 100%;top:100px;border-right:1px solid #e4e4e4;}
.header .gnb_wrap .gnb .dropdown.active .sub-onemenu {display:block;}
.gnb .sub-onemenu {padding:25px 0 0 0;}
.gnb .sub-onemenu li.sub-dropdown {position: relative;}
.gnb .sub-onemenu li.sub-dropdown.sub-subdropdown > a {position: relative;}
.gnb .sub-onemenu > li > a {text-decoration:none;font-size:15px;color:#888888;font-weight:400;padding:5px 20px;display:block;position:relative;text-align: left;}
.gnb .sub-onemenu > li:last-child > a {border-bottom:none;}
.gnb .sub-onemenu > li.active > a,
.gnb .sub-onemenu > li > a:hover {color: #26abe9;font-weight: 500;}

.gnb .sub-twomenu {display: none;width:135%;background-color:#111;position:absolute;left:100%;top:0;border-bottom:none;}
.gnb .sub-twomenu li a {text-decoration:none;text-align:left;font-size:14px;border-bottom:1px solid #555555;color:#ffffff;font-weight:200;padding:12px 20px;letter-spacing:-1px;display:block;}
.gnb .sub-twomenu li:last-child a {border-bottom:none;}
.gnb .sub-twomenu li a:hover {background-color:#e30413;}
.gnb .sub-onemenu .sub-dropdown.active .sub-twomenu {display:block;}

.header .gnb_wrap .gnb .dropdown.dropdown-1 .sub-twomenu {width:135%;}
.header .gnb_wrap .gnb .dropdown.dropdown-2 .sub-twomenu {width:90%;}
.header .gnb_wrap .gnb .dropdown.dropdown-3 .sub-twomenu {width:120%;}

.sub_menu_back {display:none;height:165px;position:fixed;top:98px;width:100%;background-color:#FFF;left:0;z-index:400;border-bottom:1px solid #d7d8dd;}

.hamburger {display:none;cursor: pointer;padding: 0;margin: 0;line-height: 0;position:absolute;z-index:100;top:25px; right:15px;font-size: 13px;text-transform: uppercase;color: #fff;font-weight: 300;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none;}
.hamburger:focus,
.hamburger:visited {font-size: 13px;text-transform: uppercase;color: #fff;display: block;font-weight: 300;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none;}
.hamburger-box {width: 35px;height: 27px;display: inline-block;position: relative;}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {border-radius: 0;height: 3px;background-color: #000; }
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: .15s;transition-delay: .15s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {width: 35px;height: 3px;background-color: #000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: .15s;transition-timing-function: ease;}
.hamburger-inner {display: block;top: 50%;margin-top: -1.5px;}
.hamburger-inner::after, .hamburger-inner::before {content: "";display: block;}
.hamburger-inner::before {top: -12px;}
.hamburger--collapse .hamburger-inner::before {transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);}
.hamburger--collapse .hamburger-inner::after {top: -24px;transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;}
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0,-8px,0) rotate(-45deg);transition-delay: .32s;transition-timing-function: cubic-bezier(.215,.61,.355,1)}
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}
.mgnb_wrap {position: absolute;width: 100%;top: 79px;left: 0;z-index: 99;box-shadow: 0px 10px 10px rgba(0,0,0,0.3);display:none;overflow: hidden;visibility:hidden;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;}
.mgnb {background: #fff;border-top:1px solid #dcdcdc;}
.mgnb > li {width: 100%;border-bottom: 1px solid #dcdcdc;overflow:hidden;height:58px;}
.mgnb > li > a {font-size: 20px;color: #000;padding: 15px 30px;display: block;font-weight: 500;position:relative;}
.mgnb > li > a:hover,.mgnb > li > a:focus {text-decoration:none;}
.mgnb .sub-onemenu {background: #fbfbfb;}
.mgnb .sub-onemenu li {color: #979797;font-size: 20px;border-top: 1px solid #dcdcdc;}
.header .mgnb .sub-onemenu li a {display: block;padding: 12px 30px;color:#000;text-align:left;border-bottom:none;}
.mgnb > li > a span.ma {display: block;background-image: url('/skin/img/main/tmenu_arrow.png');background-repeat: no-repeat;content:"";width:26px;height:14px;background-position:0 0;position:absolute;right:30px;top:26px;}
.mgnb > li.nsm > a span.ma {display:none;}

.footer {border-top:1px solid #64686a;padding: 34px 0 26px 0;background-color: #494d50;}
.footer .logo {float:left;margin-right:124px;padding-top: 15px;}
.footer .logo img {width: 176px;}
.footer .copyright {float:left;}
.footer .copyright p {font-size: 15px;color: #cccccc;margin-bottom: 2px;}
.footer .copyright p.copy {font-size: 14px;color: #888888;}
.footer .sns {float:right;}

.sitemap {background-color: #494d50;margin-top: 100px;padding: 45px 0;}
.sm-one {overflow:hidden;}
.sm-one .one-li {width: 16.66666666666667%;float:left;}
.sm-one .one-li .one-a {font-size: 18px;color: #fff;margin-bottom: 20px;display: block;}
.sm-two li {margin: 8px 0;}
.sm-two li a {font-size: 15px;color: #999999;}

.sns {overflow:hidden;}
.sns li {float:left;margin-right: 8px;}
.sns li a {width: 35px;height: 35px;font-size: 0;display: block;}
.sns li.s1 a {background-image: url('/img/main/ico_facebook.png');}
.sns li.s2 a {background-image: url('/img/main/ico_insta.png');}
.sns li.s3 a {background-image: url('/img/main/ico_twitter.png');}
.sns li a {-webkit-background-size: 35px auto;background-size: 35px auto;background-repeat:no-repeat;background-position: 0 0;}
.sns li.s3 {margin-right: 0;}

.tmenu_wrap {position:absolute;right:4px;top:30px;display:none;}
.tmenu_wrap .tmenu {display:block;position:relative;width:28px;height:100%;}
.tmenu_wrap .tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-14px;top:50%;margin-top:-1px;width:28px;height:3px;background-color:#444444;}
.tmenu_wrap .tmenu span:before {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:-9px;background-color:#444444;content:"";display:block;}
.tmenu_wrap .tmenu span:after {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:9px;background-color:#444444;content:"";display:block;}
.tmenu_wrap .tmenu span,
.tmenu_wrap .tmenu span:before,
.tmenu_wrap .tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.navigation-visible .tmenu_wrap .tmenu span {background:none;}
.navigation-visible .tmenu_wrap .tmenu span:before {top: 0;transform: rotate(45deg);}
.navigation-visible .tmenu_wrap .tmenu span:after {top: 0;transform: rotate(-45deg);}

.mgnb_wrap {position: absolute;width: 100%;top: 60px;left: 0;z-index: 99;box-shadow: 0px 10px 10px rgba(0,0,0,0.3);display:none;overflow: hidden;visibility:hidden;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;}
.mgnb {background: #fff;border-top:1px solid #dcdcdc;}
.mgnb > li {width: 100%;border-bottom: 1px solid #dcdcdc;overflow:hidden;height:58px;}
.mgnb > li > a {font-size: 20px;color: #000;padding: 15px 30px;display: block;font-weight: 500;position:relative;}
.mgnb > li > a:hover,.mgnb > li > a:focus {text-decoration:none;}
.mgnb .sub-menu {background: #fbfbfb;}
.mgnb .sub-menu li {color: #979797;font-size: 20px;border-top: 1px solid #dcdcdc;}
.mgnb .sub-menu li a {display: block;padding: 12px 30px;font-size: 15px;}

.top {position: fixed;border:1px solid #019cd8;bottom: 10px;right: 10px;z-index: 100;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;visibility:hidden;}
.top img {width: 75px;}
.scrolled .top  {opacity:1;filter: alpha(opacity=100);-moz-opacity:1;visibility:visible;}

.search_view_fix {position: relative;}
.search_view_fix .search_view {display: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: absolute;width: 100%;height: 79px;left: 0;top: 0;background-color: #002372;z-index: 10;text-align: center;padding-top: 19px;}
.search_view_fix .search_view .input_wrap {display: inline-block;width: 660px;position: relative;padding-right: 30px;border-bottom:2px solid #fff;}
.search_view_fix .search_view .input_wrap .input {border:none;width: 100%;height: 39px;font-size: 20px;color: #ffffff;padding: 0 15px;background-color: #002372;outline:none;}
.search_view_fix .search_view .input_wrap .submit {width: 22px;height: 21px;position: absolute;top: 8px;right: 0;outline:none;}
.search_active .search_view {display: block;}
.search_active .top_link li.search a {background-image: url('/img/main/ico_close.png');-webkit-background-size: 18px auto;
background-size: 18px auto;}

.control_popup_wrap {max-width:100%;position:fixed;width:100%;height:100%;background:url('/skin/img/main/popup_bg.png') repeat 0 0;z-index:1000;}
.control_popup_wrap table {width:100% !important;}
.control_popup_wrap td {height:auto }
.control_popup_wrap td p {margin:0;}
.control_popup_wrap .txc-image {max-width:100% !important; height:auto !important;}
.control_popup .pop_outter {width:100%;margin:0 auto;}
.control_popup .cookie_wrap {height:27px;background-color:#000;text-align:right;line-height:27px;padding:0 15px;}
.control_popup .cookie_wrap a {color:#fff;font-size:12px;}
.control_popup .cookie_wrap a.bar {position:relative;padding-right:10px;margin-right:9px;}
.control_popup .cookie_wrap a.bar:after {position:absolute;right:0;top:2px;background-color:#fff;width:1px;height:10px;content:"";display:block;}
.control_popup .pop_wrap {overflow:hidden;background-color:#000;}
.autotd {height: 49px;display: table;width: 100%;}
.autotd .vm {display: table-cell;height: 100%;width: 100%;vertical-align: middle;}