@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:800;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#000;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #0081e9; }
.subtable thead th{background:#f0f5f8; font-size:17rem; font-weight:700; padding:10rem 5rem; color:#000; border:1px solid #ddd; }
.subtable tbody th {background:#f8f8f8; text-align:center; font-size:17rem; color:#333;  font-weight:500; padding:15rem 0; border:1px solid #ddd;}
.subtable tbody td {padding:10rem 35rem; background:#fff; color:#35363a; text-align:center; font-size:16rem; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.point{background:#fff; font-weight:800; color:#0081e9;}

#contents {overflow: hidden;position:relative;padding: 70rem 0 0;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:615rem;background-color:#000;background-size:cover;background-position:60%;text-align:left;}
#sub_visual h2{font-weight:800; font-size:50rem; color:#fff; animation:up .5s .2s forwards; }
#sub_visual p{color:#0081e9; font-weight:600; position:relative;line-height:1.5;padding-top:250rem; font-size:20rem;letter-spacing:-.5px;}
#sub_visual span{display:block; color:#fff; font-weight:300; position:relative;line-height:1.5;padding: 10rem 0 15rem 0;font-size:20rem;letter-spacing:-.5px;}


/* 서브 상단 이미지 */
#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) }
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg) }
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg) }
#sub_visual.sub80{background-image:url(../img/sub/sub08_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{}
#snb {position:relative; z-index: 10; margin-top:110rem;}
#snb::before{content:''; position:absolute; top: 0; left: 0; height: 100px; width: 30%; background: #fff;}

.left_snb{position:relative; max-width:  950px; background: #fff; padding-right: 240px; }
.left_snb ul {display: flex; background:#fff;height: 100px;}
.left_snb li {letter-spacing:-.5px; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:16rem 35rem;font-size:18rem;color:#000;font-weight:500;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;border-top:11rem solid #fff;}
.left_snb li.on a {border-top:11rem solid #0081e9; color:#0081e9; }


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem; }
	#sub_visual h2{font-size:30rem;}
	#sub_visual p{font-size:16rem; padding-top:130rem;}
	#sub_visual span{display:none;}

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:13rem; }

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:35rem; height:35rem;}
	.tit01::after {left: 51%;} 
	.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; font-size:12rem;}


}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */


.wid_1200 {width:1200rem; margin:0 auto; position:relative }


@media screen and (max-width: 1200px){
	.wid_1200 {width: 100%;}
}

