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

#member{clear:both; padding:0; margin:0;}
#member ul.memberNotice{clear:both; min-height:50px; padding:20px 20px 20px 100px; margin:0; background:#fafafa url(../../images/member/bg_membernotice.gif) no-repeat 16px 50%; border:2px solid #dfdfdf; border-radius:10px}
#member ul.memberNotice li{background:url(../../images/member/bg_memberlst.gif) no-repeat left 9px; font-size:1.167em; line-height:150%; padding:0 0 6px 15px; width:auto;}
#member ul.memberNotice li span{color:#ff1111;}
#member ul.memberNotice.notionly {min-height:inherit; padding:30px 20px 30px 100px}


/*회원유형 선택*/
#member ul#memberGrade{clear:both; padding:0; margin:30px 0; *zoom:1;}
#member ul#memberGrade li {width:100%; position:relative; margin-top:15px}
#member ul#memberGrade li:first-child {margin:0}
#member ul#memberGrade li .imgBox {padding:30px 14px 15px; border:1px solid #cbcbcb; margin:0}
#member ul#memberGrade li .imgbox01 {background:#edf0fa url(../../images/member/bg_join01.gif) no-repeat 0 0}
#member ul#memberGrade li .imgbox02 {background:#e2f2c2 url(../../images/member/bg_join02.gif) no-repeat 0 0}
#member ul#memberGrade li .imgbox03 {background:#f8edc3 url(../../images/member/bg_join03.gif) no-repeat 0 0}
#member ul#memberGrade li .imgBox .txt {display:block; padding:30px 20px 50px 0; text-align:right; font-size:1.6em; font-weight:600}
#member ul#memberGrade li .imgBox .joinBtn {display:block; width:100%; padding:12px 15px; font-size:1.231em; border-radius:7px; text-align:left; color:#fff}
#member ul#memberGrade li .imgbox01 .joinBtn {background:#8685ea}
#member ul#memberGrade li .imgbox02 .joinBtn {background:#8fb346}
#member ul#memberGrade li .imgbox03 .joinBtn {background:#f1a615}
#member ul#memberGrade li .btnBox {position:relative}
#member ul#memberGrade li .btnBox img {position: absolute; bottom:20px; right:25px; width:21px; opacity: 1;animation-direction: alternate; transition: all .4s;}
#member ul#memberGrade li .btnBox:hover img {right:10px; width:21px}

/*약관동의*/
#member div.tabNavi{clear:both; padding:0; margin:10px 0 20px 0;}
#member div.tabNavi div.tabNavi_box{position:relative; clear:both; padding:0; margin:0;}
#member div.tabNavi div.tabNavi_box:before {content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:3px; background:#d3d3d3; z-index:1}
#member div.tabNavi div.tabNavi_box ul{position:relative; z-index:2}
#member div.tabNavi div.tabNavi_box ul li{display:none; width:100%; float:left; margin-top:10px}
#member div.tabNavi div.tabNavi_box ul li:first-child {margin:0}
#member div.tabNavi div.tabNavi_box ul li div {margin-right:20px; padding-right:10px; font-size:1.154em}
#member div.tabNavi div.tabNavi_box ul li p {padding:10px 15px; background:#fff; border:2px solid #d3d3d3; border-radius:10px}
#member div.tabNavi div.tabNavi_box ul li.on div {background:url(../../images/member/bg_agree_arr.gif) no-repeat 100% 55%}
#member div.tabNavi div.tabNavi_box ul li.on p {background:#646464; border-color:#646464; color:#fff}
#member div.tabNavi div.tabNavi_box ul li .numBox {display:inline-block; width:30px; height:30px; line-height:28px; margin-right:10px;  background:#fff; border-radius:50%; text-align:center; color:#000}

#member div.area_jointxt{width:auto; border:1px solid #adb7c0; padding:0; margin:0 0 5px 0; overflow-y:scroll; height:300px;}
#member div.area_jointxt div{padding:15px; width:auto; font-size:1.154em}
#member div.area_jointxt div p{font-size:1.167em; line-height:150%; padding:0; font-weight:500}
#member div.area_jointxt div dl{padding:5px; margin:0;}
#member div.area_jointxt div dl dt{line-height:150%; font-weight:400}
#member div.area_jointxt div dl dd{line-height:150%; padding:3px 0;}
#member p.joincheck{margin:15px 0 10px; font-size:1.154em}
#member div.joinbtn{*zoom:1; padding:0; margin:20px 10px}
#member div.joinbtn:after {content:""; clear:both; display:block; height:0; visibility:none;}
#member div.joinbtn p{ float:right; width:50%; margin:0;}
#member div.joinbtn p:first-child{.width:49%; float:left;}
#member div.joinbtn p span{
	display:block; width:auto; margin:0 0 0 2px; text-align:center; padding:0; height:50px;
	border-radius:10px}
#member div.joinbtn p span button{background:none; border:none; width:100%; height:50px; font-size:1.25em;}
#member div.joinbtn p:first-child span{margin:0 2px 0 0;}
#member div.joinbtn p.joinBtn_s01 span{ background:#1c81d5; border:1px solid #1c81d5;}
#member div.joinbtn p.joinBtn_s02 span{ background:#f1f1f1; border:1px solid #bdbcbd;}
#member div.joinbtn p.joinBtn_s01 span button{color:#fff;}
#member div.joinbtn p.joinBtn_s02 span button{color:#524e4e;}
#member .member_noti {padding:25px 0 5px;background:url(../../images/member/bg_layer_dotpatt.gif) repeat-x 0 0; text-align:center; font-size:1.154em}

