@charset "utf-8"; 

@import url(html5_reset.css);
@import url(font.css);

:root{
  --gradetion:linear-gradient(180deg, #C7D2FE 0%, #CCE8FC 38%, #D5F6FA 100%);
  --000:#000;
  --main_color: #267EDD;
  --sub_color: #07B9AD;
  --sub2_color: #5D73B7;
  --bg_color: #f0f7ff;
  --bg_color2: #b6b4bf;
  --yellow_color: #fece63;
  --color_pen: #ffe580;
  --color_dark: #333;
  --line: #ddd;
  --fff:#fff;
}

.main_color{color:var(--main_color)}
.sub_color{color:var(--sub_color)}
.text_under {text-decoration: underline;}
.text_through {text-decoration:line-through}
.fontw_600{font-weight: 600;}
.text_left{text-align: left;}

html {font-family:"Barlow", 'pretendard', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y: scroll;max-width: 1920px;margin: 0 auto; text-align: center; }
body {font-size: 20px;overflow: hidden;position: relative;color: var(--color_dark);}
img{max-width: 100%;}
body p {line-height: 1.8em;font-size: 1.1em;margin: 0;}

/* header */
header {background: var(--000);position: fixed;left: 0;right: 0;z-index: 2;}
header img {width: 200px;display: block;margin:10px auto;}

main section {padding: 100px 0;}
.inwrap {max-width: 790px;margin: 0 auto;padding: 0 15px;position: relative;}
section h2 {font-size: 3.3em;line-height: 1.2em;margin-bottom: 20px;font-weight: 600;font-family:'NEXON Lv1 Gothic OTF';}
section h2 em {font-weight: 200;display:block;font-size: .7em;}

section h2 span {font-size: .8em;/* font-weight: 400; */}
section h3 {font-family:'NEXON Lv1 Gothic OTF';font-weight: 500;font-size: 1.3em;font-weight: 400;margin-bottom: 5px;}
section h4 {font-size: 1.2em;font-family:'NEXON Lv1 Gothic OTF';font-weight: 500;}

@media screen and (max-width:  767px) {
  body {font-size:15px;}
  header img{width: 160px;}
  section h2 {}
}

.section_01{background: var(--gradetion);padding-top: 130px;padding-bottom: 0;overflow: hidden;}
.section_01 img {display:block; margin:0 auto;}

.section_01 img + p {position: absolute;z-index: 1;left: 50%;top: 50%;line-height: 1.2;font-size: 1.1em;transform: translate(60%, -70%);}

.index_2 .section_01 img + p {
    text-align: right;
    top: 40%;
}

.section_01 img + p span {
    font-size: 1.5em;
    line-height: 1em;
}
.index_2 .section_01 img + p b{
    margin-top: 5px;
}
.section_01 img + p b {display: block;font-size: 1.8em;font-family: 'NEXON Lv1 Gothic OTF';margin-top: 10px;}
.section_01 h3{font-weight: 500;font-family: 'BookkMyungjo-Bd';}
.section_01 h2{line-height: 1.2;margin-top: .5em;}
.section_01 h2 span{display:block;}
button.counsel {background: var(--main_color);color: var(--fff);border: 0;font-size: 1.5em;padding: 10px 20px;/* border-radius: 10px; */position: absolute;left: 0;right: 0;bottom: 0;font-family:'NEXON Lv1 Gothic OTF';cursor: pointer;font-weight: 600;}


@media screen and (max-width:  767px) {
  main section{padding:50px 0;}
  .section_01{padding-top: 100px;}
  .section_01 h2{
    font-size: 2.3em;
  }
  .section_01 img{margin: 0;width: 90%;margin-left: -10%;}
  .section_01 img + p{transform: translate(0%, -0%);left: 50%;margin-left: 10%;}

  .index_2 .section_01 img{
    /* width: 100%; */
    margin: 0 auto;
}

.index_2 .section_01 img + p {
    FONT-WEIGHT: 400;
    top: 130px;
    margin-left: 10%;
}

.section_01 img + p b {
    font-size: 1.5em;
}

.section_01 img + p span {
    font-size: 1.2em;
}
}

.section_02 img {/* margin: 1em 0 2em 0; */max-width:600px;display: block;margin: 0 auto;}
.section_02 h3 {letter-spacing: -.04em;}
.section_02 h3 span {color: var(--main_color);font-weight: 700;}
.section_02 .title {border-top: 1px solid var(--line);border-bottom: 1px solid var(--line); padding: 2em 0;}
.section_02 .title h4 {line-height: 1.5;}
.section_02 .title span {}
.section_02 .box {background: var(--bg_color);padding: 1.5em 1em;}
.section_02 div ul.main_color {font-size: 1.1em;font-weight: 600;padding-left: 1em;display: flex;flex-direction: column;gap: .5em;}
.section_02 div ul.main_color li {}

.section_02 div ul.main_color li:before {content: '- ';position: absolute;margin-left: -1em;}

.section_03 {background: var(--bg_color);}
.section_03 .inwrap > img {margin-bottom: 2em;}
.section_03 .arrow{width: 100px;height: 100px;border: 3px solid var(--line);position: relative;margin: 0 auto;border-radius: 100px;margin-top: 60px;margin-bottom: 80px;}
.section_03 ul {display: flex;flex-direction: column;gap: 30px;}
.section_03 ul li {position: relative;}
.section_03 ul img {border-radius: 1.5em;display: block;margin: 0 auto;}
.section_03 ul h4 {position: absolute;color: var(--fff);left: 8%;text-align: left;top: 50%;transform: translate(-00%,-50%);line-height: 1.4;font-weight: 600;font-size: 1.8em;}
.section_03 ul h4 span {display: block;font-size: .8em;font-weight: 400;}

.section_03 .arrow:before, .section_03 .arrow:after {content:'';width: 6px;height: 50px;display:inline-block;background: var(--main_color);-webkit-transform: translate(-50%,0%) rotate(45deg);transform: translate(220%,0%) rotate(45deg);position: absolute;left: 50%;bottom: 15%;animation: updown .7s infinite alternate;border-radius: 100px;}
.section_03 .arrow:after{-webkit-transform: translate(-50%,0%) rotate(-45deg);transform: translate(-310%,0%) rotate(-45deg);}

@keyframes updown{
   0%{bottom: 25%;}
   100%{}
}

@media screen and (max-width:  819px) {
}
@media screen and (max-width:  767px) {
  .section_02 img {max-width: 100%;}
  .section_03 h2{font-size: 1.8em;}
  .section_03 .arrow{width: 60px;height: 60px;border: 3px solid var(--line);margin-top: 40px;margin-bottom: 60px;}
  .section_03 .arrow:before, .section_03 .arrow:after {width: 3px;height: 25px;bottom: 22%;}
  .section_03 ul h4{font-size: 1.4em;left: 5%;}

.section_03 ul h4 span {
    font-size: .7em;
}
  .section_03 ul img{
    border-radius: 10px;
}
  
  @keyframes updown{
   0%{bottom: 30%;}
   100%{}
}
}

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

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


}

