/* common */
* {word-break: keep-all;}
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;}
.clear {clear: both;}
.hoverBt {display: inline-block; text-decoration: none;}
.hoverBt:hover, .hoverBt:focus {color: #fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; -khtml-opacity: .6; -moz-opacity: .6; opacity: .6;}
.aligncenter {max-width:100%; display: block; margin:0 auto;}
.blue {color: #16599a;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.col-md-24 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px;float: left; width: 20%;}

.red {color: #e1438c;}
.wrap {padding-top: 149px;}
.header {background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0;z-index: 100;width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header.hover {background-color: rgba(0, 0, 0, 0.7);}
.header .logo_wrap {position: relative;height: 115px;background-color: #fff;border-bottom: 1px solid #e3e3e3;}
.header .logo_wrap .container {position: relative;}

.search_box {position: absolute;right: 52px;height: 42px;width: 300px;top: 50%;margin-top: -21px;background-color: #e1438c;padding: 2px;}
.search_box .sb_fix {position: relative;padding-right: 45px;height: 100%;}
.search_box .sb_fix .input {width: 70%;border: none;background-color: #fff;height: 100%;padding: 0 10px;font-size: 17px;position: absolute;}
.search_box .sb_fix .submit {position: absolute;width: 45px;height: 100%;right: 0;top: 0;background-color: #e1438c;border: none;background-image: url('/skin/default/img/main/ico_search.png');background-repeat: no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;background-position: center center;}

.header.hover .logo_wrap {border-bottom:1px solid #0084fe;}
.header .logo_wrap:before {display: table;content: "";}
.header .logo_wrap:after {display: table;content: "";clear:both;}
.header .logo_wrap h1 {float:left;height: 100%;display: table;}
.header .logo_wrap h1 a {display: table-cell;height: 100%;vertical-align: middle;}
.header.scrolled {top: -34px;}
.header.scrolled .logo_wrap {height: 80px;}

.navbar-mobile {outline: none;position: absolute;top: 50%;right: 0;float: right;margin-right: 0;padding: 9px 10px;margin-top: -22px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;height: 43px;background-image: url('/skin/default/img/main/mmenu.gif');background-position: center center;background-repeat: no-repeat;width: 54px;-webkit-background-size: 30px auto;background-size: 30px auto;}
.is-nav .navbar-mobile {background-image: url('/skin/default/img/main/mmenu_on.gif');}
.navbar-mobile .icon-bar {display: block;width: 30px;height: 5px;background-color: #000;border-radius: 1px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.navbar-mobile .icon-bar + .icon-bar {margin-top: 4px;}
.is-nav .navbar-mobile .icon-bar.ib1 {transform: rotate(45deg);}
.is-nav .navbar-mobile .icon-bar.ib2 {background-color: transparent;}
.is-nav .navbar-mobile .icon-bar.ib3 {margin-top: -14px;transform: rotate(-45deg);}

.top_link_wrap {height: 34px;background-color: #f1f1f1;}
.top_link {height: 100%;}
.top_link:before {content: "";display: block;}
.top_link:after {content: "";display: block;clear:both;}
.top_link .link {height: 100%;float:right;}
.top_link .link ul {height: 100%;overflow:hidden;}
.top_link .link ul li {float:left;height: 100%;display: table;}
.top_link .link ul li.insta {margin-right: 19px;}
.top_link .link ul li a {display: table-cell;height: 100%;vertical-align: middle;}

.header .gnb_wrap {height: 100%;}
.header .gnb_wrap .gnb {float:right;height: 100%;}
.gnb .dropdown {float:left;height: 100%;display: table;padding: 0 25px;}
.gnb .dropdown .dropdowna {text-decoration: none;position: relative;height: 100%;display: table-cell;width: 100%;vertical-align: middle;font-size: 19px;color: #fff;font-weight: 400;padding: 0 20px;margin: 0 25px;}
.gnb .dropdown.active .dropdowna:after {content: "";display: block;position: absolute;width: 100%;height: 6px;background-color: #0084fe;left: 0;bottom: -1px;z-index: 11;}

.sub-onemenu {position: absolute;left: 0;overflow:hidden;top: 100%;width: 100%;z-index: 20;padding: 20px 0;visibility: hidden;opacity: 0;}
.sub-onemenu .sub-dropdown .sub-onemenua {font-size: 15px;color: rgba(255, 255, 255, 0.7);font-weight: 300;display: block;padding: 10px 0;text-align: center;}

.header .sub-back {position:relative;width:100%;height:0;visibility:hidden;}

.tmenu_wrap {position:absolute;right:15px;top:29px;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:#fff;}
.tmenu_wrap .tmenu span:before {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:-9px;background-color:#fff;content:"";display:block;}
.tmenu_wrap .tmenu span:after {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:9px;background-color:#fff;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);}

.footer {background-color: #f1f1f1;margin-top: 90px;padding: 30px 0;}
.footer .container {position: relative;}
.footer .container .top {position: absolute;right: 10px;top: -89px;}
.footer .bottom_link {margin-bottom: 30px;padding-top: 10px;}
.footer .bottom_link ul {overflow: hidden;}
.footer .bottom_link ul li {float: left;padding-right: 21px;margin-right: 18px;position: relative;}
.footer .bottom_link ul li:after {position: absolute;content: "";width: 1px;height: 14px;background-color: #606060;top: 4px;right: 0;}
.footer .bottom_link ul li.last {padding-right: 0;margin-right: 0;}
.footer .bottom_link ul li.last:after {display: none;}
.footer .bottom_link ul li a {font-size: 15px;color: #555555;font-weight: 500;}
.footer .bottom_link ul li a.red {color: #e1438c;}
.footer .bottom_link ul li a strong {font-size: 700;color: #000;}
.footer p a,
.footer p {font-size: 13px;color: #555555;font-weight: 500;line-height: 1.7;}
.footer .contactus {text-align: right;}
.footer .contactus .c1 {font-size: 25px;color: #000000;font-weight: 500;}
.footer .contactus .c2 {font-size: 20px;color: #000000;font-weight: 400;}
.footer .contactus .c3 {font-size: 17px;color: #e1438c;font-weight: 400;}

.scrolled .total_menu {top: 80px;}
.total_menu {display: none;position: fixed;top: 149px;left: 0;z-index: 50;width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.mgnb_wrap {background-color: #fff;padding: 45px 100px;border: 1px solid #ececec;border-top: none;}
.mgnb {overflow: hidden;}
.mgnb .cdropdown {float: left;width: 16.6666666667%;padding-right: 30px;margin-bottom: 30px;}
.mgnb .cdropdown .dropdown-link {text-decoration: none;display: block;font-size: 20px;color: #000000;font-weight: 500;padding-bottom: 5px;border-bottom: 2px solid #101010;margin-bottom: 25px;}
.mgnb .cdropdown .sub-menu li {padding: 5px 0;}
.mgnb .cdropdown .sub-menu li a {font-size: 15px;color: #757575;font-weight: 400;}

/* txt style */
.txt_top{top:0; vertical-align:top;}


.new_select {width: 30%;height: 100%;margin-right: 2px;font-size: 17px;text-align: center;outline: none;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("/skin/default/img/main/select_top_arrow.gif");background-position: 60px center;background-repeat: no-repeat;padding: 0 15px 0 5px;}
.new_select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}