@CHARSET "UTF-8";


/**** 회원 ****/
.member-section{background:#f4f4f4}
.member-section > .inner-section{padding:30px 15px 80px;margin-bottom:40px;background:#fff}
.member-section > .inner-section:last-child{padding:50px 15px 100px;margin-bottom:0}

.join-form{position:relative;padding:20px 0;border-top:2px solid #8fb283;}
.join-form .req-text{position:absolute;right:0;top:-22px;}
.join-form .req-text span{font-size:13px;line-height:20px;font-weight:700;}
.join-form .req-text span:before{content:"* ";color:#e5735c;}
.join-form .agree-section{padding:40px 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}
.join-form .agree-section .all-check{padding:20px;background:#f4f4f4;border-radius:5px;}
.join-form .agree-section .all-check input[type=checkbox]{display:none}
.join-form .agree-section .all-check label{position:relative;display:block;padding-left:30px;line-height:20px;}
.join-form .agree-section .all-check label em{display:block;margin-bottom:15px;font-size:17px;}
.join-form .agree-section .all-check label span{font-size:13px;}
.join-form .agree-section .all-check label:before{content:"";position:absolute;left:0;top:0;display:block;width:20px;height:20px;background:url(/m/images/common/icon_checkbox.png) no-repeat 0 0;box-sizing:border-box;border-radius:50%;}
.join-form .agree-section .all-check input[type=checkbox]:checked + label:before{background-image:url(/m/images/common/icon_checkbox_on.png)}
.join-form .agree-section .term-list{padding:0 15px;}
.join-form .agree-section .term-list > li{position:relative;padding:5px 0;border-bottom:1px solid #efefef}
.join-form .agree-section .term-list > li .btn-term{position:absolute;right:0;top:15px;display:block;padding:0;width:60px;height:24px;line-height:24px;font-size:13px;color:#fff;text-align:center;background:#b1b1b1;border:0;border-radius:5px;}
.join-form .agree-section dl{margin-bottom:0}
.join-done .join-email{padding:30px 0;font-family: 'Noto Serif KR', serif;font-size:18px;line-height:20px;background:#f2f7f1;text-align:center;border-radius:5px;}

.login-section .login-form{padding-bottom:50px}
.login-section .login-form .login-input li:first-child{margin-bottom:10px;}
.login-section .login-form .login-util{padding-top:5px;}
.login-section .login-form .login-util:after{content:"";clear:both;display:block}
.login-section .login-form .login-util .left-section{float:left;}
.login-section .login-form .login-util .right-section{float:right;}
.login-section .login-form .login-util .link-list{text-align:right;padding:10px 0;}
.login-section .login-form .login-util .link-list li{position:relative;display:inline-block;margin-left:20px;padding-left:20px;}
.login-section .login-form .login-util .link-list li:before{content:"";display:block;position:absolute;left:0;top:6px;width:1px;height:10px;background:#3d3d3d;}
.login-section .login-form .login-util .link-list li:first-child{margin-left:0;padding-left:0}
.login-section .login-form .login-util .link-list li:first-child:before{display:none;padding-left:0;margin-left:0;}
.login-section .login-form .login-util .link-list li a{font-size:14px;line-height:20px;font-weight:700;}
.login-section .social-join{padding-top:50px;border-top:1px solid #d7d7d7}
.login-section .social-join .social-list{display:flex;justify-content:space-between}
.login-section .social-join .social-list li button{display:inline-block;width:75px;height:75px;font-size:0;background:no-repeat center center #f4f4f4;border:1px solid #d7d7d7;border-radius:5px;}
.login-section .social-join .social-list li button.naver{background-image:url(/m/images/common/icon_login_naver.png);background-size:21px auto;}
.login-section .social-join .social-list li button.kakao{background-image:url(/m/images/common/icon_login_kakao.png);background-size:27px auto;}
.login-section .social-join .social-list li button.google{background-image:url(/m/images/common/icon_login_google.png);background-size:25px auto;}
.login-section .social-join .social-list li button.facebook{background-image:url(/m/images/common/icon_login_facebook.png);background-size:16px auto;}

.nomember-login .login-input{margin-bottom:30px;}
.nomember-login .login-input li{margin-bottom:10px;}
.nomember-login .login-input li:last-child{margin-bottom:0px;}
.nomember-login .btn-login{display:block;width:100%;height:50px;padding:0;font-size:15px;line-height:50px;color:#fff;text-align:center;background:#b1b1b1;border:0;border-radius:5px;box-sizing:border-box;}

.find-section{padding-top:20px}
.find-section .find-form dl{margin-bottom:15px;}
.find-section .find-form dl:last-child{margin-bottom:0}
.find-section .find-form dl dt{margin-bottom:10px;font-size:14px;font-weight:700;}





/*** 고객센터 ***/
.board-section .post-list{border-top:1px solid #d7d7d7}
.board-section .post-list > li{padding:20px 10px;border-bottom:1px solid #d7d7d7}
.board-section .post-list .title{display:block;}
.board-section .post-list .title a{display:inline-block;max-width:100%;height:20px;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.board-section .post-list .title.lock a{padding-right:20px;background:url(/m/images/common/icon_lock.png) no-repeat right center;background-size:14px auto;}
.board-section .post-list .date{padding-top:10px;font-size:15px;line-height:20px;}
.board-section .post-list .util{position:relative;margin-bottom:10px;}
.board-section .post-list .util .state{display:inline-block;padding:0 7px;height:20px;line-height:18px;font-size:14px;font-weight:700;color:#fff;background:#8fb283;border-radius:10px;}
.board-section .post-list .util .state.done{color:#b1b1b1;background:#f4f4f4}
.board-section .post-list .util .info{position:absolute;right:0;top:0;text-align:right;}
.board-section .post-list .util .info li{position:relative;display:inline-block;margin-left:10px;padding-left:10px;font-size:14px;line-height:20px;vertical-align:top;}
.board-section .post-list .util .info li:before{position:absolute;left:0;top:6px;content:"";display:block;width:1px;height:10px;background:#3d3d3d;}
.board-section .post-list .util .info li:first-child{margin-left:0;padding-left:0;}
.board-section .post-list .util .info li:first-child:before{display:none;}

.board-detail .post-title{padding:20px 10px;border-top:2px solid #8fb283;border-bottom:1px solid #d7d7d7;}
.board-detail .post-title .title{margin-bottom:10px;font-size:18px;line-height:24px;font-weight:700;}
.board-detail .post-title .info li{position:relative;display:inline-block;margin-right:20px;padding-right:20px;vertical-align:top;}
.board-detail .post-title .info li:after{position:absolute;right:0;top:2px;content:"";display:block;width:1px;height:10px;background:#bdbdbd;}
.board-detail .post-title .info li:last-child{margin-right:0;padding-right:0;}
.board-detail .post-title .info li:last-child:after{display:none;}
.board-detail .post-title .info li em{display:inline-block;margin-right:10px;font-weight:700;font-size:15px;color:#b1b1b1;vertical-align:top;}
.board-detail .post-title .info li span{display:inline-block;font-size:15px;color:#b1b1b1;vertical-align:top;}
.board-detail .post-content{padding:30px 10px 50px;border-bottom:1px solid #d7d7d7;}
.board-detail .post-content p{font-size:15px;line-height:26px;}
.board-detail .post-content img{max-width:100%;}


.qna-section{padding:20px 0 40px;border-top:2px solid #8fb283;border-bottom:1px solid #d7d7d7}
.qna-section dl{margin-bottom:20px;}
.qna-section dl:last-child{margin-bottom:0}
.qna-section dl dt{margin-bottom:10px;font-size:14px;font-weight:700;box-sizing:border-box;}
.qna-section dl dd .captcha{padding:10px 0 40px;margin-bottom:40px;border-bottom:1px solid #d7d7d7;}

.board-section{padding:30px 15px 100px}
.board-section .post-list{border-top:2px solid #8fb283}
.board-section .post-list > li{padding:20px 10px;border-bottom:1px solid #d7d7d7}
.board-section .post-list .title{font-size:15px;line-height:22px;box-sizing:border-box;}
.board-section .post-list .title .ic-lock{display:inline-block;padding-left:10px;width:14px;height:22px;background:url(../images/common/icon_lock.png) no-repeat right center;background-size:14px auto;vertical-align:top;}
.board-section .post-list .date{padding-top:10px;font-size:15px;line-height:20px;}
.board-section .post-list .util{position:relative;margin-bottom:10px;}
.board-section .post-list .util .no{font-size:14px;line-height:18px;font-weight:600;color:#b1b1b1}
.board-section .post-list .util .state{display:inline-block;padding:0 7px;height:20px;line-height:18px;font-size:14px;font-weight:700;color:#fff;background:#8fb283;border-radius:10px;}
.board-section .post-list .util .state.done{color:#b1b1b1;background:#f4f4f4}
.board-section .post-list .util .info{position:absolute;right:0;top:0;text-align:right;}
.board-section .post-list .util .info li{position:relative;display:inline-block;margin-left:10px;padding-left:10px;font-size:14px;line-height:20px;vertical-align:top;}
.board-section .post-list .util .info li:before{position:absolute;left:0;top:6px;content:"";display:block;width:1px;height:10px;background:#3d3d3d;}
.board-section .post-list .util .info li:first-child{margin-left:0;padding-left:0;}
.board-section .post-list .util .info li:first-child:before{display:none;}
.board-section .post-list .reply{background:#efefef}
.board-section .paging-section{padding-bottom:15px;}

/* LAYER POPUP */
.layer_popup {display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;}
.layer_popup .popup {position:absolute;left:50%;top:50%;z-index:1000;width:85%;max-width:450px;height:auto;padding:32px 28px;background-color:#fff;transform:translate(-50%, -50%);border-radius:20px;}
.layer_popup .popup .btn_close {display:flex;position:absolute;right:0;top:0;height:22px;font-size:24px;font-weight:200;justify-content:center;align-items:center;line-height:1;color:#b5b5b5}
.layer_popup .popup .popup_header {position:relative;font-size:14px;color:#000;font-weight:600;margin:0 0 24px}
.layer_popup .popup .popup_content .box {overflow:scroll;height:60vh;padding:9px 5px;border:1px solid #707070;font-size:12px;color:#212121;font-weight:400;letter-spacing:-1px;}
.layer_popup .popup .popup_footer {margin:30px 0 0;text-align:right;}
.layer_popup .popup .popup_footer a {margin-left:10px}
.layer_popup .layer_popup_dim {position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,0.35); -webkit-backdrop-filter:saturate(180%) blur(1px);
  backdrop-filter: saturate(180%) blur(1px);}