/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 650px; position:relative; background:url("/sub/img/sub_visual01.jpg") no-repeat center / cover;}
.sub_visual.bg02{background-image:url("/sub/img/sub_visual02.jpg");}
.sub_visual.bg03{background-image:url("/sub/img/sub_visual01.jpg");}
.sub_vis_txt{max-width:1400px; width:100%; margin: 0 auto; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt em{font-size: 20px; font-weight: 900;}
.sub_vis_txt h2{font-size: 55px; margin-top:17px; font-weight: 800;}
.sub_vis_txt p{font-size: 24px; margin-top: 15px; font-weight: 500; line-height: 1.4;}

/* sub_menu */
.sub_menu{height:80px; border-bottom: 1px solid #E3E3E3; background: #FFF;}
.sub_menu > ul{max-width:1400px; margin:0 auto; position: relative; display: flex; align-items: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li:last-child:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: #E3E3E3;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; height: 100%; font-weight: 500;}
.sub_menu > ul > li.home {width: 80px;}
.sub_menu > ul > li.home > a {display:block; height:100%; background: #003D8B url("/img/sub/home_ic.svg") no-repeat center / 30px;}
.sub_menu > ul > li.menu_btn {width: 290px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 25px center / 20px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #E3E3E3; z-index:100;}
.sub_menu_txt li {height: 70px; border-bottom: 1px solid #E3E3E3;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 30px; font-size: 20px; color: #8E8E8E; height: 100%; font-weight: 600;}
.sub_menu_txt li a:hover{color:#fff; background:#003D8B;}
.sub_menu_txt li:last-child{border-bottom:none;}

/* sub_content */
#sub_content{padding:150px 0;}
.sub_inner{max-width:1400px; margin:0 auto}

/* sub_title */
.sub_title{margin-bottom:100px; text-align:center;}
.sub_title em{font-size: 20px;}
.sub_title h3{font-size: 50px; margin-top:20px;}

/* 에러페이지 */
.error{background: #F9F9F9; display: flex; align-items: center; justify-content: center; gap:125px; height: 100vh;}
.error .txt strong{font-size: 18px; font-weight: 800; color: #DD4640;}
.error .txt .title{font-size: 34px; letter-spacing: -0.4px; font-weight: 700; margin: 30px 0;}
.error .txt p{font-size: 18px; line-height: 1.33; color: #555;}
.error .txt a{font-size: 16px; font-weight: 500; color: #FFF; padding: 16px 0; background: #000; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; width: 230px;}
.error .txt a img{width: 18px;}
.error .img{width: 280px;}
.error .img img{width: 100%;}

@media screen and (max-width:1420px){
	/* 공통 */
	.sub_visual{height: 45.77vw;}
	.sub_vis_txt{max-width:100%; padding: 0 2.82vw;}
	.sub_vis_txt em{font-size: 1.41vw;}
	.sub_vis_txt h2{font-size: 3.87vw; margin-top:1.20vw;}
	.sub_vis_txt p{font-size: 1.69vw; margin-top: 1.06vw;}

    /* sub_menu */
	.sub_menu{height:5.63vw;}
	.sub_menu > ul{max-width:100%; padding: 0 2.82vw;}
	.sub_menu > ul > li:last-child:before {height: 1.41vw;}
	.sub_menu > ul > li > a {padding-left: 2.11vw; font-size: 1.41vw;}
	.sub_menu > ul > li.home {width: 5.63vw;}
	.sub_menu > ul > li.home > a {background-size: 2.11vw;}
	.sub_menu > ul > li.menu_btn {width: 20.42vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.76vw center / 1.41vw;}
	.sub_menu_txt li {height: 4.93vw;}
	.sub_menu_txt li a {padding: 0 2.11vw; font-size: 1.41vw;}

    /* sub_content */
	#sub_content{padding:10.56vw 0;}
	.sub_inner{max-width:100%; padding: 0 2.82vw}

    /* sub_title */
    .sub_title{margin-bottom:7.04vw; }
    .sub_title em{font-size: 1.41vw;}
    .sub_title h3{font-size: 3.52vw; margin-top:1.41vw;}
}



@media screen and (max-width:1280px){
	/* 공통 */
	.sub_visual{height: 50.78vw;}
	.sub_vis_txt{max-width:100%; padding: 0 3.13vw;}
	.sub_vis_txt em{font-size: 1.56vw;}
	.sub_vis_txt h2{font-size: 4.30vw; margin-top:1.33vw;}
	.sub_vis_txt p{font-size: 1.88vw; margin-top: 1.17vw;}

    /* sub_menu */
	.sub_menu{height:6.25vw;}
	.sub_menu > ul{max-width:100%; padding: 0 3.13vw;}
	.sub_menu > ul > li:last-child:before {height: 1.56vw;}
	.sub_menu > ul > li > a {padding-left: 2.34vw; font-size: 1.56vw;}
	.sub_menu > ul > li.home {width: 6.25vw;}
	.sub_menu > ul > li.home > a {background-size: 2.34vw;}
	.sub_menu > ul > li.menu_btn {width: 22.66vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.95vw center / 1.56vw;}
	.sub_menu_txt li {height: 5.47vw;}
	.sub_menu_txt li a {padding: 0 2.34vw; font-size: 1.56vw;}

    /* sub_content */
	#sub_content{padding:10.56vw 0;}
	.sub_inner{padding: 0 3.13vw}

    /* sub_title */
    .sub_title{margin-bottom:7.03vw; }
    .sub_title em{font-size: 1.41vw;}
    .sub_title h3{font-size: 3.52vw; margin-top:1.41vw;}

	/* 에러페이지 */
	.error{gap:9.77vw;}
	.error .txt strong{font-size: 1.41vw;}
	.error .txt .title{font-size: 2.66vw; letter-spacing: -0.03vw; margin: 2.34vw 0;}
	.error .txt p{font-size: 1.41vw;}
	.error .txt a{font-size: 1.25vw; padding: 1.25vw 0; gap: 0.78vw; margin-top: 3.91vw; width: 17.97vw;}
	.error .txt a img{width: 1.41vw;}
	.error .img{width: 21.88vw;}
}


@media screen and (max-width:768px){
	/* 공통 */
	.sub_visual{height: 130.21vw;}
	.sub_vis_txt{padding: 0 3.13vw;}
	.sub_vis_txt em{font-size: 3.65vw;}
	.sub_vis_txt h2{font-size: 9.38vw; margin-top:3.91vw;}
	.sub_vis_txt p{font-size: 4.17vw; margin-top: 3.39vw;}

    /* sub_menu */
	.sub_menu{height:14.32vw;}
	.sub_menu > ul{padding: 0;}
	.sub_menu > ul > li:last-child:before {height: 2.60vw;}
	.sub_menu > ul > li > a {padding-left: 3.91vw; font-size: 3.65vw;}
	.sub_menu > ul > li.home {width: 14.32vw;}
	.sub_menu > ul > li.home > a {background-size: 5.21vw;}
	.sub_menu > ul > li.menu_btn {width: calc(50% - 7.16vw); background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 3.26vw center / 3.20vw;}
	.sub_menu_txt li {height: 11.72vw;}
	.sub_menu_txt li a {padding: 0 3.91vw; font-size: 3.65vw;}

    /* sub_content */
	#sub_content{padding:10.56vw 0;}
    .sub_inner{max-width: 100%; padding: 0 3.13vw;}

    /* sub_title */
    .sub_title{margin-bottom:15.63vw;}
    .sub_title em{font-size: 3.65vw;}
    .sub_title h3{font-size: 9.38vw; margin-top:2.08vw;}

	/* 에러페이지 */
	.error{gap:9.20vw; flex-direction: column-reverse; align-items: center;}
	.error .txt{text-align: center;}
	.error .txt strong{font-size: 3.39vw;}
	.error .txt .title{font-size: 5.9vw; letter-spacing: -0.05vw; margin: 4.91vw 0;}
	.error .txt p{font-size: 3.39vw;}
	.error .txt a{font-size: 3.13vw; padding: 3.08vw 0; gap: 1.30vw; width: 42.95vw; margin: 7.51vw auto 0;}
	.error .txt a img{width: 2.34vw;}
	.error .img{width: 36.46vw;}
}