@charset "utf-8";

#subVisual {display:flex; align-items: center; margin-top:120px; height:400px; background-color:#000; border-radius:20px; background-image:url('../img/sub/sub01Bg.jpg'); background-size:cover; background-position:center; overflow:hidden; padding:0 7.6%;}
#subVisual h2 {position:relative; font-size:50px; color:#fff; text-align:center; font-weight:600; animation:fadeInDown 1s forwards;}
#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');}

	@media screen and (max-width:1439px){
		#subVisual {height:350px; padding:0 3.6%;}
		#subVisual h2 {font-size:240%;}
	}

	@media screen and (max-width:1024px){
		#subVisual {height:300px; margin-top:90px;}
		#subVisual h2 {font-size:220%;}
	}

	@media screen and (max-width:799px){
		#subVisual {height:200px; margin-top:70px;}
		#subVisual h2 {font-size:180%;}
	}

	@media screen and (max-width:499px){
		#subVisual {height:150px;}
		#subVisual h2 {font-size:160%;}
	}


#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:1439px){
	}

	@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 {position:absolute; display:flex; align-items: center; right:0; z-index:2;}
.locationNav .home{width:50px; height:50px;}
.locationNav .home a {display:block; overflow:hidden; width:100%; height:100%; font-size:0; background:url('../img/sub/home.png') center no-repeat; background-size:contain;}
.locationNav .sub_location{}
.locationNav .sub_location ul{display:flex; margin:0;padding:0;list-style:none;}
.locationNav .sub_location p{margin:0;}
.locationNav .sub_location .snb_wrap > li {position:relative; min-width:200px; border-bottom:1px solid rgba(0,0,0,0.3); margin-left:50px;}
.locationNav .sub_location .snb_wrap > li.sub {margin-left:40px;}
.locationNav .sub_location .snb_wrap > li > p{position:relative;line-height:58px;margin:0;padding:0;color:#333;font-size:18px;font-weight:300;text-align:left;cursor:pointer; text-transform:capitalize; padding-right:30px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.locationNav .sub_location .snb_wrap > li > p span.arrow::before, 
.locationNav .sub_location .snb_wrap > li > p span.arrow::after{position:absolute;top:49%; width:10px;height:1px; background:#999; content:'';}
.locationNav .sub_location .snb_wrap > li > p span.arrow::before{right:7px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.locationNav .sub_location .snb_wrap > li > p span.arrow::after{right:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.locationNav .sub_location .snb_wrap > li.on > p span.arrow::before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.locationNav .sub_location .snb_wrap > li.on > p span.arrow::after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.locationNav .sub_location .snb_wrap > li ul{display:none;position:absolute;left:-5%;right:-5%;min-width:100%;margin:0; border:1px solid #ddd; border-radius:10px; overflow:hidden;box-sizing:border-box;background:#ffffff;white-space:nowrap; padding:5px 0;}
.locationNav .sub_location .snb_wrap > li ul li {padding:0 12px;}
.locationNav .sub_location .snb_wrap > li ul a {display:block;padding:16px 0 ;border-top:1px solid #ddd; font-size:17px;font-weight:400;color:#555;background:#fff;text-transform:capitalize; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.locationNav .sub_location .snb_wrap > li ul li:first-child a {border-top:0;}
.locationNav .sub_location .snb_wrap > li ul a:hover{color:#104cb4;font-weight:500;}

	@media screen and (max-width:1439px) {
		.locationNav {top:-10px;}
		.locationNav .home{width:45px; height:45px;}
		.locationNav .sub_location {min-width:320px;}
		.locationNav .sub_location ul {justify-content::flex-end;}
		.locationNav .sub_location .snb_wrap > li {min-width:140px; margin-left:6%;}
		.locationNav .sub_location .snb_wrap > li.sub {margin-left:5%;}
		.locationNav .sub_location .snb_wrap > li > p {font-size:105%;}

		.locationNav .sub_location .snb_wrap > li ul a {font-size:100%;}
	}

	@media screen and (max-width:1024px) {
		.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:80px 0;}
#subContent .container {padding:0 2.6% 0 7.6%;}
#subContent h3#contentTitle {position:relative; font-size:36px; font-weight:600; margin-bottom:65px; animation:fadeInDown 1s forwards; opacity:0;}
#subContent .contentWrap {}

	@media screen and (max-width:1439px){
		#subContent .container {padding:0 2.6% 0 3.6%;}
		#subContent h3#contentTitle {max-width:55%; font-size:180%; letter-spacing:-0.03em;}
	}

	@media screen and (max-width:1024px){
		#subContent {margin:60px 0;}
		#subContent .container {padding:0 3%;}
		#subContent h3#contentTitle {font-size:180%; margin-bottom:45px;}
	}

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

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



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