@charset "utf-8";

#subVisual {display:flex; align-items: center; height:550px; background-color:#000; background-image:url('../img/sub/sub01Bg.jpg'); background-size:cover; background-position:center; color:#fff; text-align:left; letter-spacing:-0.05em;}
#subVisual h2 {position:relative; font-size:48px; font-weight:600; margin-bottom:35px;}
#subVisual p {font-size:20px; font-weight:300; word-break:keep-all;}
#subVisual.sub01 {background-image:url('../img/sub/sub01Bg.jpg'); }
#subVisual.sub02 {background-image:url('../img/sub/sub02Bg.jpg');}
#subVisual.sub03 {background-image:url('../img/sub/sub03Bg.jpg');}
#subVisual.sub04 {background-image:url('../img/sub/sub04Bg.jpg');}
#subVisual.sub05 {background-image:url('../img/sub/sub05Bg.jpg');}
#subVisual.sub06 {background-image:url('../img/sub/sub06Bg.jpg');}

	@media screen and (max-width:1459px){
		#subVisual .container {padding:0 5%;}
	}

	@media screen and (max-width:1199px){
		#subVisual {height:450px;}
		#subVisual h2 {font-size:44px;}
		#subVisual p {font-size:18px;}
	}

	@media screen and (max-width:999px){
		#subVisual {height:350px;}
		#subVisual .container {margin-top:50px; padding:0 2%;}
		#subVisual h2 {font-size:270%;}
		#subVisual p {font-size:115%;}
	}

	@media screen and (max-width:799px){
		#subVisual {height:300px;}
		#subVisual h2 {font-size:230%;}
		#subVisual p {font-size:105%;}
	}

	@media screen and (max-width:499px){
		#subVisual h2 {font-size:210%;}
		#subVisual p {font-size:95%;}
	}


#subVisual .locationBox {}
#subVisual .locationUl {display:block; text-align:center; color:#fff; margin-top:20px;}
#subVisual .locationUl li {display:inline-block; position:relative;margin-right:22px;vertical-align:top; line-height:1.5;font-size:15px; vertical-align:top;}
#subVisual .locationUl li:last-child {margin:0;}
/*#subVisual .locationUl li:after {display:block;position:absolute;top:3px;right:-12px;content:'';width:1px;height:15px; background:#fff; transform:rotate(15deg);-webkit-transform:rotate(15deg);}*/
#subVisual .locationUl li:after {display:block;position:absolute;top:6px;right:-12px;content:'';width:8px;height:8px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#subVisual .locationUl li:last-child:after {display:none;}
#subVisual .locationUl li a {display:block; color:inherit;}

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

	@media screen and (max-width:999px){
		#subVisual .locationUl li {font-size:95%;}
	}

	@media screen and (max-width:799px){
		#subVisual .locationUl {margin-top:10px;}
		#subVisual .locationUl li {font-size:80%;}
	}

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



/*서브메뉴*/
.locationNav {margin-top:-50px;}
.locationNav .container {display:flex; align-items: center; width:1530px; background:#232323; border-radius:15px;}
.locationNav .home{position:relative; width:100px; height:100px; 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 .home:after {position:absolute; width:1px; height:25px; top:38px; right:5px; background:rgba(255,255,255,0.2); content:'';}
.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:245px;margin:0;padding:0;list-style-type:none;}
.locationNav .sub_location .snb_wrap > li > p{display:flex; align-items: center; position:relative; height:100px; margin:0;padding:0 15px;color:#fff;font-size:18px;font-weight:300;text-align:left;cursor:pointer; text-transform:uppercase;}
.locationNav .sub_location .snb_wrap > li > p:after {position:absolute; width:1px; height:25px; top:38px; right:0; background:rgba(255,255,255,0.2); content:'';}
.locationNav .sub_location .snb_wrap > li > p span.arrow {display:block;position:absolute; width:12px; height:6px; top:50px; right:30px; transition:all .5s; }
.locationNav .sub_location .snb_wrap > li > p span.arrow:before,
.locationNav .sub_location .snb_wrap > li > p span.arrow:after {content:"";display:block;position:absolute;top:0;width:7px;height:1px; background:rgba(255,255,255,0.5);}
.locationNav .sub_location .snb_wrap > li > p span.arrow:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left:0;}
.locationNav .sub_location .snb_wrap > li > p span.arrow:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right:0;}
.locationNav .sub_location .snb_wrap > li.on > p > span.arrow {transform:rotate(-180deg); top:43px;}

