@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400&display=swap');
/* base */
	html {width:100%;scroll-behavior: smooth;}
	body {width:100%}
	body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input {margin: 0; padding: 0}
	body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-size: 16px; line-height:22px; color: #222222; font-weight: 400; letter-spacing: 0px; font-style: normal; text-decoration: none}
    img,fieldset,iframe{border:0 none}
	li, ul, ol {list-style: none}
	input,select,button{vertical-align:middle; appearance: none; -webkit-appearance: none; outline: none; border: none;}
	input[type="checkbox"]{appearance: auto;-webkit-appearance: auto; cursor: pointer;}
	i,em,address{font-style:normal}
	img {vertical-align: middle; border: none}
	label,button{cursor:pointer}
	button{margin:0;padding:0; border:0px;}
	table{border-collapse:collapse;border-spacing:0}
	* {box-sizing: border-box;}
	@media(max-width:1000px){
		body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-size: 14px; line-height:18px; }
	}
	@media(max-width:400px){
		body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height:16px; }
	}

/* a-style */
	a {color: #222222; text-decoration: none; outline: none}
	a:hover, a:active {text-decoration: none; color:#222222}
    
/* search_box*/
.search_box{position: relative;}
.search_box input{border-bottom: 2px solid #000; font-size: 14px;  padding: 10px 30px 10px 5px; width: 260px;}
.search_box input::placeholder{color: #ddd; font-weight: 400;}
.search_box .search_btn{position: absolute; right: 8px; bottom: 8px;}
.search_box .search_btn i{font-size: 22px;}

/*input*/
select {
	border: 1px solid #9c9c9c;
	padding: 4px 10px;
	border-radius: 5px;
	background: url(../img/caret-down.png ) 95% 50% no-repeat;
}

input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none; 
	width: 14px;
	height: 14px;
	border: 1px solid #2d2d2d; 
	border-radius: 50%;
	outline: none; 
	cursor: pointer;
    }
input[type="radio"]:checked{  background-color: #357AF2; 
	border: 2px solid white; 
	box-shadow: 0 0 0 1px #357AF2}

#LectureStart,#LectureEnd{
	border: 1px solid #9c9c9c;
	padding: 4px 10px;
	border-radius: 5px;
	width: 120px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40% !important; 
}
/*bar*/
.bar {position: relative;}

.bar:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 13px;
    background-color: #bbb;
    right: 0px;
    top: 6px;
}
/* Default Align */
.c_box{display: flex; justify-content: center; align-items: center;}
.sa_box{display: flex;justify-content: space-around;}
.sb_box{display: flex;justify-content: space-between;}

.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.cl { clear:both;}
.cp { cursor:pointer;}

/*font-color*/
.fc222{color:#222 !important;}
.fc999{color: #999 !important;}
.fcred{color: #EF0000 !important;}
.fcblue{color: #2C5DB4 !important;}
.fcwhite{color: #fff !important;}

/*font-weight*/
.fwbold{font-weight: bold !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}

/*font-size*/
.fsz { font-size:0px; line-height:normal;}
.fs0 { font-size:0px;}
.fs11 { font-size:11px !important;}
.fs12 { font-size:12px !important;}
.fs13 { font-size:13px !important;}
.fs14 { font-size:14px !important;}
.fs14b { font-size:14px !important; font-weight:bold !important;}
.fs15 { font-size:15px !important;}
.fs15b { font-size:15px !important; font-weight:bold !important;}
.fs16 { font-size:16px !important;}
.fs16b { font-size:16px !important; font-weight:bold !important;}
.fs17 { font-size:17px !important;}
.fs17b { font-size:17px !important; font-weight:bold !important;}
.fs18 { font-size:18px !important;}
.fs18b { font-size:18px !important; font-weight:bold !important;}
.fs19 { font-size:19px !important;}
.fs19b { font-size:19px !important; font-weight:bold !important;}
.fs20 { font-size:20px !important;}
.fs20b { font-size:22px !important; font-weight:bold !important;}
.fs22 { font-size:22px !important;}
.fs22b { font-size:22px !important; font-weight:bold !important;}
.fs24 { font-size:24px !important;}
.fs24b { font-size:24px !important; font-weight:bold !important;}
.fs28 { font-size:28px !important;}
.fs28b { font-size:28px !important; font-weight:bold !important;}
.fs30{font-size: 30px !important;}
.fs30b{font-size: 30px !important; font-weight:bold !important;}

/* padding margin */
.pt1 {padding-top:1px !important} 
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:50px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}

.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb7 {padding-bottom:7px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb100 {padding-bottom:100px !important;}
.pb120 {padding-bottom:120px !important;}
.pb150 {padding-bottom:150px !important;}
.pb200 {padding-bottom:200px !important;}

.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:30px !important;}

.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt13 {margin-top:13px !important;}
.mt15 {margin-top:15px !important;}
.mt17 {margin-top:17px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt27 {margin-top:27px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt7m {margin-top:-7px !important;}

.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml7 {margin-left:7px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml17 {margin-left:17px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}

.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}

.wid30 { width:30px;}
.wid40 { width:40px;}
.wid50 { width:50px;}
.wid60 { width:60px;}
.wid65 { width:65px;}
.wid70 { width:70px;}
.wid80 { width:80px;}
.wid90 { width:90px;}
.wid100 { width:100px;}
.wid110 { width:110px;}
.wid120 { width:120px;}
.wid130 { width:130px;}
.wid140 { width:140px;}
.wid150 { width:150px;}
.wid160 { width:160px;}
.wid170 { width:170px;}
.wid180 { width:180px;}
.wid190 { width:190px;}
.wid200 { width:200px;}
.wid210 { width:210px;}
.wid220 { width:220px;}
.wid230 { width:230px;}
.wid240 { width:240px;}
.wid250 { width:250px;}
.wid260 { width:260px;}
.wid270 { width:270px;}
.wid280 { width:280px;}
.wid290 { width:290px;}
.wid300 { width:300px;}
.wid310 { width:310px;}
.wid320 { width:320px;}
.wid330 { width:330px;}
.wid340 { width:340px;}
.wid350 { width:350px;}
.wid370 { width:370px;}
.wid380 { width:380px;}
.wid390 { width:390px;}
.wid400 { width:400px;}
.wid410 { width:410px;}
.wid430 { width:430px;}
.wid450 { width:450px;}
.wid460 { width:460px;}
.wid470 { width:470px;}
.wid500 { width:500px;}
.wid520 { width:520px;}
.wid530 { width:530px;}
.wid540 { width:540px;}
.wid550 { width:550px;}
.wid570 { width:570px;}
.wid600 { width:600px;}
.wid610 { width:610px;}
.wid640 { width:640px;}
.wid650 { width:650px;}
.wid660 { width:660px;}
.wid700 { width:700px;}
.wid750 { width:750px;}
.wid780 { width:780px;}
.wid800 { width:800px;}
.wid850 { width:850px;}
.wid900 { width:900px;}
.widp20 { width:20%;}
.widp25 { width:25%;}
.widp50 { width:50%;}
.widp90 { width:90%;}
.widp95 { width:95%;}
.widp100 { width:100%;}

.hei30 { height:30px;}
.hei40 { height:40px;}
.hei50 { height:50px;}
.hei100 { height:100px;}
.hei200 { height:200px;}
.hei300 { height:300px;}
.hei350 { height:350px;}
.hei400 { height:400px;}