.message {overflow:hidden; margin-bottom:50rem; }
.message .message_left {float:left; width: 280rem;}
.message .message_right {float:left; width: calc(100% - 340rem); padding-left: 100rem; padding-top:20rem;}
.message .message_right .mr_top {font-size: 18rem; color: #000; font-weight:500; line-height: 1.5; }

@media screen and (max-width: 950px){
	.message .message_left {float: none; margin: 0 auto;}
	.message .message_right {float: none; width: 100%; padding-left: 0px; padding-top: 30rem;}
}

@media screen and (max-width: 768px){
	.message .message_right .mr_top {font-size: 16rem;}

}

@media screen and (max-width: 500px){
	.message .message_left {width: 100%;}
	.message .message_right .mr_top {font-size: 15rem; line-height:1.7;}
}




.sub-con {margin-bottom:60rem; display:flex; }
.subtit h3 {width:30%; font-size:25rem; margin-left:10rem; font-weight:800;}

@media all and (max-width:767px){
    .subtit h3 {font-size:22rem;}
}


.table_ex { width:100%; border-top:1px solid #0081e9; }
.table_ex thead th.first {width:23%; }
.table_ex thead th{word-break: keep-all;background:#f0f5f8; font-size:17rem; font-weight:700; padding:10rem 5rem; color:#000; border:1px solid #ddd; }
.table_ex tbody th {text-align:center; font-size:17rem; color:#333;  font-weight:500; padding:15rem 0; border:1px solid #ddd;}
.table_ex tbody td {padding:10rem 35rem; background:#fff; color:#35363a; text-align:left; font-size:16rem; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd; }
.table_ex tbody td.point{background:#2f3195; font-weight:800; color:#fff;}
.table_ex tbody td.center{text-align:center; }

@media (max-width:540px) {
	.table_ex thead th,
	.table_ex tbody td,
	.table_ex tbody th{line-height:1.5; padding:5rem 2rem; font-size:12rem;}
}

.table_he { width:100%; border-top:1px solid #0081e9; }
.table_he thead th{word-break: keep-all;background:#f0f5f8; font-size:17rem; font-weight:700; padding:10rem 5rem; color:#000; border:1px solid #ddd; width:50%;}
.table_he tbody th {text-align:center; font-size:17rem; color:#333;  font-weight:500; padding:15rem 0; border:1px solid #ddd;}
.table_he tbody td {padding:10rem 35rem; background:#fff; color:#35363a; text-align:center; font-size:16rem; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}

@media (max-width:540px) {
	.table_he thead th,
	.table_he tbody td,
	.table_he tbody th{line-height:1.5; padding:5rem 1rem; font-size:12rem;}
}

.con03 {margin-top:10rem; text-align:center;}
.con03 ul {display: flex; gap: 0px;}
.con03 ul li {width: calc(100% /3 - 0px); margin-left:1rem; background-color: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; text-align: center; padding: 40rem; box-sizing: border-box; position: relative;}
.con03 ul li .arrow {position: absolute; top: 50%; right: 0rem; transform: translate(50%, -50%); width: 50rem; height: 50rem; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
.con03 ul li .arrow::before {content: url(../img/sub/arrow.png);}
.con03 ul li .icon_box {width: 100%; max-width: 70rem; aspect-ratio: 1/1; border-radius: 50%; margin: auto; position: relative; padding: 20rem; box-sizing: border-box;}
.con03 ul li .icon_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.con03 ul li .txt_box {margin-top: 10px;}
.con03 ul li .txt_box h6 {font-weight: 500; font-size:18rem; line-height: 1.27em; color: #444;}
.con03 ul li .txt_box dl {padding-top:10rem;}
.con03 ul li .txt_box dl dd {font-size:14rem; font-weight:400; display:block; }

@media all and (max-width:1024px){
    .con03 ul {flex-wrap: wrap; justify-content: center;}
    .con03 ul li {width: calc(33.333% - 16.666px);}
	.con03 ul li:nth-child(3) .arrow {display:none;}
}

@media all and (max-width: 767px) {
    .con03 ul li {width: 100%; margin-bottom:1rem;}
    .con03 ul li .arrow {top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg);}
	.con03 ul li:nth-child(3) .arrow {position: absolute; top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg); width: 60px; height: 60px; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
}


.con05 {margin-top:10rem; text-align:center;}
.con05 ul {display: flex; gap: 0px;}
.con05 ul li {width: calc(100% /5 - 0px); margin-left:1rem; background-color: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; text-align: center; padding: 40rem; box-sizing: border-box; position: relative;}
.con05 ul li .arrow {position: absolute; top: 50%; right: 0rem; transform: translate(50%, -50%); width: 50rem; height: 50rem; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
.con05 ul li .arrow::before {content: url(../img/sub/arrow.png);}
.con05 ul li .icon_box {width: 100%; max-width: 70rem; aspect-ratio: 1/1; border-radius: 50%; margin: auto; position: relative; padding: 20rem; box-sizing: border-box;}
.con05 ul li .icon_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.con05 ul li .txt_box {margin-top: 10px;}
.con05 ul li .txt_box h6 {font-weight: 500; font-size:18rem; line-height: 1.27em; color: #444;}
.con05 ul li .txt_box dl {padding-top:10rem;}
.con05 ul li .txt_box dl dd {font-size:14rem; font-weight:400; display:block; }

@media all and (max-width:1024px){
    .con05 ul {flex-wrap: wrap; justify-content: center;}
    .con05 ul li {width: calc(33.333% - 16.666px);}
	.con05 ul li:nth-child(3) .arrow {display:none;}
}

@media all and (max-width: 767px) {
    .con05 ul li {width: 100%; margin-bottom:1rem;}
    .con05 ul li .arrow {top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg);}
	.con05 ul li:nth-child(3) .arrow {position: absolute; top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg); width: 60px; height: 60px; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
}


.sub-flex {	display: flex;	justify-content: space-between;	gap: 20px 30px;	margin-top: 100px; }
.sub-flex:first-child {	margin-top: 0;}
.sub-flex__left {	flex-shrink: 0;	width: 270rem;}
.sub-flex__left2 {	flex-shrink: 0;	width: 200rem;}
.sub-flex__title {word-break: keep-all; display: flex; gap:10rem;	font-size: 25rem;	font-weight: 800;	line-height: 1.35;}
.sub-flex__title span {width:50rem; height:50rem; background:#0081e9; color:#fff; font-size:18rem; font-weight:600; display: flex; align-items: center; justify-content: center;   }
.sub-flex__subtitle {	margin-top: 10rem;	color: #888;}
.sub-flex__right {	width: 100%;}
.sub-flex__right h5 {font-size:20rem; font-weight:600; margin-bottom:10rem; margin-left:10rem; letter-spacing:-.5px; }
.sub-flex__right h5:before {content: ""; position:absolute; width:3px; height:3px; background:#0081e9; text-align:left; margin-left:-10px; border-radius:5px; margin-top:13px;}
.sub-flex__right p {font-size:20rem; font-weight:600; margin-bottom:10rem; margin-left:10rem; letter-spacing:-.5px; margin-top:20rem; }
.sub-flex__right p span {color:#be3238; }
.sub-flex__text {	color: #222;}

@media (max-width: 1280px) {
	.sub-flex__left {		width: 250rem;	}
}
@media (max-width: 1024px) {
	.sub-flex {		flex-direction: column;	}
	.sub-flex__left {		width: 100%;	}
	.sub-flex__title {		font-size: 20rem;	}
	.sub-flex__right p {font-size:15rem;}
}



.sub-contents {margin:0rem 0 50rem;}
.sub-contents .tt {text-align:center; margin-top:50rem;}
.sub-contents .tt  em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.sub-contents .tt  h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }
.sub-contents--registration .sub-flex {	max-width: 1420px;	margin-top: 70px;}
.sub-contents--registration .sub-flex:first-child {	margin-top: 0;}
.process_list {	display: flex;	justify-content: space-between;	gap: 10rem 30rem;	padding: 10rem;	margin-bottom: 50rem;	 background-color: #f8f8f8; border-radius:30rem; }
.process_item {	display: flex;	justify-content: center;	align-items: center;	gap: 10rem 20rem;	position: relative;	width: 26.08695652173%;	padding: 60rem 15rem;	 border-radius:30rem; border: 1px solid #eee;	background-color: #fff;}
.process_item::after {	content: "";	position: absolute;	top: 50%;	right: 0;	width: 15rem;	height: 15rem;	background: url("../img/sub/arrow.png") no-repeat;	transform: translate(150%, -50%);}
.process_item:last-child::after {	display: none;}
.process_item h3 {font-size:18rem; line-height:1.3; letter-spacing:-1px;}

.process_item2 {	display: flex;	justify-content: center;	align-items: center;	gap: 10rem 20rem;	position: relative;	width: 33.3%;	padding: 60rem 15rem;	 border-radius:30rem; border: 1px solid #eee;	background-color: #fff;}
.process_item2::after {	content: "";	position: absolute;	top: 50%;	right: 0;	width: 15rem;	height: 15rem;	background: url("../img/sub/arrow.png") no-repeat;	transform: translate(150%, -50%);}
.process_item2:last-child::after {	display: none;}
.process_item2 h3 {font-size:17rem; line-height:1.3; }

.process_number {	display: flex;	flex-shrink: 0;	align-items: center;	justify-content: center;	 line-height:2.5; font-size:11rem; width: 30rem;	height: 30rem;	font-weight: 700;	color: #fff;	border-radius: 50%;	background-color: #2e8bef;}
.registraion-sec__link {	display: flex;	align-items: center;	justify-content: space-between;	gap: 0 10px;font-size:14rem; margin-top:10rem; width: 100%;	max-width:100rem; padding: 0 0;	color: #000;	border-bottom: 1px solid #ccc;	transition:		color 0.3s,		border-color 0.3s;}
.registration-wrap__text {font-weight:400;	font-size:17rem; color: #000; margin-bottom:5rem;}
.registration-wrap__text2 {font-weight:600;	font-size:20rem; color: #000; margin-bottom:5rem;}
.registration-wrap__text.flex-wrap {	align-items: center;	gap: 0 15px;}
.registration-wrap__text .btn-default {	max-width: 220px;	height: 40px;	padding: 0 20px;	background-color: #eee;	border-color: transparent;}
.registration-sec__step-item.has-btn.dots-text::before {	transform: translateY(17px);}
.registration-sec__step-row {	display: flex;	gap: 10px;	padding-bottom: 20px;	margin-bottom: 20px;	border-bottom: 1px dotted #e5e5e5;}
.registration-sec__step-row:last-child {	margin-bottom: 0;}
.registration-sec__step-item:not(:first-child) {	margin-top: 5px;}
.registration-sec__step-title3 {font-size:17rem;	flex-shrink: 0;	width: 130rem;	text-align:center; color:#fff; background:#2e8bef; max-height:26rem; border-radius:500rem;}
.registration-sec__step-title {font-size:17rem;	flex-shrink: 0;	width: 190rem;	text-align:center; color:#fff; background:#2e8bef; max-height:28rem; border-radius:500rem; }
.registration-sec__step-title2 {font-size:17rem;	flex-shrink: 0;	width: 190rem;	text-align:center; color:#fff; background:#2e8bef; max-height:58rem; border-radius:500rem; line-height:1.4;}
.registration-sec__step-title2 span {font-size:13rem;display:block;}
.registration-sec__step-title4 {font-size:17rem;	flex-shrink: 0;	width: 190rem;	text-align:center; color:#fff; background:#2e8bef; max-height:45rem; border-radius:500rem; line-height:1.4;}
.registration-sec__step-title4 span {font-size:13rem;display:block;}
.registration-sec__duty-wrap {	padding-top: 25px;	margin-top: 25px;	border-top: 1px dotted #e5e5e5;}
.registration-sec__duty-text {	display: flex;	color: #888;	margin-top: 8px;}
.registration-sec__duty-text:first-child {	margin-top: 0;}
.registration-sec__duty-text::before {	content: "-";	display: inline-block;	flex-shrink: 0;	color: #0c53bc;	margin-right: 5px;}

.wrap__text {text-align:center; font-weight:600; font-size:20rem;}

@media (max-width: 1440px) {
	.process_item {		flex-direction: column;		padding: 30px 20px;	}
	.process_item h3 {font-size:17rem; }
	.process_item2 {		flex-direction: column;		padding: 30px 20px;	}
	.process_item2 h3 {font-size:17rem; }
	.registraion-sec__link {		margin: 0 auto;	}
}

@media (max-width: 768px) {
	 .sub-contents .tt  em {font-size:15rem; }
    .sub-contents .tt  h3 {font-size:22rem; }
	.process_list {		flex-direction: column;	}
	.process_item {		width: 100%;		padding: 20px;	}
	.process_item::after {		display: none;	}
	.process_item2 {		width: 100%;		padding: 20px;	}
	.process_item2::after {		display: none;	}
}

@media (max-width: 640px) {
	.sub-contents__inner {		padding-bottom: 70px;	}
	.sub-contents__inner2 {		padding:0rem 0rem; }
	.registration-sec__step-row {		flex-direction: column;	}
	.registration-sec__step-title {		padding-left: 0;	}
	.wrap__text { font-size:16rem;}
}



.sec_doctor{}
.sec_doctor .con{}

.sec_doctor .con .dr{padding-top:50px;}
.sec_doctor .con .inner01{padding-bottom:50px;}
.sec_doctor .con .dr .profile{display:flex;gap:40px;}
.sec_doctor .con .dr .profile > img{display:block;width:360rem;}
.sec_doctor .con .txt{word-break: keep-all; position:relative;padding-top:20px;}
.sec_doctor .con .txt h5{padding-bottom:10px;font-size:17rem;font-weight:700;color:#0081e9;}
.sec_doctor .con .txt h4{font-size:23rem; font-weight:800; margin-bottom:20rem; letter-spacing:-.5px; }
.sec_doctor .con .txt h3{font-size:18rem; font-weight:600;margin-bottom:10rem; }
.sec_doctor .con .txt h6{font-size:16rem; font-weight:600;margin-bottom:10rem; }
.sec_doctor .con .txt .uls{word-break: keep-all;}
.sec_doctor .con .txt .uls ul {display:flex;gap:10px; }
.sec_doctor .con .txt .uls li{position:relative;padding-left:10px;padding-bottom:0px;line-height:130%; font-size:16rem; }
.sec_doctor .con .txt .uls li:before{content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;border-radius:50%;background:#222;}

.sec_doctor .con .txt .uls ul.one {display:grid;grid-template-columns: repeat(1, 1fr);}
.sec_doctor .con .txt .uls ul.two {display:grid;grid-template-columns: repeat(2, 1fr);}
.sec_doctor .con .txt .uls ul.three {display:grid;grid-template-columns: repeat(3, 1fr);}

.sec_doctor .con .more{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 30px;width:346px;height:60px;background:#1b459a;}
.sec_doctor .con .more.more2{margin-top: 60px;position:relative;}
.sec_doctor .con .more:hover{background:#111;}
.sec_doctor .con .more span{font-weight:600;color:#fff;}
.sec_doctor .con .more img{display:block;width:7px;}

@media all and (max-width: 1023px) {
    .sec_doctor .con .dr{padding-top:50px;}
    .sec_doctor .con .dr .profile{position:relative;gap:20px;}
    .sec_doctor .con .dr .profile > img{width:140px;height:140px;object-fit:cover;}
    .sec_doctor .con .txt{padding-top:0;}
	.sec_doctor .con .txt h4{font-size:18rem; margin-bottom:10rem; }
	.sec_doctor .con .txt h3{font-size:15rem;}
    .sec_doctor .con .txt .uls{flex-direction:column;gap:0;padding-top:5px; }
	.sec_doctor .con .txt .uls ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:5rem;}
    .sec_doctor .con .txt .uls li{padding-left:6px;padding-bottom:0px;font-size:13rem;}
    .sec_doctor .con .txt .uls li:before{top:8px;}
	.sec_doctor .con .more{position:relative; padding:0 20px;width:165px;height:40px; }
	.sec_doctor .con .more span{font-size:13rem;}
}

@media all and (max-width: 600px) {
    .sec_doctor .con .txt h3 {display:none; }
	.sec_doctor .con .txt .uls{display:none; }
	.sec_doctor .con .txt .uls_pop h3 {display:block; font-size:15rem; font-weight:600;margin-bottom:10rem; }
	.sec_doctor .con .txt .uls_pop ul {display:flex;gap:10px; }
	.sec_doctor .con .txt .uls_pop li{position:relative;padding-left:10px;padding-bottom:0px;line-height:130%; font-size:14rem; }
	.sec_doctor .con .txt .uls_pop li:before{content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;border-radius:50%;background:#222;}
	.sec_doctor .con .txt .uls_pop ul.one {display:grid;grid-template-columns: repeat(1, 1fr);}
}

/* 공통 레이어 팝업 샘플 */
.layer-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background-color: rgba(17, 23, 29, 0.70); visibility: hidden; opacity: 0; z-index:100;}
.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%; height:600px; max-height: 100%; padding: 80px 60px; background-color: #fff; overflow: hidden; overflow-y: auto; animation: fadeInUpLayer 0.3s;}
.layer-popup.on .popup-inner {display: block;}
.layer-popup .popup-inner dl {padding:20rem; background:#f8fafb; margin-top:20rem;} 
.layer-popup .popup-inner dl h3 {font-weight:700; font-size:20rem;}
.layer-popup .popup-inner dl dd {font-size:17rem; font-weight:400; margin-left:10rem; }
.layer-popup .popup-inner dl dd.last {margin-bottom:20rem;}
.layer-popup .popup-inner dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#0081e9; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

.pop_profile {display: flex; align-items: center; justify-content: center;gap:30rem;}
.pop_profile .txt{width:100%;}

.layer-popup .popup-inner .close-btn {position: absolute; top: 50px; right: 50px; width: 32px; height: 32px; font-size:0; 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:1023px) {
	.layer-popup .popup-inner {padding: 55px 30px 50px;}
	.layer-popup .popup-inner .close-btn {top: 10px; right: 25px;}
	.layer-popup .popup-inner dl h3 {font-size:18rem;}
	.layer-popup .popup-inner dl dd {font-size:14rem;}
	.pop_profile {flex-direction:column; }
}


@keyframes fadeInUpLayer {
  0% {opacity: 0; transform: translate(-50%, -40%);}
  100% {opacity: 1; transform: translate(-50%, -50%);}
}


.s2-2{margin-bottom:20rem; padding:0; width:100%; clear:both; overflow:hidden;}
.s2-2 h3 {font-size:25rem;}
.s2-2 li{word-break: keep-all; float:left; width:100%; margin:1% 0; padding:2%; overflow:hidden; border:1px solid #ccc; transition:all ease 0.3s;}
.s2-2 li:hover{border:1px solid #000;}
.s2-2 li img, .s2-2 li strong, .s2-2 li p{display:block;}
.s2-2 li p{font-size:17rem; font-weight:400;}
.s2-2 li dd {font-size:17rem; margin-bottom:10rem; margin-left:20rem;}
.s2-2 li dd:before {content: ""; position:absolute; width:3rem; height:3rem; background:#2f3195; text-align:left; margin-left:-10rem; border-radius:5px; margin-top:10rem;}
.s2-2 li dd:last-child {margin-bottom:0;}

.sstt-dt{margin:0; padding:0 0 0 20rem; font-size:20px; font-weight:600; color:#262626; position:relative;}
.sstt-dt:before {position:absolute; left:0rem; top:8px; font-size:10px; color:#2f3195; content:'▶'; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}

@media all and (max-width:767px){
    h3 {font-size:22rem;}
	.s2-2 li{padding:5%;}
	.s2-2 li p{font-size:15rem; }
	.s2-2 li dd {font-size:15rem;}
}


.steps ul{display:flex;justify-content:space-between;}
.steps li{position:relative;width:20%;}
.steps li:after{content:'';position:absolute;top:72px;right:-5px;display:block;width:17px;height:30px;background:url(../img/sub/arr2.png) no-repeat center center/contain;}
.steps li:last-child:after{display:none;}
.steps dl{padding-top:22px;}
.steps dt{font-size:15rem;font-weight:700;color:#1b459a;}
.steps dd{padding-top:14px;font-size:18rem;font-weight:700;}

.tbl{padding-top:60px;}

@media all and (max-width: 1240px) {
    
    .steps ul{flex-wrap:wrap;gap:20px 0;justify-content:center;}
    .steps li{width:33.33%;}
}
@media all and (max-width: 1024px) {
    
    .steps li:after{top:40px;width:8px;height:14px;}
    .steps li:nth-child(3):after{display:none;}
    .steps li img{width:90px;}
    .steps dl{padding-top:12px;}
    .steps dt{font-size:0.7em;}
    .steps dd{padding-top:8px;font-size:0.95em;}
    
    .tbl{padding-top:40px;}
}


.subtop{display:flex;height:600px;padding:0; }
.subtop .txt{width:50%;height:100%;display:flex;justify-content:center;align-items:center;background:#eff4fb;}
.subtop .txt .tt{padding-bottom:0;}
.subtop .txt .tt h3 {font-size:30rem; font-weight:700;}
.subtop .bg{width:50%;height:100%;}
.subtop .night{background:url(../img/sub/night_bg.jpg) no-repeat center center/cover;}
.subtop .center1{background:url(../img/sub/center1_bg.jpg) no-repeat center center/cover;}
.subtop .center2{background:url(../img/sub/center2_bg.jpg) no-repeat center center/cover;}
.subtop .center3{background:url(../img/sub/center3_bg.jpg) no-repeat center center/cover;}
.subtop .center4{background:url(../img/sub/center4_bg.jpg) no-repeat center center/cover;}
.subtop .center5{background:url(../img/sub/center5_bg.jpg) no-repeat center center/cover;}

.subtop .txt .info{padding-top:50px;}
.subtop .txt .info p{font-size:18rem;line-height:170%; font-weight:500; letter-spacing:-.5px;}
.subtop .txt .info .hour{padding-bottom:14px;border-bottom:1px solid #222;}
.subtop .txt .info .hour dl{display:flex;gap:10rem; padding-bottom:20px;}
.subtop .txt .info .hour dl *{font-size:18rem; font-weight:500;}
.subtop .txt .info .hour dt{width:100rem; background:#0081e9; color:#fff; border-radius:20rem; text-align:center; }
.subtop .txt .info .hour dd{letter-spacing:0;}
.subtop .txt .info ul{padding-top:30px;}
.subtop .txt .info li{font-size:18rem;line-height:170%; font-weight:300; }
.subtop .txt .info li b{font-size:inherit; font-weight:700; color:#0081e9; }

@media all and (max-width: 1280px) {
    
    .subtop{height:600px;}
    .subtop .txt{width:60%;justify-content:left;padding-left:5%;}
    .subtop .bg{width:40%;}
}
@media all and (max-width: 1024px) {
    
    .subtop{position:relative;height:460px;background:#282930;}
    .subtop .txt{position:relative;width:100%;justify-content:center;padding:0;background:none;text-align:center;z-index:1;}
    .subtop .txt .tt *{color:#fff !important;}
    .subtop .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6;z-index:0;}
    
    .subtop .txt .info{padding:30px;}
	.subtop .txt .info p{font-size:15rem;}
    .subtop .txt .info .hour{display:flex;justify-content:center;padding-top:20px;padding-bottom:8px;border-top:1px solid #fff;border-color:#fff;}
    .subtop .txt .info .hour dl{padding-bottom:12px;}
    .subtop .txt .info .hour dt{width:100px;text-align:left;}
    .subtop .txt .info ul{padding-top:20px;}
}



.personnel {}
.personnel .sec02 {}
.personnel .sec02 ul {display:grid;grid-template-columns: repeat(3, 1fr);gap:50px}
.personnel .sec02 ul li {background:#f4f8fb; padding:20rem; border-radius:20rem; }
.personnel .sec02 ul li .li_box {}
.personnel .sec02 ul li .li_box .top_list {background:#0081e9; color:#fff; font-weight:700; font-size:18rem; border-radius:50rem; max-width:250rem; text-align:center; padding:10rem; margin-bottom:30rem;}
.personnel .sec02 ul li .li_box dl {word-break: keep-all; border-top:1px solid #000; padding-top:30rem; letter-spacing:-.5px; }
.personnel .sec02 ul li .li_box dl dd {display:flex;gap:20rem; border-bottom:1px solid #ddd; padding:10rem 0; }
.personnel .sec02 ul li .li_box dl dd span {width:100rem; font-weight:700; }
.personnel .sec02 ul li .li_box dl dd p {font-size:16rem; font-weight:400;}
.personnel .sec02 ul li .li_box dl dd.ri {display:flex;gap:20rem; }
.personnel .sec02 ul li .li_box dl dd.ri i {width:20rem; font-style:normal; float:right;}

@media screen and (max-width:1023px) {
	.personnel .sec02 ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:20px}
}

@media screen and (max-width:750px) {
	.personnel .sec02 ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px}
	.personnel .sec02 ul li .li_box dl dd span {width:80rem;}
	.personnel .sec02 ul li .li_box dl dd p {font-size:14rem; }
}



.sec_recommend{background:#fff; padding:50rem 0; }
.sec_recommend .tt  em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.sec_recommend .tt  h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }
.sec_recommend .wrap{display:flex;justify-content:space-between;align-items:center;}
.sec_recommend .con ul{display:grid;gap:0 30px;grid-template-columns:1fr 1fr;}
.sec_recommend .con li{position:relative;padding:24px 0 24px 54px;min-width:480px;font-weight:500; letter-spacing:-.5px; border-bottom:1px solid rgba(0,0,0,0.08);}
.sec_recommend .con li:before{content:'';position:absolute;top:28px;left:20px;display:block;width:20rem;height:20rem;background:url(../img/sub/check_b.png) no-repeat center center/contain;}

@media screen and (max-width: 1500px) {
    
    .sec_recommend .wrap{display:block;}
}
@media screen and (max-width: 1023px) {
    .sec_recommend .tt  em {font-size:15rem; }
    .sec_recommend .tt  h3 {font-size:22rem; }
    .sec_recommend .con ul{display:block;}
    .sec_recommend .con li{min-width:unset;padding:15px 0 15px 36px; font-size:15rem; }
    .sec_recommend .con li:before{top:18px;left:10px;width:16px;height:16px;}
}

.sec_clinic{background:#f6f9fb; padding:100rem 0; }
.sec_clinic .tt {text-align:center; margin-bottom:30rem; }
.sec_clinic .tt em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.sec_clinic .tt h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }
.sec_clinic .con{display:flex;justify-content:center;gap:3vw;}
.sec_clinic .item{word-break: keep-all;width:340px;text-align:center;}
.sec_clinic .item .pic{width:200px;margin:0 auto;border-radius:50%;border:14px solid #fff;overflow:hidden;}
.sec_clinic .item .pic img{display:block;width:100%;}
.sec_clinic .item em{display:flex;justify-content:center;align-items:center;width:140px;height:42px;margin:0 auto;margin-top:30px;font-size:15rem; font-weight:700; color:#0081e9; font-style:normal; border-radius:50px;border:1px solid #0081e9;}
.sec_clinic .item h4{padding-top:26px;font-size:22rem;font-weight:600;letter-spacing:-.5px;}
.sec_clinic .item p{padding-top:20px;font-weight:500;}

@media all and (max-width: 1023px) {
    .sec_clinic{padding:70rem 0; }
	.sec_clinic .tt  em {font-size:15rem; }
	.sec_clinic .tt h3 {font-size:22rem;}
    .sec_clinic .con{display:grid;grid-template-columns:repeat(2, minmax(300px, 200px));gap:30px 20px;}
    .sec_clinic .item{width:100%;}
    .sec_clinic .item .pic{width:140px;border-width:10px;}
    .sec_clinic .item em{width:100px;height:34px;margin-top:14px;font-size:0.85em;}
    .sec_clinic .item h4{padding-top:14px;font-size:1em;line-height:140%;}
    .sec_clinic .item p{padding-top:12px;font-size:0.85em;}
    .sec_clinic .item p br{display:none;}
}

@media all and (max-width: 600px) {
    .sec_clinic .con{display:grid;grid-template-columns:repeat(2, minmax(100px, 140px));gap:30px 20px;}
}

@font-face {
    font-family: 'ChosunIlboMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


.sec_rbox{background:#f5f5f5; padding:80rem 0; }
.sec_rbox .tt {text-align:center; margin-bottom:30rem; }
.sec_rbox .tt em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.sec_rbox .tt h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }
.sec_rbox .item{display:flex;align-items:center;padding:20px;border-radius:20px;background:#fff;}
.sec_rbox .item + .item{margin-top:30px;}
.sec_rbox .item .pic{width:600px;border-radius:20px;overflow:hidden;}
.sec_rbox .item .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.sec_rbox .item .txt{flex:1;padding-left:60px;padding-bottom:0;}
.sec_rbox .item.reverse .txt{padding-left:0;}
.sec_rbox .item .txt em{display:flex;align-items:center;gap:15px;font-size:1.1em;font-weight:600;font-family:'Rubik', serif;color:var(--pink200);text-transform:uppercase;}
.sec_rbox .item .txt em i{display:block;width:100px;height:1px;background:var(--pink200);}
.sec_rbox .item .txt h5{font-family: 'ChosunIlboMyungjo'; padding-top:50px;font-size:25rem;font-weight:800;line-height:140%;}
.sec_rbox .item .txt p{padding-top:30px; font-size:18rem; font-weight:500; letter-spacing:-.5px; }
.sec_rbox .item .txt h6{display:flex;justify-content:center;align-items:center;width:340px;height:55px;margin-top:30px;font-weight:600;border-radius:60px;background:var(--pink100);color:#fff;}
.sec_rbox .item .txt .dots{padding-top:20px;}
.sec_rbox .item .txt .dots li{position:relative;padding-left:26px;padding-bottom:15px;line-height:160%;}
.sec_rbox .item .txt .dots li:last-child{padding-bottom:0;}
.sec_rbox .item .txt .dots li:before{content:'';position:absolute;top:10px;left:0;display:block;width:8px;height:8px;border-radius:50%;background:var(--pink100);}

@media all and (max-width: 1600px) {
    
    .sec_rbox .item .pic{width:500px;}
    .sec_rbox .item .txt p br{display:none;}
    .sec_rbox .item .txt .dots li br{display:none;}
}
@media all and (max-width: 1280px) {
    
    .sec_rbox .item{display:block;padding:12px;}
    .sec_rbox .item + .item{padding-top:50px;}
    .sec_rbox .item .pic{width:100%;aspect-ratio:2 / 1.2;border-radius:10px;}
    .sec_rbox .item .txt{width:100%;padding-left:0;padding-top:30px;}
    .sec_rbox .item .txt em{font-size:0.8em;}
    .sec_rbox .item .txt em i{width:40px;}
    .sec_rbox .item .txt h5{padding-top:12px;font-size:1.25em;}
    .sec_rbox .item .txt p{padding-top:12px;font-size:0.85em;}
    .sec_rbox .item .txt h6{width:250px;height:36px;margin-top:20px;font-size:0.85em;}
    .sec_rbox .item .txt .dots{padding-top:12px;}
    .sec_rbox .item .txt .dots li{padding-left:10px;padding-bottom:8px;font-size:0.85em;}
    .sec_rbox .item .txt .dots li:before{top:8px;width:4px;height:4px;}
}

@media all and (max-width: 1023px) {
	.sec_rbox{ padding:50rem 0; }
	.sec_rbox .tt  em {font-size:15rem; }
	.sec_rbox .tt h3 {font-size:22rem;}
    
}




.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:20rem; font-weight:800; color:#000; text-align: center; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > dl {padding-bottom:20px; word-break: keep-all;}
.privacy > dl > dt{  font-size:20rem;color:#000;font-weight:700;padding-bottom:15px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:17rem; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }

@media all and (max-width: 1023px) {
    .privacy_right { font-size:13rem; margin-bottom:20rem; }
	.privacy h2 { font-size:17rem;}
	.privacy > dl {flex-direction:column; padding-bottom:20px;}
	.privacy > dl > dd{ font-size:15rem; }
}

.info_con02{}
.info_con02 h3 {margin-bottom:10rem; font-size:25rem; margin-left:10rem; font-weight:800;}
.info_con02 h3:before {content: ""; position:absolute; width:7rem; height:7rem; background:#2f3195; text-align:left; margin-left:-10rem; border-radius:11rem; margin-top:0px;}

.info_con02 .map_box{height: 600rem;}
.info_con02 .map_box .root_daum_roughmap{width: 100%; height: 100%;}
.info_con02 .map_box .root_daum_roughmap .wrap_map{height: 100%;}

.info_con02 .map_info{margin-top: -40rem; position: relative; z-index: 1;}
.info_con02 .map_info .tag_box{width: 100%; max-width: 662rem; background-color: #0081e9; display: flex; align-items: center; justify-content: center; }
.info_con02 .map_info .tag_box p{padding: 30rem; font-size: 18rem; font-weight: 600; color:#fff; letter-spacing: -0.025em; }
.info_con02 .map_info .tag_box p + p{position: relative;}
.info_con02 .map_info .tag_box p + p:before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: rgba(255,255,255,0.2);}

@media all and (max-width:767px){
    .info_con02 .map_box{height: 300rem;}
	.info_con02 .map_info{margin-top: -100px;}
    .info_con02 .map_info .tag_box{flex-direction: column;}
	.info_con02 .map_info .tag_box p{padding: 20rem;}
    .info_con02 .map_info .tag_box p + p:before{left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 1px;}
}



.customer-column__list {	margin-top: -45px;}
.customer-column__item {	display: flex;	gap: 10px;	padding: 45px 15px;	border-bottom: 1px solid #eee;}
.customer-column__title-wrap {	display: flex;	flex-shrink: 0;	width: 230px;}
.customer-column__number {	width: 60px;	margin-top: 2px; font-size:17rem;	font-weight: 700;	color: #0081e9;}
.customer-column__title {font-size:20rem; font-weight:800; letter-spacing:-.5px;}

@media (max-width: 1280px) {
	/* Customer Column */
	.customer-column__list {		margin-top: -25px;	}
}
@media (max-width: 640px) {
	/* Customer Column */
	.customer-column__item {		flex-direction: column;	}
	.customer-column__title-wrap {		width: auto;	}
	.customer-column__number {	width: 40px;}
	.customer-column__title {font-size:18rem;}
}




.list{}
.list .txt {margin-bottom:20rem;}
.list .txt h5{font-size: 18rem; padding-bottom: 15rem; letter-spacing: -0.025em; font-weight: 800; color: #444;}
.list .txt p{font-size: 18rem; letter-spacing: -0.025em; font-weight: 400; color: #444;}
.list .txt dt {font-size: 18rem; letter-spacing: -0.025em; font-weight: 600; color: #000; margin-bottom:10rem;}
.list .txt dd {font-size: 16rem; letter-spacing: -0.025em; font-weight: 400; color: #444;}
.list .txt dd b {font-weight:800;}
.list .txt dd span.red {color:#eb0808; font-weight:800;}
.list .txt a{display: block; text-align: center; width: 222px; font-size: 16px; font-weight: 500; margin-top: 15px; height: 48px; line-height: 48px; color: #FFF; background: #444; }
.list .txt a::after{content: '';display: inline-block; width: 7px; height: 12px; background: url(../img/sub/time_con_arr_btn.png); margin-left: 8px;}

.list .txt2 {word-break: keep-all; text-align:center; padding:20rem; border:1px solid #ddd; display:inline-block; width: calc(100% /2 - 10px);}
.list .txt2 dt {font-size: 16rem; letter-spacing: -0.025em; font-weight: 600; color: #000; margin-bottom:10rem;}
.list .txt2 dd {font-size: 15rem; letter-spacing: -0.025em; font-weight: 400; color: #444;}


@media all and (max-width:890px){
    .list{width: 100%; }
	.list .txt p{font-size: 16rem;}
	.list .txt dt {font-size: 18rem}
	.list .txt dd {font-size: 16rem;}
	.list .txt2 {display:block; width: 100%; margin-bottom:10rem;}
	.list .txt2 dt {font-size: 16rem;}
	.list .txt2 dd {font-size: 14rem;}
}



.about-value {	padding: 100rem 0;	background-color: #f8f9fc;}
.about-value .tt {text-align:center; margin-bottom:30rem; }
.about-value .tt em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.about-value .tt h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }
.about-value__title {	font-size: 34px;	font-weight: 800;	line-height: 1;}
.about-value__list {	display:grid;grid-template-columns: repeat(3, 1fr);gap: 40px 0;	margin: 65px -20px 0;}
.about-value__item {	padding: 0 20px;}
.about-value__img-wrap {	position: relative;}
.about-value__img-inner {font-size:22rem; font-weight:800;	text-align:center; border-radius: 40px 0 40px 0; padding:50rem 0;	background-color: #fff;	box-shadow: 0 0 20px rgba(45, 58, 150, 0.05);}
.about-value__img-inner i {display:block;}
.about-value__text-wrap {	margin-top: 45px;	text-align: center;}
.about-value__text-wrap dl dd {word-break: keep-all; font-size:17rem; text-align:left; margin-left:10rem; margin-bottom:10rem; }
.about-value__text-wrap dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#0081e9; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.about-value__item-title {	color: #0081e9; font-weight:800; font-size:22rem; }
.about-value__item-title::after {	content: "";	display: block;	width: 100%;	height: 1px;	margin: 10px 0 15px;	background-color: #e5e5e5;}

@media all and (max-width:600px){
    .about-value__list {	display:grid;grid-template-columns: repeat(1, 1fr);gap: 40px 0;	}
	.about-value__img-inner {font-size:18rem;}
	.about-value__item-title {	 font-size:20rem; }
	.about-value__text-wrap dl dd {font-size:15rem; }
}

@font-face {
    font-family: 'Cafe24LovingU';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2405-3@1.1/Cafe24Lovingu.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

.slogan .sub-cont__bg {	background-image: url("../img/sub/slogan_img.jpg");}
.slogan .sub-cont__text-wrap {text-align:center;	padding-bottom: 50px;}
.slogan .sub-cont__text-wrap i { font-family: 'Cafe24LovingU'; font-size:200rem; color:#0081e9; z-index:-1; position:absolute; left:50%; transform:translateX(-50%); top:65rem; opacity:0.07;}
.sub-cont__title { font-family: 'ChosunIlboMyungjo';	font-size: 30rem;	font-weight: 800;	color: #000; z-index:10;}

@media all and (max-width:600px){
    .sub-cont__title { font-size: 20rem;}
	.ci_img img {width:200rem;}
}

.history{padding:100rem 0; }
.history .list{}
.history .list .box{position:relative; }
.history .list .box > ul{position:relative; padding: 0px 0;}
.history .list .box > ul:last-of-type{padding-bottom:0;}
.history .list .box > ul > li{position:relative; width: calc(50% - 70px); margin-left: auto; padding-bottom:110px;}
.history .list .box > ul > li::before{content:''; position:absolute; top: 14px; left: -70px; width: 1px; height: 0; background: #0078c2; transition:0.5s}
.history .list .box > ul > li:nth-of-type(2n)::before{left: auto; right: -71px;}
.history .list .box > ul > li:first-of-type::before{height: 0; top: -70px;}
.history .list .box > ul > li.on::before{height: 100%;}
.history .list .box > ul > li:first-of-type.on::before{height: calc(100% + 84px);}
.history .list .box:last-of-type > ul > li:last-of-type{padding-bottom:0;}
.history .list .box:last-of-type > ul > li:last-of-type::before{display:none; }
.history .list .box > ul > li > span{position:relative; display:inline-block; vertical-align: top; font-weight:bold; /* font-family: 'Roboto', sans-serif; */ font-size:30rem; color: #222; margin-bottom:20px;}
.history .list .box > ul > li > span::before{content:""; position:absolute; top: 11px; left: -75px; width: 10px; height: 10px; box-sizing:border-box; border-radius:50%; background: #0078c2; z-index: 2;}
.history .list .box > ul > li > span::after{content:""; position:absolute; top: 5px; left: -81px; width: 22px; height: 22px; box-sizing:border-box; border-radius:50%; background: #fff; border:1px solid #0078c2; transform:scale(0); transition:0.4s;}
.history .list .box > ul > li.on > span::after{transform:scale(1);}
.history .list .box > ul > li > ul{}
.history .list .box > ul > li > ul > li{word-break: keep-all; padding-left: 10px; position:relative;	font-size:17rem; margin-bottom:16px; vertical-align: middle;}

.history .list .box > ul > li > ul > li > span{position:absolute;top: 1px; left: 0; /* font-family: 'Roboto', sans-serif; */ font-weight:500; font-size:19px; color: #222; vertical-align: middle;}

.history-content__inner-item {	display: flex;	flex-wrap: wrap;	gap: 20px;	margin-top: 25px;}
.history-content__inner-item h6 {color:#0081e9; font-style:normal; font-weight:700; width:80rem; }
.history-content__inner-item p {color:#000;  font-style:normal; font-weight:700; width:80rem; }

.history .list .box > ul > li:nth-of-type(2n){margin-left: 0; margin-right: auto; text-align: right;}
.history .list .box > ul > li:nth-of-type(2n) > span::before{left: auto; right: -75px}
.history .list .box > ul > li:nth-of-type(2n) > span::after{left: auto; right: -81px;}
.history .list .box > ul > li:nth-of-type(2n) > ul > li{padding-left: 0; padding-right: 0px; }
.history .list .box > ul > li:nth-of-type(2n) > ul > li > span{left: auto; right: 0;}
.history .list .box > ul > li:nth-of-type(2n) > ul > li i {margin-right:20rem; }

@media (max-width: 1520px){
	.history .list .box > ul > li > ul > li br{display:none; }
}


@media (max-width: 1023px){
	.history{padding:30rem 0; }
	.history .list .box .mid_txt{top: 40%;}
	.history .list .box > ul > li > span::after,
	.history .list .box > ul > li > span::before,
	.history .list .box::before,
	.history .list .box::after,
	.history .list .box > ul::after,
	.history .list .box > ul::before{display:none; }
	.history .list .box > ul{padding-top: 50px;}
	.history .list .box > ul > li{width: 100%; padding-bottom:50px;}
	.history .list .box > ul > li:nth-of-type(2n){margin-right: 0; text-align: left;}
	.history .list .box > ul > li:nth-of-type(2n) > ul > li{padding-right: 0; padding-left: 10px;}
	.history .list .box > ul > li:nth-of-type(2n) > ul > li > span{left: 0; right: auto;}
	.history .list .box > ul > li > span{ font-size:25rem;}
	.history .list .box > ul > li > ul > li{font-size:14rem;}
	
}


.sub .history {position: relative;}
.sub .history .historyVisual {max-width:1820px; padding:320px 0 200px; margin:0 auto 200px; background:url(/about/img/history01img01.jpg)no-repeat center / cover;}
.sub .history .historyVisual .txtBox {position:absolute; width:480px; height:480px;margin:-200px 0 0; padding:50px; background:#910024; color: #fff; }
.sub .history .historyVisual .txtBox h2 { margin: 12px 0 0; font-size: 36px;line-height: 1.3;}
.sub .history .historyVisual .txtBox h4 {font-size: 15px;font-weight: 500;letter-spacing: 1px;  }
.sub .history .historyVisual .txtBox h1 {position:absolute; right: 40px; bottom: 30px; font-size: 76px; opacity: 0.1; line-height: 1; font-style: italic;}
.sub .history .conBox {}
.sub .history .conBox .subTit {margin:0 0 60px; text-align:center; }

.sub .history .conBox .historyBox .historyBg { position: absolute;  display: flex; align-items: flex-start; justify-content: flex-end; width: 100%;height: 100%;  opacity: 0.4; z-index: -1;}
.sub .history .conBox .historyBox .historyBg figure { position: sticky; top: 100px;width: 180px}
.sub .history .conBox .historyBox:before { content: ''; position: absolute;  width: 1px;height: 100%; background: #e5ebf8; left: 360px; top: 25px;}
.sub .history .conBox .historyBox .historyYearItem {display:flex; flex-wrap:wrap; transition:all 0.5s;  }
.sub .history .conBox .historyBox .historyYearItem h4 { position: relative; width:360px; padding:10px 120px 0 0;font-size:30rem; font-weight:800; line-height:1; text-align: right;}
.sub .history .conBox .historyBox .historyYearItem.active h4 {color: #0081e9; transition: all 0.5s;}
.sub .history .conBox .historyBox .historyYearItem .historyMonthBox {width:calc(100% - 360px); margin:15px 0 100px }
.sub .history .conBox .historyBox .historyYearItem:last-child .historyMonthBox { }
.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem {display:flex;position:relative; margin:0 0 15px;  padding:0 0 0 120px;  font-size:17px; }
.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem strong {width:70px; font-weight:800; color:#000; }
.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem .historyDetail {width:calc(100% - 140px);}
.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem .historyDetail p {font-weight:500;}

.sub .history .conBox .historyBox .historyYearItem .dots { position: absolute; display: block; top: 20px;right: -10px;width:20px;height: 20px; border-radius:50%;  border: 3px solid #0081e9; background: #fff; transition: all 0.3s; box-sizing: border-box; border-radius: 50%; z-index: 2;}
.sub .history .conBox .historyBox .historyYearItem .dots .innerDots {position: absolute; display: block;width: 40px;  height: 40px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0);z-index: 3; background: rgba(145, 0, 36,0.1); border-radius: 100%;transition: all 0.3s;}
.sub .history .conBox .historyBox .historyYearItem .dots .innerDots:after { display: block;contet: ""; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);width: 90px;height: 90px;  z-index: -1;background: rgba(145, 0, 36,0.1);border-radius: 100%;transition: all 0.5s;}

.sub .history .conBox .historyBox .historyYearItem.active .dots .innerDots {transform: translate(-50%,-50%) scale(1);animation: dotsAni 0.5s forwards ease; animation-delay: 0.05s; transition:all 0.3s; }
.sub .history .conBox .historyBox .historyYearItem.active .dots .innerDots:before {display: block; content: ""; position: absolute;left: 50%;top: 50%;width: 20px; height: 20px;  background: #fff; border-radius: 100%;border:3px solid #0081e9; animation: dots-ani 0.5s forwards ease; transform: translate(-50%, -50%); animation-delay: 0.02s; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}



@media all and (max-width:1280px) {
	.sub .history .historyVisual {padding:200px 0; margin:0 0 150px; }
	.sub .history .historyVisual .txtBox {position:absolute; width:330px; height:330px;margin:-60px 0 0; padding:30px; }
	.sub .history .historyVisual .txtBox h2 { margin: 12px 0 0; font-size: 28px;}
	.sub .history .historyVisual .txtBox h4 {font-size: 15px;}
	.sub .history .historyVisual .txtBox h1 {right: 30px; bottom: 30px; font-size: 52px;}
	.sub .history .historyVisual {}
	.sub .history .historyVisual h4 {font-size:24px; }
	.sub .history .historyVisual h2 {font-size:48px; }

	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem {padding:0 0 0 100px; font-size:16px; }
	.sub .history .conBox .historyBox .historyYearItem h4 {width:300px;}
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox {width:calc(100% - 300px);}
	.sub .history .conBox .historyBox:before {left:300px; }
	.sub .history .conBox .historyBox .historyYearItem .dots {right:10px;}

}

@media all and (max-width:1024px) {
	.sub .history .conBox .historyBox .historyBg figure {width:150px; }
	.sub .history .historyVisual h4 {font-size:20px; }
	.sub .history .historyVisual h2 {font-size:42px; }

	.sub .history .conBox .subTit {margin:0 0 40px; }
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox {margin:15px 0 130px;}
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem {padding:0 0 0 50px; font-size:15px; }
	.sub .history .conBox .historyBox .historyYearItem h4 {width:200px; padding:10px 80px 0 0;  font-size:26px;}
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox {width:calc(100% - 200px);}
	.sub .history .conBox .historyBox:before {left:200px;}
} 

@media all and (max-width:768px) {
	.sub .history .historyVisual {padding:10% 0; margin:0 0 12vw; }
	.sub .history .historyVisual h4 {font-size:3.2vw; }
	.sub .history .historyVisual h2 {font-size:6vw; }
	.sub .history .historyVisual .txtBox h1 {display:none; }
	.sub .history .historyVisual .txtBox {position:relative; width:100%; height:auto; margin:0; padding:5vw; background:transparent; }
	.sub .history .historyVisual .txtBox h4 {font-size:3.2vw; }
	.sub .history .historyVisual .txtBox h2 {font-size:5vw; margin:3vw 0 0;}
	.sub .history .conBox {padding:0 15px;}
	.sub .history .conBox .subTit {margin:0 0 7vw; }
	.sub .history .conBox .historyBox {max-width:90%; margin:0 auto; padding:0;}
	.sub .history .conBox .historyBox .historyBg figure {width:25vw; }
	
	.sub .history .conBox .historyBox .historyYearItem.active h4 {font-size:6vw; }
	.sub .history .conBox .historyBox .historyYearItem h4 {width:100%; text-align:left; padding:0 0 0 10vw; margin:0 0 3vw;  font-size:6vw;    }
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox {width:100%; margin:0 0 14vw;  }
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem {margin:0 0 2vw; padding:0 0 0 10vw; font-size:3.2vw; }
	.sub .history .conBox .historyBox .historyYearItem.active .dots .innerDots {width:40px; height:40px; }
	.sub .history .conBox .historyBox .historyYearItem.active .dots .innerDots:after {display:none; }
	.sub .history .conBox .historyBox:before {left:0; top:0; }
	.sub .history .conBox .historyBox .historyYearItem .dots {right:auto; left:-10px; top:0;  }
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem strong {width:15vw; }
	.sub .history .conBox .historyBox .historyYearItem .historyMonthBox .historyMonthItem .historyDetail {width:calc(100% - 10vw)}
}


@keyframes dotsAni {
    0% {
        transform: translate(-50%,-50%) scale(0);
    }

    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}




.floorWrap {margin-bottom:50rem; overflow: hidden; }
.floor-tit { position: relative; width: 30%; float: left; padding: 2%; }

.floor_list ul{display: flex; flex-direction: column-reverse; border-top: 1px solid #2f3195;}
.floor_list ul li{border-bottom: 1px solid #dbdbdb; width: 100%; box-sizing: border-box; }
.floor_list ul li .floor_tab{width: 100%;  box-sizing: border-box; display: flex; align-items: center;}
.floor_list ul li .floor_tab .floor{width: 15%; box-sizing: border-box; padding: 40rem 0; display: flex; align-items: center; justify-content: center;  }
.floor_list ul li .floor_tab .floor{font-size: 25rem; color:#fff; font-weight: 800; letter-spacing: -0.025em;}
.floor_list ul li .floor_tab .explain{width: 85%; box-sizing: border-box; padding: 20rem 45rem; position: relative; display:flex;flex-wrap:wrap;  gap:10rem;}
.floor_list ul li .floor_tab .explain dd {font-size:17rem; letter-spacing:-0.025em; color:#444444; word-break: keep-all; margin-right:10rem;}
.floor_list ul li .floor_tab .explain dd:after {content: ""; position:absolute; width:1px; height:14px; background:#ddd; text-align:left; margin-left:10px; margin-top:5px;}
.floor_list ul li .floor_tab .explain dd:last-child:after {display:none;}

.color1 {background: #0081e9; }
.color2 {background: #1b459a; }

@media all and (max-width:767px){
	.floor_list ul li .floor_tab .floor{width:20%; font-size: 18rem;}
	.floor_list ul li .floor_tab .explain{width:85%; font-size:15rem; padding: 20rem 25rem;}
	.floor_list ul li .floor_tab .explain dd {font-size:14rem; }
}

.sec_history {margin: 50rem 0;}
.sec_history .tt {text-align:center; margin-bottom:30rem; }
.sec_history .tt em {font-size:20rem; font-weight:700; color:#0081e9; font-style:normal; }
.sec_history .tt h3 {font-size:30rem; font-weight:800; letter-spacing:-.5px; }

.steps {  position: relative;  }
.steps .steps-container {  position: relative;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  padding: 0px 0;}
.steps .steps-container:after {  content: "";  position: absolute;  width: 16px;  background-color: #f4f4f4;  top: 0;  bottom: 0;  left: 50%;  z-index: -1;}
.steps .steps-container:first-child:after {  top: 80%;}
.steps .steps-container:last-child:after {  bottom: 10%;}
.steps .steps-container.left {  justify-content: center;  flex-direction: column;}

@media (min-width: 1200px) {
  .steps .steps-container {    align-items: end;    justify-content: start;    flex-direction: row;  }
  .steps .steps-container.left {    justify-content: end;    flex-direction: row-reverse;  }
}

.steps .steps-container.left .content:after {  left: 0;  right: -16px;}
.steps .steps-container.center {  justify-content: space-between;}
.steps .steps-container.center .content:last-child:after {  left: 0;  right: -16px;}

@media (min-width: 1202px) {
  .steps .steps-container.left .content:after {    right: -30px;  }
  .steps .steps-container.center .content:last-child:after {    right: -30px;  }
}

.steps .steps-container.bg-white .content {  background-color: white;  color: #6E6E6E;}
.steps .steps-container.bg-white .content h2 {  color: #333;}
.steps .steps-container.bg-white .content:after {  background: #fff;}
.steps .steps-container.bg-white .content .year {  color: #0081e9;}
.steps .steps-container .content {  padding: 30rem;  position: relative;  width:100%; box-shadow: 0px -3px 23px rgba(0, 11, 30, 0.1);  margin: 0 0 91px;  flex-basis: auto;}

@media (min-width: 1200px) {
  .steps .steps-container .content {    margin: 0 0 21px;    width:560px;  }
}

.steps .steps-container .content .year {  font-size: 18rem;  font-weight: 700;  letter-spacing: 0.4px;  margin: 0 0 10rem;}

@media (min-width: 1202px) {
  .steps .steps-container .content:after {    left: -30px;  }
}
@media (min-width: 768px) {
  .steps .steps-container .content:after {    display: block;  }
}

.steps .steps-container .content p {  font-size: 17rem;  line-height: 1.5;}
.steps .steps-container .content h2 {  font-weight: 800;  font-size: 22rem;  letter-spacing: 0.34px;  line-height: 30px;  margin: 0 0 18px;}
.steps .steps-container .content .hidden-elements-box {  display: none;  padding-bottom: 60px;}

.steps .steps-container .date {  font-weight: 800;  font-size: 25rem;  color: #ffffff;  margin-bottom: 10px;  width: 100px;  height: 100px;  background-color: #0081e9;  border-radius: 50%;  flex-shrink: 0;  align-items: center;  display: flex;  justify-content: center;  z-index: 7;  position: absolute;  text-align: center;  line-height: 1;  left: calc(50% - 40px);  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);  bottom: 0;  padding: 0 3px;  word-break: break-word;}

@media all and (max-width:768px) {
  .steps .steps-container .content h2 { font-size: 18rem;}
  .steps .steps-container .date {font-size: 20rem;}
}

.list-dots__list {	color: #555;}
.list-dots__item {	position: relative;	padding-left: 15px;	line-height: 1.7;	word-break: keep-all;}
.list-dots__item::before {	content: "";	position: absolute;	top: 13px;	left: 0;	width: 3px;	height: 3px;	background-color: #2d3a96;}
.list-dots__item b {font-weight:800;}

@media (max-width: 1023px) {
	/* List Dots */
	.list-dots__item::before {		top: 10px;	}
}

.icon-box {	position: relative; background:#f9f9f9; }
.icon-box__list {	display: flex;	flex-direction: column;	gap: 20px;}
.icon-box__item {	display: flex;	align-items: center;	justify-content: space-between;	flex-direction: row-reverse;	gap: 20px 50px;	padding: 45px 75px 45px 60px;	}
.icon-box__icon {	display: flex;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 110px;	height: 110px;	border-radius: 50%;	background-color: #fff;}
.icon-box__text-wrap {	color: #555;}

@media (max-width: 1280px) {
	/* Icon Box */
	.icon-box__item {		padding: 30px 20px;	}
}
@media (max-width: 1024px) {
	/* Icon Box */
	.icon-box__icon {		width: 90px;		height: 90px;	}
}
@media (max-width: 640px) {
	/* Icon Box */
	.icon-box__item {		flex-direction: column;		align-items: flex-start;		padding: 20px;	}
	.icon-box__icon {		display: none;	}
}



.procedure-wrap{}
.procedure-list{display:flex;margin:0 -12.5px;}
.procedure-list .item{width:33.3333333333%;height:300px;padding:0 12.5px;}
.procedure-list .item-inner{height:100%;max-height:300px;padding:65px 60px 0;border:1px solid #e5e5e5;border-top:2px solid #e31d1a;}
.procedure-list .item .title{position:relative;padding-bottom:22px;font-size:24px;}
.procedure-list .item .red-sub-title{font-size:14px;}
.procedure-list .item:not(.last-item) .title::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#222;}
.procedure-list .item .text{margin-top:23px;font-size:15px;color:#5d5d5d;}
.procedure-list .last-item .item-inner{border:0;background:url("../images/recruit/recruit_bg.jpg") no-repeat top center;background-size:cover;}
.procedure-list .last-item .title{display:block;font-size:26px;color:#fff;}
.procedure-list .btn-short-cut{display:inline-block;position:relative;padding-right:30px;font-size:16px;color:#fff;}
.procedure-list .btn-short-cut .icon{position:absolute;top:50%;right:0;transform:translateY(-50%);transition:transform .3s;}
.procedure-list .item-inner:hover .btn-short-cut .icon{transform:translate(5px, -50%);}
.recruit-wrap .board-wrap{margin-top:130px;}
.recruit-wrap .board-st1 .state{display:inline-flex;justify-content:center;align-items:center;width:70px;height:28px;font-size:14px;color:#fff;border-radius:14px;}
.en-page .recruit-wrap .board-st1 .state{font-size:13px;}
.recruit-wrap .board-st1 .afoot{background-color:#e31d1a;}
.recruit-wrap .board-st1 .close{background-color:#4d5255;}
.recruit-wrap .board-st1 thead .th-date{width:200px;}
.recruit-wrap .board-st1 thead .th-writer{width:200px;}
.recruit-wrap .board-st1 thead th:last-child, .recruit-wrap .board-st1 tbody td:last-child{padding-right:0;}

.sec_event {margin-bottom:50rem;}

.sec_guide {display:grid;grid-template-columns: repeat(2, 1fr); gap:20rem; text-align:center; margin-bottom:50rem; }
.sec_guide li {display:block; flex-direction:column; }


@media (max-width: 800px){
	.sec_guide {display:grid;grid-template-columns: repeat(1, 1fr); }
	.sec_guide li {margin-bottom:20rem;}
	.sec_guide li img {width:100%;}
}

.sec_center {display:grid;grid-template-columns: repeat(2, 1fr); gap:20px; text-align:center; }
.sec_center li {display:block; }

@media (max-width: 1023px){
	.sec_center {display:grid;grid-template-columns: repeat(1, 1fr); gap:20px; }
}