@charset "utf-8";


/*로그인*/
.LoginBox{position:relative;background: #fff url("/images/co/lo/ipin.png") no-repeat 3% 25px;padding:50px 2%;width:94%;/* border:1px solid #1e7bcb; */border-radius: 12px;}
.LoginBox h2{ font-size:28px;  position:absolute; top:40px; left:30px;}
.LoginBox h2 span{ font-weight:normal; color:#00326f;}
.LoginBox .box_ml{margin-left: 32%;} /* 5차 */
.LoginBox .Log_txt{ margin:20px 0 10px; font-size:14px; line-height:1.4;}
.LoginBox .Log_txt span{ color:#e12a48;}
.LoginBox .area_btn02{ margin:10px 0 0;}
.LoginBox .login_form{ position:relative;}
.LoginBox .login_form p{ width:311px; height:33px; background:url('/images/co/lo/input_bg01.gif') no-repeat 0 0; margin-top:10px; overflow:hidden; border:1px solid #ccc; border-radius:5px; }
.LoginBox .login_form p input{ margin:5px 0 0 5px; width:290px; border:0; background:transparent; font-size:14px;  }
.btn_Login{  position:absolute; top:0px; left:320px; }

.btn_st1{display:inline-block; margin:0; padding:10px; overflow:visible; vertical-align:middle; color:#fff !important; white-space:nowrap; border:0; text-decoration:none !important; background:#0068a6;}

/* 로그인 */
.login_box {position:relative;}
.login_top {height:85px; padding:15px 0 30px 120px; background:url("/images/co/lo/img_login.png") no-repeat left top;}
.login_top h3 {font-size:34px; color:#0b4d93;}
.login_top p {margin-top:5px; font-size:15px;}
.login_box .tab_st {position:absolute; right:0; top:40px; width:50%;}
.login_box .loginSecL {}
.login_box .loginFrm {position:relative;}
.login_box .loginFrm h4 {height:40px;}

/* .login_box .login_ty1 {position:relative; width:41%; padding:20px 4% 30px; float:left; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;} */
.login_box .login_ty1 dl {width:70%; overflow:hidden;}
.login_box .login_ty1 dl dd {padding-left:40px; margin-top:5px; border:1px solid #b2b7c7; }
.login_box .login_ty1 dl dd.login_id {background:url("/images/co/lo/ico_login_id.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd.login_pw {background:url("/images/co/lo/ico_login_pw.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd input {width:96%; height:45px; border:none; line-height:45px; vertical-align:middle;}
.login_box .login_ty1 input.btn_login {position:absolute; right:8%; top:65px; width:24%; height:102px; color:#fff; font-size:20px; border:none; background:#394b61;}
.login_box .login_ty1 .idpw_search {margin-top:10px; overflow:hidden;}
.login_box .login_ty1 .idpw_search li.id_search {width:49%; float:left;}
.login_box .login_ty1 .idpw_search li.pw_search {width:49%; float:right;}
.login_box .login_ty1 .idpw_search li a {display:block; height:35px; line-height:35px; text-align:center; color:#333; border:1px solid #b2b7c7; background:#f5f7f8;}

.login_box .login_ty2 {position:relative; width:41%; padding:20px 4% 30px; float:right; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.login_box .login_ty2 dl {height:85px; padding:15px 20px 0 80px; overflow:hidden; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:url("/images/co/lo/img_login2.png") no-repeat left center;}
.login_box .login_ty2 dl dt {margin-bottom:5px; font-size:18px; color:#042f5d;}
.login_box .login_ty2 dl dd {color:#555; font-size:13px;}
.login_box .login_ty2 a {display:block; height:35px; margin-top:15px; line-height:35px; text-align:center; color:#fff; background:#394b61;}

/* 회원가입 */
/* 회원가입단계 */
.joinCont .memjoin_steps ul { display: flex; gap: 1rem; margin-bottom: 2rem; }
.joinCont .memjoin_steps ul li { flex: 1; border:1px solid #9298af; padding: 0.8rem; }
.joinCont .memjoin_steps ul li.on { background: #2f8ff4; border-color: #2f8ff4; color: #fff; }
.joinCont .memjoin_steps ul li span { font-size: 0.8rem; }
.joinCont .memjoin_steps ul li span em { display: block; font-size: 1rem; }

/* 1:약관동의 */
.joinCont .box_agree {padding:15px; background:#f5f6f7; margin-top:10px;  border:1px solid #b2b7c7;}
.joinCont .box_agree .agrScroll {height:300px; margin-bottom:10px; padding:15px 20px; border:1px solid #b2b7c7; background:#fff; overflow-y:auto;  font-size: 0.8rem; }
.joinCont .box_agree .agrScroll .ruleTit{ color:#000; letter-spacing:-1px; line-height:20px; font-size:14px; font-weight:bold; }
.joinCont .box_agree .agrScroll ul {width:100%; color:#555; letter-spacing:-1px; line-height:20px;}
.joinCont .box_agree .agrScroll ul li { font-weight:600; }
.joinCont .box_agree .agrScroll > ul > li + li { margin-top: 1rem; }
.joinCont .box_agree .agrScroll ul li span{ display:block; font-weight:normal; padding-top:3px; }
.joinCont .box_agree .agrScroll ul li ol li,
.joinCont .box_agree .agrScroll ul li ul li {font-weight:normal; padding-top:0; padding-bottom:0;}
.joinCont .box_agree .agrScroll ul.fw_normal li { padding-top:5px; font-weight:normal; }
.joinCont .box_agree .agrInput{ position:relative; padding-left:22px; }
.joinCont .box_agree .agrInput label{color:#666; font-size:12px; }
.joinCont .box_agree .ta_r { display: flex; gap: 0.5rem; justify-content: end; }

/* 로그인 *//* 휴대폰인증2 */ /*191230*/
.subLogin .log_hdr { text-align:center; padding:0 0 10px;}
.subLogin .log_hdr p {line-height:150%}
.subLogin .log_hdr .txt1 { font-size:24px; font-weight:bold; color:#005fca; letter-spacing:-1px; margin-bottom:6px}
.subLogin .log_hdr .txt2 { font-size:15px; color:#777;}

.subLogin .log_ctn ul { width:100%; margin: 0 auto;  padding:20px 5px; overflow:hidden;   border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden; box-sizing:border-box;} 
.subLogin .log_ctn ul li{  position:relative; width:100%; text-align:center}
.subLogin .log_ctn ul li .inner{ display:block; border-left:1px solid #dee0e6; padding:0 30px}
.subLogin .log_ctn ul li:first-child .inner{ border-left:0}
.subLogin .log_ctn ul li .inner img{ margin-bottom:10px;}
.subLogin .log_ctn ul li dt{ font-size:19px; color:#000; font-weight:bold; margin-bottom:5px}
.subLogin .log_ctn ul li dd{ width:80%; margin: 0 auto 10px; font-size:13.5px;  line-height:150%; min-height:50px; color:#464646; word-break: keep-all; }
.subLogin .log_ctn.w100 ul li .btn { width:202px; margin:5px 0;}
.subLogin .log_ctn ul li .btn{ display:inline-block; text-align:center; width:160px; line-height:38px;  background:#155eb6;}
.subLogin .log_ctn ul li .btn:hover{background:#0f4e99;}

.subLogin .log_ctn ul li .btn span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnUpdate{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#f0ad4e;}
.subLogin .log_ctn ul li .btnUpdate:hover{background-color:#fcca7e;}
.subLogin .log_ctn ul li .btnUpdate span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnList{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#909090;}
.subLogin .log_ctn ul li .btnList:hover{background-color:#d8d8d8;}
.subLogin .log_ctn ul li .btnList span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btn_green{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#4db02c;}
.subLogin .log_ctn ul li .btn_green:hover{background-color:#369815;}
.subLogin .log_ctn ul li .btn_green span { color:#fff; font-size:15px}

.subLogin .log_ctn ul li input {float:left; border:1px solid #d7d7d7; background-color:#fff !important; color:#8e8e8e; width:90%; height:35px; margin:0 0 6px; padding-left:40px; font-size:13px; color:#666; vertical-align:middle}
.subLogin .log_ctn .login_id {background:url('../images/login/ico_login_id.gif') no-repeat 15px 50%; }
.subLogin .log_ctn .login_pw {background:url('../images/login/ico_login_pw.gif') no-repeat 15px 50%; }
.subLogin .log_ctn.w100 p.btn_gray { text-align:center; border-top: dashed 1px #e1e1e1; padding:10px 0; }
.subLogin .log_ctn.w100 p.btn_gray a {width:158px;}

.subLogin .log_ftr {  border:1px solid #bfbfbf; background:#fbfbfb; padding:10px 25px; margin-top:20px; overflow:hidden}
.subLogin .log_ftr dl + dl { margin-top:16px;}
.subLogin .log_ftr dt { font-size:14px; font-weight:bold; color:#252525; margin-bottom:5px}
.subLogin .log_ftr dd{ font-size:13px; color:#898989; line-height:150%; padding-left:12px; position:relative}
.subLogin .log_ftr dd:before { content:""; display:block; width:6px; height:1px; position:absolute; left:0; top:10px; background-color:#999;}
.subLogin .log_ftr dd.bu_none:before {  width:0;}
.subLogin .log_ftr ul.log_box { width:100%; float:left; }
.subLogin .log_ftr ul.log_box li{ width:48%;  float:left; margin:0 1%;}


/* 2:본인확인 */
.join2 {font-size:14px; text-align:center; overflow:hidden;}
.join2 .user_iden1 {width:45%; padding:150px 2% 30px; float:left; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; background:url("/images/co/lo/icon_join2_1.png") no-repeat center 30px;}
.join2 .user_iden2 {width:45%; padding:150px 2% 30px; float:right; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; background:url("/images/co/lo/icon_join2_2.png") no-repeat center 30px;}
.join2 div h3 { font-size:24px;}
.join2 div p.txt {margin-top:10px; font-size:15px; line-height:1.4; padding-bottom:10px; border-bottom:1px dashed #b2b7c7;}
.join2 div dl {margin-top:10px;}
.join2 div dl dt {display:inline-block; padding-left:20px; font-size:16px; background:url("/images/co/lo/bu_atte.png") no-repeat left 3px;}
.join2 div dl dd {font-size:26px; color:#0b4d93; margin-top:10px;}
.join2 div .btn_join2 a {display:block; height:40px; margin-top:15px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#394b61;}

/* 3:정보입력 */
.tbl_frm {position:relative;}
.join_frm_info {position:absolute; right:0; top:35px;}
.tbl_frm .join_table {position:relative; margin-top:5px;border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.tbl_frm .join_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.tbl_frm .join_table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.tbl_frm .join_table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.tbl_frm .join_table th {padding:13px 10px; color:#0b4d93; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc;}
.tbl_frm .join_table td {padding:10px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.tbl_frm .join_table td textarea{width:100%; border:1px solid #b2b7c7;}
.tbl_frm .join_table th label {display:block;}
/* .tbl_frm .join_table td .frm_input {height:25px; margin:1px 5px 1px 0; font-family:"Gulim"; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:13px; } */
.tbl_frm .join_table td .frm_input {height:25px; margin:1px 0 1px 0; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:13px;}
.tbl_frm .join_table td select {height:30px; padding:5px; box-sizing:border-box; margin:1px 5px 1px 0; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:14px; width:100%;}
.tbl_frm .join_table td a.btn_frm {line-height:20px; padding:6px 10px; color:#1e5ebc; border:1px solid #1e5ebc; background:#f7f8fc;}
.tbl_frm .join_table td a.btn_cal {padding:14px; line-height:0; vertical-align:middle; font-size:0; text-indent:-10000em; border:1px solid #1e5ebc; background:url("/images/co/lo/btn_cal.png") no-repeat center #f7f8fc;}

/* 4:가입완료 */
.joinCont .lastBox {padding:25px; border:1px solid #b2b7c7; border-top:2px solid #0b4d93;}
.joinCont .lastBox dl {padding-top:130px; text-align:center; background:url("/images/co/lo/icon_join3.png") no-repeat center top;}
.joinCont .lastBox dl dt {font-size:24px; color:#0b4d93;}
.joinCont .lastBox .line { margin-top: 1rem; }

/* 아이디/패스워드찾기 */
/* .idpw_find {padding:25px; text-align:center; border:1px solid #b2b7c7; border-top:2px solid #0b4d93;} */
.idpw_find h3.id_find {padding-top:120px; font-size:24px; color:#0b4d93; background:url("/images/co/lo/id_find.png") no-repeat center top;}
.idpw_find h3.pw_find {padding-top:120px; font-size:24px; color:#0b4d93; background:url("/images/co/lo/pw_find.png") no-repeat center top;}
.idpw_find p.find_choice {margin-top:20px; padding:15px; font-size:17px; line-height:24px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f7f7f7;}
.idpw_find p.find_choice span {margin-left:10px;}
.idpw_find p.find_choice span label {margin-right:10px;}
.idpw_find p.find_choice input {width:17px; height:17px; line-height:24px; vertical-align:middle;}
.idpw_find p.find_result {margin-top:20px; padding:15px; font-size:17px; line-height:24px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f7f7f7;}

/*사이트맵*/
.sitemap{ width:auto; overflow:hidden; }
.sitemap .sm_menu{ float:left; width:30.1%; margin:0 1.5% 20px 1.5%; }
.sitemap .sm_menu h3{padding:15px; color:#1b2d8f; font-size:16px; border-top:3px solid #0b4d93; border-bottom:1px solid #0b4d93;}
.sitemap .sm_menu ul{ padding:10px 0; }
.sitemap .sm_menu ul > li a {display:block; padding:12px 15px 12px 20px; color:#222; font-size:14px; border-bottom:1px dashed #e5e5e5; background:url("/images/co/lo/bu_list2.png") no-repeat 10px 18px;}
.sitemap .sm_menu ul > li a:hover{ text-decoration:underline; }
.sitemap .sm_menu ul > li > ul {padding:0; background:#f7f7f7;}
.sitemap .sm_menu ul > li > ul > li a {display:block; padding:10px 15px 10px 30px; color:#222; font-size:14px; border-bottom:1px dashed #e5e5e5; background:url("/images/co/lo/bu_list4.png") no-repeat 20px 18px;}
.sitemap .sm_menu ul > li > ul > li a:hover{ text-decoration:underline; }
.sitemap .sm_menu.clear_b {clear:both;}

/* 팝업 */
.popupBox{background:#fff; padding:20px;}

/* 로그인 */
#viewStart .subCntBody { margin-top: 0 !important;}
.login_box_type2 .top_info { margin-bottom: 1rem; }
.login_box_type2 .top_info h4 {position: relative;font-size: 1.4rem;font-weight: 700;color: #111;background: url('/images/web/upmc/con_com/tit1_deco.png') no-repeat top 3px left;padding-left: 1.25rem;margin-bottom: 0.75rem;}
.tab_st2_box ul {display: flex;flex-wrap: wrap;padding: 0;border: 1px solid #ccc;background: #fff;border-radius: 0.4rem;}
.tab_st2_box ul li { position: relative; flex: 1; }
.tab_st2_box ul li + li::before { position: absolute; top: 50%; left: -1px; transform: translateY(-50%); width: 1px; height: 1.25rem; background: #ccc; content: ""; z-index: -1; }
.tab_st2_box ul li:nth-child(6):before { display: none; }
.tab_st2_box ul li:nth-child(n + 6) { border-top: 1px solid #ccc; }
.tab_st2_box ul li a { display: block; padding: 0.8rem; border-radius: 0.4rem; text-align: center; border: 1px solid transparent; transition: 0.3s; }
.tab_st2_box ul li.on a {border-color: #245592;background: #F2F8FF;color: #245592;font-weight: 600;height: 100%;display: flex;justify-content: center;align-items: center;}
.tab_st2_box ul li a:hover,
.tab_st2_box ul li a:focus { font-weight: 600; }
#pw_con_box { margin-top: 1rem; }
.login_input {position: relative;padding-right: 9.5rem;}
.login_input input[type="text"],
.login_input input[type="password"]{ width: 100%; background: #fff; border: 1px solid #ccc; height: 2.5rem; line-height: 2.5rem; padding: 0 1.5rem; border-radius: 0.3rem; }
.login_input input[type="password"] { margin: 0.75rem 0; }
.login_input a {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 7.95rem;height: 5.7rem;background: #245592;border-radius: 0.5rem;font-size: 1.2rem;}
.login_input .bu_atte { margin-top: 0.75rem;}
.idpwsearch_input {display: flex;justify-content: center;gap: 0.5rem;}

.epki_txt {position: relative;text-align: center;padding-bottom: 2rem; margin-bottom: 1.5rem;}
.epki_txt:before {position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 4rem);border: 1px solid #ccc;border-radius: 0.5rem;content: "";z-index: -1;}
.epki_txt .epki_tit {margin-top: 2.5rem;padding: 0 1.5rem;}
.epki_txt .epki_tit .txt1 { font-size: 1.5rem; font-weight: 600; }
.epki_txt .epki_tit .txt1 .col_b { color: #245592; }
.epki_txt .epki_tit .txt2 { margin: 0.75rem 0; }
.epki_txt .txt3 {font-size: 1rem;font-weight: 500;margin: 0.75rem 0;padding: 0 1.5rem;}
.epki_txt .txt4 { padding: 0 1.5rem; }
.epki_txt input + input { margin-top: 0.5rem;}
.epki_txt input[type="text"],
.epki_txt input[type="password"] { background: #fff;border: 1px solid #ccc;height: 2.5rem !important;line-height: 2.5rem;padding: 0 1.5rem;border-radius: 0.3rem;}
.epki_txt .epki_btn a { display: flex;justify-content: center;align-items: center; max-width: 7.95rem;height: 2.5rem;background: #245592; color: #fff; border-radius: 0.5rem;font-size: 1rem; margin: 0 auto; }

#login_con_box { margin-top: 1rem; }
#login_con_box .info_text .phone_input {display: flex;gap: 1rem;margin-top: 0.75rem;width: 100%;}
#login_con_box .info_text .phone_input input[type="text"],
#login_con_box .info_text .phone_input input[type="password"] {background: #fff;border: 1px solid #ccc;height: 2.5rem !important;line-height: 2.5rem;padding: 0 1.5rem;border-radius: 0.3rem;width: 100% !important;margin-top: 0 !important;flex: 1;}
#login_con_box .info_text .phone_input a { margin-top: 0; }
#login_con_box .txt_center .txt_center { display: flex; gap: 1rem; }
#login_con_box .txt_center .txt_center input[type="text"] { background: #fff;border: 1px solid #ccc;height: 2.5rem !important;line-height: 2.5rem;padding: 0 1.5rem;border-radius: 0.3rem;width: auto !important;margin-top: 0 !important;flex: 1;}	

.login_box_type2 .input_area {border: 1px solid #ccc;border-radius: 0.3rem;padding: 1.5rem; }
.login_box_type2 .input_area form { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.login_box_type2 .input_area input[type="password"] {background: #fff;border: 1px solid #ccc;height: 2.5rem !important;line-height: 2.5rem;padding: 0 1.5rem;margin-top: 0 !important;border-radius: 0.3rem;width: 100% !important;}
.login_box_type2 .login_btn { display: flex; justify-content: end; gap: 0.5rem 1rem; margin-top: 1rem; }
.login_box_type2 .login_btn a { display: flex;justify-content: center;align-items: center; width: 7.95rem;height: 2.5rem; color: #fff; border-radius: 0.5rem;font-size: 1rem; margin: 0 auto; transition: 0.3s; }
.login_box_type2 .login_btn a#updateBtn { border: 1px solid #0087E6; background: #0087E6; }
.login_box_type2 .login_btn a#mainBtn { border: 1px solid #245592; background: #245592; }
.login_box_type2 .login_btn a#updateBtn:hover,
.login_box_type2 .login_btn a#updateBtn:focus { background: #fff; color: #0087E6; }
.login_box_type2 .login_btn a#mainBtn:hover,
.login_box_type2 .login_btn a#mainBtn:focus { background: #fff; color: #245592; }


@media (max-width: 1025px) {
    
    /* 탭 : 공통 */
    .tab_st2_box > .select { display: none; }
    .tab_st2_box ul { display: flex !important; }
}

 
@media screen and (max-width : 1019px) {	

	/* 로그인 */
	.login_box .tab_st {display:none; }
	.login_box .login_ty1 {width:90%; padding:20px 5% 30px; float:none;}
	.login_box .login_ty2 {display:none; }
	.login_box .login_ty1 input.btn_login {right:5%;}

	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps ul { flex-wrap: wrap; }
	.joinCont .memjoin_steps ul li { flex: none; width: calc((100% - 1rem) / 2); }

	/*사이트맵*/
	.sitemap .sm_menu{ float:left; width:47%; margin:20px 0 0 6%; }
	.sitemap .sm_menu.clear_b {clear:none;}
	.sitemap .sm_menu:nth-child(odd) {margin:20px 0 0 0; clear:both;}

}

@media screen and (max-width : 750px) {	

 
.LoginBox{ background:none; }
.LoginBox h2{position:relative; top:0; left:0;}
.LoginBox .box_ml{ margin:25px 0 0 0;}

/* 5차 */
.LoginBox .login_form p {width:80%;} 
.btn_Login {left:83%;}

 .popupBox{width:95%; box-sizing:border-box;}
.popupBox.w_100{width:100%;}
}

@media screen and (max-width : 680px) {
	.login_input { padding-right: 0; }
	.login_input a { position: relative; top: auto; right: auto; width: 100%; height: 2.5rem; margin-top: 0.75rem; font-size: 0.8rem; }
	#login_con_box .info_text .phone_input { flex-wrap: wrap; flex-direction: column; }
	#login_con_box .txt_center .txt_center { flex-wrap: wrap; flex-direction: column; }
	
}

@media screen and (max-width : 650px) {

	/* 회원가입 */
	/* 2:본인확인 */
	.join2 {font-size:14px; text-align:center; overflow:hidden;}
	.join2 .user_iden1 {width:80%; padding:150px 10% 30px; float:none; }
	.join2 .user_iden2 {width:80%; margin-top:20px; padding:150px 10% 30px; float:none;}

	/* 3:정보입력 */
	.join_frm_info {position:relative; right:auto; top:auto; margin-top:5px;}
	.tbl_frm .join_table td .w20 {width:20%;}	
	
}

@media screen and (max-width : 580px) {

	/* 로그인 */
	.login_top {height:90px; padding:10px 0 30px 120px;}
	.login_box .login_ty1 dl {width:100%;}
	.login_box .login_ty1 dl dd input {width:90%;}
	.login_box .login_ty1 input.btn_login {position:relative; right:auto; top:auto; width:100%; height:40px; margin-top:5px; font-size:18px;}

	/* 5차 */
.LoginBox .login_form p {width:75%;} 
.btn_Login {left:78%;}

}

@media screen and (max-width : 480px) {	


	.LoginBox .area_btn01 a{ margin:0 0 4px; display:inline-block;}
	.LoginBox .area_btn02 a{ margin:0 0 4px; display:inline-block;}
	.LoginBox .login_form p{ width:170px; }

	.LoginBox .login_form p input{ width:160px; }
	.btn_Login{ left:180px; }

	/* 5차 */
	.LoginBox .login_form p {width:70%;} 
	.btn_Login {left:73%;}

	
	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps ul li.step1, .joinCont .memjoin_steps ul li.step2, .joinCont .memjoin_steps ul li.step3, .joinCont .memjoin_steps ul li.step4 {background:none;}
	.joinCont .memjoin_steps ul li.step1.on, .joinCont .memjoin_steps ul li.step2.on, .joinCont .memjoin_steps ul li.step3.on, .joinCont .memjoin_steps ul li.step4.on {background-image:none;}
	.joinCont .memjoin_steps ul li span {padding:15px 0 0 0; text-align:center;}

	/* 3:정보입력 */
	.join_frm_info {position:relative; right:auto; top:auto; margin-top:5px;}
	.tbl_frm .join_table td .frm_input {width:95%;}
	.tbl_frm .join_table td .w20 {width:20%;}
	.tbl_frm .join_table td .w50 {width:50%;}
	.tbl_frm .join_table td a.btn_frm {display:inline-block; }
	.tbl_frm .join_table td a.btn_cal {display:inline-block; }
	
 
}