@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');

@font-face {
    font-family: 'TTHakgyoansimJiugaeR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'G-Market-Sans-medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'G-Market-Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family: 'Cafe24Ssurround';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:135%;
}

body {font-family: 'Pretendard', sans-serif; font-size:16px; width: 100%; overflow-x: hidden; color: #222;}
address { font-style:normal;}
a { display:block;}
/* html, body { height:100%;} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

sup {
   font-variant-position: super;
}   

ol li, ul li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
    vertical-align:initial;
}

img { 
	border:none;
	vertical-align:top;
   max-width: 100%;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited, a:active, a:hover { color:inherit; text-decoration:none;}
.site-wrap { height:100%;}

:root {
   --color-main:#F0543B;
   --text-gra:linear-gradient(to right, var(--color-main) 0%, #F78067 80%,#FF8B61 99%);
    --inner:1440px;
}

.btn {display:inline-block;border: 1px solid var(--color-main); background-color: var(--color-main); color: #fff !important; border-radius: 30px; padding: 0.7rem 1.5rem;}
.btn.btn--gra {background-image: var(--text-gra); border: 1px solid rgba(255,255,255,0.5);}
.btn.btn--skip {line-height: 1;font-family: 'TTHakgyoansimJiugaeR';color: #333 !important; background: #fff url(../img/landing/icon-skip.png) no-repeat 80px center; border-color: #fff;padding:1rem 1.5rem; padding-right: 2.5rem;} 
.btn.btn--border {border: 2px solid var(--color-main); background: #fff; color: var(--color-main) !important;}

/* header */
.hd-top {position: relative; z-index: 99;}
.header {height: 84px;position: sticky; top: 0; box-shadow: 4px 4px 20px 3px rgba(0, 0, 0, 0.05); background-color: #fff; z-index: 1000;}
.header .hd-body {}
.header .hd-body .inner{display: flex; justify-content: space-between; align-items: center;}
.header .hd-body .gnb ul {display: flex;}
.header .hd-body .gnb ul li {position: relative;}
.header .hd-body .gnb ul li a {padding: 1.75rem 2rem; font-size: 1.25rem; font-weight: 500; display: flex; align-items: center; gap: 6px;}
.header .hd-body .gnb ul li a span {color: var(--color-main);}
.header .hd-body .gnb ul li .balloon {animation: float 5s ease-in-out infinite;left:50%;position: absolute; transform: translateX(-50%); bottom: -32px; width: 90%; background: var(--color-main); border-radius: 30px; text-align: center; padding: 10px; color:#fff; font-size: 14px; font-weight: 300;opacity: 0; transition: 0.2s linear;}
.header .hd-body .gnb ul li .balloon::after {content: '';position: absolute;bottom: 100%; left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 9px solid transparent;border-bottom-color: var(--color-main); z-index: 1; }
.header .hd-body .gnb ul li .balloon::before {content: '';position: absolute;bottom: 100%; left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 10px solid transparent;border-bottom-color: var(--color-main); z-index: 0;}
@media (min-width: 1024px) {
	.header .hd-body .gnb ul li:hover .balloon {opacity: 1; transition: 0.2s linear;}
}
.header .hd-body .m-btn {display: none;}

/* quick */
.quick {position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 99;}
.quick li a {width: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center;border-radius: 20px 0 0 20px; background: var(--color-main); height: 130px; transition: 0.2s linear;}
.quick li+li {margin-top: 14px; }
.quick li .title {color: #fff; font-family: 'G-Market-Sans'; text-align: center; font-size:14px;}
.quick li:nth-child(3) a{background: #FFCD00; gap: 8px;}
.quick li:nth-child(1) {opacity: 0;}
.quick li:nth-child(1) a {background: rgba(0,0,0,0.5); gap: 8px;}
@media (min-width: 1024px) {
.quick li:hover a {width: 150px; transition: 0.2s linear; margin-left: -20px;}
}

/* footer */
#footer { background: #272727; padding: 3.75rem 0; position: relative; }
#footer .inner { display: flex; align-items: center; }
#footer .ftInfo { width: 100%; }
.ftTop { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
.ftTop .ftMenu li { display: inline-block; position: relative; }
.ftTop .ftMenu li:after { content:''; width: 1px; height: 1.125rem; background: #fff; opacity: 0.5; position: absolute; right: -1.625rem; top:50%; transform: translateY(-50%); }
.ftTop .ftMenu li:last-child:after { display: none; }
.ftTop .ftMenu li a { color: #fff; font-size: 1.125rem; letter-spacing: -0.5px; }
.ftTop .ftMenu li + li { margin-left: 3rem; }
.ftTop .siteWrap { display: flex; align-items: center; }
.ftTop .snsList li { display: inline-block; }
.ftTop .snsList li + li { margin-left: 0.25rem; }
.ftTop .familySite { width: 250px; background: rgba(255,255,255,0.15); color:#fff; font-weight: 600; box-sizing:border-box; position: relative; }
.ftTop .familySite:after { content:''; width: 8px; height: 4px; background: url('../img/landing/icon-select-arrow.png'); position: absolute; right: 1.5rem; top:50%; transform:translateY(-50%); transition: 0.2s all linear; }
.ftTop .familySite.active:after { transform: translateY(-50%) rotate(180deg); transition: 0.2s all linear; }
.ftTop .familySite .blank { line-height:45px; padding: 0 1.5rem; cursor: pointer; font-weight: 500; color:rgba(255,255,255,0.5); }
.ftTop .familySite .blank { }
.ftTop .familySiteList { position: absolute; left: 0; top:100%; box-sizing:border-box; background: #fff; width: 100%; border:1px solid rgba(0,0,0,0.15); z-index: 100; display: none; }
.ftTop .familySiteList li a { line-height: 45px; padding: 0 1.5rem; font-size: 15px; color: #333; }
.ftTop .familySiteList  li + li { border-top:1px dashed rgba(0,0,0,0.15); }
.ftTop .familySiteList  li a:hover { color: var(--color-main); transition:0.2s all linear; }
.ftBot { margin-top: 2.5rem; position: relative; display: flex; align-items: center; }
.ftBot .logo { width: 118px; background: #fff; }
.ftBot .logo img { vertical-align: top; }
.ftBot .siteInfo { width: calc(100% - 120px); padding-left: 3rem; }
.ftBot .siteInfo .site_name { color: #fff; font-size: 1.25rem; margin-bottom: 2rem; }
.ftBot .siteInfo .site_data p { font-size: 1.125rem; color: #a0a0a0; line-height: 1.6; }
.ftBot .siteInfo .site_data p a { display: inline-block; }



.top {display:flex;align-items: center;justify-content: center;position: fixed; right: 0; bottom: 1em; width: 130px; border-radius: 20px 0 0 20px; color: #fff; background: #333; padding: 1.25em 0; text-align: center; cursor: pointer; font-weight: 500; z-index: 100;}
.m-quick-btn {display: none;position: fixed; right: 0; bottom: 8em; width: 70px; border-radius: 20px 0 0 20px; background: var(--color-main); color: #fff; padding: 1.25em 0; z-index: 9; text-align: center;}


.popup_wrap {width:100%; height:100%; position:fixed; left:0; top:0;z-index:9999;}
.popup_wrap.layer-popup {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); background: rgba(0,0,0,0.5);transition: opacity 0.2s ease-in-out;  opacity: 1;}
.popup_wrap.layer-popup.fade-out {opacity: 0;}
.popup_wrap.layer-popup .popup {width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.popup_wrap.layer-popup .popup .popup-container {position:relative}
.popup_wrap.layer-popup .popup-slider {position:relative; margin-bottom:0}
.popup_wrap.layer-popup .popup-slider .popup-item{width:600px; height:500px; border-radius:20px; overflow:hidden}
.popup_wrap.layer-popup .popup-slider .popup-item .popup_img {}
.popup_wrap.layer-popup .popup-slider .popup-item .popup_img img {}
.popup_wrap.layer-popup .popup-slider .popup-item img {width: 100%}
.popup_wrap.layer-popup .today_close {background: transparent; display: flex; justify-content: center; gap: 12px; align-items: center; padding: 20px 0 0}
.popup_wrap.layer-popup .today_close p:first-child {background: #fff; border-radius: 30px; padding: 14px 18px; cursor: pointer}
.popup_wrap.layer-popup .today_close p:first-child input {display: none}
.popup_wrap.layer-popup .today_close p:last-child {background: transparent; width: auto; height: auto; cursor: pointer}
.popup_wrap.layer-popup .today_close p:last-child {width:50px; height: 50px; background: var(--color-main); border-radius: 100%; display: flex; justify-content: center; align-items: center}
.popup_wrap.layer-popup .today_close p img {width: 18px; height: 18px}
.popup_wrap.layer-popup .popup-control {position: absolute; right:16px; bottom: 16px;}
.popup_wrap.layer-popup .popup-control .slick-dots {display: flex; gap: 8px; align-items: center; position:relative; bottom:auto;}
.popup_wrap.layer-popup .popup-control .slick-dots li {width:100%; height:100%; margin:0}
.popup_wrap.layer-popup .popup-control .slick-dots li button{background: #fff; font-size: 0; width: 10px; height: 10px; border-radius: 30px; cursor: pointer}
.popup_wrap.layer-popup .popup-control .slick-dots li.slick-active button{background: var(--color-main); width: 30px}
.popup_wrap.layer-popup .popup-control .slick-dots li button:before, .popup_wrap.layer-popup .popup-control .slick-dots li button:after {content:none;}


/* 하단 슬라이더 */
.cont .swiper-wrapper {padding-bottom: 48px;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {width: calc(100% - 85px - 40px) !important;position:relative !important; left:auto !important;right:auto !important;transform:translate(0)}
.cont .didim-class-slider .swiper-slide img {width: 100%;}
.didim-class-slider .swiper-button-prev::after,
.didim-class-slider .swiper-button-next::after {
  display: none;
}

.didim-class-slider .swiper-button-prev {
  background: url('/img/landing/icon-arrow-left.svg') no-repeat center;
  width: 34px;
  height: 34px;
  position:relative; left:auto;right:auto;transform:translate(0); top:auto
}

.didim-class-slider .swiper-button-next {
  background: url('/img/landing/icon-arrow-right.svg') no-repeat center;
  width: 34px;
  height: 34px;
  position:relative; left:auto;right:auto;transform:translate(0); top:auto
}
.didim-class-slider .control-box {position:absolute; bottom:0; left:0; width:100%; display:flex; align-items:center; gap:40px; justify-content:space-between;}
.didim-class-slider .control-box .arrow {width:85px; display:flex; gap:10px; justify-content:space-between;}


/* 표지 디자인 */
.wrap_layer_popup {display: none;position: fixed; width: 100%; height: 100%; left: 0; top:0; z-index: 9999; background: #fff;}
.desc_modal {display: flex; flex-flow: column; justify-content: center; height: 20vh; text-align: center; font-family: var(--font-jalnan);}
.desc_modal dt{margin-bottom:20px;font-size:26px;color:#404040;line-height:1.2;}
.desc_modal dd{font-size:38px;color:var(--color-main);font-weight:700;line-height:1;}
.bg_modal_wrapper {border-radius:50px 50px 0 0; overflow: hidden;}
.book_modal_list {background: #000; width: 100%; height: 80vh; } 
.book_modal_list .item {position: relative; text-align: center;width: 100%; height: 80vh; display: flex; justify-content: center; align-items: center; }
.book_modal_list .item .bg_modal {position: absolute; width: 100%; height: 100%; opacity:0.6; background-position: center; background-size:cover; background-repeat:no-repeat; left: 0; top:0; z-index: -1; }
.book_modal_list .item.v1 .bg_modal {background-image: url('../img/landing/textbook-background.png');}
.book_modal_list .item.v2 .bg_modal {background-image: url('../img/landing/textbook-background01.png');}
.book_modal_list .item.v3 .bg_modal {background-image: url('../img/landing/textbook-background02.png');}
.book_modal_list .item.v4 .bg_modal {background-image: url('../img/landing/textbook-background03.png');}
.book_modal_list .slick-list {width: 100%; height: 100%; }
.bg_modal_desc { display: flex; flex-flow: column; justify-content: center; align-items:center; font-size: 2.25rem; word-break:keep-all; width: 70%;  font-family: 'G-Market-Sans-medium'; color: #fff; text-shadow:0 0 5px rgba(0,0,0,0.7); height: 100%; margin: 0 auto;}
.bg_modal_desc p, .bg_modal_desc b, .bg_modal_desc span {line-height:1.6;} 
.bg_modal_desc b {display: block; font-family: 'G-Market-Sans';}
.bg_modal_desc .p_br {display: block;}
.bg_modal_desc p + p {margin-top: 3rem;}

.wrap_layer_popup .btn_popClose {position: absolute; right: 5%; top: 6%; cursor: pointer; width: 70px; height: 70px; border-radius: 50%; background: #000;}
.book_modal_list .slick-dots {position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); display: flex; gap: 1rem; justify-content: center;}
.book_modal_list .slick-dots button {width: 20px; height: 20px; background: rgba(255,255,255,0.7); border-radius:50%; text-indent:-99999px;}
.book_modal_list .slick-dots .slick-active button {background: #F0543B;}
.book_modal_list .slick-arrow {position: absolute; width: 60px; height: 60px; border-radius:50%; top:50%; transform:translateY(-50%); z-index: 10; text-indent:-99999px; cursor: pointer;}
.book_modal_list .slick-arrow.slick-prev {left: 5%; background: url('../img/textbook/icon-red-arr-l.png') center / contain no-repeat;}
.book_modal_list .slick-arrow.slick-next {right: 5%; background: url('../img/textbook/icon-red-arr-r.png') center / contain no-repeat;}
    


@media (min-width: 1024px) {
	.cont .didim-class-slider {padding-top: 20px;}
	.cont .swiper-wrapper .swiper-slide {top: 0; transition: 0.2s linear;}
	.cont .swiper-wrapper .swiper-slide:hover {top: -20px; transition: 0.2s linear;}
}

@media (max-width:1500px) {
	
	.bg_modal_desc {font-size: 2rem; width: 80%; letter-spacing: -0.5px;}

	

}

@media (max-width:1440px) {
	
	.header .hd-body .logo img {max-width: 130px;}
	.header .hd-body .gnb ul li a {font-size: 1.125rem;}
	.btn {padding: .5rem 1.125rem !important;}


}

@media (max-width:1200px) {
	.header .hd-body .gnb ul li a {font-size: 1rem;}

	#footer { padding: 2.75rem 0; }
  .ftBot .logo { width: 110px; }
  .ftTop .ftMenu li a { font-size: inherit; }
  .ftBot .siteInfo .site_name { font-size: 1.125rem; }
  .ftBot .siteInfo .site_data p { font-size: inherit; }
  #footer .top_btn { display: block; }
}


@media (max-width:1024px) {
	
	.header {height: 70px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
	.header .hd-body {width: 100%;}
	.hd-top {display: none;}
	.header .hd-body .gnb {position: absolute; left: 0; top: 70px; background-color: #fff; width: 100%; z-index: 99999; display: none; box-shadow: 2px 20px 20px 5px rgba(0, 0, 0, 0.1);}
	.header .hd-body .gnb ul {flex-direction: column;}
	.header .hd-body .gnb ul li {display: flex; align-items: center; justify-content: center; cursor:pointer}
	.header .hd-body .gnb ul li .balloon {opacity: 1; position: relative; left: 0; top: 0; transform: translate(0); bottom: auto; width: auto;}
	.header .hd-body .gnb ul li .balloon::after {content: none;}
	.header .hd-body .gnb ul li .balloon::before {left: -12px; transform: translate(0,-50%); top: 50%; bottom: auto; border-color: transparent;border-right-color :var(--color-main); border-width: 7px;}
	.header .hd-body .gnb ul li a {padding: 1rem;}
	.header .hd-body .btn-box {margin-right: 40px;}
	.header .hd-body .m-btn {position: absolute; right: 2%; top: 50%; transform: translateY(-50%); width: 28px; height: 24px; display: block;}
	.header .hd-body .m-btn a {width: 28px; height: 24px;}
	.header .hd-body .m-btn span{position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #333;transition: linear 0.2s;}
	.header .hd-body .m-btn span.line2{top: 50%; transform: translateY(-50%); opacity: 1; }
	.header .hd-body .m-btn span.line3{top: auto; bottom: 0;}
	.header .hd-body .m-btn.on span.line1 {top: 50%; transform: rotate(45deg);}
	.header .hd-body .m-btn.on span.line2 {opacity: 0;}
	.header .hd-body .m-btn.on span.line3 {top: 50%; transform: rotate(-45deg);}

	.quick li+li {margin-top: 8px;}
	.quick li a {width: 110px;}
	.quick li .title {font-size: 12px;}

	.top {bottom: 1em; height: 44px; width: 70px; font-size: 0;}
	.m-quick-btn {bottom: 4em;}

	.quick li.m-dimd {display: none;}
	.quick { z-index: 999;}
	.m-quick-btn {display: block; z-index: 999; cursor: pointer;  font-family: 'G-Market-Sans'; }
	.m-quick-btn.on { background: var(--color-main) url(../img/landing/icon-close-wh.svg) no-repeat center center; background-size:30px 30px; height: 44px; box-sizing: border-box;}

	.mask {position: fixed; left: 0;top: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 998; display: none;}

	#footer { padding: 2rem 0; }
  .ftTop .familySite { width: 180px; }
  .ftTop .familySite .blank, .ftTop .familySiteList li a { line-height: 40px; }
  .ftTop .familySiteList li a { font-size: inherit; }
  .ftBot { margin-top: 2rem; }
  .ftTop .ftMenu li + li {margin-left:2rem}
  .ftTop .ftMenu li:after {right: -1.125rem;}


	.desc_modal dt {font-size: 22px;}
	.desc_modal dd {font-size: 34px;}
	.bg_modal_desc {font-size: 1.5rem;}
	.bg_modal_desc .m_br {display: block;}
	.wrap_layer_popup .btn_popClose {width: 60px; height: 60px;}
}

@media (max-width:768px) {


.popup_wrap .popup {max-width:90%}
.popup_wrap.layer-popup .popup-slider .popup-item {height:auto}
.popup_wrap.layer-popup .popup-slider .popup-item .popup_img {}
.popup_wrap.layer-popup .today_close {padding:12px 0 0;}
.popup_wrap.layer-popup .today_close p:first-child {padding:8px 20px;}
.popup_wrap.layer-popup .today_close p:last-child {width:38px; height:38px;}
.popup_wrap.layer-popup .today_close p img {width:12px; height:12px;}

	#footer { padding: 1.75rem 0 4rem; }
  .ftBot { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .ftBot .logo { width: 80px; }
  .ftTop .ftMenu li:after { display: none; }
  .ftBot .siteInfo .site_name { margin-bottom: 1rem; font-size: 1rem; }
  .ftTop .familySite { width: 150px; }
  .ftTop .familySite .blank, .ftTop .familySiteList li a { line-height: 36px; }
  .ftTop .familySiteList { top: auto; bottom: 100%; }
  .ftTop { padding-bottom: 0; border-bottom: none; }
	.ftTop .siteWrap { position: absolute; bottom: 1.5rem; left: 3%; }
	.ftTop .familySite .blank, .ftTop .familySiteList li a {padding: 0 1rem;}

	.desc_modal dt {font-size: 20px;}
	.desc_modal dd {font-size: 32px;}
	.bg_modal_desc {font-size: 1.375rem;}
	.wrap_layer_popup .btn_popClose {width: 50px; height: 50px; right: 2%; top:2%}
	.wrap_layer_popup .btn_popClose img {width: 22px;}
	.book_modal_list .slick-arrow {width: 40px; height: 40px;}
	.book_modal_list .slick-dots button {width: 16px; height: 16px;}
	.bg_modal_desc p + p {margin-top: 2rem;}

}

@media (max-width:640px) {

	.ftTop .ftMenu li + li { margin-left: 1rem; }
  .ftBot .logo { width: 65px; }
  .ftBot .siteInfo { width: calc(100% - 65px); padding-left: 1rem; }
  .ftBot .siteInfo .site_name { font-size: 15px; margin-bottom: 0.5rem; }
  .ftBot .siteInfo .site_data p { font-size: 13px; letter-spacing: -0.5px; line-height: 1.3; }
  .ftBot .siteInfo .site_data p span:last-child { display: block; height: 0; text-indent: -9999px; }

	.desc_modal dt {font-size: 18px;}
	.desc_modal dd {font-size: 28px; letter-spacing:-0.5px;}
	.bg_modal_desc {font-size: 1.25rem;}
	.wrap_layer_popup .btn_popClose { width: 40px; height: 40px; right: 1.5rem;}
	.wrap_layer_popup .btn_popClose img { width: 18px; padding-top: 2px;}

}

@media (max-width:480px) {

	.ftTop .ftMenu { display: flex; flex-wrap: wrap; gap: 0.75rem; }
	.ftTop .ftMenu li { width: calc((100% - 1.5rem) / 3); }
	.ftTop .ftMenu li + li { margin-left: 0; }
	.ftBot { margin-bottom: 1rem; }
	.ftBot .logo { width: 60px; }
	.ftBot .siteInfo { width: calc(100% - 60px); padding-left: 1rem; }
	.ftBot .siteInfo .site_name { font-size: inherit; }
	.ftBot .siteInfo .site_data p { font-size: 12px; }
	.ftTop .familySite { width: 130px; }
	.ftTop .familySite:after { right: 1rem; }
	.ftTop .familySite .blank, .ftTop .familySiteList li a P { line-height: 32px; }

	 .m-quick-btn {font-size: 14px; letter-spacing:-0.5px;}

	.desc_modal {height: 16vh;}
	.desc_modal dt {font-size: 14px; line-height: 1;}
	.desc_modal dd {font-size: 20px;}
    .wrap_layer_popup .btn_popClose { right: 50%; top: 14vh; transform: translateX(50%); }
	.wrap_layer_popup .btn_popClose img {padding-top: 1px;}
	.book_modal_list, .book_modal_list .item {height: 84dvh;}
	.bg_modal_desc {font-size: 1rem;width: 90%;}
	.bg_modal_desc p + p {margin-top: 1.5rem;}

	.book_modal_list .slick-arrow {top:auto; transform:none; bottom:4.5%; width: 34px; height: 34px;}
	.book_modal_list .slick-arrow.slick-next {right: auto; left: calc(5% + 40px);}
	.book_modal_list .slick-arrow.slick-next { right: auto; left: calc(5% + 40px); }
	.book_modal_list .slick-dots {gap:0.75rem;}
	.book_modal_list .slick-dots button {width: 14px; height: 14px;}
	
}