@charset "utf-8";

/*#gnb > ul > li > ul {display:none !important; opacity:1 !important;}*/

#sub {margin-top: 295px;}

#subContent {margin:50px 0 0;}
#subContent h3#contentTitle {position:relative;font-size:40px;font-weight: 700;letter-spacing:-0.02em;text-align:center;margin-bottom: 25px;}
#subContent h3#contentTitle:before {position:absolute;width: 1px;height: 40px;background: #E9B358;content:'';opacity: 0.3;top: -70px;left: calc(50% - 0.5px);}
#subContent .contentWrap {}

.locationBox {margin-bottom:50px;}
.locationUl {display: flex;text-align:center;color:#000;align-items: center;justify-content: center;}
.locationUl li {display:inline-block;position:relative;margin-right:22px;line-height:1.5;font-size: 14px;}
.locationUl li:last-child {margin:0;}
.locationUl li:after {display:block;position:absolute;top:50%;right:-12px;content:'';width: 6px;height: 6px;border:solid #000;border-width:1px 1px 0 0;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);}
.locationUl li:last-child:after {display:none;}
.locationUl li a {display:block; color:inherit;}
.locationUl li:first-child a {font-size:0; width:14px; height:14px; background:url('../img/sub/icon_home.png') center no-repeat; background-size:contain;}

	@media screen and (max-width:1419px){
		#sub {margin-top:270px;}
	}

	@media screen and (max-width:999px){
		#sub {margin-top:150px;}
		#subContent h3#contentTitle {font-size:36px; margin-bottom:20px;}
		#subContent h3#contentTitle:before {display:none;}
		.locationUl li {}
	}

	@media screen and (max-width:799px){
		#sub {margin-top:140px;}
		#subContent h3#contentTitle {font-size:32px; margin-bottom:15px;}
		
		
	}

	@media screen and (max-width:499px){
		#subContent h3#contentTitle {font-size:28px; margin-bottom:10px;}
		.locationUl li {font-size:13px;margin-right: 16px;}
		.locationUl li:after {
    right: -9px;
    width: 5px;
    height: 5px;
}
		.locationUl li:first-child a {width:13px; height:13px;}
	}



/*서브메뉴*/
.locationNav {margin-bottom:47px;}
.locationNav .container{margin-top:-28px;background-color:rgba(255,255,255,1);position:relative;border:1px solid #ddd;padding-left:0;padding-right:0;}
.locationNav .home{float:left;background-color:#fff; width:58px; height:58px; border-right:1px solid #ddd; text-align:center;}
.locationNav .home a {display:block; overflow:hidden; width:100%; height:100%; font-size:0; background:url('../img/sub/home.png') center no-repeat;}
.locationNav .sub_location{}
.locationNav .sub_location ul{margin:0;padding:0;list-style:none;}
.locationNav .sub_location ul:after{content:'';display:block;clear:both;}
.locationNav .sub_location p{margin:0;}
.locationNav .sub_location .snb_wrap > li{float:left;position:relative;z-index:100;min-width:217px;margin:0;padding:0;list-style-type:none;border-right:1px solid #ddd;box-sizing:border-box; font-family:"Noto Sans KR",sans-serif;}
.locationNav .sub_location .snb_wrap > li > p{position:relative;line-height:58px;margin:0;padding:0 15px;color:#5f5f5f;font-size:17px;font-weight:300;text-align:left;cursor:pointer; text-transform:uppercase;}

.locationNav .sub_location .snb_wrap > li > p span.bul {display:block;position:absolute;top:22px;right:22px;background:#888;transition:all .5s;width:1px;height:15px;margin:0;}
.locationNav .sub_location .snb_wrap > li > p span.bul:after {content:"";display:block;position:absolute;top:0;width:15px;height:1px;margin:7px 0 0 -7px;background:#888;}
.locationNav .sub_location .snb_wrap > li.on > p > span.bul {background:#000; transition:all .5s;width:1px; transform:translateY(0) rotate(-450deg);}
.locationNav .sub_location .snb_wrap > li.on > p > span.bul:after  {opacity:0;}

.locationNav .sub_location .snb_wrap > li ul{display:none;position:absolute;left:-1px;right:-1px;min-width:100%;margin:0; border:1px solid #ddd;box-sizing:border-box;background:#ffffff;white-space:nowrap;}
.locationNav .sub_location .snb_wrap > li ul li{border-top:1px solid #ddd;}
.locationNav .sub_location .snb_wrap > li ul li:first-child{border-top:0;}
.locationNav .sub_location .snb_wrap > li ul a{display:block;padding:12px 20px;font-size:16px;font-weight:400;color:#777;background:#fff;letter-spacing:-0.03em; text-transform:uppercase;}
.locationNav .sub_location .snb_wrap > li ul a:hover{color:#fff;background-color:#ed1f23;font-weight:500;}
.locationNav .sub_location .snb_wrap > li ul .on a{color:#fff;background-color:#ed1f23;}

	@media screen and (max-width:999px) {
		.locationNav{display:none;}
	}


#subTabBox {background: #f9f9f9; margin-top: 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 100%; top: 170px;z-index: 9998;}
#subTabBox.none {display:none;}
#subTabBox .subTab {display:flex; justify-content:center; text-align:center; padding:0; height: 68px;}
#subTabBox .subTab li {position:relative; height:100%; padding:0 16px;}
#subTabBox .subTab li:not(:first-child):before {position:absolute; content:'·'; display:block; left:-1px; top:50%; transform:translateY(-50%)}
#subTabBox .subTab li a {display:flex; align-items:center; color: #000;font-size: 14px; height:100%;}
#subTabBox .subTab li:not(.on):hover a {font-weight:600;}
#subTabBox .subTab li a:before {position:absolute;display:block;width: calc(100% - 32px);height:3px;content:'';background:#E9B45B;bottom: -1px;left: 16px; transition-duration:.3s; transform:scale(0);}
#subTabBox .subTab li:hover a:before {transform:scaleX(1);}
/*#subTabBox .subTab li.on a:before {transform:scaleX(1) !important;}*/

	@media screen and (max-width:1419px){
		#subTabBox {top:155px;}
	}

	@media screen and (max-width:999px){
		#subTabBox {display:none;}
		
	}

	@media screen and (max-width:799px){
		
	}



.subTabUl {display:block; overflow:hidden; margin-bottom:30px;}
.subTabUl li {float:left; width:33.333%; font-size:18px; color:#959595; font-family:'Montserrat', sans-serif; font-weight:600; text-align:center; background:#f9f9f9; border:1px solid #e6e6e6;}
.subTabUl li a {display:block; padding:20px 0;}
.subTabUl li.on {color:#2f2f2f; border:1px solid #969696; border-top:3px solid #e60012; background:#fff; border-bottom:0;}
.subTabUl li.on a {padding:20px 0 19px;}


.productBd > h3, .productBd > .locationBox {display:none;}
.boardWrap {margin-bottom:100px;}