@charset "utf-8";
#mb_confirm { max-width: 600px; }
.mbskin { position: absolute; text-align:center; width: 97%; max-width: 1100px; height: 60%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 30px; }
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1{margin: 30px 0; font-size: 2em; color: var(--key-color);}

.mbskin .login_wrap {border-radius: 30px;  width: 100%; max-width: 1100px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); height: 400px;}
.mbskin .logo_box { width: 45%; height: 400px; background: url("../../../img/logo.svg") no-repeat center/350px; font-size: 0; float: left; }
.mbskin .logo_box a {display: block; width: 100%; height: 100%;}

.mbskin .login_form {float: right; width: 50%;  border-radius: 30px; height: 400px; overflow: hidden; position: relative;}

.mbskin .tbl_frm01 th {width:85px}


/* 회원가입 약관 */
.register .text_box {max-height: 250px; overflow: auto;}

#fregister p{ position:relative; font-size:17px; text-align:center;padding:20px 15px;margin:0 0 5px;line-height: 1.5;}

#fregister .text_box {padding: 3rem;}
#fregister .text_box p {position: static; font-size: 14px; text-align: inherit; background: none; color: inherit; padding: 0; margin: 0;}
.fa-check-circle-v::before { content:'\f058'; display: inline-block;;}
#fregister section {margin:10px 0; position:relative; border-radius: 1rem; background: linear-gradient(165deg, var(--mypage-surface-3) 0%, var(--mypage-surface-2) 45%, rgba(12, 12, 16, 0.65) 100%); border: 0.1rem solid var(--mypage-border); box-shadow: 0 0.4rem 0 rgba(255, 255, 255, 0.04) inset, 0 2.4rem 4.8rem rgba(0, 0, 0, 0.45);	backdrop-filter: blur(1.2rem);-webkit-backdrop-filter: blur(1.2rem); overflow: hidden;}
#fregister section::-webkit-scrollbar {width: 5px;}
#fregister section::-webkit-scrollbar-thumb {background-color: rgb(255,255,255,.9); border-radius: 5px;}
#fregister section::-webkit-scrollbar-track {background-color: #000;}

#fregister input[type="checkbox"] { width:25px; height:25px;}
#fregister .txtaa { padding: 20px;  height:150px; overflow-y:auto;}

#fregister_chkall{ margin-top: 3rem; font-size:15px; position: relative !important; text-align: left; }
#fregister h2 {text-align:left; font-size:16px; font-weight:400; padding:15px 20px;border-bottom:1px solid var(--mypage-border);}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;border:0;line-height:1.6em}
#fregister_private div{padding:20px;}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit {height:45px;padding:0 40px;font-weight:bold;font-size:15px; transition:.3s ease; cursor:pointer; display:inline-block; vertical-align:middle;}

#fregisterform .btn_confirm .btn_submit { transition:.3s ease; cursor:pointer;line-height: 40px;  height: 40px;  padding: 0 22px;  font-weight: bold; font-size: 15px;}


