@charset "utf-8";



/* 회원-로그인 */
.login_box{ width:350px; margin:60px auto 0 auto; padding:50px; border:2px solid #ddd; border-radius:10px; box-shadow:1px 1px 5px #ddd;}
.login_box p{text-align:center; padding:0 0 30px 0; margin-top:-110px;}
.login_box p span{ background:#FFF; padding:20px; border:2px solid #ddd; border-radius:65px; display:inline-block;}
.login_box ul li{ margin-bottom:5px;}
.login_box .login_btn01{width:100%; font-size:20px; font-weight:600; text-align:center; color:#fff; background:#3c9700 url(../images/inc/bg02.png) center; height:50px; border-radius:30px;}
.login_box .login_btn02{width:60%; font-size:16px; font-weight:600; text-align:center; color:#fff; background:#666; height:40px; border-radius:30px;}
.login_box .login_btn03{width:38%; float:right; font-size:16px; font-weight:600; text-align:center; color:#fff; background:#666; height:40px; border-radius:30px;}

/* 회원-id/pw */
.idpw_box{ text-align:center;}
.idpw_box .login_box{ display:inline-block; margin:60px 1% 20px 1%; width:320px; vertical-align:top; min-height:370px;}
#content .idpw_box .login_box h4{ background:none; text-align:center; padding:0 0 0px 0; font-size:30px;}
.idpw_box ul li{ text-align:left;}
.idpw_box ul li.stxt01{ background:url("../images/board/icon01.gif") left 12px no-repeat; padding-left:10px; font-size:14px;}


/* 회원-회원가입 */
.join_box{ border:1px solid #ddd; padding:5%; border-radius:10px;}
.join_box .guide01{ height:300px; border:1px dotted #ccc; border-radius:10px; padding:20px; overflow:auto; margin-bottom:10px; font-size:14px; color:#666;}
.join_box dl{ margin-bottom:30px;}
.join_box dl dt{background:url("../images/board/icon01.gif") 5px 11px no-repeat; padding-left:15px; font-weight:normal !important;}
.join_box dl dd{ padding-left:15px;}
.join_box ul{ margin-bottom:30px;}
.join_box ul li{background:url("../images/board/icon01.gif") 5px 11px no-repeat; padding-left:15px;}
.join_box select{ border:1px solid #ddd; height:30px;margin:2px 0;}
.join_box input{margin:2px 0;}
.join_box .join_ok{ background:url(../images/board/join_img01.jpg) left top no-repeat; padding:40px 0 50px 270px; margin:0 auto; width:50%;}
.join_box .join_ok strong{ font-size:30px; letter-spacing:-1px; line-height:1.3em;}
.join_box .join_ok p{ margin-top:10px;}
.join_box .bbs_btn02{ padding:5px 8px;}
.join_box a{ color:#fff;}

.join_btn01{background:#666; font-size:16px; font-weight:600; text-align:center; color:#fff; border-radius:5px; padding:7px 20px;}
.join_btn02{background:#3c9700; font-size:16px; font-weight:600; text-align:center; color:#fff; border-radius:5px; padding:7px 20px;}
.join_btn03{background:#06F; font-size:16px; font-weight:600; text-align:center; color:#fff; border-radius:5px; padding:7px 20px;}
.join_btn04{background:#ff5a00; font-size:16px; font-weight:600; text-align:center; color:#fff; border-radius:5px; padding:7px 20px;}



.popup_area{}
.popup_area .title_area{ background:url(../images/board/popup_bg.jpg) center top no-repeat; background-size: cover; padding:20px 0 20px 5%; position:relative;}
.popup_area .title_area h3{ font-size:26px; color:#fff;}
.popup_area .title_area span{ position:absolute; top:22px; right:5%;}
.popup_area .popup_box{ padding:5%;}



@media all and (max-width :800px) {

/* 회원-회원가입 */
.join_box .join_ok{background:url(../images/board/join_img01.jpg) -10px top no-repeat; width:60%; padding:30px 0 50px 250px;}


}

@media all and (max-width :600px) {



/* 회원-로그인 */
.login_box{ width:70%;}

/* 회원-id/pw */
.idpw_box .login_box{margin:60px 0% 20px 0%; width:70%; min-height:auto;}

/* 회원-회원가입*/
.join_box{ padding-bottom:40px;}
.join_box .ctable02 tr{display:block;}
.join_box .ctable02 th{display:block; border:none; background:none; text-align:left; padding:8px 10px 0 10px;}
.join_box .ctable02 td{display:block; border-left:none; border-top:none; padding:0px 10px 8px 10px;}
.join_box .ctable02 td span{display:block;}

	
.join_box .join_ok{background:url(../images/board/join_img01.jpg) center top no-repeat; background-size:200px; width:100%; padding:150px 0 30px 0px; text-align:center; }
.join_box .join_ok strong{ font-size:20px;display:block;}
.join_box .join_ok p{ font-size:14px; letter-spacing:-1px;}
	
}


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

/* 회원-로그인 */
.login_box{ width:75%; padding:30px;}
.login_box p{padding:0 0 20px 0; margin-top:-90px;}
.login_box .login_btn02{width:65%; font-size:14px;}
.login_box .login_btn03{width:33%; font-size:14px;}


/* 회원-id/pw */
.idpw_box .login_box{width:75%;}


}