@charset"utf-8";

/* 공통 */
section {max-width: 1720px; width: 100%; margin: 0 auto;}

/* 팝업 */
.popup_wrap {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: 200;display: none;justify-content: center;align-items: center;}	
.popup_wrap.on {display: block;}
.popup-container {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 760px;height: 800px;background-color: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;justify-content: space-between;}
.popup-slides {overflow: hidden; padding:30px;}
.popup-slide {width: 100%;height: 100%;display:none; transition: opacity 1s ease-in-out;}	
.popup-slide.active {display:block;}
.popup-slide img {width:100%; max-height: 700px;}

.popup_navigation {display: flex;z-index:10; align-items: center; padding: 0 30px 20px; justify-content: space-between;}
.popup_navigation .flex_only {display:flex; align-items: center;}
.popup_navigation .flex_only > * {font-size:13pt;}
.popup_navigation .flex_only span.line {margin:0 10px; width: auto;}
.popup_navigation .flex_only label, .popup_navigation .flex_only input {cursor:pointer;}
.popup_navigation .pause, .popup_navigation .prev, .popup_navigation .next {color: white;font-size: 10pt;cursor: pointer;border: none;outline: none; margin-right: 15px;}
.popup_navigation .next {margin-right:0;}
.popup_navigation .slide-numbering {color: white; font-size: 10pt; padding:8px 0; background-color: #111; border-radius: 100px; width: 95px; text-align: center;margin-right:15px;}
.popup_navigation .slide-numbering span {width: 20px; display: inline-block; text-align: center;}
.popup_navigation input[type=checkbox] {width: 15px; height: 15px; padding: 0; margin:0; accent-color: #0d0d7c; margin-right: 10px;}

.pop_close_btn {position: absolute;top: 0;right: -80px;border: 2px solid #fff;padding: 10px;display: inline-block;background: #ffffff21;backdrop-filter: blur(2px);}

/* kv */
.index_top_banner {position:relative;height: 100vh;max-height: 580px;margin-top: 147px; margin-bottom: 35px;}
.index_top_banner .banner_wrap .mo {opacity: 0;}
.index_top_banner .banner_wrap .pc {opacity: 1;}
.index_top_banner .banner_wrap li {opacity: 0; transition: .3s ease-in-out 0.1s;position: absolute; top: 0; left: 0; width: 100%;}
.index_top_banner .banner_wrap li.on {opacity: 1;}

.slider {position: relative;width: 100%;margin: auto;}
.slides {position: relative;}
.slide {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity 1s ease-in-out;z-index: 1;	cursor:pointer;}
.slide img {width: 100%; height: 580px;object-fit: cover; border-radius:0 0 0 50px;}
.slide.active {opacity: 1;z-index: 2;}

.navigation {position: absolute;display: flex;z-index:10; align-items: center; top: 50%; left: 50%; transform: translate(-374%, 1200%);}
.navigation .pause, .navigation .prev, .navigation .next {color: white;font-size: 10pt;cursor: pointer;border: none;outline: none; margin-right: 15px;}
.navigation .next {margin-right:0;}
.navigation .slide-numbering {color: white; font-size: 10pt; padding:8px 0; background-color: rgba(0, 0, 0, 0.5); border-radius: 100px; width: 95px; text-align: center;margin-right:15px;}
.navigation .slide-numbering span {width: 20px; display: inline-block; text-align: center;}

.quick_wrap {position:absolute; z-index: 10; top: 10.5%; right: 5%;}
.quick_wrap .quick_top {border-radius: 20px; overflow: hidden; margin-bottom: 10px;}
.quick_wrap .quick_top div {padding:35px 40px;}
.quick_wrap .quick_top div > * {color:#fff;}
.quick_wrap .quick_top div > p {font-size: 20pt; font-weight: bold; margin-bottom: 35px;}
.quick_wrap .quick_top div > a {background:#111; border-radius:100px; font-size: 13pt; font-weight: 600; padding: 12px 40px;}
.quick_wrap .quick_top div > a:hover {padding: 12px 35px 12px 45px; transition: 0.3s;}
.quick_wrap .quick_top .class1 {background:#3c45e8; background-image:url('../../img/user/index/icon_quick_top1.png'); background-repeat: no-repeat; background-position: top 50% right 10%;}
.quick_wrap .quick_top .class2 {background:#151682; background-image:url('../../img/user/index/icon_quick_top2.png'); background-repeat: no-repeat; background-position: top 50% right 10%;}
.quick_wrap .quick_bottom {background:#fff; border-radius:20px; display: flex; padding:30px;}
.quick_wrap .quick_bottom li {margin-right:35px; width: calc(100% / 4); text-align: center;}
.quick_wrap .quick_bottom li:nth-child(4) {margin-right:0;}
.quick_wrap .quick_bottom li a > * {display:block; margin: 0 auto;}
.quick_wrap .quick_bottom li img {margin-bottom:15px;}
.quick_wrap .quick_bottom li span {font-size: 12pt; font-weight: 600; color:#111; min-width: 80px; letter-spacing: -1px;}
.quick_wrap .quick_bottom li:hover span {color:#151682; transition: 0.3s;}
.quick_wrap .quick_bottom li.mo {display:none;}

.dots {bottom: -80px; text-align: center; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); right: 0;}
.dot {height: 9px;width: 9px;margin-right:10px;background-color: #ddd;border-radius: 50%;display: inline-block;cursor: pointer;}
.dot:last-child {margin-right:0;}
.dot.on {background-color: #333;}

#section1 {margin-bottom: 100px;}
#section1 .date_wrap_slider {position: relative; width: 100%; height: 170px;}
#section1 .date_wrap {display: none; /* 기본적으로 숨김 */position: absolute; /* 같은 위치에 쌓이도록 설정 */width: 100%;top: 0;left: 0;}
#section1 .date_wrap.active {display: flex; /* 활성화된 슬라이드만 보이도록 */flex-direction: row; /* 수평으로 배치 */justify-content: space-between;}
#section1 .dots {text-align: center;margin-top: 10px; margin-top: 50px;}
#section1 .dot.active {background-color: #111111;}
#section1 {display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
#section1 .ct .date_wrap li {width:calc(100% / 2 - 50px); cursor:pointer;}
#section1 .ct .date_wrap li:hover .txt2 img {transform: rotate(-45deg); transition:0.3s;}
#section1 .ct .date_wrap p.line {width: 1px; background: #ddd;}
#section1 .ct .date_wrap li .txt1 {font-size:16pt; font-weight: 500; display: flex; align-items: center; letter-spacing: -1px; margin-bottom:10px;}
#section1 .ct .date_wrap li .txt1 span:first-child {font-size:13pt; padding:1px 6px; border-radius:5px; color:#fff; margin-right:7px; font-weight:500;}
#section1 .ct .date_wrap li .txt1 span:last-child {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#section1 .ct .date_wrap li .txt1 span.far {background:#ff9d9d;}
#section1 .ct .date_wrap li .txt1 span.reg {background:#95d0aa;}
#section1 .ct .date_wrap li .txt1 span.aud {background:#80d6dd;}
#section1 .ct .date_wrap li .txt1 span.bar {background:#ffd466;}
#section1 .ct .date_wrap li .txt1 span.tcp {background: #99ccff;}
#section1 .ct .date_wrap li .txt1 span.review {background:#C4D580;}
#section1 .ct .date_wrap li .txt1 span.ea {background:#ffe497;}
#section1 .ct .date_wrap li .txt2 {font-size: 26pt; margin-bottom: 25px;}
#section1 .ct .date_wrap li .txt2 b {font-weight:800; margin-right:7px;}
#section1 .ct .date_wrap li .txt2 span {width: 74%; display: inline-block;}
#section1 .ct .date_wrap li .txt3 {font-size:13pt; font-weight:500;color: #797979;}
#section1 .ct .date_wrap li .txt3 span {margin-left:5px;}
#section1 .ct:nth-child(1) {width:53%;}
#section1 .ct:nth-child(2) {width:44%;}
#section1 .ct .info_wrap {display:flex; align-items: center; justify-content: space-between;} 
#section1 .ct .info_wrap div {width:calc(100% / 2 - 20px); cursor:pointer;}
#section1 .ct .info_wrap .txt1 {font-size:16pt; font-weight: 800; display: flex; align-items: center; letter-spacing: -1px; margin-bottom:10px;}
#section1 .ct .info_wrap .txt2 {font-size:26pt; margin-bottom: 5px; font-weight: 800;}
#section1 .ct .info_wrap .txt3 {font-size:13pt; margin-bottom: 10px; font-weight: 800;}
#section1 .ct .info_wrap .txt4 {font-size:13pt; margin-bottom: 15px; font-weight:500; color:#797979;letter-spacing: -1px;}
#section1 .ct .info_wrap .info1 .txt2 {color:#151682;}
#section1 .ct .info_wrap .info2 .txt2 {color:#653cd6; letter-spacing: -1.5px;}
#section1 .ct .info_wrap .info1 .txt3 {color:#151682;}
#section1 .ct .info_wrap .info2 .txt3 {color:#653cd6;}
#section1 .ct .info_wrap a {font-size:20pt; font-weight:bold; color:#fff; padding: 19px 30px; border-radius: 20px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
#section1 .ct .info_wrap .info1 a {background: linear-gradient(217deg, #0c4cbb, #151682);}
#section1 .ct .info_wrap .info2 a {background: linear-gradient(217deg, #6373ed, #653cd6);}
#section1 .ct .info_wrap div:hover a img {transform: rotate(-45deg); transition:0.3s;}

#section2 {margin-bottom:70px; display:flex; flex-wrap:wrap; justify-content: space-between;}
#section2 div {width:calc(100% / 3 - 25px); margin-right:35px;}
#section2 div:last-child {margin-right:0;}
#section2 div h2 {font-size:26pt; font-weight: 800; margin-bottom:25px;} 
#section2 div h2 a {display: flex; align-items: center;}
#section2 div h2 a img {margin-left:20px;}
#section2 div h2:hover a img {margin-left:25px; transition:0.3s;}
#section2 div ul li {background:#fff; cursor:pointer; display:flex; border:1px solid #ddd; padding: 20px; justify-content: space-between; border-radius: 10px; font-size: 13pt;margin-bottom:10px;}
#section2 div ul li:hover {border:1px solid #111; transition:0.3s; /* box-shadow:0 0 15px 0px rgb(0 0 0 / 15%); */}
#section2 div ul li .class {min-width:55px; text-align: center; font-weight: bold; letter-spacing: -1px; display: inline-block; margin-right: 15px;}
#section2 div ul li .class.ea {color:#ff9d3d;}
#section2 div ul li .class.uscpa {color:#151783;}
#section2 div ul li .class.info {color:#bababa;}
#section2 div ul li .class.important {color:#e43030;}
#section2 div ul li .date {color:#737373; font-size: 12pt;}
#section2 div ul li .title {display:flex; width: calc(100% - 75px);}
#section2 div ul li .title span.txt {cursor:pointer; position: relative; -webkit-transition: color .1s,background-color .1s;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display:inline-block;}
#section2 div.notice_wrap2 ul li .title span.txt {max-width:100%;}
#section2 div ul li .mark_new {padding: 10px;background: #ffe13c;max-width: 18px;max-height: 18px;display: flex;font-size: 12pt;font-weight: bold;justify-content: center;align-items: center; left: 5px; border-radius: 3px;}

#section3 {margin-bottom:70px; text-align:center; max-width: inherit;}
#section3 h2 {font-size:26pt; font-weight: 800; margin-bottom:25px; display: inline-flex; align-items: center;} 
#section3 h2 img {margin-left:7px;}
#section3 .review-slider-container {position: relative;width: 100%;overflow: hidden; display: flex;justify-content: center;}
#section3 .review-slider-wrapper {width: 100%;overflow: hidden;display: flex; position: relative;}
#section3 .review-slider {display: flex; width: 100%; transition: transform 0.5s ease-in-out;transform: translateX(0);}
#section3 .review {/* flex: 0 0 30%; min-width: 40%; */ border: 1px solid #ddd;border-radius: 15px;padding: 25px;margin: 0 15px; text-align: left; box-sizing: border-box;transition: filter 0.3s ease; cursor:pointer; flex: 0 0 auto; width: 100%; max-width: 1000px; /* min-width: 1000px; */}
#section3 .review:hover {border: 1px solid #111; transition:0.3s;}
#section3 .review .txt1 p:first-child {font-size:16pt; font-weight: bold; margin-bottom:25px;}
#section3 .review .txt1 p:first-child span {margin-right:15px;}
#section3 .review .txt1 p:first-child span.aicpa {color:#3c55cf;}
#section3 .review .txt1 p:first-child span.ea {color:#ff9d3d;}
#section3 .review .txt1 p:last-child {font-size:13pt; font-weight: 400; color:#737373; line-height: 30px; letter-spacing: -0.5px; height: 175px; overflow: hidden;}
#section3 .review .txt1 p:last-child br {display:none;}
#section3 .review .txt2 {display:flex; align-items: center; justify-content: space-between; font-size:12pt; font-weight: 400; color:#737373; border-top:1px solid #ddd; padding-top:25px; margin-top:25px;}
#section3 .review .txt2 p {display:flex;}
#section3 .review .txt2 p span {display:flex; align-items: center;}
#section3 .review .txt2 p span img {margin-right: 10px;}
#section3 .review-prev-btn, #section3 .review-next-btn {position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;z-index: 10;}
#section3 .review-prev-btn {left: 25%;}
#section3 .review-next-btn {right: 25%;}
#section3 .review-dots {text-align: center;margin-top: 20px;}
#section3 .review-dot {height: 9px;width: 9px;margin-right:10px;background-color: #ddd;border-radius: 50%;display: inline-block;cursor: pointer;}
#section3 .review-dot:last-child {margin-right:0;}
#section3 .review-dot.on {background-color: #111;}
#section3 .review.active-slide {border:1px solid #000;transition:0.5s;}
#section3 .blur {filter: blur(2px); /* 블러 정도 조절 (5px 또는 원하는 값으로 변경 가능) */}

#section4 {margin-bottom:70px; text-align:center; max-width: inherit; background: #f6f7fb;}
#section4 h2 {font-size:26pt; font-weight: 800; margin-bottom:35px; display: inline-flex; align-items: center; margin-top: 70px;} 
#section4 .specialness .tabs {display: inline-flex;}
#section4 .specialness .tabs li {font-weight: 600; margin-right: 10px; cursor: pointer; border: 1px solid #cbcbcb; font-size:13pt; background:#fff; border-radius: 100px; padding: 15px 30px;}
#section4 .specialness .tabs li:last-child {margin-right:0;}
#section4 .specialness .tabs li.on {background-color: #111;font-weight: 600; color:#fff; border:1px solid #111;}
#section4 .specialness .tabs li:hover {border:1px solid #111; transition:0.3s;}
#section4 .specialness .specialness-slider-container {position: relative; width: 100%; overflow: hidden; max-width: 1720px; margin-top: 35px; width: 100%; margin: 35px auto 0px; padding-bottom:770px;}

#section4 .specialness .specialness-slider.on {display: flex; width: 100%;transition: 0.5s ease-in-out;transform: translateX(0);}

#section4 .specialness .specialness-slider li {flex-shrink: 0;width: calc(100% / 3); text-align: center; padding:0 10px; overflow: hidden;}
#section4 .specialness .specialness-slider li p {border: 1px solid #ddd;}
#section4 .specialness .specialness-slider li p.img {background: #eaecf9;padding: 120px 0; border-radius: 20px 20px 0 0; border-bottom:0;}
#section4 .specialness .specialness-slider li p.img img {width:283px;}
#section4 .specialness .specialness-slider li p.txt {padding: 45px 0; background-color: #fff; border-radius: 0 0 20px 20px;}
#section4 .specialness .specialness-slider li p.txt span {display: block;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(1) {font-size: 16pt;font-weight: bold;margin-bottom: 25px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {font-size: 13pt;color: #737373;line-height: 30px; letter-spacing: -0.5px;}
#section4 .specialness .specialness-slider li p.txt b {font-weight:normal;}
#section4 .specialness .btn_wrap {position: absolute; bottom: -140px; left: 50%; transform: translate(-50%, 0); margin-bottom:0 !important;}
#section4 .specialness .specialness-prev, .specialness-next {position: absolute;top: 50%;transform: translateY(-200%);border: none;cursor: pointer;}
#section4 .specialness .specialness-prev {left: 0;}
#section4 .specialness .specialness-next {right: 0;}
#section4 .specialness .dots {bottom: 90px; text-align: center; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); right: 0; display:none;}
#section4 .specialness-slider-wrapper {position: relative;}
#section4 .specialness-slider {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: 0.5s; /* opacity 애니메이션 */}
#section4 .specialness-slider.on {opacity: 1; /* 활성화된 슬라이드만 보이도록 */}

#section5 {margin-bottom:70px; text-align:center;}
#section5 h2 {font-size:26pt; font-weight: 800; margin-bottom:25px; text-align: left;} 
#section5 .onlinebook .tab_wrap {display:flex; align-items: center; justify-content: space-between;}
#section5 .onlinebook .buttons_wrap {position:absolute; top:0; right:0;}
#section5 .onlinebook .buttons_wrap .buttons a {width:53px; height:53px; display: inline-block;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1) {background:url('../../img/user/index/btn_wht_arrow_left_only.png') no-repeat; margin-right:10px;background-size:cover;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2) {background:url('../../img/user/index/btn_wht_arrow_right_only.png') no-repeat;background-size:cover;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1):hover {background:url('../../img/user/index/btn_wht_arrow_left_only_hover.png') no-repeat; transition:0.3s;background-size:cover;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2):hover {background:url('../../img/user/index/btn_wht_arrow_right_only_hover.png') no-repeat; transition:0.3s;background-size:cover;}
#section5 .onlinebook .tabs {display: flex; flex-wrap: wrap;}
#section5 .onlinebook .tabs li {font-weight: 600; margin-right: 10px; cursor: pointer; border: 1px solid #cbcbcb; font-size:13pt; background:#fff; border-radius: 100px; padding: 15px 10px; width: 220px;}
#section5 .onlinebook .tabs li:last-child {margin-right:0;}
#section5 .onlinebook .tabs li.on {background-color: #111;font-weight: 600; color:#fff; border:1px solid #111;}
#section5 .onlinebook .tabs li:hover {border:1px solid #111; transition:0.3s;}
#section5 .onlinebook .onlinebook-slider-container {margin-top: 35px;}
#section5 .onlinebook .onlinebook-slider-wrapper {position: relative; transition: transform 0.5s ease;overflow: hidden; padding-bottom:550px;}
#section5 .onlinebook .onlinebook-slider {position: absolute; left:0; top:0; display: flex; opacity: 0; width: 100%; transition: 0.5s ease-in-out; transform: translateX(0);}
#section5 .onlinebook .onlinebook-slider.on {opacity:1; z-index: 100;}
#section5 .onlinebook .onlinebook-slider li {cursor:pointer; flex-shrink: 0;width: calc(100% / 4); padding:0 10px; text-align:left;}
#section5 .onlinebook .onlinebook-slider li .img {position:relative;background: #f6f7fb;padding: 70px 0;overflow: hidden; border-radius: 20px;text-align: center;}
#section5 .onlinebook .onlinebook-slider li .img img {width:200px; height:250px;}
#section5 .onlinebook .onlinebook-slider li .img .hover {opacity:0; position: absolute; width: 100%; background-color: #00000047; height: 100%; top: 0; left: 0; transition:0.3s; background-image:url('../../img/user/index/icon_onlinebook_hover.png'); background-repeat: no-repeat; background-position:center center;}
#section5 .onlinebook .onlinebook-slider li:hover .hover {opacity:1;}
#section5 .onlinebook .onlinebook-slider li .txt p br {display:none;}
#section5 .onlinebook li .txt p:nth-child(1) {display:flex; align-items: center; margin: 15px 0 10px;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1) {font-size:10pt; padding:5px; border-radius:5px; color:#fff; margin-right:7px; font-weight: 500; width:60px; text-align:center; display: inline-block;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1):empty {display:none;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).far {background:#ff9d9d;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).bec {background:#141782;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).reg {background:#95d0aa;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).aud {background:#80d6dd;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).bar {background:#ffd466;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).ea {background:#ffe497;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).program {background:#141782; min-width: 65px; text-align: center; display: inline-block;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).tcp{background:#99ccff;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {font-size:16pt; font-weight:bold; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#section5 .onlinebook li .txt p:nth-child(2) span {font-size:12pt; color:#737373;}
 
#section5 .dots {bottom: 0;}
 
#section6 {margin-bottom:70px; text-align:center;max-width: inherit;background: #f6f7fb; padding:70px 0;}
#section6 h2 {font-size:26pt; font-weight: 800; margin-bottom:25px; text-align: left; line-height: 50px;} 
#section6 .event {display:flex;}
#section6 .event .title {width:25%; padding-top: 10px;}
#section6 .event .buttons {text-align:left;bottom: 0; position: absolute;}
#section6 .event .buttons a {width:53px; height:53px; display: inline-block;}
#section6 .event .buttons a:nth-child(1) {background:url('../../img/user/index/btn_wht_arrow_left_only.png'); background-size: cover; margin-right:10px;}
#section6 .event .buttons a:nth-child(2) {background:url('../../img/user/index/btn_wht_arrow_right_only.png'); background-size: cover;}
#section6 .event .buttons a:nth-child(1):hover {background:url('../../img/user/index/btn_wht_arrow_left_only_hover.png'); transition:0.3s;}
#section6 .event .buttons a:nth-child(2):hover {background:url('../../img/user/index/btn_wht_arrow_right_only_hover.png'); transition:0.3s;}
#section6 .event .event-slider-container {position: relative;width: 100%;overflow: hidden;}
#section6 .event .event-slider-wrapper {display: flex; transition: transform 0.5s ease; overflow: hidden; padding-top: 10px;}
#section6 .event .event-slider {width: calc(100% / 3 + 1px); flex-shrink: 0; bottom:0; cursor:pointer; padding-right:40px;text-align:left;}
#section6 .event .event-slider:hover {bottom:10px; transition:0.3s;}
#section6 .event .event-slider li .pc {display:block;}
#section6 .event .event-slider li .mo {display:none;}
#section6 .event .event-slider-container .buttons {display:none;}

#section7 {margin-bottom:70px; text-align:center;}
#section7 h2 {font-size:26pt; font-weight: 800; margin-bottom:50px; display: inline-flex; align-items: center;} 
#section7 ul {display:flex; flex-wrap:wrap; align-items:center;}
#section7 ul li {width:calc(100% / 5 - 14px); margin-right:17px;}
#section7 ul li:last-child {margin-right:0;}
#section7 ul li a {justify-content: center;font-size:13pt; font-weight:600; display:flex; align-items:center; padding:25px 0; border:1px solid #ddd; border-radius:15px;}
#section7 ul li a p {margin:0 15px 0 10px;}
#section7 ul li:hover a {border:1px solid #111; transition:0.3s;}

#section8 {background:#f6f7fb; max-width: inherit; padding:70px 0; margin-bottom: 0;}
#section8 ul {display:flex; flex-wrap:wrap; align-items:flex-start;}
#section8 ul li {width: calc(100% / 7 - 69px); margin-right: 80px; text-align: center;}
#section8 ul li:last-child {margin-right:0; margin-bottom: 0;}
#section8 ul li a p {font-size:13pt; font-weight:600; letter-spacing: -1px; margin-top:25px;}
#section8 ul li a img {width:50px; height:50px;padding: 55px; border-radius: 100px; background-color:#eaecf9 !important;}
#section8 ul li:nth-child(1) a img {background:url('../../img/user/index/icon_quick01.png') center no-repeat;}
#section8 ul li:nth-child(2) a img {background:url('../../img/user/index/icon_quick02.png') center no-repeat;}
#section8 ul li:nth-child(3) a img {background:url('../../img/user/index/icon_quick03.png') center no-repeat;}
#section8 ul li:nth-child(4) a img {background:url('../../img/user/index/icon_quick04.png') center no-repeat;}
#section8 ul li:nth-child(5) a img {background:url('../../img/user/index/icon_quick05.png') center no-repeat;}
#section8 ul li:nth-child(6) a img {background:url('../../img/user/index/icon_quick06.png') center no-repeat;}
#section8 ul li:nth-child(7) a img {background:url('../../img/user/index/icon_quick07.png') center no-repeat;}
#section8 ul li {bottom:0;}
#section8 ul li:hover {bottom:10px; transition:0.3s;}
#section8 ul li:hover p {color:#151680; transition:0.3s;}
#section8 ul li:hover a img {background-color:#dbe0ff !important; transition:0.3s;}

/* 반응형 */

@media screen and (max-width: 1900px) {
.slide img {border-radius:0;}
}

/* 노트북 */
@media screen and (max-width: 1700px) {
h2 {font-size:26pt !important;}
#section1 .date_wrap_slider {height: 150px;}
#section1 .ct .date_wrap li .txt2 {margin-bottom: 25px;}
#section1 .ct .date_wrap li .txt2, #section1 .ct .info_wrap .txt2 {font-size:26pt;}
#section3, #section4 {padding:0;}
#section3 .review .txt1 p:first-child, #section4 .specialness .specialness-slider li p.txt span:nth-child(1), #section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {font-size:16pt;}
#section1 .ct .date_wrap li .txt3, #section1 .ct .info_wrap .txt4, #section1 .ct .info_wrap .txt3, #section7 ul li a, #section8 ul li a p {font-size:13pt;}
#section1, #section2, #section5, #section6, #section7, #section8 {padding-left:1%; padding-right:1%;}
#section2 div ul li {font-size:13pt;}
#section6 h2 {line-height: 45px;}
#section8 ul li {width: calc(100% / 7 - 52px); margin-right: 60px;}

.index_top_banner {margin-bottom:20px;}
}

/* 더작은노트북 */
@media screen and (max-width: 1600px) {
.quick_wrap {right: 1%;}

#section1 .ct:nth-child(1) {width:46%;}
#section1 .ct:nth-child(2) {width:53%;}
#section1 .ct .info_wrap .txt2 {font-size:24pt;}
#section1 .ct .info_wrap div {width: calc(100% / 2 - 10px);}
#section1 .ct .date_wrap li {width: calc(100% / 2 - 20px);}
#section1 .ct .date_wrap li .txt2 {font-size:24pt;}
#section1 .ct .date_wrap li .txt2 img {display:none;}
#section1 .ct .date_wrap li .txt2 span {width:100%;}

#section2 div {width: calc(100% / 3 - 10px); margin-right: 10px;}
#section2 div:last-child {margin-right:0;}
#section2 div ul li {padding:20px 15px;}
#section2 div ul li .class {min-width:40px;}

#section4 .specialness .tabs {flex-wrap:wrap; justify-content: center;}
#section4 .specialness .tabs li {width:calc(100% / 3 - 10px); margin-bottom:10px;}
#section4 .specialness .tabs li:nth-child(3) {margin-right:0;}


}

@media screen and (max-width: 1500px) {
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {font-size:13pt;letter-spacing: -1px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) br {display:none;}
}

@media screen and (max-width: 1600px) {
.popup-container {width: 550px; height: 590px;}
.popup-slides {padding:10px;}
.popup_navigation {padding:0 10px 10px;}
}

/* 아이패드 가로 1080*1024 */
@media screen and (max-width: 1120px) {
h2 {font-size:20pt !important;} 
#section1 .ct .date_wrap li .txt1, #section1 .ct .info_wrap .txt1, #section1 .ct .info_wrap a, .quick_wrap .quick_top div > p {font-size:16pt;}
.index_top_banner {height: 100%; margin-bottom:0; margin-top: 82px;}
.quick_wrap {bottom: inherit;left: inherit;transform: inherit;top: inherit;right: inherit;width: 100%; position: inherit;}
.quick_wrap .quick_top {display: flex; margin: 0 auto; border-radius:0px 0px 10px 10px;}
.quick_wrap .quick_top div {width:100%; padding: 15px;}
.quick_wrap .quick_top div > p {margin-bottom:0; margin-right: 15px; font-weight: 600; font-size:16pt;}
.quick_wrap .quick_top div > a {padding: 10px 30px;}
.quick_wrap .quick_top .class1 {background-image: inherit; background-repeat: inherit; background-position: inherit; display: flex; align-items: center; justify-content: center;}
.quick_wrap .quick_top .class2 {background-image: inherit; background-repeat: inherit; background-position: inherit; display: flex; align-items: center; justify-content: center;}
.quick_wrap .quick_bottom {padding: 0; justify-content: center; /* margin:50px auto; */ flex-wrap:wrap; padding: 50px 0; border-radius:0;}
.quick_wrap .quick_bottom li {margin-right:0; width:calc(100% / 5);}
.quick_wrap .quick_bottom li.mo {display:inline-block;}
.quick_wrap .quick_bottom li img {margin-bottom:30px;}
.quick_wrap .quick_bottom li span {font-size:13pt; letter-spacing: 0 !important;}
.navigation {position: inherit;top: inherit;left: inherit;transform: inherit;padding: 20% 19% 6% 19%; pointer-events: none;}
.navigation .pause, .navigation .prev, .navigation .next {pointer-events: auto;}
.slide img {height:auto;}

#section1 {z-index:10; display:block; margin-bottom:50px; padding: 0; background: #fff;}
#section1 .dots {bottom: -65%;}
#section1 .ct {width:100% !important;}
#section1 .ct:nth-child(1) {margin-bottom: 130px;}
#section1 .ct:nth-child(2) {background: #f6f7fb;padding: 20px;}
#section1 .date_wrap {width: 98%;margin-left: 1%;margin-right: 1%;}
#section1 .ct .date_wrap li {text-align:center; padding: 3% 1%;border-radius: 10px; width: calc(100% / 2 - 0.5%); box-shadow: 0 0 10px 0px rgb(0 0 0 / 15%);}
#section1 .ct .date_wrap li .txt1 {justify-content: center;}
#section1 .ct .date_wrap li .txt2 {font-size:20pt; margin-bottom: 15px;}
#section1 .ct .date_wrap li .txt2 img {display:none;}
#section1 .ct .date_wrap.only_one {justify-content: center;}
#section1 .ct .date_wrap.only_one .line {display:none;}
#section1 .ct .date_wrap.only_one li:last-child {display:none;}
#section1 .ct .date_wrap p.line {display:none;}
#section1 .ct .info_wrap a {border-radius:10px; font-weight: 600; padding: 10px 20px;letter-spacing: -1px; font-size:16pt;}
#section1 .ct .info_wrap a img {width:40px;}
#section1 .ct .info_wrap div {width:calc(100% / 2 - 10px);}
#section1 .ct .info_wrap .info1 .txt2, #section1 .ct .info_wrap .info2 .txt2 {font-size:20pt; font-weight:800;letter-spacing:0;}
#section1 .ct .info_wrap .txt3, #section1 .ct .info_wrap .txt4 {font-size:12pt;}
#section1 .ct .date_wrap li .txt1 span:first-child {font-size: 10pt; padding: 3px 7px; letter-spacing: 0;}
#section1 .ct .date_wrap li .txt3 {font-size:12pt; margin-bottom:5px;}

#section2 {display:block; margin-bottom:50px;}
#section2 div {width:100%; margin-right:0; margin-bottom: 50px;}
#section2 div ul li {margin-bottom:5px;}
#section2 div ul li:last-child {margin-bottom:0;}

#section3 {margin-bottom:50px;}
#section3 .review {flex: 0 0 100%; padding: 20px;}
#section3 .review .txt1 p:first-child {margin-bottom:15px; font-size: 13pt;}
#section3 .review .txt1 p:last-child {font-size:12pt;}
#section3 .review .txt2 {padding-top: 15px; margin-top: 15px; font-size: 12pt;}
#section3 .review-prev-btn, #section4 .specialness .specialness-prev {left:0%; width:50px;}
#section3 .review-next-btn, #section4 .specialness .specialness-next {right:0%; width:50px;}
#section3 .review-slider {width:96%;}

#section4 {margin-bottom:50px;}
#section4 h2 {margin-top:50px;}
#section4 .specialness button {display:none;}
#section4 .specialness .specialness-dots {margin-bottom:50px;}
#section4 .specialness .specialness-slider.on {display:block;}
#section4 .specialness .specialness-slider li {width: 100%; display:flex; margin-bottom: 5px; align-items: stretch; border-radius: 10px; padding: 0 1%;}
#section4 .specialness .specialness-slider-container {margin-top:15px; padding-bottom: 570px;}
#section4 .specialness .specialness-slider li p.img {padding: 0; width: 200px; display: flex; align-items: center; justify-content: center; border-radius: 10px 0 0 10px; border-bottom: 1px solid #ddd; border-right: 0;}
#section4 .specialness .specialness-slider li p.img img {width:100px;}
#section4 .specialness .specialness-slider li p.txt {text-align:left; width: calc(100% - 200px); border-radius: 0 10px 10px 0; height: 165px; display: flex; align-items: center; padding: 0 20px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(1) {margin-bottom:15px; font-size:13pt;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {line-height: 25px; font-size:12pt;}
#section4 .specialness .tabs li {width: calc(100% / 3); margin-bottom: -1px; margin-right: -1px; border-radius:0;}
#section4 .specialness .btn_wrap {bottom:-100px;}
#section4 .specialness .tabs {width:98%;}
#section4 .specialness .dots {bottom:54px; display:none;}


#section5 {margin-bottom:100px;}
#section5 h2 {text-align:center;}
#section5 .onlinebook .onlinebook-slider.on {display:contents;}
#section5 .onlinebook .onlinebook-slider li {width:100%; margin: 0; display: flex; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 5px; overflow: hidden; padding: 0;}
#section5 .onlinebook .onlinebook-slider li .img {width: 200px; display: flex; align-items: center; justify-content: center; border-radius: 0; padding: 20px;}
#section5 .onlinebook .onlinebook-slider li .img img {width:100px; height: 125px;}
#section5 .onlinebook .onlinebook-slider li .txt {padding:0 20px; display: flex; align-items: center; width: calc(100% - 200px);}
#section5 .onlinebook .tabs {width:100%;}
#section5 .onlinebook .tabs li {width:calc(100%/ 2);border-radius:0; margin-right: -1px;}
#section5 .onlinebook .tabs li:nth-child(1), #section5 .onlinebook .tabs li:nth-child(2) {border-bottom:0;}
#section5 .onlinebook .onlinebook-slider-container {margin-top:15px;}
#section5 .onlinebook .onlinebook-slider li .img .hover {display:none;}
#section5 .onlinebook .buttons_wrap{top: inherit; bottom: inherit; left: inherit; transform:inherit; position: inherit; right: inherit; display: block; margin-top: 20px;}
#section5 .onlinebook .buttons_wrap .buttons a {border-radius: 0; box-shadow: none; z-index:10;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1) {background: url(../../img/user/common/butt_pre.png) no-repeat; width:10px; height:10px; margin-right: 0; left: 41%; position: absolute; top: 15px; transform: translate(-50%, -50%);}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2) {background: url(../../img/user/common/butt_next.png) no-repeat; width:10px; height:10px; right: 40%; position: absolute; top: 15px; transform: translate(-50%, -50%);}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1):hover{background: url(../../img/user/common/butt_pre.png) no-repeat; transition: 0.3s; background-size: cover;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2):hover{background: url(../../img/user/common/butt_next.png) no-repeat; transition: 0.3s; background-size: cover;}
#section5 .onlinebook li .txt p:nth-child(1) {display:block; margin:0; margin-bottom:10px;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {white-space: inherit; display: block; margin-top: 10px; font-size: 13pt;}
#section5 .onlinebook li .txt p:nth-child(2) span {letter-spacing: 0; font-size: 12pt;}
#section5 .onlinebook .onlinebook-slider-wrapper {padding-bottom:0;}
#section5 .dots {bottom:-30px;}


#section6 .event .title {display:block; text-align:center;}
#section6 {margin-bottom: 50px; padding: 50px 1%;}
#section6 .event {display:block;}
#section6 h2 {line-height: inherit; margin-bottom: 25px; text-align: center;}
#section6 h2 br {display:none;}
#section6 .event .title {padding-top:0; display:block; width:100%;}
#section6 .event .title .buttons {display:none;}
#section6 .event .event-slider-container .buttons {display: flex; transform: none; top: 50%; left: 50%; align-items: center; transform: translate(-50%, -45%); pointer-events: none;}
#section6 .event .buttons {position: absolute; transform: translateY(1000%); top: 50%; z-index: 10; display: flex; width: 100%; justify-content: space-between;}
#section6 .event .buttons a {width:40px; height:40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 100%; pointer-events: auto;}
#section6 .event .buttons a:nth-child(1) {left:1%;}
#section6 .event .buttons a:nth-child(2) {right:1%;}
#section6 .event .buttons a:nth-child(1):hover{background: url(../../img/user/index/btn_wht_arrow_left_only.png) no-repeat; transition: 0.3s; background-size: cover;}
#section6 .event .buttons a:nth-child(2):hover{background: url(../../img/user/index/btn_wht_arrow_right_only.png) no-repeat; transition: 0.3s; background-size: cover;}
#section6 .event .event-slider {width:50%; padding: 0 10px;}
#section6 .event .event-slider li {width: 100%; margin-right: 0;}
#section6 .event .event-slider li .pc {display:none;}
#section6 .event .event-slider li .mo {display:block; border-radius: 10px; margin: 0 auto;}
#section6 .event .event-slider:hover {bottom:0;}

#section7 {margin-bottom:50px;}
#section7 ul li {width: calc(100% / 3 - 10px); margin-right: 10px; margin-bottom: 10px;}
#section7 ul li:nth-child(4), #section7 ul li:nth-child(5) {margin-bottom:0;}
#section7 ul li a {padding: 20px 0; border-radius: 10px;}

#section8 {padding:50px 1% 0;}
#section8 ul li {width: calc(100% / 5 - 10px); margin-right: 10px; margin-bottom:50px;}
#section8 ul li:hover {bottom:0;}
#section8 ul li a p {margin-top:20px;}
#section8 ul li a img {padding:45px;}

.popup-container {width: 50%; height: auto; transform:translate(-50%, 5%); top:0;}
.popup-slides {width: 100%; height: 100%;}
.popup-slides img {display: block; width: 100%; height: auto;}
}

/* 아이패드 세로 820*768 */
@media screen and (max-width: 840px) {
h2 {font-size:20pt !important;}

.quick_wrap .quick_top div > p {font-weight:600;}
.quick_wrap .quick_top div {padding:10px;font-weight: 600;}
.quick_wrap .quick_top div > a {font-size:12pt; padding:10px 30px;}
.quick_wrap .quick_top div > a:hover {padding:10px 30px;}
.quick_wrap .quick_bottom {justify-content: space-between;}
.quick_wrap .quick_bottom li span {font-size:12pt;}

#section1 .ct .date_wrap li .txt1 span:first-child {font-size:10pt;}
#section1 .ct .date_wrap li .txt2 {font-size:20pt;}
#section1 .ct .date_wrap li .txt3, #section1 .ct .info_wrap .txt4, #section1 .ct .info_wrap .txt3, #section7 ul li a, #section8 ul li a p {font-size:12pt;}
#section1 .ct .date_wrap li .txt3 span {margin-left:0;}
#section1 .ct:nth-child(1) {margin-bottom: 100px;}
#section1 .dots {bottom:-45%;}
#section1 .ct .info_wrap .txt2 {font-size:20pt;}
#section1 .ct .info_wrap a {padding: 15px; border-radius: 15px;}
#section1 .ct .info_wrap a img {width:10%;}

#section2 div h2 {margin-bottom: 20px;}
#section2 div h2 a img {margin-left: 10px;}
#section2 div h2 a:hover img {margin-left: 10px;}
#section2 div ul li {padding: 15px 10px; font-size:12pt;}
#section2 div ul li .class {margin-right:10px;}
#section2 div ul li .date {font-size:10pt;}

#section3 h2 {margin-bottom:20px;}
#section3 h2 img {width:10%;}
#section3 .review-slider {width:94%;}
#section3 .review {padding:15px;}
#section3 .review .txt1 p:first-child {margin-bottom:15px; font-size:13pt;}
#section3 .review .txt1 p:last-child {font-size:12pt; line-height: 25px;}
#section3 .review .txt2 {padding-top: 15px; margin-top: 15px; font-size: 12pt;}
#section3 .review-next-btn, #section4 .specialness .specialness-next, #section3 .review-prev-btn, #section4 .specialness .specialness-prev {width:40px;}

#section4 h2 {margin-bottom:20px;}
#section4 .specialness .tabs li {font-size:13pt;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {font-size:12pt; line-height: 25px;}
#section4 .specialness .specialness-slider.on {display:block;}
/* #section4 .specialness .specialness-slider-container {padding-bottom:600px;} */
/* #section4 .specialness .dots {bottom:50px;} */


#section5 {margin-bottom:80px;}
#section5 h2 {margin-bottom:20px;}
#section5 .onlinebook .tabs li {font-size:13pt;}
#section5 .onlinebook .tab_wrap .buttons a {background-size: 40px !important; width:40px; height: 40px;}
#section5 .onlinebook .tab_wrap .buttons a:nth-child(1) {margin-right:5px;}
#section5 .onlinebook .onlinebook-slider-container {margin-top:15px;}
#section5 .onlinebook .onlinebook-slider li {height:170px;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1) {font-size: 10pt; padding: 2px 6px; border-radius: 3px;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1).program {min-width:auto;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {font-size:13pt;}
#section5 .onlinebook li .txt p:nth-child(2) span {font-size:12pt; letter-spacing: 0;}
#section5 .dots {bottom:0;}
#section5 .onlinebook .buttons_wrap {margin-top: 40px;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1) {top:-15px; left:36%;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2) {top:-15px; right:35%;}

#section6 .event .buttons {top:60%;}
#section6 .event .buttons a {width:30px; height:30px;}

#section7 ul li {width: calc(100% / 3 - 5px); margin-right: 5px; margin-bottom: 5px;}
#section7 ul li a {padding: 15px 0; border-radius: 10px;}

#section8 {padding:50px 1% 0px;}
#section8 ul li {width:calc(100% / 4 - 5px); margin-right: 5px;}

.popup-slides {padding:10px;}
.popup_navigation {padding:0 10px 10px;}
.popup_navigation .slide-numbering {font-size: 10pt; padding: 5px 0; width: 70px;}
.popup_navigation .flex_only span.line {margin:0;}
.popup_navigation .flex_only:nth-child(2) span.line {margin:0 5px;}
.popup_navigation .flex_only > * {font-size:10pt; letter-spacing: -1px;}
.popup_navigation input[type=checkbox] {margin-right:5px;}

}

/* 모바일 */
@media screen and (max-width: 600px) {
h2 {font-size:18pt !important;}
.dot, .review-dot {height: 7px !important; width: 7px !important; margin-right: 5px !important;}

.navigation .slide-numbering {padding: 5px 0; width:75px; margin-right: 10px;}
.navigation .slide-numbering span:nth-child(1) {right: -5px;}
.navigation .slide-numbering span:nth-child(2) {left: -5px;}

.quick_wrap .quick_top div > p {font-size:12pt; margin-right: 10px;}
.quick_wrap .quick_top div > a {font-size: 10pt; padding: 5px 15px;}
.quick_wrap .quick_top div > a:hover {padding: 5px 15px;}
.quick_wrap .quick_bottom {padding:30px 0;}
.quick_wrap .quick_bottom li span {font-size:10pt;}
.quick_wrap .quick_bottom li img {margin-bottom: 15px; width: 40px;}
.quick_wrap .quick_bottom li span {min-width:auto !important; letter-spacing: -1px !important;}

#section1 .ct .date_wrap li .txt1, #section1 .ct .info_wrap .txt1, #section1 .ct .info_wrap a, .quick_wrap .quick_top div > p {font-size:12pt;}
#section1 .ct .date_wrap li .txt3, #section1 .ct .info_wrap .txt4, #section1 .ct .info_wrap .txt3, #section7 ul li a, #section8 ul li a p {font-size:10pt;}
#section1 .ct .date_wrap li .txt2 {font-size:13pt; margin-bottom: 10px;}
#section1 .ct .date_wrap li .txt1 {margin-bottom:5px;}
#section1 .ct .date_wrap li .txt1 span:first-child {margin-right: 5px; padding:1px 5px; border-radius: 3px;}
#section1 .date_wrap_slider {height: 140px;}
#section1 .dots {bottom: -30px;}
#section1 .ct:nth-child(1) {margin-bottom:50px;}
#section1 .ct:nth-child(2) {padding:3%;}
#section1 .ct .info_wrap a {padding: 10px; border-radius: 5px;}
#section1 .ct .info_wrap .info1 .txt2, #section1 .ct .info_wrap .info2 .txt2 {font-size: 13pt; font-weight: 800;}
#section1 .ct .info_wrap .txt1 {font-weight:600;}
#section1 .ct .info_wrap .txt1, #section1 .ct .info_wrap .info1 .txt3, #section1 .ct .info_wrap .info2 .txt3 {margin-bottom:5px;}
#section1 .ct .info_wrap .txt4 {margin-bottom:10px;}
#section1 .ct .date_wrap.only_one li {width:100%;}

#section2 div h2{margin-bottom:15px;}
#section2 div ul li {font-size:10pt; border-radius: 5px;}
#section2 div ul li .mark_new {padding: 8px; max-width: 15px; max-height: 15px; font-size: 9pt;}
#section2 div h2 a img {width:7px;}

#section3 h2 {margin-bottom:15px;}
#section3 .review .txt1 p:first-child {margin-bottom:10px; font-size:12pt;}
#section3 .review .txt1 p:first-child span {margin-right:10px;}
#section3 .review .txt1 p:last-child {font-size:10pt; line-height: 20px; height: 100px;}
#section3 .review .txt2 {font-size:10pt; padding-top: 15px; margin-top: 15px;}
#section3 .review {padding:15px; border-radius: 5px;}
#section3 button {width:46px;}
#section3 .review-dots {margin-top:15px;}

#section4 h2 {margin-bottom:15px;}
#section4 .specialness .tabs li {font-size:10pt; padding:10px;}
#section4 .specialness .specialness-slider-container {margin-top:15px; /* padding-bottom: 600px; */}
#section4 .specialness .dots {bottom:50px;}
#section4 .specialness button {width:46px;}
#section4 .specialness .specialness-slider li {border-radius:5px;}
#section4 .specialness .specialness-slider li p.img {width:150px;}
#section4 .specialness .specialness-slider li p.img img {width:60%;}
#section4 .specialness .specialness-slider li p.txt {width: calc(100% - 150px); padding: 0 15px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(1) {font-size:12pt; margin-bottom: 10px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {font-size:10pt; line-height: 20px;}
#section4 .specialness .specialness-prev, .specialness-next {transform: translateY(-210%);}
#section4 .specialness .specialness-dots {margin-top:10px; margin-bottom: 30px;}
#section4 .specialness .specialness-dot {height: 7px; width: 7px; margin: 0 3px;}
#section4 .specialness .btn_wrap {bottom:-70px;}

#section5 h2 {margin-bottom:15px;}
#section5 .onlinebook .tabs li {font-size:10pt; padding:10px;}
#section5 .onlinebook .onlinebook-slider li {width:100%; border-radius: 5px;}
#section5 .onlinebook .onlinebook-slider li .img {padding:20px; width: 150px;}
#section5 .onlinebook .onlinebook-slider li .txt {padding:0 15px; width: calc(100% - 150px);}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1) {padding: 2px 5px;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {font-size:12pt;}
#section5 .onlinebook li .txt p:nth-child(2) span {font-size:10pt;}
#section5 .onlinebook .tab_wrap .buttons a {background-size: 30px !important; width: 30px; height: 30px;}

#section6 .event .title {margin-bottom:0;}
#section6 .event .buttons {top:43%;}
#section6 .event .buttons a {width: 35px;height: 35px;}
#section6 .event .buttons a:nth-child(1) {margin-right: 5px;}
#section6 .event .buttons a:nth-child(1), #section6 .event .buttons a:nth-child(2), #section6 .event .buttons a:nth-child(1):hover, #section6 .event .buttons a:nth-child(2):hover {background-size:cover;}
#section6 .event .event-slider {width:100%;}

#section7 h2 {margin-bottom:15px;}
#section7 ul li {width: calc(100% / 2 - 5px); margin-right: 5px; margin-bottom: 5px;}
#section7 ul li:nth-child(2), #section7 ul li:nth-child(4) {margin-right:0;}
#section7 ul li a {padding: 10px 0; border-radius: 5px;}
#section7 ul li a img:first-child {width:15px;}
#section7 ul li a img:last-child {width: 6px; top: 1px;}

#section8 {padding:50px 1%;}
#section8 ul li {margin-bottom:5px; width:100%; margin-right:0;}
#section8 ul li a {display:flex; background: #fff; border-radius: 5px; overflow: hidden; align-items: center;}
#section8 ul li a img {border-radius: 0; padding: 30px;}
#section8 ul li:nth-child(1) a img, #section8 ul li:nth-child(2) a img, #section8 ul li:nth-child(3) a img, #section8 ul li:nth-child(4) a img, #section8 ul li:nth-child(5) a img, #section8 ul li:nth-child(6) a img, #section8 ul li:nth-child(7) a img {background-size:50%;}
#section8 ul li a p {margin-top:0; margin-left: 20px;}
#section8 ul li a {position:relative;}
#section8 ul li a:after {position:absolute; top: 24px; right: 20px; content:''; background:url('../../img/user/index/icon_social_arrow.jpg') no-repeat; background-size: 100%; width: 6px; height: 12px;}

.popup-container {width: 75%;}
.popup_navigation .flex_only > * {font-size:9pt;}
.popup_navigation .slide-numbering span {width:15px; font-size:9pt;}
.popup_navigation .slide-numbering {width:55px;}
.popup_navigation .pause, .popup_navigation .prev, .popup_navigation .next {margin-right: 10px;}

.pop_close_btn {right: -50px;max-width: 40px;}
}

@media screen and (max-width: 450px) {
h2 {font-size:13pt !important;}
.navigation {padding: 20% 19% 5% 19%;}
.navigation .slide-numbering {padding: 3px 0; width: 65px; font-size: 8pt;}
.navigation .pause, .navigation .prev, .navigation .next {margin-right:10px; width: 4px;}
.quick_wrap .quick_top div {padding:6px;}
.quick_wrap .quick_top div > a {padding: 5px 15px; font-size: 9pt;}
.quick_wrap .quick_top div > a:hover {padding: 5px 15px;}
.quick_wrap .quick_bottom {justify-content: left;}
.quick_wrap .quick_bottom li {width:calc(100% / 3); margin-bottom: 20px;}
.quick_wrap .quick_bottom li:nth-child(4), .quick_wrap .quick_bottom li:nth-child(5) {margin-bottom:0;}
.quick_wrap .quick_bottom li span {font-size:9pt;}
.quick_wrap .quick_bottom li img {margin-bottom: 15px;}

#section1 {margin-bottom:30px;}
#section1 .ct:nth-child(1) {margin-bottom:30px;}
#section1 .ct .date_wrap li .txt1, #section1 .ct .info_wrap .txt1, #section1 .ct .info_wrap a, .quick_wrap .quick_top div > p {font-size:10pt;}
#section1 .ct .info_wrap .txt2 {font-size:13pt; margin-bottom:0;}
#section1 .ct .info_wrap a {font-size:9pt;}
#section1 .ct .info_wrap .info1 .txt2, #section1 .ct .info_wrap .info2 .txt2 {font-size:12pt;}
#section1 .ct .info_wrap .txt4 {height:30px;}
#section1 .ct .date_wrap li .txt1 span:first-child {font-size:9pt;}
#section1 .ct .date_wrap li .txt2 {font-size:12pt;}
#section1 .ct .date_wrap li .txt3.mb5 {margin-bottom:2px;}
#section1 .ct .date_wrap li .txt3, #section1 .ct .info_wrap .txt4, #section1 .ct .info_wrap .txt3, #section7 ul li a, #section8 ul li a p {font-size:9pt;}
#section1 .date_wrap_slider {height:140px;}
#section1 .dots {margin-top:0; bottom: -10px;}
#section1 .dot {height: 5px; width: 5px;/*  margin: 0 2px; */}

#section2 {margin-bottom:30px;}
#section2 div {margin-bottom:30px;}
#section2 div h2 a img {width:6px;}
#section2 div h2 a:hover img {width:6px;}
#section2 div ul li {padding:10px;}
#section2 div ul li, #section2 div ul li .date {font-size:9pt;}
#section2 div ul li .class {margin-right: 10px; width: 20px; min-width: 20px;}
#section2 div ul li .title {max-width:80%;}

#section3 {margin-bottom:30px;}
#section3 .review {min-width:50%;}
#section3 .review-dot {height: 5px; width: 5px; /* margin: 0 2px; */}
#section3 .review-dots {margin-top:10px;}
#section3 .review .txt1 p:first-child {font-size:10pt;}
#section3 .review .txt1 p:last-child {font-size: 9pt; line-height: 20px;}
#section3 .review .txt2 {font-size:9pt;}
#section3 .review .txt2 p span img {width: 10px; top: -1px;}
#section3 .review-next-btn, #section4 .specialness .specialness-next, #section3 .review-prev-btn, #section4 .specialness .specialness-prev {width:30px;}

#section4 {margin-bottom:30px;}
#section4 h2 {margin-top:30px;}
#section4 .specialness .tabs li {font-size: 9pt; padding: 10px 0; width:calc(100% / 2); margin-right: -1px !important;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(1) {font-size:10pt;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) {font-size: 9pt; line-height: 18px;}
#section4 .specialness .specialness-slider li p.txt span:nth-child(2) br {display:none;}
#section4 .specialness .specialness-slider li p.img {width:120px;}
#section4 .specialness .specialness-slider li p.txt {width:calc(100% - 120px); height: 130px;}
#section4 .specialness .specialness-slider-container {padding-bottom:440px;}
#section4 .specialness .dots {bottom:25px;}

#section5 {margin-bottom:70px;}
#section5 .onlinebook .tabs li {font-size:9pt; padding:10px 0;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(2) {font-size:10pt;}
#section5 .onlinebook li .txt p:nth-child(1) span:nth-child(1) {font-size:9pt;}
#section5 .onlinebook li .txt p:nth-child(2) span {font-size:9pt;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(1) {left:30%;}
#section5 .onlinebook .buttons_wrap .buttons a:nth-child(2) {right:30%;}
#section5 .onlinebook .tabs li {width:calc(100%/ 2);}

#section6 {margin-bottom: 30px; padding: 30px 1%;}
#section6 .event .buttons a {width:25px; height:25px;}
#section6 h2 {margin-bottom:5px;}

#section7 {margin-bottom:30px;}
#section7 ul li a img:last-child {top:0;}

#section8 {padding:30px 1%;}
#section8 ul li a img {padding:25px;}
#section8 ul li a:after {top:20px;}


}