@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:70rem;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:2px solid #2d99cc; }
.subtable thead th{word-break: keep-all; background:#fbfbfb; padding:15rem 5rem; border:1rem solid #ddd; color:#000; font-weight:600; letter-spacing:-.5px;}
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {word-break: keep-all; font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td span{word-break: keep-all; cursor:pointer; font-size:15rem; font-weight:600; color:#fff; border-radius:5rem; padding:5rem 10rem; }
.subtable tbody td span.bt01{background:#2d99cc;}
.subtable tbody td span.bt01:hover{background:#1468a2;}
.subtable tbody td span.bt02{background:#ec6f09;}
.subtable tbody td span.bt03{background:#333;}
.subtable tbody td span.bt03:hover{background:#000;}

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

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:470rem;background-color:#000;background-size:cover;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-weight:800; font-size:45rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{color:#fff; font-weight:300; position:relative;line-height:1;padding: 20rem 0 0 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) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {width:100%; position:absolute; text-align:center; bottom:0rem; left:50%; transform:translateX(-50%); z-index:10;}

.left_snb{ margin:0 auto; text-align:center;   }
.left_snb ul {display: flex;      align-items: center;    justify-content: center; }
.left_snb li {}
.left_snb li a {color:#282828; display:block; background:rgba(255,255,255,0.65); padding:30rem 50rem; letter-spacing:-.5px; font-weight:600; font-size:20rem; position:relative; }

.left_snb li.on a {color:#fff; background:#2d9ace; }


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


@media (max-width:860px) {
	#sub_visual{height:250rem; margin-top:80rem; background-position:80%;}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{font-size:16rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:22rem; padding-bottom:30rem;}

}

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

	#sub_visual{height:180rem;}
	#sub_visual h2{font-size:20rem}
	#sub_visual p{font-size:14rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:42rem; height:40rem;}
	.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:11rem;}
	.subtable tbody td span{font-size:10rem;  padding:3rem 3rem; }

	#contents{padding:30rem 0 0rem;}

}

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

.vision_bg {background:url(../img/sub/vision_bg.jpg) no-repeat center center/cover;}
.mission_bg {background:url(../img/sub/mission_bg.jpg) no-repeat center center/cover;}
.synergy_bg {background:url(../img/sub/synergy_bg.jpg) no-repeat center center/cover;}
.personal_bg {background:url(../img/sub/personal_bg.jpg) no-repeat center center/cover;}
.nursing_bg {background:url(../img/sub/nursing_bg.jpg) no-repeat center center/cover;}
.manager_bg {background:url(../img/sub/manager_bg.jpg) no-repeat center center/cover;}
.manager2_bg {background:url(../img/sub/manager2_bg.jpg) no-repeat center center/cover;}
.matching_bg {background:url(../img/sub/matching_bg.jpg) no-repeat center center/cover;}

.sec_small{text-align:center; height:500rem;padding:0;display:flex;justify-content:center;align-items:center;}
.sec_small .txt h4{word-break: keep-all; font-size:33rem; font-weight:800; color:#fff; margin-bottom:30rem;}
.sec_small .txt p{word-break: keep-all; padding-top:14px;color:#fff; font-size:20rem; font-weight:400; letter-spacing:-.5px; }
.sec_small .txt p b{font-weight:800; }

@media all and (max-width: 1023px) {
    .sec_small{height:auto;padding:50px 20px;display:block;}
    .sec_small .txt h4{font-size:18rem;line-height:140%;}
    .sec_small .txt p {font-size:15rem;}
}


.subtit {text-align:center; margin-bottom:30rem; }
.subtit h3 { font-size:30rem; font-weight:800; color:#000; }
.subtit h3:before {content: ""; display:block; margin:20px auto; width:1px; height:55px; background:#2d9ace; }
.subtit h4 {word-break: keep-all; font-size:22rem; font-weight:800; color:#000; margin-bottom:10rem; letter-spacing:-.5px; }
.subtit h5 {word-break: keep-all; font-size:22rem; font-weight:600; color:#000; margin-bottom:10rem; letter-spacing:-.5px; }
.subtit h5 b {font-weight:800;}
.subtit p {word-break: keep-all; font-size:18rem; font-weight:400; color:#000; margin-top:5rem; }
.subtit p b { font-weight:800;  }

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

.sec_key{}
.sec_key .boxes {margin-top:70rem;}
.sec_key .boxes .tt {position:relative;}
.sec_key .boxes .tt h4{position:absolute;left:0px;top:-80px;font-size:100rem;font-weight:800;letter-spacing:0;color:#ebf0f5;z-index:-1;}
.sec_key .boxes .tt h3{word-break: keep-all; font-size:28rem;font-weight:800;line-height:140%; color:#1468a2; margin-bottom:20rem;}
.sec_key .boxes .box{display:flex;align-items:center;padding-bottom:120px;}
.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 p{word-break: keep-all; font-size:18rem;line-height:170%;color:#282828; font-weight:400;}
.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;}

@media all and (max-width: 1023px) {
    .sec_key .boxes .tt {margin-top:30rem; padding:0 10rem; }
    .sec_key .boxes .tt h4 {font-size:70rem; top:-60px; left:10rem;}
    .sec_key .boxes .tt h3 {font-size:20rem;}
    .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;}
    .sec_key .boxes .box .txt .tt p{font-size:15rem;}
    .sec_key .boxes .box:nth-child(even) .tt{margin-left:0;}
    .sec_key .boxes .box .pic{width:100%;}
}


.history_content {padding:100rem 0 50rem;}
.history_content .history_wrap {position:relative;}
.history_content .history_wrap .history_progress {position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:100%; background:#e4e4e4;}
.history_content .history_wrap .history_progress span {position:absolute; display:inline-block; width:8px; height:8px; border-radius:50%; background:#1468a2;}
.history_content .history_wrap .history_progress span:nth-child(1) {top:0; left:50%; transform:translateX(-50%);}
.history_content .history_wrap .history_progress span:nth-child(2) {bottom:0; left:50%; transform:translateX(-50%);}

.history_content .history_wrap .historyItem_wrap {padding:70px 0;}
.history_content .history_wrap .historyItem_wrap .history_item {position:relative; display:flex; align-items: center;   margin:0 0 98px 0;}
.history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) {flex-direction:row-reverse;}
.history_content .history_wrap .historyItem_wrap .history_item:last-child {margin:0;}

.history_content .history_wrap .historyItem_wrap .history_item > div {width:50%;}
.history_content .history_wrap .historyItem_wrap .history_item > .imgBox {padding:0 9.67% 0 0; text-align:right;}
.history_content .history_wrap .historyItem_wrap .history_item > .imgBox .numberBox {display:none;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox {position:relative; padding:0px 0 0 9.67%;}

.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .numberBox {position:absolute; top:40%; left:-50px; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background:#1468a2; transition:all 0.5s ease; transition-delay:0.1s;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .numberBox h5 {color:#ffffff;  font-size:20px; font-weight:500; line-height:1;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox.go .numberBox {background:#1468a2;}
.history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .txtBox .numberBox {left:auto; right:-50px;}

.history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .imgBox {padding:0 0 0 9.67%; text-align:left;}
.history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .txtBox {padding:60px 9.67% 0 0; text-align:right;}

.history_content .history_wrap .historyItem_wrap .history_item > .imgBox figure {margin:0 0 80px 0;}
.history_content .history_wrap .historyItem_wrap .history_item > .imgBox figure:nth-child(even) {text-align:left;}

.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox {margin:0 0 27px 0;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h5 {word-break: keep-all;margin:0 0 16px 0; color:#1468a2; font-size:25rem; font-weight:800; line-height:1.3; letter-spacing:-1.2px;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h6 {word-break: keep-all;color:#222222; font-size:18rem; font-weight:400; line-height:1.5; letter-spacing:-0.9px;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .contentBox p {margin:0 0 14px 0; color:#454545; font-size:17px; font-weight:400; line-height:1.52; letter-spacing:-0.51px;}
.history_content .history_wrap .historyItem_wrap .history_item > .txtBox .contentBox p:last-child {margin:0;}

@media all and (max-width:1023px){
    .history_content {margin:80px 0 0 0; padding:0 20px;}
    .history_content .bgImgBox {height:280px; margin:0 0 100px 0; padding:50px 8.06% 40px 8.06%;}
    .history_content .bgImgBox h4 {font-size:20px; line-height:1.6; letter-spacing:-1px;}
    .history_content .bgImgBox ul li {width:19.09%; margin:0 1.13% 0 0;}
    .history_content .bgImgBox ul li.active {width:24.51%;}
    .history_content .bgImgBox ul li h6 {margin:0 0 5px 0; font-size:16px;}
    .history_content .bgImgBox ul li.active span {height:3px; opacity:1;}

    .history_content .history_wrap .history_progress span {width:6px; height:6px;}

    .history_content .history_wrap .historyItem_wrap {padding:60px 0;}
    .history_content .history_wrap .historyItem_wrap .history_item {margin:0 0 80px 0;}

    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox {padding:0 9.67% 0 0;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox {padding:50px 0 0 9.67%;}

    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .numberBox {left:-40px; width:80px; height:80px;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .numberBox h5 {font-size:18px;}
    .history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .txtBox .numberBox {right:-40px;}

    .history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .imgBox {padding:0 0 0 9.67%;}
    .history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .txtBox {padding:50px 9.67% 0 0;}

    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox figure {margin:0 0 60px 0;}

    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox {margin:0 0 20px 0;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h5 {margin:0 0 12px 0; font-size:20px; letter-spacing:-1px;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h6 {font-size:16px; line-height:1.35; letter-spacing:-0.8px;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .contentBox p {margin:0 0 12px 0; font-size:16px; line-height:1.5; letter-spacing:-0.48px;}
}

@media all and (max-width:768px){
    /* history 주요연혁 */
    .history_content {margin:8vw 0 0 0; padding:0;}
    .history_content .bgImgBox {height:60vw; min-height:180px; margin:0 0 12vw 0; padding:5vw 3vw 4vw 3vw;}
    .history_content .bgImgBox h4 {font-size:3.8vw; line-height:1.5;}
    .history_content .bgImgBox ul {flex-wrap:wrap;}
    .history_content .bgImgBox ul li {width:48%; margin:0 4% 4% 0;}
    .history_content .bgImgBox ul li.active {width:48%;}
    .history_content .bgImgBox ul li:nth-child(even) {margin-right:0;}
    .history_content .bgImgBox ul li:last-child {margin:0;}
    .history_content .bgImgBox ul li h6 {margin:0 0 2vw 0; font-size:3.4vw;}
    .history_content .bgImgBox ul li.active span {height:2px;}

    .history_content .history_wrap .history_progress {top:0; left:6vw; transform:translateX(0);}
    .history_content .history_wrap .history_progress span {width:1.8vw; height:1.8vw;}

    .history_content .history_wrap .historyItem_wrap {padding:8vw 0;}
    .history_content .history_wrap .historyItem_wrap .history_item {display:block; margin:0 0 10vw 0;}
    .history_content .history_wrap .historyItem_wrap .history_item > div {width:100%;}

    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox {position:relative; padding:10vw 0 0 16vw; text-align:left;}
    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox .numberBox {content:''; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:12vw; height:12vw; border-radius:50%; background:#1468a2; transition:all 0.5s ease;}
    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox.go .numberBox {background:#e8190f;}
    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox .numberBox h5 {color:#ffffff; font-family:'SCoreDream'; font-size:3.2vw; font-weight:500; line-height:1;}

    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox {padding:5vw 0 0 16vw;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .numberBox {display:none;}

    .history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .imgBox {padding:10vw 0 0 16vw;}
    .history_content .history_wrap .historyItem_wrap .history_item:nth-child(even) > .txtBox {padding:5vw 0 0 16vw; text-align:left;}

    .history_content .history_wrap .historyItem_wrap .history_item > .imgBox figure {margin:0;}

    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox {margin:0 0 3vw 0;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h5 {margin:0 0 2vw 0; font-size:3.8vw;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .subjectBox h6 {font-size:3.4vw;}
    .history_content .history_wrap .historyItem_wrap .history_item > .txtBox .contentBox p {margin:0 0 2vw 0; font-size:3.4vw;}
}



@font-face {
    font-family: 'YeongwolTTF-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2507-2@1.0/YeongwolTTF-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.sec01{}
.sec01 .con{position:relative;display:flex;align-items:center;}
.sec01 .pic{width:50%;padding-left:2vw;overflow:hidden;}
.sec01 .pic img{display:block;float:right;width:100%;max-width:610px;}
.sec01 .txt{width:50%;max-width:640px;}
.sec01 .txt .tt,
.sec01 .txt .history{padding-left:5vw;}
.sec01 .txt .tt{padding-bottom:40px;border-bottom:2px solid #e9e9e9;}
.sec01 .txt .tt h4{word-break: keep-all; display:flex;gap:20px; font-size:30rem; line-height:1.3; font-weight:800; color:#1468a2; }
.sec01 .txt .history h5{padding-top:40px;font-size:1.1em;font-weight:500;color:var(--edc);}
.sec01 .txt .history ul{padding-top:24px;}
.sec01 .txt .history li{word-break: keep-all; position:relative;padding-bottom:10px;font-size:17rem;line-height:140%;}
.sec01 .typo{position:absolute;bottom:-130px;left:40px;z-index:-1;}
.sec01 .typo p{font-size:160rem;letter-spacing:0;font-style:italic;color:#ecf4f9;font-family: 'YeongwolTTF-Regular';}

@media all and (max-width: 1024px) {
    
    .sec01 .con{display:block;}
    .sec01 .pic{width:100%;padding:0;}
    .sec01 .pic img{float:unset;margin:0 auto;max-width:500px;}
    .sec01 .txt{display:flex;justify-content:center;width:100%;max-width:unset;padding-top:40px;}
    .sec01 .txt .tt,
    .sec01 .txt .history{padding-left:0;min-width:320px;}
    .sec01 .txt .tt{padding-bottom:30px;}
    .sec01 .txt .tt h4{gap:12px; font-size:22rem;}
    .sec01 .txt .history h5{padding-top:30px;}
    .sec01 .txt .history ul{padding-top:20px;}
    .sec01 .txt .history li{font-size:0.95em;}
    .sec01 .txt .history li:before{top:9px;}
    .sec01 .typo{display:none;}
}

.sec02 {padding:50rem 0; text-align:center;}
.sec02 h3 {word-break: keep-all; font-size:20rem; font-weight:800; margin-bottom:30rem; }

@media all and (max-width: 1024px) {
    .sec02 h3 {font-size:15rem; }
}

.sec_iconbox{background:#f0f6fa; padding-bottom:40rem; }
.sec_iconbox .con{display:grid;grid-template-columns: repeat(4, 1fr);gap:30px;padding-top:50px;}
.sec_iconbox .con > div{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#fff;border-radius:10px;padding:0 20rem 70rem; margin-bottom:50rem;}
.sec_iconbox .con img{display:block;position:absolute;top:-55px;left:50%;transform:translateX(-50%);width:100rem;height:100rem;}
.sec_iconbox .con dl{padding-top:80rem;text-align:center;}
.sec_iconbox .con dt{word-break: keep-all; font-size:20rem;font-weight:800;}
.sec_iconbox .con dd{word-break: keep-all; font-size:17rem;padding-top:14px;}

@media all and (max-width: 1023px) {
    
    .sec_iconbox .con {display:grid;grid-template-columns: repeat(2, 1fr);}
    .sec_iconbox .con > div{width:100%;padding:0 10rem 70rem; margin-bottom:30rem;}
    .sec_iconbox .con img{width:70px;height:70px;top:-30px;}
    .sec_iconbox .con dl{padding-top:50px;}
    .sec_iconbox .con dt{font-size:16rem;} 
    .sec_iconbox .con dd{font-size:14rem;} 
}


#wrap_mcon {width:100%; padding:70rem 0;}
#wrap_mcon .mcon_01 {display:flex; justify-content:space-between;}
.mcon_tit {font-size:35rem; color:#000; font-weight:300; margin-top:15px;}
.mcon_tit span {display:block; font-size:18rem; color:#309cd0; font-weight:800; text-transform:uppercase; letter-spacing:0;}
.mcon_tit strong {font-weight:800;}

.mcon_list {display:flex;}
.mcon_list li {margin-left:50px; width:130rem;}
.mcon_list li a {word-break: keep-all; position:relative; display:inline-block; text-align:center; padding-top:150rem; font-weight:600; letter-spacing:-.5px; font-size:17rem; color:#2a2a2a; width:100%;}
.mcon_list li a::before {position:absolute; left:50%; width:130rem; height:130rem; border-radius:24px; content:''; top:0; margin-left:-65px;}
.mcon_list li a:hover::before {box-shadow:10px 10px 20px rgba(0,0,0,0.03);}
.mcon_list li a.ico01::before {background:#f2f2f2 url(../img/sub/target_icon01.png) no-repeat center center;}
.mcon_list li a.ico02::before {background:#f2f2f2 url(../img/sub/target_icon02.png) no-repeat center center;}
.mcon_list li a.ico03::before {background:#f2f2f2 url(../img/sub/target_icon03.png) no-repeat center center;}
.mcon_list li a.ico04::before {background:#f2f2f2 url(../img/sub/target_icon04.png) no-repeat center center;}
.mcon_list li a.ico05::before {background:#f2f2f2 url(../img/sub/target_icon05.png) no-repeat center center;}

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

    #wrap_mcon .mcon_01 {flex-wrap:wrap;}
    .mcon_tit {margin-bottom:30px; margin-top:0;}
    .mcon_list {width:100%; justify-content:space-between;}
    .mcon_list li {margin-left:0;}

}

@media screen and (max-width:767px){
	#wrap_mcon .mcon_01 {display:flex; justify-content:center;}
    .mcon_tit {margin-bottom:6vw; font-size:22rem;text-align:center; }
    .mcon_tit span {font-size:13rem;}
    .mcon_list {display:grid;grid-template-columns: repeat(3, 1fr);gap:10rem;}
    .mcon_list li {display:flex;align-items:center;flex-direction:column; width:100rem;}
    .mcon_list li a {font-size:13rem; padding-top:110rem;}
	.mcon_list li a::before {width:100rem; height:100rem;}

}



#page01_04 .con01{background: url("../img/sub/reservation_bg.jpg") center top no-repeat;  padding:50rem 0; }
#page01_04 .con01 h4 {word-break: keep-all; text-align:center; font-size:20rem; font-weight:600; letter-spacing:-.5px; }
#page01_04 .con01 .cont{display:flex;justify-content:center;align-items:center;}
#page01_04 .con01 .cont .pic{}
#page01_04 .con01 .cont .txt{width:1000rem;}
#page01_04 .con01 .cont .txt li{position:relative;border-radius:76px;margin:5px 0; padding:20rem 0; border:2px solid #1468a2; background:#fff; display: flex;      align-items: center;    justify-content: center; }
#page01_04 .con01 .cont .txt li dt{font-size:18rem;font-weight:800;color:#1468a2; width:130rem; letter-spacing:-.5px; }
#page01_04 .con01 .cont .txt li dd{word-break: keep-all; font-size:18rem;font-weight:400;color:#333; width:80%; letter-spacing:-.5px;  }

@media all and (max-width: 1279px) {
    #page01_04 .con01 h4 {font-size:16rem; }
	#page01_04 .con01 .cont{flex-direction:column;}
    #page01_04 .con01 .cont .pic img{display:block;width:80%;margin:0 auto;max-width:700px;}
    #page01_04 .con01 .cont .txt{width:100%;}
    #page01_04 .con01 .cont .txt li{margin:5px auto 5px; padding:20rem 10rem;}
	#page01_04 .con01 .cont .txt li dt{font-size:15rem;}
	#page01_04 .con01 .cont .txt li dd{font-size:15rem;}
}


.sec04{padding:50rem 0; background:#f0f6fa url(/_files/6w76Uj8A4.png) no-repeat 95% calc(100% + 200px);}
.sec04 .con{display:grid;grid-template-columns:repeat(2, minmax(auto, 740px));justify-content:center;gap:60px 40px;}
.sec04 .con .item{position:relative;display:flex;justify-content:right;align-items:center;}
.sec04 .con .item .pic{position:absolute;top:50%;left:0;transform:translateY(-50%); border-radius:500rem; width:200rem; height:200rem;  font-size:20rem; font-weight:600; letter-spacing:-.5px; color:#fff; display: flex;      align-items: center;    justify-content: center; }
.sec04 .con .item .pic.blue {background:#1468a2;}
.sec04 .con .item .pic.black {background:#000;}

.sec04 .con .item .txt{display:flex;align-items:center;width:640px;min-height:276px;background:#fff;}
.sec04 .con .item dl{padding-left:140px;}
.sec04 .con .item dt{font-size:1.3em;font-weight:700;color:var(--key);}
.sec04 .con .item dd{word-break: keep-all; position:relative;padding-bottom:20rem;padding-left:35rem;line-height:150%; font-size:18rem; color:#000;}
.sec04 .con .item dd i{position:absolute;top:-2px;left:0;display:flex;justify-content:center;align-items:center;font-size:15rem;width:25rem;height:25rem;border-radius:50%;background:#309cd0;color:#fff;}
.sec04 .con .item dd b {font-weight:800; }

.sec04 .con .item dd ul{padding-top:10px;}
.sec04 .con .item dd li{padding-top:6px;padding-bottom:6px;}
.sec04 .con .item dd li strong{margin-right:10px;font-weight:700;color:#ec6d82;}

@media all and (max-width: 1600px) {
    
    .sec04 .con{grid-template-columns:repeat(1, minmax(auto, 740px));}
}
@media all and (max-width: 1023px) {
    .sec04{}
    .sec04 .con{gap:80px;padding-top:100px;}
	.sec04 .con .item {margin-bottom:50rem;}
    .sec04 .con .item .pic{top:-100px;left:50%;transform:translateX(-50%); width:150rem; height:150rem; text-align:center; font-size:17rem;}
    .sec04 .con .item .txt{display:block;width:100%;min-height:unset;padding:100px 14px 30px;}
    .sec04 .con .item dl{padding-left:0;}
    .sec04 .con .item dt{font-size:1.1em;}
    .sec04 .con .item dd{font-size:15rem;}

}



.sec_point{padding:50rem 0; background:#f0f6fa url(/_files/6w76Uj8A4.png) no-repeat 95% calc(100% + 200px);}
.sec_point .con{display:grid;grid-template-columns:repeat(2, minmax(auto, 740px));justify-content:center;gap:60px 40px;}
.sec_point .con .item{position:relative;display:flex;justify-content:right;align-items:center;}
.sec_point .con .item .pic{position:absolute;top:50%;left:0;transform:translateY(-50%); border-radius:500rem; width:200rem; height:200rem;  font-size:20rem; font-weight:600; letter-spacing:-.5px; color:#fff; display: flex;      align-items: center;    justify-content: center; }
.sec_point .con .item .pic img {border-radius:500rem; }
.sec_point .con .item .txt{display:flex;align-items:center;width:640px;min-height:276px;background:#fff;}
.sec_point .con .item dl{padding-left:140px;}
.sec_point .con .item dt{word-break: keep-all; font-size:1.3em;font-weight:800;color:#1468a2; margin-bottom:15rem; }
.sec_point .con .item dd{word-break: keep-all; position:relative;padding-bottom:5rem;line-height:150%; letter-spacing:-.5px; font-size:18rem; color:#000; padding-right:30rem; }
.sec_point .con .item dd.dot {margin-left:10rem; }
.sec_point .con .item dd.dot b {font-weight:800; }
.sec_point .con .item dd.dot:before {content: ""; position:absolute; width:4px; height:4px; background:#1468a2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1600px) {
    .sec_point .con{grid-template-columns:repeat(1, minmax(auto, 740px));}
}
@media all and (max-width: 1023px) {
    .sec_point{}
    .sec_point .con{gap:80px;padding-top:100px;}
	.sec_point .con .item {margin-bottom:50rem;}
    .sec_point .con .item .pic{top:-100px;left:50%;transform:translateX(-50%); width:150rem; height:150rem; text-align:center; font-size:17rem;}
    .sec_point .con .item .txt{display:block;width:100%;min-height:unset;padding:100px 14px 30px;}
    .sec_point .con .item dl{padding-left:0;}
    .sec_point .con .item dt{font-size:1.1em;}
    .sec_point .con .item dd{font-size:15rem;}

}


.sec_cont{padding:0rem 0 50rem;}
.sec_cont .con{display:grid;justify-content:space-between;  align-items: center; }
.sec_cont .con .pic{grid-column:2 / 3;grid-row:1 / 2;}
.sec_cont .con .pic img {border-radius:20rem;}
.sec_cont .con .chks{grid-column:1 / 2;grid-row:1 / 2;}

@media all and (max-width: 1850px) {
    .sec_cont .con{padding:0;}
}
@media all and (max-width: 1280px) {
    .sec_cont .con .pic{width:450px;overflow:hidden;}
    .sec_cont .con .pic img{display:block;width:100%;height:100%;object-fit:cover;}
}
@media all and (max-width: 1024px) {
    
    .sec_cont{background-image:none;}
    .sec_cont .con{display:block;}
    .sec_cont .con .tt h3 {font-size:22rem;  }
    .sec_cont .con .pic{width:100%;margin:0 auto;}
    .sec_cont .con .pic img{object-position:top center;}
    .sec_cont .con .chks{padding-top:30px;}
}

.sec_area{padding:50rem 0;}
.sec_area .con{display:grid;justify-content:space-between;  align-items: center; }
.sec_area .con .pic{grid-column:1 / 2;grid-row:1 / 2;}
.sec_area .con .pic img {border-radius:20rem;}
.sec_area .con .chks{grid-column:2 / 3;grid-row:1 / 2;}
.sec_area .con ul p {font-size:18rem;}
.sec_area .con ul p b{font-weight:800;}

@media all and (max-width: 1850px) {
    .sec_area .con{padding:0;}
}
@media all and (max-width: 1280px) {
    .sec_area .con .pic{width:450px;overflow:hidden;}
    .sec_area .con .pic img{display:block;width:100%;height:100%;object-fit:cover;}
}
@media all and (max-width: 1024px) {
    
    .sec_area{background-image:none;}
    .sec_area .con{display:block;}
    .sec_area .con .tt h3 {font-size:22rem;  }
    .sec_area .con .pic{width:100%;margin:0 auto;}
    .sec_area .con .pic img{object-position:top center;}
    .sec_area .con .chks{padding-top:30px;}
}

.chks h3 {margin-bottom:30rem; font-size:30rem; font-weight:800; letter-spacing:-.5px;  } 
.chks li{position:relative;padding-left:34px;line-height:140%;font-weight:600; font-size:20rem; letter-spacing:-.5px; margin-bottom:30rem; }
.chks li b {font-weight:800;}
.chks li i{position:absolute;top:0px;left:0;display:flex;justify-content:center;align-items:center;font-size:15rem;width:25rem;height:25rem;border-radius:50%;background:#309cd0;color:#fff;}
.chks li span {font-size:17rem; font-weight:400; }

@media all and (max-width: 1024px) {
    .chks h3 { font-size:22rem;  } 
	.chks li i{font-size:10rem; width:20rem;height:20rem;}
	.chks li{position:relative;padding-left:34px;line-height:140%;font-weight:600; font-size:15rem }
	.chks li span {font-size:14rem; }
}


.sec_rcmd{padding:0;background:#f9f9f9 url(../img/sub/symbol.png) no-repeat 60% 20rem; padding:70rem 0 0; }
.sec_rcmd .tt {text-align:center; margin-bottom:50rem;}
.sec_rcmd .tt h3 {font-size:30rem; font-weight:800;}
.sec_rcmd .con{position:relative;padding-bottom:80px;}
.sec_rcmd .con:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:220px;background:#1468a2;}
.sec_rcmd .con .box{position:relative;z-index:1;padding:60rem 20rem 40rem;background:#fff;}
.sec_rcmd .con .box ul{display:grid;grid-template-columns:auto auto;gap:0 5vw;justify-content:center;}
.sec_rcmd .con .box ul li {word-break: keep-all; font-size:20rem; margin-left:10rem; letter-spacing:-.5px; font-weight:500; }
.sec_rcmd .con .box ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#309cd0; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.sec_rcmd .con .box ul li.no {word-break: keep-all; font-size:20rem; margin-left:0rem; letter-spacing:-.5px; font-weight:500; }
.sec_rcmd .con .box ul li.no:before {display:none;}
.sec_rcmd .con .box ul li i {color:#1468a2; display:inline-block; margin-right:5rem; }
.sec_rcmd .con .box ul li b {font-weight:800;}

.sec_rcmd .con .box ul.no{display:block;justify-content:center; padding:10rem 50rem; }
.sec_rcmd .con .box ul.no li {margin-bottom:10rem; }

@media all and (max-width: 1023px) {
    .sec_rcmd{padding:70px 20px 0;}
	.sec_rcmd .tt h3 {font-size:22rem; }
    .sec_rcmd .con:after{display:none;}
    .sec_rcmd .con .box{display:flex;justify-content:center;padding:0;background:none;}
    .sec_rcmd .con .box .chks ul{display:block;}
	.sec_rcmd .con .box ul li { font-size:15rem;}
	.sec_rcmd .con .box ul.no{padding:10rem 20rem; }
	.sec_rcmd .con .box ul li.no {font-size:15rem; }
}


.edu_info{padding:0;background:#f9f9f9 url(../img/sub/symbol.png) no-repeat 60% 20rem; padding:70rem 0 0; }
.edu_info .tt {text-align:center; margin-bottom:50rem;}
.edu_info .tt h3 {font-size:30rem; font-weight:800;}
.edu_info .tt p {margin-top:20rem; }
.edu_info .con{position:relative;padding-bottom:80px;}
.edu_info .con:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:220px;background:#1468a2;}
.edu_info .con .box{position:relative;z-index:1;padding:60rem 60rem 40rem;background:#fff;}
.edu_info .con .box ul {display: flex; gap:50rem; margin-bottom:30rem; border-bottom:1px solid #f0f0f0; padding-bottom:30rem; }
.edu_info .con .box ul dt {font-size:20rem; font-weight:800; width:300rem; }
.edu_info .con .box ul dt i {display:inline-block; margin-right:20rem;  }
.edu_info .con .box ul dt i img {width:50rem;  }
.edu_info .con .box ul dl { display:flex;flex-direction:column; align-items: flex-start; margin-top:10rem; }
.edu_info .con .box ul li {word-break: keep-all; font-size:18rem; margin-left:10rem; letter-spacing:-.5px; font-weight:500; margin-bottom:10rem; }
.edu_info .con .box ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#309cd0; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1023px) {
    .edu_info{padding:70px 20px 0;}
	.edu_info .tt h3 {font-size:22rem; }
    .edu_info .con:after{display:none;}
	.edu_info .con .box{padding:60rem 30rem 40rem;}
	.edu_info .con .box ul {display: flex; flex-direction:column; gap:20rem;}
	.edu_info .con .box ul li { font-size:15rem; }
}

.bg_black {background:#333;}
.bg_gray {background:#f9f9f9;}

.sec_after{padding:0;padding:70rem 0 0; }
.sec_after .tt {text-align:center; margin-bottom:50rem;}
.sec_after .tt h3 {font-size:30rem; font-weight:800;}
.sec_after .tt h3.wht {color:#fff;}
.sec_after .con{position:relative;padding-bottom:80px;}
.sec_after .con .box{position:relative;z-index:1;padding:60rem 20rem 40rem;background:#fff;}
.sec_after .con .box ul{display:grid;grid-template-columns:auto auto;gap:0 5vw;justify-content:center;}
.sec_after .con .box ul li {word-break: keep-all; font-size:20rem; margin-left:10rem; letter-spacing:-.5px; font-weight:500; }
.sec_after .con .box ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#309cd0; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.sec_after .con .box h4 {word-break: keep-all; margin-bottom:30rem; font-size:20rem; letter-spacing:-.5px; font-weight:600; padding-left:20rem;}
.sec_after .con .box ul.no {display:block; padding:10rem 50rem; margin-bottom:20rem; }
.sec_after .con .box ul.no li {margin-bottom:10rem; }
.sec_after .con .box ul li b {font-weight:800; }

@media all and (max-width: 1023px) {
    .sec_after{padding:70px 20px 0;}
	.sec_after .tt h3 {font-size:22rem; color:#fff; }
    .sec_after .con:after{display:none;}
    .sec_after .con .box{padding:0;background:none;}
    .sec_after .con .box .chks ul{display:block;}
	.sec_after .con .box ul li { font-size:15rem; color:#fff;}
	.sec_after .con .box ul li:before {background:#fff; }
	.sec_after .con .box ul.no {padding:10rem 20rem; }
	.sec_after .con .box h4 {font-size:15rem; color:#fff; }
}



.sec_innerbox2{background:url(../img/sub/reservation_bg.jpg) center top no-repeat; padding:50rem 0;}
.sec_innerbox2 h3 {text-align:center; font-size:20rem; color:#000;  letter-spacing:-1px; line-height:1.8; margin-bottom:50rem; }
.sec_innerbox2 h3 b {font-weight:800; }
.sec_innerbox2 .con{max-width:73%;margin:0 auto;text-align:center;background:#fff; border-radius:20rem; }
.sec_innerbox2 .con > div{padding:80px 0;margin:0 80px;border-bottom:1px solid #eaeaea;}
.sec_innerbox2 .con > div:last-child{border-bottom:0;}
.sec_innerbox2 .con em{position:relative;display:block;font-style:normal; padding-bottom:40px;line-height:100%;font-size:1.6em;font-weight:700;color:#1468a2; letter-spacing:-1px;}
.sec_innerbox2 .con dt ul{display:flex;justify-content:center;gap:60px;}
.sec_innerbox2 .con dt ul li{display:flex;gap:14px;align-items:center;}
.sec_innerbox2 .con dt ul li strong{display:block;width:80px;border-radius:50%;height:80px;line-height:80px;font-weight:600;font-size:18rem;background:#26211f;color:#fff;}
.sec_innerbox2 .con dt ul li:first-child strong{background:#777;}
.sec_innerbox2 .con dt ul li p{font-size:20rem;text-align:left;font-weight:600;}
.sec_innerbox2 .con dd{padding-top:40px;}
.sec_innerbox2 .con dd ul{display:flex;justify-content:center;gap:40px;}
.sec_innerbox2 .con dd ul li{position:relative;}
.sec_innerbox2 .con dd ul li:after{content:'';position:absolute;top:calc(50% - 13px);right:-30px;display:block;width:18px;height:26px;background:url(/_files/6qFTKXlLM.png) no-repeat center center /contain;}
.sec_innerbox2 .con dd li span{display:block;height:42px;line-height:42px;background:#26211f;font-size:17rem;font-weight:600;color:#fff;}
.sec_innerbox2 .con dd li img{display:block;}
.sec_innerbox2 .con dd p{padding-top:40px;font-size:20rem;color:#333;}
.sec_innerbox2 .con dd p b{font-weight:800;}

.reservation_bt { text-align:center;  display: flex;      align-items: center;    justify-content: center; margin-top:30rem; }
.reservation_bt h3 {cursor:pointer; background:#1468a2; border-radius:10rem; width:250rem; height:70rem; color:#fff; font-weight:600; display: flex;      align-items: center;    justify-content: center;}
.reservation_bt h3:hover {background:#fff; color:#1468a2; }
.reservation_bt h3 i {display:inline-block; margin-right:10rem;}

@media all and (max-width: 1024px) {
    .sec_innerbox2{padding:50rem 0 20rem;}
	.sec_innerbox2 h3 {font-size:16rem; }
	.sec_innerbox2 .con{max-width:100%; margin:0 10rem; }
    .sec_innerbox2 .con > div{padding:40px 0;margin:0 14px;}
    .sec_innerbox2 .con em{padding-bottom:48px;font-size:20rem;line-height:130%;}
    .sec_innerbox2 .con em:after{bottom:12px;height:24px;}
    .sec_innerbox2 .con dt{font-size:1.45em;line-height:130%;}
    .sec_innerbox2 .con dt ul{align-items: center;    justify-content: center;  flex-direction:column;gap:10px;}
    .sec_innerbox2 .con dt ul li strong{font-size:14rem; width:70px;height:70px;line-height:70px;}
	.sec_innerbox2 .con dt ul li p{font-size:16rem;}
    .sec_innerbox2 .con dd ul{max-width:90%;margin:0 auto;gap:14px;}
    .sec_innerbox2 .con dd ul li:after{display:none;}
    .sec_innerbox2 .con dd p{padding-top:30px;}
	.sec_innerbox2 .con dd li span{font-size:14rem;}
    .sec_innerbox2 .con dd img{max-width:100%;}
	.sec_innerbox2 .con dd p{font-size:15rem;}
}



.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input, input[type="password"]{box-shadow:none!important}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type="password"]:focus{box-shadow:none;border:1px solid #ddd;}
.frm_input {height: 40px;font-size:12pt;}

#bo_w #wr_password, #bo_w #wr_homepage{margin-left:0;border: 1px solid #ddd;}
.cke_sc{display:none}
#bo_w p { padding-bottom:20px; text-align: center; line-height: 150%; }

#sns_login .sns-icon {position: relative;display: block;height: 40px;line-height: 40px;width: 100%;margin: 0 0 5px;padding-left: 40px;text-align: left;color: #fff;border-radius: 2px;}
.sns-wrap-over .sns-naver {background: url(/_files/6msQFY1GY.png) no-repeat;}
.sns-wrap-over .sns-kakao {background: url(/_files/6msQFY0Aj.png) no-repeat;}
#mb_login #sns_login .sns-icon {width: 49% !important; float: left !important;font-weight: bold;}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right: 2%;}
#sns_login .sns-naver {background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#mb_login #sns_login h3 {position: absolute;font-size: 0;line-height: 0;overflow: hidden;}

#sns_login {border: 0;margin-top: 15px;border-top: 1px solid #ddd;}
#mb_login #sns_login {margin-top: 0;border-color: #ddd;    padding: 25px;display:block;overflow: hidden;}
#rsv .step_box{display:flex;flex-wrap:wrap;justify-content: space-between;}
#rsv .box{width:100%;padding:30px;border:1px solid #ddd; background-color:#fff;}
#rsv .box .step{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%; border-bottom:1px solid #efefef; padding:5rem 10rem 20rem; }
#rsv .box .step+.step{margin-top:20px;}
#rsv .box .step .write_tit{word-break: keep-all; width:25%;padding: 5rem 0;text-align:left;font-weight:400; }
#rsv .box .step .write_tit label{font-size:17rem; font-weight:600; letter-spacing:-.5px; }
#rsv .box .step .write_cont{width:75%;text-align: left;}
#rsv .box .step .write_cont input[type="text"], #rsv .box .step .write_cont input[type="number"], #rsv .box .step .write_cont textarea,
#rsv .box .step .write_cont select{border-radius: 0;border: 1px solid #ddd;width:100%;background:#fff}
#rsv .box .step .write_cont textarea{height:100px;}
#rsv .box .step .write_cont div{line-height:150%;margin:5px 0px;color:#666666;}
#rsv .box .step_tit{font-weight:800;padding-left:20px;font-size:20rem; position:relative;top:0;left:0;text-align:left; margin:20rem 0; }
#rsv .box .step_tit:After{display:block;content:"";clear:both;width:14px;height:4px;background:#443b32;position:absolute;top:0; bottom:0; margin:auto; left:0}
#rsv .box .step_cont{margin-top:2rem;margin-bottom:2rem; word-break: keep-all;}

#rsv .box .step_cont h4 {font-size:18rem; font-weight:600; letter-spacing:-.5px;}
#rsv .box .step_cont ul {margin-top:10rem;}
#rsv .box .step_cont ul li {margin-bottom:10rem; margin-left:10rem; }
#rsv .box .step_cont ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#309cd0; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
#rsv .box .step_cont ul li.ca {font-size:18rem; color:#000; margin-bottom:30rem; color:#e21010; }
#rsv .box .step_cont ul li.ca:before  {background:#e21010; }

#bo_w .write_div{width:100%;margin:0;}
#bo_w .write_div+.write_div{margin-top:15px}
.wr_content.smarteditor2{width:100%}
#rsv .step.radio .write_cont{display:flex;flex-wrap:wrap;}
#rsv .step.radio .write_cont label{width:100rem; margin:0 1px;margin-top:10px; font-weight:400;}
#rsv .step.radio .write_cont label:nth-child(-n+2){margin-top:0}
#rsv .step.radio .write_cont input[type="radio"]{display:none}
#rsv .step.radio .write_cont input[type="radio"] + span{display:block;background:#fff;width:100%;border:1px solid #ddd;padding: 10px;text-align:center;cursor:pointer;line-height:1;}
#rsv .step.radio .write_cont input[type="radio"]:checked + span, 
#rsv .step.radio .write_cont input[type="radio"] + span:hover{border:1px solid #309cd0;background:#309cd0;color:#fff;}


#rsv .privacy_box .step{font-size:17rem; }
#rsv .privacy_box .step .ckIn { position: relative; display: flex;}
#rsv .privacy_box .step+.step{margin-top:15px}
#rsv .privacy_box .step .ckIn{display: flex;width: 100%;justify-content: flex-start;word-break: keep-all;}
#rsv .privacy_box .step .ckIn label {font-size:17rem; letter-spacing:-.5px; }
#rsv .privacy_box .step .ckIn a{justify-self: flex-end;font-size: 17rem; font-weight:400; color: #333;text-decoration: underline; margin-left:20rem;}
#rsv .privacy_box .step .ckIn a:hover{color: #309cd0;}
#rsv .privacy_box .ckHide{display: none;margin-top: 0.625rem;text-align:left;width:100%}
#rsv .privacy_box .ckHide.on{display: block;}
#rsv .privacy_box .ckHide section, #rsv .privacy_box .ckHide textarea{width:100%;text-align:left;background:#fff;height: 150px;padding: 1.875rem!important;border: 1px solid #f4f4f4;overflow-y: scroll;}
#rsv .privacy_box .ckHide .cont_box{margin-top:0}
#rsv .privacy_box input[type="checkbox"] {width:15rem; height:15rem; margin-top:5rem; margin-left:10rem; margin-right:10rem;}
/*#rsv .privacy_box input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0; }
#rsv .privacy_box input[type="checkbox"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
#rsv .privacy_box input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 15px;height:15px; line-height: 15px;margin: -2px 8px 0 0;text-align: center; vertical-align: middle;background: #fff;border: 1px solid #333;border-radius : 0px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: 0;opacity: 1;box-shadow: none;border-color: #666;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
#rsv .privacy_box input[type="checkbox"] + label:active:before,
#rsv .privacy_box input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
#rsv .privacy_box input[type="checkbox"]:checked + label:before {content: '\2714';color: #99a1a7;text-shadow: 1px 1px #fff;background: #a6a6a6;border-color: #a6a6a6;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
#rsv .privacy_box input[type="checkbox"] + label {padding-left: 30px; font-weight:400;}
*/
#rsv .privacy_box input[type="checkbox"]:checked + label:before {position: absolute;content: "";width: 7px;top:0;left: 5px;border-radius: 0;opacity:1; background: transparent;border-color:transparent #309cd0 #309cd0 transparent;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#rsv .privacy_box input[type="checkbox"]:checked + label{color: #000;}
#bo_w .btn_submit{width: 100%;height: auto;line-height: initial;padding: 20px 10px;background: #1468a2; font-size: 20px; color:#fff; font-weight:500;}
#captcha {display: flex;align-items: center;flex-wrap: wrap;}



#rsv .box .step .write_cont dl{    display: flex;    flex-wrap: wrap; gap:10rem;}
#rsv .box .step .write_cont dl dd { width:30%; text-align: center;}
#rsv .box .step .write_cont dl dd span {display:block; margin-top:10rem; font-size:16rem; text-align: center;}

#rsv .box .step .write_cont select {    color: #222;    font-size: 15rem;    padding: 8px;    border: 1px solid #ddd;    line-height: 30px;    width: 97%;    border-radius: 0px !important;    box-sizing: border-box;    margin-bottom: 10px;}
#rsv .box .step .write_cont select:first-child{width:20%;}
#rsv .box .step .write_cont select {width:15%;margin-right:5px; }

#bo_w .btn_confirm {text-align:center;width:100%; margin:50rem 0; } 
#bo_w .btn_confirm input {border:0; background:#1468a2; color:#fff; font-size:20rem; font-weight:600; padding:20rem 30rem; }
#bo_w .btn_confirm input:hover {border:0; background:#000; color:#fff;}


@media(max-width:990px){
    #rsv .box{width:100%;} 
    #bo_w {margin-top:0px;}
	#rsv .box .step_tit{font-size:18rem;}
	#rsv .box .step .write_tit label{font-size:13rem;}
	#rsv .box .step_cont h4 {font-size:15rem; }
	#rsv .box .step_cont ul li.ca {font-size:15rem;  }
	#bo_w .btn_confirm input {font-size:15rem; }
	#rsv .box .step .write_cont select:first-child{width:50%; }
	#rsv .box .step .write_cont select {width:35%;margin-right:5px; font-size:13rem; }
	#rsv .step.radio .write_cont label{font-size:13rem; width:90rem;}
	#rsv .box .step .write_cont dl dd span {font-size:14rem;}
	#rsv .privacy_box .step .ckIn label {font-size:14rem;}
	#rsv .box .step .write_cont dl dd { width:100%;}
	#rsv .privacy_box .step .ckIn a{font-size: 13rem; }
	#rsv .privacy_box input[type="checkbox"] {width:13rem; height:13rem; margin-top:3rem; margin-right:5rem;}
}




.sec_process{padding-top:0; text-align:center; }
.sec_process .con .con04 ul {display:grid;grid-template-columns: repeat(4, 1fr);gap:30px 60px;}
.sec_process .con .con05 ul {display:grid;grid-template-columns: repeat(5, 1fr);gap:30px 60px;}
.sec_process .con .steps li{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eff4fb;border-radius:20px; padding:20rem; min-height:240rem; }
.sec_process .con .steps li:after{content:'';position:absolute;top:100rem;right:-36px;display:block;width:14px;height:23px;background:url(../img/sub/arr.png) no-repeat center center/contain;}
.sec_process .con .steps li:nth-child(5):after,
.sec_process .con .steps li:last-child:after{display:none;}
.sec_process .con .steps dt{font-size:15rem;font-weight:700;letter-spacing:0.3em;color:#309cd0;}
.sec_process .con .steps dd{word-break: keep-all; padding-top:14px;font-size:22rem;line-height:130%;font-weight:800;}
.sec_process .con .steps dd span{display:block;font-size:17rem;font-weight:400; line-height:150% }


@media all and (max-width: 1240px) {
    
    .sec_process .con .steps ul{gap:10px;}
    .sec_process .con .steps li{width:100%;}
    .sec_process .con .steps li:after{display:none;}
}
@media all and (max-width: 1023px) {
    .sec_process .con .con04 ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:30px 60px;}
    .sec_process .con .con05 ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:30px 60px;}
    
}

@media all and (max-width: 800px) {
    .sec_process .con .con04 ul {display:grid;grid-template-columns: repeat(1, 1fr);}
    .sec_process .con .con05 ul {display:grid;grid-template-columns: repeat(1, 1fr);}
    .sec_process .con .steps ul li {}
    .sec_process .con .steps dt{font-size:13rem;}
    .sec_process .con .steps dd{font-size:16rem;}
    .sec_process .con .steps dd span {font-size:14rem;}
    
}



.sec_customer{background:#f0f6fa; padding:100rem 0;}
.sec_customer .wrap{max-width:960px;margin:0 auto;text-align:center;}
.sec_customer .con.hours{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #bebdbd;}
.sec_customer .con h3{font-size:30rem; font-weight:800; padding-top:30px;line-height:120%;}
.sec_customer .con p{font-size:25rem;padding-top:10px;font-weight:500;color:#1468a2;text-align:center;}
.sec_customer .con h4 {font-size:50rem; font-weight:800;}
.sec_customer .con span {display:block; margin-top:40rem; font-size:20rem; font-weight:500; letter-spacing:-.5px; }
.sec_customer .con span b {font-weight:800; font-size:25rem; display:block;}

@media screen and (max-width: 1023px) {
    
    .sec_customer .con.hours{padding-bottom:40px;margin-bottom:40px;}
    .sec_customer .con > img{width:60px;}
    .sec_customer .con h3{font-size:22rem;}
	.sec_customer .con h4 {font-size:30rem;}
    .sec_customer .con p{font-size:19px;}
	.sec_customer .con span { font-size:15rem;}
	.sec_customer .con span b { font-size:17rem; margin-bottom:10rem; }
}




.business .card_wrap{padding:100rem 0 50rem; position:relative; }
.business .card_wrap::after{content:'';display:block; width:100%; height:500rem; background: url("../img/sub/reservation_bg.jpg") center top no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}

.business .card2_wrap{padding:100rem 0 50rem; position:relative; }
.business .card2_wrap::after{content:'';display:block; width:100%; height:400rem; background: url("../img/sub/reservation_bg.jpg") center top no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}

.business .card_ul{display:flex;gap:30px; margin-top:30rem; }
.business .card_ul li{text-align:center; word-break: keep-all; flex:1;padding:40rem 20rem 40rem;background:#fff;box-shadow: 0 0 21px rgba(0, 0, 0, 0.05); position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10rem; }
.business .card_ul li figure img {width:100rem; }
.business .card_ul li h5{ font-size:19rem; color:#010101; font-weight:600; line-height:1.5; letter-spacing:-.5px;}
.business .card_ul li h4{ font-size:20rem; color:#010101; font-weight:800; line-height:1.5; letter-spacing:-.5px;}
.business .card_ul li h4 span { font-size:15rem; font-weight:500; display:block; margin-top:10rem; }
.business .card_ul li .desc{word-break: keep-all; text-align:center;margin-top:20rem; font-weight:400; font-size:17rem; }
.business .card_ul li .desc:before {content: ""; position:absolute; width:3px; height:3px; background:#333; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.business .card_ul li p.num{background:#1468a2; border-radius:50rem; margin:20px 0 15px; font-size:15rem; font-weight:600; color:#fff; line-height:1; }

@media screen and (max-width:1024px){
	.business .card_ul{gap:20px;}
	.business .card_ul li{padding:30px 20px;}
	.business .card_ul li img{width:40px;}
	.business .card_ul li figure.w img {width:100rem; }
	.business .card_ul li .num{margin:10px 0 5px;}
	.business .card_ul li .desc{margin-top:5px; line-height:1.3;}
}
@media screen and (max-width:768px){
	.business::after{height:80%;}
	.business .card_ul{flex-wrap:wrap;}
	.business .card_ul li{width:100%;flex:none;}
	.business .card_ul li h5{font-size:16rem;}
	.business .card_ul li h4{font-size:18rem;}
	.business .card_ul li .desc{font-size:15rem; }
}


.marb50 {margin-bottom:50rem;}



.sec_edu{background:url(../img/sub/reservation_bg.jpg) center top no-repeat; padding:50rem 0;}
.sec_edu h3 {word-break: keep-all; text-align:center; font-size:20rem; color:#000;  letter-spacing:-1px; line-height:1.8; margin-bottom:50rem; }
.sec_edu h3 b {font-weight:800; }
.sec_edu .con{max-width:85%;margin:0 auto;background:#fff; border-radius:20rem; }
.sec_edu .con > div{padding:80px 0;margin:0 80px;border-bottom:1px solid #eaeaea;}
.sec_edu .con > div:last-child{border-bottom:0;}
.sec_edu .con em{text-align:center;position:relative;display:block;font-style:normal; padding-bottom:40px;line-height:100%;font-size:1.6em;font-weight:700;color:#1468a2; letter-spacing:-1px;}
.sec_edu .con ul {display:grid;grid-template-columns: repeat(3, 1fr);gap:30rem;}
.sec_edu .con ul dl {position:relative; display:flex;align-items:flex-start;justify-content:center;flex-direction:column; box-shadow:3px 3px 10px rgba(0,0,0,0.1); border-radius:20rem; padding:50rem 30rem;}
.sec_edu .con ul dl i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); top:-20rem; background:#1468a2; color:#fff; font-style:normal; border-radius:50rem; width:40rem; height:40rem; line-height:40rem; }
.sec_edu .con ul dl dt{word-break: keep-all;font-size:20rem; font-weight:800; letter-spacing:-.5px; margin-bottom:20rem; }
.sec_edu .con ul dl dd{word-break: keep-all; font-size:16rem; margin-left:10rem; margin-bottom:10rem; font-weight:500; color:#555;}
.sec_edu .con ul dl dd:before {content: ""; position:absolute; width:3px; height:3px; background:#333; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1024px) {
    .sec_edu{padding:50rem 0 20rem;}
	.sec_edu h3 {font-size:16rem; }
	.sec_edu .con{max-width:100%; margin:0 10rem; }
    .sec_edu .con > div{padding:40px 0;margin:0 14px;}
    .sec_edu .con em{padding-bottom:48px;font-size:20rem;line-height:130%;}
    .sec_edu .con em:after{bottom:12px;height:24px;}
	.sec_edu .con ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:30rem;}
	.sec_edu .con ul dl dt{font-size:18rem;}
	.sec_edu .con ul dl dd{font-size:14rem;}

}

.edu_bt {padding:50rem 0; text-align:center; }
.edu_bt h3 {word-break: keep-all; font-size:25rem; font-weight:600; letter-spacing:-.5px; margin-bottom:10rem; }
.edu_bt i {display:block; margin-bottom:10rem; }
.edu_bt i img {width:100rem;}

.education_bt { text-align:center;  display: flex;      align-items: center;    justify-content: center; margin-top:30rem; }
.education_bt h3 {cursor:pointer; background:#1468a2; border-radius:10rem; width:350rem; height:70rem; color:#fff; font-size:20rem; font-weight:600; display: flex;      align-items: center;    justify-content: center;}
.education_bt h3:hover {background:#333; color:#fff;}
.education_bt h3 i {display:inline-block; margin-right:10rem; padding-top:10rem;}

@media all and (max-width: 1023px) {
    .edu_bt h3 {font-size:18rem;  }
	.education_bt h3 {width:300rem; font-size:16rem;}

}


.down_bt { text-align:center;  display: flex;      align-items: center;    justify-content: center; margin-top:30rem; }
.down_bt h3 {cursor:pointer; background:#fff; border-radius:10rem; width:250rem; height:70rem; color:#1468a2; font-size:18rem; font-weight:600; display: flex;      align-items: center;    justify-content: center;}
.down_bt h3:hover {background:#1468a2; color:#fff; }
.down_bt h3 i {display:inline-block; margin-right:10rem;}

@media all and (max-width: 1023px) {
    
	.down_bt h3 {width:200rem; font-size:15rem;height:60rem; }
}


.down_bt2 { text-align:center;  display: flex;      align-items: center;    justify-content: center; gap:20rem; margin-top:30rem; }
.down_bt2 h3 {cursor:pointer; background:#fff; border-radius:10rem; width:350rem; height:70rem; color:#1468a2; font-size:18rem; font-weight:600; display: flex;      align-items: center;    justify-content: center;}
.down_bt2 h3:hover {background:#1468a2; color:#fff; }
.down_bt2 h3 i {display:inline-block; margin-right:10rem;}

@media all and (max-width: 1023px) {
    .down_bt2 { display:flex;align-items:center;flex-direction:column;}
	.down_bt2 h3 {font-size:15rem;height:60rem; }
}

@media all and (max-width: 500px) {
	.down_bt2 h3 {width:100%; }
}

.mar50 {margin-top:50rem;}



/* modal-pop */
.modal-pop {  display: none; }
.modal-pop .backdrop {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: block;    z-index: 99;    background-color: rgba(0, 0, 0, 0.6); }
.modal-pop .modal-content {    position: fixed;    top: 50%;    left: 50%;    z-index: 100;    width: 80%;    max-width: 1000px;    min-width: 320px;    background-color: #f5f6f7;    padding: 10px;    border: 3px solid #1468a2;    border-radius: 5px;    transform: translate(-50%, -50%); }
.modal-pop .modal-content .btn-modal-close {      position: absolute;      top: -20px;      right: -20px;      display: block;      background: none;      border: 0;      cursor: pointer; }
.modal-pop .modal-content .content {    display: none; }
.modal-pop .modal-content .content.active {        display: block; }
.modal-pop .modal-content .content.active dl dt {          font-size: 25rem;          color: #000;          font-weight: 600;          padding: 10px 0px; }
.modal-pop .modal-content .content.active dl dd {      width: calc(100% - 20px);          min-height: 250px;          max-height: 300px;          padding: 10px;          line-height: 150%;          font-weight: 400;          font-size: 12pt;          border-radius: 5px;          overflow-y: auto;          background-color: #fff; }

body.show-modal {  overflow: hidden; }
body.show-modal .modal-pop {    display: block; }


@media(max-width:990px){
    .modal-pop .modal-content .content.active dl dt {font-size: 18rem; }
}

.download_bt {cursor:pointer; background:#1468a2; padding:10rem 20rem;  color:#fff; display:inline-block; }
.download_bt a {color:#fff; }
.download_bt i {display:inline-block; margin-right:10rem;}
.download_bt:hover {background:#333; }

@media(max-width:990px){
    .download_bt {padding:10rem 10rem;  }
	.download_bt i {margin-right:5rem;}
}