body { 
    position:relative; 
    height:100%; 
    background:#f5f6f7; 
    font-family: NanumGothic, 나눔고딕, "Nanum Gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, AppleSDGothicNeo, Arial, sans-serif;
}
#wrap { position:relative; min-height:100%; }
#header, #container { width:460px; margin:0 auto; }
#header { position:relative; box-sizing:border-box; height:220px; padding:62px 0 0; text-align:center; }
#header .web_logo { width:460px; margin:0 auto; }
#header .h_logo { display:block; overflow:hidden; margin:0 auto; /*width:240px;*/ }
#header .mobile_logo { display:none; }
#container { width:460px; margin:0 auto; }
#footer {
    position:relative;
    width:100%;
    margin:0 auto;
    padding:15px 0 30px;
    text-align:center;
}
#footer ul { margin-bottom:10px; }
#footer ul li { display:inline; position:relative; padding:0 8px; font-size:11px; }
.mobile_pc_keyboard { display:none; float:right; margin-bottom:10px; }
.mobile_pc_keyboard a { color:#999; }
.image_keyboard { margin-bottom:10px; }
.image_keyboard img { width:100%; }

/* placeholder color css */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#8e8e8e;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#8e8e8e;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#8e8e8e;
}
:-moz-placeholder { /* Firefox 18- */
    color:#8e8e8e;
}

