.mainWrap.member_form{width:600px; padding-bottom:100px;}
.member_form > section{position: relative; margin-top:60px; background-color: #FFFFFF; border-top:1px solid #000000; padding:35px 40px 40px; box-sizing:border-box;}
.member_form > section.tab{border-top:none; padding-top:70px;}
.member_form > section.tab ul.tab_ul{width:100%; position: absolute; top:0; left:0; display: flex;}
.member_form > section.tab ul.tab_ul li.tab_item{width:50%; border-top: 1px solid #DDDDDD; background: #f7f8f9;}
.member_form > section.tab ul.tab_ul li.tab_item a{font-size:16px; text-align:center; color:#a7a9ac; font-weight:bold; padding:18px; box-sizing: border-box; width:100%; display: inline-block;}
.member_form > section.tab ul.tab_ul li.active.tab_item{background: #ffffff;}
.member_form > section.tab ul.tab_ul li.active.tab_item a{color: #333333;}

.member_form article{margin-bottom:25px;}
.member_form > h1{
    margin-top:40px;
    font-size:36px; font-weight:700;
    text-align: center;
}

.member_form header{border-bottom:1px solid #DDDDDD; padding-bottom:4px; margin-bottom:30px;}
.member_form header h1{font-size:18px; font-weight:500;}

.member_form fieldset section{margin-bottom:30px;}
.member_form fieldset section > label, .member_form fieldset section > div > div > label{display:block; font-size:16px; font-weight:500; margin-bottom:6px;}
.member_form fieldset section label > label{color:#0070ff;}
.member_form fieldset section > div{margin-bottom:10px; font-size:16px;}
.member_form fieldset section > div::after{content: ''; display: table; clear: both;}
.member_form fieldset section > div > [class^=col]{float:left; box-sizing:border-box;}
.member_form fieldset section > div > [class^=col]:first-of-type{padding-left:0;}
.member_form fieldset section > div > .col4{width:33.33%; padding-left:8px;}
.member_form fieldset section > div > .col3{width:25%; padding-left:8px;}
.member_form fieldset section > div > .col6{width:50%; padding-left:8px;}
.member_form fieldset section > div > .col8{width:66.66%; padding-left:8px;}
.member_form fieldset section > div > .col9{width:75%; padding-left:8px;}
.member_form fieldset section > div > .col12{width:100%; padding-left:8px;}
.member_form fieldset section > div span.error{color:red; margin-top:6px; margin-left:15px; display: none; font-size:14px;}

.member_form fieldset section .agreeWrap{border:1px solid #DDDDDD;border-top:none; padding:6px 20px 8px 20px;}
.member_form fieldset section .agreeWrap:first-of-type{border-top:1px solid #DDDDDD;}
.member_form fieldset section .agreeWrap > ul > li{width:100%;}
.member_form fieldset section .agreeWrap > ul > li > ul { }
.member_form fieldset section .agreeWrap > ul > li > ul.one_survey,
.member_form fieldset section .agreeWrap > ul > li > ul.multi_survey { display: grid; grid-template-columns: 3fr 2fr;}
.member_form fieldset section .agreeWrap > ul > li > ul.agreement { display: flex; justify-content: space-between;}
.member_form fieldset section .agreeWrap > ul > li > ul > li{height:40px; box-sizing:border-box; line-height:28px; font-size:16px; padding:6px 0;}
.member_form fieldset section .agreeWrap > ul > li > ul > li label{color:#0070ff;}
.member_form fieldset section .agreeWrap > ul > li > ul > li label.sub{color:#0070ff; font-size:14px; text-decoration: underline;}

/*선택항목*/
.member_form fieldset section .selectItemWrap{border:1px solid #DDDDDD;border-top:none; padding:6px 20px 8px 20px;}
.member_form fieldset section .selectItemWrap:first-of-type{border-top:1px solid #DDDDDD;}
.member_form fieldset section .selectItemWrap > ul{}
.member_form fieldset section .selectItemWrap > ul > li{width:100%;}
.member_form fieldset section .selectItemWrap > ul > li > ul{}
.member_form fieldset section .selectItemWrap > ul > li > ul > li{height:40px; line-height:40px; font-size:16px;}
.member_form fieldset section .selectItemWrap > ul > li > ul > li label{color:#0070ff;}
.member_form fieldset section .selectItemWrap > ul > li > ul > li label.sub{color:#0070ff; font-size:14px; text-decoration: underline;}

/*엘리먼트간 우측 여백*/
.member_form input,
.member_form input[type="radio"] + div{margin:0 8px 0 0;}

.member_form input:last-child,
.member_form label:last-child div{margin-right:0px;}


/*      폼 스타일 - submit */
.member_form input[type="submit"]{width:100%; padding:15px 0 15px; background-color: #0070ff; color:white; font-size:16px; border:none; }

/*      폼 스타일 - input text */
.member_form input[type=text]{outline:none; padding:15px 15px 15px; border:1px solid #DDDDDD; font-size:16px; color:#333333; width:100%; box-sizing:border-box;}
.member_form input[type=password]{outline:none; padding:15px 15px 15px; border:1px solid #DDDDDD; font-size:16px; color:#333333; width:100%; box-sizing:border-box;}

.member_form input[type=text]:focus{border:1px solid #0070ff;}
.member_form input[type=password]:focus{border:1px solid #0070ff;}
.member_form input[type=text].error{border-color:#FF3400 !important;}
.member_form input[type=password].error{border-color:#FF3400 !important;}
.member_form input[type=text].success{border-color:#5080E9 !important;}
.member_form input[type=password].success{border-color:#5080E9 !important;}
.member_form input[type=text]:read-only{background-color: #F9F9F9 !important;}
.member_form input[type=text]:disabled{background-color: #F9F9F9 !important;;}
.member_form input[type=text]::placeholder{color:#999999}
.member_form input[type=password]::placeholder{color:#999999}

.member_form select.error{border-color:#FF3400 !important;}

/* - Chrome ≤56,
- Safari 5-10.0
- iOS Safari 4.2-10.2
- Opera 15-43
- Opera Mobile 12-12.1
- Android Browser 2.1-4.4.4
- Samsung Internet ≤6.2
- QQ Browser */
.member_form input[type=text]::-webkit-input-placeholder {color:#999999}
.member_form input[type=password]::-webkit-input-placeholder {color:#999999}

/*IE 10~11*/
.member_form input[type=text]:-ms-input-placeholder {color:#999999}
.member_form input[type=password]:-ms-input-placeholder {color:#999999}

.member_form input:-webkit-autofill,
.member_form input:-webkit-autofill:hover,
.member_form input:-webkit-autofill:focus,
.member_form input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*      폼 스타일 - textarea */
.member_form textarea{resize:none; height:133px; padding:12px 16px 10px; border:1px solid #CCCCCC; font-size:16px; color:#333333; width:100%; box-sizing:border-box; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}

/*      폼 스타일 - input button */
.member_form input[type=button]{padding:15px 15px 15px; border:1px solid #CCCCCC; text-align:center; font-size:16px; font-weight:400; color:#333333; background-color: #FFFFFF;}
.member_form input.slim[type=button]{padding:1px 22px}
.member_form input[type=button].confirm{background-color: #0070ff; color:white; border:1px solid #0070ff;}
.member_form input[type=button].type1{color:#0070ff; border:1px solid #0070ff;}
.member_form input[type=button].type2{color:#ffffff; border:1px solid #808285; background-color: #808285;}
.member_form input[type=button].type3{color:#df3260; border:1px solid #df3260;}
.member_form input[type=button].type4{color:#1e4376; border:1px solid #1e4376;}
.member_form input[type=button].type5{color:#95a1b4; border:1px solid #95a1b4;}

.member_form input[type=button].disabled{background-color:#95a1b4; color:#ffffff; border:1px solid #95a1b4;}

_:-webkit-full-screen:not(:root:root), input[type=button]{
    padding:12px 16px 10px;
}
/*      폼 스타일 - input button + angle */
.member_form div.button_angle{position: relative; display: inline-block; width:180px;}
.member_form div.button_angle input[type=button]{display: inline-block; width:100%; border:1px solid #D5E1FA; color:#5080E9; background-color: #F6F9FE; padding-right:30px;}
.member_form div.button_angle:before{content: "\f0da"; color:#5080E9; width: 6px; height: 6px; position: absolute; top: 12px; right: 14px; pointer-events: none;font-family: Font Awesome\ 5 Free;font-weight: 900;}

/*서류제출*/
.lecture_document{height:auto; padding: 30px 40px 40px}
.lecture_document h1{font-size:30px; text-align: center;}
.lecture_document .description{margin-top:20px; border-top:1px solid #000000;}
.lecture_document .description > div{font-size:16px; padding: 35px; text-align: center;}
.lecture_document .description2{margin-top:20px; margin-bottom:35px;}
.lecture_document .description2 > div{background-color: #f7f8fc; font-size:14px; padding:25px 30px; color:#6d6e71; line-height: 24px;}
.lecture_document .description2 strong{font-weight:500; color:#333333;}
.lecture_document input.confirm{padding:16px 70px;}
.lecture_document table{width:100%; text-align:left; border-top:1px solid #333333;}
.lecture_document table th{width: 280px; background-color: #f2f3f6; font-weight: 500; font-size:14px; padding:20px;}
.lecture_document table th label{color:#0070ff;}
.lecture_document table td{padding:10px;}
.lecture_document table th,
.lecture_document table td{border-bottom: 1px solid #dddddd}
.lecture_document .normal_file_wrap .add_file {position: relative;width: 250px;float: left;height: 34px;}
.lecture_document .etc_file_wrap .add_file {position: relative;width: 180px;float: left;height: 34px;}
.lecture_document .file_label{cursor:pointer;float:left; width:80px; height:34px; line-height:32px; box-sizing:border-box; padding:0; display:inline-block; background-color: #95a1b4;border: 1px solid #95a1b4; text-align: center; color:#ffffff;}
.lecture_document .file_label.add{right:80px;}
.lecture_document .file_name{height:34px; line-height:34px; padding-left: 20px; color:#6d6e71;white-space: nowrap;width: 130px;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.lecture_document .file_name.unselected{color:#DDDDDD;}
.lecture_document .file_remove{position: absolute;top: 7px;}
.lecture_document .file_remove img{margin-left:6px; margin-top:-2px;}
.lecture_document .file_success{color:#0070ff;}
.lecture_document .file_success img{vertical-align: -2px;}
.lecture_document .file_add{width:60px; font-size:13px; text-align:center; background-color:#f8f8f8; border:1px solid #dddddd; color:#6d6e71; height:34px; line-height:34px; padding: 0; box-sizing: border-box; float:right;}
.lecture_document .file_none{width:80px; height:34px; box-sizing:border-box; padding:0; position: absolute;right: -1px;top: -1px;background-color: #ffffff;border: 1px solid #ffffff; text-align: center; color:#ffffff;}
.lecture_document .file_input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.lecture_document .file_input_wrap{}
.lecture_document .file_input_wrap span{padding: 10px;background-color: red;cursor: pointer;}
.lecture_document #file_add_wrap>div {margin-bottom: 2px;display: flex;}
.lecture_document #file_add_wrap>div .empty_file {display: flex;}

/*쿠폰사용*/
.popup_modal.coupon{height:auto; margin-top:-440px;}
.popup_modal.coupon h1{font-size:30px;}
.popup_modal.coupon h2{font-size:18px; font-weight: 500; border-bottom:1px solid #DDDDDD; padding-bottom:6px; margin-bottom:20px;}
.popup_modal.coupon article{border:1px solid #dcddde; padding:60px 70px 10px; box-sizing: border-box;}
.popup_modal.coupon .loginLogoWrap{text-align: center; margin:0 0 40px;}
.popup_modal.coupon .findWrap{text-align: center;}
.popup_modal.coupon .findWrap label{font-size: 12px; color:#DDDDDD; padding: 0 15px;vertical-align: top;display: inline-block;margin-top: 3px;}
.popup_modal.coupon .findWrap a{color:#333333;}
.popup_modal.coupon .join{text-align: center; background-color: #f7f8fc; padding:35px;}
.popup_modal.coupon .join p{color:#6d6e71;}
.popup_modal.coupon .join p input{margin-left:10px;}

.popup_modal.coupon.jungi input[type=button].confirm{background-color: #19a84a;border-color: #19a84a;}
.popup_modal.coupon.jungi input[type=text]:focus,
.popup_modal.coupon.jungi input[type=password]:focus{border-color: #19a84a;}

/* 비밀번호 번경 */
.member_form fieldset section div a.btn_txt {display: block;position: absolute;top: 6px;right: 15px;width: 133px;height: 40px;line-height: 40px;font-size: 16px;z-index: 10;text-align: center;background-color: #0070ff;color: white;border: 1px solid #0070ff;}

/*사파리핵*/
_:-webkit-full-screen:not(:root:root), .member_form input[type="submit"]{
    padding:12px 15px 15px;
}
_:-webkit-full-screen:not(:root:root), .member_form input[type=button]{
    padding:12px 15px 15px;
}


/*사파리핵*/
_:-webkit-full-screen:not(:root:root), .member_form input[type=text]{
    padding:12px 15px 15px;
}
_:-webkit-full-screen:not(:root:root), .member_form input[type=password]{
    padding:12px 15px 15px;
}

/*사파리핵*/
_:-webkit-full-screen:not(:root:root), .member_form div.button_angle:before{
    top: 16px; right: 14px;
}

.member_form > section article h1{font-size:24px; color:#0070ff; text-align: center}
.member_form > section article h2{font-size:20px; color:#0070ff; text-align: center}
.member_form > section article p{color:#848a98; font-size:18px; text-align: center}
.member_form > section article p label{color:#a7a9ac;}
.member_form > section article div.img_area{padding:40px 0; text-align: center;}
.member_form > section article div.con_area{border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:40px 0; text-align: center;}