/*로그인****************************/

.login_guide01 * {font-weight: 300;}

.login_guide01{background: #f6f6f6;width: 900px; border: 1px solid #ddd;padding: 50px 5%; margin:0 auto; border-radius: 30px;}

.login_txt01{font-size: 36px;text-align: center;margin-bottom: 20px;font-weight: 500;}
.login_txt01 b{color: #fe452c;font-weight: 500;}

.login_box01 ul{background: url("../images/inc/login_img.png") left center no-repeat;padding-left: 250px;}
.login_box01 ul li{font-size: 18px;}
.login_box01 ul li input{ height: 60px; line-height: 60px; width: 100%;border-radius: 10px; padding:0  10px; border: 2px solid #ddd;margin-bottom: 10px;}
.login_box01 ul li button{ height: 60px; line-height: 60px; width: 100%; background: #3848ad; border-radius: 10px;color: #fff;}

.login_box02 {margin: 20px auto; width: 800px;}
.login_box02 ul {font-size: 0; text-align: right;}
.login_box02 ul li{display: inline-block;position: relative;}
.login_box02 ul li:nth-of-type(2)::before{display: inline-block;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #000;}
.login_box02 ul li a{ line-height: 18px;font-size: 16px;position: relative;margin: 0 20px;}
.login_box02 ul li a:hover,
.login_box02 ul li a:focus{text-decoration: underline;}

@media all and (max-width :1024px) {
.login_guide01{width:100%;}
.login_txt01{font-size: 30px}
.login_box01 ul{background-size: 165px; padding-left: 210px;}
.login_box01 ul li{font-size: 16px;} 
.login_box01 ul li input{ height: 50px; line-height: 50px; }
.login_box01 ul li button{ height: 50px; line-height: 50px;} 
.login_box02 {width: 90%;} 
}

@media all and (max-width :767px) {
.login_guide01{padding: 30px;}
 .login_txt01{font-size: 24px}
.login_box01 ul{background: none; padding: 0;}
.login_box02 {margin: 10px auto;} 
.login_box02 ul li a{ font-size: 14px;margin: 0 10px;} 
}


/* 회원가입****************************/
.join_guide01{background: #f6f6f6;width: 100%; border: 1px solid #ddd;padding: 50px 5%; border-radius: 30px;margin-bottom: 80px;}

.join_guide02{justify-content: space-around;display: flex;flex-wrap: wrap; align-items: flex-start; }
.join_guide03{width: 45%;}


@media all and (max-width :1024px) {
.join_guide03{width: 100%;}
.join_guide03:first-child{margin-bottom: 50px;}
}

@media all and (max-width :767px) {
.join_guide01{padding: 30px;}
.join_guide03:first-child{margin-bottom: 30px;} 
}




/* 회원가입 약관 */
.join_box00{margin-bottom: 20px;}
.join_box00:last-of-type{margin-bottom: 0;}
.join_box00 h5{font-size: 20px; margin-bottom: 10px; letter-spacing: -0.1em; font-weight: 500; color: #3848ad;}

.join_box01{padding:0 25px 20px 25px; border-radius: 6px;text-align: left; height: 210px; overflow-y: auto; overflow-x: hidden;background: #fff;margin-bottom: 10px;font-weight: 300;}
.join_box02{margin-bottom: 10px; display: flex; justify-content: flex-end;}
.join_box02 .form_guide > span{ border: 1px solid #000;}

.join_txt01{font-size: 14px;line-height: 1.6em}
.join_txt01 > dl dt{ font-size: 16px;margin:20px 0 5px 0; }
.join_txt01 div{ margin: 20px 0 10px; }
.join_txt01 > dl dd{ margin-bottom: 5px;}
.join_txt01 > dl dd ul{padding-left: 5px;}

@media all and (max-width:767px) {
.join_guide01{margin-bottom: 60px;} 
.join_box00 h5{ font-size: 16px;}
.join_box01{ height: 120px;padding:0 15px 15px 15px; }
 
.join_txt01{ font-size: 12px;line-height: 1.4em}
.join_txt01 > dl dt{ font-size: 14px;margin:20px 0 5px 0; } 
.join_txt01 div{ margin: 10px 0; } 
 
.join_box02{justify-content:flex-start}
.join_box02 .form_guide { font-size: 12px;}
}



/* 회원가입 등록폼 */
.join_write01 *{font-weight: 300;}
.join_write01{margin-bottom:40px;border-bottom:1px solid #3848ad;}
/*.join_write01 input[type=text], .join_write01 input[type=password], .join_write01 input[type=tel], .join_write01 input[type=email] {padding:0 2%;border-radius: 5px;line-height:40px;}*/
.join_write01 .bbs_txt01{ font-size:12px;}

.join_write01 table{width:100%;border-top:2px solid #3848ad;}
.join_write01 th{border-bottom:1px solid #eee; background:#f8f8f8; font-size:15px; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.join_write01 td{border-bottom:1px solid #eee; padding:15px 2%;text-align:left;line-height: 40px;}

.join_btn{ height: 40px; line-height: 40px; border-radius: 4px; padding: 0 20px; font-size: 12px; color: #fff; display: inline-block; background: #000;}


@media all and (max-width :768px) {
 .join_write01{margin-bottom:20px;}
 .join_write01 .bbs_txt01{ display: block;margin-top: 5px;}
.join_write01 th{display:block; font-size:13px;border-bottom:none; text-align:left; padding:7px 2%; width:100%;}
.join_write01 td{display:block;text-align:left; padding:7px 2%;}
}




/* join_write02 */
.join_write02{clear:both;margin-bottom:20px;font-size:15px;border-bottom:2px solid #0048a9;}
.join_write02 *{ box-sizing:border-box;}
.join_write02 input[type=text], 
.join_write02 input[type=file]{  padding:0 1%; }
.join_write02 select{line-height:40px; padding:0 1%; border:1px solid #ddd; height:40px}
.join_write02 .txt_guide{ font-size:13px; margin-bottom:10px;}
.join_write02 table{ width:100%;border-top:2px solid #0048a9; }
.join_write02 th {border-bottom:1px solid #e7e7e7; background:#f8f8f8; font-size:14px; padding:7px 0.5%; word-break:keep-all !important; width:20%;}
.join_write02 td {border-bottom:1px solid #e7e7e7; padding:7px 2%;text-align:left;}
.join_write02 .bg_color01{ background:#f8f8f8}
.join_write02 .bw_text01{ margin:10px 0; border:1px solid #ddd;}
.join_write02 .bw_text01 > textarea{ width:100%; height:250px; border:0;}
.join_write02 .bw_bg01{background:#f8f8f8;}
.join_write02 td > span{ padding-right:20px; display:inline-block;}
.join_write02 td > textarea{width:100%; height:200px; border:1px solid #ddd; padding:10px;}
.join_write02 td input{ margin:1px 0;}
.join_write02 table td .bbs_txt01{ font-size:12px;background:url('../images/board/icon08.gif') left center no-repeat; padding-left: 15px;}
.join_write02 table td input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0;}
.join_write02 table td .uploadFile > textarea{ width:100%; padding:0 1%; border:1px solid #ddd;}

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

/*join_write02*/
.join_write02 .txt_guide{ font-size:12px;}
.join_write02{margin-bottom:20px;}
.join_write02 input[type=text],
.join_write02 input[type=file]{ width:100%;}
.join_write02 table{ line-height:1em;}
.join_write02 table td{ display:block;border-left:none; text-align:left; padding:7px 2%;}
.join_write02 table th{display:block; font-size:13px; border-left:none; border-bottom:none; text-align:left; padding:7px 2%; width:100%;}
.join_write02 table td > span{font-size:14px;}
.join_write02 .bbs_w30, 
.join_write02 .bbs_w40{width:45% !important;}
.join_write02 .bbs_w20{width:40% !important;}
.join_write02 table td > .bbs_txt{ display:block; font-size:13px;}
}










/* 완료페이지*/
.join_ok{ background: url("../images/inc/login_img05.png") left top no-repeat; width: 800px;margin: 0 auto; padding:0 0 0 400px; height: 350px; display: flex; align-items: center; word-break: keep-all;}
.join_ok ul{ width: 100%;}
.join_ok li{font-size: 30px; letter-spacing: -0.08em; font-weight: 500;}
.join_ok li span{font-size: 22px; display: inline-block;}




/* 아이디패스워드찾기 완료*/
.idpw_ok{ font-size: 18px;font-weight: 500; text-align: center; padding: 30px; background: #f6f6f6; margin-bottom: 20px; border-radius: 4px;}
.idpw_ok > strong{ font-size: 25px;}

@media all and (max-width :1280px) {
.join_ok{  background-size:250px; padding: 0 0 0 300px;width: 650px;height: 250px;}
.join_ok li{ font-size: 28px; margin-bottom: 0;letter-spacing: -0.06em;}
}

@media all and (max-width :767px) {
.join_ok{background: url("../images/inc/login_img05.png") center top no-repeat;  background-size:120px; padding: 120px 0 0 0;width: 100%;height:auto; text-align: center;align-items:baseline; margin-bottom: 20px;}
.join_ok li{font-size: 18px;}
.join_ok li span{ font-size: 15px;}
 
 
.idpw_ok{ font-size: 15px;}
.idpw_ok > strong{ font-size: 18px;}
}









/*수료증출력*/
#print_guide *{ box-sizing: border-box !important;}
#print_guide{ height: 100%; width: 100%; min-width:600px; min-height: 848px; position: fixed; }
#print_guide img{ width:100%;}

#print_guide .print_txt01{ position: absolute; top:0; right:0; width: 100%; height: 100%; text-align: center; }

#print_guide .print_txt01 button.btn_print{ position: absolute; top:0; right:0; width: 100px; height: 40px; background: url("../images/board/print_btn.jpg") left top; text-indent: -5000px;}


.print_txt02{ margin:18% 13%; font-family: 'KoPubWorldBatang'; font-weight: 700; text-shadow: 0.3px 0.3px 0 rgba(0,0,0,1);}

.print_txt02 .print_no{  text-align: left; font-size: 2.2vw; margin-bottom: 2vh;}
.print_txt02 h1{ text-shadow: 1px 1px 0 rgba(0,0,0,1);font-size: 8vw; margin-bottom: 4.5vh;letter-spacing: 0.5vw;}

.print_txt02 .print_info{ text-align: left;font-size: 2.4vw;margin-bottom: 5vh }
.print_txt02 .print_info li{ line-height: 2.8vh;display: flex; justify-content: space-between;}
.print_txt02 .print_info li:first-child strong{ display: flex; justify-content: space-between;}

.print_txt02 .print_info strong{ width: 9.3vw; display: inline-block;vertical-align: top;  font-weight: 700; text-shadow: 0.3px 0.3px 0 rgba(0,0,0,1);}
.print_txt02 .print_info span{display: inline-block; width: calc(100% - 70px); vertical-align: top;}
.print_txt02 .print_info span em{ display: block;}

.print_txt02 .print_copy01{ font-size: 3.3vw; margin-bottom: 5vh; letter-spacing: 0.3vw;}
.print_txt02 .print_date { margin-bottom: 9vh;}
.print_txt02 .print_date b{ margin: 0 10px;font-size: 2vh;}

.print_txt02 .print_copy02 { font-size: 3vw;text-shadow: 1px 1px 0 rgba(0,0,0,0);}