.popup-box {width:100%; background:#F3F3F3; font-family:"Noto Sans KR", sans-serif;}
.popup-box h2 {background:#333; color:#FFF; padding:10px;}
.popup-box .inner {padding:20px;}
.popup-box .inner dl {width:100%; padding:20px 0;}
.popup-box .inner dt {color:#000; width:25%; display:inline-block;}
.popup-box .inner dt::before {content:""; display:inline-block; vertical-align:top; background:#333;  width:3px; height:3px; margin-top:9px; margin-right:6px; border-radius:50px;}
.popup-box .inner dd {width:70%; display:inline-block; padding-bottom:10px;}
.popup-box .inner dd input {width:100%; padding:5px; border:1px solid #CCC;}
.input-box .input {display:inline-block; width:70%; vertical-align:middle;}
.input-box .btn {display:inline-block; width:29%; vertical-align:middle;}
.input-box input {width:100%; padding:10px;}
input[type='submit'][name='popup_btn'] { background:#1e3d8a; padding:8px 40px; color:#FFF; font-size:15px; border:0; font-weight:400; font-family:"Noto Sans KR", sans-serif; cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none;}
.close-wrap {position:absolute; right:10px; bottom:20px;}
a.close {color:#333; background:#FFF; border:1px solid #999; text-align:center; font-size:11px; padding:5px 10px; font-weight:500; margin:0 auto; margin:0 1px; }
a.btn-st1 {color:#FFF; background:#b98a5f; display:inline-block; text-align:center; font-size:12px; padding:5px 15px; border-radius:3px; font-weight:500; margin:0 auto; margin:0 1px; }
a.btn-st2 {color:#FFF; background:#1e3d8a; display:inline-block; text-align:center; font-size:14px; padding:7px 25px; font-weight:500; margin:0 auto; margin:0 1px; }
a.btn-bk {color:#FFF; background:#333; display:inline-block; text-align:center; font-size:14px; padding:5px 15px; font-weight:500; margin:0 auto; margin:0 1px; }
.mr10 {margin-right:10px;}
.mtb20 {margin:20px 0;}
.mtb10 {margin:10px 0;}
.mt20 {margin-top:20px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.txt-center {text-align:center;}
.txt-right {text-align:right;}
.txt-left {text-align:left;}
.w110 {display:inline-block; padding:0 !important; width:110px;}
/* Å×ÀÌºí µðÀÚÀÎ */
table.mem-t {width:100%;}
.mem-t td {border:1px solid #999; padding:5px; background:#FFF;}
.mem-tid {color:#1e1e1e; text-align:center;}
/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.member-tit-box {font-size:14px; line-height:22px; width:100%; border:1px solid #DDD; background:#F5F5F5; padding:25px;}
.member-tit-box b {font-size:120%; display:inline-block; padding-bottom:5px;}
.member-tit-box p {padding-bottom:0; font-size:100%;}
.member-box h3 {font-size:18px; line-height:normal; color:#000; font-weight:500; padding-bottom:8px;}
.member-box h4 {font-size:16px; line-height:normal; color:#000; font-weight:400; padding-bottom:8px;}
.member_txt h3 {font-size:18px; line-height:normal; color:#000; font-weight:500; padding-bottom:8px;}
.member_txt {font-size:14px; color:#333333;}
.member-join_txt h3 {font-size:24px; color:#000;}
.member_join_txt td {font-size:14px; line-height:normal; padding:10px; border-bottom:1px solid #E5E5E5;}
.member_join_txt td td {border-bottom:0;}
.td_gray {background:##F7F7F7}
.line-bt {border-bottom:2px solid #000;}
.join_txt {font-size:11px;color:#666666;}
/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.member_border {padding:4px; color:#333333;border:1px solid #D4D4D4;}
/* Ç׸ñ ½ºÅ¸ÀÏ */
.member_td_bgcolor {background-color:#F7F7F7;font-size:12px;color:#000000; text-align:center;}
/* ȸ¿ø Áֹεî·Ï¹øÈ£/¿©±Ç¹øÈ£/¿Ü±¹Àεî·Ï¹øÈ£/¹ýÀιøÈ£ È®ÀÎ ½ºÅ¸ÀÏ */
ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}
.member_divide {width:100%; font-size:12px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; color:#555; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}
.member_info {}
.member_info dl {}
.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}
input,button {border-radius:0;}
.loginwrap {font-size:13px; }
.login_boxwrap { }
.login_box {width:70%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:40px; margin-bottom:30px; text-align:center;}
.login_box h3 { text-align:center; padding-bottom:20px; font-size:27px; font-weight:500; }
.login_box p { text-align:center; padding-bottom:30px; }
.login_box ul li { padding:3px 0; }
.login_tit { width:15%; display:inline-block; font-weight:500; font-size:14px; color:#000; }
.login_input_box_btn { text-align:center; padding:20px 0; }
#loginbox {background:url(../img/main/bg_login.gif) no-repeat;text-align:left;color:CACACA;}
#loginbox span {font-family:µ¸¿ò;color:666666;font-weight:500;}
#loginbox input {margin:1 0 -1 8;vertical-align;middle;border:1px solid #CACACA;}
#loginbox2 {background:url(../img/main/bg_login.gif) no-repeat;width:495;height:247;text-align:left;padding:13 0 0 142;color:CACACA}
#loginbox2 span {font-family:µ¸¿ò;color:666666;font-weight:500;}
#loginbox2 input {margin:1 0 -1 8;vertical-align;middle;border:1px solid #CACACA; }
input[type='text'][name='com_member_login_id'],input[type='password'][name='com_member_login_pw'],input[type='text'][name='order_code'],input[type='text'][name='oname'] { width:80%; border:1px solid #CCC; padding:10px; }
input[type='submit'][name='login_btn'] { background:#333; padding:10px 50px; color:#FFF; font-size:19px; border:0; font-family:'Raleway','Nanum Gothic','nanumgothic',sans-serif; font-weight:400; cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none;}
input[type='submit'][name='confirm_btn'] { background:#333; padding:10px 50px; color:#FFF; font-size:17px; border:0; font-family:'Nanum Gothic','nanumgothic',sans-serif; font-weight:500; cursor:pointer; }
a.search_btn { color:#666; border:1px solid #BBB; text-align:center; font-size:13px; padding:5px 20px; font-weight:500; margin:0 auto; margin:0 1px; }
a.search_btn:hover { text-decoration:none; background:#BBB; color:#FFF;}
a.login_btn {color:#FFF; background:#333; text-align:center; font-size:17px; padding:15px 30px; font-weight:500; margin:0 auto; margin:0 1px; }
a.login_btn:hover {background:#555;}
/* ȸ¿ø°¡ÀÔ */
.joinwrap {font-size:13px; }
.join_box {width:70%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:40px; margin-bottom:30px; text-align:center;}
.join_box h3 { text-align:center; padding-bottom:10px; font-size:27px; font-weight:500; }
.join_box p { text-align:center; padding-bottom:30px; }
.join_box table {text-align:left;}
.join_box ul li { padding:3px 0; }
.join_tit { width:15%; display:inline-block; font-size:13px; font-weight:400; color:#000; }
.join_input_box_btn { text-align:center; padding:20px 0; }
input[type='text'][name='com_member_name'],input[type='text'][name='com_member_email'] { width:80%; border:1px solid #CCC; padding:10px;}
input[type='submit'][name='join_btn'] { background:#333; padding:10px 50px; color:#FFF; font-size:15px; border:0; font-weight:400; font-family:"Noto Sans KR", sans-serif; cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none;}
.btn-jok { background:#333; padding:10px 50px; color:#FFF; font-size:15px; border:0; font-weight:400; font-family:"Noto Sans KR", sans-serif;}
.btn-jcl { background:#999; padding:10px 50px; color:#FFF; font-size:15px; border:0; font-weight:400; font-family:"Noto Sans KR", sans-serif;}
@media all and (max-width: 1024px) {
.login_box {width:80%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:40px; margin-bottom:30px; }
}
@media all and (max-width: 768px) {
.member-box h3 {font-size:16px;}
.member_txt h3 {font-size:16px;}
.member_txt {font-size:12px;}
select[name='pw_question'] {width:95%; }
input[name='member_img'] {width:100%; }
.member_join_txt td {font-size:12px; width:50px;}
/* ·Î±×ÀÎ */
.loginwrap {font-size:12px; }
.loginwrap {margin:0 auto; width:100%;height:auto; display:table;}
.login_boxwrap {width:100%; padding:5px 0;}
.login_box {width:100%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:30px; margin-bottom:20px; }
.login_box h3 {text-align:center; padding-bottom:20px; font-size:22px; font-weight:500; }
.login_box p { text-align:center; padding-bottom:15px; font-size:12px; }
.login_box ul li { padding:3px 0; }
.login_tit { width:25%; display:inline-block; font-weight:500; font-size:12px; color:#000; }
.login_input_box_btn { text-align:center; padding:10px 0; }
input[type='text'][name='com_member_login_id'],input[type='password'][name='com_member_login_pw'],input[type='text'][name='order_code'],input[type='text'][name='oname'] { width:75%; border:1px solid #CCC; padding:5px; }
input[type='submit'][name='login_btn'] { background:#333; padding:8px 40px; color:#FFF; font-size:16px; border:0; font-family:'Raleway','Nanum Gothic','nanumgothic',sans-serif; font-weight:400; cursor:pointer;  }
input[type='submit'][name='confirm_btn'] { background:#333; padding:10px 50px; color:#FFF; font-size:14px; border:0; font-family:'Nanum Gothic','nanumgothic',sans-serif; font-weight:500; cursor:pointer; }
a.search_btn {font-size:12px; padding:5px 8px;}
/* ȸ¿ø°¡ÀÔ */
.joinwrap {font-size:12px; }
.join_box {width:100%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:30px; margin-bottom:20px;}
.join_box h3 {text-align:center; padding-bottom:20px; font-size:22px; font-weight:500; }
.join_box p { text-align:center; padding-bottom:15px; font-size:12px; }
}
@media all and (max-width: 480px) {
.login_box {width:100%; margin:0 auto; border:1px solid #CCC; border-top:2px solid #000; background:#F5F5F5; padding:20px; margin-bottom:10px; }
.member_join_txt td td {display:block; width:100%; padding:3px;}
.member_border {margin:1px 0;}
.w110 {width:75px;}
.member-box input[type='text'] {width:95% !important;}
.member-box select[name="email2"] {width:95% !important;}
.member-box input[name='passwd'] {width:95% !important;}
.member-box input[name='passwd_chk'] {width:95% !important;}
.member-box input[name='com_member_secede_pw'] {width:95% !important;}
}