@charset "utf-8";

/* sub layout */
#s-container {position:relative;}

/* subtop navigation */
.sub-top {position: relative;width: 100%;height: 230px;box-sizing: border-box;background: url(../img/Layout/banner_bg.jpg) no-repeat center center;margin-top: 100px;}
.sub-top .sub_title {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;text-align: center;width: 100%;}
.sub-top .sub_title h1 {font-size: 3rem; font-weight:600;margin-bottom: 10px;}
.sub-top .sub_title p {font-size: 1.6rem; font-weight:500; color: #444;}
.sub-top .inner {display: block;z-index:999;max-width: 1100px;background: #fff;box-shadow: 0px 7px 20px rgb(0, 0, 0, 0.09);border-radius: 10px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -34px;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav a {font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.subnav a.home, .sbmn_dp {position:relative;}
.subnav a.home:after, .sbmn_dp:after {content:'';display:block;width:1px;height:20px;background:#ddd;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.subnav .home {display: block;width: 70px;height: 70px;background: url(../img/Layout/ico_home.svg) center center no-repeat;transition: all 0.3s ease;box-sizing: border-box;}
.subnav .sbmn_dp {position:relative; width:100%; max-width:240px;box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a1 {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:70px;padding:20px 40px 20px 20px;transition:all 0.3s ease; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#222222; box-sizing:border-box;background: url(../img/Layout/ico_nav_btn.svg) right 20px center no-repeat;}
.subnav .sbmn_dp .sbmn_a1:after {content:""; display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%) rotate(0deg); width:13px; height:7px; background:url('../img/Layout/ico_sbdp_arrow.svg')center center no-repeat; background-size:13px 7px; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 {background-color:#ffffff;}
.subnav .sbmn_dp.on .sbmn_a1:after {transform:translateY(-50%) rotate(180deg);}
.subnav .sbmn_dp .sbmn_a1 span {font-size:17px; font-weight:600; line-height:1.4; letter-spacing:-0.05em; color:#222222; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 span {color:#F37060;}
.subnav .sbmn_dp .sbmn_list {display:none; position:absolute; top:70px; left:0; width:100%; background:#f8f9fa; box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06); z-index:10;}
.subnav .sbmn_dp .sbmn_item {position:relative;}
.subnav .sbmn_dp .sbmn_a2 {display:flex; align-items:center; width:100%; height:50px; padding:15px 20px; border-width:1px 1px 0 1px; background:#f8f9fa; font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#222222; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a2:hover, .subnav .sbmn_dp .sbmn_a2:focus {color:#F37060; background:#ffffff;}
.subnav .sbmn_dp .sbmn_list.sbdp_l1 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l2 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l3 .sbmn_item:last-child .sbmn_a2 {border-width:1px 1px 1px 1px;}
.subnav .sbmn_dp .sbmn_a2 span {font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .sbmn_dp .sbmn_a2:hover span {color:#F37060;}

/* subheader */
.sub_header {position:relative; padding:0 20px;}
.sub_header .inner {display:block; max-width:1480px;box-sizing:border-box;}
.sub_header.nobar .inner {border-bottom:0;}
.sub_header .inner.bdnone {border-bottom:0;}
.sub_header .header_menu {margin-bottom:30px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#0067db;}
.sub_header .header_title {margin-bottom:50px; font-size:3.4rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; font-family:'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.sub_header .header_text {font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.04em; color:#444444;}

/* subcontents */
#sub-content {position:relative; padding:130px 0 185px; box-sizing:border-box;}
#stance {position:relative; width:100%; min-height:480px; padding-top:20px; background:#ffffff;}
#stance .inner {display:block; max-width:1480px;}

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

	#s-container {padding:0;}
	.sub-top {margin-top: 0px;}
	.sub-top .inner {padding:0;}
	#sub-content {padding:100px 0 120px;}
}

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

	.sub-top {margin-top: 80px;}
}

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

	.sub-top .inner {width: 90%;}
}

@media screen and (max-width:1024px){
	
	.sub_header .inner {max-width:100%; padding:0 0 30px;}
	.sub_header .header_menu {margin-bottom:10px; font-size:14px;}
	.sub_header .header_title {margin-bottom:20px; font-size:34px;}
	.sub_header .header_text {font-size:16px;}
	
}

@media screen and (max-width:768px){
	
	#sub-content {padding:100px 0 80px;}
	.subnav .sbmn_dp {display:none;}
	.subnav .sbmn_dp:last-child {display:block; max-width:calc(100% - 59px);}
	
	.sub_header .header_title {font-size:28px;}
	.sub_header .header_text {font-size:15px;}
	
}