@charset "utf-8";

.hd_type2{padding-top:100px;}
.hd_type2 #header{background-color: #fff;}
.hd_type2 #header .sitelogo a img.off{display:none;}
.hd_type2 #header .sitelogo a img.on{display:block;}
.hd_type2 #header #gnb>ul>li>a{color:#2c2c2c;}
.hd_type2 #header .right .mem-menu ul li .btn{color:var(--dark);}
.hd_type2 #header .right .mem-menu ul li .btn.st2{background-color:var(--pri);border-color:var(--pri);color: #fff;}
.hd_type2 #header .lang .tit img.off{display:none;}
.hd_type2 #header .lang .tit img.on{display:block;}

.hd_type2 #header .btn-m-menu span,
.hd_type2 #header .btn-m-menu span:before,
.hd_type2 #header .btn-m-menu span:after{background-color:var(--dark);}

.hd_type2 .sub-title{margin:100px 0 60px;text-align:center;}
.hd_type2 .sub-title h1{font-size:var(--fz42);color:var(--dark);font-weight:600;line-height:1.2em;}

.btn-leave{margin-top:20px;text-align:center;}
.btn-leave a{display:inline-block;color: #a8a8a8;line-height:1.2em;transition:.3s;text-decoration:underline;text-underline-offset:3px;font-size:14ox;}
.btn-leave a:hover{color:var(--pri);}

.mypg #container{background-color: #f4f4f4;border-radius:120px 120px 0 0;}
.mypg .sub-title{margin:0;padding:var(--size160) 0 var(--size100);}
.my-wrap{max-width:1200px;margin:0 auto;padding:;}
.my-menu{max-width:900px;width:100%;margin:0 auto;}
.my-menu ul{display:flex;gap:10px;}
.my-menu ul li{flex:1;}
.my-menu ul li a{position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:25px;color: #a8a8a8;font-size:var(--fz20);font-weight:600;line-height:1.3em;}
.my-menu ul li a:after{content:'';width:100%;height:2px;background-color: #a8a8a8;position: absolute;left:0;bottom:-2px;}
.my-menu ul li.active a{color:var(--pri);}
.my-menu ul li.active a:after{background-color:var(--pri);}
.my-wrap .content-box{padding:var(--size130) 100px;background-color: #fff;border-radius:var(--bd32);}

.join-form .input{border-radius:0;}
.join-form .btn-pack.medium{border-radius:0;}

.my-wrap .rec-list-wrap{display:block;max-width:900px;margin:0 auto;}
.my-wrap .rec-list-wrap .list-area{width:100%;}
.my-wrap .rec-list-wrap .list-area .rec-txt .date{display:none;}
.my-wrap .rec-list-wrap .rec-list ul li .right{display:flex;flex-direction:column;align-items:flex-end;}
.my-wrap .rec-list-wrap .rec-list ul li .right .status{color:var(--pri);font-weight:600;line-height:1.4em;}
.my-wrap .rec-list-wrap .rec-list ul li .right .date{color: #a8a8a8;line-height:1.4em;margin-top:20px;}
.my-wrap .rec-list-wrap .rec-list ul li.dead .rec-txt .top .cate .flex p{color:var(--dark);}
.my-wrap .rec-list-wrap .rec-list ul li.dead .rec-txt .tit{color:var(--dark);}
.my-wrap .rec-list-wrap .rec-list ul li.dead a:hover .rec-txt .tit{color: var(--pri);}

.my-wrap .rec-apply .content .ipt{margin-top:15px;}

/* 1:1문의내역 */
.inq-list{border-top:2px solid var(--dark);}
.inq-list ul{}
.inq-list ul li{padding:45px 0;border-bottom:1px solid #eee;line-height:1.2em;}
.inq-list ul li a{display:flex;align-items:center;}
.inq-list ul li .cate{display:inline-flex;justify-content:center;align-items:center;margin-right:20px;min-width:74px;padding:0 10px;height:30px;font-size:14px;font-weight:600;letter-spacing:-.02em;border-radius:var(--bd6);color: #fff;background-color:var(--pri);line-height:1.2em;}
.inq-list ul li .tit{margin-right:20px;min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.2em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.inq-list ul li .date{margin-right:70px;color: #a8a8a8;}
.inq-list ul li .status{font-weight:600;}
.inq-list ul li .status.comp{color:var(--pri);}

.my-wrap .inq-wrap{display:block;}
.my-wrap .inq-wrap .content-wrap{width:100%;}
.my-wrap .inq-wrap .con-tit{margin-bottom:var(--size50);font-size:var(--fz18);font-weight:600;color: #a8a8a8;line-height:1.4em;}

.inq-answer{margin-top:var(--size70);padding:35px 40px;background-color: #ebf0ff;border-radius:var(--bd16);}
.inq-answer .tit{margin-bottom:25px;font-size:var(--fz20);font-weight:700;color:var(--pri);line-height:1.4em;}
.inq-answer .tt-wrap p{margin-bottom:25px;font-weight:500;}
.inq-answer .tt-wrap p:last-child{margin-bottom:0;}

.my-wrap .inq-wrap .doc-btns-wrap{margin-top:var(--size70);}



/* 로그인 */
.login-area {max-width:470px; margin:0 auto;}
.login-tab {text-align:center; border-bottom:4px solid var(--pri); margin-bottom:50px;}
.login-tab ul {display:flex; padding:0 2px;}
.login-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.login-tab ul li a {display:block; color:#333; font-size:18px; font-weight:500; line-height:60px;}
.login-tab ul li.active {position:relative; z-index:2; border-color:var(--pri);}
.login-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.login-tab ul li.active a {color:var(--pri); font-weight:700;}
.login-content .group {margin-bottom:8px;}
.login-content .group .input {display:block; width:100%; height:54px; font-size:16px;}
.login-content .links {display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em;}
.login-content .links a:hover {text-decoration:underline;}
.login-content .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-content .btn-pack {display:block; width:100%; margin-top:10px;}
.login-content .btn-pack.focus {margin-top:20px;}
.login-content .btn-pack.xlarge {font-weight:500;}

.sns-login {text-align:center; margin-top:50px;}
.sns-login .tit {position:relative; color:#333; font-size:15px; font-weight:400; line-height:1.3em; margin-bottom:35px;}
.sns-login .tit:before {content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:#ddd;}
.sns-login .tit span {display:inline-block; position:relative; padding:0 30px; background:#fff;}
.sns-login a {margin:0 12px;}

/* 약관동의 */
.agree-wrap {max-width:680px; margin:0 auto 50px;}
.agree-wrap .group {margin-top:40px;}
.agree-wrap .group:first-child {margin-top:0;}
.agree-wrap .agree-tit {color:#333; font-size:20px; font-weight:600; line-height:1.3em;}
.agree-wrap .agree-tit .checkbox label:before {margin-top:-.02em; width:24px; height:24px; background:#fff url("../images/member/checkbox.png") 50% 50% no-repeat; border:2px solid #ccc; border-radius:100%;}
.agree-wrap .agree-tit .checkbox input:checked + label:before {background-color:var(--pri); border-color:var(--pri); background-image:url("/images/member/checkbox_on.png");}
.agree-wrap .agree-box {position:relative; max-height:175px; margin-top:17px; padding:16px 20px; border:1px solid #ddd; overflow:auto;}
.agree-wrap .agree-box .terms-wrap {color:#767676; font-size:14px;}
.agree-wrap .agree-box .terms-wrap .sec {margin-bottom:20px;}
.agree-wrap .agree-box .terms-wrap .sec h3 {color:#767676; font-size:14px; font-weight:400; margin-bottom:0;}
.agree-wrap .agree-box .terms-wrap .sec strong {font-weight:400;}

.terms-wrap {font-weight:400; color:#666; line-height:1.75em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:700; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:700;}
.terms-wrap .sec ol li {padding-left:1em; text-indent:-1em;}
.terms-wrap .sec ol li ol li {padding-left:1.35em; text-indent:-1.35em;}
.terms-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.terms-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.terms-wrap .policy-contact dl:first-child {border-left:0;}
.terms-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}

/* 회원가입 */
.join-form {max-width:900px; margin:0 auto;}
.join-form .required {color:#ff3030}
.join-form .join-form-txt {color:#505050; font-weight:400; line-height:1.4em; margin-bottom:12px;}
.join-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; font-size:16px; line-height:1.5em;}
.join-form table th {padding:12px 15px; border:1px solid #ddd; background:#fafafa; font-weight:700; color:#333;}
.join-form table td {padding:12px 20px; border:1px solid #ddd; color:#505050;height:69px;}
.join-form tr th:first-child,
.join-form tr td:first-child {border-left:0;}
.join-form tr th:last-child,
.join-form tr td:last-child {border-right:0;}
.join-form input[readonly] {background-color:#fff; color:#505050;}
.join-form .help-text {display:inline-block; margin-left:10px; color:#767676;}
.join-form + .buttons {margin-top:50px;}

/* 가입완료 */
.join-complete {text-align:center;}
.join-complete .tit {color:var(--pri); font-size:28px; font-weight:700; line-height:1.4em; margin-bottom:30px;}
.join-complete .txt {color:#333; font-size:18px; line-height:1.8em;}
.join-complete .icon {width:180px; height:180px; background:var(--pri) url("../images/member/complete.png") 50% 50% no-repeat; border-radius:100%; margin:36px auto 45px;}
.join-complete .buttons {margin:0;}

/* 게정찾기 */
.find-area {max-width:470px; margin:0 auto;}
.find-tab {text-align:center; border-bottom:4px solid var(--pri); margin-bottom:50px;}
.find-tab ul {display:flex; padding:0 2px;}
.find-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.find-tab ul li a {display:block; color:#333; font-size:18px; font-weight:500; line-height:60px;}
.find-tab ul li.active {position:relative; z-index:2; border-color:var(--pri);}
.find-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.find-tab ul li.active a {color:var(--pri); font-weight:700;}
.find-content .group {margin-bottom:8px;}
.find-content .group .input {display:block; width:100%; height:54px; font-size:16px;}
.find-content .btn-pack {display:block; width:100%; margin-top:10px;}
.find-content .btn-pack.focus {margin-top:30px;}
.find-content .btn-pack.xlarge {font-weight:500;}
.find-result {text-align:center; padding:34px 42px; color:#505050; font-size:18px; font-weight:400; line-height:1.75em; background:#fafafa; border-top:2px solid var(--pri); border-bottom:1px solid #ddd;}
.find-result h4 {font-size:22px; font-weight:700; line-height:1.4em; margin-bottom:20px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {color:var(--pri); font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave .txt {text-align:center; color:#505050; line-height:1.7em; margin-bottom:40px;}
.member-leave .txt .tit {color:#333; font-size:20px; line-height:1.5em; margin-bottom:15px;}
.member-leave .form {max-width:470px; margin:0 auto 40px; padding:50px; color:#666; font-size:16px; line-height:1.5em; background:#f9f9f9; border:1px solid #e5e5e5; border-radius:10px;}
.member-leave .form .group {display:flex; align-items:center; margin-bottom:20px;}
.member-leave .form .group:last-child {margin-bottom:0;}
.member-leave .form .group .label-tt {width:90px; color:#222; font-weight:700;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%;}