/* ȸ¿ø - ·Î±×ÀÎ : ½ÃÀÛ */
.formrow{padding-right:15px;padding-left:15px;}
.formrow::after{content:"";clear:both;display:block;}
.contact-form-title-wrap{overflow:hidden;margin:0 0 30px;text-align:center;}
.contact-form-title-wrap .title-line{clear:both;position:relative;line-height:0;}
.contact-form-title-wrap .title-line .long-line{background-color:#fb9902;border-radius:10px;display:inline-block;height:3px;position:relative;width:90px;}
.contact-form-title-wrap .title-line .short-line{background-color:#fb9902;border-radius:10px;display:inline-block;height:3px;margin-right:5px;position:relative;width:20px;}
.title-box::before{background-color:#fb9902;bottom:0;content:"";display:block;height:1px;left:0;margin:0 0 -1px;position:absolute;width:40px;}
.title-box{border-bottom:1px solid #b5b5b5;margin:30px 0 30px;position:relative;}
.title-box > h3{font-weight:normal;text-transform:uppercase;font-size: 24px;text-align: center;margin-bottom: 10px;}
.web-form-box{border-radius:10px;}
.web-form-box-wrapper{background-color:#f5f5f5;border-radius:15px;width:100%;float:left;}
.web-form-box-wrapper.full-width{width:100%;float:none;}
.no-padding{padding:0;}
.web-form-wrap{padding:30px;}.signup-section-bg, .login-section-bg, .contact-section-bg, .web-form-box-wrapper, .contactInfo-wrapper {position: relative;}
.contactInfo-wrapper{width:40%;float:left;color:#fff;border-radius:0 10px 10px 0;}
.contactInfo-wrap{padding:30px;}
.contactInfo-wrap .contact-item{display:table;margin:0 auto 40px;max-width:400px;overflow-wrap:break-word;text-align:center;width:100%;}
.contactInfo-wrap .contact-item-inner{display:table-cell;vertical-align:middle;}
.contactInfo-wrap .contact-icon{overflow:hidden;margin:0 0 15px;}
.contactInfo-wrap .contact-desc a{color:#fff;text-decoration:none;}
.contactInfo-wrap .contact-desc h4{margin:15px 0 0;font-size: 18px;}
.contactInfo-wrap .contact-icon i{background-color:#fb9902;border:1px solid #fb9902;border-radius:50%;color:#fff;font-size:24px;height:48px;line-height:48px;text-align:center;transition:all 0.8s ease 0s;width:48px;}
.contactInfo-wrap .contact-item:hover i{background-color:#ddd;border-color:#ddd;color:#fb9902;}
.webform{position:relative;line-height:1.48;}
#loginForm.webform, #forgetPassForm.webform{margin-top:0;}
.webform #msgSubmit{margin:0 0 30px;}
.webform label{font-size: 16px;}.webform .checkbox label{font-size: 14px;}
.webform .form-group{display:table;position:relative;width:100%;margin:0 0 30px;}
.webform .form-group.col-6{width:48%;padding:0 1%;}.webform .input-group-icon{position:absolute;top:0;}
.webform .form-group .input-group-icon{border:none;border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0;color:#000;display:table-cell;font-size:14px;height:100%;padding:8px 5px;text-align:center;vertical-align:top;white-space:nowrap;width:30px;}
.webform .form-control{background-color:transparent;border:1px solid #3e3e3e;border-radius:5px;padding-left:40px;width:calc(100% - 45px);width:100%;height:40px;}
.webform select.form-control{height:44px;width:100%;max-width:383px;}
.webform textarea.form-control{width:calc(100% - 65px);height:80px;padding:10px 10px 10px 50px;max-width:320px;}
.webform .form-label{top:0;color:#a8a8a8;cursor:text;font-size:14px;font-weight:400;left:50px;padding:12px 0;pointer-events:none;transition:top 0.25s ease-out 0s;position:absolute;}
.webform .form-control:valid ~ .form-label, .webform .form-control:focus ~ .form-label{top:-26px;left:10px;background-color:rgba(62, 62, 62, 0.99);color:#fff;padding:3px 10px;border-radius:5px 5px 0 0;text-transform:capitalize;transition:top 0.25s ease-in 0s;}
.webform textarea.form-control:valid ~ .form-label, .webform textarea.form-control:focus ~ .form-label{top:-25px;}
.webform .form-control:focus{box-shadow:0 1px 1px rgba(62, 62, 62, 0.075) inset, 0 0 8px rgba(62, 62, 62, 0.6);}
.webform .btn.dropdown-toggle.btn-default{background:transparent none repeat scroll 0 0;border:0 none;border-radius:0;box-shadow:none;font-size:14px;color:#555;padding:6px 0;text-shadow:none;}
.webform span.sub-text{top:-50px;color:#ce0606;font-size:14px;position:absolute;}
.webform .has-error .form-control{border-color:#ce0606;}
.webform .has-error .input-group-icon{color:#ce0606;}
.webform .has-error .form-control:focus{border-color:#3e3e3e;box-shadow:0 1px 1px 0 rgba(62, 62, 62, 0.075) inset, 0 0 6px 0 #3e3e3e;}
.webform .has-error .form-control:focus + .input-group-icon{color:#000;}
.webform .help-block{color:#ce0606;margin:0;padding-left:0;position:absolute;bottom:-27px;right:8px;}
.webform .help-block ul li{background-color:#ff0000;color:rgba(255, 255, 255, 0.99);padding:1px 5px;border-radius:2px;top:0;position:relative;margin-left:5px;max-height:24px;font-size: 14px;}
.webform .help-block ul li::after{content:"";position:absolute;height:0;width:0;right:50%;top:-9px;border:5px solid transparent;border-bottom:5px solid #ff0000;}
.webform .help-block ul.list-unstyled{list-style:none;padding-left:5px;}
@media screen and (max-width:575px){.web-form-box-wrapper, .contactInfo-wrapper{width:100%;}
.web-form-box-wrapper{border-radius:10px 10px 0 0;}
.contactInfo-wrapper{border-radius:0 0 10px 10px;}
.webform .form-group.col-6{width:100%;padding:0;}
}
@media screen and (max-width:320px){#firstDigit #mathfirstnum, #secondDigit #mathsecondnum{width:20px;}
}
/* ȸ¿ø - ·Î±×ÀÎ : ³¡ */




/* °Ô½ÃÆÇ ±âº» ¼³Á¤ : ½ÃÀÛ */
table {border-collapse:collapse;font-size:12px;font-family: "Noto Sans", "Noto Sans KR", sans-serif !important;}
table .join_style img {max-width:100%;height:auto;}
table .table_style td {vertical-align:middle;}
table a {color: #000;text-decoration: none;}
table a:link {color: #000;text-decoration: none;vertical-align: initial !important;}
table a:hover {color: #000;text-decoration: none;vertical-align: initial !important;}
table a:visite {color: #000;text-decoration: none;vertical-align: initial !important;}
/*°¡ÀÔ¾à°ü µ¿ÀÇ*/
#agreement textarea.member_border {width:100%;height:200px;display:block;margin-bottom:10px;}
#agreement .ambox {margin-bottom:30px;}
/*ȸ¿ø°¡ÀÔ Á¤º¸*/
#join .ambox {margin-bottom:30px;}
#join .join_style {width:100%;border-bottom:1px solid #ddd;margin-bottom:30px;}
#join .join_style td {height:53px;border-top:1px solid #dfdfdf;font-size:12px;color:#555;vertical-align: middle;}
#join .join_style td.member_td_bgcolor {height:53px;border-top:1px solid #dfdfdf;font-size:12px;color:#555;vertical-align: middle;background:#fafafa;}
#join .join_style > tbody > tr > td:nth-of-type(2) {padding-left:10px;}
#join .join_style > tbody > tr > td:nth-of-type(2) input.member_border {
 
 position: relative; 
 color: #888DA0;
 max-width: 95%;
 height: 30px;
 padding-left:10px;     
 border-radius: 4px;    
 z-index: 100;
 border: 1px solid #eee;
 background: #fff;   
 font-weight: 600; 
}
#join .join_style > tbody > tr > td:nth-of-type(2) select {
 
 position: relative; 
 max-width: 95%;
 height: 30px;
 padding-left:10px; 
 color: #292929;
 border-radius: 4px;    
 z-index: 100;
 border: 1px solid #eee;
 background: #fff;   
 font-weight: 600;  
 color: #888DA0;
}
#join .join_style > tbody > tr > td:nth-of-type(2) input.member_border[name^="fix"] {width: 110px}
#join .join_style > tbody > tr > td:nth-of-type(2) input.member_border[name^="email"] {width: 110px}
#join .join_style > tbody > tr > td:nth-of-type(2) input.member_border[name^="mobile"] {width: 70px}
#join .join_style > tbody > tr > td:nth-of-type(2) > .member_txt input {max-width:100%;width:auto;margin-right:5px;}
#join .join_style > tbody > tr > td:nth-of-type(2) > .member_txt td {padding-right:5px;}
#join .join_style > tbody > tr > td:nth-of-type(2) > .member_txt td {border-top:0px solid #dfdfdf;}
/* ȸ¿ø Áֹεî·Ï¹øÈ£/¿©±Ç¹øÈ£/¿Ü±¹Àεî·Ï¹øÈ£/¹ýÀιøÈ£ È®ÀÎ ½ºÅ¸ÀÏ */
ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}
.member_divide {width:100%; font-size:12px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; color:#555; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}
.member_info {}
.member_info dl {}
.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}
/* ¸ð¹ÙÀÏ 768px ÀÌÇÏÀ϶§ : ½ÃÀÛ */
@media all and (max-width:768px){
#join .join_style > tbody > tr > td:nth-of-type(2) select.member_border {max-width:80%;}
}


/* ȸ¿øÅ»Åð */
.secede table a:link {vertical-align: bottom!important;}