@charset "utf-8";
/* CSS Document */

/* 로그인 *//* 휴대폰인증 */
.login_box {position:relative;  overflow:hidden; }
.login_top { margin: 0 auto; text-align:center;}
.login_top h3 {font-size:34px; color:#0b4d93;}
.login_top p.login_info {margin-top:5px; font-size:16px; margin:20px 0 0; color:#777;}
.login_box .tab_st {position:absolute; right:0; top:40px; width:50%;}
.login_box .loginSecL {font-family:"NotoR";}
.login_box .loginFrm {position:relative;}
.login_box .loginFrm h4 {height:40px;}

.login_top.bg_mobile { background:url("/images/co/lo/img_mobile.png") no-repeat left top;}

.login_box .login_ty1 {position:relative; width:650px; margin: 0 auto;  padding:20px 10px 30px;  /*border:1px solid #b2b7c7;*/ border-top:2px solid #0b4d93; font-size:14px; overflow:hidden; box-sizing:border-box;}
.login_box .login_ty1 dl {margin-right:170px; overflow:hidden;}/* 200117 */
.login_box .login_ty1 dl dd {padding:1px 0 1px 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:43px; border:none; font-family:"Dotum"; line-height:43px; vertical-align:middle; box-sizing:border-box;}
.login_box .login_ty1 .btn_login {position:absolute; right:10px; top:24px; width:24%; height:100px; line-height:100px; text-align:center; color:#fff; font-family:"NotoR"; font-size:18px; border:none; background:#394b61; cursor:pointer}
.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.pw_search2 {width:100%;}
.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;}

/* 로그인 *//* 휴대폰인증2 */ 
.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:2px dashed #d5d8da; border-top:4px solid #80bd00; 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; height:40px; 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}
.login_box .login_ty1 dl.mgr0 { margin-right:0 }
.subLogin .log_ctn .login_id {background:url('/images/co/lo/ico_login_id.gif') no-repeat 15px 50%; }
.subLogin .log_ctn .login_pw {background:url('/images/co/lo/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%;}

/* 회원가입 */
/* 회원가입단계 */
.joinCont .memjoin_steps {width:100%; height:70px; margin-bottom:40px; overflow:hidden; font-size:18px;}
.joinCont .memjoin_steps ul li {position:relative; width:24%; height:70px; margin-left:1%; float:left; }
.joinCont .memjoin_steps ul li:first-child {width:25%; margin-left:0; }
.joinCont .memjoin_steps ul li.step1.on { background:#80bd00;}
.joinCont .memjoin_steps ul li.step2.on { background:#80bd00;}
.joinCont .memjoin_steps ul li.step3.on { background:#80bd00;}
.joinCont .memjoin_steps ul li.step4.on { background:#80bd00;}
.joinCont .memjoin_steps ul li span {display:block; height:53px; padding:15px 0 0 70px; border:1px solid #9298af; }
.joinCont .memjoin_steps ul li span em { display:block; opacity:0.7; font-size:14px; font-weight: bold; }
.joinCont .memjoin_steps ul li.on span {color:#fff; border:1px solid #80bd00;}

/* 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:14px;}
.joinCont .box_agree .agrScroll .ruleTit{ color:#000; letter-spacing:-1px; line-height:20px; font-size:16px; font-weight:bold; }
.joinCont .box_agree .agrScroll ul {width:100%; padding:0 0 20px; color:#555; letter-spacing:-1px; line-height:20px;}
.joinCont .box_agree .agrScroll ul li { padding-top:10px; font-weight:600; }
.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; }

/* 가입완료 */
.join_wrap_main .boxType2 { border:1px solid #d0d0d0; overflow:hidden; padding:40px 30px; text-align:center; border-radius:10px; background:#f4f4f4;}



@media screen and (max-width :1019px) {
	
	/* 로그인 *//* 200117 */
	.login_top { width:100%;}
	.login_box .login_ty1 {width:100%; padding:20px 3% 30px; float:none;}
	.login_box .login_ty1 input.btn_login {right:3%;}
	.login_box .login_ty1 dl {margin-right:27%;}

	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps {height:auto; margin-bottom:20px;}
	.joinCont .memjoin_steps ul li {width:49%; margin:0 0 2px 1%;}
	.joinCont .memjoin_steps ul li:nth-child(odd) {width:50%; margin-left:0;}
}

@media screen and (max-width :520px) {
	
	/* 로그인 *//* 200120 */
	.login_box .login_ty1 .idpw_search li.id_search {width:100%; float:none; margin-bottom:5px;}
	.login_box .login_ty1 .idpw_search li.pw_search {width:100%; float:none;}
	.login_box .login_ty1 .idpw_search li.id_search {width:100%; float:none; margin-bottom:5px;}
	.login_box .login_ty1 .idpw_search li.pw_search {width:100%; float:none;}
	
	/* 회원가입 */
	/* 회원가입단계 */
	.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;}
	
}