@charset "utf-8"; 

/******************** members ********************/
.memb {position:relative; z-index:200; padding:20px 15px; padding:5.556vw 4.167vw;}
.membt #lnb .lnb {height:45px; height:12.5vw; border-bottom:1px solid #ddd; border-bottom:0.278vw solid #ddd;}
.membt #lnb .bg {display:none;}

.memb.content h2.tmg {
    margin-top:8.333vw;
}
/***** login *****/
/* member_box */
.member_box {
    overflow:hidden; 
    text-align:center; 
    display: flex;
    flex-direction: column;
    gap: 8.333vw;
}
/* login_box */
.login_box {position:relative; overflow:hidden; text-align:center;}
.login_box h2, .login_box .box_in label {display:none;}
.login_box .box_in input#id, .login_box .box_in input#pw {padding:15px; padding:4.167vw; padding-left:27px; border:none; border-bottom:1px solid #d2d2d2; border-bottom:0.278vw solid #d2d2d2; width:100%; color:#000; line-height:1.1; box-sizing:border-box;}
.login_box .box_in input#id {margin:0 auto; background:#fff url('/kor/wpbbs/image/icon_id.png') no-repeat left center;}
.login_box .box_in input#pw {margin:10px auto 0; background:#fff url('/kor/wpbbs/image/icon_pw.png') no-repeat left center;}
.login_box .box_in input#id:focus, .login_box .box_in input#pw:focus {border-bottom:1px solid #b81b1a; border-bottom:0.278vw solid #b81b1a;}
.login_btn {margin:10px auto; margin:2.778vw auto; padding:15px 0; padding:4.167vw 0; border:none; background:#b81b1a; width:100%; color:#fff; font-size:17px; font-size:4.722vw; font-weight:600; text-align:center; cursor:pointer;}
.login_btn:active {background:#9b1020;}
.login_box .btn_go {float:left; color:#000;}
.login_box .btn_go + .btn_go {float:right; color:#000;}
.login_box .btn_go span {display:inline-block; margin:0 5px 0 -5px; margin:0 1.389vw 0 -1.389vw; border:5px solid transparent; border:1.389vw solid transparent; border-right-color:#000;}
.login_box .btn_go + .btn_go span {display:inline-block; margin:0 -5px 0 5px; margin:0 -1.389vw 0 1.389vw; border:5px solid transparent; border:1.389vw solid transparent; border-left-color:#000;}
/* login_side */
.login_side {
    flex:1; 
    display:flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.login_side .box_out {
    width:100%;
    padding:6.944vw 0; 
}
.login_side .box_out h3 {
    padding:0; 
    margin:0 0 5.556vw 0; 
    background:none; 
    color:#000; 
    font-size:5.278vw; 
    font-weight:600; 
    letter-spacing:0; 
    text-align:center;
}
.login_side .box_out p {
    padding:0; 
    margin:1.389vw 0 5.556vw; 
    color:#333; 
    font: size 4.167vw; 
    text-align:center; 
    word-break:keep-all;
}
.login_side .box_out .btn_naver {
    display:block; 
    padding:4.167vw 0; 
    background:#02a100; 
    border:0.278vw solid #099700; 
    color:#fff; 
    font-weight:600; 
    text-align:center; 
    cursor:pointer; 
    margin-bottom: 1.389vw;
}
.login_side .box_out .btn_kakao {
    display:block; 
    padding:4.167vw 0; 
    background:#ffdd00; 
    border:0.278vw solid #eacb00; 
    color:#000; 
    font-weight:600; 
    text-align:center; 
    cursor:pointer; 
    margin-bottom: 1.389vw;
}
.login_side .box_out .btn_google {
    display:block; 
    padding:4.167vw 0; 
    background:#fff; 
    border:0.278vw solid #d9d9d9; 
    color:#000; 
    font-weight:600; 
    text-align:center; 
    cursor:pointer;
}
.login_side .box_out.find_box {border-top:0.278vw solid #000; background:#000;}
.login_side .box_out.find_box h3 {color:#fff;}
.login_side .box_out.find_box p {color:#fff;}
.login_side .box_out.find_box .btn_go {background:#fff; border:1px solid #fff; color:#000;}
/* guest_login */
.guest_login {position:relative; margin-top:20px; margin-top:5.556vw; padding:20px; padding:5.556vw; padding-top:50px; padding-top:13.889vw; border-top:1px dotted #aaa; border-top:0.278vw dotted #aaa; text-align:center;}
.guest_login .or {position:absolute; top:-10px; top:-2.778vw; left:40%; width:20%; background:#fff; color:#000; text-align:center;}
.guest_login h2 {color:#000; font-weight:500; font-size:17px; font-size:4.722vw;}
.guest_login p {margin:10px auto; margin:2.778vw auto; word-break:keep-all;}

/***** join_popup_in *****/
/* join_check */
div.join_check, .join_popup_text {overflow:hidden; padding:15px; padding:4.167vw; border:1px solid #d2d2d2; border:0.278vw solid #d2d2d2; text-align:left;}
.join_check > li {margin:8px 0; margin:2.222vw 0;}
.join_check li.all_check {overflow:hidden; padding:15px; padding:4.167vw; border:1px solid #b81b1a; border:0.278vw solid #b81b1a; font-weight:bold; text-align:left;}
.join_check input {float:left; margin:0 3px 0 0; margin:0 0.833vw 0 0; -webkit-appearance:checkbox !important;}
.join_check label {float:left; font-size:15px; font-size:4.167vw; color:#000; line-height:1.1;}
.join_check a {float:right; color:#b81b1a; text-decoration:underline; font-size:15px; font-size:4.167vw; line-height:1.1;}
.join_check .join_popup_close {display:none;}
/* join_popup_in */
.join_popup_in {display:none; overflow-y:scroll; padding:15px; padding:4.167vw; width:100%; height:100px; height:27.778vw; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; border-top:none; background:#f8f8f8; text-align:left; box-sizing:border-box;}
.join_popup_in h2, .join_popup_in h3 {margin:0 0 3px; margin:0 0 0.833vw; color:#000; font-size:15px; font-size:4.167vw;}
.join_popup_in h4 {margin:0 0 3px; margin:0 0 0.833vw; color:#000; font-size:13px; font-size:3.611vw;}
.join_popup_in p, .join_popup_in li {margin:0 0 3px; margin:0 0 0.833vw; color:#333; font-size:13px; font-size:3.611vw;}
.join_popup_in ul {margin:0;}
.join_popup_in h2.tmg, .join_popup_in h3.tmg, .join_popup_in h4 {margin-top:15px; margin-top:4.167vw;}

/***** join *****/
/* join_form */
.join_form caption {overflow:hidden; margin:0; padding:0; height:0; text-indent:-2000px; font-size:0; line-height:0;}
.join_form table {margin:10px auto; margin:2.778vw auto; width:100%; border-collapse:collapse; border-top:1px solid #ccc; border-top:0.278vw solid #ccc;}
.join_form table .txt_warning {display:inline-block; width:10px; width:2.778vw;}
.join_form th {padding:15px 0; padding:4.167vw 0; width:36%; border-bottom:1px solid #ccc; border-bottom:0.278vw solid #ccc; color:#000; text-align:left; vertical-align:middle; font-weight:normal; line-height:1.3; font-size:4.167vw;}
.join_form td {padding:15px 0; padding:4.167vw 0; border-bottom:1px solid #ccc; border-bottom:0.278vw solid #ccc; color:#555; text-align:left; line-height:1.5; font-size:4.167vw;}
.join_form td * {vertical-align:middle;}
.join_form td a {display:inline-block;}
.join_form td input+label {padding:0 10px 0 3px; padding:0 2.778vw 0 0.833vw;}
.join_form td p {margin:4px 0 0; margin:1.111vw 0 0; color:#333;}
.join_form td p+a {margin:4px 0 0; margin:1.111vw 0 0;}
.join_form td .inp_box {margin:-4px 0; margin:-1.111vw 0;}
.join_form td .inp_box * {margin:4px 0; margin:1.111vw 0;}
.join_form td .inp_box label {display:inline-block; width:20%;}
.join_form td .inp_box .inp_medium {width:78%;}
.join_form td .mbbtn_mini2 {
    display: block;
    width: 95%;
    margin: 6.000px 0 3.000px;
    margin: 1.667vw 0 0.833vw;
    padding: 6.000px 10.000px;
    padding: 1.667vw 2.778vw;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

/***** popup *****/
/* check_pop */
.check_pop {
    display: table;
    background: #f9f9f9;
    padding: 33px;
    padding: 9.167vw;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.check_pop div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.pop_inp {
    padding: 10px;
    padding: 2.778vw;
    width: 100%;
    border: 1px solid #d7d7d7;
    border: 0.278vw solid #d7d7d7;
    background: #fff;
    font-size: 13px;
    font-size: 3.611vw;
    color: #555;
    box-sizing: border-box;
}

.pop_btn {
    margin: 10px auto;
    margin: 2.778vw auto;
    padding: 15px 0;
    padding: 4.167vw 0;
    border: none;
    background: #e60643;
    border: 1px solid #e60643;
    border: 0.278vw solid #e60643;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-size: 4.722vw;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}

.pop_btn:active {
    background: #d8013b;
}

.check_pop p {
    margin: 8px;
    margin: 2.222vw;
    color: #000;
    font-size: 17px;
    font-size: 4.722vw;
    text-align: center;
}

.check_pop p span {
    color: #01337a;
    font-weight: bold;
}

/* memb_pop */
.memb_pop {
    display: table;
    padding: 58.250px;
    padding: 16.181vw;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    z-index: 10;
}

.memb_pop > div {
    display: table-row;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}

.memb_pop > div > div {
    display: table-cell;
    vertical-align: middle;
}

.memb_pop .pop_img {
    vertical-align: top;
}

.memb_pop .pop_img > div {
    padding-bottom: 28.250px;
    padding-bottom: 7.847vw;
}

.memb_pop .pop_img img {
    width: 100%;
    height: auto;
}

.memb_pop .pop_text_box {
    vertical-align: middle;
}

.memb_pop .pop_text_box > div {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: 1.000px dashed #333;
    border: 0.278vw dashed #333;
}

.memb_pop p {
    color: #333;
    font-weight: normal;
    text-align: center;
}

.memb_pop p span {
    color: #000;
    font-weight: bold;
}

.memb_pop .btn_box {
    vertical-align: bottom;
}

.memb_pop .btn_box .btn_mem_big {
    display: block;
    margin-top: 5.000px;
    margin-top: 1.389vw;
    border: 1px solid #000;
    border: 0.278vw solid #000;
    width: 100%;
    height: 55.000px;
    height: 15.278vw;
    line-height: 55.000px;
    line-height: 15.278vw;
    background: #333;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.memb_pop .btn_box .btn_mem_big:first-child {
    margin-top: 20.000px;
    margin-top: 5.556vw;
}

.memb_pop .btn_mem_big.btn_point {
    border-color: #d01e1e;
    background: #d01e1e;
}

.memb_pop .btn_mem_big.btn_gray {
    border-color: #999;
    background: #999;
}

.memb_pop .btn_mem_big:active {
    background: #000;
}

.memb_pop .btn_mem_big.btn_point:active {
    border-color: #d8013b;
    background: #d8013b;
}

.memb_pop .btn_mem_big.btn_gray:active {
    border-color: #666;
    background: #666;
}

.memb_pop .hidden {
    display: none;
}

/* join_pop */
.join_pop {
    display: flex;
    flex-direction: column;
    gap:5.556vw;
    padding-bottom: 60.000px;
    padding-bottom: 16.667vw;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    z-index: 10;
}

.join_pop > div {
    display: table-row;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0.278vw dotted #ddd;

}

.join_pop > div > div {
    padding: 50px 30px;
    padding: 13.889vw 8.333vw;
    border: 0.278vw dotted #ddd;
}

.join_pop .btn_dealer p {
    text-align: center;
}

.join_pop > div img {
    margin: 0 auto;
    width: 50.000px;
    width: 13.889vw;
    height: auto;
}

.join_pop > div strong {
    display: block;
    margin: 5.000px auto 0;
    margin: 1.389vw auto 0;
    color: #333;
    font-size: 18.000px;
    font-size: 5.000vw;
    font-weight: bold;
    letter-spacing: -2.000px;
    letter-spacing: -0.556vw;
}

.join_pop > div span {
    display: block;
    color: #777;
}

.join_pop > div .btn {
    display: block;
    margin: 10.000px auto 0;
    margin: 2.778vw auto 0;
    border: 1px solid #d6032b;
    border: 0.278vw solid #d6032b;
    height: 45.000px;
    height: 12.500vw;
    line-height: 45.000px;
    line-height: 12.500vw;
    background: #d6032b;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.join_pop > div a:active .btn {
    border-color: #000;
    background: #000;
}

.join_pop > div .btn.btn_point {
    display: block;
    margin: 10.000px auto 0;
    margin: 2.778vw auto 0;
    width: 60%;
    height: 45.000px;
    height: 12.500vw;
    line-height: 45.000px;
    line-height: 12.500vw;
    background: #d6032b;
    border: 1px solid #d6032b;
    border: 0.278vw solid #d6032b;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.join_pop > div a:active .btn.btn_point {
    border-color: #b10022;
    background: #b10022;
}

.join_pop > div .btn.btn_point02 {
    display: block;
    margin: 10.000px auto 0;
    margin: 2.778vw auto 0;
    height: 45.000px;
    height: 12.500vw;
    line-height: 45.000px;
    line-height: 12.500vw;
    background: #3a4c97;
    border: 1px solid #3a4c97;
    border: 0.278vw solid #3a4c97;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.join_pop > div a:active .btn.btn_point02 {
    border-color: #2e3e83;
    background: #2e3e83;
}

/***** mbform *****/
/* inp sel tex */
.inp {padding:5px; padding:1.389vw; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; background:#fff; font-size:13px; font-size:3.611vw; color:#555; box-sizing:border-box;}
.sel {padding:5px; padding:1.389vw; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; background:#fff; font-size:13px; font-size:3.611vw; color:#555; box-sizing:border-box;}
.tex {padding:5px; padding:1.389vw; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; background:#fff; font-size:13px; font-size:3.611vw; color:#555; box-sizing:border-box;}
/* inp sel tex size */
.inp_mini {
    width: 27%;
}
.inp_short {width:27%;}
.inp_medium {width:50%;}
.inp_large {width:95%;}
/* mbbtn */
.mbbutton01 {background:#b81b1a; color:#fff; text-align:center; padding:6px 20px; padding:1.667vw 5.556vw; border:1px solid #b81b1a; border:0.278vw solid #b81b1a; cursor:pointer; font-size:14px; font-size:3.889vw; font-weight:400;}
a.mbbutton01:hover, a.mbbutton01:focus, a.mbbutton01:visited, a.mbbutton01:active {color:#fff;}
.mbbutton02 {background:#f1f1f1; color:#212121; text-align:center; padding:6px 20px; padding:1.667vw 5.556vw; font-size:14px; font-size:3.889vw; font-weight:400; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; cursor:pointer;}
a.mbbutton02:hover, a.mbbutton02:focus, a.mbbutton02:visited, a.mbbutton02:active {color:#212121;}
.mbbutton03 {background:#fff; color:#212121; text-align:center; padding:6px 20px; padding:1.667vw 5.556vw; font-size:14px; font-size:3.889vw; font-weight:400; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; cursor:pointer;}
a.mbbutton03:hover, a.mbbutton03:focus, a.mbbutton03:visited, a.mbbutton03:active {color:#212121;}
.mbbutton04 {background:#444; color:#fff; text-align:center; padding:6px 20px; padding:1.667vw 5.556vw; font-size:14px; font-size:3.889vw; font-weight:400; border:1px solid #363636; border:0.278vw solid #363636; cursor:pointer;}
a.mbbutton04:hover, a.mbbutton04:focus, a.mbbutton04:visited, a.mbbutton04:active {color:#fff;}
.mbbutton05 {background:#fff; color:#000; text-align:center; padding:6px 20px; padding:1.667vw 5.556vw; font-size:14px; font-size:3.889vw; font-weight:400; border:1px solid #000; border:0.278vw solid #000; cursor:pointer;}
a.mbbutton05:hover, a.mbbutton05:focus, a.mbbutton05:visited, a.mbbutton05:active {color:#000;}
/* mbbtn size */
.mbbtn_mini {padding:5px 10px; padding:1.389vw 2.778vw; font-size:13px; font-size:3.611vw;}
.mbbtn_medium {padding:10px 40px; padding:2.778vw 11.111vw; font-size:17px; font-size:4.722vw;}
.mbbtn_large {padding:20px 70px; padding:5.556vw 19.444vw; font-size:17px; font-size:4.722vw;}

/***** find *****/
/* find_form */
.find_form {overflow:hidden; padding:20px; padding:5.556vw; text-align:center;}
.find_form h2 {color:#000; font-size:20px; font-size:5.556vw; letter-spacing:-1px; letter-spacing:-0.278vw;}
.find_form label {display:none;}
.find_form .inp {margin:10px auto 0; margin:2.778vw auto 0; padding:10px; padding:2.778vw; width:100%; border:1px solid #d7d7d7; border:0.278vw solid #d7d7d7; background:#fff; font-size:13px; font-size:3.611vw; color:#555; box-sizing:border-box;}
/* pw_form */
.pw_form {margin-top:20px; margin-top:5.556vw; padding:20px; padding:5.556vw; padding-top:50px; padding-top:13.889vw; border-top:1px dotted #aaa; border-top:0.278vw dotted #aaa; text-align:center;}