/*회원인증*/
#certify{width:auto; *zoom:1;}
#certify:after {content:""; clear:both; display:block; height:0; visibility:none;}
#certify div.certiWrap {overflow:hidden; max-width:755px; margin:0 auto; border-radius:30px; border:1px solid #c8c8c8; *zoom:1;}
#certify div.certiWrap:after {content:""; clear:both; display:block; height:0; visibility:none;}
#certify div.certiWrap .tit {background:#0073bd; color:#fff;font-size:1.308em; font-weight:500; padding:20px; margin:13px; line-height:140%;border-radius:25px; text-align:center;}
#certify div.certiWrap ul{*zoom:1; margin:0; padding:0 15px; clear:both;}
#certify div.certiWrap ul:after {content:""; clear:both; display:block; height:0; visibility:none;}
#certify div.certiWrap ul li{width:100%; margin:0;}
#certify div.certiWrap ul li:first-child {margin-bottom:15px}
#certify div.certiWrap ul li div.certi_lst {border:1px solid #c8c8c8; box-sizing:border-box; border-radius:25px}
#certify div.certiWrap ul li div.topBox {border-bottom:3px solid #2cafcc}
#certify div.certiWrap ul li:first-child div.topBox {border-color:#0b5388}
#certify div.certiWrap ul li div.topBox button{position:relative; width:100%; padding:10px 0; display:block; text-align:left; background:none; border:0; }
/*
#certify div.certiWrap ul li div.topBox p.btnBox{clear:both; float:right;border:1px solid #bfbfbf; background:#fff url(../../images/member/certify_bg.gif) repeat-y right top;}
#certify div.certiWrap ul li div.topBox p.btnBox button{display:block; padding:10px 55px 10px 10px; width:100%; background:url(../../images/member/certify_bg2.gif) no-repeat right center; text-align:left;}*/
#certify div.certiWrap ul li div.conBox{padding:20px; margin:0; width:auto; line-height:150%;}
#certify div.certiWrap ul li div.conBox span{display:inline-block; margin:5px 0 0 0; background:#d9ecf7}
#certify div.certiWrap .certi_foot {padding:15px 0; margin:20px 15px 0; background:url(../../images/member/bg_layer_dotpatt.gif) repeat-x 0 0}
#certify div.certiWrap .certi_foot p img {margin:0 auto; text-align:center}
#certify div.certiWrap ul li .certi_tit {display:inline-block; padding:15px 15px 15px 80px;background:url(../../images/member/bg_certi_icon02.gif) no-repeat 20px 50%; font-size:1.231em}
#certify div.certiWrap ul li:first-child .certi_tit {background:url(../../images/member/bg_certi_icon01.gif) no-repeat 20px 50%}
#certify div.certiWrap .btn_go {position:absolute; top:50%; right:20px; margin-top:-22px}

/*회원가입*/
#same_confirm{clear:both; padding:0; margin:20px 0 0; border-top:2px solid #1c81d5; *zoom:1;}
#same_confirm:after {content:""; clear:both; display:block; height:0; visibility:none;}
#same_confirm dl{clear:both; *zoom:1; margin:0; padding:0; border-bottom:1px solid #d2d2d2; background:#f2f2f2}
#same_confirm dl:after {content:""; clear:both; display:block; height:0; visibility:none;}
#same_confirm dl.blueLine{background:#e6f0ff}
#same_confirm dl dt{display:block; padding:15px; margin:0; font-size:1.077em; font-weight:500}
#same_confirm dl dd{padding:10px 15px; width:auto; line-height:150%; *zoom:1; background:#fff}
#same_confirm dl dd:after {content:""; clear:both; display:block; height:0; visibility:none;}
#same_confirm dl dd input{vertical-align:middle;}
#same_confirm dl dd .button {vertical-align:-1px}
#same_confirm dl dd label{padding:0 5px 0 2px; margin:0;}
#same_confirm dl dd div.inputBox{width:100%; padding:0; margin:0;}
#same_confirm dl dd div.inputBox p{border:1px solid #d8d8dd; background:#fff; padding:6px 5px;}
#same_confirm dl dd div.inputBox p input{border:none; padding:0; width:100%; background:none;}
#same_confirm dl dd .wdt50{width:50% !important; float:left;}
#same_confirm dl dd .wdt30{width:30% !important; float:left;}
#same_confirm dl dd div.txt {width:4%;float:left;text-align:center;}
#same_confirm dl dd p.wdt50{width:48% !important; margin:0 0 0 1%; padding:3px 0; line-height:150%;}
.red{color:#ca2366 !important;font-weight:500;}
.select_box ul {height:100px !important;}
.mr10 {margin-right:10px !important;}
#same_confirm dl dd div.jqTransformSelectWrapper {
	border:1px solid #d8d8dd;
	background: #fff url(../../images/member/select_arrow_join.gif) no-repeat right center;
}

.jqTransformSelectWrapper.select {
	background: #fff url(../../images/member/select_arrow_join.gif) no-repeat right center;
}

