@charset "euc-kr";
/*CSS Document*/
@import url(/css/bbs_reset.css);

.mem-login-box{width:400px; margin:0 auto;}
.mem-login-box .notice-area{padding:85px 0 35px; background:url(./image/login_logo.png) no-repeat 50% 0%; text-align:center;}
.mem-login-box .notice-area p{color:#333; font-size:15px; font-weight:500; letter-spacing:-0.065rem; line-height:25px;}
.mem-login-box .input-list li{position:relative; margin-top:10px;}
.mem-login-box .input-list input{width:100%; height:50px; padding-left:80px; border:1px solid #ddd; line-height:48px; box-sizing:border-box;}
.mem-login-box .input-list li span{position:absolute; left:11px; top:0; height:50px; color:#999; font-size:14px; font-weight:500; line-height:48px; letter-spacing:-0.065rem;}
.mem-login-box .chk-list{padding:8px 0 20px;}
.mem-login-box .chk-list input, .mem-login-box .chk-list label{vertical-align:middle;}
.mem-login-box .chk-list label{color:#999; font-size:14px; font-weight:500; letter-spacing:-0.065rem;}
.mem-login-box .btn--submit{display:block; width:100%; height:55px; background:#ffb200; color:#fff; font-size:16px; font-weight:500; line-height:55px; letter-spacing:-0.065rem;}
.mem-login-box .lnk-area{margin:20px 0 90px; font-size:0; text-align:center;}
.mem-login-box .lnk-area li{display:inline-block; position:relative; margin:0 9.5px; color:#999; font-size:14px; font-weight:500; letter-spacing:-0.065rem;}
.mem-login-box .lnk-area li:after{content:''; display:inline-block; position:absolute; top:50%; right:-10px; width:1px; height:10px; margin-top:-5px; background:#ddd;}
.mem-login-box .lnk-area li:last-child:after{display:none;}

/* join agree */
.AW-join-agree .agree-cont-box{margin-bottom:25px;}
.AW-join-agree .privacy-cont-box{margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}
.AW-join-agree .agree-cont-tit{color:#333; font-size:18px; font-weight:500; letter-spacing:-0.065em;}
.AW-join-agree textarea{width:100%; height:200px; font-size:14px; line-height:1.6; box-sizing:border-box; background:#f8f7f6; border:1px solid #ddd; padding:10px 15px; margin:15px 0 0; font-family:'Lato', 'NotoSans', 'sans-serif'}
.AW-join-agree .agree-chk{padding-top:8px; text-align:right;}
.AW-join-agree .agree-chk input{width:14px; height:14px; vertical-align:middle;}
.AW-join-agree .agree-chk label{padding-left:5px; font-size:15px; color:#222; letter-spacing:-0.065em; vertical-align:middle;}


/* Àüüµ¿ÀÇ -----------------------*/
.join_agree_all{text-align:center; background:#f8f7f6; border:1px solid #ddd; margin:20px 0 0; padding:10px 0;}
.join_agree_all input{vertical-align:middle; margin-right:5px;}
.join_agree_all label{vertical-align:middle; font-size:14px;}


/* ½Ç¸íÀÎÁõ -----------------------*/
.join-name-check{margin:20px 0 0; padding:30px 25px;  border:1px solid #ddd; box-sizing:border-box;}

.join-name-check .tit{margin-bottom:10px; color:#333; font-size:16px; font-weight:500; letter-spacing:-0.065em;}
.join-name-check .cont p + p{margin-top:10px;}
.join-name-check .cont .input-tit{display:inline-block; width:100px; color:#666; font-size:15px; font-weight:500; letter-spacing:-0.065em;}
.join-name-check .cont input{height:35px; line-height:33px; box-sizing:border-box;}


/* ¹öÆ° -----------------------*/
.member-btn-list{margin:20px 0 60px; font-size:0; text-align:center;}
.member-btn-list a, .member-btn-list button{display:inline-block; width:120px; height:45px; margin:0 5px; background:#fff; border:1px solid #ffb200; color:#ffb200; font-size:16px; font-weight:500; line-height:43px; text-align:center; letter-spacing:-0.065rem; box-sizing:border-box;}
.member-btn-list .btn--submit{background:#ffb200; color:#fff;}
.member-btn-list.ver2{position:relative; text-align:right;}
.member-btn-list.ver2 .notice{position:absolute; left:0; top:0; color:#666; font-size:15px; font-weight:500; letter-spacing:-0.065rem; line-height:45px;}
.member-btn-list.ver2 .notice span{color:#ffb200;}



/***************************************** ȸ¿ø°¡ÀÔ : Á¤º¸ÀÔ·Â *****************************************/
.join-input-tit-wrap { position:relative; margin-bottom:20px;}
.join-input-tit-wrap.add{margin-top:40px;}
.join-input-tit-wrap .tit{color:#333; font-size:18px; font-weight:500; letter-spacing:-0.065rem;}
.join-input-tit-wrap .tit span{color:#ffb200; font-size:14px;}
.join-input-tit-wrap .notice {position:absolute; right:0; bottom:-4px; color:#666; font-size:15px; letter-spacing:-0.065rem;}
.join-input-tit-wrap .notice span{color:#ff1d1d;}

.join_form{border-top:1px solid #999; margin:15px 0 50px;}
.join_form .comment{padding-left:4px; font-size:14px; letter-spacing:-0.065rem;}
.join_form .btn-check{min-width:80px; height:30px; background:#888; border:1px solid #999; color:#fff; padding:0 10px; font-size:14px; font-weight:500; letter-spacing:-0.065rem; text-align:center; line-height:28px;}
.join_form .service-confirm-box, .join_form .radio-box{padding-top:7px; line-height:20px;}
.join_form .radio-box .comment{padding-right:7px;}
.join_form .radio-box span, .join_form .radio-box label{margin:0 2px; font-size:14px; letter-spacing:-0.065rem; vertical-align:middle;}
.join_form .radio-box input[type="radio"]{vertical-align:middle; margin:-1px 0 0;}
.join_form .file, .join_form input[type="file"]{padding:2px; border:1px solid #ddd; vertical-align:middle;}
.join_form, .join_form *{vertical-align:middle;}
.join_form tbody th, .join_form tbody td{border-bottom:1px solid #ddd; padding:10px 15px; color:#666; font-size:15px; letter-spacing:-0.065rem; text-align:left; vertical-align:middle; box-sizing:border-box;}
.join_form tbody th{width:185px; background:#f9f9f9; color:#333; font-weight:500; word-break:keep-all; line-height:1.2;}
.join_form table th, .join_form table td{padding:12px 3px;}
c select{height:28px;}
.join_form .textarea{width:100%; padding:10px; resize:none; box-sizing:border-box;}
.join_form .input--txt, .join_form .input--pw,  .join_form .input-tel, .join_form .input-date, .join_form .input-address, .join_form .input-post{ height:30px; padding:0 5px; border:1px solid #ddd; box-sizing:border-box; line-height:28px;}
.join_form .input--txt, .join_form .input--pw{min-width:200px;}
.join_form .input-tel{width:120px;}
.join_form .date-box li{display:inline-block; margin-right:8px;}
.radio-box li{display:inline-block;}
.join_form .input-date{width:80px;}
.join_form .input-address{width:400px; margin-top:2px;}
.join_form .input-post{width:150px;}
.join_form select{min-width:120px; height:30px; padding:0 30px 0 10px; border:1px solid #ddd; font-size:14px; letter-spacing:-0.065rem; line-height:28px; box-sizing:border-box;}

.join_form .join-ad-chk{padding:20px 0;} 
.join_form .join-ad-chk .ad-notice{margin-bottom:20px; color:#ffb200; font-size:15px; font-weight:500; letter-spacing:-0.065rem;}
.join_form .join-ad-chk .ad-type{display:block; width:100%; padding-left:10px; background:#f9f9f9; color:#333; font-size:15px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; box-sizing:border-box;}
.join_form .join-ad-chk .ad-opt-list{padding:15px 0;}
.join_form .join-ad-chk .ad-opt-list li{float:left; margin:2px 0; line-height:20px;}
.join_form .join-ad-chk .ad-opt-list.area li{width:10%;}
.join_form .join-ad-chk .ad-opt-list.prd li{width:16.6666%;}
.join_form .join-ad-chk .ad-opt-list label{cursor:pointer;}
.join_form .join-ad-price{padding-top:20px; padding-right:5px;text-align:right; box-sizing:border-box;}
.join_form .join-ad-price dt, .join_form .join-ad-price dd{display:inline-block; color:#555; font-weight:500; vertical-align:bottom}
.join_form .join-ad-price dt{font-size:15px;}
.join_form .join-ad-price dd{font-size:22px;}
.join_form .join-ad-price dd strong{color:#ffb200; padding-left:10px; padding-right:2px; vertical-align:bottom;}


/***************************************** ¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â *****************************************/
.idpw-wrap{width:850px; margin:0 auto 100px; }
.idpw-wrap .id-search{float:left; width:410px; padding:25px; margin-right:30px; border:1px solid #ddd; box-sizing:border-box;}
.idpw-wrap .pw-search{float:right; width:410px; padding:25px; border:1px solid #ddd; box-sizing:border-box;}
	/**/
.idpw-wrap .inner .tit{display:block; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.065em; }
.idpw-wrap .inner .guide-txt{display:block; height:36px; font-size:14px; color:#555; letter-spacing:-0.065em; margin:10px 0 0; line-height:18px; word-break:keep-all}
	/**/
.idpw-wrap .inner .form-area{margin:15px 0 0;}
.idpw-wrap .inner .form-area ul{overflow:hidden;}
.idpw-wrap .inner .form-area ul li{position:relative; float:left; width:calc(100% - 2px); height:40px; margin-bottom:5px; background:#fff; border:1px solid #ddd;}
.idpw-wrap .inner .form-area ul li:last-child{margin-bottom:10px;}
.idpw-wrap .inner .form-area ul li span{position:absolute; left:10px; top:0; line-height:40px; font-size:14px; letter-spacing:-0.05em;}
.idpw-wrap .inner .form-area ul li input{line-height:40px; width:100%; height:40px; border:0 none; margin:0; padding:0 0 0 60px; font-size:15px;}
.idpw-wrap .inner .form-area button{width:100%; height:45px; background:#ffb200; color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.065em;}
.idpw-wrap .inner .form-area button:hover {background:#999;}
.idpw-wrap .inner .form-area ul li.pw-id{width:calc(50% - 5px);}
.idpw-wrap .inner .form-area ul li.pw-name{width:calc(50% - 4px); margin-left:5px;}


/* ¾ÆÀ̵ð Áߺ¹È®ÀÎ ----------------------*/
.id_check_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:15px; background:#aaa;}
.id_check_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}

.id_check_cont{text-align:center;}
.id_check_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.id_check_cont .id_search{background:#f7f7f7; border:1px solid #ddd; padding:15px 0; margin:20px 25px;}
.id_check_cont .id_search table{}
.id_check_cont .id_search table td{}
.id_check_cont .id_search table td input{width:130px; height:22px; line-height:22px; background:#fff; border:1px solid #ddd; padding:0 0 0 5px; color:#333; margin:0 3px 0 10px;}
.id_check_cont .id_search table td button{}
.id_check_cont .id_result{text-align:center; font-size:13px; color:#333; line-height:1.6;}
.id_check_cont .id_result b{font-weight:600; color:#ff1d1d;}


/* ´Ð³×ÀÓ Áߺ¹È®ÀÎ ----------------------*/
.nick_check_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:15px; background:#aaa;}
.nick_check_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}


.nick_check_cont{text-align:center;}
.nick_check_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.nick_check_cont .id_search{background:#f7f7f7; border:1px solid #ddd; padding:15px 0; margin:20px 25px;}
.nick_check_cont .id_search table{}
.nick_check_cont .id_search table td{}
.nick_check_cont .id_search table td input{width:130px; height:22px; line-height:22px; background:#fff; border:1px solid #ddd; padding:0 0 0 5px; color:#333; margin:0 3px 0 10px;}
.nick_check_cont .id_search table td button{}
.nick_check_cont .id_result{text-align:center; font-size:13px; color:#333; line-height:1.6;}
.nick_check_cont .id_result b{font-weight:600; color:#ff1d1d;}




/***************************************** ȸ¿ø°¡ÀÔ : ¿Ï·á *****************************************/
.join_ok .inner{text-align:center; border:1px solid #ddd; padding:10px 20px 15px; background:#f7f7f7; line-height:1.6; padding:40px 0; letter-spacing:-0.05em;}
.join_ok .inner p{font-size:27px; font-weight:normal; color:#333; margin:0 0 5px;}
.join_ok .inner span{display:block; font-size:15px; color:#888;}
.join_ok_button{text-align:center; margin:20px 0 0;}
.join_ok_button{}



/***************************************** ºñ¹Ð¹øÈ£ ÀçÈ®ÀÎ *****************************************/
.recf_pw{border-top:1px solid #333;}
.recf_pw .inner{border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; padding:20px 25px;}
.recf_pw .tit{font-size:17px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 0 18px; background:url(image/title_bullet.png) left 50% no-repeat; margin:0 0 5px;}
.recf_pw .tit span{color:#444;}
.recf_pw p{font-size:13px; font-weight:normal; margin:0 0 20px;}
.recf_pw .cont{background:#f7f7f7; padding:15px;}
.recf_pw .cont table{}
.recf_pw .cont table th, .recf_pw .cont table td{text-align:left; font-weight:normal;}
.recf_pw .cont table th{padding-left:20px; padding-right:10px;}
.recf_pw .cont table th.first{padding-left:0;}
.recf_pw .cont table td{}
.recf_pw .cont table td strong{font-size:15px; font-weight:600; color:#333;}
.recf_pw .cont table td input{width:150px; height:20px; background:#fff; border:1px solid #ccc; padding:0 0 0 5px;}


.recf_pw_button{text-align:center; margin:20px 0 0;}




/***************************************** Á¤º¸¼öÁ¤ *****************************************/
.myinfo_tit{font-size:16px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 0 18px; background:url(image/title_bullet.png) left 50% no-repeat;}
.myinfo_tit span{color:#444;}
.myinfo_caption{text-align:right; font-size:11px; color:#999;}
.myinfo_caption span{color:#ff1d1d; font-weight:600;}
.myinfo_cont{margin:5px 0 0; border-top:1px solid #333;}
.myinfo_cont table{}
.myinfo_cont table th, .myinfo_cont table td{text-align:left; font-weight:normal; border-bottom:1px solid #ddd;}
.myinfo_cont table th{width:18%; height:40px; padding-left:20px; background:#f7f7f7;}
.myinfo_cont table th span{color:#ff1d1d; font-weight:600;}
.myinfo_cont table td{padding:7px 0 7px 15px;}
.myinfo_cont table td .input{padding:3px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle;}
.myinfo_cont table td .file{background:#f7f7f7; border:1px solid #dfdfdf;}
.myinfo_cont table td select{height:22px; border:1px solid #ddd;}
.myinfo_cont table td label{vertical-align:middle;}
.myinfo_cont table td font.comment{display:inline-block; font-size:12px; color:#888;}


/* ¹öÆ° --------------------------------*/
.myinfo_button{margin:20px 0 0; text-align:center;}


/***************************************** ȸ¿øÅ»Åð *****************************************/
.myout{border-top:1px solid #333;}
.myout th, .myout td{text-align:left; font-weight:normal; border-bottom:1px solid #ddd;}
.myout th{width:18%; height:40px; padding-left:20px; background:#f7f7f7; }
.myout th span{color:#ff1d1d; font-weight:600;}
.myout td{padding:7px 15px 7px 15px;}
.myout td input{width:100%; height:20px; padding-left:5px; background:#f7f7f7; border:1px solid #ddd;}
.myout td textarea{width:100%; height:100px; padding-left:5px; background:#f7f7f7; border:1px solid #ddd;}