@charset "utf-8";


/* root */
:root{
	--c-01:#c5a56e;
}

/* common */
.container_title {position:relative; text-align:center;font-size:30rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 30rem 0;color:#222;display: none;}
.container_title:after {content: "";display:block;margin: 20rem auto 0 auto;width:40rem;height:1rem;background:#e8e8e8;}
.tit01 {z-index:50; position: relative; padding-top:14rem; margin: 0 0 30rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:12rem;height: 3rem;background:#c5a56e;} 
.tit01::after {content: "";position: absolute;left: 12rem;top: 0;width:12rem;height: 3rem;background:#6f4a12;} 
.tit02 {z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.bg_gray{background:#f6f6f6;}

.subtable {margin-top:10rem; width:100%; border-top:1px solid #000;}
.subtable thead th{text-align:center; word-break: keep-all;background:#004ea2; padding:15rem 5rem; border-left:1rem solid #000; border-bottom:1rem solid #000; color:#fff;  }
.subtable tbody th {text-align:center; background:#f6f6f6; color:#004ea2;  font-weight:500; padding:15rem 0; border:1px solid #ddd;}
.subtable tbody td {text-align:center; border-bottom:1px solid #dbdbdb; font-size:17rem; padding:15rem 25rem; background:#fff; line-height:1.5; color:#35363a; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}
.subtable tbody td span {display:block;}

.profile_table { width:100%; border-top:2px solid #004ea2;}
.profile_table thead th{text-align:center; word-break: keep-all;background:#f5f5f5; padding:15rem 5rem; border:1px solid #ddd; font-weight:800; }
.profile_table tbody th {font-size:17rem; width:20%; text-align:center; background:#f9f9f9; color:#000;  font-weight:500; padding:15rem 0; border:1px solid #ddd;}
.profile_table tbody td {font-size:17rem; text-align:left; border-bottom:1px solid #dbdbdb; padding:15rem 25rem; background:#fff; line-height:1.5; color:#35363a; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.profile_table tbody td.t_left{text-align:left;}
.profile_table tbody td span {display:block; margin-bottom:5rem; }

.subtable_area { width:100%; margin:20rem 0;}
.subtable_area thead th{text-align:center; word-break: keep-all;background:#1845d9; padding:15rem 5rem; border:1rem solid #fff; color:#fff; }
.subtable_area tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable_area tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 25rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable_area tbody td.t_left{text-align:left;}


#contents {word-break: keep-all; position:relative;padding: 90rem 0;}
#contents p {line-height:1.7;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:130rem; position:relative;height:450rem;background-color:#000;background-size:cover;background-position:50%;text-align:center;display: flex;justify-content: center; align-items: center; }
#sub_visual h2{word-break: keep-all; font-weight:800;font-size:45rem;color:#fff;animation:up .5s .2s forwards;}
#sub_visual p{word-break: keep-all; position:relative;line-height:1;font-weight:800;font-size:30rem;color:#fff;letter-spacing:-1px;animation:up .5s .2s forwards;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:relative;border-bottom:1px solid #e5e5e5 }
#snb2 {position:relative;border-bottom:0px solid #e5e5e5 }
.left_snb{ margin:30rem auto 0; text-align:center; }
.left_snb ul {display: flex; justify-content: center; gap:50rem; }
.left_snb li {word-break: keep-all; display:inline-block; }
.left_snb li a {color:#000; display:block; font-weight:600; letter-spacing:-.5px; font-size:20rem; position:relative; letter-spacing:-.5px; }
.left_snb li.on a {}
.left_snb li.on a:after {content: ""; display:block; margin:30rem auto 0; width:100%; height:3rem; background:#004ea2; }

.left_snb_pgae{max-width:1400rem; margin:0 auto;  text-align:center; }
.left_snb_pgae ul {display:grid;grid-template-columns: repeat(4, 1fr); justify-content: center;}
.left_snb_pgae li {word-break: keep-all; display:inline-block; height:70px;  }
.left_snb_pgae li a {color:#000; display:block; font-weight:600; margin-top:20px; letter-spacing:-.5px; font-size:18rem; position:relative; letter-spacing:-.5px; }
.left_snb_pgae li.on a {}
.left_snb_pgae li.on a:after {content: ""; display:block; margin-top:20px; width:100%; height:3rem; background:#004ea2; }


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/

@media (max-width:1023px) {
	#sub_visual{margin-top:80rem; height:300rem}
}

@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{ font-size:16rem}
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:150rem}
	#sub_visual h2:after {display:none;}
	#sub_visual p{font-size:17rem; }

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem 3rem; font-size:13rem;}
	.subtable tbody th{width:15%;}
	.subtable tbody td{font-size:13rem;}
	.subtable td span {font-size:13rem;}

	.profile_table thead th,
	.profile_table tbody td,
	.profile_table tbody th{line-height:1.5; padding:5rem 10rem; font-size:13rem;}

	#contents{padding:25rem 0}
	#contents p{font-size:14rem}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */

.greeting-sec {}
.greeting-sec ul {display: flex; gap: 50px 80px;}
.greeting-sec__text-wrap {max-width: 1100px;}
.greeting-sec__bottom span {font-size:20rem; font-weight:600; color:#1b3c80; display:block; margin-bottom:20rem; letter-spacing:-.5px; }
.greeting-sec__bottom h3 {font-size:22rem; color: #000; font-weight:800; margin-bottom:30rem; 	line-height: 1.6;  letter-spacing:-.5px; }
.greeting-sec__bottom .text-large {font-size:18rem; color: #000;	line-height: 1.6;  letter-spacing:-.5px; }
.greeting-sec__bottom .text-large:first-child {	margin-top: 45px;}
.greeting-sec__bottom .text-large + .text-large {	margin-top: 40px;}
.greeting-sec__right {	max-width: 495px;}
.greeting-sec__img-wrap {	display: flex; align-items: center; justify-content: center;  	position: relative;	padding: 0 20px 20px 0;	border-top-left-radius: 20px;	overflow: hidden;}
.greeting-sec__img-wrap::after {	content: "";	position: absolute;	bottom: 0;	right: 0;	width: 82%;	height: 64%;	background-color: #00a2e2;	z-index: -1;}
.greeting-sec__img {	width: auto;	max-width: 100%;	min-width: 138px;	height: 100%;}

@media all and (max-width: 1023px) {
	.greeting-sec ul {display: flex; flex-direction:column; gap: 50px 20px;}
	.greeting-sec__right {	margin:0 auto;}
	.greeting-sec__img-wrap::after {width: 100%;  left:50%; transform:translateX(-50%);}
	.greeting-sec__bottom h3 {font-size:17rem;}
	.greeting-sec__bottom span {font-size:16rem; }
}

.bsn h2{margin-bottom:15px}
.bsn ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:0 100rem; }
.bsn img{width:100%;filter:brightness(0.9); border-radius:10px; }
.bsn .cmt{position:relative;margin-top:-25px;padding:0 50px;font-size:17px}
.bsn .cmt span{display:inline-block;padding:7px 60px; font-size:20rem; border-radius:10px 10px 10px 0;font-weight:600;color:#fff; background:#0053ac}
.bsn .cmt p{margin-top:20px;font-size:17rem;font-weight:500;color:#000; letter-spacing:-.5px; }

@media all and (max-width: 1023px) {
	.bsn ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20rem; }
	.bsn .cmt{padding:0 20px;}
	.bsn .cmt span{padding:7px 20px; font-size:16rem; }
	.bsn .cmt p{font-size:15rem;}
}

#About {background:#f3f3f5 url(../img/sub/history_bg.jpg) center top no-repeat; padding:70rem 0; }
#About h2 {font-size:35rem; color:#000; font-weight:800;}
#About h2 span {display:block; font-size:17rem; color:#000; font-weight:500; letter-spacing:-.5px; margin-top:20rem; }
.box {max-width:1400rem; margin:0 auto; display: flex;  align-items: flex-start;  justify-content: space-between;}
.box .r_cont{width:55%}
.his dl {padding:20rem 0; border-bottom:1px solid #000;}
.his dl dd {display:flex; margin-bottom:15rem; }
.his dl dd em{width:130px;font-size:17rem; font-style:normal;font-weight:800;color:#7a7a7a; }
.his dl dd span{display:inline-flex;align-items:center; font-size:18rem; }
.his dl dd p{word-break: keep-all; font-size:18rem; font-weight:600; color:#000; letter-spacing:-.5px; line-height: 1.5; }
.his dl dd span svg{width:21px}
.his h2{position:sticky;top:150px;height:100%}


.his-drawer input {display:none;  }
.his-drawer__content-wrapper {  font-size: 35rem;  max-height: 0px;  overflow: hidden;  transition: 0.25s ease-in-out;}
.his-drawer__title {border-bottom:1px solid #000; cursor: pointer;  display: block;  font-size: 35rem;  font-weight: 800; padding:10rem 0;  position: relative;  margin-bottom: 0;  transition: all 0.25s ease-out;}
.his-drawer__title::after {  border-style: solid;  border-width: 2px 2px 0 0;  content: " ";  display: inline-block;  float: right;  height: 10px;  left: -10px;  position: relative;  right: 50px;  top: 20px;  transform: rotate(135deg);  transition: 0.35s ease-in-out;  vertical-align: top;  width: 10px;}

/* OPTIONAL HOVER STATE */
.his-drawer__title:hover {   color: #4E4B52;}

.his-drawer__trigger:checked
  + .his-drawer__title
  + .his-drawer__content-wrapper {  max-height: 1350px;}

.his-drawer__trigger:checked + .his-drawer__title::after {  transform: rotate(-45deg);  transition: 0.25s ease-in-out;}


@media all and (max-width: 1023px) {
	#About {padding:30rem 10rem;}
	.box {max-width:100%; flex-direction:column; }
	.box .r_cont{width:100%}

	.his h2{position:relative;top:0px; margin-bottom:30rem; }
	.his-drawer__title {font-size: 25rem;}
	.his dl dd em{width:100px; font-size:15rem; }
	.his dl dd p{font-size:15rem; width:80%; }
}

.dot-title{ color:#111; font-weight: 600; letter-spacing: -0.56px; display:flex; align-items:center; margin-bottom: 20rem; }
.dot-title:before{ content:''; display:block; width: 10px; height: 10px; background: #004ea2; margin-right: 10px;}
.dot-title em,
.dot-title span{ display: contents; }
.dot-title span{ color:var(--mainC); }

.sec_profile {margin-bottom:50rem; }
.sec_profile h3 {font-size:25rem; font-weight:600; color:#000;}
.sec_profile ul {display: flex;  align-items: flex-start;  justify-content: space-between; gap:50rem; }
.sec_profile ul li img {border-radius:10px;}
.sec_profile ul li:nth-child(2) {width:100%;}
.sec_profile ul li dd {display: grid; grid-template-columns: 10% 90%; gap:40rem; margin-bottom:20rem; }
.sec_profile ul li dd h4 {background:#004ea2; color:#fff; border-radius:20px; font-size:16rem; font-weight:600; text-align:center; height:30px; line-height:30px; }

@media all and (max-width: 1023px) {
	.sec_profile h3 {font-size:20rem; }
	.sec_profile ul {flex-direction:column; gap:20rem; }
	.sec_profile ul li dd {display:grid;grid-template-columns: repeat(1, 1fr);}
	.sec_profile ul li dd h4 {font-size:14rem; width:100rem; }
}


.intro-executive {margin-bottom:50rem;}
.intro-executive h3 {font-size:22rem;}
.intro-executive .photo-card {}
.intro-executive .photo-card__item {	width: 25%;	padding: 40px 10px 0;}
.intro-executive .photo-card__inner {	gap: 20px;	padding: 20px;}
.intro-executive .photo-card__img-wrap {	width: 50%;	max-width: 91px;	height: 112px;}
.intro-executive .photo-card__desc-wrap {	min-height: 110px;}
.intro-executive .photo-card__desc-top {	gap: 4px;}

.default-list {display: flex; align-items: center; gap:5rem; }
.detail_btn {width:80rem; cursor:pointer; background:#1b3c80; color:#fff; font-size:13rem; border-radius:3px; border-bottom:1px solid #000;  display: block;  padding:2rem 5rem 2rem 9rem;  position: relative;  margin-bottom: 0;  transition: all 0.25s ease-out;}
.detail_btn::after {  border-style: solid;  border-width: 1px 1px 0 0;  content: " ";  display: inline-block;  float: right;  height: 6px;  left: -6px;  position: relative;  right: 40px;  top: 7px;  transform: rotate(45deg);  transition: 0.35s ease-in-out;  vertical-align: top;  width: 6px;}
.detail_btn a {color:#fff;}
.mail_btn {cursor:pointer; background:#333; color:#fff; font-size:14rem; border-radius:30px; width:23rem; height:23rem; text-align:center; line-height:25rem; margin-left:5rem; }
.mail_btn i {font-size:13rem;}

/* Photo Card */
.photo-card {	display: flex;	flex-wrap: wrap;	margin: -40px -20px 0;}
.photo-card__item {	width: 50%;	padding: 40px 20px 0;}
.photo-card__inner {	display: flex;	align-items: center;	gap: 20px;	height: 100%;	border: 1px solid #eee;	transition: border-color 0.3s;}
.photo-card__img-wrap {	display: flex;	align-self: flex-start;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 20.28%;	max-width: 91px;	height: 112px;	overflow: hidden;	background:#fafafa;}
.photo-card__img-wrap img {	width: 100%;	height: 100%;	object-fit: cover;}
.photo-card__desc-wrap {	display: flex;	justify-content: center;	flex-direction: column;	align-self: flex-start;	width: 100%;} /* min-height 각자 따로 넣기 */
.photo-card__desc-top {	display: flex;	flex-direction: column;	gap: 8px;}
.photo-card__title {	font-size: 22rem; font-weight:800; }
.photo-card__title span {display:inline-block;}
.photo-card__title2 {	font-size: 15rem; font-weight:600; letter-spacing:-.5px; }
.photo-card__subtitle {font-weight:600; font-size:15rem;	color: #1b3c80;}
.photo-card__desc-bottom {	padding-top: 10px;	margin-top: 10px;	border-top: 1px solid #eee;}

@media (max-width: 1280px) {
	.wrap .photo-card {		margin: -20px -10px 0;	}
	.wrap .photo-card .photo-card__item {		padding: 20px 10px 0;	}
	.wrap .photo-card .photo-card__inner {		gap: 30px;		padding: 20px;	}
	.photo-card__desc-top {		gap: 4px;	}
	.photo-card__title {		font-size: 22rem;	}
	.photo-card__desc-bottom {		padding-top: 15px;		margin-top: 15px;	}
}

@media (max-width: 1023px) {
	.wrap .photo-card .photo-card__inner {		flex-direction: column;		gap: 20px;	}
	.wrap .photo-card .photo-card__img-wrap {		width: 100%;		margin: 0 auto;	}
	.wrap .photo-card .photo-card__desc-wrap {		width: 100%;		max-width: none;		min-height: auto;	}
	.wrap .photo-card .photo-card__desc-top {		gap: 4px;		margin-top: 0;		text-align: center;	}
	.photo-card__title {		font-size: 20rem;	}
	.photo-card__time {		display: block;		text-align: center;	}
	
}

@media (max-width: 640px) {
	.wrap .photo-card {		margin: -10px 0 0;	}
	.wrap .photo-card .photo-card__item {		width: 100%;		padding: 10px 0 0;	}
	.wrap .photo-card .photo-card__inner {		flex-direction: row;		align-items: center;	}
	.wrap .photo-card .photo-card__img-wrap {		width: 30%;	}
	.wrap .photo-card .photo-card__desc-wrap {		align-self: center;		width: 60%;	}
	.wrap .photo-card .photo-card__desc-top {		text-align: left;	}
	.photo-card__title {		font-size: 20px;	}
	.photo-card__time {		text-align: left;	}

}

@media (max-width: 480px) {
	.wrap .photo-card .photo-card__inner {		flex-direction: column;	}
	.wrap .photo-card .photo-card__img-wrap {		max-width: 190px;	}
	.wrap .photo-card .photo-card__desc-wrap {		width: 100%;	}
	.wrap .photo-card .photo-card__desc-top {		text-align: center;	}
	.photo-card__time {		text-align: center;	}
	.default-list {display: flex; align-items: center; justify-content: center;  gap:5rem; }
}



/* 공통 레이어 팝업 샘플 */
.layer-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; background-color: rgba(17, 23, 29, 0.70); visibility: hidden; opacity: 0; z-index: 10000;}
.layer-popup.on {visibility: visible; opacity: 1; transition: all 0.3s;}
.layer-popup .popup-inner {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 920px; width: 100%; max-height: 100%; padding: 50px 60px; background-color: #fff; overflow: hidden; overflow-y: auto; animation: fadeInUpLayer 0.3s;}
.layer-popup.on .popup-inner {display: block;}
.layer-popup .popup-inner .close-btn {position: absolute; top: 50px; right: 50px; width: 32px; height: 32px; background: transparent url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 26L26 6' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 26L6 6' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); border: 0; cursor: pointer; transition: all 0.3s;}
.layer-popup .popup-inner .close-btn:hover, .layer-popup .popup-inner .close-btn:focus {transform: rotate(180deg);}
@media (max-width:1280px) {
	.layer-popup .popup-inner {padding: 55px 30px 50px;}
	.layer-popup .popup-inner .close-btn {top: 20px; right: 25px;}
}
@keyframes fadeInUpLayer {
  0% {opacity: 0; transform: translate(-50%, -40%);}
  100% {opacity: 1; transform: translate(-50%, -50%);}
}



.detail_name {display: flex; align-items: center; gap:30rem; }
.detail_name h3 {font-size:25rem; font-weight:800; color:#000; }
.detail_name h3 span {display:block; font-size:16rem; font-weight:600; }

.detail_info { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px 0; font-size:15px;	line-height: 140%; word-break:keep-all; }
.detail_info h4 {font-size:18rem; font-weight:800; color:#000; margin-bottom:20rem; border-bottom:1px solid #ddd; padding-bottom:20rem;}
.detail_info h5 {font-size:16rem; font-weight:600; border:1px solid #ddd; color:#000; background:#f9f9f9; margin-bottom:20rem; display:inline-block; padding-bottom:20rem; border-radius:5px; padding:5rem 10rem; }
.detail_info_right {float:right; text-align:right; font-size:15rem; }
.detail_info h2 { font-size:20rem; font-weight:800; color:#000; text-align: center; margin:50px 0 30px; }
.detail_info h2:first-child { margin-top: 0; }
.detail_info > p { margin:15px 0; }
.detail_info > p+dl { margin-top: 30px; }
.detail_info > dl {display: flex;gap:20rem;  padding-bottom:5px; word-break: keep-all;}
.detail_info > dl > dt{ width:150rem; font-size:15rem;color:#000;font-weight:700;padding-bottom:5px;}
.detail_info > dl > dd{ padding-bottom:10px; font-size:16rem; line-height:140%; letter-spacing:-.5px; }
.detail_info > dl > p {width:50%; padding-bottom:10px; font-size:16rem; line-height:140%; letter-spacing:-.5px; }
.detail_info > dl > span { width:20%; padding-bottom:10px; font-size:16rem; line-height:140%; letter-spacing:-.5px; }
.detail_info > dl > dd ul{ display: grid; grid-template-columns: 70% 30%; gap:0rem;  }
.detail_info > dl > dd ul li{  line-height:150%;  }
.detail_info > dl > dd ul li:first-child { margin-top: 0; }

@media all and (max-width: 600px) {
    .detail_info_right { font-size:13rem; margin-bottom:20rem; }
	.detail_info h2 { font-size:17rem;}
	.detail_info > dl { padding-bottom:20px;}
	.detail_info > dl > dt{ width:100rem; font-size:13rem;}
	.detail_info > dl > dd{ font-size:14rem; width:80%; }
	.detail_info > dl > p {width:30%;}
	.detail_info > dl > span {font-size:13rem;}
}



.subtab {text-align:center; margin-bottom:50px; display:grid;grid-template-columns: repeat(5, 1fr);}
.subtab li {position:relative; color:#797979;  text-align:center; padding:10rem;  cursor:pointer;  z-index:0;  border:1px solid #666;  font-size:18rem;  font-weight:500;  letter-spacing:-.5px; }
.subtab li span {float:left;}
.subtab li i {float:right; vertical-align:top;}
.subtab li:hover {  color:#0a2461;}
.subtab li.active {  color:#0a2461;  border:3px solid #0a2461; }
.subtab li.active:hover {  color:#0a2461;  border:3px solid #0a2461;}

@media all and (max-width: 600px) {
    .subtab {display:grid;grid-template-columns: repeat(3, 1fr);}
	.subtab li { padding:5rem;   font-size:14rem; }
}



.sec_key{margin-bottom:50rem;}
.sec_key .boxes .box{display:flex;align-items:center;}
.sec_key .boxes .box:nth-child(even){flex-direction:row-reverse;}
.sec_key .boxes .box .txt{width:50%;display:flex;justify-content:right;}
.sec_key .boxes .box .txt .tt{padding-bottom:0;}
.sec_key .boxes .box .txt .tt h3 {font-size:30rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem;}
.sec_key .boxes .box .txt .tt h3 b {color:#032773; font-weight:800;}
.sec_key .boxes .box .txt .tt h4 {font-size:20rem; letter-spacing:-.5px; font-weight:800; margin:30rem 0;}
.sec_key .boxes .box .txt .tt p{font-size:25rem;font-weight:600;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_key .boxes .box .txt .tt p b {font-weight:800; color:#042673 }
.sec_key .boxes .box:nth-child(even) .txt{justify-content:left;}
.sec_key .boxes .box .tt{margin-right:20%;}
.sec_key .boxes .box:nth-child(even) .tt{margin-right:0;margin-left:20%;}
.sec_key .boxes .box .pic{width:50%;}
.sec_key .boxes .box .pic img{width:100%;display:block;}
.sec_key .boxes .box:last-child{padding-bottom:0;}
.sec_key .boxes .box dl{padding-top:10px;}
.sec_key .boxes .box dl dd{position:relative; margin-top:10px; padding-left:30rem; line-height:150%; font-weight:600; font-size:18rem; letter-spacing:-.5px; }
.sec_key .boxes .box dl dd i {position:absolute;top:3px;left:0; font-weight:600; font-size:18rem; letter-spacing:-.5px; }

@media all and (max-width: 1023px) {
    .sec_key {padding-bottom:50rem;}
    .sec_key .boxes .box{flex-direction:column-reverse;padding-bottom:60px;gap:30px;}
    .sec_key .boxes .box:nth-child(even){flex-direction:column-reverse;}
    .sec_key .boxes .box .txt{width:100%;display:block;}
    .sec_key .boxes .box .tt{margin-right:0; padding:0 10rem; }
    .sec_key .boxes .box .txt .tt h3{font-size:22rem;}
    .sec_key .boxes .box .txt .tt h4{font-size:16rem;}
    .sec_key .boxes .box .txt .tt p{font-size:18rem;}
    .sec_key .boxes .box:nth-child(even) .tt{margin-left:0;}
    .sec_key .boxes .box .pic{width:100%;}
	.sec_key .boxes .box dl dd{ font-size:15rem;}
}



.sec_location{}
.sec_location .mapt{border-radius:20px 20px 0 0;text-align:center;background:#1b3c80;}
.sec_location .mapt p{padding:20px 0;font-size:1.3em;font-weight:700;color:#fff;}
.sec_location .mapw{width:100%;height:500px;overflow:hidden;}
.sec_location .mapw .wrap_map,
.sec_location .mapw .root_daum_roughmap{width:100% !important;height:100% !important;}
.sec_location .con{display:flex;gap:40px;padding-top:40px;}
.sec_location .con .item{width:calc(50% - 20px);padding:50px;border-radius:20px;background:#f6f6f6;box-shadow:0 5px 15px 0 rgba(0,0,0,0.03);}
.sec_location .con .item h5{font-size:25rem;font-weight:800;}
.sec_location .con .item .inner{display:flex;align-items:center;gap:30px;padding-top:40px;}
.sec_location .con .item .inner .icon{display:flex;justify-content:center;align-items:center;width:84px;aspect-ratio:1;border-radius:20px;background:#1b3c80;}
.sec_location .con .item .inner .icon i {text-align:center; display:block;width:42px; font-size:42rem; color:#fff; }
.sec_location .con .item .inner .txt{flex:1;}
.sec_location .con .item .inner .txt h6{padding-bottom:8px;font-size:1.05em;font-weight:600;line-height:130%;}
.sec_location .con .item .inner .txt h6 b{color:#222;}
.sec_location .con .item .inner .txt span{display:block;padding-top:8px;font-size:0.85em;color:var(--pink200);}

@media all and (max-width: 1280px) {
    
    .sec_location .con{display:block;}
    .sec_location .con .item{width:100%;}
    .sec_location .con .item + .item{margin-top:50px;}
}
@media all and (max-width: 1023px) {
    
    .sec_location .mapt{border-radius:20px 20px 0 0;}
    .sec_location .mapt p{padding:10px 0;font-size:0.95em;}
    .sec_location .mapw{height:220px;}
    
    .sec_location .con{padding-top:40px;}
    .sec_location .con .item{padding:30px 20px;border-radius:10px;}
    .sec_location .con .item + .item{margin-top:20px;}
    .sec_location .con .item h5{font-size:1.3em;}
    .sec_location .con .item .inner{align-items:flex-start;gap:14px;padding-top:24px;}
    .sec_location .con .item .inner .icon{width:46px;border-radius:10px;}
    .sec_location .con .item .inner .icon img{width:24px;}
    .sec_location .con .item .inner .txt h6{padding-bottom:10px;font-size:0.95em;}
    .sec_location .con .item .inner .txt p{font-size:0.9em;}
    .sec_location .con .item .inner .txt{}
    .sec_location .con .item .inner .txt{}
	.sec_location .con .item .inner .icon i {font-size:30rem; }
}

.sec01 {margin-bottom:50rem; }
.sec01 h3 {font-size:22rem; }
.sec01 .con{padding:50px 60px;border:1px solid #ddd;border-radius:10px; margin-bottom:10rem; }
.sec01 .con dl{display:flex;padding-bottom:20px;}
.sec01 .con dl:last-child{padding:0;}
.sec01 .con dt{width:150px;font-size:20rem;font-weight:700;line-height:130%; letter-spacing:-.5px; color:#1b459a;}
.sec01 .con dd{width:calc(100% - 150px);font-size:17rem;line-height:150%; letter-spacing:-.5px;  font-weight:500; }
.sec01 .con dd span {display:block; margin-left:10px; margin-bottom:5px; }
.sec01 .con dd span:before {content: "-"; position:absolute;  text-align:left; margin-left:-10px;}
.sec01 .con dd span.blue {background:#1b3c80; margin-left:0px; color:#fff; display:inline-block; padding:5rem 20rem; }
.sec01 .con dd span.blue:before {display:none; }

.sec01 .con_bg{margin-bottom:20rem; padding:50px 60px;background:#f8f8f8;border-radius:10px;}
.sec01 .con_bg dl{display:flex;padding-bottom:20px;}
.sec01 .con_bg dl:last-child{padding:0;}
.sec01 .con_bg dt{width:150px;font-size:20rem;font-weight:700;line-height:130%; letter-spacing:-.5px; color:#1b459a;}
.sec01 .con_bg dd{width:calc(100% - 150px);font-size:17rem;line-height:150%; letter-spacing:-.5px;  font-weight:500; }
.sec01 .con_bg dd span {display:block; margin-left:0px; margin-bottom:15px; }
.sec01 .con_bg dd span:before {display:none; }
.sec01 .con_bg dd span b {font-weight:600; display:block; margin-bottom:5rem; }

.sec01 .con dd i {font-size:14rem; font-style:normal; display:block; }

@media all and (max-width: 1023px) {
    .sec01 .con{padding:0;border:0;}
    .sec01 .con dl{display:block;padding:30px 20px;margin-bottom:12px;border:1px solid #a7a7a7;}
    .sec01 .con dl:last-child{padding:30px 20px;margin-bottom:0;}
    .sec01 .con dt{width:100%; font-size:17rem; }
    .sec01 .con dd{width:100%;padding-top:12px; font-size:14rem; }
}

.sec02 {margin-bottom:50rem; }
.sec02 h3 {font-size:22rem; }
.sec02 .con{padding:50px 60px;border:1px solid #ddd;background:#f8f8f8;border-radius:10px;}
.sec02 .con dt{font-size:18rem;font-weight:700;line-height:130%; letter-spacing:-.5px; color:#000; margin-bottom:20rem; }
.sec02 .con dd{font-size:16rem;line-height:150%; letter-spacing:-.5px;  font-weight:500; }
.sec02 .con dd span {display:block; margin-left:10px; margin-bottom:5px; }
.sec02 .con dd span:before {content: "-"; position:absolute;  text-align:left; margin-left:-10px;}

@media all and (max-width: 1023px) {
    .sec02 .con{padding:0;border:0;}
    .sec02 .con dl{display:block;padding:30px 20px;margin-bottom:12px;border:1px solid #a7a7a7;}
    .sec02 .con dl:last-child{padding:30px 20px;margin-bottom:0;}
    .sec02 .con dt{width:100%; font-size:17rem; }
    .sec02 .con dd{width:100%;padding-top:12px; font-size:14rem; }
}


.sec03 {margin-bottom:50rem; }
.sec03 h3 {font-size:22rem; }
.sec03 .con > div{display:flex;gap:50px;max-width:1400px;margin:15px auto;padding:40px 0 40px 5%;border-radius:10px;background:#eff4fb;}
.sec03 .con > div > em{width:130px; display:block;font-size:20rem;font-weight:700;color:#1b3c80; font-style:normal; letter-spacing:-.5px;}
.sec03 .con dt{font-size:18rem;font-weight:600; letter-spacing:-.5px;}
.sec03 .con dd{width:calc(100% - 130px); padding-top:10rem; width:1050px; }
.sec03 .con dd span {display:block; margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:16rem; }
.sec03 .con dd span:before {content: "-"; position:absolute;  text-align:left; margin-left:-10px;}
.sec03 .con dl.flex {display:flex;gap:20px;}
.sec03 .con dl.flex dd{padding-top:1px; width:100%; }

@media all and (max-width: 1023px) {

    .sec03 .tt p br{display:none;}
    .sec03 .con > div{display:block;margin:8px auto;padding:30px 20px;border-radius:20px;text-align:center;}
    .sec03 .con > div > em{width:100%; text-align:center;padding-bottom:20px;}
    .sec03 .con dt{font-size:1.2em;}
    .sec03 .con dd{padding-top:16px;font-size:1em; width:100%;}
    .sec03 .con dd span{font-size:14rem;}
}

.mart30 {margin-top:30rem;}

.steps {margin-bottom:10rem;}
.steps ul{display:grid;grid-template-columns: repeat(5, 1fr);justify-content:center;gap:20px 80px; text-align:center;}
.steps li{position:relative;height:80px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:10px;padding:0 10rem; }
.steps li:after{content:'';position:absolute;top:30px;right:-46px;display:block;width:14px;height:23px;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.steps li:nth-child(5):after,
.steps li:last-child:after{display:none;}
.steps dt{font-size:16rem;font-weight:700; line-height:1.3; color:#1b459a;}
.steps span{font-size:15rem;font-weight:700; line-height:1.3; color:#333; font-style:normal; background:#efefef; padding:5rem; display:block; margin-top:10rem; border-radius:5rem;  }

.tbl{padding-top:60px;}

@media all and (max-width: 1240px) {
    .steps dl{display:flex;justify-content:left;align-items:center;gap:20px;}
    .steps dd{padding-top:0;font-size:0.95em;text-align:left;}
    .steps dd br{display:none;}
    .steps dd span{padding-top:2px;}
}
@media all and (max-width: 1023px) {
    .steps ul{display:grid;grid-template-columns: repeat(1, 1fr);}
    .steps li{height:60px;padding-left:5%;justify-content:left; margin-bottom:10rem; }
    .steps dl{gap:12px;}
    .steps dd{font-size:15rem;}
    .steps li:after{display:none;}
    .tbl{padding-top:40px;}
}


.steps2 {margin-bottom:10rem;}
.steps2 ul{display:grid;grid-template-columns: repeat(4, 1fr);justify-content:center;gap:20px 80px; text-align:center;}
.steps2 li{position:relative;height:80px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:10px;padding:0 10rem;width:100%; }
.steps2 li:after{content:'';position:absolute;top:30px;right:-46px;display:block;width:14px;height:23px;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.steps2 li:nth-child(4):after,
.steps2 li:last-child:after{display:none;}
.steps2 dt{font-size:16rem;font-weight:700; line-height:1.3; color:#1b459a;}
.steps2 span{font-size:15rem;font-weight:700; line-height:1.3; color:#333; font-style:normal; background:#efefef; padding:5rem; display:block; margin-top:10rem; border-radius:5rem;  }


@media all and (max-width: 1023px) {
    .steps2 ul{display:grid;grid-template-columns: repeat(2, 1fr);}
    .steps2 li{margin-bottom:10rem; }
    .steps2 dl{gap:12px;}
    .steps2 dd{font-size:15rem;}
    .steps2 li:after{display:none;}
}


.sec_page {margin-bottom:50rem; }
.sec_page h3 {font-size:22rem; }
.page_con {padding:40px;margin-bottom:10rem; border-radius:10px;background:#eff4fb; color:#666; width: 100%; overflow: hidden; box-sizing:border-box; 	line-height: 140%; word-break:keep-all; }
.page_con_right {float:right; text-align:right; font-size:15rem; }
.page_con h2 { font-size:20rem; font-weight:800; color:#000; text-align: center; margin:50px 0 30px; }
.page_con h2:first-child { margin-top: 0; }
.page_con > p { margin:15px 0; }
.page_con > p+dl { margin-top: 30px; }
.page_con > dl {display: flex;gap:20rem;  word-break: keep-all; margin-bottom:20rem;}
.page_con > dl:last-child {margin-bottom:0rem;}
.page_con > dl > dt{ width:270rem; font-size:20rem;font-weight:700;color:#1b3c80; letter-spacing:-.5px;}
.page_con > dl > dd{width:100%; position:relative; font-size:18rem;font-weight:600; letter-spacing:-.5px; color:#000; padding-left:30rem; }
.page_con > dl > dd.no{padding-left:0rem; }
.page_con > dl > dd i {position:absolute;top:3px;left:0; font-weight:600; font-size:18rem; letter-spacing:-.5px; }
.page_con > dl > dd ul{ padding:10px; }
.page_con > dl > dd ul h4 {background:#333; color:#fff; width:150rem; text-align:center;}
.page_con > dl > dd ul li{font-size:16rem; line-height:120%; margin-top: 10px; line-height:150%; font-weight:400; color:#333; }
.page_con > dl > dd ul li:before {content: "-"; position:absolute;  text-align:left; margin-left:-10px;}
.page_con > dl > dd ul li.no{font-size:16rem; line-height:120%; margin-top: 10px; line-height:150%; color:#333; margin-left:0px;  }
.page_con > dl > dd ul li.no:before {display:none; }
.page_con > dl > dd ul li:first-child { margin-top: 0; }
.page_con > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }

@media all and (max-width: 1023px) {
    .page_con {padding:30px 20px;}
	.page_con_right { font-size:13rem; margin-bottom:20rem; }
	.page_con h2 { font-size:17rem;}
	.page_con > dl {flex-direction:column; padding-bottom:20px;}
	.page_con > dl > dt{ font-size:18rem; }
	.page_con > dl > dd{ font-size:15rem; }
	.page_con > dl > dd i {top:0px;}
	.page_con > dl > dd ul li{font-size:14rem; }
}


.page2_con {padding:40px;margin-bottom:10rem; border-radius:10px;border:1px solid #ddd; color:#666; width: 100%; overflow: hidden; box-sizing:border-box; 	line-height: 140%; word-break:keep-all; }
.page2_con_right {float:right; text-align:right; font-size:15rem; }
.page2_con h2 { font-size:20rem; font-weight:800; color:#000; text-align: center; margin:50px 0 30px; }
.page2_con h2:first-child { margin-top: 0; }
.page2_con > p { margin:15px 0; }
.page2_con > p+dl { margin-top: 30px; }
.page2_con > dl {display: flex;gap:20rem;   word-break: keep-all; margin-bottom:20rem;}
.page2_con > dl:last-child {margin-bottom:0rem;}
.page2_con > dl > dt{ width:270rem; font-size:20rem;font-weight:700;color:#1b3c80; letter-spacing:-.5px;}
.page2_con > dl > dd{position:relative;  font-size:18rem;font-weight:600; letter-spacing:-.5px; color:#000; padding-left:30rem; line-height:1.5; }
.page2_con > dl > dd i {position:absolute;top:3px;left:0; font-weight:600; font-size:18rem; letter-spacing:-.5px; }
.page2_con > dl > dd.no {padding-left:0;}
.page2_con > dl > dd ul{ padding:10px 0; }
.page2_con > dl > dd ul h4 {background:#333; color:#fff; width:150rem; text-align:center;}
.page2_con > dl > dd ul li{font-size:16rem; line-height:120%; margin-top: 10px; line-height:150%; font-weight:400; color:#333; margin-left:10px;  }
.page2_con > dl > dd ul li:before {content: "-"; position:absolute;  text-align:left; margin-left:-10px;}
.page2_con > dl > dd ul li.no{font-size:16rem; line-height:120%; margin-top: 10px; line-height:150%; color:#333; margin-left:0px;  }
.page2_con > dl > dd ul li.no:before {display:none; }
.page2_con > dl > dd ul li:first-child { margin-top: 0; }
.page2_con > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.page2_con > dl > dd ul li b {font-weight:800;}

@media all and (max-width: 1023px) {
    .page2_con {padding:30px 20px;}
	.page2_con_right { font-size:13rem; margin-bottom:20rem; }
	.page2_con h2 { font-size:17rem;}
	.page2_con > dl {flex-direction:column; padding-bottom:20px;}
	.page2_con > dl > dt{ font-size:18rem; }
	.page2_con > dl > dd{ font-size:15rem; }
	.page2_con > dl > dd ul li{font-size:14rem; }
	.page2_con > dl > dd i {top:0px;}
}



.process{display:flex;justify-content:center;gap:20px;text-align:center;}
.process .item{position:relative;display:flex;justify-content:center;align-items:flex-start;width:25%; padding:30rem 10rem;  }
.process .item:after{content:'';position:absolute;top:37%;right:-20px;display:block;width:20px;height:16px;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.process .item:last-child:after{display:none;}
.process .item dt{background:#fff; border-radius:500rem; margin:0 auto;  font-size:17rem; width:100rem; height:100rem; display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}
.process .item dt span {display:block; color:#1b3c80; font-size:13rem;}
.process .item dd{font-size:15rem; padding-top:15rem;line-height:160%; font-weight:400;}

@media all and (max-width: 1023px) {
    .process{display:block; display:grid;grid-template-columns: repeat(4, 1fr);}
    .process .item{width:100%;max-width:1200rem; padding:10rem 10rem;}
	.process .item:after{display:none;}
	 .process .item + .item{margin-top:0rem;}

}

@media all and (max-width: 800px) {
    .process{display:grid;grid-template-columns: repeat(2, 1fr);}
    .process .item dt {font-size:15rem;}
    .process .item dd{font-size:15rem;}
}



.process2{display:flex;justify-content:center;gap:20px;text-align:center;}
.process2 .item{position:relative;display:flex;justify-content:center;align-items:flex-start; padding:30rem 10rem;  }
.process2 .item:after{content:'';position:absolute;top:47%;right:-20px;display:block;width:20px;height:16px;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.process2 .item:last-child:after{display:none;}
.process2 .item dt{background:#fff; border-radius:500rem; margin:0 auto;  font-size:17rem; width:170rem; height:100rem; display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}
.process2 .item dt span {display:block; color:#1b3c80; font-size:13rem;}
.process2 .item dd{font-size:15rem; padding-top:15rem;line-height:160%; font-weight:400;}

@media all and (max-width: 1023px) {
    .process2{display:block; display:grid;grid-template-columns: repeat(4, 1fr);}
    .process2 .item{width:100%;max-width:1200rem; padding:10rem 10rem;}
	.process2 .item:after{display:none;}
	 .process2 .item + .item{margin-top:0rem;}

}

@media all and (max-width: 800px) {
    .process2{display:grid;grid-template-columns: repeat(1, 1fr);}
    .process2 .item dt {font-size:15rem; width:200rem;}
    .process2 .item dd{font-size:15rem;}
}

.con_list ul {display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.con_list ul li {background:#f3f6f8; border-radius:10px; padding:30px; font-size:17rem; font-weight:600; color:#000; }
.con_list ul li i {display:block; font-size:14rem; font-style:normal; color:#1b3c80; margin-bottom:10rem; }
.con_list ul li span {display:block; font-size:14rem; color:#333; font-weight:500; }

@media all and (max-width: 800px) {
    .con_list ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px;}
}

.sec_button {margin-bottom:50rem;}
.sec_button ul {display: flex; align-items: center; justify-content: center; gap:20px; }
.sec_button ul.five {display:grid;grid-template-columns: repeat(3, 1fr);align-items: center; justify-content: center; gap:10px;  }
.sec_button button.button_box {width:100%;  background: none;  border: 0;  box-sizing: border-box;  padding:20rem; box-shadow: inset 0 0 0 2px #1b3c80;  color: #1b3c80;  font-size: inherit;  font-weight: 700;  position: relative;  vertical-align: middle;}
.sec_button button.button_box::before, button.button_box::after {  box-sizing: inherit;  content: "";  position: absolute;  width: 100%;  height: 100%;}

.form_button {text-align:center; margin-top:50rem;}
.form_button input.button_box {width:100%;  background: none;  border: 0;  box-sizing: border-box;  width:200rem; padding:20rem; box-shadow: inset 0 0 0 2px #1b3c80;  color: #1b3c80;  font-size: inherit;  font-weight: 700;  position: relative;  vertical-align: middle;}
.form_button input.button_box::before, input.button_box::after {  box-sizing: inherit;  content: "";  position: absolute;  width: 100%;  height: 100%;}
.form_button input.button_box:hover {background:#1b3c80; color:#fff;  }

@media all and (max-width: 800px) {
    .sec_button ul.five {display:grid;grid-template-columns: repeat(2, 1fr);}
}

.button_box:hover {  color: #00aeef;}
.button_box::before, .button_box::after {  top: 0;  left: 0;  height: 100%;  width: 100%;  transform-origin: center;}
.button_box::before {  border-top: 2px solid #00aeef;  border-bottom: 2px solid #00aeef;  transform: scale3d(0, 1, 1);}
.button_box::after {  border-left: 2px solid #00aeef;  border-right: 2px solid #00aeef;  transform: scale3d(1, 0, 1);}
.button_box:hover::before, .button_box:hover::after {  transform: scale3d(1, 1, 1);  transition: transform 0.5s;}

#mainContent11 {margin-bottom:50rem;}
#mainContent11 h3 {font-size:22rem; font-weight:600; color:#000;}
.inquiry-con-wrap .wrap {max-width:1150rem; margin:0 auto; }
.inquiry-con-wrap .left-box{text-align:center; margin-bottom:50rem;}
.inquiry-con-wrap .left-box .main-tit {word-break: keep-all; font-size:45rem; font-weight:800; color:#000; letter-spacing:-1px; }
.inquiry-con-wrap .left-box .main-txt01 {word-break: keep-all; position: relative;  font-size:20rem; color:#383838; font-weight:600; letter-spacing:-.5px; }

.inquiry-con-wrap .inquiry-info i {font-size: 18px;}
.inquiry-con-wrap .inquiry-info i.off {color: #222222; opacity: 0.3;}
.inquiry-con-wrap .right-box{border-top:2px solid #000; }

.inquiry-wrap{}
.inquiry-wrap .inquiry-list{padding:0 30rem; }
.inquiry-wrap .inquiry-list dl { padding: 25px 30px; display: flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #e0e0e0; }
.inquiry-wrap .inquiry-list dl dt { width: 300rem; font-size: 20rem; font-weight: 600; letter-spacing: -0.05em; color: #000;}
.inquiry-wrap .inquiry-list dl dt .essential-icon {color: #d51920; margin-right: 0; margin-left: 0.4rem; position: relative; top: -0.4rem;}
.inquiry-wrap .inquiry-list dl dd {width: calc(100% - 85px); font-size: 18rem; font-weight: 500; letter-spacing: -0.05em; color: #555;}
.inquiry-wrap .inquiry-list dl dd.tel {display: flex; align-items: center; font-size:18rem; text-align:center; }
.inquiry-wrap .inquiry-list dl dd.tel span {padding-right:20px;}
.inquiry-wrap .inquiry-list dl dd .tel-input {margin:0 10px; width:25%; border: 0; outline: none; background: none; height: 100%; font-size: 18rem; font-weight: 500; letter-spacing: -0.05px; color: #555;}
.inquiry-wrap .inquiry-list dl dd .write-input,
.inquiry-wrap .inquiry-list dl dd .write-select,
.inquiry-wrap .inquiry-list dl dd .write-textarea {width: 100%; border: 0; outline: none; background: none; height: 100%; font-size: 16px; font-weight: 500; letter-spacing: -0.05px; color: #555;}
.inquiry-wrap .inquiry-list dl.inquiry-textarea-box {width: 100%; align-items: start; }
.inquiry-wrap .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 160rem;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd {display: flex;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd img {margin: 0 0.1rem;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd .write-input {margin-left: 1rem;}
.inquiry-wrap .inquiry-list dl dd .write-input::focus,
.inquiry-wrap .inquiry-list dl dd .write-select::focus,
.inquiry-wrap .inquiry-list dl dd .write-textarea::focus {outline: none;}
.inquiry-wrap .inquiry-list dl dd input {font-size:18rem; padding:10rem;}
.inquiry-wrap .inquiry-list dl dd select {border:1px solid #d7d7d7; width:240rem; color:#555; }

.radio_list {display:grid;grid-template-columns: repeat(5, 1fr);gap:10rem;}
.radio_list span {display: flex; align-items: center; justify-content: center; gap:15rem;}

.control-container {    display: flex;    position: relative; margin-bottom:5rem; }
.screen-reader { /* 스크린 리더를 고려해서 라디오 버튼을 화면에서 숨김 */    position: absolute;    width: 1px;    height: 1px;    padding: 0;    border: 0;    overflow: hidden;    margin: -1px;    clip-path: inset(50%);}
.label-box {    position: relative;}
.label-box i {font-style:normal; font-size:15rem;}
.check-icon {  display: flex;    justify-content: center;    align-items: center;   width: 15rem;    height: 15rem;    border-radius: 50%;    background-color: #fff;    border: 1px solid gray;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}
.inquiry-list label {font-size: 18rem;    padding-left: 25rem;    position: relative;    cursor: pointer;}
.inquiry-list [type="radio"]:checked + .label-box .check-icon {    border-color:  #042774;    }
.inquiry-list [type="radio"]:checked + .label-box .check-icon::before {   content: "";     width: 7rem;     height: 7rem;     position: absolute;     background: #042774;     color: unset !important;     border-radius: 50%;}
.inquiry-list [type="radio"]:checked + .label-box label {    color: #000;}

.form_row_imput_radio {    margin-right: 1%;    width: 15rem;    height: 15rem;    overflow: hidden;    outline: 0;    background: #ffffff;    color: white;    border: none;    appearance: none;    border-radius: 50%;    margin-right: 20%;    left: 3%;    border: 1px solid black;}
.form_row_imput_radio_1{    margin-right: -6%;}
.form_row_imput_radio_2{    margin-right: -6%;}

.form_row_imput_radio{    display: flex;    justify-content: center;    align-items: center;}
.form_row_imput_radio:checked::after {     content: "";     width: 7rem;     height: 7rem;     position: absolute;     background: #042774;     color: unset !important;     border-radius: 50%; }

.filebox input {display:none;}
.filebox .upload-name {    display: inline-block;    height: 40px;    padding: 0 10px;    vertical-align: middle;    border: 1px solid #dddddd;    width: 78%;    color: #999999;}
.filebox label {    display: inline-block;    padding: 10px 20px;    color: #fff;    vertical-align: middle;    background-color: #999999;    cursor: pointer;    height: 40px;  line-height:20px;   margin-left: 10px;}
.filebox input[type="file"] {   position: absolute;    width: 0;    height: 0;    padding: 0;    overflow: hidden;    border: 0;}

@media all and (max-width:1279px){
	.inquiry-con-wrap{position: relative; display: block; padding: 60px 0 20px;}
	.inquiry-con-wrap .left-box{display: block;width:100%; margin-bottom:50px;}
	.inquiry-con-wrap .left-box .inquiry-btn-box{position: absolute; bottom:0; width:100%; text-align:center;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .plus-txt{padding-left:0;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .cm-main-btn{margin: 20px auto 0;}
	.inquiry-con-wrap .right-box{display: block;width:100%;}

	.inquiry-wrap .inquiry-list dl.inquiry-textarea-box {}
	.inquiry-wrap .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 90px;}
}

@media all and (max-width:1023px){
	#mainContent11 {margin:0rem 0;}
	.inquiry-con-wrap .left-box .main-tit {font-size:27rem; margin-bottom:10rem;}
	.inquiry-con-wrap .left-box .main-txt01 {font-size:16rem;}
	.inquiry-wrap{display: block;}
	.inquiry-wrap .inquiry-list{width:100%; padding:0;}
	.inquiry-wrap .inquiry-list dl {flex-direction:column;  width: 100%; padding: 15rem 5rem; margin: 10px 0;}
	.inquiry-wrap .inquiry-list dl dt {width:100%; font-size:15rem; margin-bottom:10rem; }
	.inquiry-wrap .inquiry-list dl dd {width: 100%; font-size:15rem;}
	
	.inquiry-wrap .inquiry-list dl dd .write-input::placeholder, .inquiry-wrap .inquiry-list dl dd .write-select, .inquiry-wrap .inquiry-list dl dd .write-textarea::placeholder {font-size: 14px;}
	.filebox input[type="file"]::placeholder {    font-size: 14px;}
	.inquiry-list label {font-size: 13rem; }
	.inquiry-list [type="radio"]:checked + .label-box label {  font-size:13rem;}
	.label-box i {font-size:12rem;}

	.radio_list {display:grid;grid-template-columns: repeat(3, 1fr);gap:5rem;}
	.inquiry-wrap .inquiry-list dl dd select {width:100%; }
	.filebox .upload-name {  width: 60%;    color: #999999;}

}


.sec_leader {text-align:center; margin-bottom:50rem; display: flex; align-items: center; justify-content: center;  background:url(../img/sub/leader_bg.jpg) center top no-repeat; padding:100rem 0; }
.sec_leader h3 {font-size:24rem; font-weight:600; color:#fff; }
.sec_leader h3 span{font-size:35rem; font-weight:800;}

@media all and (max-width: 800px) {
    .sec_leader { padding:50rem 0; }
	.sec_leader h3{font-size:20rem; }
	.sec_leader h3 span{font-size:25rem; display:block; }
}


.con_process ul {max-width:800rem; margin:0 auto; text-align:center;}
.con_process ul li {margin-bottom:10rem; background:#fff; border-radius:10px; padding:30px; font-size:17rem; font-weight:600; color:#000; }
.con_process ul li i {display:block; font-size:14rem; font-style:normal; color:#1b3c80; margin-bottom:10rem; }

@media all and (max-width: 800px) {
    .con_process ul li {font-size:14rem;}
}
