/*
 * @title		거래사이트 인증페이지
 * @author		김보람
 * @date		2012.03.22
 * @update		수정날짜(수정자)
 * @description
 */
#g_BODY{min-height:100vh;}
.g_container{width:830px;min-height: calc(100vh - 74px - 194px - 60px);}
/* ▼ 회원 로그인 */
.harmful_guide{position:relative;height:119px;background:url(//img1.itemmania.com/new_images/login/img_text.jpg) no-repeat;}
.harmful_guide > a{position:absolute;top:69px;left:149px;display:block;width:210px;height:41px;background:url(//img1.itemmania.com/new_images/login/btn_19out.jpg) no-repeat;text-indent:-9999px;}
.login_big_box{box-sizing:border-box;width:500px;height:640px;margin:56px auto 0;padding:30px 52px 0;border:1px solid #E0E0E0;}
.login_big_box .g_tab{ font-size:15px;}
.login_big_box .g_tab > * > a{ line-height:33px;}
.login_big_box .g_tab > .selected{border-color:#444;}
.nonmember_box{display:none;}
.login_form .btn_wrap{margin-top:20px;}
.login_form .btn{display:block;width:100%;height:58px;margin-bottom:10px;font-size:16px;font-weight:bold;text-align:center;}
.login_form a.btn{line-height:58px;}
.login_form .btn_blue{margin-bottom:0;background-color:#216ED7;color:#FFF;}
.login_form .btn_green{background-color:#00C73C;color:#FFF;}
.login_form .btn_yellow{background-color:#FEE100;color:#5A4D16;}
.login_form .btn_orange{background-color:#F08C00;color:#FFF;}
.login_form .btn_gray{background-color:#9F9F9F;color:#FFF;}
.login_form .btn_red{background-color:#DA4328;color:#FFF;}
.login_form .btn_orange em{font-size:12px;font-weight:normal;}
.btn [class^=icon]{display:inline-block;width:21px;height:21px;margin-right:10px;vertical-align:middle;}
.icon_naver{background:url(//img2.itemmania.com/new_images/login/icon_naver.png) no-repeat;}
.icon_kakao{background:url(//img2.itemmania.com/new_images/login/icon_kakao.png) no-repeat;}
.icon_myotp{background:url(//img2.itemmania.com/new_images/login/icon_myotp.png) no-repeat;}
.input_area li{margin-bottom:10px;}
.input_area .id_save{margin-bottom:0;}
.input_area .g_text, .user_login .input_area .g_password{width:100%;height:50px;padding:0 15px;font-size:15px;}
.input_area .g_checkbox{width:20px;height:20px;margin-right:3px;vertical-align:top;}
.gray_line{height:1px;margin:20px 0;border-top:1px solid #DEDEDE;}
.find_area{text-align:center;color:#767676;}
.find_area > a{display:inline-block;vertical-align:middle;}
.find_area > a::after{display:inline-block;margin:-3px 10px 0;content:"|";font-size:11px;vertical-align:middle;color:#C1C1C1;}
.find_area > a:last-child::after{content:"";}
.login_ing{display:none;}
.login_ing > div{ margin-bottom:20px;padding:20px 0;border:1px solid #D7D7D7;text-align:center;}
.login_info{text-align:center;line-height:30px;margin-bottom:10px;}
/*.login_big_box #login_title{ margin:0 auto; padding-bottom:5px; width:760px; border-bottom:1px solid #E4E4E4 }*/
/*.login_big_box .section_box{ float:left; width:377px }*/
/*.login_big_box .section_box_first{ margin-right:8px }*/
/*.login_big_box .section_box .login_box{ height:177px; padding:35px 35px 20px; border:1px solid #E4E4E4; background-color:#F8F8F8; text-align:center; }*/
/*.login_big_box .section_box .login_box .g_list{ float:left; width:220px }*/
/*.login_big_box .section_box .login_box .g_list li{ height:22px; line-height:22px; background-position:0 -54px }*/
/*.login_big_box .section_box .login_box .g_list li .bold_txt{ float:left; width:80px; font-weight:bold }*/
/*.login_big_box .section_box .login_box .g_list .id_save{ margin:3px 0 0 80px }*/
/*.login_big_box .section_box .login_box .find_user{ margin:10px 0; text-align:center }*/
/*.login_big_box .section_box .login_box .gray_line{ margin:10px 0; border-bottom:1px solid #DEDEDE }*/
/*.login_big_box .section_box .login_box .info_text{ width:100% }*/
/*.login_big_box .section_box .login_box .info_text li{ float:left; margin-top:7px; font-weight:bold }*/
/*.login_big_box .section_box .login_box .info_text .list_non{ margin-top:6px; text-align:center }*/
/*.login_big_box .section_box .login_box .g_list li .g_text, .login_big_box .section_box .login_box .g_list li .g_password{ width:120px }*/
/*.login_big_box .section_box .login_box .user_login{ display:none; width:315px }*/
/*.login_big_box .section_box .login_box .user_login div{ text-align:center }*/
/*.login_big_box .section_box .login_box .user_login .g_black3_11{ margin-top:10px }*/
/*.login_big_box .section_box .login_box .g_black1_11{ margin-bottom:20px; text-align:center }*/
/*.login_big_box .section_box .login_box .nonmember_text{ margin-top:15px; text-align:center }*/
/*.login_big_box .section_box .login_box .nonmember_text img{ margin-top:18px }*/
/*!*.naver_id_login{ display:inline-block; height:30px; margin-top:5px; padding-left:32px; border:1px solid #0EA400; background:#1EC800 url(//img2.itemmania.com/images/login/m_btn_naver01.png) no-repeat; color:#FFF; cursor:pointer }*!*/
/*!*.naver_id_login span{ display:inline-block; width:180px; margin-top:7px; text-align:center; letter-spacing:-1px }*!*/
/*.naver_id_login{ float:left; font-size:0; width:146px; height:32px; margin-top:5px; padding-bottom:5px; background: url(//img2.itemmania.com/new_images/login/btn_join_naver.gif) no-repeat; color:#FFF; cursor:pointer }*/
/*.myotp_id_login{ float:left; font-size:0; width:146px; height:32px; margin-top:5px; padding-bottom:5px; margin-left:12px; background: url(//img2.itemmania.com/new_images/login/btn_join_otp.gif) no-repeat; color:#FFF; cursor:pointer }*/
/* ▲ 회원 로그인 */
/* ▼ 청소년유해매체 안내 */
/*.harmful_guide{ float:left; margin-top:46px }*/
/*.harmful_guide .harmful_dsc{ width:536px; margin:20px 0 0 50px }*/
/*.harmful_guide .out_btn{ margin-top:25px }*/
.certify_box{position:relative;margin-top:44px;padding:20px 0 20px 20px;border:4px solid #E7E7E7;}
.certify_box .info_txt{ margin-top:20px; text-align:center; font-weight:bold }
.certify_box .g_btn{ margin-bottom:30px }
.certify_box .certify_dsc{ margin:10px 0; padding-left:10px; background:url(//img1.itemmania.com/images/icon/arr_blue.gif) no-repeat 0 50%; font-weight:bold; color:#5B5B5B }
.certify_box .certify_method_box{ float:left; padding:35px 40px 13px; border:1px solid #ECECEC; background-color:#FAFAFA }
.certify_box .certify_method_box li{ width:150px; margin-bottom:20px; text-align:center }
.certify_box .bar{ float:left; width:19px; height:207px; margin-left:19px; border-left:1px solid #ECECEC }
.domain_img{ margin:50px 0 40px; text-align:center }
/* ▲ 청소년유해매체 안내 */
/* ▼ new.itemmania.com */
.newmania_logo{width:645px;height:146px;margin:0 auto;padding:100px 0 39px;}
.certify_box_s1{text-align:center;width:645px;margin:44px auto 0;}
.certify_box_s1 .certify_method_box{ display:inline-block; float:none; padding:35px 50px 13px }
.certify_box_s1 .last_method{ margin-left:60px }
.foot_img{ padding-top:50px; text-align:center }
/* ▲ new.itemmania.com */
/* ▼ 로그인인증 Q&A */
.qna_list{ padding:20px; border:1px solid #E7E7E7; }
.qna_list .best_img{ position:relative; top:-1px; left:-56px; margin-bottom:-68px }
.qna_list .sub_title{ clear:both; padding:10px 0 10px 35px; border-bottom:1px solid #E8E8E8; background:url(//img1.itemmania.com/images/icon/q_1.gif) no-repeat 14px 9px; cursor:pointer }
.qna_list .answer_box{ display:none; float:left; padding:9px 0; border-bottom:1px solid #E8E8E8; background-color:#F8F8F8; color:#767676 }
.qna_list .answer_box img{ margin:0 9px 0 14px }
.qna_list .answer_box .qna_answer{ float:left; width:743px }
/* ▲ 로그인인증 Q&A */
/* ▼ myOtp 로그인 */
.myotp_id_layer_wrapper{
    z-index:1;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
    background:rgba(0, 0, 0, 0.8);
}
.myotp_id_layer_wrapper > .inner > .myotp_id_layer_content{
    z-index:2;
    position:absolute;
    top:50%;
    left:50%;
    width:500px;
    height:350px;
    margin-top:-175px;
    margin-left:-250px;
    background:url(//img2.itemmania.com/new_images/login/pop_otp.jpg) no-repeat;
}
.myotp_id_layer_wrapper > .inner > .myotp_id_layer_content > .myotp_id_success{
    position:absolute;
    bottom:30px;
    left:100px;
    width:137px;
    height:46px;
    background:url(//img2.itemmania.com/new_images/login/btn_potp_ok.gif) no-repeat;
    font-size:0;
    cursor:pointer;
}
.myotp_id_layer_wrapper > .inner > .myotp_id_layer_content > .myotp_id_cancle{
    position:absolute;
    right:100px;
    bottom:30px;
    width:137px;
    height:46px;
    background:url(//img2.itemmania.com/new_images/login/btn_potp_cancel.gif) no-repeat;
    font-size:0;
    cursor:pointer;
}
/* ▲ myOtp 로그인 */