@charset "utf-8";
/* 폰트속성 */
.fw_0 {font-weight:normal  !important;}
.fw_1 {font-weight:500}
.fw_2 {font-weight:600}
.fw_3 {font-weight:700}
.fw_4 {font-weight:800}
.fw_5 {font-weight:900}

/* 폰트속성 size */
.f_s {font-size:0.875rem !important}
.f_l {font-size:1.25rem !important}


/* 로그인 */
.mbskin input.required {font-size:1rem;height:45px;}
.mbskin {width: 100%;height: 100vh;background: url(/theme/basic/img/iogin_bg.png) no-repeat center #f8f8f8;}
.mbskin_box{display: inline-block;overflow-x: hidden;width: 100%;vertical-align: middle;padding-top: 160px;}
.mbskin_box .logo_box {display: flex;justify-content: center;position:relative;}
.mbskin_box .logo_box .idm_logo  {width: 300px;height: 100px;background: url(/theme/basic/img/adm_logo_c.png) 0 0 no-repeat;}
.mbskin_box .login_form {width: 600px;margin:35px auto;padding: 55px 90px 50px;box-shadow: 0 14px 28px rgba(0, 0, 0, 0.07), 0 10px 28px rgba(0, 0, 0, 0.07);background-color: #fff;}
.mbskin_box .login_form .fb1 {text-align: center;font-size: 1.625rem;margin-bottom: 30px;}
.mbskin_box .login_form .input_box {width: 100%;}
.mbskin_box .login_form .input_id {margin-bottom: 5px;}
.mbskin_box .login_form .input_box input {width: 100%;}
.mbskin_box .login_form .btn_submit {width: 100%;margin-top: 15px;border: 1px solid #455195;background: #455195;color: #fff;transition: all 0.2s ease 0s;}
.mbskin_box .login_form .btn_submit:hover {background-color: #3e56df  !important;}
.mbskin_box .login_form .link_box {margin-top: 20px;justify-content: space-between;}
.mbskin_box .login_form .join_site {margin-top: 40px;padding-top: 20px;position: relative;border-top: 1px solid #ececec;}
.mbskin_box .login_form .join_site .text_pr {font-size: 0.875rem;padding: 0 7px;background: #fff;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);color: #b0b0b0;}
.mbskin_box .login_form .join_site .join_btn {width: 100%;padding: 10px;text-align: center;border: 1px solid #787878;border-radius: 4px;}
.mbskin_box .login_form .join_site .join_btn:hover {box-shadow: 6px 6px 10px 4px rgba(0, 0, 0, 0.04);transition: all 0.2s ease 0s;}
.mbskin .policy {text-align: center;}
.mbskin .policy .btn_box {font-size: 0.875rem;}
.mbskin .policy .btn_box .fb1 {margin-right: 20px;position: relative;}
.mbskin .policy .btn_box .fb1::after {content: '';display: block;width: 2px;height: 13px;background-color: #888888;position: absolute;top: 1px;right: -13px;transform: rotate(30deg);}
.mbskin .policy .copy {margin-top: 15px;font-size: 0.875rem;}

/* 아이디 비밀번호 찾기 */
.new_win .explain {text-align: center;margin-bottom: 20px;}
.new_win .explain span {position: relative;font-weight:500;}
.new_win .explain span::after {content: '';display: block;width: 100%;height: 8px;background: rgba(231, 109, 76, 0.2);position: absolute;bottom: -2px;left: 0;}
.new_win .captcha {display:flex;flex-wrap:wrap;position:relative;margin-top:30px;}
.new_win .captcha #captcha_info {font-size:0.875rem;margin-bottom:7px;}
.new_win .captcha .cc_img_box{width:100%;border:1px solid #ddd;border-radius:4px;text-align:center;margin-bottom:3px;}
.new_win .captcha .captcha_box {width:calc(100% - 96px);}
.new_win .captcha button {font-size:0;width:45px;}
.new_win .captcha button#captcha_mp3 {background: url(/theme/basic/img/captcha_sound_ico.png) no-repeat center #F0F0F0;margin:0 3px;}
.new_win .captcha button#captcha_reload {background: url(/theme/basic/img/captcha_reset_ico.png) no-repeat center #F0F0F0;}

/* 회원가입 */
.register input.required {font-size:1rem;height:45px;width:100%;}

/*회원가입 - 동의*/
.register .reg_step li {padding: 7px 15px;border: 1px solid #ddd;border-radius: 20px;margin-right: 20px;font-size: 0.875rem;position: relative;}
.register .reg_step li::after {content: '';display: block;width: 20px;height: 1px;background: #ddd;position: absolute;right: -22px;top: 15px;}
.register .reg_step li:last-child {margin-right: 0;}
.register .reg_step li:last-child::after {display: none;}
.register .reg_step li span {font-weight: 500;}
.register .reg_step li.on {background: #c73533;color: #fff;border: 1px solid #c73533;}
.register .clause_agree {border: 1px solid #ddd;padding: 40px;width: 800px;margin: 0 auto;border-radius: 20px;}
.register .clause_agree .chk_all {width: 100%;text-align: center;border: 1px solid #ddd;padding: 15px 0;border-radius: 5px;font-weight: 700;}
.register .clause_agree .notice {margin-top: 15px;padding-left: 30px;font-size: 0.938rem;position: relative;}
.register .clause_agree .notice::after {content: '!';display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #ddd;text-align: center;color: #787878;font-size: 0.875rem;line-height: 20px;position: absolute;top: 0;left:0;}
.clause_agree .fregister_agree span {margin-left: 5px;font-size: 0.875rem;font-weight: 500;}
#fregister_term {margin-top: 30px;padding-top: 30px;border-top: 1px dashed #ddd;}
#fregister_term .fregister_agree {margin-bottom: 7px;}
#fregister_term .clause_detail {width: 100%;padding: 20px;box-sizing: border-box;height: 100px;font-size: 0.875rem;}
#fregister_private {margin-top: 30px;}
#fregister_private .fregister_agree {margin-bottom: 7px;}
#fregister_private table {width: 100%;text-align: center;font-size: 0.875rem;}
.register .btn_box {margin-top: 30px;}
.register .btn_box > * {width: 120px;}
.register .btn_box .btn_close {color: #121212;vertical-align: middle;border: 1px solid #ccc;box-sizing: border-box;height: 45px;border-radius: 4px;line-height: 45px;}
.register .btn_box .btn_submit {background: #333;border-color: #333;color: #fff;}
.register .btn_box .btn_submit:hover {background: #000 !important;border-color: #000 !important;}

/*회원가입 - 정보입력*/
.register .step_tit {align-items: baseline;}
.register .step_tit .write_notice_basic {font-size: 0.938rem;margin-left: 7px;}
.register .join_form{padding: 20px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.register .join_form_box .form_line {display: flex;justify-content: space-between;}
.register .join_form_box .form_line .half {width: 48%;margin-bottom: 10px;align-items: baseline;}
.register .join_form_box .form_line .input_tit {width: 20%;line-height: 45px;}
.register .join_form_box .form_line .include_info {width: 80%;}
.register .join_form_box .form_line .include_info:not(.chkbox) input {width: 100%;}
.register .join_form_box .form_line .include_info.wid_btn {width:calc(80% - 150px);}
.register .join_form_box .form_line .include_info.chkbox {line-height: 45px;}
.register .from_wrap .id_doubleCk {font-weight:500;margin-left:10px;}
.register .join_form_box .form_line .include_info .captcha {display:flex;flex-wrap:wrap;position:relative;}
.register .join_form_box .form_line .include_info .captcha #captcha_info {font-size:0.875rem;margin-bottom:7px;width:100%;}
.register .join_form_box .form_line .include_info .captcha .cc_img_box{width:40%;height:45px;border:1px solid #ddd;border-radius:4px;text-align:center;margin-right:3px;}
.register .join_form_box .form_line .include_info .captcha .cc_img_box img {height:100%;}
.register .join_form_box .form_line .include_info .captcha .captcha_box {width:calc(60% - 99px);}
.register .join_form_box .form_line .include_info .captcha button {font-size:0;width:45px;}
.register .join_form_box .form_line .include_info .captcha button#captcha_mp3 {background: url(/theme/basic/img/captcha_sound_ico.png) no-repeat center #F0F0F0;margin:0 3px;}
.register .join_form_box .form_line .include_info .captcha button#captcha_reload {background: url(/theme/basic/img/captcha_reset_ico.png) no-repeat center #F0F0F0;}
.register .btn_box .btn_drop {color: #121212;vertical-align: middle;box-sizing: border-box;height: 45px;border-radius: 4px;line-height: 45px;}

/*회원가입 - 완료*/
.register .join_ok {width: 100%;padding: 180px 40px 40px;background: url(/theme/basic/img/join_ok.png) no-repeat center 40px #fafafa;border-radius: 20px;}
.register .join_ok .reg_result_p {font-size: 1.25rem;padding-bottom: 30px;border-bottom: 1px dashed#ddd;margin-bottom: 20px;text-align: center;}
.register .join_ok .result_txt {margin-bottom: 7px;font-size: 0.875rem;padding-left: 25px;position: relative;}
.register .join_ok .result_txt::after {content: '!';display: block;width: 18px;height: 18px;border-radius: 50%;background: #fff;border: 1px solid #ddd;font-size: 0.75rem;text-align: center;line-height: 18px;position: absolute;top: -2px;left: 0;}
.btn_confirm_reg{margin-top: 40px;text-align:center;}
.btn_confirm_reg .reg_btn_submit {color: #121212;vertical-align: middle;border: 1px solid #ccc;box-sizing: border-box;height: 45px;border-radius: 4px;line-height: 45px;padding: 0 20px;}

/*마이페이지 - 비밀번호 확인*/
.log_bg {background: url(/theme/basic/img/iogin_bg.png) no-repeat center;}
.ck_mypg {width: 600px;border: 1px solid #ddd;padding: 40px;border-radius: 20px;margin: 0 auto;background: #fff;}
.ck_mypg .fb1 {text-align: center;font-size: 1.625rem;margin-bottom: 30px;}
.ck_mypg .text_box {text-align: center;}
.ck_mypg .in_box {margin-top: 40px;border-top: 1px dashed #ddd;border-bottom:1px dashed #ddd; padding:20px 0;}
.ck_mypg .in_box li {width: 300px;margin: 0 auto;margin-bottom: 10px;}
.ck_mypg .in_box li:last-child{margin-bottom: 0;}
.ck_mypg .in_box li > div:first-child {margin-right: 10px;width: 30%;}
.ck_mypg .input_tit {line-height: 45px;}
.ck_mypg .btn_box {margin-top: 30px;}
.ck_mypg .btn_box .btn_submit {padding:8px 40px;transition: all .3s;}
.ck_mypg .btn_box .btn_submit:hover {background: #e9554c;color: #fff;}

@media (max-width: 1024px){

	/* 회원가입 */
	.register .join_form_box .form_line {flex-wrap:wrap;}
	.register .join_form_box .form_line .half {width:100%;}
	.register .join_form_box .form_line .include_info .captcha #captcha_info {order:1;}
	.register .join_form_box .form_line .include_info #captcha_audio {order:3;border-radius:4px !important;}
	.register .join_form_box .form_line .include_info .captcha .cc_img_box {order:2}
	.register .join_form_box .form_line .include_info .captcha .captcha_box {order:4}
	.register .join_form_box .form_line .include_info .captcha button#captcha_reload {order:5;}
}


@media (max-width: 820px){

	/* 회원가입 */
	.register .clause_agree {width: 90%;}

	/* 마이페이지 */
	.my_info_wrap {flex-wrap: wrap;}
	.my_info_wrap .user_info {width: 100%;padding: 32px;margin-bottom: 20px;margin-right: 0;}
	.my_info_wrap .total_box {width: 100%;}
}

@media (max-width: 768px){

	/* 비밀번호 찾기 */
	.new_win .captcha .captcha_box {width: calc(100% - 45px);}
}

@media (max-width: 680px){
	/* 비밀번호확인 */
	.ck_mypg {width: 90%;}

	/* 로그인 */
	.mbskin_box .login_form {width:90%;}
	
	/* 회원가입 */
	.register .join_form_box .form_line .half {flex-wrap:wrap;}
	.register .join_form_box .form_line .input_tit {width:100%;}
	.register .join_form_box .form_line .include_info {width:100%;}
}

@media (max-width: 560px){
	/*비밀번호찾기*/
	.mbskin_box .login_form {width: 90%;padding: 55px 30px 50px;}
}

@media (max-width: 425px){
	/* 비밀번호확인 */
	.ck_mypg {padding: 40px 20px;}
	.ck_mypg .in_box li {flex-wrap: wrap;}
	.ck_mypg .in_box li > div:first-child {width: 100%;margin-bottom: 10px;}
	.ck_mypg .in_box li > div:last-child {width: 100%;}

	/* 로그인 */
	.mbskin_box {padding-top: 80px;}

	/* 회원가입 */
	.register .clause_agree {padding:20px 10px;}
	.register .join_form_box .form_line .include_info.wid_btn {width:100%;}
	.register .from_wrap .id_doubleCk {margin-left:0;margin-top:5px;width:100%;}
	.register .join_form_box .form_line .include_info .captcha .captcha_box {width:calc(100% - 90px);}
}

@media (max-width: 375px){

}

@media (max-width: 320px){
	/* 로그인 */
	.mbskin_box .login_form .link_box {flex-wrap:wrap;}
	.mbskin_box .login_form .link_box > * {width:100%;}
	.mbskin_box .login_form .link_box .chk_box {margin-bottom:10px;}
	.mbskin_box .login_form .join_site .text_pr {width:60%;text-align:center;}
}