@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

*{padding:0;margin:0;}
html,body{height:100%;overflow:hidden;background:#211e18;}
.selection img{width:100%;height:100%;}
#container, .selections, .selection{height:100%;}
#selection0, #selection1, #selection2, #selection3, #selection4, #selection5{background-color: #FFF;background-size:cover;background-position: 50% 50%;text-align:center;color:grey;}
#selection0{ background:#fff;}
#selection1{ background-image: url("../../img/main/main_02.png"); }
#selection2{ background-image: url("../../img/main/main_03.png"); }
#selection3{ background-image: url("../../img/main/main_04.png"); }
#selection4{ background-image: url("../../img/main/main_05.png"); }
#selection5{ background:#211e18; }
#selection2 div.selection2-wrap{position:relative;top:0;right:0;left:0;bottom:0;width:100%;height:100%;}
#selection2 div.left-area{position:absolute;top:0;left:0;bottom:0;width:50%;height:100%;}
#selection2 div.left-area div.left-btn-view{position:relative;top:53%;right:0;width:124px;height:41px;float:right;margin-right:15%;}
#selection2 div.right-area{position:absolute;top:0;bottom:0;right:0;width:50%;height:100%;}
#selection2 div.right-area div.right-btn-view{position:relative;top:53%;right:0;width:124px;height:41px;float:left;margin-left:15%;}
#selection2>div div>div>a{display:inline-block;width:inherit;height:inherit;background:url("../../img/main/btn_view.png") no-repeat center;}
#selection2>div div>div>a:hover{background:url("../../img/main/btn_view_on.png") no-repeat center;}
#selection3 div.selection3-wrap{position:relative;top:0px;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;}
#selection3 div.selection3-wrap div.item-center{width:1200px;height:703px;position:absolute;top:50%;left:50%;margin-top:-350px;margin-left:-600px;}
#selection3 div.selection3-wrap div.item-center div.item-a{}
#selection3 div.selection3-wrap div.event-view{position:absolute;top:0;left:0;width:510px;height:341px;}
#selection3 div.selection3-wrap div.event-view>a{background:url("../../img/main/mind.png") no-repeat;background-size:cover;height:100%;width:100%;display:inline-block;}
#selection3 div.selection3-wrap div.before-after-view{position:absolute;bottom:0;left:0;width:510px;height:341px;background:pink;}
#selection3 div.selection3-wrap div.before-after-view>a{position:relative;background:url("../../img/main/saspick.png") no-repeat;background-size:cover;height:inherit;width:inherit;display:inline-block;}
#selection3 div.selection3-wrap div.before-after-view>a>span{display:inline-block;width:124px;height:41px;background:url("../../img/main/btn_before_after.png") no-repeat center;position:absolute;right:0;bottom:0;margin-right:80px;margin-bottom:70px;}
#selection3 div.selection3-wrap div.before-after-view>a>span:hover{background:url("../../img/main/btn_before_after_on.png") no-repeat center;}
#selection3 div.selection3-wrap div.note-slide-view{position:absolute;top:0;bottom:0;right:0;width:646px;height:703px;background:#5b544b;}
#selection3 div.selection3-wrap div.note-slide-view div.note-slide-area{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;margin-top:24px;width:544px;height:655px;background:red;display:inline-block;}
.note-slide{margin-left:-47px;margin-bottom:20px !important;}
.note-slide-item{display:block !important;margin:10px !important;}
#bx-on a.active, #bx-on a:hover{background:#dfbd86;}
#selection4 div.selection4-wrap{font-family:'NotoKrR';position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;}
#selection4 div.selection4-wrap div.top-area{text-align: center;position:absolute;top:85px;left:0;right:0;bottom:330px;}
#selection4 div.selection4-wrap div.top-area div.item-box{width:1200px;height:360px;display:inline-block;margin-top:90px;text-align:center;}
#selection4 div.selection4-wrap div.top-area div.item-box div.tit-area{width:741px;height:221px;display:inline-block;background:url("../../img/common/tit.png")no-repeat center;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area{margin-top:70px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area span{height:40px;line-height:40px;margin:0 10px;color:#FFF;font-size:20px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div{display:inline-block;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.name{}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.tel{margin-left:30px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.type{margin-left:30px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div>input{height:40px;background:#FFF;border:0;vertical-align:top;font-size:20px;padding:0 10px 0 10px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.name>input{width:157px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.tel>input{width:233px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.input-area div.type>input{width:203px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.check-area{margin-top:45px;}
#info-sms-check{position: relative;}
#info-sms-check a{color:#9d9d9d;font-size:14px;}
#info-sms-check input[type="checkbox"] {display: none;position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;border: 0;}
#info-sms-check input[type="checkbox"] + label {display: inline-block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size:14px;color:#9d9d9d;}
#info-sms-check input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 10px;height: 10px;line-height: 10px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: none;border: 1px solid #747474;}
#info-sms-check input[type="checkbox"]:checked + label:before {content: '\2713';color: #9d9d9d;background:none;border-color: #747474;}
#selection4 div.selection4-wrap div.top-area div.item-box div.kakao-area {margin-top: 30px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.kakao-area div.kakao-btn {}
#selection4 div.selection4-wrap div.top-area div.item-box div.kakao-area div.kakao-btn > a {width: 205px; height: 80px; padding: 30px 110px; background:url("../../img/common/btn_apply.png") no-repeat center;border:0;outline:none;cursor:pointer;}

/* #selection4 div.selection4-wrap div.top-area div.item-box div.apply-area{margin-top:10px;}
#selection4 div.selection4-wrap div.top-area div.item-box div.apply-area div.sub-btn{width:205px;height:80px;display:inline-block;}
#selection4 div.selection4-wrap div.top-area div.item-box div.apply-area div.kakao-btn button.kakao-link{width:100%;height:100%;background:url("../../img/common/btn_apply.png") no-repeat center;border:0;outline:none;cursor:pointer;}
#selection4 div.selection4-wrap div.top-area div.item-box div.apply-area div.kakao-btn button.kakao-link:hover{background:url("../../img/common/btn_apply_on.png") no-repeat center;}

#selection4 div.selection4-wrap div.top-area div.item-box div.apply-area div.kakao-btn button.kakao-link a {width: 100%; height: 100%;} */

/* #selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap {display: flex;justify-content: space-between; margin-top: 5rem; color: #fff; font-family: 'Nanum Myeongjo';}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter {position: relative;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter::after {content: ""; position: absolute; right: 0; top: 36%; width: 1px; height: 36px; background-color: #c8a875;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter:last-child:after {display: none;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .since {width: 30%;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .people {width: 40%;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .academy {width: 30%;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter .odometer {margin: 0 0.8rem 1rem 0; font-size: 5rem; font-family: 'Nanum Myeongjo';}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .since .odometer .odometer-formatting-mark {display: none;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter span.sas-counter-num-txt {font-size: 2.5rem;}
#selection4 div.selection4-wrap div.top-area div.item-box .sas-counter-wrap .sas-counter p {font-size: 1.2rem;} */

#selection4 div.selection4-wrap div.bottom-area{position: absolute;width:100%;height:330px;left:0;right:0;bottom:0;background:#312e2d;min-width:1200px;}
#selection4 div.selection4-wrap div.bottom-area div.img-area{height:250px;width:290px;display:inline-block;margin-top:50px;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>a{display:inline-block;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>span{display:inline-block;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>a.online-consultation{background:url("../../img/common/floor_online.png") no-repeat;background-size:cover;height:100%;width:100%;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>span.kakao-plus-friend{background:url("../../img/common/floor_plus.png") no-repeat;background-size:cover;height:100%;width:100%;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>a.location{background:url("../../img/common/floor_location.png") no-repeat;background-size:cover;height:100%;width:100%;}
#selection4 div.selection4-wrap div.bottom-area div.img-area>span.call-center{background:url("../../img/common/floor_call.png") no-repeat;background-size:cover;height:100%;width:100%;}
#selection4 div.selection4-wrap div.bottom-area div.block-dot{background:url("../../img/common/block_dot.png") no-repeat;background-size:cover;height:250px;width:2px;display:inline-block;}
.slide{transform: translateX(0);transition: all ease-in-out 500ms;}
/* bx-slide images css Override */
.bx-viewport, .bx-wrapper{position:relative;width:100%;height:100% !important;top:0;left:0;}
.bxslider, .bxslider li{height: 100% !important;}
.bxslider li{background-repeat: no-repeat;background-position: top center;background-size: cover;}
div.bx-pager{ z-index:9999;}