.fregister_agree input[type="checkbox"] + label span {position:absolute;top:11px;right:15px;width:25px;height:25px;display:block;border:1px solid white;border-radius:50px; background: #FFFFFF33; cursor: pointer;}
.fregister_agree input[type="checkbox"]:checked + label {}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('/theme/nox/img/chk.png') no-repeat 50% 50% var(--key-color); border-color: var(--key-color); border-radius:50px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
#fregister_chkall label { font-size:15px !important;}
#fregister_chkall span {position: relative;  top: -2px;  right: 0; margin-right:5px; display: inline-block; vertical-align: middle;}

/* 회원가입 입력 */
#register_form{margin-bottom:20px; margin:0 auto;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm{text-align:center}
#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em}

#register_form .adr{display: inline-block; width: 100%;}
#register_form .adr button.btn_frmline{font-size: 14px; width: 110px; position: absolute; right: 20px;}
#register_form .adr input[type="text"]{border-bottom: 1px solid #ddd;}

#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .frm_info{display:inline-block;color:#3497d9;font-size:13px; margin-left:127px;}
#fregisterform .captcha{display:flex; align-items: center; margin:5px 0 0; gap:3px;}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}
#register_form label { display:inline-block; width:140px; flex-shrink: 0; }
#register_form label strong { text-indent: -99999px; display: inline-block; width: 15px; height: 14px; vertical-align: middle;}
.write_on { position:relative; border:1px solid var(--key-color) !important; width:calc(100% + 2px); height:calc(100% - 2px); margin-left:-1px;}
#register_form input { width:89.5%; font-size: 15px; }
#register_form input:where(:disabled, :read-only) { cursor: default; border:none; }
#register_form input[type="text"] { width:89.5%; font-size: 15px;}
#del_mb_img { display: none; }
#del_mb_icon { display: none; }
::-webkit-input-placeholder { /* Edge */
color: #777;
}
   
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #777;
}

::placeholder {
color: #777;
}

/* 회원가입 완료 */
#reg_result { margin-top:30px; text-align:center;}
#reg_result h2{ font-size: 2em; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #e5e9f0;}
#reg_result h2 strong{color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em; font-size:15px;}
#reg_result .btn_confirm {margin:50px 0}
#reg_result .reg_result_p{font-size:17px; margin:0 0 10px;}
#reg_result .reg_result_p strong{color:var(--key-color);}
#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em}


/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em; font-size: 14px; text-align: center;}
#find_info #mb_email {margin:30px 0; box-shadow:none; border: 0; border-bottom: 1px solid #aaa; padding-left: 20px; font-size:14px;}

/* 로그인 */

#login_fs{padding:0 5% 20px; text-align: right;}
#mb_login #login_fs .lg{position: relative; margin-bottom: 10px; height: 50px; }
#mb_login #login_fs .lg::after{content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--key-color);}
#mb_login #login_fs .frm_input{position: relative; font-size: 15px; padding-left: 20px; transition: all .3s ease-in-out; box-shadow: none; border: 1px solid #ddd; border-radius: 0;  height: 50px; }
#mb_login #login_fs .frm_input:hover{border: 1px solid var(--key-color);}
#mb_login #login_fs .frm_input::placeholder{ font-weight: 400;}

#mb_login #login_fs .btn_submit {margin:0 0 15px;cursor: pointer; font-size: 16px; height: 50px; line-height: 50px; transition: all .3s ease-in-out;}
#mb_login .login_info_wrap { display: flex; justify-content: space-between; }
#mb_login #login_info{width: 100%; font-size: 15px; letter-spacing: -.5px; color:#717171; font-weight:300; }
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info > div{text-align: left;}
#mb_login #login_info a{display:inline-block; transition: all .3s ease-in-out;}
#mb_login #login_info a:hover{text-decoration: underline;}
#mb_login #login_info a:first-child{position: relative; padding-right: 16px;}
#mb_login #login_info a:first-child::before{content: ""; position: absolute; top: 50%; right: 0; width:1px; height: 50%; background: #ddd; transform: translateY(-50%);}
#mb_login #login_info a:last-child{padding-left: 10px;}

#login_auto_login { width:20px; height:20px; border:1px solid #ddd;}
#login_auto_login[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
#login_auto_login[type="checkbox"] + label {display: inline-flex;align-items: center; position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:400; font-size: 15px; letter-spacing: -.5px; transition: all .3s ease-in-out; z-index: 1;}
#login_auto_login[type="checkbox"] + label:hover {color: var(--key-color);}
#login_auto_login[type="checkbox"] + label::before {content: '';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle; border: 1px solid #ddd;}
#login_auto_login[type="checkbox"] + label::after {content:''; display: none; position:absolute; left:6px; top:2px; transform: rotate(45deg); width:6px; height:10px; border:2px solid #fff; border-left:0;  border-top:0;}
#login_auto_login[type="checkbox"] + label:active::before,
#login_auto_login[type="checkbox"]:checked + label:active::before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
#login_auto_login[type="checkbox"]:checked + label::before {text-shadow: 1px 1px white; background:var(--key-color); border-color: var(--key-color);}
#login_auto_login[type="checkbox"]:checked + label::after {display:inline-block;}






