/* common */
ul,li {list-style: none;padding: 0;margin: 0;}
h1, .h1 {font-size: 100%;}
.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;}
.vertical-contain {display: table;width: 100%;height :100%;}
.vertical-contain .vertical-middle {display: table-cell;width: 100%;height :100%;vertical-align: middle;text-align: center;}
.vc {display: table;width: 100%;height :100%;}
.vc .vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;text-align: center;}
ul.flink a{color:#ffffff}
/* margin */
.mb5 {margin-bottom: 5px !important;}
.mb7 {margin-bottom: 7px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* padding */
.pt5 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}
.pt25 {padding-top: 25px}
.pt30 {padding-top: 30px}
.pt35 {padding-top: 35px}
.pt40 {padding-top: 40px}
.pt45 {padding-top: 45px}
.pt50 {padding-top: 50px}
.pt55 {padding-top: 55px}
.pt60 {padding-top: 60px}
.pt65 {padding-top: 65px}
.pt70 {padding-top: 70px}
.pt75 {padding-top: 75px}
.pt80 {padding-top: 80px}
.pt85 {padding-top: 85px}
.pt90 {padding-top: 90px}
.pt95 {padding-top: 95px}
.pt100 {padding-top: 100px}

/* header */
.header .top-link {border-bottom:1px solid #dbdddb;text-align:right;}
.header .top-link ul.top-link-ul {float:right;}
.header .top-link ul.top-link-ul li.top-link-li {float:left;}
.header .top-link ul.top-link-ul li.top-link-li a.top-link-a {display:inline-block;height:36px;line-height:36px;text-decoration:none;}
.header .top-link ul.top-link-ul li.lan {position:relative;background-color:#a6a6a6;padding:0 21px 0 23px;}
.header .top-link ul.top-link-ul li.lan .lan-pop {position:absolute;top:100%;right:0;min-width:80px;z-index:50;display:none;}

.header .top-link ul.top-link-ul li.lan.selected .lan-pop {display:block;}
.lan-pop li a {display:block;text-align:center;color:#fff;font-size:13px;text-decoration:none;padding:10px 0;background-color:#a6a6a6;}
.lan-pop li a:hover {background-color:#bfbebe;}

.header .top-link ul.top-link-ul li.lan span {display:inline-block;height:36px;line-height:36px;color:#dfdfdf;font-size:12px;position:relative;padding-right:14px;margin-right:13px;}
.header .top-link ul.top-link-ul li.lan span:after {display:block;content:" ";background-color:#b8b8b8;width:1px;height:11px;position:absolute;top:12px;right:0;}
.header .top-link ul.top-link-ul li.lan a.top-link-a {color:#dfdfdf;font-size:12px;padding-right:14px;background:url('../images/ico_arrow.png') no-repeat right center;}
.header .top-link ul.top-link-ul li.adapt {background-color:#2972a9;padding:0 17px;}
.header .top-link ul.top-link-ul li.adapt a {color:#ffffff;font-size:12px;}
.header .top-link ul.top-link-ul li.sitemap {background-color:#258393;padding:0 17px;}
.header .top-link ul.top-link-ul li.sitemap a {color:#ffffff;font-size:12px;}
.header .top-link ul.top-link-ul li.shop {background-color:#5771ae;padding:0 17px;}
.header .top-link ul.top-link-ul li.shop a {color:#ffffff;font-size:12px;background:url('../images/ico_cart.gif') no-repeat left center;padding-left:23px;}
.gnb-area .gnb-inner {position:relative;}
.gnb-area .gnb-inner h1 {float:left;margin:43px 0 0 0;}
.gnb-area .gnb-inner .gnb {float:right;}
.gnb-area .gnb-inner .gnb>li {float:left;padding:43px 43px;}

.gnb-area .gnb-inner .gnb>li.short-dropdown {padding:43px 20px;}
.gnb-area .gnb-inner .gnb>li>a {display:inline-block;font-size:22px;color:#939393;font-weight:600;text-decoration:none;}
.gnb-area .gnb-inner .gnb>li>a:hover {color:#000;}
.gnb-area .gnb-inner .gnb>li:last-child {padding-right:0;}

.sub-menu {background-color:#212121;}
.sub-menu li a {color:#b0b0b0;}
.sub-menu {position: absolute;top: 85px;left: 0;z-index: 1000;display: none;float: left;width: 100%;padding: 15px 0;list-style: none;font-size: 14px;text-align: left;}
.sub-menu li a {display:block;padding:5px 0;text-align:left;text-decoration:none;color:#cfcfcf;}
.sub-menu li a:hover {color:#ecc029;}
.mainmenu-back {display: none;position:absolute;z-index:999;top:85px;left:0;width:100%;background:url('../images/sub_menu_bg.png') repeat 0 0;height:294px;}

.footer {padding:45px 0;background-color:#414143;}
.footer .address p {color:#898989;font-size:12px;}
.bottom-link-wrap .bottom-link {margin-bottom:10px;}
.bottom-link-wrap .bottom-link li {float:left;padding-right:15px;margin-right:11px;position:relative;}
.bottom-link-wrap .bottom-link li:after {position:absolute;top:4px;right:0;display:block;content:" ";width:1px;height:12px;background-color:#777777;}
.bottom-link-wrap .bottom-link li.last {padding-right:0;margin-right:0;}
.bottom-link-wrap .bottom-link li.last:after {display:none;}
.bottom-link-wrap .bottom-link li a {color:#b0b0b0;font-size:13px;}
.bottom-link-wrap {text-align:right;}
.bottom-link-wrap ul {display:inline-block;}
.bottom-link-wrap .sns-link li {float:left;margin-right:11px;}
.bottom-link-wrap .sns-link li.last {margin-right:0;}

.gnb-inner .mm-wrap {display:none;z-index:51;position:absolute;right:0;top:20px;}
.gnb-inner a.menu {display:block;width:40px;height:40px;position:relative;}
.gnb-inner a.menu span {display:block;position:absolute;border-radius:2px;background:#363636;width:40px;height:4px;left:50%;margin-left:-20px;}
.gnb-inner a.menu span.mm-1 {top:0;-webkit-transform: translate(0,0) rotate(0deg);transform: translate(0,0) rotate(0deg);-webkit-transition: all .3s ease;transition: all .3s ease;}
.gnb-inner a.menu span.mm-2 {top:12px;opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
.gnb-inner a.menu span.mm-3 {top:24px;-webkit-transform: translate(0,0) rotate(0deg);transform: translate(0,0) rotate(0deg);-webkit-transition: all .3s ease;transition: all .3s ease;}
.menu-is-open .gnb-inner a.menu span.mm-1,
.menu-is-open .gnb-inner a.menu span.mm-3 {background-color: #fff;-webkit-transform: translate(0,0) rotate(-38deg);transform: translate(0,0) rotate(-38deg);-webkit-transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}
.menu-is-open .gnb-inner a.menu span.mm-2 {-webkit-transform: translate(0,0) rotate(-38deg);transform: translate(0,0) rotate(-38deg);opacity: 0;}

body.menu-is-open {overflow:hidden;}
.site__nav {position: fixed;left: 100%;top: 0;height: 100%;width: 100%;background-color: #1c3d5e;color: #fff;opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.menu-is-open .site__nav {z-index:50;overflow-y:auto;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);opacity: 1;}
.mobile-nav {padding-top:20px;}
.mobile-nav > li > a.on-link {color:#fff;font-size:20px;padding:8px 25px;display:inline-block;}
.mobile-nav .sub-menu {margin-bottom:20px;}
.mobile-nav .sub-menu > li > a {color:#fff;font-size:15px;padding:5px 35px;display:inline-block;}

.sns-link-wrap {display: inline-block;}
.tel_wrap {text-align: center;width: 234px;height: 50px;background: url('../images/ntel_back.gif') no-repeat 0 0;padding: 5px;}
.tel_wrap .tel {font-size: 15px;color: #fff;font-weight: 600;}
.tel_wrap .email {font-size: 13px;color: #fff;font-weight: 300;}