.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; border-radius:0 0 15px 15px; overflow:hidden;}
.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: flex; align-items: center; padding:10px 20px;font-size:18px; min-height:60px; font-weight:400;color:#777;background:#fff;letter-spacing:-0.03em; text-transform:uppercase;}
.locationNav .sub_location .snb_wrap > li ul a:hover{color:#399d26;font-weight:700;}
.locationNav .sub_location .snb_wrap > li ul .on a{color:#399d26;}

	@media screen and (max-width:1459px) {
		.locationNav .container {width:96%; margin:0 2%; padding:0;}
	}

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


#subTabBox {background:#e60012; /*rgba(237,31,35,0.6);*/ height:60px; margin-top:-60px;}
#subTabBox .subTab {display:block; overflow:hidden; text-align:center; padding:0;}
#subTabBox .subTab li {display:inline-block; vertical-align:top;}
#subTabBox .subTab li:first-child {margin-left:0;}
#subTabBox .subTab li:first-child:nth-last-child(1), #subTabBox .subTab li:first-child:nth-last-child(1)~li{float:none; width:25%;}
#subTabBox .subTab li:first-child:nth-last-child(2), #subTabBox .subTab li:first-child:nth-last-child(2)~li{width:25%;}
#subTabBox .subTab li:first-child:nth-last-child(3), #subTabBox .subTab li:first-child:nth-last-child(3)~li{width:33.333%;}
#subTabBox .subTab li:first-child:nth-last-child(4), #subTabBox .subTab li:first-child:nth-last-child(4)~li{width:25%;}
#subTabBox .subTab li:first-child:nth-last-child(5), #subTabBox .subTab li:first-child:nth-last-child(5)~li{width:20%;}
#subTabBox .subTab li:first-child:nth-last-child(6), #subTabBox .subTab li:first-child:nth-last-child(6)~li{width:16.666%;}
#subTabBox .subTab li a {display:block; overflow:hidden; color:#fff; font-size:16px; letter-spacing:-0.02em; padding:18px 0;}
#subTabBox .subTab li.on a {background:#fff; color:#ed1f23;}

	@media screen and (max-width:999px){
		#subTabBox {padding:0;}
		#subTabBox .subTab {margin:0 -1px;}
		#subTabBox .subTab li a {font-size:95%; padding:19px 0;}
	}

	@media screen and (max-width:799px){
		#subTabBox { margin-top:0; height:auto; max-height:97px;}
		#subTabBox .subTab li {border-left:1px solid rgba(256,256,256,0.3);}
		#subTabBox .subTab li a {font-size:85%; padding:12px 0;}
		#subTabBox .subTab li:first-child:nth-last-child(1), #subTabBox .subTab li:first-child:nth-last-child(1)~li{width:50%; border-left:0;}
		#subTabBox .subTab li:first-child:nth-last-child(2), #subTabBox .subTab li:first-child:nth-last-child(2)~li{width:50%;}
		#subTabBox .subTab li:first-child:nth-last-child(3), #subTabBox .subTab li:first-child:nth-last-child(3)~li{width:33.333%;}
		#subTabBox .subTab li:first-child:nth-last-child(4), #subTabBox .subTab li:first-child:nth-last-child(4)~li{width:25%;}
		#subTabBox .subTab li:first-child:nth-last-child(5), #subTabBox .subTab li:first-child:nth-last-child(5)~li{width:20%;}
		#subTabBox .subTab li:first-child:nth-last-child(6), #subTabBox .subTab li:first-child:nth-last-child(6)~li{width:33.333%;}
	}


#subContent {margin:100px 0;}
#subContent h3#contentTitle {display:flex; align-items: center; position:relative; font-size:45px; font-weight:600; letter-spacing:-0.02em; margin-bottom:60px;}
#subContent h3#contentTitle:after {position:relative; display:block; width:80px; height:2px; background:#399d26; margin-left:20px; animation:fadeInleft2 0.8s forwards; content:'';}
#subContent .contentWrap {position:relative;}

	@keyframes fadeInleft2 {
		0% {width:0%;}
		100% {width:80px;}
	}

	@media screen and (max-width:1199px){
		#subContent h3#contentTitle {font-size:41px;}
	}

	@media screen and (max-width:999px){
		#subContent {margin:80px 0;}
		#subContent h3#contentTitle {font-size:255%; margin-bottom:50px;}
	}

	@media screen and (max-width:799px){
		#subContent {margin:60px 0;}
		#subContent h3#contentTitle {font-size:200%; margin-bottom:40px;}
	}

	@media screen and (max-width:499px){
		#subContent h3#contentTitle {font-size:180%; margin-bottom:30px;}
	}



.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;}