.login_form { clear:both; }
.input_row { 
    position:relative; 
    height:29px; 
    margin:0 0 14px; 
    padding:10px 35px 10px 15px; 
    border:solid 1px #dadada; 
    background:#fff; 
}
.input_box { 
    display:block; 
    overflow:hidden; 
}
.int { 
    font-size:15px; 
    line-height:16px; 
    position:relative; 
    z-index:0; 
    width:100%; height:16px; 
    padding:7px 0 6px; 
    border:none; 
    background:#fff; 
    -webkit-appearance:none; 
}
.btn_login { 
    font-weight:700;
    line-height:61px;
    display:block;
    width:100%;
    height:61px;
    margin:30px 0 13px;
    padding-top:2px;
    cursor:pointer;
    text-align:#fff;
    border-radius:2px;
    background-color:#236fe7;
    border:1px solid #1159ca;
    -webkit-appearance:none;
    font-size:20px;
    color:#fff;
}
.login_check_box { position:relative; display:block; height:26px; margin:0 0 28px 1; }
.login_check_box span { display:inline-block; margin-left:20px; color:#888; }
.find_info { margin-bottom:20px; font-size:13px; line-height:14px; padding-top:20px; text-align:center; color:#8e8e8e; border-top:1px solid #e4e4e5; }
.find_info a { display:inline-block; text-decoration:none; color:#8e8e8e; }
.find_info .bar { margin:0 4px; }
.bar { display:inline-block; width:1px; height:13px; text-indent:-999em; background:#e4e4e5; }

.error { display:block; color:#ff1616; /*line-height:16px; margin:-2px 0 12px;*/ }
.error > p { padding:10px 0; line-height:16px; }

.sns_login { margin:30px 0 20px; text-align:center; }
.sns_login a { display:inline-block; margin:0 5px; padding:8px 10px 5px 8px; border-radius:30px; }
.sns_login a:hover { text-decoration:none; }
.btn_kakao { background-color:#f9d821; color:#333; border-color:#f9d821; }
.btn_naver { background-color:#10c611; color:#fff; border-color:#10c611; }
.btn_facebook { background-color:#3c5b9e; color:#fff; border-color:#3c5b9e; }
.ico_kakao, .ico_naver, .ico_facebook { display:inline-block; width:25px; height:25px; vertical-align:middle; margin-top:-2px; }
.ico_kakao { background:url("/image/ico/ico_kakao.png") no-repeat; }
.ico_naver { background:url("/image/ico/ico_naver.png") no-repeat; }
.ico_facebook { background:url("/image/ico/ico_facebook.png") no-repeat; }

.biz_signbox { padding:20px 0; border-top:1px solid #e4e4e5; text-align:center; }
.biz_signbox .btn_bizsign { 
    display:inline-block; 
    background:#fff; 
    padding:10px 20px;
    font-size:14px; 
    font-weight:bold; 
    border:1px solid #ddd; 
}
.biz_signbox .btn_bizsign:hover { text-decoration:none; color:#236fe7; } 

/* 아이디 찾기 */
.find_content h1 { 
    margin-bottom:10px;
    text-align:center;
    font-size:28px;
    font-weight:bold;
}
.find_content h1 span { display:inline-block; padding-bottom:20px; border-bottom:2px solid #333; } 
.find_content .find_explan {
    display:block;
    padding:20px 0;
    text-align:center;
    color:#333;
    line-height:18px;
}
.find_tab { margin:0; }
.find_tab li { width:50%; font-size:14px; }
.find_tab li a { padding:1em 2.5em !important; }
.row_group { margin-bottom:10px; border:1px solid #dadada; background:#fff; }
.find_group { border-top:0; }
.group_explan { display:block; padding:20px; color:#999; line-height:18px; }
.row_group .join_row:first-child, .row_group .find_row:first-child, .row_group .membership_row:first-child { border:0; }
.join_row, .find_row, .membership_row { padding:11px 11px 11px 13px; border-top:solid 1px #f0f0f0; background:#fff; }
.join_mobile, .join_mobile_certify, .find_mobile, .find_email, .edit_mobile, .edit_sns { position:relative; }
.int_mobile, .int_email, .int_mobile_certify, .int_sns { margin-right:90px; }
.ps_box { display:block; position:relative; height:29px; }
.btn_mobile_submit, .btn_certify_submit, .btn_email_submit { position:absolute; top:8px; right:8px; }
.btn_c { display:inline-block; width:80px; height:30px; border:1px solid #ddd; background:#fff; font-size:12px; text-align:center; line-height:30px; color:#333; }
.info { display:block; margin:5px 0; color:#2cb400; }
.choice_complete { display:block; padding:20px 0; text-align:center; }

.input_checkbox { display:block; height:34px; margin-bottom:5px; position:relative; }
.input_checkbox label { 
    display:block;
    width:100%;
    height:34px;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    font-size:14px;
    font-weight:bold;
    color:#333;
    line-height:34px;
    cursor:pointer;
}
.id_choice_list label { background:url(/image/ico/ico_checkbox_off.png) 0% 50% no-repeat; text-indent:40px; }
.id_choice_list i.on label { background:url(/image/ico/ico_checkbox_on.png) 0% 50% no-repeat; }
.id_choice_list input { width:10px; height:10px; position:absolute; top:50%; left:4px; z-index:9; margin-top:-1px; }

.join_content > h1 { margin-bottom:20px; text-align:center; font-size:28px; font-weight:normal; }
.terms_box { 
    position:relative;
    width:100%;
    height:100px;
    margin-bottom:10px;
    border:1px solid #eee;
    background:#f8f8f8;
    overflow:auto;
}
.row_group .join_row { position:relative; }
.row_group .join_row > h3 { float:left; margin:5px 0; }
.row_group .input_check { width:60px; float:right; }
.row_groupbox .join_boxinp > h3 span { color:#ff3300; }

.btn_join, .btn_find { display:block; height:60px; width:100%; margin:30px 0 13px; background:#236fe7; border:1px solid #1159ca; border-radius:2px; }
.btn_join input, .btn_find input, .btn_join a { 
    width:100%; height:60px; 
    border:none; 
    font-size:20px; font-weight:bold; 
    color:#fff; 
    background:none; 
    letter-spacing:2px;
    text-align:center;
}
.btn_join a { display:block; height:60px; line-height:60px; }
.input_check { position:relative; margin-bottom:20px; }
.input_check input { width:10px; height:10px; position:absolute; top:5px; left:2px; z-index:9; margin-top:-1px; }
.input_check label {
    display:block;
    width:100%;
    height:24px;
    position:absolute;
    top:0; left:0; z-index:10;
    font-size:12px;
    color:#333;
    line-height:1.5em;
    cursor:pointer;
    text-indent:25px;
    background:url("/image/ico/ico_checkbox_off.png") no-repeat;
}
.input_check i.on label { background:url("/image/ico/ico_checkbox_on.png") no-repeat; font-weight:bold; }
.privacy_ex { padding:2px 0 0 80px; }
.sign_upbox { padding:40px 20px; text-align:center; }
.sign_upbox h2 { margin:30px 0 10px 0; font-size:22px; }

.join_explain { color:#8e8e8e; }

/* 내정보 */
.membership_myinfobox h1 { margin-bottom:20px; text-align:center; font-size:28px; font-weight:normal; }
.membership_myinfobox .myinfo_tab { margin-bottom:20px; clear:both; }
.membership_myinfobox .myinfo_tab li { width:33.33%; border:0; background-color:#929fab; }
.membership_myinfobox .myinfo_tab li.nav-active { background-color:#fff; }
.membership_myinfobox .myinfo_tab li a { text-align:center; font-size:14px; padding:20px 0 !important; color:#fff; border:1px solid #929fab; }
.membership_myinfobox .myinfo_tab li a:hover { background:none; }
.membership_myinfobox .myinfo_tab li.nav-active a { color:#333; border:1px solid #929fab; font-weight:bold; }

.membership_group { border:1px solid #ddd; }
.membership_group .row_group { border:0; margin:0; }
.content_info { display:block; font-weight:bold; font-size:14px; line-height:18px; }
.content_info p { padding:4px 0; }
.content_info p strong { display:inline-block; width:100px; font-weight:normal; }

.group_explan { display:block; padding:10px; color:#999; line-height:18px; text-align:center; }
.row_group .title_box { border-bottom:1px solid #f0f0f0 !important; }
.membership_row .cof-btn { margin-top:10px; }
.sns_loginbox { margin:10px 0 20px; padding-top:20px; border-top:1px solid #eee; }
.sns_loginbox h2 { margin-bottom:20px; text-align:center; }
.int_sns { line-height:29px; }
.withdrawal_box { border-top:1px solid #f0f0f0 !important; }
.secession_reason { padding:5px 10px; }
.secession_reason li { padding:8px 0; font-size:14px; }
.secession_reason li input { width:18px; height:18px; vertical-align:middle; }
.secession_reason li label { cursor:pointer; }
.membership_myinfobox h3 { margin-bottom:10px; text-align:left; font-size:16px; font-weight:bold; }
.hope_that textarea { width:100%; height:80px; border:1px solid #ddd; background-color:#f8f8f8; }
.sign_upbox { padding:40px 20px; text-align:center; }
.sign_upbox h2 { display:block; margin:30px 0 10px 0; font-size:22px; }
.sign_upbox p { padding:5px 0; font-size:14px; line-height:1.4em; }
.sign_upbox .point { margin-bottom:10px; color:#ff6600; }

/* 이용약관 개인정보취급방침 이메일 무단 수집거부 */
.agreement { min-width:320px; max-width:900px; margin:0 auto 60px auto; }
.email_rejectionbox { max-width:450px; }
.agreement_box { background:#fff; margin:10px; border:1px solid #dadada; }
.agreement_style { padding:20px; font-family:NanumGothic,나눔고딕,Malgun Gothic,맑음고딕,dotum,돋움,sans-serif; line-height:18px; color:#666; }
.agreement_style h1 { font-size:20px; margin:20px 0; color:#333; }
.agreement_style h2 { font-size:14px; margin:10px 0; color:#333; }
.agreement_style h3 { font-size:12px; margin:10px 0; color:#333; }
.agreement_style p { padding:0 5px 10px 5px; }
.agreement_style ol { display:block; padding-left:30px; list-style-type:decimal; }
.agreement_style ol li { padding-bottom:6px; }
.agreement_style ol li > ol { padding:4px 0 0 4px; list-style-type:none; }
.agreement_style .first_letter { padding-right:5px; font-weight:bold; }
.privacy_introbox { padding:20px; border:1px solid #ededed; }
.privacy_info { padding:10px; }

.cof-respon-mobile { display:none; }

@media only screen and ( max-width:790px ) {
    #header, #container { width:100% !important; margin:0 auto; }
    .mobile_pc_keyboard { display:block; }
    .loginbox,
    .find_content,
    .join_content,
    .membership_myinfobox { margin:0 10px; }
    #header { margin-bottom:10px; padding:20px 0 0; height:auto; }
    #header .web_logo, .join_sns { display:none; }
    #header .mobile_logo { display:block; margin-bottom:20px; }
    #header .h_logo { width:250px; }
    #header .h_logo img { width:250px; }
    .find_info { font-size:14px; }
    .btn_login { margin:20px 0 10px; }
    .sns_login a { display:block; margin:5px 0; padding:15px 10px 10px 15px; }
    .cof-respon-mobile { display:block; height:0; visibility:hidden; }
    #footer ul li { font-size:14px; }
    .input_row { margin:0 0 5px; }
}

.sns_check { padding:30px 10px; text-align:center; }
.sns_check h2 { margin-bottom:10px; font-size:18px; font-weight:normal; }
.sns_check p { margin-bottom:10px; color:#888; line-height:1.4em; }