.section_04 {}
.section_04  #map {width: 100%;height: 400px;border: 1px solid #d3d3d3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 30px;}
.map_marker {text-align: center;padding: 5px 0;width: 150px;}
.map_marker p {margin:0;font-size: 1.2em;font-family: 'S-CoreDream';font-weight: 500;color: #31396c;line-height: 1em;}
.section_04  h4 {color: var(--main_color);font-weight: 600;margin: 40px 0;line-height: 1.4em;font-size: 1.5em;}

.section_04 a {margin-top: 40px;display: inline-block;background: var(--main_color);padding: 10px 40px;color: #fff;margin: 40px 10px 20px;min-width: 160px;font-size: 1.2em;font-family: 'NEXON Lv1 Gothic OTF';font-weight: 400;vertical-align: text-top;}
.section_04 a + a {background: var(--sub_color);}

@media screen and (max-width:  767px) {
  .section_04 #map{height: 300px;border-radius: 10px;}
  .section_04 a {padding: 10px 20px;font-size: 1em;min-width: 30%;margin: 20px 5px 0;}
}


.section_12{background: var(--bg_color); }
.section_12 > .inwrap > h3 {line-height:1.4em;}


/* .adult_bg {background: linear-gradient(180deg, #ABAAB8 0%, #BCBAC4 100%);}
.adult_01 {padding-bottom: 0;padding-top: 150px;overflow: hidden;}
.adult_01 h3 {font-family: 'SunBatang-Light';color: var(--fff);letter-spacing: -.08em;}
.adult_01 h2 {color: var(--fff);}
.adult_01 img{display: block;margin: 0 auto;}

@media screen and (max-width:  767px) {
.adult_01 {padding-top: 100px;}
}

.adult_02 ul {margin:  30px 0;display: flex;flex-direction: column;gap: .75em;}
.adult_02 ul li{display: flex;align-items: center;justify-content: center;gap: 10px;}
.adult_02 ul li h4 {border-radius: 100px;border: 1px solid rgba(0, 0, 0, 0.20);background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);display: inline-block;font-weight: 300;padding: .5em 1em;}
.adult_02 ul + h2 {margin-bottom:0;line-height: 1.05em;}
.adult_02 ul + h2 em {color: var(--main_color);}

@media screen and (max-width:  767px) {
  .adult_02 ul li img {width: 40px;}
}
@media screen and (max-width:  374px) {
  .adult_02 ul li h4{font-size: 1.1em;padding: .5em;}
}


.adult_03{background: var(--bg_color);}
.adult_03 img{margin: 1em 0 2em 0;border-radius: 20px;border: 5px solid var(--fff);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 600px;width: 100%;}
@media screen and (max-width:  767px) {

}

.adult_04{padding-bottom:0;position: relative;overflow: hidden;}
.adult_04 h3{font-family: 'SunBatang-Light';color: var(--fff);letter-spacing: -.08em;}
.adult_04 h2{color: var(--fff);}
.adult_04 img {display: block;margin: 0 auto;position: relative;top: 50%;right: 25%;}
.adult_04 ul{display: flex;flex-direction: column;position: absolute;right: 0;top: 0;gap: 1em;z-index: 1;top: 50%;transform: translate(0%,-50%);align-items: flex-end;}
.adult_04 ul li{background: var(--fff);padding: 30px;border-top: 8px solid var(--main_color);}
.adult_04 ul li:nth-child(2){border-color: var(--sub2_color);}
.adult_04 ul li:nth-child(3){border-color: var(--sub_color);}
.adult_04 ul li h4 {margin-bottom:.2em}

@media screen and (max-width:  767px) {
  .adult_04 ul{margin-top: 3em;}
  .adult_04 ul li{padding: 15px 10px;}
  .adult_04 img{width: 300px;left: 50%;margin-left: -260px;right: auto;max-width: 1000px;}
}

.small {display: none;}
.adult_05 h3 {font-family: 'SunBatang-Light';letter-spacing: -.08em;}
.adult_05 ul {position: absolute;top: 70%;transform: translate(0%, -50%);text-align: left;line-height: 2em;margin-left: 110px;}
.adult_05 ul li div h4{font-weight: 400;}
.adult_05 ul li div h4:before {content: '\e800';font-family: "icon_font";margin-right: 10px;color: var(--sub_color);}

@media screen and (max-width:  767px) {
  .adult_05 ul{margin-left: 0;letter-spacing: -.04em;top: 75%;right: 15px;left: 15px;background: rgba(255, 255, 255, .7);transform: translate(0%, -40%);}
  .adult_05 ul li div h4:before{margin-right:3px;}sx
}


@media screen and (max-width:  424px) {
  .small {display: block;}
  .adult_05 ul{
    top: 80%;
}

}

.section_05.adult_bg h2 {color: var(--fff);} */

/*time*/
.time table {width: 100%;text-align: center;font-size: 18px;margin-bottom: 20px;margin-top: 80px;}
.time table tbody {background:#fff;}
.time table tr th{text-align:right;height: 80px;position: relative;}
.time table tr th span {margin-bottom: 10px;background: #8d8f8e;line-height: 1em;padding: 10px;text-align:center;width: 38px;position: absolute;margin-top: -4px;color: #fff;border-radius: 10px;font-weight: 300;right: -28px;}
.time table tr th span em {width:1px;background: #ccc;height:30px;display:block;position: absolute;left: 50%;margin-top: 10px;/* margin-left: 2px; */}

.time table tr td {font-weight:600;color:#fff;text-align:center;vertical-align:middle;border: 1px solid #ccc;font-size: 1.2em;}
.time table tr td:first-child {background: #444;}
.time table tr td p {background: #5e72b9;display: block;height: 50px;position:relative;margin: 20px -1px;line-height: 50px;}
.time table td.break {background: #444;color: #fff;}
.time table tr td p.day {background: var(--sub2_color);}
.time table tr td p.sun {background: var(--yellow_color);color: var(--color_dark);}
.time > div{display: flex;justify-content: space-between;}
.time  > div > h6 {float: left;line-height:1.6em;text-align: left;font-size: 1.2em;}
.time  > div > h5 {color: #5e72b9;font-size: 1.5em;}

@media screen and (max-width:  767px) {
  .time table{margin-top: 30px;}
  .time table tr td{font-size: 1em;}
  .time table tr th{height: 40px;}
  .time table tr th span{font-size: 14px;width: 31px;padding:5px;border-radius:3px;margin-top: -8px;right: -20px;}
  .time table tr th span em{margin-top: 5px;height: 15px;}
  .time table tr th:nth-child(2) span {/* margin-top: -46px; */}
  .time > h6{font-size:1em;}
  .time table tr th:nth-child(2) span em {/* height: 50px; */}
  .time table tr td p{height:30px;line-height:30px;margin: 5px -1px;text-align:center}
  .time > div{display: flex;flex-direction: column;}
  .time > div >  h5 {margin-right:0;font-size: .95em;text-align: right;margin-top: -1.55em;}
  .time > div >  h6{font-size: .95em;}

}

.pen{position: relative;}
.pen:after {content: '';display: inline-block;position: absolute;bottom: 20%;height: 50%;background-color: var(--color_pen);color:#222;z-index: -1;left: 0;width: 100%;}

.footer {background: var(--color_dark);color: var(--line);padding: 1em 0 6em 0;font-size: .8em;}
.footer p {margin-top: 0;}
.footer > p {margin-top: .5em;}


.wrapper > .counsel{position: fixed;bottom: 20px;width: 100%;max-width: 820px;left: 50%;transform: translate(-50%,0%);z-index: 10;bottom: -70px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.wrapper > .counsel.fixed {bottom: 0;}
.counsel_pop {display: flex;left: 0;right: 0;position: fixed;z-index: 100;bottom: -100vh;/* display: none; */-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.counsel_pop:after {content:'';display:block;position:fixed;background: rgba(0, 0, 0, .6);z-index: -1; opacity:0; -webkit-transition: all 1s;    -moz-transition: all 1s;    -ms-transition: all 1s;    -o-transition: all 1s;    transition: all 1s;
}
.counsel_pop.open:after{opacity:1;top:0;left:0;right:0;bottom:0;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.counsel_pop > div {background: var(--fff);padding: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;max-width: 800px;margin: 0 auto;position: relative;}
.counsel_pop h4 {font-family:'NEXON Lv1 Gothic OTF';font-size: 2em;}
.counsel_pop h5{font-size: 1.4em;text-align: left;margin-top: 1em;font-family:'NEXON Lv1 Gothic OTF';line-height: 1.2em;font-weight: 400;}
.counsel_pop h5 span {font-size: .7em;display: block;color: #85878c;}
.counsel_pop.open {display:block;bottom: 0;}

.counsel_pop .close_but {position: absolute;width: 30px;height: 30px;cursor: pointer;right: 30px;top: 30px;transition: transform 0.3s ease;}
.counsel_pop .close_but:hover {transform: rotate(180deg);}
.counsel_pop .close_but span{position: absolute;display: block;width: 100%;height: 2px;top: 50%;left: 0;transform: rotate(45deg);background-color: #222;}
.counsel_pop .close_but  span::after {content:'';position: absolute;display: block;width: 100%;height: 2px;transform: rotate(90deg);background-color: #222;}

/* formbox */
#inquiry {margin-top: 32px;}
#inquiry .form_box {position: relative;width: 100%;}
#inquiry .form_box .input_item + .input_item {margin-top: 16px;}
#inquiry .form_box .input_item p {display: flex;align-items: flex-start;color: #333;margin-bottom: 6px;font-weight: bold;}
#inquiry .form_box .input_item p.reqiured:after {display: inline-block;content: '*';clear: both;color: #E8272C;font-size: 14px;font-weight: bold;}
.blind {position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}

/* input */
#inquiry .form_box input::placeholder {color: #999;}
#inquiry .form_box input:focus::placeholder {color: #333;}
#inquiry .form_box input[type="text"], #inquiry .form_box input[type="tel"] {display: block;width: 100%;height: 50px;line-height: 50px;padding: 0 16px;color: #333;font-size: 16px;font-family: "Pretendard";border-radius: 8px;letter-spacing: -0.03em;outline: none;background: #F8F9FD;border: 0;box-sizing: border-box;}
#inquiry .form_box input[type="text"]:focus, #inquiry .form_box input[type="tel"]:focus {border: 1px solid var(--main_color);}
input, textarea, select { font: inherit; }
button, input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer; }
input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }


/* checkbox */
.privacy-box {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 0 auto;padding-top: 28px;/* border-top: 1px solid #eee; */}
.privacy-box div[class^="checkbox-"] {display: flex;justify-content: space-between;align-items: center;width: 100%;margin: 14px auto 0;}
.privacy-box  input[type="checkbox"] + label {display: flex;width: fit-content;align-items: center;color: #777;cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select: none;}
.privacy-box  input[type="checkbox"] + label:before {display: inline-block;margin-right: 8px;content: '\e800';font-family: "icon_font";font-size: 1.25em;color: #ddd;}
.privacy-box  input[type="checkbox"]:checked + label {color: #222;font-weight: 700;}
.privacy-box  input[type="checkbox"]:checked + label:before {color: #E8272C;}

/* button */

#inquiry  button {margin: 36px auto 0;display: inline-block;width: 100%;text-align: center;padding: 17px;border-radius: 12px;font-size: 18px;font-weight: 700;color: #fff;background: #242628;background: var(--main_color);color: #fff;font-size: 18px;font-weight: bold;border: 0;}


@media screen and (max-width:  767px) {
  .wrapper > .counsel{/* left: 15px; *//* right: 15px; *//* transform: translate(0%, 0%); */font-weight: 600;}
  .wrapper > .counsel.fixed {/* bottom:15px; */}

}

.index_2 .section_01 {
    background-image: url(../images/visual_bg.jpg);
    background-position: center;
    background-size: cover;
}

.index_3 .section_01 {
  background-image: url(../images/visual3_bg.jpg);

}

ul.quick_menu{
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'NEXON Lv1 Gothic OTF';
}
ul.quick_menu h4 {
    background: var(--000);
    /* font-size: 1.1em; */
    /* font-weight: 600; */
    border-radius: 100px;
    color: var(--fff);
    line-height: 2em;
    /* height: 1.5em; */
    border-radius: 100px 0px 0px 100px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
ul.quick_menu li {}
ul.quick_menu li a{color: var(--fff);display: block;/* font-size: 1.5em; *//* width: 1.5em; *//* height: 1.5em; */line-height: 2em;border-radius: 100px 0px 0px 100px;background: var(--sub_color);/* font-weight: 600; */padding: 0 10px 0 15px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width:  767px) {
  ul.quick_menu{gap:5px;bottom: 95px;}

  .footer{
    text-align: left;
    padding: 1em 1em  5em 1em;
}

}