@charset "utf-8";

/*all layout*/

body, #wrap {min-width:360px;}
.head-wrap {position:relative;height:90px;}
#contents {position:relative;background-color:sky;}
#footer {position:relative;width:100%;background-color:#333;padding:50px 0 70px;}

/*header*/
.headerInner {position:relative;}
.headerInner h1 {position:absolute;top:17px;left:0;}
.headerInner h1 a {}
.headerInner h1 a img {}
.headerInner .skipNav {display:none;}
.headerInner h2 {text-indent:-9999px;}
.headerInner h2 a {}
.headerInner nav {position:relative;font-family:'SCoreDream';font-size:18px;font-weight:500;color:#333;letter-spacing:-0.05em;z-index:500;}
.headerInner nav > ul {position:absolute;top:-20px;left:200px;width:70%;}
.headerInner nav > ul > li {float:left;width:20%;padding:36px 0;text-align:center;}
.headerInner nav > ul > li:last-child {margin-right:0;}
.headerInner nav > ul > li > a {}
.headerInner nav > ul > li:hover > a {color:#153F42;font-weight:600;}
.headerInner nav .global {float:right;margin-top:15px;}
.headerInner nav .global a {background-repeat:no-repeat;background-position:0 2px;padding-left:20px;color:#666;font-size:14px;}
.headerInner nav .global a.in {background-image:url("/asset/jtsc/images/common/login.svg");}
.headerInner nav .global a.out {background-image:url("/asset/jtsc/images/common/logout.svg");}
.headerInner nav .global a:hover {color:#000;}
.headerInner nav .global p {position:absolute;top:-5px;right:0;color:#666;font-size:14px;}


/* contens */
.container {padding:0;}
.sub {position:relative;}
.sub-visual {position:relative;background-image:url("/asset/jtsc/images/common/subimg_01.jpg");background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;}
.sub-visual::after {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-image:url("/asset/jtsc/images/common/curve_sub.png");background-size:cover;background-position:bottom left;}
.sub-visual p {padding:6% 0;font-family:'VitroCore';font-size:60px;font-style:italic;color:#fff;}
.sub-1 .sub-visual {background-image:url("/asset/jtsc/images/common/subimg_01.jpg");}
.sub-2 .sub-visual {background-image:url("/asset/jtsc/images/common/subimg_02.jpg");}
.sub-3 .sub-visual {background-image:url("/asset/jtsc/images/common/subimg_03.jpg");}
.sub-4 .sub-visual {background-image:url("/asset/jtsc/images/common/subimg_04.jpg");}

.local-menu {border-bottom:1px solid #eaeaea;}
.local-menu ul {text-align:center;}
.local-menu li {display:inline-block;margin:0 40px;}
.local-menu li a {display:inline-block;padding-bottom:15px;}
.local-menu li a.active {border-bottom:2px solid #333;color:#333;font-weight:500;}

.sub-contents {min-height:300px;margin:100px auto 80px;font-size:18px;}
.sub-contents h2 {color:#333;font-size:36px;font-weight:600;margin-bottom:60px;text-align:center;}
.sub-contents h3 {}


/* footer */
.footerInner {background:url("/asset/jtsc/images/common/logo_foot.svg") bottom right no-repeat;color:#A5A5A5;letter-spacing:-0.05em;}
.footerInner .policy {overflow:hidden;margin-bottom:20px;color:#A5A5A5;}
.footerInner .policy li {float:left;margin:0 15px;}
.footerInner .policy li:first-child {margin-left:0;}
.footerInner .policy li a {color:#A5A5A5;}
.footerInner .policy li a strong {color:#fff;font-weight:500;}
.footerInner address {}
.footerInner address div {display:inline-block;}
.footerInner address span {display:inline-block;margin:0 15px;}
.footerInner address span:first-child {margin-left:30px;}


/* 575px 이하 해상도에서 해석하는 코드 */
@media (max-width: 575px) {	
	
	.sub-visual {height:100px;background-position:50% -30%;}
	
	.sub .sub-visual p {padding:8% 0 7% 10%;}

	.local-menu {display:none;}
}

/* 767px 이하 해상도에서 해석하는 코드 */
@media (max-width: 767px) {	
	.sub-contents {width:90%;}
}

/* 992px 이상 해상도에서 해석하는 코드 */
@media (min-width:992px){ 	

	.headerInner nav li ul, .headerInner nav li ul li {opacity:0;filter:alpha(opacity=0);}
	.headerInner nav li ul li {
		height:0;font-size:0;
		-webkit-transition: height .5s ease .1s;
		-moz-transition: height .5s ease .1s;
		-o-transition: height .5s ease .1s;
		-ms-transition: height .5s ease .1s;
		transition: height .5s ease .1s;
	}
	.headerInner nav li:hover ul, .headerInner nav li:hover ul li {opacity:1;filter:alpha(opacity=100);}
	.headerInner nav li:hover ul {width:100%;background-color:rgba(0,0,0,0.6);padding:20px 0;margin-top:28px;border-top:4px solid #153F42;}
	.headerInner nav li:hover ul li {height:40px;line-height:40px;font-size:16px;text-align:center;}
	.headerInner nav li ul li a {color:#fff;font-weight:400;}
	.headerInner nav li ul li a:hover {color:#e1ff52;}

	
}

/* 991px 이하 해상도에서 해석하는 코드 */
@media (max-width:991px){ 

	/* header */
	#header {height:55px;}
	#header .headerInner h1 {left:5%;}
	#header .headerInner h2 {right:5%;}
	.headerInner h1 {top:10px;left:0;width:60px;z-index:502;height:auto;}
	.headerInner h1 a {}
	.headerInner h1 a img {width:100%;}
	.headerInner h2 {position:absolute;top:18px;right:0;z-index:600;width:28px;height:18px;}
	.headerInner h2 a {display:block;background:url("/asset/jtsc/images/common/menu.svg") no-repeat;background-size:90%;text-indent:-9999px;}
	
	.headerInner nav {position:fixed;top:0;right:-100%;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		-o-transition:.5s ease-in-out;
		-ms-transition:.5s ease-in-out;
		transition:.5s ease-in-out;	
	}
	.sidebar-active::after {position:fixed;top:0;left:0;z-index:499;display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);}
	.sidebar-active h1 {position:fixed;left:5%;}
	.sidebar-active h2 {position:fixed;right:5%;width:17px;height:auto;}
	.sidebar-active h2 a {background:url("../images/common/close.svg") no-repeat;}
	.sidebar-active .headerInner nav {position:fixed;top:0;right:0;width:100%;height:100%;display:block;background:#fff;}
	.sidebar-active .headerInner nav > ul {position:relative;top:110px;left:0;width:100%;}
	.sidebar-active .headerInner nav > ul > li {float:none;width:100%;margin:0;padding:0;text-align:left;}
	.sidebar-active .headerInner nav > ul > li > a {display:inline-block;padding:15px 5%;font-size:18px;}
	.sidebar-active .headerInner nav > ul > li > ul {display:none;border:none;background:#153F42;padding:15px 5%;}
	.sidebar-active .headerInner nav > ul > li > ul > li {margin:20px 0;text-align:left;}
	.sidebar-active .headerInner nav > ul > li > ul > li > a {color:#fff;font-size:16px;font-weight:400;}
	.sidebar-active .headerInner nav ul li:first-child ul {display:block;}
	.sidebar-active .headerInner nav ul li.m-open {background:url("/asset/jtsc/images/common/i-down.svg") 95% 25px no-repeat;}
	.sidebar-active .headerInner nav ul li.active {background:url("/asset/jtsc/images/common/i-up.svg") 95% 25px no-repeat;}

	.headerInner nav .global {float:none;position:absolute;top:55px;left:0;width:100%;background:#f5f5f5;border-top:1px solid #eaeaea;margin:0;padding:8px 5%;text-align:right;}
	.headerInner nav .global a {background-position:0 40%;}
	.headerInner nav .global p {left:0;width:50%;margin:15px 0 0 5%;text-align:left;}

	/* contents */
	.sub-contents {font-size:15px;}
	.sub-visual p {padding:6.5% 0 7%;font-size:24px;}
	
	.local-menu {margin-top:10px;}
	.local-menu li {margin:0 25px;}
	.local-menu li a {padding-bottom:10px;font-size:14px;}
		
	.sub-contents {margin:30px auto 50px;}
	.sub-contents h2 {margin-bottom:30px;font-size:22px;}


	/* footer */
	.footerInner {background:url("/asset/jtsc/images/common/logo_foot.svg") bottom left no-repeat;background-size:18%;padding-bottom:10%;font-size:14px;}
	.footerInner address div {display:block;}
	.footerInner address span:first-child {margin-left:0px;}
	
}

@media (min-width:992px) and (max-width:1199px) { 
	
}

/* 1200px 이상 해상도에서 해석하는 코드 */
@media (min-width:1200px){

}