/*로그인*/
.Login {width:100%; padding:0; *zoom:1;}
.Login:after {content:""; clear:both; display:block; height:0; visibility:none;}
.Login_box {overflow:hidden; max-width:755px; margin:0 auto; border-radius:30px; border:1px solid #c8c8c8}

.Login p.loginTxt {background:#e2e2e2 url(../../images/member/blt_logintxt.png) no-repeat 15px 13px; color:#1a1a1a;font-size:1.083em;padding:20px 20px 20px 55px; line-height:140%}
.Login p.loginTxt02 {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;}

/* 추가 kjh 201006 */
.Login p.login_boxtxt {background:#0073bd; color:#727070;font-size:1.083em;padding:17px; margin:15px 15px 0; line-height:140%;border-radius:30px; text-align:center;}
.Login p.login_boxtxt span {padding:10px 5px 10px 35px; background:url(../../images/member/blt_logboxtxt.gif) no-repeat 0 50%; color:#fff; font-size:1.077em}

.Login .Login_line {width:auto;padding:0 3%;margin:0 auto; *zoom:1}
.Login .Login_line:after {content:""; clear:both; display:block; height:0; visibility:none;}
.Login .Login_line ul {padding:30px 50px;*zoom:1;background:url(../../images/member/bg_layer_dotpatt.gif) repeat-x 0 100%}
.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; }
.Login .Login_line ul li span {display:inline-block; width:17%; font-size:1.231em; font-weight:500; color:#000}
.log_input{ border:#c1c1c1 solid 1px;color:#666666;padding:10px 1% 10px 1%; vertical-align:middle;width:79%; 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:#6b6b6b;color:#fff; padding:15px 0;margin-top:5px;font-size:1.385em; width:100%;font-weight:400; border-radius:4px;}
.Login p.LBtn {padding:20px 0 25px; text-align:center}	
.Login p.LBtn span {display:inline-block;margin-left:7px;background:#dedede;border-radius:5px;box-shadow:2px 2px 0px #bfbfbf}
.Login p.LBtn span a {display:inline-block; padding:10px 24px; color:#1a1a1a}	

/*본인확인*/
.login_form {width:100%;}
.login_form table {width:100%;border-collapse:collapse;}
.login_form table tbody th {width:26%; min-width:100px;line-height:150%; vertical-align:middle; padding:10px 0; font-weight:600;font-size:1.231em; text-align:left}
.login_form table tbody td {vertical-align:middle; line-height:150%; padding:10px 3% 10px 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:25px 0 20px; margin:30px 20px 0; background:url(../../images/member/bg_layer_dotpatt.gif) repeat-x 0 0}
p.loginbtn span.loginBtn_s01 { display:inline-block;float:left;background:#1c81d5; margin-right:0.5%; margin-bottom:5px; width:48.5%;
	border: 1px solid #1872be; 	border-radius:10px}
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; 	border-radius:10px}
p.loginbtn span.loginBtn_s03 { display:inline-block;background:#1c81d5;  margin-bottom:5px; width:100%;
	border: 1px solid #1872be;	border-radius:10px}
p.loginbtn span.loginBtn_s01 button {font-size:1.333em;  background:none; color:#fff; padding:10px 45px; border:0;width:100%}
p.loginbtn span.loginBtn_s02 button {font-size:1.333em;  background:none; color:#000; padding:10px 45px; border:0; width:100%}	
p.loginbtn span.loginBtn_s03 button {font-size:1.333em;  background:none; color:#fff; padding:10px 45px; 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.75em; display:inline-block;  float:right;.margin:-30px 10px 0 0; }
p.loginTxt02 {background:#fff; box-sizing:border-box;background:#e2e2e2 url(../../images/member/blt_logintxt.png) no-repeat 15px 13px;color:#727070;font-size:1.083em;padding:20px 20px 20px 55px;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 {
	.height:28px;
	background: #fff url(../../images/member/select_arrow.gif) 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:#000000;font-size:1.167em; font-weight:500; 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.2em;font-weight:500;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:url(../../images/member/bg_layer_dotpatt.gif) repeat-x 0 100% }
#member_exit p.joincheck02 {padding:25px 0;font-size:1.083em; line-height:140%; text-align:center}
#member_exit p.loginbtn {background:none}

/* 아이디,비밀번호 찾기 결과화면 */
.ids_form {width:auto; padding:20px; *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:500;}
.ids_form p.ids_txt span {display:block;font-weight:normal; padding:5px 0 0 0;font-size:0.917em;}

/* 추가 kjh 201006*/
.login_cng {width:80%; margin:20px 10%}
.log_bigbox {max-width:850px}
.log_bigbox .sub_tit {margin:20px 15px; font-size:1.385em}


section#container_reagree{background:#fff;}
/*개인정보재동의*/
#join_reagree{clear:both; padding:0; margin:0; width:100%; background:#fff;}
#join_reagree div.reagree_top{border-bottom:1px solid #ccc}
#join_reagree div.reagree_top div{ width:100%; max-width:1400px; margin:0 auto; position:relative;}
#join_reagree div.reagree_top div h1{padding:18px 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:-18px 0 0 0;}


#join_reagree div.reagree_top div ul.topMn{margin-right: 13px; border-radius: 50px; border:1px solid #838383; box-sizing: border-box}
#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; 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;}

#join_reagree div#agrDiv{width:100%; max-width:1400px; margin:0 auto; padding:20px 0; clear:both; font-size:1.077em;}
#join_reagree div#agrDiv ul.reagreeList{clear:both; padding:0; margin:0; line-height:150%;}
#join_reagree 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 div#agrDiv h4 {line-height:23px; margin:10px 0; padding:5px 0 5px 35px; background: url(../../images/member/blt_agreeh4.gif) no-repeat 0 5px; font-weight:500; font-size:1.308em; color:#1e1e1e}


#join_reagree 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 div#agrDiv div.area_jointxt div{padding:15px; width:auto;}
#join_reagree div#agrDiv div.area_jointxt div p{font-size:1.167em; line-height:150%; padding:0}
#join_reagree div#agrDiv div.area_jointxt div dl{padding:5px; margin:0;}
#join_reagree div#agrDiv div.area_jointxt div dl dt{line-height:150%;}
#join_reagree div#agrDiv div.area_jointxt div dl dd{line-height:150%; padding:3px 0;}
#join_reagree div#agrDiv p.joincheck{margin:5px 0 20px 0;}
#join_reagree div#agrDiv p.joincheck input{vertical-align:middle; margin:0; padding:0}
#join_reagree div#agrDiv div.passBox{clear:both; width:auto; border:1px solid #c6c6c6; background:#f6f6f6; padding:15px 20px; margin:0; *zoom:1;}  
#join_reagree div#agrDiv div.passBox:after{content:""; clear:both; display:block; height:0; visibility:none;}
#join_reagree div#agrDiv div.passBox h4{background:none; padding:0; margin:0; float:left; width:85px; line-height:36px; height:36px; font-size:1.385em;}
#join_reagree div#agrDiv div.passBox p{padding:0 0 0 90px; margin:0; /*line-height:36px;*/ line-height:150%; font-size:1.083em;}
#join_reagree div#agrDiv div.passBox div.inputWrap{padding:0 0 0 90px; margin:0; font-size:1.083em;}
#join_reagree div#agrDiv div.passBox div.inputWrap div.inputBox {width:auto; border:1px solid #c6c6c6; background:#fff;}
#join_reagree div#agrDiv div.passBox div.inputBox input[type=password]{ width:98%; height:34px; line-height:34px; border:none; .border:0; background:#fff; padding:0 1%; vertical-align:middle;}

#join_reagree div#agrDiv div.agree_btn{*zoom:1; padding:0; margin:20px auto; width:100%;}
#join_reagree div#agrDiv div.agree_btn:after {content:""; clear:both; display:block; height:0; visibility:none;}
#join_reagree div#agrDiv div.agree_btn p{ float:right; width:50%; margin:0;}
#join_reagree div#agrDiv div.agree_btn p:first-child{.width:49%; float:left;}
#join_reagree 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 div#agrDiv div.agree_btn p span button{background:none; border:none; width:100%; height:50px; font-size:1.308em; color:#fff}
#join_reagree div#agrDiv div.agree_btn p:first-child span{margin:0 2px 0 0;}
#join_reagree div#agrDiv div.agree_btn p.joinBtn_s01 span{background:#157bc3; background:#157bc3 url(../../images/member/reagree_btn0101.gif) no-repeat left top \9;}
#join_reagree 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 div#agrDiv div.agree_btn p.joinBtn_s01 span button{background:url(../../images/member/reagree_btn0102.gif) no-repeat right top \9;}
#join_reagree div#agrDiv div.agree_btn p.joinBtn_s02 span button{background:url(../../images/member/reagree_btn0202.gif) no-repeat right top \9;}

/* 개인정보 재 동의 이용약관*/
#agrDiv #reeagree_box {width:98%; padding:0 10px;clear:both;}
#agrDiv .area_reeagree {background-color:#FFFFFF; border:1px solid #adaeac; color:#8a8681; width:98%; height:200px;overflow:auto; padding:15px 1% 5px}
#agrDiv .area_reeagree p.reeagr_top {color:#30312f;padding:5px 0 5px 23px;font-size:1.154em;font-weight:500;background:url(../../images/member/blt_agreesub.gif) left 5px no-repeat;}
#agrDiv .area_reeagree dl {padding:0px 10px 5px 10px;}
#agrDiv .area_reeagree dl dt {padding:15px 10px 5px 0;font-weight:500;}
#agrDiv .area_reeagree dl dd {padding:2px 0 2px 8px;}
#agrDiv .area_reeagree dl dd ol {margin:5px 0 5px 0;padding:5px 10px 5px 10px;border:solid #e1dfdd 1px;}
#agrDiv .area_reeagree dl dd ol li {padding:2px 0 2px 0;}

#agrDiv #reeagree_box02 {width:98%; padding:0 10px;clear:both;}
#agrDiv .area_reeagree02 {background-color:#FFFFFF; border:1px solid #adaeac; color:#8a8681; width:97%; height:200px;overflow:auto; padding:15px 10px 5px 10px;}
#agrDiv .area_reeagree02 p.reeagr_top {color:#30312f;padding:5px 0 5px 23px;font-size:1.154em;font-weight:500;background:url(../../images/member/blt_agreesub.gif) left 5px no-repeat;}
#agrDiv .area_reeagree02 dl {padding:0px 10px 5px 10px;}
#agrDiv .area_reeagree02 dl dt {padding:15px 10px 5px 0;font-weight:500;}
#agrDiv .area_reeagree02 dl dd {padding:2px 0 2px 8px;}
#agrDiv .area_reeagree02 dl dd ol {margin:5px 0 5px 0;padding:5px 10px 0 10px;}
#agrDiv .area_reeagree02 dl dd ol li {padding:2px 0 2px 0;}


/*임시비밀번호 변경_레이어창*/
/* div.temporarilypwWrap {width:100%;  background:#f5f5f7} 
div.temporarilypwWrap div.temporarilypwBox {margin:0 0;  background:#fff; padding:0} */
div.temporarilypwWrap {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index:1100; min-width: 320px}
div.temporarilypwWrap div.temporarilypwBox {position:relative; width:95%; margin:130px auto; padding:10px;  box-sizing: border-box; border-radius:15px}
div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div#tempw_change {width:auto; background:#fff; border-radius:15px; overflow:hidden}
div.temporarilypwWrap div.temporarilypwBox div.orderchange>div{height:100%}
div.temporarilypwWrap div.temporarilypwBox .tempw_top { padding:0 0}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit { width:auto; position:relative; z-index:100; padding:21px 0 20px; background:#579ef6; color:#fff; font-size:1.385em; font-weight:500; text-align:center}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit .btn_close {position:absolute;right:0; height:60px; width:60px; top:0;  background:#1d67c3 url(../../images/common/btn_log_close.png) no-repeat 50% 50%}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt {color:#000;  line-height:160%; text-align:center;  padding:18px 20px; font-size:1.154em; font-weight:400}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt strong {font-size:1.077em}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt span {color:#f33729}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid {padding:20px; float:none; border-top:1px solid #c9c9c9 }
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {position:relative; width:auto}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:before {content: "";display: block;clear: both;position: absolute;top:-6px; left:0; width: 10px;height: 10px;border-radius: 50px; background:#ccc; z-index: 10;}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:after {content: "";display: block;clear: both;position: absolute;top:-6px;right:0; width: 10px;height: 10px;border-radius: 50px; background:#ccc; z-index: 10;}
/* div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:after {content:""; clear:both; display:block; height:0} */
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul {width:auto}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:6px 0; line-height:130%;font-size:1.083em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span { display:inline-block;float:left;width:110px;font-weight:500; padding:15px 0 14px 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span label { font-family:CGC}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:110px; font-size:0.857em; padding:8px 0 0 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:110px; border:1px solid #cecece; height:48px; padding:0 5px; background:#fff}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=text], div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=password]{
border:0; height:46px; line-height:46px; padding:0; width:100%; margin:0; background:none !important}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infoctxt_form { height:34px; padding:10px 0 0px 110px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button {width:100%;  text-align:center; z-index:100; margin:0 auto}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn {background:#3e4958; border-radius:10px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button{background:none; border:0; padding:10px 8px 13px 8px; text-align:center; display:block; color:#fff; width:100%; font-weight:400; font-size:1.154em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button span {padding:40px 10px 0; background:url(../../images/member/ico_login.png) no-repeat center top}

div.temporarilypwWrap .logbot_tb {position:relative; padding:30px; background:url(../../images/member/bt_line.gif) left top repeat-x}
div.temporarilypwWrap .logbot_tb .bot_lst{margin: -78px 0 0 115px; padding: 15px; border-radius: 10px; background:#efefef;font-size: 14px}
div.temporarilypwWrap .logbot_tb .bot_lst li{margin-bottom: 5px; padding-left: 15px; background:url(../../images/member/blt_botlst.gif) no-repeat left 4px; line-height: 130%}
div.temporarilypwWrap .logbot_tb .bot_lst li:last-child{margin-bottom: 0}


/*2년경과 재동의*/
#memjoin div.memjoinTop p.mjtTit{padding:0; margin-bottom:10px; font-size:1.538em}
#memjoin p.reagree_check { margin:0 0 15px}
#memjoin div.passBox { width:auto; padding:15px 20px; clear:both; background:#e0e0e0; margin-top:15px; border-radius:5px}
#memjoin div.passBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#memjoin div.passBox h4 { width:70px; height:36px; line-height:36px; float:left; font-size:1.1em; font-weight:400}
#memjoin div.passBox div.inputWrap {font-size:1.08em; padding-left:80px}
#memjoin div.passBox div.inputWrap .inputBox{height:30px; padding:0 5px; background:#fff; border-radius:5px}
#memjoin div.passBox div.inputWrap .inputBox input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
#memjoin div.passBox p { margin:10px 0 0 0; line-height:140%; padding-left:80px; font-size:0.95em}
#memjoin .reagreebutton {clear:both; margin:20px 0}



/* lowest layout fixed */
@media only screen and (max-width : 799px){
	#member h4.sub_tit {font-size:1.231em}

	#member ul.memberNotice li {font-size:1em}

	.Login p.login_boxtxt {margin:10px 10px 0}
	.Login p.login_boxtxt span {font-size:1em}
	.Login .Login_line ul {padding:20px 10px}
	.Login .Login_line ul li span {width:20%; font-size:1.077em}
	.Login p.LBtn span a {padding:10px 14px}
	.Login p.LBtn span:first-child {margin:0}
	button.loginBtn {font-size:1.154em}
	.log_input {width:76%}

	p.loginbtn span.loginBtn_s01 button {padding:6px 30px; font-size:1.154em}
	p.loginbtn span.loginBtn_s02 button {padding:6px 30px; font-size:1.154em}
	p.loginbtn span.loginBtn_s03 button {padding:6px 30px; font-size:1.154em}
	.login_cng {width:90%; margin:10px 5%}
	.login_form table tbody th {font-size:1.077em; width:30%; min-width:74px}
	.log_bigbox .sub_tit {margin:12px; font-size:1.154em}

	#member div.tabNavi div.tabNavi_box:before {display:none}
	#member div.tabNavi div.tabNavi_box ul li div {padding:0 0 11px; margin:0}
	#member div.tabNavi div.tabNavi_box ul li p {text-align:center}
	#member div.tabNavi div.tabNavi_box ul li.on {display:block}
	#member div.tabNavi div.tabNavi_box ul li.on div {background:url(../../images/member/bg_agree_arrm.gif) no-repeat 50% 100%}

	#member div.area_jointxt div {font-size:1em}
	#member p.joincheck {font-size:1.077em}
	#member .member_noti {font-size:1.077em}
	#member ul.memberNotice.notionly {padding:25px 15px 25px 100px}

	#certify div.certiWrap .certi_foot .logo_m {display:block}
	#same_confirm dl dt {border-bottom:1px solid #bdbdbd}

	/* 재동의 */
	section#container_reagree {width:96%; margin:0 2%}
	#join_reagree div#agrDiv div.passBox h4 {font-size:1.154em}
	#join_reagree div#agrDiv div.agree_btn p span button {font-size:1.077em}
	#join_reagree div.reagree_top div h1 {padding:15px 0}
	#join_reagree div.reagree_top div h1 img {width:250px; height:auto}
	#join_reagree div.reagree_top div ul.topMn {margin-top:-14px; right:2%; font-size:1em}
	#join_reagree div.reagree_top div ul.topMn li {height:30px; line-height:30px}
	#join_reagree div.reagree_top div ul.topMn li a {padding:0 5px}

	/*하단 안내문구-공통*/
	div.temporarilypwWrap .logbot_tb{padding:20px; margin-top:30px}
	div.temporarilypwWrap .logbot_tb .bot_tit{width: 65px; height: 50px; margin: 0 auto; background:url(../../images/member/bot_tit_m.gif) no-repeat left center}
	div.temporarilypwWrap .logbot_tb .bot_tit img{display: none}
	div.temporarilypwWrap .logbot_tb .bot_lst{margin:10px 0 0; padding: 10px; font-size: 13px}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button {padding:0 20px; box-sizing:border-box}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid {margin:0 20px; padding:20px 0}
	div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt {font-size:1em}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button span {padding:0 0 0 35px; background:url(../../images/member/ico_login_m.png) no-repeat left center }

}
 /* pc 유형 */
@media only screen and (min-width:800px){
	#member h4.sub_tit {font-size:1.385em}

	/*회원유형 선택*/
	#member ul#memberGrade li{float:left; width:33.3%; .width:32%; width:308px; padding:0; margin:0 0 0 25px; box-sizing:border-box}

	/*약관동의*/
	#member div.tabNavi div.tabNavi_box ul li{display:block; width:25.5%; margin:0}
	#member div.tabNavi div.tabNavi_box ul li div {font-size:1.308em}
	#member div.tabNavi div.tabNavi_box ul li.last {width:23.5%}
	#member div.tabNavi div.tabNavi_box ul li.last div {margin:0; padding:0}
	#member div.joinbtn {width:280px; margin:20px auto}
	
	/*회원인증*/
	#certify div.certiWrap ul {padding:15px 30px}
	#certify div.certiWrap ul li{width:340px; float:right}
	#certify div.certiWrap ul li:first-child{border-bottom:none; float:left; margin:0}
	#certify div.certiWrap .tit {font-size:22px}
	#certify div.certiWrap ul li div.certi_lst {min-height:235px}
	#certify div.certiWrap ul li .certi_tit {font-size:1.385em}
	#certify div.certiWrap ul li div.conBox {padding:20px 15px}
	#certify div.certiWrap ul li div.conBox p {font-size:1.077em; line-height:150%}
	#certify div.certiWrap ul li div.conBox span {font-size:0.935em}
	
	/*회원가입*/
	#same_confirm dl dt{display:block; padding:13px 0; margin:0; float:left; width:200px; }
	#same_confirm dl dt span, #same_confirm dl dt label{padding-left:15px; display:block; width:auto;font-size:1.133em; color:#2b2a2a}
	#same_confirm dl dd{margin-left:220px; font-size:1.077em; border-left:1px solid #d2d2d2}

	/*로그인*/
	.Login .Login_line {padding:0 3%}
	.Login .Login_line ul li {width:82%; padding:7px 1% 7px 0}
	.Login .Login_line ul li.LoginBtn {display:inline-block;width:17%;margin-top:-56px; padding-right:0;}
	button.loginBtn {  padding:34px 0; .padding:0;.height:84px; margin:0}
	.Login p.loginTxt span.txtright {display:inline-block;*display:inline; *zoom:1;.margin:-40px 20px 0 0;float:right;color:#ff0000; padding:0;}
	.Login p.LBtn span a {font-size:1.077em}

	/*약관동의 버튼*/
	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:500;}

	/*정보입력폼 -회원인증*/
	.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:90%;.width:88%; background:#fff;}

	/* 회원탈퇴 */
	#memberexit_box ul li p.mexit_con {font-size:1.077em}

	/*임시비밀번호 변경_레이어창*/
	/* div.temporarilypwWrap {width:100%;  background:#f5f5f7} 
	div.temporarilypwWrap div.temporarilypwBox {position:relative; width:1200px;margin:0 auto;  background:#fff; padding:0}*/

	div.temporarilypwWrap div.temporarilypwBox {position:relative; margin: 10% auto; width: 90%; max-width: 850px; min-width: 270px; border:0}
/* 	div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none} */
	div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit {font-size:1.538em}
	div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt { padding:25px 10px 25px 10px; font-size:1.154em}

	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {position:relative;width:auto;margin:0 20px; padding:40px 30px;float:none}
/* 	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:after {content:""; clear:both; display:block; height:0; visibility:none} */
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul {/* float:left; */ padding:0 170px 0 0}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul:after {content:""; clear:both; display:block; height:0; visibility:none}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.154em}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span {width:130px}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:130px; font-size:13px; word-break:kepp-all}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:130px}

	div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infoctxt_form { height:34px; padding:10px 0 0px 110px}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button {position:absolute; left:auto; right:60px; top:50%; width:19%; margin:-43px 0 0}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn {border-radius:10px}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button{background:none; border:0; padding:58px 8px 22px; text-align:center; font-size:1.385em; display:block; color:#fff; width:100%; font-weight:400}
	.mat10 {width:55%!important;margin-bottom:10px!important;margin-right:10px!important}
	div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn:hover{background:#4390e7; transition:.3s}


}

@media only screen and (max-width:480px){
	/*회원유형 선택*/
	#member ul#memberGrade li div.imgBox p.m_img {width:70px;}
	#member ul#memberGrade li div.imgBox p.m_img img{width:70px;}
	#member ul#memberGrade li div.imgBox p.txt{font-size:1.417em; letter-spacing:-1px; padding:20px 0 0 0;}

	/*회원가입*/
	#same_confirm dl dd .wdt50{width:100% !important; float:none;}
	#same_confirm dl dd p.wdt50{width:100% !important; margin:0; }
}


/*아이디 찾기 2021 [인증번호]*/
.find_info .login_input{width: 100%; box-sizing: border-box}
.login_form.find_info table tbody th{vertical-align: top}
.find_info .mail_lst01{margin-bottom: 15px}
.find_info .find_input{height: 32px; padding: 0 5px; border:#c1c1c1 solid 1px;color:#666666; vertical-align:middle;width:100%; background:#fff; box-sizing: border-box}
.find_info .input_short{width:65%; margin-right: 8px}
.find_info .btn_findnum{display:inline-block; width:132px; height: 32px; background:#737373;  border: 1px solid #737373; border-radius:3px; color:#fff; font-size:14px; font-family:NGB}
.find_info .input_base::placeholder {color:#b5b5b5; font-family:NGB}
.find_info .conf_num{background: #eee}
.find_info .find_txt{margin-top: 15px; padding-left:26px; background:url(../../images/member/icon_info.gif) no-repeat left 2px; font-size:14px; line-height: 140%}
.find_info span.col_bb{font-weight:500;color:#303030}
.find_info span.col_r{font-weight:500;color:#ff4c2f}
.Login_box span.col_r{font-weight:500;color:#ff4c2f}
.login_form.find_info table tbody th {padding:17px 0 10px}

/* 아이디 찾기 2021 [인증번호]-모바일 */
@media only screen and (max-width:915px) {
.find_info .input_short{width:100%; margin-right: 0}
.find_info .btn_findnum{display:inline-block; width:100%; margin-top:5px}
.find_info .find_txt br{display: none}	
}

/*예술누리터 로그인 영역*/
/*공통영역*/
.clear_fix:after {content: ""; display: block; clear: both}
.full_wrap .login_wrap{position: relative;width:1000px; margin:50px auto 20px; padding-top:40px}
.login_wrap h4.logtab{position: absolute; top:0; width: 50%; height: 57px; text-align: center}
.login_wrap h4.logtab a{position: relative; display: block; padding: 20px 0; background: #d2d2d2; color:#fff; font-size: 18px; font-weight: 500;  transition: .3s}
.login_wrap h4.logtab.logtab01{left:0}
.login_wrap h4.logtab.logtab01 a{border-radius:5px 0 0 5px; transition: .3s}
.login_wrap h4.logtab.logtab01 a:hover, .login_wrap h4.logtab01.on a{background: #5390ff}
.login_wrap h4.logtab.logtab02{right:0}
.login_wrap h4.logtab.logtab02 a{border-radius:0 5px 5px 0}
.login_wrap h4.logtab.logtab02 a:hover, .login_wrap h4.logtab02.on a{background:#3e4958}
/*.login_wrap h4.logtab.logtab01 a::after, .login_wrap h4.logtab.logtab02 a::after{content: ""; display: block; clear: both; position: absolute; top:-48px; left:50%; width: 97px; height: 48px; margin-left: -50px;  transition: .3s}
 .login_wrap h4.logtab.logtab01 a::after{background:url(../../images/member/icon_logtab01.gif) no-repeat center top}
.login_wrap h4.logtab.logtab02 a::after{background:url(../../images/member/icon_logtab02.gif) no-repeat center top} 
.login_wrap h4.logtab.logtab01 a:hover::after, .login_wrap h4.logtab01.on a::after{background:url(../../images/member/icon_logtab01_a.gif) no-repeat center top}
.login_wrap h4.logtab.logtab02 a:hover::after, .login_wrap h4.logtab02.on a::after{background:url(../../images/member/icon_logtab02_a.gif) no-repeat center top}*/
/*버튼 오버스타일-아이콘1
.login_wrap h4.logtab.logtab01 a:hover::before, .login_wrap h4.logtab01.on a::before, .login_wrap h4.logtab.logtab02 a:hover::before, .login_wrap h4.logtab02.on a::before{content: ""; display: block; clear: both; position: absolute; bottom:-15px; left:50%; width: 27px; height: 15px; margin-left:-15px;  transition: .3s}
.login_wrap h4.logtab.logtab01 a:hover::before, .login_wrap h4.logtab01.on a::before{background:url(../../images/member/logtab01_on.gif) no-repeat center top}
.login_wrap h4.logtab.logtab02 a:hover::before, .login_wrap h4.logtab02.on a::before{background:url(../../images/member/logtab02_on.gif) no-repeat center top}*/
.login_wrap .log_box h5.log_tit{margin: 10px 0 20px; text-align: center}
/*하단 안내문구-공통*/
.login_wrap .logbot_tb{position:relative; margin-top: 20px; padding:30px 0 0 0; background:url(../../images/member/bt_line.gif) left top repeat-x}
.login_wrap .logbot_tb .logbot_box {overflow:hidden; position:relative; background:#3e4958; border-radius:5px}
.login_wrap .logbot_tb .bot_tit {position:absolute; top:50%; left:0; width:115px; margin-top:-10px; text-align:center; font-size:1.308em; font-weight:500; color:#fff}
.login_wrap .logbot_tb .bot_lst{margin:0 0 0 115px; padding: 15px; background:#f4f4f4; font-size: 14px}
.login_wrap .logbot_tb .bot_lst li{margin-bottom: 5px; padding-left: 15px; background:url(../../images/member/blt_botlst.gif) no-repeat left 4px; line-height: 130%}
.login_wrap .logbot_tb .bot_lst li:last-child{margin-bottom: 0}
/*기관로그인*/
.login_wrap .log_box{display: none; padding:30px; margin-top:50px; border-radius: 10px; border:1px solid #ddd; box-sizing: border-box}
.login_wrap .log_box.on{display: block}
.login_wrap input.log_input{padding: 10px; border-radius: 10px; border:1px solid #ddd}
.login_wrap .input_wrap{width: 665px; margin: 0 auto}
.login_wrap .input_wrap .input_area{float: left; width: 527px; margin-right: 14px}
.login_wrap .input_area .log_input{width: 100%; height: 56px; box-sizing: border-box}
.login_wrap .input_area .id_box .log_input{margin-bottom: 12px}
.login_wrap .input_area label{display: none}
.login_wrap .input_wrap button.btn_log{width: 124px; height: 124px; border-radius: 10px; background: #3e4958; font-size: 18px; text-align: center; color:#fff; transition: .3s}
.login_wrap .input_wrap button.btn_log:hover{background: #4390e7}
.login_wrap .input_wrap button.btn_log span{display: inline-block; padding-top: 45px; background:url(../../images/member/ico_login.png) no-repeat center top }
.login_wrap .input_wrap .log_txt{padding: 10px 0 10px 32px; margin: 10px 0; background:url(../../images/member/icon_logtxt.gif) no-repeat left center; font-size: 15px;font-weight: 500}
/*개인로그인*/
.login_wrap .certified_box {overflow:hidden; float: left; width: 454px; margin-top: 30px; background: #fff; border-radius:10px; border: 1px solid #d4d4d4; box-sizing: border-box; transition: .3s}
.login_wrap .certified_box .cel_btn{margin:0}
.login_wrap .certified_box .cel_btn button{display: block; width: 100%; height:57px; line-height: 47px; padding: 5px; border-radius:0; background: #4390e7; text-align: center; color:#fff; font-size:18px; font-weight: 500; transition: .3s}
.login_wrap .certified_box .cel_btn button span.btntit{padding-left: 20px}
.login_wrap .certified_box .cel_btn button span.gobtn{float: right; display: inline-block; width: 47px; height: 47px; line-height: 40px; background: #fff; border-radius: 10px; color:#000; font-weight: 600}
.login_wrap .certified_box.cel_box01{margin-right:29px}
.login_wrap .certified_box .cel_txt{position: relative; padding:15px 10px; margin-top: 75px; background: #f4f4f4;  line-height:160%; text-align: center; font-size: 15px; letter-spacing: -.5px; color:#000}
.login_wrap .certified_box .cel_txt::after{content: ""; display: block; clear: both; position: absolute; left:50%}
/*휴대폰*/
.login_wrap .cel_box01:hover .cel_btn button{background: #367bc9}
.login_wrap .cel_box01:hover {border-color:#367bc9}
.login_wrap .certified_box.cel_box01 .cel_txt::after{width:71px; height: 57px; top:-57px; margin-left: -30px; background:url(../../images/member/icon_cel01.gif) no-repeat left center}
/*아이핀*/
.login_wrap .cel_box02 .cel_btn button{background: #6dc144}
.login_wrap .cel_box02:hover .cel_btn button{background: #5ba835}
.login_wrap .cel_box02:hover {border-color:#5ba835}
.login_wrap .certified_box.cel_box02 .cel_txt::after{width:80px; height: 59px; top:-59px; margin-left: -40px; background:url(../../images/member/icon_cel02.gif) no-repeat left center}

@media only screen and (max-width:1024px) {
/*예술누리터 로그인 영역*/
/*공통영역*/
.full_wrap .login_wrap{width:auto; margin: 0 15px 30px; padding-top:20px}
.login_wrap h4.logtab{position: absolute; top:0; width: 50%; height: 57px; text-align: center}
/*개인로그인*/
.login_wrap .certified_box {float: left; width:100%;margin:10px auto 0;}
.login_wrap .certified_box.cel_box01{margin:10px 0}
.login_wrap .certified_box .cel_btn button{font-size:16px}
.login_wrap .certified_box .cel_txt{font-size: 14px}
}

@media only screen and (max-width:830px) {
/*기관로그인*/
.login_wrap .log_box{padding: 15px}
.login_wrap .input_wrap{width:auto; margin: 0 auto}
.login_wrap .input_wrap .input_area{float: none; width: auto; margin-right: 0}
.login_wrap .input_area .log_input{width: 100%; height: 40px}
.login_wrap .input_wrap button.btn_log{width: 100%; height: 40px; margin-top: 10px; font-size: 15px}
.login_wrap .input_wrap button.btn_log span{padding:5px 0 5px 35px; background:url(../../images/member/ico_login_m.png) no-repeat left center }
.login_wrap h4.logtab a {padding:15px 0;font-size:16px}
}

@media only screen and (max-width:610px) {
.full_wrap .login_wrap{width:auto; margin:0 15px 30px; padding-top:10px}
.login_wrap .log_box h5.log_tit {width: 181px; height: 57px; margin:0 auto 10px; background:url(../../images/member/log_tit_m.gif) no-repeat left center}
.login_wrap .log_box h5.log_tit img{display: none}
.login_wrap h4.logtab{height: 41px}
.login_wrap h4.logtab a{padding: 13px 0;  font-size: 15px}
.login_wrap .input_wrap .log_txt{font-size: 14px}
/*하단 안내문구-공통*/
.login_wrap .logbot_tb{padding:20px 0 0 0; margin-top:15px}
.login_wrap .logbot_tb .bot_tit{top:0; width:100%; height:42px; line-height:40px;margin: 0 auto; font-size:1.154em}
.login_wrap .logbot_tb .bot_tit img{display: none}
.login_wrap .logbot_tb .bot_lst{margin:40px 0 0; padding:15px; font-size: 13px}
.login_wrap .logbot_tb .bot_lst li {background-position:left 2px}
}

@media only screen and (max-width:475px) {
/*개인로그인*/
.login_wrap .certified_box .cel_txt br{display: none}

/* 재동의 */
#join_reagree div.reagree_top div h1 {padding:15px 10px 52px 0}
#header_reagree #join_reagree div.reagree_top div ul.topMn {top:inherit; bottom:10px; margin:0}
}

/* ------------개인정보 수집 영역------------ */
.memjoinMidbox {margin-top:15px}
#memjoin .joinagree_box {margin-top:15px}
#memjoin .joinagree_div {padding:10px; border:3px solid #d5d5d5; border-radius:10px}
#memjoin .area_jointit {position:relative; background:#23427d; padding:10px 120px 10px 10px; border-radius:10px; font-size:1.231em; font-weight:500}
#memjoin .area_jointit p {display:inline-block; padding:5px 10px 5px 32px; color:#fff; background:url(../../images/member/blt_app_membertit.gif) no-repeat 0 50%}
#memjoin .area_jointxt {padding:15px 0 5px 5px}
#memjoin .area_reeagree {height:230px; overflow-y:scroll; padding-right:2px}
#memjoin .reeagr_top {margin:5px 0; padding:15px 10px; background:#eee; border-radius:10px; font-size:1.231em; font-weight:600; text-align:center}
#memjoin .area_jointxt dl {margin-bottom:10px}
#memjoin .area_jointxt dl dt {padding:10px 5px; font-size:1.077em; font-weight:500; color:#000; border-bottom:1px solid #d1d1d1}
#memjoin .area_jointxt dl dd {margin-top:5px; padding:5px 5px 5px 15px; line-height:140%; background:url(../../images/member/blt_member_arr.gif) no-repeat 0 5px}
#memjoin .area_jointxt dl dd>ul {margin-top:10px; background:#eee; padding:10px; border-radius:5px}
#memjoin .jointit_etc {display:inline-block; margin:0 5px; padding:0 8px; background:#fff; border-radius: 50px; color:#f00; font-weight:500; text-align:center; font-size:12px}
#memjoin .joincheck {position:absolute; top:50%; right:10px; margin-top:-10px; color:#fff; font-size:14px; font-weight:400}
#memjoin .allcheck {padding:20px 0; text-align: center; font-weight:500}


/*개인정보 재동의2021*/
#header_reagree #join_reagree div.reagree_top div {width:100%; max-width:1200px}
#header_reagree #join_reagree div.reagree_top div ul.topMn {margin-top:-20px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li a {padding:0 10px 0 0;; font-weight:500}
#header_reagree #join_reagree div.reagree_top div ul.topMn li:first-child a {padding-left:50px; background:url(../../site/images/main/icon_home.png) no-repeat 13px 50%}
#header_reagree #join_reagree div.reagree_top div ul.topMn li {border-radius:10px; margin-left:3px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li:hover a {color:#259bff}
#header_reagree #join_reagree div.reagree_top div ul.topMn li:last-child a span{padding:0 15px; border-left:1px solid #838383}

#container_reagree {border-bottom:4px solid #505050}
#container_reagree .memjoinWrap{width:1200px; margin:0 auto}
#container_reagree div.memjoinTop p.mjtTit{padding:20px 0; margin-bottom:0; text-align:center; font-weight:600}
#container_reagree .mjtTxt{padding:15px; border-radius:10px; background:#f3f3f3; line-height:150%; font-size:14px}
/* #container_reagree .mjoinTit_t{margin-left:10px; padding-left:15px; background:url(../../images/app/blt_protop02.png) no-repeat 0 3px; font-size:16px; font-weight:500} */
#container_reagree .mjoinTit {position:relative; background:#259bff url(../../images/member/img_reagree.png) no-repeat 0 50%; padding:12px 10px 12px 62px; border-radius:50px; font-size:1.385em; font-weight:500}
#container_reagree .mjoinTit_t {display:inline-block; padding:5px 10px 5px 32px; color:#fff}
#container_reagree .area_jointxt {padding:0; margin:15px 0}
#container_reagree .area_reeagree{padding:15px; margin-bottom:10px; border:1px solid #d5d5d5; border-radius:10px}
#container_reagree .area_reeagree::-webkit-scrollbar {width: 12px}
#container_reagree .area_reeagree::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 5px 0; box-shadow: inset 0px 0px 0px white}
#container_reagree .area_reeagree::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
#container_reagree p.reagree_check{margin:0 10px 30px; font-weight:500; text-align:right}
#container_reagree .btnWrap{text-align:center}
#container_reagree .btnWrap button {width:auto; min-width:160px; margin:5px 3px; padding:0 15px; height:40px; line-height:38px; background:#fff; border-radius:50px; box-sizing: border-box; font-weight:500; font-size:1.077em; transition:all 0.5s; color:#fff}
#container_reagree .btnBox{display:inline-block}
#container_reagree .btBox:hover button {transition:all 0.5s}
#container_reagree .btnWrap .allBtn button{background:#30a7f1}
#container_reagree .btnWrap .exitBtn button{min-width:120px; background:#9c9c9c}

@media only screen and (max-width:800px) {
#header_reagree #join_reagree div.reagree_top div {padding:0 10px; box-sizing:border-box}
#header_reagree #join_reagree div.reagree_top div ul.topMn {right:10px}
#header_reagree div.reagree_top div h1 {width:200px; height:auto}
#header_reagree div.reagree_top div h1 img {width:100%; height:100%}
#header_reagree #join_reagree div.reagree_top div ul.topMn {margin-top:-15px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li a {padding:0 10px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li {height:30px; line-height:30px}

#container_reagree .mjoinTit {font-size:1.231em}
#container_reagree .memjoinWrap{width:auto; margin:0 15px}


}