@charset "utf-8";

.venderWrap{ margin-bottom: 0px;}

.visualWrap{position:relative; height: 330px;  text-align: left; }
.visualWrap img {width:100%; height:auto; display:none;}
.visualWrap.sub1{background: url(/images/sub/sub_bg-0190aafbcb650ab51ccad87b1aa3a8d3.jpg)no-repeat 50% 5%; text-align: left; background-size: cover;}
.visualWrap.sub2{background: url(../images/sub/subVisual2.jpg)no-repeat 80% 50%; text-align: left; background-size: cover;}
.visualWrap.sub3{background: url(../images/sub/subVisual3.jpg)no-repeat 50% 50%; text-align: left; background-size: cover;}
.visualWrap.sub4{background: url(../images/sub/subVisual4.jpg)no-repeat 50% 50%; text-align: left; background-size: cover;}
.visualWrap img{width: 100%; height: auto; display: none;}
.visualWrap h2{font-size: 37px; font-weight: 500; color: #fff; padding-top: 20px; text-align: center; letter-spacing: -0.5px; font-family: 'esamanru';}
.visualWrap p.text{font-size: 15px; color: #fff; font-weight: 300;  padding-top: 185px; text-align: center; letter-spacing: 10px; text-transform: uppercase;}

/* 서브화면 내용 */
.titleWrap{text-align: center; padding:0px 0 10px; }
.titleWrap h1 {margin-bottom:10px;}
.titleWrap h3.tit{font-size: 35px; font-weight: 600; color: #222; display: inline-block;position: relative; letter-spacing:-2px;}
.titleWrap p {color:#888; margin:13px;}
.titleWrap h2.tit2 {font-size: 36px; font-weight: 600; color: #222; position: relative; letter-spacing:-1px; margin-top:50px;}

.h-tit {font-size:35px; font-weight:600; margin-bottom:20px;}
.tit {font-size:26px; font-weight:600; margin-bottom:7px;}
.tit-s {font-size:15px; font-weight:400; letter-spacing: 15px; margin-bottom:20px;}
h1 span.box {display:inline-block; padding:0px 9px; color:#fff; background:#e36630; border-radius: 5px;}

/* 동영상 */
.subvideo {width:100%; overflow:hidden; text-align:center;}
.subvideo video {width:100%; object-fit: cover;}

/* 서브화면 뎁스 */
.location {display:none;}
.location{z-index:2;position:relative;height:72px; line-height: 71px; width:100%; margin:0 auto 0;background:#fff;/*border-top:1px solid #e1e1e1; */border-bottom:1px solid #e1e1e1 ; box-sizing: border-box; }
.location *{vertical-align:middle;}
.location .box{position:relative;max-width:1200px;margin:0 auto;font-size:0;border-left:1px solid #e1e1e1; /*border-left:1px solid #e1e1e1; */}
.location .home{display:inline-block;width:69px;height:72px;font-size:0; /*border-right:1px solid #e6e6e6; */background:url(/images/sub/ico_home-ca1df4e68aceff3022b240357b7a51fd.png) no-repeat 50% 50%;border-right:1px solid #e6e6e6;}
.location .home + ul{display:inline-block;}
.location .dep1{position:relative;display:inline-block; padding-left:20px;  border:1px solid transparent;  border-bottom:0; /*border-right:1px solid #e1e1e1; */box-sizing:border-box;border-right:1px solid #e1e1e1;min-width:250px; height:72px; line-height:72px;}
.location .dep1:nth-child(2) {background:#fff;}
.location .dep1 > a{position:relative;display:block;  padding-right:35px;font-size:16px;color:#666; line-height:74px;}
.location .dep1 > span{position:relative;display:block;padding-right:24px;font-size:14px;}
.location .dep1 > a:before{content:"";display:block;position:absolute;top:33px;right:19px;width:12px;height:7px;background:url(/images/sub/ico_lnb_arrow-ecab669ad3f4f2fc4e5505dded7cd129.png) no-repeat 0 0;}
.location .dep1.noicon > a:before{content:"";display:block;position:absolute;top:30px;right:15px;width:12px;height:7px;background:#fff;}
.location .dep2{display:none;position:absolute;width:calc(100% + 2px);left:-1px;top:71px;background:#fff;box-sizing:border-box;}
.location .active .dep2{display:block;padding:0 0 12px 0;border:1px solid #212121;border-top:0;font-size:14px;color:#666;}
.location .active .dep2 li~li{margin-top:0;}
.location .active .dep2 a{display:block;line-height:50px;height:50px;padding-left:23px; padding-right: 15px; box-sizing: border-box; color:#676969;font-size:15px;}

.location .active .dep2 a:hover{position: relative; background: #e36630; color: #fff;font-weight: 500; }
.location .active .dep2 a:hover:before {content: '';display:  block;position: absolute;width:  6px;height:  100%;background: #e36630;top:  0;left:  0;}
.location .dep2.on > a{ color:#fff;}
.location .dep1.active{min-width: 250px; max-width: 340px; left:-1px;top:-1px;border:1px solid #212121;border-bottom:0;}
.location .active > a:before{background:url(/images/sub/ico_lnb_arrow_up-33ba119e85b5dc39915876f2c17341b3.png) no-repeat 0 0;}
.location .dep1.active > a{position:relative;top:1px;left:1px;}

.sub_title {display:inline-block; background:#000; padding:10px 30px; color:#fff; font-size:28px; font-family: 'esamanru';}
.title_wrap{display:flex; align-items:center; justify-content:center; background:transparent; padding:24px; margin-top:130px; margin-bottom:50px;}
.badge{
	font-family: 'esamanru'; 
	background:#000;
	color:#fff;
	display:inline-block;
	padding:15px 30px;
	border-radius:4px;
	font-weight:600;
	letter-spacing:-0.5px;
	font-size:30px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.15) inset;
	text-align:center;
	line-height:1;
	white-space:nowrap;
}
.sub1_bg {background: url(/images/sub/sub_bg3-953fe751f8180d63d9e188d5541fc8bc.jpg) no-repeat center top/cover; display:flex; flex-direction:column; justify-content: center; align-items: center; padding:100px 20px; text-align: center;}
.sub1_bg .h-tit {font-family: 'esamanru';}
.sub1_bg ul {margin-top:20px; width:100%; max-width:800px; font-size:20px;}
.sub1_bg ul li {background:#fff; color:#333; padding:25px 10px; margin-bottom:15px; border-radius:10px;}

.sub2_bg {background: url(/images/sub/sub_bg4-db05ae697127424868f22a2c146a5283.jpg) no-repeat center top/cover; display:flex; flex-direction:column; justify-content: center; align-items: center; padding:100px 20px; text-align: center; line-height:1.6;}
.sub2_bg .h-tit {font-family: 'esamanru';}
.sub2_bg h5 span {display:block;}

.sub3_bg {background: url(/images/sub/sub_bg2-7229537720a574c6704d4b6c641bcc1d.jpg) no-repeat center top/cover; display:flex; flex-direction:column; justify-content: center; align-items: center; padding:100px 20px; text-align: center; line-height:1.5;}
.sub3_bg .text {text-transform: uppercase; color:#888;}
.sub3_bg .h-tit {font-family: 'esamanru'; font-weight:300;}
.sub3_bg .h-tit span {font-weight:600;}
.sub3_bg h5 span {display:block;}

.sub_bg {display:flex; flex-direction:column; justify-content: center; align-items: center; padding:100px 20px; text-align: center; color:#fff;line-height:1.6;}
.sub_bg .h-tit {font-family: 'esamanru';}
.sub_bg ul {margin-top:20px; width:100%; max-width:800px; font-size:20px;}
.sub_bg ul li {background:#fff; color:#333; padding:25px 10px; margin-bottom:15px; border-radius:10px;}

.sub_bg.bg4 {background: url(/images/sub/sub_bg7-df0b9cdd11c31cf578b2394e4b63edc7.jpg) no-repeat center top/cover;}
.sub_bg.bg5 {background: url(/images/sub/sub_bg5-1894ea28cb9d4f17b48cda911bc9906d.jpg) no-repeat center top/cover;}

.section-title{
	font-family: 'esamanru';
	background:#dde4ea;
	padding:22px 18px;
	text-align:center;
	font-weight:900;
	font-size:28px;
	color:#0e2a3a;
	border-radius:4px;
	margin-bottom:26px;
}

/* 그리드 */
.grid{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:16px;
}

.subcard{
	border:1px solid #cfcfcf;
	border-radius:4px;
	overflow:hidden;
	background:#fff;
	display:flex;
	flex-direction:column;
	min-height:220px;
}

.subcard .media{
	background:#f5f5f5;
	/* padding:28px; */
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:180px;
}
.subcard .media img{max-width:100%;object-fit:contain;display:block}
.subcard .media img.test_img1 {height: 28.8rem;}

.subcard .label{
	background:#01162a;
	color:#fff;
	padding:18px 22px;
	text-align:center;
	font-weight:600;
	font-size:20px;
}

.submenu {width:100%; margin:0 auto; display:flex; justify-content: center; align-items: center; background:#001830;}
.submenu ul {width:100%; display:flex; justify-content: center; align-items: center; }
.submenu ul li {flex:1; text-align: center; }
.submenu ul li a {display:block; font-size:16px; padding:25px 5px; transition:all .5s; color:#737d86;}
.submenu ul li:hover a {background-color:#003768; color:#fff; font-weight:500; }
.submenu ul li.on a {background-color:#065396; color:#fff; font-weight:500; }

.equip {background:#f5f5f5; display:flex; flex-wrap:wrap;  align-items: center; box-sizing: border-box; width:100%; margin-bottom:20px;}
.equip .img_div {width:35%;}
.equip .img_div img {width:100%;}
.equip .txt_div {width:60%;}
.equip .txt_div h5 {font-size:19px;}
.equip .txt_div h3 {font-size:27px; font-family: 'esamanru'; color:#093f6e; margin:15px 0 20px;}

.map {width:100%; height:600px;}
.map iframe {height:600px;}
.s_tit p { text-align: center; letter-spacing: 1.5px; color:#777; margin-top:100px;}
.s_tit h2{font-size: 37px; font-weight: 500; padding-top: 20px; text-align: center; letter-spacing: -0.5px; font-family: 'esamanru';}



  .info-wrap{max-width:980px; margin:28px auto; padding:6px 12px}
  .info-item{
    display:flex; align-items:flex-start; align-items: center; gap:18px;
    padding:18px 0;
  }
  .info-item .icon{
    width:30px; height:30px; flex:0 0 30px;
    color:#213a8f;  
  }
  .info-item .label{
    font-weight:800; font-size:26px; letter-spacing:-0.02em;
    min-width:72px;
  }
  .info-item .info-item-content{flex:1; min-width:0;}
  .info-item .main{
    font-size:26px; font-weight:700; letter-spacing:-0.02em;
    color:#3a3a3a;
  }
  .info-item .extra{
    font-size:24px; font-weight:800; letter-spacing:-0.02em;
    margin-left:16px; white-space:nowrap;
  }
  .info-item .extra a{color:#213a8f;  text-decoration:none;}
  .info-item .extra a:hover{ text-decoration:underline; }
  /* 작은 화면 대응 */
  @media (max-width:640px){
    .info-item .label{font-size:18px; min-width:45px}
    .info-item .main{font-size:18px}
    .info-item .extra{display:block; margin:6px 0 0 0; font-size:16px; white-space:normal}
	.info-item {gap:10px; padding:10px 0;}
	.subcard .media img.test_img1 {height: auto;}
  }

#doc_page {background: url(/images/sub/bg_05-bc613d1bbe848b3317d4374152312cdf.jpg) no-repeat right center/cover; display:flex; align-items:center; justify-content:center;}
#doc_page .d-flex {align-items:center; justify-content:center;}
#doc_page .d-flex .left {width:45%;}
#doc_page .d-flex .right {width:45%;}
#doc_page .d-flex .left img {display:block; width:90%; max-width:588px; margin:0 auto;}
#doc_page .d-flex .right {color:#333;}
#doc_page .d-flex .right h2 {margin-bottom:20px; font-size:35px; font-weight:900; color:#0d3761; font-family: 'esamanru';} 
#doc_page .d-flex .right h2 span {font-size:25px; font-weight:500; color:#000;} 
#doc_page .d-flex .right p {color:#333; font-size:18px; line-height:1.9em; font-weight:400; margin-left:0px;}
#doc_page .d-flex .right {font-size:16px; line-height: 1.5em;}
#doc_page .d-flex .right img {margin:10px 0;}
#doc_page .bold {font-weight:600;}

#foot_page .f-tit {font-size: 28px; font-family: 'esamanru'; letter-spacing: -1px; font-weight:400; color:#005a9a;}
.title-bar::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1em;
    background-color: #005a9a;
    margin-right: 8px;
	margin-bottom:-5px;
}
#foot_page .f-txt {font-size: 17px; line-height: 1.8em;}
#foot_page span.box {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fffb80;}
#foot_page span.box2 {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fff;}
#foot_page h1 span {color:#155698;}
#foot_page h1 {color:#333;}
#foot_page h2 {background:#155698; color:#fff; font-size:33px; font-weight:700; padding:5px; width:100%; max-width:600px; box-sizing: border-box; margin-top:30px; letter-spacing: -.5px; text-align: center;}
#foot_page h2 span {padding-left:20px;}
#foot_page h2 a {color:#fff;}
#foot_page p span.w-gap {display:inline-block; width:150px; font-weight:600;}



@media screen and (max-width:1400px) {
	.h-tit {font-size:25px; margin-bottom:20px;}
	.tit {font-size:20px;  margin-bottom:7px;}
	.tit-s {font-size:13px;  letter-spacing: 10px; margin-bottom:20px;}
	#doc_page .d-flex .left {width:50%;}
	#doc_page .d-flex .right {width:50%;}
	#doc_page .d-flex .left img {width:80%; }
	#doc_page .d-flex .right h3 {margin-top:50px; font-size:26px;}
	#doc_page .d-flex .right p {margin-top:5px; font-size:12px; font-weight:400;}
	.subcard .media img.test_img1 {height: auto;}
}

@media screen and (max-width: 1024px) {
	.visualWrap h2 {font-size:33px; padding-top:10px;}
	.visualWrap p.text {font-size:14px; padding-top:50px; letter-spacing: 0px;}
	.visualWrap {height:160px;}
	.titleWrap h3.tit {font-size:25px;}
	.titleWrap h2.tit2 {font-size:22px;}
	.titleWrap p {margin:7px;}	
	#doc_page .d-flex .left {width:100%; order:2;}
	#doc_page .d-flex .right {width:100%; padding-left:5%; padding-top:1%; order:1; font-size:14px;}
	#doc_page .d-flex .right h2 {margin-top:50px; font-size:23px; margin-bottom:1px;}
	#doc_page .d-flex .right h2 span {font-size:16px;}
	.badge {font-size:25px;}
	.sub_bg h5, .sub2_bg h5, .sub3_bg h5 {font-size:18px;}
	.section-title {font-size:25px;}
	.subcard .label {font-size:17px;}
	.sub1_bg ul {font-size:18px; line-height: 1.5;}
	.equip .txt_div h5 {font-size:17px;}
	.equip .txt_div h3 {font-size:19px;}
	.equip .txt_div p {font-size:15px;}
	.subcard .media img.test_img1 {height: auto;}
}


@media screen and (max-width: 900px) {
	.submenu ul li a {padding:13px 3px; font-size:13px;}
	.h-tit {font-size:19px; margin-bottom:20px;}
	.tit {font-size:17px;  margin-bottom:7px;}
	.tit-s {font-size:12px;  letter-spacing: 10px; margin-bottom:20px;}
	.visualWrap {height:160px;}
	.titleWrap h3.tit {font-size:25px;}
	.titleWrap h2.tit2 {font-size:22px;}
	.titleWrap p {margin:7px;}	
	.f-size20 {font-size:14px;}
	#doc_page .d-flex .right p {font-size:12px;}
	.badge {font-size:17px; font-weight:500; padding:15px 20px;}
	.sub_bg h5, .sub2_bg h5, .sub3_bg h5 {font-size:15px;}
	.section-title {font-size:17px; line-height: 1.5;}
	.subcard .label {font-size:13px; line-height: 1.5; padding:10px 10px;}
	.subcard {min-height: auto;}
	.subcard .media {min-height: auto;}
	.sub1_bg ul {font-size:14px;}
	.sub1_bg ul li {padding:15px 5px;}
	.equip .img_div, .equip .txt_div {width:100%;}
	.equip .img_div {padding:20px;}
	.equip .txt_div {padding:5px 20px 30px;}
	.equip .img_div img {height:100%; max-height:200px;}
	.equip .txt_div h5 {font-size:15px;}
	.equip .txt_div h3 {font-size:17px;}
	.equip .txt_div p {font-size:13px;}
	.title_wrap {margin-top:90px; padding:0;}
	.s_tit p {margin-top:50px;}
	.s_tit h2 {font-size:25px; padding-top:10px;}
	#foot_page .f-tit {font-size:20px;}
	#foot_page .f-txt {font-size:15px;}
	.mt-80 {margin-top:40px;}
	.map {width:100%; height:400px;}
	.map iframe {height:400px;}
	.subcard .media img.test_img1 {height: auto;}
}

@media screen and (max-width: 500px) {
	.map { height:300px;}
	.map iframe {height:300px;}
	.subcard .media img.test_img1 {height: auto;}
}