@charset "UTF-8";
 

.mt_48 {margin-top: 48px;}
.mt_32 {margin-top: 32px;}
.mt_24 {margin-top: 24px;}
.mt_16 {margin-top: 16px;}
.img.notice {background-size: 100%; background-position: top center; text-align: center;} 
.img.notice img {width: 88vw; margin: 0 auto; cursor: pointer;}
.img.notice .on {display: none;}
.img.notice.on .off {display: none;}
.img.notice.on .on {display: block;}

.img.notice.sky {background-color: #e4f5ff; padding-top: 6vw; }  
.img.notice.green {background-color: #add5d3; padding-top: 6vw; }  
.img.notice.pink {background-color: rgb(199 58 115); padding-bottom: 12vw; }  
.img.s1 {background-color: #ffedf5;}
.img.s3 {background-color: #e4f5ff;}

.img.coup {position: relative;}
.img.coup.sky {background-color: #e4f5ff; padding-top: 4vw; }  
.img.coup a {position: absolute; width: 17vw; height: 100%; right: 7vw; font-size: 0; }


.img.green2 {background-color: #a1d8d5; padding-top: 9vw; }  
.img.sky2 {background-color: #e4f5ff; padding-top: 9vw; }  

.img.link {position: relative;}
.img.link a {position: absolute; width: 88vw; height: 100%; left: 6vw; font-size: 0; }
.img.linkBottom {position: relative;}
.img.linkBottom a {position: absolute; width: 82vw; height: 17vw; left: 9vw; bottom: 10vw; font-size: 0; }

.stab_con > div {height: 0; overflow: hidden; position: relative;}
.stab_con > div.on {height: auto;}

.popup-wrap .btn_close {position: absolute;right: 40px;top: 17vh;} 
.popup-wrap .btn_close img {width: 20px;}
.popup-wrap .brand-inner {background-color: #fff;height: 70vh;overflow: auto;padding: 50px 30px 30px;} 





/* 공통 레이어 팝업 */
.popup-comment{display: flex;align-items: center;justify-content: center;z-index: 999;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0, .7);padding:0 25px;display: none;padding: 40px 40px;}
.popup-comment.on{display: flex;}
.popup-inner-comment{box-sizing: border-box;width: 100%;max-width:720px;overflow: auto;background-color: #fff;padding: 9px;}
.popup-inner-comment .popup-section-comment{border: 1px solid #f4f4f4;padding: 35px 30px;}
.popup-inner-comment .popup-section-comment .popup-section_top{border-bottom: 1px solid #f4f4f4;padding-bottom: 8px;}
.popup-inner-comment .popup-section-comment .popup-section_top>img{width: 43.5px;display: block;margin: 0 auto;}
.popup-inner-comment .popup-section-comment .popup-section_top>p{text-align: center;font-size: 16px;color: #323232;line-height: 40px;font-weight: 600;}
.popup-inner-comment .popup-section-comment .popup-section_bottom{padding-top: 22px;}
.popup-inner-comment .popup-section-comment .popup-section_bottom>p{font-size: 12.5px;line-height: 17px;letter-spacing: -0.10px;color: #636363;text-align: center;}

.popup_confirm{display: block;margin: 0 auto;font-size: 12px;line-height: 40px;padding: 0 47px;background-color: #383838;color: #fff;margin-top: 25px;}

.popup-comment .popup-inner-comment{padding: 0;position: relative;}
.popup-inner-comment .popup-section-comment{position: relative;padding: 40px 20px;}
.popup-inner-comment .popup-section-comment .popup-section_tit{text-align: center;font-size: 18px;line-height: 27px;font-weight: 600;font-family: 'SDDOESGothic', sans-serif;color: #000000;display: block;}
.popup-inner-comment .popup-section-comment .popup-section_cont{font-size: 13px; line-height: 22.5px; line-height: -0.15px;text-align: center;}

.popup-footer-comment{display:flex;padding: 0 1px 1px 1px;}
.popup-footer-comment .button-btn{flex-grow: 1;padding: 16px 0;color: #fff;width: 50%;}
.popup-footer-comment .button-btn:nth-last-of-type(1){margin-left: 1px;}
.popup-footer-comment .button_clse{background-color: #656565;}
.popup-footer-comment .button_confirm{background-color: #000000;}
.close-btn-comment{background: #000;width: 38px;height: 38px;position: absolute;top: 0px;right: 0px;z-index: 999;}
.close-btn-comment::before{content: '';width: 22px;height: 1px;background: #ffffff;transform: rotate(45deg);position: absolute;left: 8px;}
.close-btn-comment::after{content: '';width: 22px;height: 1px;background: #ffffff;transform: rotate(-45deg);position: absolute;left: 8px;}

.popup-btnarea{display: flex;margin: 20px -32px 0;justify-content: center;}
.popup-btnarea .popup_confirm{margin: 0 10px 0 0;}
.popup-btnarea .popBtnConfirm{background-color: #fff;color: #000;border: 1px solid #969696;}
#popFalse .popup-inner .popup-section-comment .popup-section_top>img{width: 37px;}
#popFalse .popup-inner .popup-section-comment .popup-section_top{border-bottom:none;}