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


/*로그인*/
.Login {width:100%; padding:0; *zoom:1;}
.Login:after {content:""; clear:both; display:block; height:0; visibility:none;}
.Login_box {width:auto;}
.Login p.loginTxt {background:#f1f1f1;border-top:#565c5e solid 2px; border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px;border-bottom:#d3cbcb solid 1px;color:#727070;font-size:1.083em;padding:20px 20px;line-height:140%;}
.Login p.loginTxt02 {border-top:#565c5e solid 2px; padding:0; border-bottom:0;}
.Login p.loginTxt span.txtright {display:block;color:#ff0000; padding:5px 0 0 0;}
.Login p.loginTxt span.txtleft {display:block;color:#ff0000; padding:5px 0 0 0;}

.Login .Login_line {width:auto;padding:0 3%;margin:0 auto;border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px;*zoom:1;}
.Login .Login_line:after {content:""; clear:both; display:block; height:0; visibility:none;}
.Login .Login_line ul {width:100%;padding:20px 0;*zoom:1;}
.Login .Login_line ul:after {content:""; clear:both; display:block; height:0; visibility:none;}
.Login .Login_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em; }
.log_input{ border:#c1c1c1 solid 1px;color:#666666;padding:10px 1% 10px 1%; vertical-align:middle;width:98%; background:#fff;}
.login_input { border:#c1c1c1 solid 1px;color:#666666;padding:8px 1% 8px 1%; vertical-align:middle;width:92%; background:#fff;}
.login_input2 { border:#c1c1c1 solid 1px;color:#666666;padding:8px 1% 8px 1%; vertical-align:middle;width:42%; background:#fff;}
.login_input3 { border:#c1c1c1 solid 1px;color:#666666;padding:8px 1% 8px 1%; vertical-align:middle;width:85%; background:#fff;}
.info_change .wdt30 {width:30% !important;float:left;}
.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:85%;.width:75%; background:#fff;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.login_select { width:100%;min-width:68px; padding:12px 5px 10px 5px;height:39px; border:1px solid #c1c1c1;  vertical-align:middle;background:#fff;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
-o-border-radius:0 !important;
border-radius:0 !important; }
.login_select02 { width:40%;min-width:68px; padding:12px 5px 10px 5px;height:40px; border:1px solid #c1c1c1;  vertical-align:middle; background:#fff;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
-o-border-radius:0 !important;
border-radius:0 !important; }

button.loginBtn {clear:both;  display:inline-block;background:#7b50a0;color:#fff; padding:13px 0;margin-top:3px;font-size:1.2em; width:100%;
	border: 1px solid #4d2479;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 2px #a3a3a3;
	-moz-box-shadow:1px 1px 2px #a3a3a3;
	-webkit-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 1px #9c9c9c;}
.Login p.LBtn {padding:20px 0; text-align:center;border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px;border-bottom:#d3cbcb solid 1px;border-top:#d3cbcb solid 1px;background:#fdf8f8;}	
.Login p.LBtn span {display:inline-block;margin-left:5px;
	border: 1px solid #9d9d9d;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-o-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	-webkit-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 1px #ccc;}
.Login p.LBtn span a {display:inline-block; padding:5px 10px;}	

/*본인확인*/
.login_form {width:100%;}
.login_form table {width:100%;border-collapse:collapse;}
.login_form table tbody th {width:30%;line-height:150%; vertical-align:middle;border-right:#d3cbcb solid 1px;border-left:#d3cbcb solid 1px;border-bottom:#d3cbcb solid 1px;  padding:20px 0 20px 0;  background:#f1f1f1; font-weight:bold;font-size:1.083em;}
.login_form table tbody td {vertical-align:middle; line-height:150%; border-right:#d3cbcb solid 1px;border-left:#d3cbcb solid 1px;border-bottom:#d3cbcb solid 1px;  padding:25px 3% 25px 2%;}
.login_form table tbody td span.lf_txt02 {display:block;color:#f8365f;padding:5px 0 0 0;}
.login_form table tbody td span.lf_txt01 {display:block;padding:5px 10px 0 0;}


/*본인확인 버튼*/
p.loginbtn {clear:both; text-align:center; padding:15px 0 15px 0; margin:10px 0 0 0; }
p.loginbtn span.loginBtn_s01 { display:inline-block;float:left;background:#7b50a0; margin-right:0.5%; margin-bottom:5px; width:48.5%;
	border: 1px solid #4a2177;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 2px #a3a3a3;
	-moz-box-shadow:1px 1px 2px #a3a3a3;
	-webkit-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 1px #9c9c9c;}
p.loginbtn span.loginBtn_s02 { display:inline-block;float:right;background:#f3f6fe; margin-left:0.5%; margin-bottom:5px;width:48.5%;
	border: 1px solid #bcbcbc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 0 #a3a3a3;
	-moz-box-shadow:1px 1px 0 #a3a3a3;
	-webkit-box-shadow:1px 1px 0 #ccc;
	box-shadow:1px 1px 0 #e4e3e3;}
p.loginbtn span.loginBtn_s03 { display:inline-block;background:#7b50a0;  margin-bottom:5px; width:100%;
	border: 1px solid #4a2177;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 2px #a3a3a3;
	-moz-box-shadow:1px 1px 2px #a3a3a3;
	-webkit-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 1px #9c9c9c;}
p.loginbtn span.loginBtn_s01 button {font-size:1.2em;  background:none; color:#fff; padding:13px 60px 13px 60px;.padding:10px 60px 10px 60px;border:0;width:100%;}
p.loginbtn span.loginBtn_s02 button {font-size:1.2em;  background:none; color:#000; padding:13px 60px 13px 60px;.padding:10px 60px 10px 60px; border:0; width:100%;}	
p.loginbtn span.loginBtn_s03 button {font-size:1.2em;  background:none; color:#fff; padding:13px 60px 13px 60px;.padding:10px 0 10px 0; border:0; width:100%;}

.Login_box h4 {clear:both; padding:0 0 5px 35px;background:url(../../images/member/member_h4.gif) 3px top no-repeat;color:#2f2c2c;font-size:1.500em;font-weight:normal; margin:25px 0; line-height:140%;}
.Login_box h4 span.titred {color:#f51212;}
.Login_box h4 span.txtred {color:#f51212;font-size:0.667em; display:inline-block;  float:right;.margin:-30px 10px 0 0; }
p.loginTxt02 {background:#fff; border:#d3cbcb solid 1px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; color:#727070;font-size:1.083em;padding:25px 20px;line-height:140%;}
p.loginTxt02 span {color:#ff0000;}

/*정보입력폼*/
.info_change {width:auto;border-top:#565c5e solid 2px;}
.lformselect01 {width:95%;.width:93%;}
.lformselect02 {width:98%;.width:94%;}
.lformselect02:after {content:""; clear:both; display:block; height:0; visibility:none;}
.lformselect02>ul>li {float:left;width:46%;.width:46%;margin-left:1%;font-size:0.9em;}
.lformselect02>ul>li span.same_txt03 {display:inline-block;*display:inline; *zoom:1;}
.lformselect02>ul>li:first-child {width:49%;.width:51%;margin-left:0;}

/*셀렉트박스 화살표 수정*/
.jqTransformSelectWrapper {
	border:1px solid #aeadad !important; .height:28px;
	background: #fff url('../../images/board/select_arrow.png') no-repeat right center;
}
.jqTransformSelectWrapper ul {border:1px solid #aeadad !important;}

/*정보입력폼 -회원인증*/
.member_confirm {display:table; width:100%;border:#abaeb0 solid 1px; background:#d3d4d5;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin-top:10px;}
.member_confirm dl {display:table-row;.display:block;}
.member_confirm dl dt {display:table-cell; .float:left;.display:block; vertical-align:middle; line-height:150%;width:30%;padding:25px 0;  background:#d3d4d5;font-size:1.333em; text-align:center; color:#343131;}
.member_confirm dl dd {display:table-cell; .float:left;.display:block; vertical-align:middle; line-height:150%;width:70%;.width:65%;  padding:25px 3% 25px 0; box-sizing:border-box;font-size:1.083em;}
.member_confirm dl dd span {display:block;padding:8px 0 0 0;}
.same_input03 { border:#c1c1c1 solid 1px;color:#666666;padding:9px 0 9px 5px; vertical-align:middle; width:98%; background:#fff; margin:5px 0 0 0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

/* 회원탈퇴 */
#member_exit {clear:both;width:100%;border-top:#565c5e solid 2px;}
#member_exit: {content:""; clear:both; display:block; height:0; visibility:none;}
#member_exit .mtop_div {width:auto; padding:20px 3%;background:#f1f1f1;border-bottom:#d3cbcb solid 1px;}
#member_exit p.member_top {clear:both;  text-align:left; color:#2c61e6;font-size:1.167em; display:inline-block;}

#memberexit_box {width:auto; background:#fff;border-bottom:#d3cbcb solid 1px;border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px;}
#memberexit_box ul li { padding:15px 20px;}
#memberexit_box ul li p.mexit_number {font-size:1.1em;line-height:140%;}
#memberexit_box ul li p.mexit_con {font-size:1.0em; padding:15px 0 0 10px; line-height:18px;} 
#memberexit_box ul li p.mexit_number span.exittxt01 {color:#044bff;}
#memberexit_box ul li p.mexit_con span.exittxt02 {color:#ff0000;}
#memberexit_box ul li p.mexit_con span.exitbox { display:block; padding:5px 0 0 0;}
#memberexit_box .exit_reason {border:#c1c1c1 solid 1px;height:50px;line-height:26px; color:#666666; vertical-align:middle; width:97%; margin-bottom:10px;}
#member_exit .joincheckDiv {width:auto; padding:0 3%;background:#d3d4d5; border-bottom:#abaeb0 solid 1px;border-left:#abaeb0 solid 1px;border-right:#abaeb0 solid 1px;}
#member_exit p.joincheck02 {padding:25px 0;font-size:1.083em; line-height:140%; }

/* 아이디,비밀번호 찾기 결과화면 */
.ids_form {width:auto; padding:20px;border-bottom:#d3cbcb solid 1px;border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px;*zoom:1;}
.ids_form:after {content:""; clear:both; display:block; height:0; visibility:none;}
.ids_form p.ids_img { width:30%;float:left; text-align:center;vertical-align:middle; padding:10px 0 0 0;}
.ids_form p.ids_img img { max-width:100%;}
.ids_form p.ids_txt {width:64%;float:left; padding:20px 3%; font-size:1.083em; line-height:140%; font-weight:bold;}
.ids_form p.ids_txt span {display:block;font-weight:normal; padding:5px 0 0 0;font-size:0.917em;}

section#container_reagree{background:#fff;}
/*개인정보재동의*/
#memjoin{margin-top:20px}
#memjoin div.memjoinWrap{/* margin:0 15px; */ font-family:NSK}
#join_reagree{clear:both; padding:0; margin:0; width:100%; background:#fff}
#join_reagree div.reagree_top{border-top:5px solid #6b6d6f; background:#fff url(../../images/member/reagree_top_bg.gif) repeat-x left bottom; border-bottom:1px solid #dedede}
#join_reagree div.reagree_top div{ width:98%; max-width:1100px; margin:0 auto; position:relative;}
#join_reagree div.reagree_top div h1{padding:10px 0; margin:0; font-size:0; line-height:0;}
#join_reagree div.reagree_top div ul.topMn{position:absolute; top:50%; right:0; *zoom:1; font-size:1.083em; margin:-19px 0 0 0;}
#join_reagree div.reagree_top div ul.topMn:after{content:""; clear:both; display:block; height:0; visibility:none;}
#join_reagree div.reagree_top div ul.topMn li{float:left; margin:0; padding:0; background:#f6f6f6; border:1px solid #b5b5b5;height:36px; line-height:36px; }
#join_reagree div.reagree_top div ul.topMn li:first-child{border-right:none; border-right:0;}
#join_reagree div.reagree_top div ul.topMn li a{display:block; padding:0 20px; margin:0;font-family:NSK;}

#join_reagree_con div#agrDiv{width:98%; max-width:1100px; margin:0 auto; padding:20px 0; clear:both; font-size:1.083em;}
#join_reagree_con div#agrDiv ul.reagreeList{clear:both; padding:0; margin:0; line-height:150%;}
#join_reagree_con div#agrDiv ul.reagreeList li{width:auto; background:url(../../images/member/reagree_blt.gif) no-repeat left 5px; padding:0 0 4px 10px;}
#join_reagree_con div#agrDiv h4 { background:url(../../images/member/join_h4Tit.gif) no-repeat left 7px; padding:5px 0 10px 33px; line-height:150%; font-size:1.5em; font-weight:normal; margin:20px 0 0 0}

#join_reagree_con div#agrDiv div.area_jointxt{width:auto; border:1px solid #adb7c0; padding:0; margin:0 0 5px 0; overflow-y:scroll; height:300px;}
#join_reagree_con div#agrDiv div.area_jointxt div{padding:15px; width:auto;}
#join_reagree_con div#agrDiv div.area_jointxt div p{font-size:1.167em; line-height:150%; padding:0; }
#join_reagree_con div#agrDiv div.area_jointxt div dl{padding:5px; margin:0;}
#join_reagree_con div#agrDiv div.area_jointxt div dl dt{ line-height:150%;}
#join_reagree_con div#agrDiv div.area_jointxt div dl dd{line-height:150%; padding:3px 0;}
#join_reagree_con div#agrDiv p.joincheck{margin:0 0 10px 0;}
#join_reagree_con div#agrDiv p.joincheck input{vertical-align:middle; margin:5px 5px 0 0;}
#join_reagree_con div#agrDiv div.passBox{clear:both; width:auto; border:1px solid #c6c6c6; background:#f6f6f6; padding:15px 20px; margin:0; *zoom:1;}  
#join_reagree_con div#agrDiv div.passBox:after{content:""; clear:both; display:block; height:0; visibility:none;}
#join_reagree_con div#agrDiv div.passBox h4{background:none; padding:0; margin:0; float:left; width:85px; line-height:36px; height:36px; font-size:1.417em;}
#join_reagree_con div#agrDiv div.passBox p{padding:0 0 0 90px; margin:0; /*line-height:36px;*/ line-height:150%; font-size:1.083em;}
#join_reagree_con div#agrDiv div.passBox div.inputWrap{padding:0 0 0 90px; margin:0; font-size:1.083em;}
#join_reagree_con div#agrDiv div.passBox div.inputWrap div.inputBox {width:auto; border:1px solid #c6c6c6; background:#fff;}
#join_reagree_con div#agrDiv div.passBox div.inputBox input[type=password]{ width:94%; height:34px; line-height:34px; border:none; .border:0; background:#fff; padding:0 3%; vertical-align:middle;}

#join_reagree_con div#agrDiv div.agree_btn{*zoom:1; padding:0; margin:20px auto; width:100%;}
#join_reagree_con div#agrDiv div.agree_btn:after {content:""; clear:both; display:block; height:0; visibility:none;}
#join_reagree_con div#agrDiv div.agree_btn p{ float:right; width:50%; margin:0;}
#join_reagree_con div#agrDiv div.agree_btn p:first-child{.width:49%; float:left;}
#join_reagree_con div#agrDiv div.agree_btn p span{
	display:block; width:auto; margin:0 0 0 2px; text-align:center; padding:0; height:48px;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;
}
#join_reagree_con div#agrDiv div.agree_btn p span button{background:none; border:none; width:100%; height:50px; font-size:1.25em; color:#fff;}
#join_reagree_con div#agrDiv div.agree_btn p:first-child span{margin:0 2px 0 0;}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s01 span{background:#5db342; background:#5db342 url(../../images/member/reagree_btn0101.gif) no-repeat left top \9;}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s02 span{background:#7c7a7a; background:#7c7a7a url(../../images/member/reagree_btn0201.gif) no-repeat left top \9;}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s01 span button{background:url(../../images/member/reagree_btn0102.gif) no-repeat right top \9;}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s02 span button{background:url(../../images/member/reagree_btn0202.gif) no-repeat right top \9;}


/*  tablet layout */
@media only screen and (min-width:768px) and (max-width:1024px)  {

/*정보입력폼 -회원인증*/

.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:90%;.width:88%; background:#fff;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
	
}

/* pc layout */
@media only screen and (min-width:1025px) {

/*로그인*/
.Login .Login_line ul li {width:69%; padding:4px 1% 4px 0; }
.Login .Login_line ul li.LoginBtn {display:inline-block;width:30%;margin-top:-50px; padding-right:0;}
button.loginBtn {  padding:32px 0; .padding:0;.height:84px;}
.Login p.loginTxt span.txtright {display:inline-block;*display:inline; *zoom:1;.margin:-40px 20px 0 0;float:right;color:#ff0000; padding:0;}

/*약관동의 버튼*/
p.loginbtn span.loginBtn_s01 {float:none;margin-right:0.25%;width:auto;.width:150px;}
p.loginbtn span.loginBtn_s02 {float:none;margin-left:0.25%;width:auto;.width:150px;}
p.loginbtn span.loginBtn_s03 {float:none;margin-left:0.25%;width:auto;.width:250px;}

/* 아이디 찾기 */
.ids_form p.ids_txt {width:64%;float:left; padding:30px 3%; font-size:1.083em; line-height:140%; font-weight:bold;}

/*정보입력폼 -회원인증*/

.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:90%;.width:88%; background:#fff;}

}