@charset "UTF-8"; * { margin: 0; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; font-size: 16px; } 
html,body { font-family: 'Noto Sans KR', sans-serif; margin: 0 !important; } 
ul, li { text-decoration: none; list-style: none } 
a { text-decoration: none; list-style: none } 
button, html [type="button"], [type="reset"],[type="submit"] { -webkit-appearance:button } 
button { padding:0; margin:0; */border:0; cursor:pointer; vertical-align:middle; background:none; } 
button, input { overflow:visible; } 
button, select { text-transform:none; } 
button, html [type="button"], [type="reset"],[type="submit"] { -webkit-appearance:button; } 
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style:none; padding:0 } 
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline:1px dotted ButtonText } 
.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before { font-size: 30px !important; } 

.input_box { position: relative; } 
.input_box .btn_self { position: absolute; top:50%; transform: translateY(-50%); right:8px; } 

.input_box input[type="text"] { background: #fff; height:65px; width:100%; border:1px solid #afb5c9; outline: none; padding:0 20px; font-size:14px; border-radius: 5px; } 
.input_box input::placeholder { color:#afb5c9 } 
.input_box input[type="text"].no { background:#faedeb; color:#e64c2e !important; border-color: #e64c2e; } 
.input_box input[type="text"]:focus { border: 2px solid #2d51d6; box-shadow: rgba(55, 83,185, 0.2) 6px 2px 24px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px } 
.input_box input[type="password"] { background: #fff; height:65px; width:100%; border:1px solid #afb5c9; outline: none; padding:0 20px; font-size:15px; border-radius: 5px; } 
.input_box input[type="password"]:focus { border: 2px solid #2d51d6; box-shadow: rgba(55, 83,185, 0.2) 6px 2px 24px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px } 

.input_box input[type="checkbox"] { width:0px; height:0px; position: absolute; } 
.input_box input[type="checkbox"] + label { padding-left: 30px; color: #666; font-size:16px; display: block; background: url("/inc/img/lms/check_off.svg") no-repeat left top calc(0.8em - 8px) / 17px 17px; } 
.input_box input[type="checkbox"]:checked + label { background-image: url("/inc/img/lms/check_on.svg") !important; color: #000; } 
.input_box input[type="checkbox"] + label strong { font-size: 16px; font-weight: 400; display: block; margin-bottom:4px; } 


.input_box input:read-only { background-color: rgba(243,245,251) } 
.input_box input:read-only:focus { border: 1px solid #afb5c9 !important; box-shadow: none !important; } 
.modal_find_menu li + li:before { content: ''; display: block; width: 1px; height: 13px; background: #C2C2C2; margin: 0 10px; } 




.modal_area { position: fixed; top:0; left:0; width:100%; height:100%; min-height:100vh; z-index: 999; opacity: 0; pointer-events: none; transition:0.3s ease-in-out; padding: 45px 20px; overflow-y: auto; background-color: rgba(0,0,0,0.6) } 
.modal_area.open { opacity: 1; pointer-events: inherit } 
.modal_area .modal_wrap { display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; } 
.modal_wrap .modal_scroll { display: table-cell; vertical-align: middle } 
.modal_area .modal_bg { position: absolute; top:0; left:0; width:100%; height:100%; } 
.modal_area .modal_content { display: none; border-radius: 10px; overflow: hidden; position: relative; z-index:9999; width: 500px; opacity:0; padding:40px; pointer-events: none; transition: 0.3s ease-in-out; background: #fff; max-width: 100%; margin: 0 auto } 
.modal_area .modal_content.in_submit_btn { padding-bottom:110px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: inherit; } 
.modal_area .modal_content.open { opacity: 1; pointer-events: inherit; display: block } 
.modal_area .modal_content .modal_close { position: absolute; right:20px; top:20px; font-size:28px; line-height: 1; color: #000; border: 0; } 
.modal_area .modal_content .modal_tit { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 40px; line-height: 1.2; } 
.modal_area .modal_content .input_flex { display: flex; align-items: center; gap: 10px 40px; } 
.modal_area .modal_content .input_flex > .radio_box + .radio_box { } 

.modal_area .modal_content2 { display: none; border-radius: 10px; overflow: hidden; position: relative; z-index:9999; width: 1000px; opacity:0; padding:40px; pointer-events: none; transition: 0.3s ease-in-out; background: #fff; max-width: 100%; margin: 0 auto; height: 750px; } 
.modal_area .modal_content2.in_submit_btn { padding-bottom:110px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: inherit; } 
.modal_area .modal_content2.in_submit_btn2 { padding-bottom:40px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: inherit; } 
.modal_area .modal_content2.open { opacity: 1; pointer-events: inherit; display: block } 
.modal_area .modal_content2 .modal_close { position: absolute; right:20px; top:20px; font-size:28px; line-height: 1; color: #000; border: 0; } 
.modal_area .modal_content2 .modal_tit { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 40px; line-height: 1.2; } 
.modal_area .modal_content2 .input_flex { display: flex; align-items: center; gap: 10px 40px; } 
.modal_area .modal_content2 .input_flex > .radio_box + .radio_box { } 





.modal_area .file_tip { color: #6e86b8; font-size: 12px; } 
.modal_area .file_tip i { margin-right: 4px; } 
.modal_area .file_tip a { vertical-align: top; color: #6e86b8; } 
.modal_area .modal_content .modal_submit { height:70px; width:100%; position: absolute; bottom:0; left:0; background:#2D51D6; color: #fff; font-size:20px; font-weight: 500; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; line-height:68px; border: 0px; } 
.modal_area .modal_content { text-align: center; } 
.modal_area .modal_content .modal_submit2 { height:50px; background:#454545; color: #fff; font-size:20px; font-weight: 500; text-align: center; border: 0px; padding: 10px 30px; border-radius: 4px; margin-top: 30px; } 
.search_box { margin-top: 15px; position: relative; } 
.search_box button { position: absolute; top:0; right:0; height:100%; width:80px; text-align: center; color:#2D51D6; font-size:20px; } 

.modal_logo { } 
.modal_logo img { width: 30%; } 
.modal_logo img + img { margin-left: 10px; } 

.modal_tit_box { margin-top:30px; } 
.modal_tit_box .sub_tit { margin-top: 5px; font-size:16px; } 
.modal_tit_box .tit { font-size:28px; font-weight: 600; line-height: 1.4 } 
.modal_tit_box .tit + .info { margin-top:5px; } 
.modal_tit_box .info { font-size:13px; } 

.modal_flex_box { display: flex; flex-direction: column; padding: 10px 0; } 
.modal_flex_box li { display: flex; align-items: center; justify-content: space-between; } 
.modal_flex_box li:not(:first-child) { margin-top: 16px; } 
.modal_flex_box .radio_box input[type="radio"] + label { background-position: 0 center; font-size: 14px } 
.modal_flex_box p { color: #aaa; font-size: 12px; } 

.modal_alert_box { text-align: center; padding-top:40px; } 
.modal_alert_box .sub_tit { font-size:14px; display: block; } 
.modal_alert_box > .num { font-size:20px; font-weight: 600; } 
.modal_alert_box > .tit { font-size:35px; font-weight: 600; } 
.modal_alert_box > .info { font-size:14px; margin-top:20px; color:#6E738C } 
.modal_alert_box > .info i { margin-right:10px; } 
.modal_alert_box > .time { text-align: center; padding:18px 10px 20px; background:#F6F9FA; border-radius: 30px; margin-top:40px; } 

.modal_content .join_form { margin-top:26px; } 
.modal_content .join_form .input_box ~ .input_box { margin-top:15px; } 
.modal_content .modal_in_btn_box { margin-top:100px; } 
.modal_content .modal_in_btn_box .modal_btn + .modal_btn { margin-top:15px; } 

.modal_btn { width:100%; height:80px; border-radius: 10px; background:#888C9D; color:#fff; font-size:20px; font-weight: 600; text-align: center; } 
.modal_btn.co1 { background: #2D51D6 } 

.modal_find_menu { display: flex; margin-top:10px; } 
.modal_find_menu li { display: flex; align-items: center; } 
.modal_find_menu li + li:before { content:''; display: block; width:1px; height:13px; background:#C2C2C2; margin:0 10px; } 

.modal_find_menu button, .modal_find_menu a { font-size:13px; color:#555; border: 0; } 


.modal_dl_box { margin-top:50px; background:#F6F9FA; border-radius: 5px; padding:45px 50px 50px; } 
.modal_dl_box > dl { display: flex; align-items: center; } 
.modal_dl_box > dl dt { font-size: 16px; font-weight: 500; min-width:100px; line-height:40px; } 
.modal_dl_box > dl dd { font-size:16px; line-height:40px; } 
.modal_dl_box + .modal_in_btn_box { margin-top:40px; } 



.modal_table_box { margin-top:30px; } 
.modal_table { width:100%; border-top:1px solid #000; } 
.modal_table.only_td tr:last-child td, .modal_table.only_td tr:last-child th { border-bottom:1px solid #000; } 
.modal_table thead th { height:55px; background: #F7F7F7; font-size:14px; font-weight: 500; padding:15px 10px; } 
.modal_table tbody th { height:55px; background: #FFFFFF; font-size:13px; text-align: center; padding:20px 12px; border-bottom:1px solid #D7D7D7; color: #555555; } 
.modal_table tbody td { height:55px; background: #FFFFFF; font-size:13px; text-align: center; padding:20px 12px; border-bottom:1px solid #D7D7D7; } 
.modal_table tbody th.tag_l { text-align: left; } 
.modal_table tbody td.tag_l { text-align: left; } 
.modal_table tbody td.school_code span { display: inline-block; padding-bottom: 3px; border-bottom: 1px solid; } 
.modal_table tbody td.school_info p { font-size: 14px; font-weight: 600; } 
.modal_table tbody td.school_info span { color: #9a9ea9; } 
.modal_table tbody td .tip { font-size: 12px; margin-top:2px; color: #9aa0b5; } 
.modal_table tbody td .copy_link { font-weight: 500; } 
.modal_table tbody td .copy_link span { display: inline-block; margin-bottom: 8px; border-bottom: 1px solid } 
.modal_table tbody td .copy_link i { color:#2D51D6; margin-left:10px; } 
.modal_table tbody tr td:first-child,
.modal_table thead tr th:first-child { width: 100px; flex-shrink: 0 } 


@media screen and (max-width:480px) {
    .modal_area .modal_content2 { padding: 20px 16px; } 

 }