@charset "utf-8";

/* membership */
.joinn_stop{margin-top:20px; padding-bottom:10px;}
.membership_box{margin-top:-3px; width:95%; padding:38px 0px 36px 0px; /*border:1px solid #d8d8d8; border-top:none;*/}
.membership_box .dotTxt{padding-left:8px; margin-left:5px; background:url('/html/aw_img/common/ico_gray_dot.gif') no-repeat 0 45%;}
.membership_box .dotline{height:2px; padding:20px 0;background:url('/html/aw_img/membership/dot_line.gif') repeat-x 0 50%;}
.membership_box .txt{padding:3px 0 5px 3px; margin-left:5px;}
.membership_box .txt02{padding:3px 0 5px 10px; margin-left:5px; margin-top:10px; background:url('/html/aw_img/common/ico_org_arr.gif') no-repeat 0 5px;}
.membership_box .txt02 strong{color:#333333;}
.membership_box .data_3{ margin:5px 20px 0px 20px;}

.join_complete{position:relative; width:773; height:218px; background:url('/html/aw_img/membership/bg_join_complete.gif') no-repeat 0 0;}
.join_complete .member{position:absolute; top:70px; left:302px; color:#424242;}
.join_complete .member .name{font-weight:bold;}

/* new login 190320 */
/*로그인*/
.login_km {background-color:#fff; border-radius:24px; margin: 0 auto;  max-width: 720px;}
.login_wrap {margin:30px auto 100px; padding:50px 40px 50px ;/*width:650px; */}
.login_wrap .title{border-bottom:solid 1px #fff;/*margin-bottom:40px;margin-top:55px; */}
.login_wrap .title h2 { letter-spacing:-1px; font-size:24px; line-height:30px; font-weight:normal; margin: 0 0 4px; padding:0px; text-align:center;}
.login_wrap .title h3 { letter-spacing:-0.5px; color:#777; font-size:16px; line-height:21px; font-weight:normal; margin: 20px 0 10px 2px; padding:0px;}
.login_wrap .login_area {margin-top:40px; }
.login_wrap .login_area .leftbox {/*float:left; width:650px; height:241px; ;*/}
.login_wrap .login_area .leftbox .info {float:left; width:calc(100% - 150px); /*width:310px;*/}
.login_wrap .login_area .find_idpw {text-align:center; line-height:16px; font-size:16px;}
.login_wrap .login_area .find_idpw span.bar{color:#999; font-size:11px; vertical-align: top; display: inline-block; margin:0 8px 0 8px;}

.login_wrap .login_area input {  font-size:15px;}
.login_wrap .login_area input[type="text"]{height:54px; padding:0px 5px 0px 5px; border:none; border:1px solid #dadada; color:#999; font-size:15px; width:100%;  }
.login_wrap .login_area input[type="password"]{height:54px; padding:0px 5px 0px 5px; border:1px solid #dadada; margin-top:-1px; color:#999; font-size:15px; text-indent:0px; width:100%; }
.login_wrap .login_area input[type="checkbox"]{opacity:0.5; width:16px; height:16px; position:relative; margin-top:-1px; margin-right:5px;   }
.login_wrap .login_area p.btn_login {float:right; margin:0px; padding:0px;}
.login_wrap .login_area .idsave {clear:both; border-bottom:1px solid #e5e5e5; height:58px; letter-spacing:-0.5px; font-size:14px;  }
.login_wrap .login_area .idsave .left{float:left; width:200px; margin-top:25px; color:#666;}
.login_wrap .login_area .idsave .right{float:right; width:200px; text-align:right; margin-top:25px; color:#666;}
.login_wrap .login_area .idsave .right a{color:#666;}
.login_wrap .login_area .member {clear:both;  }
.login_wrap .login_area .member .left{float:left; width:450px; margin-top:30px; color:#666; font-size:15px;  letter-spacing:-0.5px; line-height:18px; }
.login_wrap .login_area .member .right{float:right; width:200px; text-align:right; margin-top:30px; color:#666;  }
.xlbtn_login{display:inline-block;line-height:106px;font-size:18px;vertical-align:middle;width:135px; height:106px; text-align:center;font-weight:bold;color:#fff;border:solid 1px #cccccc;margin:0 0px;}
.xlbtn_login.point{background:#247cd5;color:#fff;border:solid 1px #247cd5;  letter-spacing:-0.5px; }
.xlbtn_login.point:hover{background-color:#005e9b;}
.lbtn.point4{background:#666666;border:solid 1px #666666;color:#fff;width:135px;  letter-spacing:-0.5px; font-size:13px;}
.login_wrap .login_area .adbox {float:right; width:380px;  }
.login_wrap .login_area .adbox .top_left {margin:0px; }
.login_wrap .login_area .adbox .top_right {margin-left:4px;}
.login_wrap .login_area .adbox .btm {margin-top:12px;}
.login_wrap .login_area .description {clear:both;  }
.login_wrap .login_area .description {float:left; width:650px; margin-top:20px; color:#666; font-size:13px;  letter-spacing:-0.5px; line-height:18px; background-color:#e9eff8; }
.login_wrap .login_area .description p{margin:10px;}

/*	Slideshow */
#main_slide{position:relative; margin-left:255px;}
#slides { position:absolute; top:0; left:4px; z-index:100; }
.slides_container { width:452px; overflow:hidden; position:relative; }
.slides_container a { width:452px; height:229px; display:block; }
.slides_container a img { display:block; }

#main_slide .next, #main_slide .prev { position:absolute; top:97px; left:-16px; display:block; z-index:101; }
#main_slide .next {left:457px; }

.popupzone .slides_container{width:227px; height:149px; _height:150px;}
#slides02{height:149px; padding:0px; margin:0px;}
#slides02 .set{position:absolute;} 
/*.pop_slide .prev{position:absolute; top:13px; right:23px; font-size:0; padding:8px; z-index:20;background:url('/html/aw_img/main/btn_pop_prev.gif') no-repeat 0 0;}
.pop_slide .next{position:absolute; top:13px; right:0; font-size:0; padding:8px;z-index:20; background:url('/html/aw_img/main/btn_pop_next.gif') no-repeat 0 0;}
*/
/* 
.pop_slide .prev{position:absolute; top:13px; right:23px; font-size:0; padding:8px; z-index:20;background:url('/html/aw_img/main/btn_pop_prev.gif') no-repeat 0 0;}
.pop_slide .next{position:absolute; top:13px; right:0; font-size:0; padding:8px;z-index:20; background:url('/html/aw_img/main/btn_pop_next.gif') no-repeat 0 0;}
*/
.pop_slide .prev{position:absolute; top:8px; right:23px; font-size:0; padding:8px; z-index:20;background:url('/html/aw_img/main/btn_pop_prev.gif') no-repeat 0 0;}
.pop_slide .next{position:absolute; top:8px; right:0; font-size:0; padding:8px;z-index:20; background:url('/html/aw_img/main/btn_pop_next.gif') no-repeat 0 0;}


.pagination {display:none;}
.main #Footer{margin-top:20px; z-index:100;}

/*kmou */
.membership_box2{/*width:773px;*/ padding:20px 0 20px 0; border-left:none; border-right:none;}
.membership_box2 .dotTxt{padding-left:8px; margin-left:5px; background:url('/html/aw_img/common/ico_gray_dot.gif') no-repeat 0 45%;}
.membership_box2 textarea{width: 100%; height:250px; margin: 5px 0 0 0; padding:10px;}
.membership_box2 .agree_ckeck{font-weight:normal; }
.membership_box2 h4.ico {position: relative; font-size: 22px; color: #424242; font-weight:500; padding-left:0px; background:none; margin-bottom:10px;}

.membership_box3{ /*height:170px; */ padding:0px 0px 0px 0px; /*background:url('/html/aw_img/membership/bg_join_service_box.gif') no-repeat 0 10px;*/}
.membership_box3 .join_service{margin-top:10px; }
.membership_box3 .join_service li{padding-left:8px; margin:7px;background:url('/html/aw_img/membership/bg_login_ico.gif') no-repeat 0 4px;}
.membership_box3 .join_service li .btn{margin-top:-3px;}
.membership_box3 .join_service li .tBold{font-weight:bold;}

.script{margin-bottom:4px;}
.script{padding:0 17px 0 0;}
.script .sum{float:left; margin-right:10px;}
.script .id{position:relative; margin-top:8px;}
.script .id a{vertical-align:top;}
.script .id .btn{position:absolute; right:68px; top:-2px; }
.script .id .board{font-weight:normal; color:#284E85;}
.script .id .bar{margin: 0px 0px 0px 5px; color:#ccc;}
.script .id .name{margin-left:5px; font-weight:normal; color:#888;}
.script .id .time{margin-left:5px; font-size:11px; font-weight:normal; color:#757575;}
.script .id img{margin-left:5px;}
.script .reple{min-height:30px; margin-top:5px; font-weight:bold;}
.script .reple a{color:#424242;}

/* 회원가입 */
.member_step {margin-bottom:30px;padding-top:0px;}
.member_step ul {overflow:hidden;width:100%;display:table;;}
.member_step ul li{text-align:center;background:#f6f6f6;color:#333333;font-size:18px; letter-spacing:-0.5px;font-weight:500;display:table-cell;width:33.3%;}
.member_step ul li:first-child {border-top-left-radius :8px; border-bottom-left-radius:8px;}
.member_step ul li:last-child {border-top-right-radius :8px; border-bottom-right-radius:8px;}
.member_step ul li.on{background:#329feb;color:#fff;}
.member_step ul li.on span{border-right:none !important;}
.member_step ul li.on span:after{display:inline-block;background:url('/html/aw_img/common/ico/arrow_step.png') 0 0 no-repeat;display:inline-block;width:28px;height:8px;position:absolute;left:50%;/*margin-left:-14px;*/bottom:0;content:""; background-size:60%;}
.member_step ul li span{display:block;height:70px;line-height:70px;font-weight:400; overflow:hidden;position:relative; border-right:1px solid #dedede; }
.member_step ul li:last-child span{border-right:none !important;}
.member_step ul li em{display:none;}

/*회원가입 */
.member_join {}
.member_join .textareabox {border:1px solid #d7d7d7; padding-left:10px;  }
.member_join .textareacon {overflow-y:scroll; overflow-x:hidden; padding-right:10px;  border:0px; line-height:21px;  }
.member_join p.help {text-align:right; padding-right:10px;}
.member_join p input[type="checkbox"]{opacity:0.5; width:16px; height:16px; position:relative; margin-top:-1px; margin-left:20px; margin-right:5px;   }

.btns_area{text-align:right;overflow:hidden;margin-top:20px; letter-spacing:-0.5px; font-weight:normal;}
.btns_area.mgb{margin-bottom:30px;overflow:hidden;}
.btns_area.center{text-align:center;}
.btns_area .left{float:left;}
.btns_area .btn{margin-right:0;margin-left:2px;}
.lbtn{display:inline-block;line-height:40px;font-size:13px;vertical-align:middle;background:#247cd5;min-width:100px;text-align:center;font-weight:bold;color:#fff;}
.lbtn:hover {background-color:#005e9b;}
.lbtn.point2{background:#ef4023;}
.xlbtn{display:inline-block;line-height:48px;font-size:16px;vertical-align:middle;min-width:128px;padding: 0 26px; text-align:center;font-weight:normal;color:#333333;border:solid 1px #cccccc;margin:0 3px;}

.xlbtn.point{background:#247cd5;color:#fff;border:solid 1px #247cd5; border-radius:4px;}
.xlbtn.point:hover {background-color:#3163a9;}
.xlbtn.register {color:#fff;border:solid 1px #247cd5; border-radius:4px;background:url('/html/aw_img/common/ico/ico_register.png') no-repeat 16px 50% #247cd5; padding-left:54px !important; }
.xlbtn.register:hover {background-color:#3163a9;}
.xlbtn.register_etc {color:#fff;border:solid 1px #247cd5; border-radius:4px;background:url('/html/aw_img/common/ico/ico_register.png') no-repeat 16px 50% #247cd5; padding-left:54px !important; }
.xlbtn.register_etc:hover {background-color:#3163a9;}
.mbtn.point2{display:inline-block;vertical-align:middle;text-align:center;font-weight:bold;line-height:38px;font-size:14px;min-width:90px;margin-left:8px;background:#666666;border:solid 1px #666666;color:#fff;}
.xlbtn.report_up {color:#fff;border:solid 1px #247cd5; border-radius:4px;background:url('/html/aw_img/common/ico/ico_report1.png') no-repeat 16px 50% #247cd5; padding-left:54px !important; }
.xlbtn.report_up:hover {background-color:#3163a9;}
.xlbtn.report_up.no_active {background-color:#aaa; border-color:#aaa;} 
.xlbtn.report_up.no_active:hover {background-color:#aaa;} 
.xlbtn.diploma {line-height:34px; font-size:14px;  color:#fff;border:solid 1px #247cd5; border-radius:4px;background:url('/html/aw_img/common/ico/ico_diploma_s.png') no-repeat 6px 50% #247cd5; padding: 0 8px 0 34px !important; min-width:100px;}
.xlbtn.diploma:hover {background-color:#3163a9;}
.xlbtn.diploma.no_active {background-color:#aaa; border-color:#aaa;} 
.xlbtn.diploma.no_active:hover {background-color:#aaa;} 
.xlbtn.certificate {line-height:34px; font-size:14px;  color:#fff;border:solid 1px #247cd5; border-radius:4px;background:url('/html/aw_img/common/ico/ico_finish.png') no-repeat 6px 50% #247cd5; padding: 0 8px 0 34px !important; min-width:100px;}
.xlbtn.certificate:hover {background-color:#3163a9;}
.xlbtn.certificate.no_active {background-color:#aaa; border-color:#aaa;} 
.xlbtn.certificate.no_active:hover {background-color:#aaa;} 


@media all and (max-width:720px){
	.xlbtn.register_etc {display:block; margin-top:5px;}
	.login_wrap {
		margin: 0px auto 70px;
		padding:20px;
	}
	.login_wrap .login_area .leftbox .info {
		float: none;
		width: 100%;
	}
	.login_wrap .login_area p.btn_login {
		float: none;
		width: 100%;
		}
	.xlbtn_login {
		display: inline-block;
		line-height: 58px;
		font-size: 16px;
		width: 100%;
		height: 58px;
		margin-top:5px;
	}
	.login_wrap .login_area {
		margin-top: 30px;
	}
	.login_wrap .login_area input[type="password"] {
		margin-top:5px;
	}
	.login_wrap .title h2 {
		font-size: 18px;
		line-height:21px;
	}
	.login_wrap .title h3 {
		font-size: 14px;
		margin-top:8px;
		line-height:18px;

	}
	.login_wrap .login_area .find_idpw {font-size:14px;}
	.membership_box .txt{font-size:14px;}
	.membership_box2 {
		padding: 10px 0 20px 0;
	}
	.member_step {margin-bottom:10px;}
	.member_step ul li {font-size:16px; font-weight:400; letter-spacing:-1px;}
	.membership_box2 textarea {
		height: 150px;
		font-size: 14px;
	}
	.membership_box2 .agree_ckeck {
		font-size: 14px;
		letter-spacing:-1px;
	}

	.membership_box2 h4.ico {
		font-size: 16px; 
		}
	.membership_box2 .subTxt {
		font-size: 14px;
		}

}