.mob{display:none;}

/* #header {background: rgba(34, 64, 153, .9);}
#header .brand a {background: #fff; color: var(--main-color);} */
/* sub visual */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 650px; position:relative; background:url("/images/main/main_visual.jpg") no-repeat center / cover;}
.sub_visual::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3;}
.sub_visual .sub_vis_txt{max-width:1400px; margin: 0 auto; padding-top:295px; color:#fff;}
.sub_visual .sub_vis_txt h2{position: relative; z-index: 1; font-size: 60px; font-weight: 800; font-family: var(--font-esa);}
.sub_visual .sub_vis_txt p{font-size: 25px; margin-top:20px; line-height:1.3;}
.sub_menu{width:1400px; position:absolute; left:50%; transform:translateX(-50%); bottom:-40px; background: #fff; height:80px; z-index: 10;}
.sub_menu > ul {position: relative; display: flex; align-items: center; height:100%;}
.sub_menu > ul > li {position: relative; height: 100%;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: rgba(0, 0, 0, 0.20);}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 22px; font-weight: 700; height: 100%;}
.sub_menu > ul > li.home {width: 110px;}
.sub_menu > ul > li.home > a {display:block; height:100%; background: url("/img/sub/home_ic.svg") no-repeat right 30px center / 30px;}
.sub_menu > ul > li.menu_btn {width: 300px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 25px center / 20px;}
.sub_menu > ul > li.menu_btn.on {background-color: #FED141; 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:10;}
.sub_menu_txt li {height: 60px; border-bottom: 1px solid #F1F1F1;}
.sub_menu_txt li a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; font-weight: 600; color: #6D6D6D; height: 100%;}
.sub_menu_txt li a:hover{color:#FED141;}
.sub_menu_txt li:last-child{border-bottom:none;}

#sub_content{padding-top:145px;}
.sub_inner{max-width:1400px; margin:0 auto;}
.sub_wrap{margin-bottom:130px;}
.sub_title_txt{text-align:center; margin-bottom:90px;}
.sub_title_txt h3{font-size: 50px; font-weight: 900; color:#3D3935;}

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

	/* sub visual */
	.sub_visual{height: 45.14vw;}
	.sub_visual .sub_vis_txt{max-width:94.44vw; padding-top:20.49vw;}
	.sub_visual .sub_vis_txt h2{font-size: 4.17vw;}
	.sub_visual .sub_vis_txt p{font-size: 1.74vw; margin-top:1.39vw;}
	.sub_menu{width:94.44vw; bottom:-2.78vw; height:5.56vw;}
	.sub_menu > ul > li + li:before {height: 1.39vw;}
	.sub_menu > ul > li > a {padding-left: 2.08vw; font-size: 1.53vw;}
	.sub_menu > ul > li.home {width: 7.64vw;}
	.sub_menu > ul > li.home > a {background-position: right 2.08vw center; background-size: 2.08vw;}
	.sub_menu > ul > li.menu_btn {width: 20.83vw; background-position: right 1.74vw center; background-size: 1.39vw;}
	.sub_menu_txt li {height: 4.17vw;}
	.sub_menu_txt li a {padding-left: 2.08vw; font-size: 1.39vw;}

	#sub_content{padding-top:10.07vw;}
	.sub_inner{max-width:94.44vw; margin:0 auto;}
	.sub_wrap{margin-bottom:9.03vw;}
	.sub_title_txt{ margin-bottom:6.25vw;}
	.sub_title_txt h3{font-size: 3.47vw;}
}

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


	/* sub visual */
	.sub_visual{height: 45.16vw;}
	.sub_visual .sub_vis_txt{max-width:93.75vw; padding-top:20.47vw;}
	.sub_visual .sub_vis_txt h2{font-size: 4.14vw;}
	.sub_visual .sub_vis_txt p{font-size: 1.72vw; margin-top:1.41vw;}
	.sub_menu{width:93.75vw; bottom:-2.81vw; height:5.55vw;}
	.sub_menu > ul > li + li:before {height: 1.41vw;}
	.sub_menu > ul > li > a {padding-left: 2.11vw; font-size: 1.56vw;}
	.sub_menu > ul > li.home {width: 7.66vw;}
	.sub_menu > ul > li.home > a {background-position: right 2.11vw center; background-size: 2.11vw;}
	.sub_menu > ul > li.menu_btn {width: 20.86vw; background-position: right 1.72vw center; background-size: 1.41vw;}
	.sub_menu_txt li {height: 4.14vw;}
	.sub_menu_txt li a {padding-left: 2.11vw; font-size: 1.41vw;}

	#sub_content{padding-top:10.08vw;}
	.sub_inner{max-width:93.75vw;}
	.sub_wrap{margin-bottom:9.06vw;}
	.sub_title_txt{ margin-bottom:6.25vw;}
	.sub_title_txt h3{font-size: 3.44vw;}
}

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


	.pc{display:none;}
	.mob{display:block;}

	/* sub visual */
	.sub_visual{height: 98.96vw; background-image:url("/images/main/mob/main_visual.jpg");}
	.sub_visual .sub_vis_txt{max-width:100%; padding: 0 3.13vw; padding-top:40.11vw;}
	.sub_visual .sub_vis_txt h2{font-size: 9.11vw;}
	.sub_visual .sub_vis_txt p{font-size: 4.17vw; margin-top:2.84vw;}
	.sub_menu{width:100%; position:relative; bottom: 0; height:13.24vw; border-bottom:1px solid #E7E7E7;}
	.sub_menu > ul > li + li:before {height: 2.84vw;}
	.sub_menu > ul > li > a {padding-left: 3.52vw; font-size: 3.60vw;}
	.sub_menu > ul > li.home {width: 10%;}
	.sub_menu > ul > li.home > a {background-position: center; background-size: 4.12vw; padding-left:0;}
	.sub_menu > ul > li.menu_btn {width: 45%; background-position: right 2.86vw center; background-size: 3.14vw;}
	.sub_menu_txt li {height: 10vw;}
	.sub_menu_txt li a {padding-left: 3.52vw; font-size: 3.34vw;}

	#sub_content{padding-top:16.80vw;}
	.sub_inner{max-width:100%; padding: 0 3.13vw;}
	.sub_wrap{margin-bottom:15.10vw;}
	.sub_title_txt{ margin-bottom:10.42vw;}
	.sub_title_txt h3{font-size: 7.81vw;}
}