/* common */
* {-ms-word-break: keep-all;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%;}
.vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;}
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%;}

.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 {height:100%;position: relative;height: 120px;border-bottom:1px solid rgba(255, 255, 255, 0.3);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.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 {position: absolute;left: 50px;top: 50%;margin-top: -32px;}
.header .logo_wrap h1 a {display: block;width: 140px;height: 60px;background: url('/skin/default/img/main/top_logo.png') no-repeat -140px 0;transition: all 0s ease;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;}
.scrolled .header .logo_wrap h1 a {background-position: 0 0;}
.scrolled .header {background-color: #fff;border-bottom: 1px solid #ddd;}
.scrolled .gnb .dropdown .dropdowna {color: #000;}
.scrolled .header .logo_wrap {height: 80px;}
.scrolled .gnb .dropdown:after {background-color: #dddddd;}

.header .gnb_wrap {height: 100%;text-align: center;}
.header .gnb_wrap .gnb {display: inline-block;height: 100%;}
.gnb .dropdown {float:left;height: 100%;padding: 0 25px;position: relative;}
.gnb .dropdown > span {display: table;height: 100%;width: 100%;}
.gnb .dropdown:after {content: "";display: block;width: 1px;height: 16px;margin-top: -8px;position: absolute;right: 0;top: 50%;background-color: rgba(255, 255, 255, 0.3);} 
/* Hide divider after the last top-level menu item (문의) */
.gnb .dropdown:last-child:after {display: none;}
.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;}
.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: 18px;color: rgba(255, 255, 255, 0.7);font-weight: 300;display: block;padding: 6px 0;text-align: center;transform: skew(0.07deg);}
.scrolled .sub-onemenu .sub-dropdown .sub-onemenua {color: #000;}

.header .sub-back {position:relative;width:100%;height:0;visibility:hidden;}
.header .top_link {position: absolute;right: 40px;top: 50%;margin-top: -20px;}
.header .top_link a.link {display: inline-block;width: 80px;height: 40px;line-height: 40px;padding: 0 14px;border: 2px solid #fff;border-radius:25px;font-size: 14px;color: #fff;font-weight: 400;text-align: center;}
.header .top_link a.link span {position: relative;display: inline-block;font-size: 14px;padding-right: 22px;font-weight: 400;color: #fff;transform: skew(0.07deg);}
.header .top_link a.link span:after {width: 10px;height: 5px;content: "";display: block;position: absolute;right: 0;top: 50%;margin-top: -5px;background-image: url('/skin/default/img/main/language_arrow.png');background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: 20px auto;background-size: 20px auto;}
.header .top_link ul {display: none;position: absolute;left: 0;top: 40px;width: 100%;border: 2px solid #fff;border-radius:25px;}
.header .top_link ul li a {font-size: 14px;color: #fff;font-weight: 400;text-align: center;height: 35px;line-height: 35px;text-align: center;display: block;transform: skew(0.07deg);}
.header .top_link.active ul {display: block;}

.header .top_sns {position: absolute;right: 130px;top: 50%;}
.header .top_sns {display: inline-block;margin-top: -20px;overflow:hidden;}
.header .top_sns li {float:left;margin-right: 6px;}
.header .top_sns li.last {margin-right: 0;}
.header .top_sns li a img {width: 38px;}

.scrolled .header .top_link a.link span {color: #000;}
.scrolled .header .top_link a.link {border-color: #000;}
.scrolled .header .top_link a.link span:after {background-position: -10px 0;}
.scrolled .header .top_link ul {border-color: #000;}
.scrolled .header .top_link ul a {color: #000;}

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

.footer {background-color: #fff;padding: 45px 0 49px 0;border-top: 1px solid #dddddd;}
.copy_wrap .addr {padding-top: 20px;font-size: 16px;color: #777777;font-weight: 400;margin-bottom: 3px;transform: skew(0.07deg);}
.copy_wrap .copy {font-size: 12px;color: #aaa;font-weight: 400;}
.copy_wrap .emblem {text-align: right;}
.family_wrap {text-align:right;}
.family select {display: inline-block;font-size: 14px;color: #666666;font-weight: 400;max-width: 230px;height: 40px;border: 1px solid #ccc;padding: 0 15px;transform: skew(0.07deg);}
.family_wrap .sns {display: inline-block;margin-top: 10px;overflow:hidden;}
.family_wrap .sns li {float:left;margin-right: 10px;}
.family_wrap .sns li.last {margin-right: 0;}
.family_wrap .sns li a img {width: 38px;}

@media (max-width: 1429px) {
	.gnb .dropdown .dropdowna {padding: 0 20px;}
}

@media (max-width: 991px) {
	.header {background-color: #fff;}
	.header .logo_wrap h1 a {background-position: 0 0;}
	.header .gnb_wrap {display: none;}
	.header .logo_wrap {height: 80px;}
	.tmenu_wrap {display: block;}
	.header .logo_wrap h1 {margin-top: -16px;}
	.header .logo_wrap h1 a {width: 70px;height: 34px;-webkit-background-size: 141px auto;background-size: 141px auto;}
	.footer h2 img {width: 71px;}
	.copy_wrap .addr {padding-top: 0;font-size: 13px;}
	.copy_wrap .addr img {width:120px;}
	.family select {height: 35px;font-size: 13px;}
	.family_wrap .sns {margin-top: 5px;}
	.gnb .dropdown {padding: 0 15px;}
	.gnb .dropdown .dropdowna {padding: 0 15px;font-size: 16px;}
}

@media (max-width: 767px) {
	.mgnb > li > a {padding:0 15px;font-size:15px;height:40px;line-height:40px;}
	.mgnb > li {height:40px;}
	.mgnb .sub-menu li a {padding:0 30px;font-size:14px;height:35px;line-height:35px;}
	.tmenu_wrap {right: 0;top: 5px;}
	.tmenu_wrap .tmenu span,
	.tmenu_wrap .tmenu span:before,
	.tmenu_wrap .tmenu span:after {margin-left:-10px;width:20px;height:2px;}
	.tmenu_wrap .tmenu span:before {top:-6px;}
	.tmenu_wrap .tmenu span:after {top:6px;}
	.header .logo_wrap h1 {left: 10px;}
	.header .logo_wrap,
	.scrolled .header .logo_wrap {height: 60px;}
	.footer {padding: 20px 0;}
	.footer h2 {margin-bottom: 15px;text-align: center;}
	.copy_wrap {text-align: center;}
	.copy_wrap .addr {font-size: 12px;}
	.family_wrap {text-align:center;margin-top: 10px;}
	.family select {max-width: 100%;display: block;width: 100%;}
	.mgnb_wrap {top: 60px;}
}