@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=block');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=block');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=block');

/* 스크롤 스타일 */
body{overflow-y: scroll;}
body::-webkit-scrollbar { width: var(--scroll-width); height: 10px; }
body::-webkit-scrollbar-thumb { height: 5px; background: #A9A9A9; border-radius: 10px; }

/* common */
.in {position: relative; width: 164rem; max-width: 100%; padding: 0 2rem; margin: 0 auto;}
.in2 {position: relative; width: 94rem; max-width: 100%; padding: 0 2rem; margin: 0 auto;}

.hidden {clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px}

.mo_over { display: block !important; }
.tiny_mo_over { display: block !important; }
.mo_only { display: none !important; }
.tiny_mo_only { display: none !important; }
.tab_over { display: block !important; }
.tab_only { display: none !important; }
.jp_only { display: none !important; }
.chn_only { display: none !important; }


/*html { overflow-x: auto; }*/
html.scroll_none { overflow: hidden; }

svg {overflow: visible;}

html {height: auto !important; font-size:10px}

:root {
    --green: #00816C;

    --scroll-width: 7px;

    --hd_h: 8rem;

    --alertcolor:#00816C;

    --cancelcolor:#363940;
}

#google_translate_element,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.google_translate_element{display: none !important;}


.nice-select .list{box-shadow: 0 0 0 1px #BCBFC7;}


/*신청 폼 하단 버튼*/
.form_btn { display: flex; align-items: center; justify-content: center; height: 6.5rem; border-radius: 0.5rem; padding: 0 1.5em; background-color: #000; border: 1px solid #000; color: #fff; font-weight: 500; transition: background-color 0.3s, color 0.3s; }

.sub #container { padding-top: var(--hd_h); }

.zoom-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1000; animation: fadeIn 0.3s ease; }
.zoom-modal-content { width: 100%; height: auto; margin: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.zoom-modal-content img { width: 100%; height: 100%; object-fit: contain; }
.zoom-modal-close { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; transform: translate(-75%, -150%); width: 20px; height: 20px; font-size: 30px; font-weight: 300; color: #000; background: none; border: none; cursor: pointer; z-index: 1001; }
.zoom-modal-close svg{fill: #fff;}


/*헤더*/
.header {position: fixed; top: 0; width: 100% ;z-index: 21}
.header .header_in {position: relative; display: flex; align-items: center; height: var(--hd_h); margin: 3rem 5rem 0; padding: 0 5rem; background-color: var(--green); border-radius: 2rem; transition: margin 0.3s ease-in-out , border-radius 0.3s ease-in-out}
.header .logo {width: 18rem; display: flex; align-items: center}
.header .logo svg {fill: #fff; width: 100%; height: auto}
.header .logo img {fill: #fff; width: 100%; height: auto}
.header .logo .foreign_logo{display: none;}
.sub .header {transition: transform 0.3s ease-in-out}
.sub .header.scroll_down {transform: translateY(-100%)}
/*.sub .header.scroll_down .nav {transform: translate(100%, var(--hd_h))}*/

.header .nav {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; z-index: 50; }
.header .nav .mo_top{display: none;}
.header .nav .depth1 {display: flex; align-items: center; height: 100%; pointer-events: visible}
.header .nav .depth1.none { pointer-events: none; }
.header .nav .depth1 > li { position: relative; height: 100%; padding: 0 2.5em; white-space: nowrap; color: #fff; transition: padding 0.3s;}
.header .nav .depth1 > li > a {display: flex; align-items: center; height: 100%; font-size: clamp(16px, .3125vw + 10px, 18px);}
.header .nav .depth1 > li > a span {position: relative}
.header .nav .depth1 > li > a span:before {content: ""; display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #fff; opacity: 0; transition: opacity 0.3s ease-in-out , bottom 0.3s ease-in-out}
.header .nav .depth1 > li.active > a span:before {opacity: 1; bottom: -5px}

.header .nav .depth1 > li > .depth2 { position: absolute; left: 50%; bottom: -0.5em; transform: translate(-50%, 100%); text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; transition-delay: -0.2s; }
.header .nav .depth1 > li > .depth2 > li {  }
.header .nav .depth1 > li > .depth2 > li + li { margin-top: 0.7em; }
.header .nav .depth1 > li > .depth2 > li > a { font-size: 0.9em; opacity: 0.5; transition: opacity 0.3s; }
.header .nav .depth1 > li > .depth2 > li > a[target="_blank"] {padding-right: 1.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><style>path{fill: %23fff;}</style><path d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat right center; background-size: 0.9em;}

.header .nav .depth1 > li > .depth2 > li.active > a { opacity: 1; }

@media screen and (min-width: 1241px) {
    .header.on .nav .depth1 > li {padding: 0 3.5em;}
    .header.on .nav .depth1 > li > .depth2 {opacity: 1; pointer-events: visible; transition-delay: 0.2s;}
}

.header .gnb_bg { position: absolute; left: 50%; bottom: 1px; width: calc(100% - 10rem); height: 0; border-radius: 2rem; background-color: var(--green); transform: translate(-50%, 100%); transition: all 0.3s ease-in-out; }
.header.on .gnb_bg { height: 200px; box-shadow: rgba(149, 157, 165, 0.07) 0 8px 15px; }
/*.header.on .header_in {border-radius: 2rem 2rem 0 0}*/
.header.down .gnb_bg { width: 100%; border-radius: 0; }

.header .right_wrap {display: flex; align-items: center; height: 100%; margin-left: auto; color: #fff; font-size: clamp(16px, .3125vw + 10px, 18px);}
.header .right_wrap .zoom_font { display: flex; align-items: center; }
.header .right_wrap .zoom_font .btn { display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; background-color: #fff; cursor: pointer; }
.header .right_wrap .zoom_font .btn svg { width: 50%; }
.header .right_wrap .zoom_font .txt { margin: 0 0.5em; font-size: 0.95em; font-weight: 500; }

.header .right_wrap a { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 2.5rem; height: 100%; font-size: 2.5rem;}
.header .right_wrap > * + * {margin-left: 4rem;}
.header .right_wrap a .tool { white-space: nowrap; position: absolute; left: 50%; bottom: 1.5rem; z-index: 1; transform: translate(-50%, 100%); padding: 0.5em 1em; border-radius: 0.5rem; background-color: #fff; color: #000; font-size: 1.4rem; opacity: 0; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); transition: opacity 0.2s; }
.header .right_wrap a svg {width: 100%; height: 1em; fill: #fff}
.header .right_wrap a.len { width: 2.5rem; }
.header .right_wrap a .btn_nav { position: absolute; left: 50%; bottom: 1.5rem; z-index: 100; transform: translate(-50%, 100%); background-color: #fff; color: #000; border-radius: 0.5rem; font-size: 1.4rem; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); overflow: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s; }

.header .right_wrap a .btn_nav li { padding: 0.5em 1em; transition: background-color 0.3s; }
.header .right_wrap a .btn_nav li.select { background-color: #e9e9e9; }
.header .right_wrap .my_menu{position: relative; display: flex; align-items: center; justify-content: flex-end; width: 2.5rem; height: 100%; font-size: 2.5rem;}
.header .right_wrap .my_menu span{display: flex;}
.header .right_wrap .my_menu svg{width: 100%; height: 1em; fill: #fff}
.header .right_wrap .my_menu ul{white-space: nowrap; position: absolute; left: 50%; bottom: 1.5rem; z-index: 1; transform: translate(-50%, 100%); background-color: #fff; color: #000; border-radius: 0.5rem; font-size: 1.4rem; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); overflow: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s;}
.header .right_wrap .my_menu ul li { padding: 0.5em 1em; transition: background-color 0.3s; }
.header .right_wrap .my_menu ul li a{justify-content: center; width: auto; margin-left: 0; font-size: 1.4rem;}
.header .right_wrap a.ham{display: none;}

.header.down .header_in{margin: 0; border-radius: 0; }

.sub .header .header_in { margin: 0; border-radius: 0; }
.sub .header .gnb_bg { width: 100%; border-radius: 0; }

/*----통합검색----*/
.all_sch { display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: var(--hd_h); z-index: 51; width: calc(100% - 5rem*2); height: 24rem; padding: 0 2rem; margin: 0 5rem; border-radius: 2rem; background-color: var(--green); border-bottom: 1px solid var(--green); opacity: 0; pointer-events: none; transition: opacity 0.3s, margin 0.3s ease-in-out, border-radius 0.3s ease-in-out, width 0.3s ease-in-out; }
.all_sch.on { opacity: 1; pointer-events: auto; }
.header.fix .all_sch { /*top: 100px;*/ }

.header.down .all_sch { margin: 0; width: 100%; border-radius: 0; }
.sub .all_sch { margin: 0; width: 100%; border-radius: 0; }

.all_sch .sch_box { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 60rem; height: 6rem; line-height: 6rem; padding: 0 2.4rem; background-color: #fff; border-radius: 2em; }
.all_sch .sch_box input { width: 100%; font-size: 1.7rem; }
.all_sch .sch_box input::placeholder{color: #9A9EA7;}
.all_sch .sch_box .ico { display: flex; flex-shrink: 0; margin-left: 1.5rem; font-size: 2rem; }
.all_sch .sch_box .ico button { font-size: 2rem; }
.all_sch .sch_box .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; object-fit: contain; transition: fill 0.25s; }

.all_sch .close_btn { width: 3.5rem; height: 3.5rem; margin-left: 1.5rem; opacity: 0.6; transition: opacity 0.3s; }
.all_sch .close_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #fff; }


.modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.3s ease-in-out;}
.modal.open {opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont {position: relative; width: 100rem; max-width: 100%; max-height: none !important; height: auto !important; margin: 0 auto; background-color: #fff;}
.modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em;}
.modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;}
.modal .modal_wrap .modal_cont.member{width: 80rem; background: none;}

.modal .member .btn_wrap{display: flex; justify-content: center; margin-top: 5.6rem;}
.modal .member .btn_wrap a{flex: 1; max-width: 50%; padding: 1.2em 0; background: var(--green); border: 1px solid var(--green); color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s;}
.modal .member .btn_wrap a + a{margin-left: 0.8rem;}
.modal .member .btn_wrap a.line{background: #fff; border-color: #000; color: #000; font-weight: 400;}

.modal .member .login_wrap{display: flex;}
.modal .member .login_wrap .left{display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; width: 32%; background: linear-gradient(200deg, #08B89A 0%, #057B67 100%); border-radius: 2.4rem 0 0 2.4rem;}
.modal .member .login_wrap .left::before{content: ''; position: absolute; bottom: 0; right: 0; width: 140%; padding-top: 100%; background: url(/inc/img/common/login_symbol.svg) no-repeat 0 0/contain; mix-blend-mode: multiply;}
.modal .member .login_wrap .left img{width: 50%;}

.modal .member .login_wrap .right{flex: 1; padding: 8rem; background: #fff; border-radius: 0 2.4rem 2.4rem 0;}
.modal .member .login_wrap .right .tit{font-size: 3.6rem; font-weight: 700; text-align: center;}
.modal .member .login_wrap .right .input_wrap{margin-top: 5.6rem;}
.modal .member .login_wrap .right .input_wrap .inp{position: relative;}
.modal .member .login_wrap .right .input_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.5em; height: 1em; font-size: 1.5rem;}
.modal .member .login_wrap .right .input_wrap .inp .ico svg{fill: #BCBFC7; transition: fill 0.25s;}
.modal .member .login_wrap .right .input_wrap .inp input[type="text"]:focus + .ico svg{fill: #000;}
.modal .member .login_wrap .right .input_wrap .inp input[type="password"]:focus + .ico svg{fill: #000;}
.modal .member .login_wrap .right .input_wrap input{width: 100%; height: 5.6rem; padding-left: 3.3em; margin-bottom: 1.2rem; border: 1px solid #BCBFC7; font-size: 1.6rem; border-radius: 0.8rem; line-height: 5.6rem; transition: background 0.25s, border 0.25s;}
.modal .member .login_wrap .right .input_wrap input::placeholder{color: #BCBFC7;}
.modal .member .login_wrap .right .input_wrap button{width: 100%; padding: 1.25em 0; margin-top: 2.5em; background: #000; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; border-radius: 0.8rem; line-height: 1em; transition: background 0.25s;}

.modal .member .login_wrap .right .util_wrap{display: flex; justify-content: center; margin-top: 2.4rem;}
.modal .member .login_wrap .right .util_wrap a{position: relative; color: #9A9EA7; font-size: 1.5rem; font-weight: 500; line-height: 1em; transition: color 0.25s;}
.modal .member .login_wrap .right .util_wrap a + a{padding-left: 1.2em; margin-left: 1.2em; border-left: 1px solid rgba(188, 191, 199, 0.5);}

.modal .member .login_wrap .right .sns_login{display: flex; margin-top: 8rem;}
.modal .member .login_wrap .right .sns_login a{flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em 2em; border: 1px solid #BCBFC7; font-size: 1.5rem; border-radius: 2em; line-height: 1em; transition: border-color 0.25s;}
.modal .member .login_wrap .right .sns_login a + a{margin-left: 1.6rem;}
.modal .member .login_wrap .right .sns_login a svg{margin-right: 1em;}
.modal .member .login_wrap .right .sns_login a.naver svg{fill: #16B95E;}
.modal .member .login_wrap .right .sns_login a.kakao svg{fill: #381E1F;}

.modal .modal_wrap .modal_cont.member.join{width: 60rem;}
.modal .member .join_wrap{padding: 9rem 6.4rem 6.4rem; background: #fff; border-radius: 2.4rem;}
.modal .member .join_wrap .txt_box{margin-bottom: 5.6rem;}
.modal .member .join_wrap .txt_box .step{margin-bottom: 1em; color: var(--green); font-size: 1.3rem; font-weight: 700; line-height: 1em;}
.modal .member .join_wrap .txt_box .tit{font-size: 2.4rem; font-weight: 700;}
.modal .member .join_wrap .inp_wrap{margin-top: 2.4rem;}
.modal .member .join_wrap .inp_wrap .inp_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.2rem;}
.modal .member .join_wrap .inp_wrap .inp_tit p{font-size: 1.4rem;}
.modal .member .join_wrap .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: 1.3rem; transition: color 0.25s;}
.modal .member .join_wrap .inp_wrap .inp_tit a svg{margin-left: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}

.modal .member .join_wrap .inp_wrap .refer{display: block; position: relative; padding-left: 1em; margin-top: 1em; color: #9A9EA7; font-size: 1.3rem; font-weight: 500;}
.modal .member .join_wrap .inp_wrap .refer::before{content: '※'; position: absolute; top: 0; left: 0;}
.modal .member .join_wrap .inp_wrap input{width: 100%; height: 5.6rem; padding: 0 1.5em; border: 1px solid #BCBFC7; font-size: 1.5rem; border-radius: 0.8rem; line-height: 5.6rem; transition: background 0.25s, border 0.25s;}
.modal .member .join_wrap .inp_wrap input.with_btn{border-radius: 0.8rem 0 0 0.8rem;}
.modal .member .join_wrap .inp_wrap input:focus{border-color: #000;}
.modal .member .join_wrap .inp_wrap input::placeholder{color: #BCBFC7;}
.modal .member .join_wrap .inp_wrap .flex_wrap{display: flex;}
.modal .member .join_wrap .inp_wrap .flex_wrap button{flex-shrink: 0; height: 5.6rem; padding: 0 2em; border: 1px solid #BCBFC7; border-left: none; font-size: 1.5rem; border-radius: 0 0.8rem 0.8rem 0; color: #000; transition: background 0.25s, color 0.25s;}

.modal .member .join_wrap .chk_wrap{}
.modal .member .join_wrap .chk_wrap input{}
.modal .member .join_wrap .chk_wrap input + label{display: flex; align-items: center; justify-content: center; width: 100%; height: 5.6rem; border: 1px solid #BCBFC7; color: #BCBFC7; font-size: 1.5rem; font-weight: 600; border-radius: 0.8rem; line-height: 5.6rem; cursor: pointer; transition: border 0.25s, color 0.25s;}
.modal .member .join_wrap .chk_wrap input + label svg{margin-right: 0.5em; fill: #BCBFC7; transition: fill 0.25s;}
.modal .member .join_wrap .chk_wrap input:checked + label{border-color: #000; color: #000;}
.modal .member .join_wrap .chk_wrap input:checked + label svg{fill: #000;}
.modal .member .join_wrap .chk_all_wrap{display: flex; margin-top: 1.6rem;}
.modal .member .join_wrap .chk_all_wrap input{}
.modal .member .join_wrap .chk_all_wrap input + label{display: flex; padding: 0.75em 1em; margin-left: auto; border: 1px solid #9A9EA7; color: #9A9EA7; font-size: 1.3rem; border-radius: 2em; line-height: 1em; cursor: pointer; transition: background 0.25s, border 0.25s, color 0.25s;}
.modal .member .join_wrap .chk_all_wrap input + label svg{margin-right: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}
.modal .member .join_wrap .chk_all_wrap input:checked + label{background: #000; border-color: #000; color: #fff;}
.modal .member .join_wrap .chk_all_wrap input:checked + label svg{fill: #fff;}
.modal .modal_wrap .modal_cont.member.join_cmp{width: 50rem;}
.modal .member .join_wrap .join_complete{display: flex; flex-direction: column; align-items: center;}
.modal .member .join_wrap .join_complete .ico{display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; background: #EAF5F3; font-size: 3.6rem; border-radius: 50%;}
.modal .member .join_wrap .join_complete .ico svg{fill: var(--green);}
.modal .member .join_wrap .join_complete p{margin-top: 1em; font-size: 2rem; font-weight: 700;}

.modal .modal_wrap .modal_cont.member.find{width: 60rem;}
.modal .member .find_wrap{padding: 9rem 6.4rem 6.4rem; background: #fff; border-radius: 2.4rem;}
.modal .member .find_wrap p{margin-bottom: 1.5em; font-size: 2.4rem; font-weight: 700; text-align: center;}
.modal .member .find_wrap .chk_id{padding: 1em 0; background: #F3F4F8; text-align: center;}

.term_modal{display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 10000; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.3s ease-in-out;}
.term_modal.open {opacity: 1; pointer-events: inherit; }
.term_modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.term_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.term_modal .modal_wrap .modal_cont{position: relative; width: 80rem; max-width: 100%; margin: 0 auto; background-color: #fff; border-radius: 2.4rem; overflow: hidden; }
.modal_cont.term{overflow: hidden; border-radius: 2.4rem;}
.modal_cont.term .head{display: flex; align-items: flex-start; justify-content: space-between; padding: 2.4rem;}
.modal_cont.term .head p{margin-right: 1.5em; font-size: 2rem; font-weight: 700;}
.modal_cont.term .head .term_modal_close {width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; }

.modal_cont.term .cont{overflow-y: auto; max-height: 65vh; padding: 2.4rem; font-size: 1.4rem; background-color: #f6f6f6; border-radius: 0 0 2.4rem 2.4rem;}
.modal_cont.term .cont::-webkit-scrollbar{width: 10px;}
.modal_cont.term .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.term .cont::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.term .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.term .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}


/*통합검색*/
.allSch_sect { overflow: hidden; padding-top: 12rem; padding-bottom: var(--subContPd); }
.allSch_sect .sub_round_tab{}
.allSch_sect .sub_round_tab .tab{}

.allSch_sect h2 { font-size: 6rem; font-weight: 700; text-align: center; }
.allSch_sect h2 + .desc { font-size: 1.6rem; color: #888888; text-align: center; }
.allSch_sect .sch_box { position: relative; display: flex; align-items: center; justify-content: center; padding: 8rem 0; margin-top: 10rem; }
.allSch_sect .sch_box:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100vw - var(--scroll-width)); height: 100%; background-color: #f5f7f9; z-index: -1; }
.allSch_sect .sch_box .inp_box { display: flex; align-items: center; justify-content: center; width: 25%; background-color: #FFF; border-radius: 2em; overflow: hidden; padding: 0 3rem; }
.allSch_sect .sch_box .inp_box input { width: 100%; height: 6rem; padding: 0 1.5rem; font-size: 1.8rem; background-color: transparent;}
.allSch_sect .sch_box .inp_box .ico { flex-shrink: 0; }
.allSch_sect .sch_box .inp_box .ico button {  font-size: 2rem; }
.allSch_sect .sch_box .inp_box .ico svg { width: auto; height: auto; fill: #000; transition: fill 0.25s; }

.allSch_sect .result_cont { margin: 16rem 0; }
.allSch_sect .result_cont .sub_tab { margin-top: 8rem; }

.allSch_sect .total { font-size: 4.8rem; font-weight: 700; }
.allSch_sect .total span { color: var(--green); }

.allSch_sect .result_box { margin-top: 16rem; }
.allSch_sect .result_box > .tit { position: relative; font-size: 3rem; font-weight: 700; }
.allSch_sect .result_box > .tit > span { position: relative; }
.allSch_sect .result_box > .tit .num { position: absolute; right: -0.9rem; top: -0.1rem; color: var(--green); font-size: 2rem; transform: translate(100%, -10%); }
.allSch_sect .result_box .pinter_list { min-height: 15rem; }

.allSch_sect .center_result {  }
.allSch_sect .center_result .cont { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; margin-top: 6rem; }
.allSch_sect .center_result .cont .box { padding: 3.5rem 1rem; text-align: center; background-color: #f7f8f9; border-radius: 1.5rem; transition: background-color 0.3s, color 0.3s; }
.allSch_sect .center_result .cont .box .tit { font-size: 2.4rem; font-weight: 700; }
.allSch_sect .empty_box { grid-column: 1 / -1; width: 100%; }
.allSch_sect .info_result .cont { margin-top: 6rem; border-top: 1px solid #000; }
.allSch_sect .info_result .cont .box { display: block; padding: 3rem; border-bottom: 1px solid #e0e0e0; transition: background-color 0.3s; }
.allSch_sect .info_result .cont .box .menu { display: flex; align-items: center; justify-content: flex-start; font-size: 1.6rem; font-weight: 500; color: #9A9EA7; }
.allSch_sect .info_result .cont .box .menu li { position: relative; }
.allSch_sect .info_result .cont .box .menu li + li { margin-left: 3.2rem; }
.allSch_sect .info_result .cont .box .menu li + li:before { content: '\f054'; position: absolute; left: -1.6rem; top: 50%; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.2rem; transform: translate(-50%, -50%); }
.allSch_sect .info_result .cont .box .menu + .tit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1.5rem; }

.allSch_sect .clinic_doc .doc_sect { padding-top: 0; margin-top: 6rem; }
.allSch_sect .pinter_list .cont,
.allSch_sect .thumb_list .cont,
.allSch_sect .faq_list .cont,
.allSch_sect .paper_list .cont,
.allSch_sect .review_list .cont { margin-top: 6rem; }

.allSch_sect .sub_round_tab_wrap { padding: 0 2rem; margin-top: 12rem; }


/*메뉴찾기*/
.allSch_sect .info_result .cont.menu_cont { display: flex; align-items: center; justify-content: flex-start; border: 0; margin: 4.5rem 0 0 -1.5rem; flex-wrap: wrap; }
.allSch_sect .info_result .cont.menu_cont .box { margin-left: 1.5rem; margin-top: 1.5rem; padding: 0.6rem 2rem; border: 1px solid #BCBFC7; border-radius: 2em; }
.allSch_sect .info_result .cont.menu_cont > div { display: flex; align-items: center; justify-content: flex-start; }
.allSch_sect .info_result .cont.menu_cont .box .menu p { position: relative; }
.allSch_sect .info_result .cont.menu_cont .box .menu p + p { margin-left: 3.2rem; }
.allSch_sect .info_result .cont.menu_cont .box .menu p + p:before { content: '\f054'; position: absolute; left: -1.6rem; top: 50%; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.2rem; transform: translate(-50%, -50%); }


/*푸터*/
.ft_in {position:relative; width: 184rem; max-width: 100% ;padding:0 2rem; margin:0 auto;}

.footer .sect_tit_box.center {text-align: center}
.footer .sect_tit_box {position: relative}
.footer .sect_tit_box .desc {font-size: 2.5rem; font-weight: 700; margin-bottom: 3rem; transform: translateY(50px); opacity: 0; transition: transform 0.5s ease-out , opacity 0.5s ease-out }
.footer .sect_tit_box .en_tit {font-size:10rem; font-weight: 700; font-family: "Outfit", sans-serif; line-height: 1.2; transform: translateY(50px); opacity: 0; transition: transform 0.5s ease-out , opacity 0.5s ease-out }
.footer .sect_tit_box .tit {font-size: 5.5rem; line-height: 1.3; font-weight: 700; transform: translateY(50px); opacity: 0; transition-property: opacity ,transform; transition-timing-function: ease-out; transition-duration: 0.5s; transition-delay: 0.2s}
.footer .sect_tit_box .tit + .tit {margin-top: 6rem; transition-delay: 0.4s}
.footer .sect_tit_box .tit + .tit + .txt {transition-delay: 0.6s}
.footer .sect_tit_box .txt {margin-top: 2em; font-size: var(--txt); transform: translateY(50px); opacity: 0; transition-property: opacity ,transform; transition-timing-function: ease-out; transition-duration: 0.5s; transition-delay: 0.4s}
.footer .sect_tit_box .en_tit + .txt {transition-delay: 0.2s}
.footer .sect_tit_box .com_btn {position: absolute; right: 0; bottom: 0; transform: translateY(50px); opacity: 0; }

.footer .sect_tit_box.active .en_tit,
.footer .sect_tit_box.active .txt,
.footer .sect_tit_box.active .tit,
.footer .sect_tit_box.active .com_btn,
.footer .sect_tit_box.active .desc {opacity: 1; transform: unset}


.ft_sect { padding: 15rem 0 8rem; background-color: #074238; color: #fff; }
.ft_sect .top { display: flex; align-items: stretch; justify-content: center; }
.ft_sect .top .map_wrap { position: relative; width: 55%; padding-top: calc(56.25%*0.55); }
.ft_sect .top .map_wrap iframe,
.ft_sect .top .map_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.ft_sect .top .map_wrap #mapFooter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.ft_sect .top .txt_wrap { flex: 1; margin-left: 8rem; flex-shrink: 0; }

.ft_sect .top .txt_wrap .direction_box {  }
.ft_sect .top .txt_wrap .direction_box .tit { font-size: 3.5rem; font-weight: 700; }
.ft_sect .top .txt_wrap .direction_box .addr_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 3rem; font-size: 1.8rem; }
.ft_sect .top .txt_wrap .direction_box .addr_box .addr { display: flex; align-items: center; justify-content: center; }
.ft_sect .top .txt_wrap .direction_box .addr_box .addr + .addr { margin-left: 2.5em; }
.ft_sect .top .txt_wrap .direction_box .addr_box .addr:before { content: ''; width: 0.4em; height: 0.4em; margin-right: 0.5em; border-radius: 100%; background-color: #fff; }
.ft_sect .top .txt_wrap .direction_box .addr_box .addr span { display: inline-block; margin-left: 0.6em; font-weight: 700; }

.ft_sect .top .txt_wrap .direction_box .map_btn_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 3rem; gap: 1.2rem 0.8rem; }
.ft_sect .top .txt_wrap .direction_box .map_btn_wrap .map_btn { display: flex; align-items: center; justify-content: center; height: 4rem; border-radius: 0.5rem; padding: 0 2em 0 1em; border: 1px solid transparent; background-color: rgba(255,255,255,0.2); font-size: max(1.4rem, 11px); transition: background-color 0.3s, border 0.3s; }
.ft_sect .top .txt_wrap .direction_box .map_btn_wrap .map_btn .ico { display: flex; align-items: center; justify-content: center; width: 2.4em; height: 2.4em; margin-right: 1rem; flex-shrink: 0; }
.ft_sect .top .txt_wrap .direction_box .map_btn_wrap .map_btn .ico.tmap img{height: 65%;}

.ft_sect .top .txt_wrap .direction_box .desc { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 2rem; font-size: var(--thinTxt); font-weight: 500; color: rgba(255,255,255,0.7); line-height: 1.7}
.ft_sect .top .txt_wrap .direction_box .desc:before { content: '*'; line-height: 2em; margin-right: 0.5em; }

.ft_sect .top .txt_wrap .info_box { position: relative; margin-top: 7rem; }
.ft_sect .top .txt_wrap .info_box .tit { font-size: 3.5rem; font-weight: 700; display: none}
.ft_sect .top .txt_wrap .info_box .call_box { display: flex; align-items: flex-start; margin-top: 3rem; }
.ft_sect .top .txt_wrap .info_box .call_box .desc { min-width: 7rem; margin-right: 1em; font-size: 1.8rem; font-weight: 700; }
.ft_sect .top .txt_wrap .info_box .call_box .call { font-size: 5rem; font-weight: 700; line-height: 1; }
.ft_sect .top .txt_wrap .info_box .time_box { display: flex; align-items: flex-start; margin-top: 5rem; }
.ft_sect .top .txt_wrap .info_box .time_box .desc { min-width: 7rem; margin-right: 1em; margin-bottom: 0.8em; font-size: 1.8rem; font-weight: 700; }
.ft_sect .top .txt_wrap .info_box .time_box .box_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-right: auto; gap: 0.8rem; white-space: nowrap; }
.ft_sect .top .txt_wrap .info_box .time_box .box { display: flex; align-items: center; justify-content: flex-start; font-size: 1.8rem; }
.ft_sect .top .txt_wrap .info_box .time_box .box .day { min-width: 7rem; margin-right: 0.8em; }
.ft_sect .top .txt_wrap .info_box .time_box .box .time { font-weight: 700; }
.ft_sect .top .txt_wrap .info_box .time_box .box .txt { margin-left: 1em; font-size: 0.7em; }
.ft_sect .top .txt_wrap .info_box .time_box .notice { grid-column: 1 / 3; margin-top: 0.3em; font-size: 1.4rem; font-weight: 500; }

.ft_sect .middle { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 8rem; }
.ft_sect .middle .txt_wrap { display: flex; align-items: center; justify-content: flex-start; font-size: 1.6rem; color: #fff; }
.ft_sect .middle .txt_wrap .txt { position: relative; }
.ft_sect .middle .txt_wrap .txt:before { content: ''; position: absolute; left: 0; bottom: -0.2em; width: 0; border-bottom: 1px solid #fff; transition: width 0.3s; }

.ft_sect .middle .txt_wrap .txt + .txt { margin-left: 1.5em; }
.ft_sect .middle .txt_wrap .txt b { font-weight: 600; }

.ft_sect .middle .ico_wrap { display: flex; align-items: center; justify-content: flex-end; }
.ft_sect .middle .ico_wrap .ico { display: flex; align-items: center; justify-content: center; width: 6.5rem; height: 6.5rem; fill: #fff; background-color: rgba(255,255,255,0.15); border-radius: 100%; transition: background-color 0.3s, fill 0.3s; }
.ft_sect .middle .ico_wrap .ico + .ico { margin-left: 1rem; }
.ft_sect .middle .ico_wrap .ico svg { font-size: 2rem; }
.ft_sect .middle .ico_wrap .ico:nth-of-type(1) svg { font-size: 1.6rem; }
.ft_sect .middle .ico_wrap .ico:nth-of-type(4) svg { font-size: 2.2rem; }

.ft_sect .ft_logo { width: 18.5rem; fill: rgba(255,255,255,0.5); margin-top: 1rem; }
.ft_sect .ft_logo svg { width: 100%; height: 100%; object-fit: contain; }
.ft_sect .ft_logo img { opacity: 0.5; width: 100%; height: 100%; object-fit: contain; }
.ft_sect .ft_logo .foreign_logo { display: none; }

.ft_sect .bottom { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 1rem; }
.ft_sect .bottom .left { width: 45%; color: rgba(255,255,255,0.5); flex-shrink: 0; }
.ft_sect .bottom .left .info { font-size: 1.4rem; }
.ft_sect .bottom .left .info span { display: inline-block; margin-right: 1em; margin-bottom: 0.5em; }
.ft_sect .bottom .left .copy { margin-top: 1em; font-size: 1.3rem; color: rgba(255,255,255,0.3); }

.ft_sect .bottom .right { display: flex; align-items: center; justify-content: flex-end; margin-left: 5rem; }
.ft_sect .bottom .right .coo_logo { display: flex; align-items: center; justify-content: flex-start; }
.ft_sect .bottom .right .coo_logo + .coo_logo { margin-left: 4rem; }
.ft_sect .bottom .right .coo_logo .img { max-width: 8rem; height: 3.5rem; flex-shrink: 0; }
.ft_sect .bottom .right .coo_logo .img img { width: 100%; height: 100%; object-fit: contain; }
.ft_sect .bottom .right .coo_logo .txt { margin-left: 1em; font-size: 1.1rem; color: rgba(255,255,255,0.6); white-space: nowrap; }


.quick_wrap { position: fixed; right: 7rem; bottom: 5vh; z-index: 100; opacity: 0; transition: opacity 0.3s; pointer-events: none}
.quick_wrap.show { opacity: 1; pointer-events: auto}

.quick_wrap .quick_btn { display: flex; align-items: flex-end; height: 9.5rem; background-color: var(--green); color: #fff; font-size: 1.35rem; font-weight: 500; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); transition: height 0.6s; }
.quick_wrap .quick_btn .quick_box .box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; border-radius: 1rem; transition: background-color 0.3s, opacity 0.6s; }
.quick_wrap .quick_btn .quick_box .box:not(.quick) { opacity: 0; }
.quick_wrap .quick_btn .quick_box .box .ico { height: 2.5rem; }
.quick_wrap .quick_btn .quick_box .box .ico img,
.quick_wrap .quick_btn .quick_box .box .ico svg { width: 100%; height: 100%; object-fit: contain; fill: #fff; }
.quick_wrap .quick_btn .quick_box .box .txt { margin-top: 0.8em; text-align: center; }

.quick_wrap .reserv_btn { position: relative; margin-top: 1.5rem; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); border-radius: 1rem; }
.quick_wrap .reserv_btn .btn { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 9.5rem; height: 9.5rem; border-radius: 1rem; background-color: #000; color: #fff; fill: #fff; font-size: 1.35rem; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s; overflow-x: hidden;  }
.quick_wrap .reserv_btn .btn .ico { font-size: 1.7em; }

.quick_wrap .reserv_btn .quick_form { position: absolute; left: 0; bottom: -11rem; transform: translateX(-100%); min-width: 40rem; padding: 4rem 3.5rem; background-color: #eff1f6; opacity: 0; transition: opacity 0.5s; pointer-events: none; }
.quick_wrap .reserv_btn .quick_form.on { opacity: 1; pointer-events: visible; }
.quick_wrap .reserv_btn .quick_form > .tit { font-size: 2.6rem; font-weight: 700; }
.quick_wrap .reserv_btn .quick_form > .txt { margin-top: 1em; font-size: 1.4rem; color: #9A9EA7; }
.quick_wrap .reserv_btn .quick_form .form_box { width: 100%; margin-top: 2.5rem; }
.quick_wrap .reserv_btn .quick_form .form_box .inp { position: relative; width: 100%; height: 5.5rem; border-radius: 0.5rem; background-color: #fff; overflow: hidden; }
.quick_wrap .reserv_btn .quick_form .form_box .inp input { border: 0; }
.quick_wrap .reserv_btn .quick_form .form_box .inp + .inp { margin-top: 1rem; }
.quick_wrap .reserv_btn .quick_form .form_box .inp input { width: 100%; height: 100%; padding: 0 1em; font-size: 1.6rem; font-weight: 500; }
.quick_wrap .reserv_btn .quick_form .form_box .inp .placeholder { position: absolute; left: 1em; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); height: auto; font-size: 1.6rem; font-weight: 500; color: #9A9EA7; pointer-events: none; transition: opacity 0.3s; }
.quick_wrap .reserv_btn .quick_form .form_box .inp .placeholder span { color: #009E5A; }
.quick_wrap .reserv_btn .quick_form .form_box .inp input:focus + .placeholder,
.quick_wrap .reserv_btn .quick_form .form_box .inp input:not(:placeholder-shown) + .placeholder { opacity: 0; }

.quick_wrap .reserv_btn .quick_form .form_box .sel_box { margin-top: 1rem; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select { height: 5.5rem; padding: 0 1em; background-color: #fff; font-size: 1.6rem; font-weight: 500; border: 0; border-radius: 0.5rem; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23000"><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>')center/contain no-repeat; transform: translateY(-50%) rotate(0); transform-origin: center; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .current  { line-height: 5.5rem; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .list { max-height: 23rem; min-width: 100%; margin-top: 0; background-color: #fff; font-size: 0.9em; overflow-y: auto; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .list::-webkit-scrollbar { display: none; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .option { height: 5rem; line-height: 5rem; }
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .option:hover,
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .option.focus,
.quick_wrap .reserv_btn .quick_form .form_box .sel_box .nice-select .option.selected.focus { background-color: #F6F8FC; }

.quick_wrap .reserv_btn .quick_form .priv_chk_box { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-top: 2rem; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box + .priv_chk_box{margin-top: 1rem;}
.quick_wrap .reserv_btn .quick_form .priv_chk_box .priv_inp {  }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .priv_inp input { display: none; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .priv_inp label { display: flex; align-items: center; justify-content: center; padding: 0.3em 0.7em; font-size: 1.3rem; color: #9A9EA7; fill: #9A9EA7; border: 1px solid #9A9EA7; border-radius: 2em; transition: color 0.3s, border 0.3s, fill 0.3s, background-color 0.3s; cursor: pointer; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .priv_inp label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .priv_inp input:checked + label { color: #fff; border-color: #000; fill: #fff; background-color: #000; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .more_btn { flex-shrink: 0; margin-left: 0.7em; font-size: 1.3rem; color: #9A9EA7; transition: color 0.3s; }
.quick_wrap .reserv_btn .quick_form .priv_chk_box .more_btn span { padding-bottom: 0.2em; border-bottom: 1px solid #9A9EA7; transition: border 0.3s; }
.quick_wrap .reserv_btn .quick_form .btn_wrap { width: 100%; margin-top: 7rem; }
.quick_wrap .reserv_btn .quick_form .btn_wrap button { width: 100%; }
.quick_wrap .reserv_btn .quick_form .cls_btn { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transform: translateX(-100%); width: 5rem; height: 5rem; border-radius: 1rem 0 0 1rem; fill: #fff; background-color: #000; cursor: pointer; }
.quick_wrap .reserv_btn .quick_form .cls_btn svg { width: 55%; height: 55%; object-fit: contain; }

.quick_wrap .top_btn { position: relative; display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; margin-top: 1.5rem; background-color: #fff; border-radius: 1rem; box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); cursor: pointer; }
.quick_wrap .top_btn svg { width: 30%; height: 30%; object-fit: contain; transition: transform 0.3s, fill 0.3s; }


.msg_layer{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 20px 80px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: 0.2s ease-in-out}
.msg_layer.open{opacity: 1; pointer-events: inherit}
.msg_layer .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.msg_layer .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.msg_layer .modal_wrap .modal_cont {position: relative; width: 350px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff; border-radius: 12px;}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 3rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: 16px; text-align: center}
.msg_layer .modal_bot_box {display: flex; justify-content: center}
.msg_layer .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2),
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}
.msg_layer .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; display: none}
.msg_layer .modal_top.step { align-items: flex-start; }
.msg_layer .modal_top .tit_wrap {  }
.msg_layer .modal_top .step { font-size: 16px; font-weight: 600; }
.msg_layer .modal_top .step + .tit { margin-top: 10px; }
.msg_layer .modal_top .tit { font-size: 24px; font-weight: 700; }
.msg_layer .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3rem; }
.msg_layer .btn_wrap .btm_btn { cursor:pointer;display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 4.3rem; padding: 0 2.2rem; line-height: 4.4rem; font-size: 1.4rem; font-weight: 600; border-radius: 2em; background-color: var(--alertcolor); border: 1px solid var(--alertcolor); color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; white-space: nowrap; }
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: var(--alertcolor);}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.btn_wrap > * + * { margin-left: 1rem; }


/*개인정보처리방침 스타일*/
.terms_wrap { padding-bottom: 2.4rem; }
.terms_wrap .cont_sect { padding: 1em 1.5em; margin-top: 2em; background: #efefef; }
.terms_wrap .cont_sect p { margin-top: 0.3em; }

.terms_wrap h3 { font-size: 1.3em; font-weight: 700; }
.terms_wrap .sect + h3 { margin-top: 5rem; }
.terms_wrap .sect { margin-top: 2.5em; }
.terms_wrap .sect h4 { margin-bottom: 0.5em; color: var(--green); font-size: 1.3em; font-weight: 700; }
.terms_wrap .sect h5 { margin: 1.2em 0 0.5em; font-size: 1.1em; font-weight: 600; }
.terms_wrap .sect p { margin-top: 0.5em; word-break: keep-all; }
.terms_wrap strong{color: var(--green); font-weight: 700;}

.terms_wrap .table { overflow-x: auto; width: 100%; margin: 3rem 0; }
.terms_wrap table { table-layout: fixed; width: 100%; min-width: 600px; word-break: keep-all; }
.terms_wrap table th,
.terms_wrap table td { padding: 0.8em 1em; border: 1px solid #ddd; }
.terms_wrap table th{background: #fff;}
.terms_wrap table td{}

.terms_wrap .sect > ul{margin-top: 0.5em; word-break: keep-all;}
.terms_wrap .sect > ul > li{position: relative; padding-left: 0.8em;}
.terms_wrap .sect > ul > li::before{content: ''; position: absolute; top: calc(1.5em/2 - 2px); left: 0; width: 4px; height: 4px; background: #000; border-radius: 2px;}
.terms_wrap .sect > ul > li + li { margin-top: 0.5em; }
.terms_wrap .sect > ul > li ul { margin-top: 0.3em; }
.terms_wrap .sect > ul > li ul li{ position: relative; padding-left: 0.8em; }
.terms_wrap .sect > ul > li ul li::before{ content: ''; position: absolute; top: calc(1.5em/2 - 1px); left: 0; width: 4px; height: 2px; background: #000; }

.terms_wrap .sect > ol{counter-reset: term_ol 0; margin-top: 0.5em; word-break: keep-all;}
.terms_wrap .sect > ol > li{counter-increment: term_ol; position: relative; padding-left: 1.4em;}
.terms_wrap .sect > ol > li::before{content: counter(term_ol); display: flex; align-items: center; justify-content: center; position: absolute; top: calc(1.5em/2 - 0.4em); left: 0; width: 1.4em; height: 1.4em; border: 1px solid #000; font-size: 0.7em; border-radius: 50%;}
.terms_wrap .sect > ol > li + li { margin-top: 0.5em; }
.terms_wrap .sect > ol > li ol { counter-reset: term_ol 0; margin-top: 0.3em; }
.terms_wrap .sect > ol > li ol li{ counter-increment: term_ol; position: relative; padding-left: 1.4em; }
.terms_wrap .sect > ol > li ol li::before{ content: counter(term_ol)'.'; position: absolute; top: calc(1.5em/2); transform: translateY(-50%); left: 0; width: 1em;}



/* hover 스타일 */
@media screen and (min-width: 1240px){
    .form_btn:hover { background-color: #fff; color: #000; border-color: #009E5A; }

    .header .nav .depth1 > li:hover > a span:before {opacity: 1; bottom: -5px}
    .header .nav .depth1 > li > .depth2 > li > a:hover { opacity: 1; }
    .header .right_wrap a:hover .tool { opacity: 1; }
    .header .right_wrap a.len:hover .btn_nav { opacity: 1; pointer-events: visible; }
    .header .right_wrap a .btn_nav li:hover { background-color: #e9e9e9; }
    .header .right_wrap .my_menu:hover ul { opacity: 1; pointer-events: visible; }
    .header .right_wrap .my_menu ul li:hover { background-color: #e9e9e9; }

    .all_sch .sch_box .ico:hover svg{fill: var(--green);}
    .all_sch .close_btn:hover{transform: rotate(180deg); transition: transform 0.5s;}

    .modal .modal_wrap .modal_cont .modal_close:hover{transform: rotate(180deg); transition: transform 0.5s;}
    .modal .member .btn_wrap a:hover{background: #000; color: #fff;}
    .modal .member .login_wrap .right .input_wrap button:hover{background: var(--green);}
    .modal .member .login_wrap .right .util_wrap a:hover{color: #000;}
    .modal .member .login_wrap .right .sns_login a:hover{border-color: #000;}
    .modal .member .join_wrap .inp_wrap .inp_tit a:hover{color: #000;}
    .modal .member .join_wrap .inp_wrap .inp_tit a:hover svg{fill: #000;}
    .modal .member .join_wrap .inp_wrap .flex_wrap button:hover{background: #000; color: #fff;}

    .modal_cont.term .head .term_modal_close:hover { transform: rotate(180deg); transition: transform 0.5s; }

    .allSch_sect .sch_box .inp_box .ico:hover svg{fill: var(--green);}
    .allSch_sect .center_result .cont .box:hover { background-color: var(--green); color: #fff; }
    .allSch_sect .info_result .cont.menu_cont .box:hover{background: var(--green); border-color: var(--green);}
    .allSch_sect .info_result .cont.menu_cont .box:hover .menu{color: #fff;}

    .ft_sect .top .txt_wrap .direction_box .map_btn_wrap .map_btn:hover { background-color: transparent; border-color: #fff; }
    .ft_sect .middle .txt_wrap .txt:hover:before { width: 100%; }
    .ft_sect .middle .ico_wrap .ico:hover { background-color: #fff; fill: #000; }

    .quick_wrap .quick_btn:hover { height: 57rem; }
    .quick_wrap .quick_btn .quick_box:hover .box { opacity: 1; }
    .quick_wrap .quick_btn .quick_box .box:hover { background-color: #0A9A82; }
    .quick_wrap .reserv_btn .btn:hover { background-color: #fff; color: #074238; fill: #074238; font-weight: 600; }
    .quick_wrap .reserv_btn .quick_form .priv_chk_box .more_btn:hover { color: #000; }
    .quick_wrap .reserv_btn .quick_form .priv_chk_box .more_btn:hover span { border-color: #000; }
    .quick_wrap .reserv_btn .quick_form .cls_btn:hover svg { transform: rotate(180deg); transition: transform 0.5s; }
    .quick_wrap .top_btn:hover svg { fill: var(--green); transform: translateY(-3px); }
}



@media screen and (min-width: 2561px) {
    html {font-size: clamp(10px, .3571vw + 0.857px, 13px)}
}

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

    .ft_sect .top .txt_wrap { margin-left: 6rem; }
    .ft_sect .top .txt_wrap .direction_box .addr_box .addr + .addr { margin-left: 1.5em; }
}

@media screen and (max-width: 2001px) {
    .ft_in {width: 164rem}
}



@media screen and (max-width: 2001px) and (min-width: 769px) {
    .tab_only { display: block !important; }
    .tab_over { display: none !important; }
}

@media screen and (max-width: 1921px) {
    html { font-size: 9.5px; }

    .quick_wrap .quick_btn {height: 8.5rem; width: 8.5rem}
    .quick_wrap .quick_btn:hover { height: 52rem; }
    .quick_wrap .quick_btn .quick_box .box {width: 8.5rem; height: 8.5rem}
    .quick_wrap .quick_btn .quick_box .box .ico {height: 2.2rem}
    .quick_wrap .reserv_btn .btn {width: 8.5rem; height: 8.5rem}
    .quick_wrap .top_btn {width: 8.5rem; height: 8.5rem}

}

@media screen and (max-width: 1641px){
    html { font-size: 9px; }

    .header .header_in { padding: 0 3rem; margin: 3rem; }
    .header .logo { width: 16rem; }

    .header .right_wrap a{width: 25px; font-size: 25px;}

    .header .right_wrap a,
    .header .right_wrap a.len { }
    .header .right_wrap > * + * { margin-left: 3rem; }


    .ft_sect .top .txt_wrap .direction_box .addr_box { flex-direction: column; align-items: flex-start; }
    .ft_sect .top .txt_wrap .direction_box .addr_box .addr + .addr { margin-left: 0; margin-top: 0.5em; }

    .ft_sect .top .txt_wrap .direction_box .map_btn_wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .ft_sect .top .txt_wrap .info_box .call_box .desc,
    .ft_sect .top .txt_wrap .info_box .time_box .desc { font-size: max(1.6rem, 16px); }

    .ft_sect .top .txt_wrap .info_box .call_box .call { font-size: 4rem; }

    .ft_sect .top .txt_wrap .info_box .time_box .box_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .ft_sect .top .txt_wrap .info_box .time_box .box { }
    .ft_sect .top .txt_wrap .info_box .time_box .box .day { min-width: 5rem; }

    .ft_sect .top .txt_wrap .info_box .time_box .notice { grid-column: unset; }

    .ft_sect .bottom .right { flex-wrap: wrap; margin-bottom: -3rem; }
    .ft_sect .bottom .right .coo_logo { margin-bottom: 3rem; }
    .ft_sect .bottom .right .coo_logo + .coo_logo { }

}

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

    html {font-size: 8.5px}

    .header{z-index: 120;}
    .header .nav .mo_top{display: flex; justify-content: space-between; padding: 0 3rem; margin-bottom: 3rem;}
    .header .nav .mo_user{display: flex; align-items: center;}
    .header .nav .mo_user a{display: flex; padding: 0.5em 1em; border: 1px solid #fff; color: #fff; font-size: 13px; border-radius: 4px; line-height: 1em;}
    .header .nav .mo_user a + a{margin-left: 4px;}
    .header .nav .mo_util{display: flex; align-items: center;}
    .header .nav .mo_util .lang{display: flex; position: relative; z-index: 1; margin-left: auto; margin-right: 3rem; }
    .header .nav .mo_util .lang .btn{display: flex; align-items: center; padding: 0.8em 1.25em; background: #fff; color: var(--green); font-size: 12px; font-weight: 500; text-transform: uppercase; border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s;}
    .header .nav .mo_util .lang .btn svg{margin-left: 1em; fill: var(--green); font-size: 0.8em; transition: all 0.25s;}
    .header .nav .mo_util .lang ul{position: absolute; top: calc(100% + 0px); right: 0; opacity: 0; transform: translateY(0px); white-space: nowrap; width: 100%; padding: 8px 0; background: #fff; border-radius: 5px; pointer-events: none;}
    .header .nav .mo_util .lang ul li{}
    .header .nav .mo_util .lang ul li a{display: block; padding: 0.425em 1em; color: var(--green); font-size: 12px; font-weight: 500; text-transform: uppercase; text-align: center; transition: opacity 0.25s;}
    .header .nav .mo_util .lang.open .btn svg{transform: rotate(180deg);}
    .header .nav .mo_util .lang.open ul{opacity: 1; transform: translateY(5px); pointer-events: auto; transition: all 0.3s;}
    .header .nav .mo_util .close_btn { display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; font-size: 3rem; cursor: pointer; }
    .header .nav .mo_util .close_btn svg{width: 100%; height: 100%; fill: #fff;}

    .header .nav { display: block; position: fixed; left: 0%; top: 0; transform: translate(100%, 0); width: 100%; height: 100vh; padding: 2rem 0 10rem; background-color: var(--green); color: #fff; transition: left 0.5s ease; z-index: 100; }
    .header .nav.open { left: -100%; overflow-y: auto; }
    .header .nav .depth1 { display: block; width: 100%; height: auto; overflow: auto; }
    .header .nav .depth1 > li { width: auto; height: auto; padding: 2rem 0; }
    .header .nav .depth1 > li.active .depth2 { display: block; }
    .header .nav .depth1 > li.logo { display: none; }
    .header .nav .depth1 > li > a { justify-content: flex-start; padding: 0 2rem; font-weight: 700;}
    .header .nav .depth1 > li.active > a { color: var(--yellow); }
    .header .nav .depth1 > li > a:not(.img) { font-size: 2.4rem; padding: 0 3.5rem; }
    .header .nav .depth1 > li > a span:before { display: none; }
    .header .nav .depth1 > li > a:after { content: "\f078";;display: inline-block; position: static; width: auto; height:auto; font-size: 1.8rem; transform: translateX(0); vertical-align: middle; line-height: 1; margin-left: auto; font-weight: 500; transition: transform .3s; opacity: 1; background-color: transparent; font-family: "Font Awesome 6 Pro"}
    .header .nav .depth1 > li > a.on:after { transform: rotate(180deg); }
    .header .nav .depth1 > li > a:before { display: none; }

    .header .nav .depth1 > li > .depth2{display: none; position: static; opacity: 1; transform: none; padding: 0 3.5rem 3.5rem; margin-top: 3rem; text-align: left; pointer-events: auto;}
    .header .nav .depth1 > li > .depth2 > li + li{margin-top: 0.9em;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size: 2rem;}
    .header .nav .depth1 > li > .depth2 > li > a[target="_blank"]{background-size: 0.8em;}

    .header .gnb_bg{display: none;}

    .header .right_wrap a.login,
    .header .right_wrap .my_menu,
    .header .right_wrap a.len { display: none; }
    .header .right_wrap a.ham { display: flex; }

    .modal .member .login_wrap .right .tit{font-size: 2.8rem;}
    .modal .member .login_wrap .right .input_wrap{margin-top: 4rem;}
    .modal .member .login_wrap .right .input_wrap button{margin-top: 1.5em;}
    .modal .member .login_wrap .right .sns_login{margin-top: 5rem;}

    .allSch_sect{padding-top: 10rem;}
    .allSch_sect h2{font-size: 4.8rem;}
    .allSch_sect .result_cont{margin: 9rem 0;}
    .allSch_sect .total{font-size: 3.8rem;}
    .allSch_sect .result_box{margin-top: 9rem;}
    .allSch_sect .result_box > .tit{font-size: 2.4rem;}
    .allSch_sect .info_result .cont.menu_cont{margin-top: 2rem;}
    .allSch_sect .center_result .cont{margin-top: 4rem;}
    .allSch_sect .clinic_doc .doc_sect{margin-top: 4rem;}
    .allSch_sect .pinter_list .cont,
    .allSch_sect .thumb_list .cont,
    .allSch_sect .faq_list .cont,
    .allSch_sect .paper_list .cont,
    .allSch_sect .review_list .cont{margin-top: 4rem;}


    .ft_sect{padding: 10rem 0 8rem;}
    .ft_sect .top { flex-direction: column; }

    .ft_sect .top .map_wrap { width: 100%; padding-top: 45%; }
    .ft_sect .top .txt_wrap { margin-left: 0; margin-top: 3rem; }
    .ft_sect .top .txt_wrap .direction_box .addr_box { flex-direction: row; }
    .ft_sect .top .txt_wrap .direction_box .addr_box .addr + .addr { margin-left: 1em; margin-top: 0; }
    .ft_sect .top .txt_wrap .info_box .time_box .box_wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .ft_sect .middle { flex-direction: column; }
    .ft_sect .middle .ico_wrap { margin-top: 4rem; }
    .ft_sect .middle .ico_wrap .ico { width: 5.5rem; height: 5.5rem; }

    .ft_sect .ft_logo { margin-top: 5rem; }

    .ft_sect .bottom { flex-direction: column; }
    .ft_sect .bottom .left { width: 100%; }
    .ft_sect .bottom .right { width: 100%; margin-left: 0; margin-top: 0; padding-top: 5rem; justify-content: flex-start; }
    .ft_sect .bottom .right .coo_logo .img { max-width: 5rem; }
    .ft_sect .bottom .right .coo_logo .txt{font-size: 13px;}

}

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

    :root {

    }

    html {font-size: 7.7px}

    .mo_over { display: none !important; }
    .mo_only { display: block !important; }

    .in { padding: 0 20px; }

    .header .header_in { margin: 15px; }
    .header .right_wrap a{height: 22px; font-size: 22px;}
    .header .right_wrap a + a{margin-left: 20px;}
    .sub .header.scroll_down{transform: translateY(0);}
    .sub.sub_type01 .header.nav_on{transform: translateY(-100%);}
    .sub.sub_type01 .header.top{transform: translateY(0);}

    .header .nav .depth1 > li > .depth2 { padding: 0 3.5rem 25px; }
    .header .nav .depth1 > li > .depth2 > li + li { margin-top: 1.2em; }

    .all_sch { height: 14rem; }

    .ft_sect { padding: 75px 0 110px; }
    .ft_sect .top .map_wrap{padding-top: 65%;}
    .ft_sect .top .txt_wrap .direction_box .desc { font-size: 11px; }

    .quick_wrap .quick_btn { display: none; }
    .quick_wrap .top_btn { position: fixed; right: 10px; bottom: 90px; width: 40px; height: 40px; margin-top: 0; fill: #000; }
    .quick_wrap .top_btn svg { width: 45%; height: 45%; }

    .modal .modal_wrap .modal_cont.member{width: 60rem;}
    .modal .member .login_wrap{flex-direction: column;}
    .modal .member .login_wrap .left{display: none; order: 2; width: 100%; padding: 20px; border-radius: 8px;}
    .modal .member .login_wrap .left img{width: 30%;}
    .modal .member .login_wrap .right{padding: 30px; border-radius: 8px;}
    .modal .member .login_wrap .right .input_wrap input{font-size: 13px;}
    .modal .member .login_wrap .right .input_wrap button{font-size: 13px;}
    .modal .member .login_wrap .right .util_wrap a{font-size: 13px;}
    .modal .member .login_wrap .right .sns_login a{padding: 1em 1.25em; font-size: 13px; white-space: nowrap; }
    .modal .member .join_wrap{padding: 40px 20px 30px;}
    .modal .member .join_wrap .txt_box{margin-bottom: 30px;}
    .modal .member .join_wrap .txt_box .step{font-size: 12px;}
    .modal .member .join_wrap .inp_wrap input{font-size: 13px;}
    .modal .member .join_wrap .inp_wrap .inp_tit p{font-size: 13px;}
    .modal .member .join_wrap .inp_wrap .inp_tit a{font-size: 12px;}
    .modal .member .join_wrap .chk_wrap input + label{font-size: 13px;}
    .modal .member .join_wrap .chk_all_wrap input + label{font-size: 12px;}
    .modal .member .find_wrap{padding: 40px 20px 30px;}
    .modal .member .btn_wrap a{font-size: 13px;}

    .modal_cont.term .head{padding: 12px 2rem;}
    .modal_cont.term .cont{padding: 20px 2rem; font-size: 12px;}

    .allSch_sect{padding-top: 5rem;}
    .allSch_sect .sch_box{padding: 40px 0; margin-top: 5rem;}
    .allSch_sect .sch_box .inp_box{width: 50rem; max-width: 75%;}
    .allSch_sect .sub_round_tab_wrap{margin-top: 60px;}
    .allSch_sect .result_cont{margin: 35px 0;}
    .allSch_sect .total{font-size: 24px;}
    .allSch_sect .result_box{ margin-top: 50px; }
    .allSch_sect .info_result .cont.menu_cont{margin-top: 2rem;}
    .allSch_sect .center_result .cont{ grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 15px;}
    .allSch_sect .center_result .cont .box .tit { font-size: 14px; }
    .allSch_sect .clinic_doc .doc_sect{margin-top: 15px;}
    .allSch_sect .pinter_list .cont,
    .allSch_sect .thumb_list .cont,
    .allSch_sect .faq_list .cont,
    .allSch_sect .paper_list .cont,
    .allSch_sect .review_list .cont{margin-top: 15px;}

    .ft_sect .top .txt_wrap .info_box .time_box .box .day { min-width: 7rem; }

    .ft_sect .top .txt_wrap .direction_box .tit { font-size: 20px; }

    .ft_sect .top .txt_wrap .direction_box .addr_box { flex-direction: column; font-size: 14px; }
    .ft_sect .top .txt_wrap .direction_box .addr_box .addr + .addr { margin-top: 0.5em; margin-left: 0; }

    .ft_sect .top .txt_wrap .direction_box .map_btn_wrap .map_btn { font-size: 11px; white-space: nowrap; }

    .ft_sect .top .txt_wrap .info_box{margin-top: 40px;}
    .ft_sect .top .txt_wrap .info_box .time_box{margin-top: 20px;}
    .ft_sect .top .txt_wrap .info_box .time_box .box_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .ft_sect .top .txt_wrap .info_box .time_box .box { font-size: 13px; }
    .ft_sect .top .txt_wrap .info_box .time_box .box .txt{font-size: 11px;}
    .ft_sect .top .txt_wrap .info_box .time_box .notice { font-size: 11px; }

    .ft_sect .middle{margin-top: 40px;}
    .ft_sect .middle .txt_wrap { overflow-x: auto; white-space: nowrap; width: calc(100% + 2rem); font-size: 13px; }
    .ft_sect .middle .txt_wrap::-webkit-scrollbar{display: none;}
    .ft_sect .middle .txt_wrap .txt{padding-bottom: 5px;}
    .ft_sect .middle .txt_wrap .txt:last-child{padding-right: 2rem;}
    .ft_sect .middle .txt_wrap .txt::before{display: none;}
    .ft_sect .middle .txt_wrap .txt + .txt{margin-left: 15px;}
    .ft_sect .middle .ico_wrap{margin-top: 25px;}
    .ft_sect .middle .ico_wrap .ico { width: 5.5rem; height: 5.5rem; }
    .ft_sect .middle .ico_wrap .ico + .ico { margin-left: 1.5rem; }

    .ft_sect .bottom .left .info { font-size: 12px; }
    .ft_sect .bottom .left .copy{font-size: 12px;}

    .ft_sect .bottom .right { width: 100%; flex-wrap: nowrap; overflow: auto; }
    .ft_sect .bottom .right::-webkit-scrollbar{display: none;}
    .ft_sect .bottom .right .coo_logo { flex-shrink: 0;}
    .ft_sect .bottom .right .coo_logo + .coo_logo{margin-left: 15px;}
    .ft_sect .bottom .right .coo_logo .img{height: 26px;}
    .ft_sect .bottom .right .coo_logo .txt{font-size: 10px;}

    .quick_wrap { position: fixed; right: unset; left: 0; bottom: 0; width: 100%; background-color: var(--green); color: #fff; fill: #fff; opacity: 1; z-index: 100; pointer-events: visible; }
    .quick_wrap .wrap {  display: flex; align-items: center; justify-content: space-between; }
    .quick_wrap .wrap .box { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; padding: 15px 0; }
    .quick_wrap .wrap .box .ico { display: inline-block; height: 1.5em }
    .quick_wrap .wrap .box .ico img,
    .quick_wrap .wrap .box .ico svg { height: 100%; object-fit: contain; }
    .quick_wrap .wrap .box .txt { margin-top: 0.8em; font-size: 13px; }

    .msg_layer .btn_wrap .btm_btn{font-size: 12px;}

    .terms_wrap .table{width: calc(100% + 2rem);}
    .terms_wrap .table table{}

    .msg_layer .modal_wrap .modal_cont .cont p { font-size: 13px; }


}

@media screen and (max-width: 601px){
    .tiny_mo_over { display: none !important; }
    .tiny_mo_only { display: block !important; }
}