#mb_login_notmb {margin:30px auto;padding:20px 30px;border: 1px solid #dde7e9}
#mb_login_notmb h2 {font-size:1.25em;margin:0px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px; font-size: 16px;}

#mb_login_od_wr {margin:30px auto;padding:20px 30px;border: 1px solid #dde7e9}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {margin:10px 0 0;line-height:1.5em;}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:11px 25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .sns-icon {margin-bottom: 0;}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}


.notmb_btn, .order_look { width: 90%; margin-left:5%; display: flex; align-items: center; justify-content: center; height: 50px; padding: 5px 10px; border: 1px solid var(--border-color); cursor: pointer; transition: all .3s ease-in-out;}
.notmb_btn:hover, .order_look:hover {background-color: white; background: #FFFFFF33;}
.login_form .notmb_btn { width:90%; height:50px; line-height: 40px; margin:0px auto; position: initial; font-weight:bold; font-size: 16px; background: #444; color:white; border:none; border-radius: 3px; }

.login_back { position: absolute; width: 25px; height: 25px; right: 10px; top: 10px; border: 1px solid #ddd; font-size: 15px;  cursor: pointer; transition: all .3s ease-in-out;}
.login_back span{display: block; background-color: #717171; position: absolute; width: 2px; height: 15px; top: 4px; left: 10px; transform: rotate(45deg); transition: all .3s ease-in-out;}
.login_back span:last-child{transform: rotate(-45deg);}
.login_back:hover {background-color: #f3f3f3;}


#mb_login_notmb, #mb_login_od_wr {display: none; position: relative; margin: 20px 5%; padding: 20px 3%;}
#mb_login_notmb .s_tit{text-align: center; font-size: 15px; display: block;}
#mb_login_notmb .btn_confirm{margin-top: 30px;}


#mb_login_notmb input[type="checkbox"] + label span {display: inline-block; margin-right: 6px; margin-bottom: 3px; vertical-align: middle; width: 12px; height: 12px; border: 1px solid #ddd;border-radius: 3px;}
#mb_login_notmb input[type="checkbox"]:checked + label span {position: relative;    background: url(./img/chk.png) no-repeat 50% 50% var(--key-color);    border-color: var(--key-color);    float: none;    top: 0;}
#mb_login_notmb, #mb_login_od_wr { display: none;}
#mb_login_notmb #guest_privacy {height: 100px;}

/* 쪽지 */
.memo_list {border-top:1px solid var(--border-color)}
.memo_list li {border-bottom:1px solid var(--border-color);padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
#memo_list .pg_wrap {margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents {margin-bottom:20px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;border-bottom:1px solid var(--border-color);padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:"";}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:1px solid var(--border-color)}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid var(--border-color)}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;font-size:2rem;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px;}

/*포인트*/
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
#point .point_all .full_li span {font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {}
.point_list li:first-child {border-top:1px solid var(--border-color)}
.point_list li {border-bottom:1px solid var(--border-color);padding:15px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;right:15px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* 회원 비밀번호 확인 */
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid var(--border-color);font-size:1.083em;line-height:1.4em;color:var(--sub-text-color);}
#mb_confirm p strong {display:block;color:white;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}

.chk_box {position:relative;}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label { position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;  top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#88b927}
.chk_box input[type="radio"]:checked + label span {border-color:#88b927}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#88b927;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:relative; float:left;width:15px;height:15px;display:block;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label span {position:relative;  background:url(./img/chk.png) no-repeat 50% 50% var(--key-color);border-color:var(--key-color);border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
#register_form .chk_box label {width:auto; margin-right:10px; padding-left: 0;}
#register_form .chk_box .chk_li{font-size: 15px; vertical-align: middle;}


/* 자기소개 */
#profile table {margin-bottom:0}
#profile table th {text-align:left;padding:10px;width:100px}
#profile section {color:#6794d3;padding:10px;border:1px solid #eee;margin:10px 0}
#profile h2 {margin:0 0 5px}
#profile .profile_name {text-align:center;font-weight:bold}
#profile .my_profile_img {display:block;margin:20px 0 5px}
#profile .my_profile_img img {border-radius:50%}
#profile .profile_img img {border-radius:50%}
#profile .profile_name .sv_wrap {font-weight:bold;text-align:left}


/* 이용약관 */
#fregister .text_box p.tos-notice { font-size: 1.5rem; margin: 0; }
#fregister .text_box p + p { margin-top: 0.8rem; }
.tos-body { margin-top: 1.6rem; }
.tos-div-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.4rem; }
.tos-div + .tos-div { margin-top: 2.4rem; }
.tos-info-list li,
.tos-ordered-list li { font-size: 1.4rem; font-weight: 300; line-height: 160%; }
.tos-info-list li + li,
.tos-ordered-list li + li { margin-top: 0.4rem; }
.tos-info-list + p,
.tos-ordered-list + p { margin-top: 0.8rem; }
.tos-div-content p + ol,
.tos-div-content p + ul,
.tos-ordered-list li ol,
.tos-ordered-list li ul { padding-left: 1.6rem; list-style: circle; margin-top: 0.4rem;; }
 

/* 개인정보처리방침 */
#fregister .text_box .txt-wrap { padding: 0; }
#fregister .text_box .txt-wrap p { font-size: 1.5rem; margin-bottom: 1.6rem; }
#fregister .text_box .txt-wrap dl + dl { margin-top: 2rem; }
#fregister .text_box .txt-wrap dl + p { margin-top: 2rem; }
#fregister .text_box .txt-wrap dt { font-weight: 600; margin-bottom: 0.6rem; }
#fregister .text_box .txt-wrap dd { font-size: 1.4rem; font-weight: 300; line-height: 160%; }


@media screen and (max-width:1024px){
    .mbskin .logo_box {-webkit-background-size:70%; background-size: 70%;}
}


@media screen and (max-width:768px){
    .mbskin .logo_box {float: none; width: auto; height:124px; background-size: contain;}
    .mbskin .login_form {float: none; width: 100%; height: 400px;}
    .mbskin .login_wrap {height: auto;}
    .mbskin {height: 80%;}
    #mb_login_notmb, #mb_login_od_wr {margin: 0; position: absolute; left: 50%; width: 90%; top: 50%; transform: translateX(-50%) translateY(-50%);}
    #login_fs {padding: 0 5% 30px;}
    .notmb_btn, .order_look {left: 5%;}

    .mbskin h1 {margin: 20px 0 15px;}
    .notmb_btn {top: 265px;}
}

@media screen and (max-width:600px){
    .register .form_01 li{display: block; flex: none; padding: 20px;}
    .chk_box{padding: 15px 25px !important;}
    #register_form .adr button.btn_frmline{width: 90px; font-size: 13px;}
    #fregisterform .captcha{display: block; flex: none;}

    #mb_login #login_info a:first-child { padding-right: 8px; }
    #mb_login #login_info a:last-child { padding-left: 6px; }
}

@media screen and (max-width:500px){
    .notmb_btn{top: 264px;}
    
    #fregister .text_box{padding: 30px;}
    .fregister_agree input[type="checkbox"] + label span{top: 8px; right: 8px;}
    
    #mb_login #sns_login {padding: 11px;}
    .login_form .notmb_btn { margin-top: 30px; }
}