body {  
	color:#000; 
	font-size: 13px;
	font-family: 'Pretendard', 'Noto Sans KR';
	background:#ffffff;
	/* background:url(../images/bg_side.png) repeat-y;
	background-size:220px ; */
}

a { text-decoration: none; }
.red { color: red; }
.sm-font{ font-size: 9px; }

#wrap { min-width: 1200px;	 }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

#header::-webkit-scrollbar { width: 0px; }
#header { background:#ffffff; position:fixed; top:0px; left:0px; width:280px; height:100%; padding-bottom:40px; z-index: 999; overflow-y: auto; }
#header .logo { background: #fff; margin-top:25px; padding:0 20px; cursor: pointer; position: relative; }
#header .logo img { width: 45px; position: absolute; top:0px; }
#header .logo span { display:block; margin-left:60px; vertical-align:middle; color:#111; font-weight:800; font-size:20px; }
#header .logo span span { margin-left:2px; display:block; font-weight:500; font-size:13px; }
#header .logo .session { float:right; margin-right:15px; font-size:12px;  display:none;}
#header .menu { color:#444; padding-top:30px; }
#header .menu > ul { }
#header .menu > ul > li { padding:6px 0px; }
#header .menu > ul > li > a { position: relative; display:block; font-size:15px; font-weight:300; padding:0 0px 0 15px; margin:0 20px; }
#header .menu > ul > li > a i { position: absolute; left:0px; top:1px; margin-right:10px; color:#777; }
#header .menu > ul > li > a:hover { color:#000; font-weight: 500;}
#header .menu > ul > li > a:hover i { color:#009EF7; }
#header .menu > ul > li > a:hover .arrow { color:#fff; }
#header .menu > ul > li > a .arrow { right:0px; left:auto; margin-right:0px; font-size:10px; }
#header .menu > ul > li.line { border-top:dotted 1px #ccc; margin:5px 40px 5px 30px; height:1px; overflow: hidden; padding:0px; }
#header .menu > ul > li ul { margin-top:11px; padding:4px 20px 10px; display:none; background:rgba(255,255,255,0.04); border-radius: 0px; }
#header .menu > ul > li ul li { padding:1px 0;}
#header .menu > ul > li ul li i { font-size:20px; margin-right:10px; }
#header .menu > ul > li ul li a { display:block; padding-left:10px; }
#header .menu > ul > li ul li a:hover { color:#fff; }
#header .menu > ul > li ul li.separator { }
#header .menu > ul > li ul li.separator::after { content: ''; display:block; margin:6px 15px 3px; height:0px; border-bottom:dotted 1px #444; }
#header .menu > ul > li.selected > a { color:#000; font-weight:500;}
#header .menu > ul > li.selected > a i { color:#009EF7; }
#header .menu > ul > li.selected > a .arrow { rotate:90deg; color:#fff; }
#header .menu > ul > li.selected > a::before { content:' '; position: absolute; left:5px; height:100%; width:4px; background: #ee307f; }
#header .menu > ul > li.selected ul { display:block; }
#header .menu > ul > li ul li.selected { color:#fff; font-weight:500; }
#header .menu > ul > li ul li.line {width:190px; margin:3px auto; height:0px; border-top:dashed 1px #444; padding:0px; }
#header .banner { padding:0 20px; margin-top:40px; }
#header .banner li { margin-bottom:10px; }
#header .banner a {  color:#fff; display:flex; font-size:14px; height:55px; justify-content: center; align-items: center; background:#444; text-align: center; border-radius: 5px; line-height: 1.5; }
/* #header .banner li:nth-child(1) a { background: #fb7614; border:solid 2px #fb7614; }
#header .banner li:nth-child(2) a { background: #4d77ff; border:solid 2px #4d77ff; }
#header .banner li:nth-child(3) a { background: #444444; border:solid 2px #444444; } */
#header .banner a span { text-align: center;}
#header .btn-logout { color:#666; margin-left:0px; font-size:11px; height:auto; line-height: 15px; border:solid 1px #ccc; border-radius: 3px; display:inline-block; padding:0px 8px; }
#header .info { padding:0 20px; font-size:13px; font-weight: 300; color:#333; margin-top:50px; line-height: 1.4; }
#header .info a { text-decoration: underline;}
#header .info li b { color:#000; font-weight: 500; }
#header .info li:nth-child(1) { font-weight: 300; color:#333; margin-bottom:3px; }
#header .info li:nth-child(2) { font-weight: 300; color:#333; margin-bottom:10px; }
#header .info li:last-child { color:#333; font-size:12px; font-weight: 400; margin-top:20px; }

#contents { padding-bottom:50px; margin-left:290px; position:relative; max-width:1920px; }
#contents.single { margin-left:0px; padding-bottom:0px; }

#session { position:fixed; top:0px; left:0px; background: #fff; width:100%; height:65px; line-height: 65px; font-size:15px; font-weight: 700; z-index: 998;  }
#session .inner {  padding:0 20px; }
#session .profile { float:right; }
#session .profile .img { display:inline-block; vertical-align: middle; width:30px; height:30px; border-radius: 50%; background:#ddd; text-align: center; line-height: 30px; position: relative; }
#session .profile .img > i { font-size:16px; color:#fff; margin-top:6px; cursor: pointer; }
#session .profile .img .memberMenu { position: absolute; right:0px; top:100%; margin-top:5px; background:#fff; border:solid 1px #ddd; width:130px; padding:7px 13px; box-shadow: 1px 1px 3px #eee; display:none; }
#session .profile .img .memberMenu ul { line-height: 1.2; }
#session .profile .img .memberMenu ul li { padding:5px 0; position: relative; }
#session .profile .img .memberMenu ul li i { position: absolute; top:8px; color:#666 }
#session .profile .img .memberMenu ul li span { margin-left:23px; }
/* #session .profile .img:hover .memberMenu { display:block; } */
#session .alarm { float:left; margin-top:23px; margin-left:250px; height:22px; overflow: hidden; line-height: 1.4; }
#session .alarm li { height:22px;}
#session .alarm a { color:#000; font-weight: 400; font-size:13px; }
#session .alarm:hover a { text-decoration: underline; }
#session .alarm i { font-size:13px; margin-right:2px; color:#0094f7 }
#session a { font-weight: 400; font-size:13px; }

#sidemenu { width:220px; position: absolute;  }

#sidemenu .subtitle { font-size:18px; margin-bottom:20px; font-weight: 500; }
#sidemenu ul { margin:10px; margin-top:15px; background:#fff; padding:20px 15px 30px; box-shadow: 1px 1px 1px #ccc; }
#sidemenu ul li { border-top:solid 1px #eee; }
#sidemenu ul li:last-child { border-bottom:solid 1px #eee; }
#sidemenu ul li.line { border:none; height:0px; line-height: 1px; border-top:solid 2px #eee;  }
#sidemenu ul li a { color:#000; display:block; height:34px; line-height: 34px; font-weight: 300; text-indent: 5px; }
#sidemenu ul li.selected a { font-weight: bold; }

.chart_title { text-align: center; margin-bottom:30px; }
.chart_title .title { font-size:30px; font-weight: 800; }
.chart_title a { vertical-align: middle; display:none; }
.chart_title span { vertical-align: middle; padding:0 20px; }
.chart_title.today a { display:inline; }

#content-container { padding:30px 0px; margin:0 20px; padding-top:65px; max-width: 2560px; box-sizing: border-box; }
#content-container.single { padding-top:0px; }

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }
.reset { padding:0px; margin:0px; clear: both; }
.nowrap { white-space: nowrap;}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 


.main_banner { padding:0 0px 0 0px; height:450px; color:#191919; background:url(../images/main_banner.png) no-repeat center center; background-size: cover; border-radius: 5px; }
/* .main_banner div { display:flex; align-items: center;justify-content: center; color:#fff; font-size:28px; font-weight: 400; height:250px; text-shadow: 1px 1px 5px #000; background:url(../images/main_banner2.png) no-repeat center center; background-size: cover; } */
.main_banner div { display:block; width:1100px; margin:0 auto;  }
.main_banner div .txt { margin:0 40px; }
.main_banner div h1 { display:block; font-size:32px; font-weight: 500; padding-top:120px; letter-spacing: -1px; }
.main_banner div h2 { display:block; font-size:36px; font-weight: 600; padding-top:5px; letter-spacing: -1px; }
.main_banner div h2 b{ font-weight:600; color:#c00205; }
.main_banner div p { font-size:16px; font-weight: 400; padding-top:20px; line-height: 1.4; }
.main_banner div span { display:block; padding-top:15px; font-size:16px; font-weight: 600; }


.lecture_list { margin-top:50px; }
.lecture_list .list-style01 { margin:0px; padding:0px; }

select { vertical-align: middle; font-family: 'Pretendard'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Pretendard'; font-size:12px; line-height: 1.4;  border-radius: 2px; }


.loading-container { position: fixed; top:0px; left:0px; width:100%; height:100%; z-index: 99999; background:rgba(0,0,0,0.5); }
.loading-container .indi { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.loading-container .indi img { width:40px; }

.popup-container { position: fixed; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.20; height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; transform: translate(-50%, -50%); background:#fff; border:solid 1px #000; border-radius: 5px;  }
.popup-container > .box { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#fff; border:solid 1px #ddd; border-radius: 6px; padding:30px;  }
.popup-container > .box .close { position: absolute; right:10px; top:7px; font-size:23px;  }
.popup-container .close { position: absolute; top:20px; right:30px; color:#000; font-size:35px; }
.popup-container.contact .box { width:600px; }

ul.col-2 {}
ul.col-2 li { float:left; width:50%; padding-right:10px; }
ul.col-2 li.col-1 { width:100%; } 

.popup-body { background:none; }
#popup-wrap { padding:20px 15px 70px 15px; }
#popup-wrap h3 { color:#333; font-size:16px; margin-bottom:10px; }
#popup-wrap .form-style01 { padding:0px; border:none; }
#popup-wrap .form-style01 th { font-size:12px; }
#popup-wrap .form-style01 td { font-size:12px; }
#popup-wrap .list-style01 { padding:0px; border:none; }
#popup-wrap .list-style01 th { font-size:12px; }
#popup-wrap .list-style01 td { font-size:12px; }
#popup-wrap .search-container { padding:8px 10px; border-radius: 2px; }
#popup-wrap > .btn-container { position: fixed; left:0px; bottom:0px; padding:7px 0; width:100%; background:#eee; border-top:solid 1px #ddd; }

/* .popup_close_btn { position: absolute; width:100%; bottom:0px; left:0px; display:block; padding:10px 0; text-align: center; background: #0094f7; color:#fff; } */
.popup_close_btn { position: fixed; width:100%; bottom:0px; left:0px; display:block; padding:10px 0; text-align: center; border-top:solid 1px #eee; background: #fff; font-weight: bold;; }

.tip { display:inline-block; opacity: 0.7; filter:alpha(opacity=70); line-height: 20px; font-size:11px; color:#333; background:url(/lms/assets/images/information.png) no-repeat left center; padding-left:20px; }
.tip2 { display:inline-block; opacity: 0.7; filter:alpha(opacity=70); line-height: 20px; font-size:11px; color:#333; }
.tip3 { display:inline-block;  color:#333; }

.txt_idle { background:#438508; color:#fff; display:inline-block; padding:2px 5px; border-radius: 2px; }
.txt_comp { background:#999; color:#fff; display:inline-block; padding:2px 5px; border-radius: 2px; }

.blue_box { background: #0094f7; display: inline-block; padding:1px 4px 0px 4px; border-radius: 3px; font-size:11px; color:#fff; }
.gray_box { background: #7d7d7d; display: inline-block; padding:1px 4px 0px 4px; border-radius: 3px; font-size:11px; color:#fff; }

/*버튼*/
input { vertical-align: middle; font-family: 'Pretendard'; font-size:12px; }
input::placeholder, textarea::placeholder { color:#bbb; }
input[type=number], input[type=text], input[type=password], input[type=date], input[type=datetime-local] { font-family: 'Pretendard'; border:solid 1px #ddd; line-height: 20px; height:20px; border-radius: 2px; text-indent:5px;  }
input[type=button],input[type=submit] { color:#111; opacity: 0.8; filter:alpha(opacity=80); font-size:12px; margin:0px; padding:0px 8px !important; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; }
input[type=radio], input[type=checkbox] { padding:0px; margin:0px; }
input.small { line-height:19px; font-size:11px; color:#666; }
input.bic { line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
input.black { background:#333; color:#fff; border:solid 1px #222; }
input.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
input.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
input.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
input.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }

input.disabled { border:none;  }

input[type=radio].style1 { vertical-align: middle; appearance: none; display:none; }
input[type=radio].style1 + label { background:#eee; color:#333; display:inline-block; padding:4px 8px; border-radius: 3px; cursor: pointer; font-size:12px; }
input[type=radio].style1:checked + label { background:#000; color:#fff;  }

.btn { color:#111; opacity: 0.8; opacity: 0.8; display:inline-block; vertical-align: middle; font-family: 'Noto Sans KR'; font-size:12px; margin:0px; padding:0px 8px !important; height:22px; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; white-space: nowrap; }
.btn span { font-size:inherit; color:inherit; }
.btn.small { height:19px; line-height:19px; font-size:11px; color:#666; }
.btn.small2 { height:16px; line-height:16px; font-size:11px; color:#666; padding:0px 4px !important;  }
.btn.small3 {height:14px;  line-height:14px; font-size:10px; color:#666; padding:0px 3px !important; font-weight: normal; }
.btn.bic { height:26px; line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
.btn.black { background:#333; color:#fff; border:solid 1px #222; }
.btn.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
.btn.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
.btn.pink { background:#ed1d73; color:#fff; border:solid 1px #b31117; }
.btn.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
.btn.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }
.btn.blue { background:#0094f7; color:#fff; border:solid 1px #0094f7; }
.btn.blue2 { background:#56CCF2; color:#fff; border:solid 1px #0094f7; }
.btn.white { background:#fff; color:#333; border:solid 1px #ccc; }

.bold { font-weight: bold; }

a.btn:hover { opacity: 1; }

.btn.attach { background:url(/asset/images/icon_file.png) no-repeat left center; border:none; line-height: 15px; padding:0px 0px 0px 20px; margin-top:-1px; margin-left:2px; text-indent: -100px; overflow: hidden; }

#tmpObject { }


.login-wrap-container { position: relative; margin-top:150px; }
.login-wrap-container.join { max-width: 1000px; margin:0 auto; margin-top:80px; }
.login-wrap-container .tile { float:left; width:50%; padding:10px; }
.login-wrap-container .box { max-width:450px; margin:0 auto; background:#fff; border:solid 1px #ddd; border-radius: 6px; padding:30px;  }
.login-wrap-container .term { border:solid 1px #eee; padding:10px; height:200px; overflow-y: scroll; background:#fafafa; color:#666; font-weight: 300; line-height: 1.4;; }
.login-wrap-container .box.join { border:none; padding:0px; padding-top:15px; }

.login-wrap-container.join > .box {  }
.login-container {  margin:0 auto; position: relative; }
.login-container .inner {  }
.login-container label { display:block; margin-top:10px; margin-bottom:7px; font-size:13px; font-weight: 500; }
.login-container input[type=password],
.login-container input[type=number],
.login-container input[type=text] { width:100%; height:30px; line-height: 30px; }
.login-container input[type=submit] { width:100%; height:30px; line-height: 30px; }
.login-container .btn-container { border-top:dotted 1px #ddd; padding:20px 0 20px 0; margin-top:20px; }
.login-container .btn-container .btn { width:100%; height:32px; line-height: 32px; padding-left:0px !important; padding-right:0px !important; }
.login-container .caption { margin-bottom:10px;}
.login-container .caption p { margin-bottom: 35px; padding-left:2px; font-size:25px; font-weight: 700; }
.login-container .caption p span { font-size:14px; font-weight: 300; padding-left:5px; }
.login-container.join .caption p { margin-bottom: 15px; padding-left:2px; font-size:20px; font-weight: 700; }
.login-container.join .mid { display:block; margin-bottom:40px; }
.login-container.join label { text-align: right;}
.login-container .withdraw { text-align: center; }
.login-container .withdraw a { color:#888; }

.login-info { width:500px; margin:0 auto; font-size:12px; text-align: center; margin-top:20px; color:#999;	padding-bottom:60px; }

.main-title { font-size:24px; color:#333; padding:0px 0px; margin-bottom:20px; background:#fff; }
.main-title span { font-size:13px; font-weight: 300; color:#666; margin-left:15px; }
.main-title span b { color:#333; font-weight: 600; }
.main-title span input[name=btn] { width:65px; line-height:23px; font-weight: 600; background:#0094f7; color:#fff; border:none; }
.main-title span.right { float:right;}

.tab-title { font-size:14x; font-weight: 700; margin-bottom:5px; }
.tab-title i { font-size:5px; vertical-align: middle; margin-right:2px; }
/* .tab-title::before { content: ''; border-left:solid 3px #000; } */

.recommend-container {  background:#fff; clear:both; margin-bottom:30px; font-size:13px;  padding:15px 30px; border:solid 1px #ccc; border-radius: 5px; box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02);margin:30px;}

.search-container {  background:#fff; clear:both; margin-bottom:30px; font-size:13px;  padding:15px 30px; border-radius: 5px; box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02);margin:30px;}
.search-container .tit { font-weight: 600; margin-right:15px;;}
.search-container input[name=btn] { width:65px; line-height:23px; font-weight: 600; background:#0094f7; color:#fff; border:none; }

.ui-datepicker-trigger { margin-left:3px; width:20px; }

.title-info { font-size:12px; padding:0 0 6px 3px; font-weight: bold; } 

.flexRow-container { }
.flexRow-container ul { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background: #fefefe; }
.flexRow-container li { position: relative; border-bottom:solid 1px #eee; padding:10px 0; }
.flexRow-container li .label { position: absolute; width:140px; padding-left:10px; }
.flexRow-container li .value { margin-left:160px;   }
.flexRow-container li .value .del { position: absolute; top:10px; right:-2px; height:22px; line-height: 22px; }

.caution { text-align: center; color:#d38307; }

.log-style { padding:30px; line-height: 1.5; }

.list-style01 { background:#fff; padding:0px 0px 25px 0px;  box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02); padding:30px; border-radius: 5px; margin:30px; }
.list-style01.hscroll { overflow-x: auto;}
.list-style01 table { width:100%;}
.list-style01 table thead th { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px 10px; font-size:12px; font-weight: bold; text-align: center; background: #fafafa; white-space: nowrap; }
.list-style01 table tbody td { border-bottom:dotted 1px #ddd; padding:8px 10px; font-size:12px;  text-align: center; vertical-align: middle; line-height:1.3; }
.list-style01 table tbody td a { font-weight: bold; }
.list-style01 table tbody td a:hover { text-decoration: underline; }
.list-style01 .list-info { font-size:13px; padding:0 0 6px 3px; font-weight: bold; } 

.list-style01.bic table thead th {}
.list-style01.bic table tbody td { font-size:13px; }

.list-style01 .category { margin-bottom:35px; }
.list-style01 .category li { float:left; margin-right:5px;  }
.list-style01 .category li .checkbox { margin-left:0px; }

.select-container { padding:0 30px; }
.select-table { width:100%; }
.select-table td { padding:0px; vertical-align: top; }

.list-style02 { background:#fff; padding:0px 0px 25px 0px;  box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02); padding:0; border-radius: 5px; margin:0px; }
.list-style02.hscroll { overflow-x: auto;}
.list-style02 table { width:100%;}
.list-style02 table thead th { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px 10px; font-size:12px; font-weight: bold; text-align: center; background: #fafafa; white-space: nowrap; }
.list-style02 table tbody td { border-bottom:dotted 1px #ddd; padding:0px; font-size:12px;  text-align: center; vertical-align: middle; line-height:1.3; position: relative; }
.list-style02 table tbody td a { font-weight: bold; display:block; padding:8px 15px;  }
.list-style02 table tbody td.cnt0 a { opacity: 0.3; }
.list-style02 table tbody td a i { position: absolute; right:15px; top:10px; color:#bbb;  }
.list-style02 table tbody td a span { color:#888; font-weight: normal;}
.list-style02 table tbody td a:hover { background:#eee; text-decoration: underline; }
.list-style02 table tbody td.selected a { background:#0094f7; color:#fff; }
.list-style02 table tbody td.selected a span { color:#fff; }
.list-style02 table tbody td.selected a i { color:#fff; }
.list-style02 table tbody tr:last-child td { border-bottom:none; }


.list-style02 table.style1 { width:100%;}
.list-style02 table.style1 thead th { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px 10px; font-size:12px; font-weight: bold; text-align: center; background: #fafafa; white-space: nowrap; }
.list-style02 table.style1 tbody th,
.list-style02 table.style1 tbody td { border-bottom:dotted 1px #ddd; padding:10px 20px; font-size:12px;  text-align: center; vertical-align: middle; line-height:1.3; position: relative; }
.list-style02 table.style1 tbody tr.line th,
.list-style02 table.style1 tbody tr.line td { border-top: solid 1px #ddd;}
.list-style02 table.style1 tbody th { border-right:dotted 1px #ddd; background: #fafafa; }
.list-style02 table.style1 tbody td a:hover { background:#eee; text-decoration: underline; }
.list-style02 table.style1 tbody tr:last-child th,
.list-style02 table.style1 tbody tr:last-child td { border-bottom:solid 1px #ddd; }
 
.list-style02 .list-info { font-size:13px; padding:0 0 6px 3px; font-weight: bold; } 
.list-style02 ul li { float:left;  }
.list-style02 ul li.cnt0 { opacity: 0.3; }
.list-style02 ul li a { display:inline-block; margin-right:10px; margin-bottom: 10px; padding:5px 15px; border:solid 1px #ccc; border-radius: 4px; }
.list-style02 ul li a:hover { background:#eee; text-decoration: underline;}
.list-style02 ul li.selected a { background:#0094f7; color:#fff; border-color:#0094f7; }

.ajax-loading { text-align: center;  }
.ajax-loading::after { content: ' '; display:block; background: url(../images/loading3.gif) no-repeat center center; background-size: 30px ; width:100%; height:100px; }


.area-container { width: 200px; padding-right:20px !important; }
.univ-container { width: 200px; padding-right:20px !important; }
.univ-container .list-style02 { height:423px; overflow-y: auto; }
.univ-container .list-style02 ul {  }
.class-container .list-style02 {  overflow-x: hidden; position: relative; border-radius: 0px; }
.class-container .list-style02 > ul { padding:20px; height:423px; overflow-y: auto; box-sizing: border-box;  padding-top:80px; }
.class-container .list-style02 .search { margin-bottom:30px; padding:20px; position:absolute; top:0px; left:0px; width:calc(100% - 3px); box-sizing: border-box; background:#fff ; z-index: 999; }
.class-container .list-style02 .search input { width:100%; border-radius: 4px; height:30px; line-height: 30px; text-indent: 10px; }

.scrollbar-style::-webkit-scrollbar { width:3px; background:transparent; }
/* .scrollbar-style::-webkit-scrollbar:hover { width:7px; } */
.scrollbar-style::-webkit-scrollbar-thumb {  background: #ccc; border-radius: 1.5px; }
.scrollbar-style:hover::-webkit-scrollbar-thumb { }

.univ-result-container { margin-top:60px; margin:30px; padding:20px; position: relative; }
.univ-result-container h3 { margin-bottom:50px; font-size:24px; border-bottom: solid 1px #ddd; padding-bottom: 15px; }
.univ-result-container h3 i { margin-right:5px; }
.univ-result-container h3 .opt { float:right; padding-top:10px; }
.univ-result-container .opt { }
.univ-result-container .opt li { float:left; font-size:13px; font-weight: normal; display:inline-block; padding:2px 10px; border:solid 1px #ccc; border-radius: 3px; margin-right:5px; }

.btn-popup { position: absolute; right:5px; top:5px; font-size:17px; color:#ccc; }
.btn-popup:hover { color:#333; }

.univ-summary { }
.univ-summary .title { font-size:22px; font-weight: bold; margin-bottom: 20px; text-align: center; }
.univ-summary .subtitle { font-size:14px; font-weight: bold; color:#333; margin-bottom:5px; }
.univ-summary .item { margin-bottom: 20px;}
.univ-summary .item table { float:left; width:70%; }
.univ-summary .item .chart { float:right; width:30%; position: relative; }
.univ-summary .item .chart > div { margin:0 5px 0 30px; width:auto !important; margin-top:-30px; }

.univ-chart .title { font-size:22px; font-weight: bold; margin-bottom: 40px; text-align: center; }
.univ-chart { margin-top:80px; }
.univ-chart ul { width:calc(100% + 50px); }
.univ-chart li { float:left; width:33.33%;   margin-bottom:60px; }
/* .univ-chart li:nth-child(odd) { clear: both;} */
.univ-chart li .t { font-weight: normal; font-size:16px; color:#666; margin-bottom:15px; text-align: center; margin-right:50px; }
.univ-chart li .t span { border-bottom: solid 0px #999; padding:0 1px; }
.univ-chart li > div { padding-right:50px; width: auto !important; }

.univ-chart .caption { text-align: center; color:#777; line-height: 1.7; font-weight: 300; margin-bottom:40px; }
.univ-chart .caption .color { display:inline-block; width:12px; height:12px; vertical-align: middle; }
.univ-chart .caption .color.blue { background: #0094f7;}
.univ-chart .caption .color.pink { background: #ed1d73;}
.univ-chart .caption .color.green { background: #72d819;}

.rank-container { font-size:15px; font-weight: normal; margin-top:40px; }
.rank-container .title { font-size:22px; font-weight: bold; margin-bottom: 40px; text-align: center; }
.rank-container .ul { width:calc(100% + 15px) ; }
.rank-container .ul > div { float:left; width:50%; box-sizing: border-box; padding-right: 15px; }
.rank-container table { width:100%; }
.rank-container table tbody td { border:none; padding:7px; font-size:13px; vertical-align: middle; }
.rank-container table tbody tr:first-child td { padding-top:14px; }
.rank-container ul li { float:none; min-height:30px;}
.rank-container .t {  width:50%; text-align: right; box-sizing: border-box; padding-right:7px; }
.rank-container .t span { color:#777; display:inline-block; }
.rank-container .b {  width:50%; padding-top:2px;  position: relative;}
.rank-container .bar { display:block; height:18px; line-height: 18px; background: #36a2eb; /*background: url(../images/poll_bar1.gif); background-size:100% 100%;*/ color:#fff; font-size:12px;  }
.rank-container .bar .txt { padding-left: 5px; text-shadow:0.5px 0.5px 0.5px #36a2eb; }
.rank-container .per { width: 90px; font-size:12px; color:#555; }
.rank-container .opt-year { margin-bottom:20px; float:left; font-size:13px; }
.rank-container .opt-year label { margin-left:0px; margin-right:5px; }
.rank-container .opt-inmoon { float:right; }

.thumb-style01 { width:calc(100% + 20px)}
.thumb-style01 li { float:left; width:20%; margin-bottom:40px;  }
/* @media all and (max-width:2570px) { 
	.thumb-style01 li { width:16.6%;  }
}
@media all and (max-width:1930px) { 
	.thumb-style01 li { width:20%;  }
}
@media all and (max-width:1750px) { 
	.thumb-style01 li { width:25%;  }
}
@media all and (max-width:1400px) { 
	.thumb-style01 li { width:33.3%;  }
} */
.thumb-style01 li:nth-child(5n+1) { clear:both; }
.thumb-style01 li .box { border:solid 1px #eee; cursor: pointer; margin-right:20px; }
.thumb-style01 li .box:hover { border:solid 1px #aaa;}
.thumb-style01 li .img {  overflow:hidden; background:#f3f3f3; position: relative; }
.thumb-style01 li .img img { max-width:100%; height:auto; }
.thumb-style01 li .img span { position: absolute; font-size:16px; font-weight: 300; color:#444; text-shadow: 1px 1px 3px #fff; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:100%; padding:10px; box-sizing: border-box; }
.thumb-style01 li .desc { margin-top:10px; min-height:93px; padding:0 10px; }
.thumb-style01 li .desc > span { display:block; }
.thumb-style01 li .desc .c { font-size:12px; font-weight:400; color:#999; margin-bottom:8px; }
.thumb-style01 li .desc .t { font-size:14px; font-weight:500; color:#000; margin-bottom:5px; line-height:1.5; max-height:45px; overflow: hidden;  }
.thumb-style01 li .desc .d { font-size:11px; color:#888; }
.thumb-style01 li.empty { float:none; width:100%; text-align: center; padding-top:20px; }

.lecture-popup { position: fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index: 9999;}
.lecture-popup .box { position: absolute; max-width:1400px; width:80%; top:50%; left:50%; transform: translate(-50%, -50%); }
.lecture-popup .box .video { padding-bottom:56%; position: relative; background-color: #000; }
.lecture-popup .box .t { color:#fff; font-size: 18px; font-weight: 600; padding:0 5px; margin-bottom:7px; }
.lecture-popup .box .d { color:#ddd; font-size: 14px; font-weight: 300; padding:0 5px; margin-top:7px; }
.lecture-popup .box iframe { position: absolute; top:0px; left:0px; width:100%; height:100%; }
.lecture-popup .close { position: absolute; top:20px; right:30px; color:#fff; font-size:35px; }

.schedule-popup { position: fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index: 9999;}
.schedule-popup .box { position: absolute; width:400px; top:50%; left:50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; }
.schedule-popup .box .inner { padding:25px 20px; }
.schedule-popup .close { position: absolute; top:20px; right:30px; color:#fff; font-size:35px; }
.schedule-popup table { width:100%; }
.schedule-popup td { padding:5px 0; }
.schedule-popup td input[type=datetime-local] , 
.schedule-popup td input[type=text] { width:100%; font-size:13px; line-height: 28px; height:28px;  }

.hiddenText { display:none !important; }

.checkbox { cursor: pointer; margin-left:3px; overflow: hidden; vertical-align: middle; }
.checkbox span { padding:5px 15px; border:solid 1px #ccc; border-radius: 4px; display:inline-block; white-space: nowrap; }
.checkbox span i { position: absolute; right:10px; top:7px; font-size:10px; color:#555; }
.checkbox input { display:none; }
.checkbox input:checked + span { background:#459300 !important; color:#fff !important; border-color: #459300; }
.checkbox input:checked + span i { color:#fff }
.checkbox input:checked + span::before { content:'\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:4px; font-size:11px; }
.checkbox.normal { margin-right:0px; }
.checkbox.normal span { padding:4px 10px 4px; font-size:12px; }

.research_status_F { display:inline-block; padding:2px 5px 1px ; background:#999; border-radius: 3px; color:#fff; }
.research_status_R { display:inline-block; padding:2px 5px 1px ; background:#fd5f5f; border-radius: 3px; color:#fff; }
.research_status_C { display:inline-block; padding:2px 5px 1px ; background:#0094f7; border-radius: 3px; color:#fff; }


/* .ctg-ajax-container select { background:#333; color:#fff; } */
.ctg-ajax-container select { margin-right:5px; }

.select-draggable { width:100px; height:100px; position: absolute; top:0px; left:0px; }
.select-draggable-area { content:attr(data-after); position: absolute; top:0px; left:0px; width:100%; height:100%; background: rgba(255,255,255,0); opacity: 0.3; z-index: 999;  border:dotted 2px #333; }
.select-draggable .item { border:solid 2px red !important; }
.select-draggable .item .info { opacity: 0;}

.calendar-container { background:#fff; padding:0px 0px 25px 0px;  box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02); padding:30px; border-radius: 5px; margin:30px; position: relative; overflow: hidden; }
.calendar-container #memberSidebar { position: absolute; left:0px; top:0px; width:0px; height:100%; background: #eee; overflow: hidden; }
.calendar-container #calendar {  }

.calendar-container #memberSidebar .search {box-sizing: border-box; margin-top:3px; }
.calendar-container #memberSidebar .search input[type=text] { width:100%; height:26px; font-size:12px; line-height: 26px; box-sizing: border-box;  }
.calendar-container #memberSidebar .top {padding:10px; margin-top:3px; }
.calendar-container #memberSidebar .top li { margin-bottom:5px;  }
.calendar-container #memberSidebar .top .checkbox { margin:0px; display:block }
.calendar-container #memberSidebar .top label > i { display:none; color:#ccc; vertical-align: middle; cursor: pointer; }
.calendar-container #memberSidebar .top label > i:hover { color:#444;}
.calendar-container #memberSidebar .top label > i.fa-pen-to-square { display:inline-block; position: absolute; right:0px; top:8px; font-size:10px; }
.calendar-container #memberSidebar .top input:disabled { display: none; }
.calendar-container #memberSidebar .top input:disabled + i { display:inline-block; }
.calendar-container #memberSidebar .top .checkbox span { display:block; background:#fff; font-size:13px; padding:5px 8px; position: relative; }
.calendar-container #memberSidebar .top dl { padding:5px 5px 10px 5px; }
.calendar-container #memberSidebar .top dd { position: relative; font-size:13px; padding:5px 0; color:#222; font-weight: 300 !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.calendar-container #memberSidebar .top dd.bold { font-weight: 500 !important; }
.calendar-container #memberSidebar .list { overflow-y: auto; overflow-x: hidden; display:none; }

.form-style01 { background:#fff; padding:0px 05px 40px 0px; border-radius: 7px; box-shadow:0px 0px 20px 0px rgba(76, 87, 125, 0.02); padding:30px; border-radius: 5px; margin:30px;  }
.form-style01 table { width:100%; }
.form-style01 table tbody th { border-top:solid 1px #ccc; border-bottom:solid 1px #eee; padding:8px 10px; font-size:12px; font-weight: bold; text-align: center; background: #fafafa; vertical-align: middle; }
.form-style01 table tbody td { border-top:solid 1px #ccc; border-bottom:solid 1px #eee; padding:8px 10px; font-size:12px;  text-align: left; height:24px; vertical-align: middle; }
.form-style01 table.noborder tbody td { border:none; }
.form-style01 table tbody tr:last-child th { border-bottom:solid 1px #ccc; }
.form-style01 table tbody tr:last-child td { border-bottom:solid 1px #ccc; }
.form-style01 table tbody td a { font-weight: bold; }
.form-style01 table tbody td.th-sub { padding-bottom:25px;  }
.form-style01 table tbody td.th-sub p { font-weight: bold; font-size:14px; margin-bottom:10px; margin-top:5px; }
.form-style01 table tbody td.th-sub p i { font-size:14px; font-weight: normal; color:#999; margin-right:5px; }
.form-style01 table tbody td a:hover { text-decoration: underline; }
.form-style01 table tbody td .article { line-height: 1.4; font-size:13px; color:#444; }
.form-style01 table tbody td .feedback { line-height: 1.4; font-size:15px; color:#444; margin-top:10px;  color:#ed1c24; padding:15px; background: #faefef; }
.form-style01 table tbody td .article img { max-width: 100%; height:auto; }
.form-style01 .writer { font-size:13px; font-weight: 400; padding-bottom:10px; color:#111; text-align: right; }
.form-style01 .print-title { font-weight: 900; font-size:30px; text-align: center; margin-bottom:30px; }

.btn-container { text-align: center; margin-top:30px; }
.attach-file { display:inline; padding:3px 7px 4px; border:solid 1px #ccc; border-radius: 3px; background: #f1f1f1; font-weight: normal !important; }
.attach-file i { margin-right:2px; }

.schedule01 { position: relative; overflow-x:scroll; display: block; width:100%; }
.schedule01 table { width:auto; }
.schedule01 table thead th { background:#333; font-size:11px; color:#fff; border:none; padding:7px 0px; border-right:solid 1px #444; text-align:center; white-space: nowrap; }
.schedule01 table tbody th { background:#ddd; font-size:11px; color:#555; border:none; white-space: nowrap; border-bottom:solid 1px #fff; }
.schedule01 table tbody td { padding:2px 2px 2px 2px; border-bottom:none; }
.schedule01 table tbody td input { width:20px; font-size:11px; padding:0px; text-align: center; text-indent: 0px; }
.schedule-btns { margin-top:5px; }

.schedule01 table th.item1, .schedule01 table td.item1 { background: #112274; }
.schedule01 table th.item2, .schedule01 table td.item2 { background: #e30c44; }
.schedule01 table th.item3, .schedule01 table td.item3 { background: #438508; }
.schedule01 table th.item1 input, .schedule01 table td.item1 input { background: #112274; color:#fff; border:none; }
.schedule01 table th.item2 input, .schedule01 table td.item2 input { background: #e30c44; color:#fff; border:none; }
.schedule01 table th.item3 input, .schedule01 table td.item3 input { background: #438508; color:#fff; border:none; }


/*페이징*/
.paging-container { text-align: center;  font-size:0px; padding:25px 0 15px 0; position: relative; }
.paging-container > a { display:inline-block; border:solid 1px #efefef; vertical-align: top; height:20px; line-height: 20px; width:31px; text-align: center; margin:0 0 1px 0; background:#efefef; color:#777; font-size:11px; }
.paging-container > a.bic { width:40px; }
.paging-container > a:hover { text-decoration: underline; background:#666; border:solid 1px #666; color:#eee; }
.paging-container > a img {  margin-top:5px; height: 9px; }
.paging-container > ul { display:inline; margin:0 5px; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:12px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 7px; line-height:20px; height:20px; color:#5d5d5d; font-weight:bold; border:solid 1px #ddd; }
.paging-container > ul li.selected a { background:#7c7c7c; color:#fff; border:solid 1px #7c7c7c; }
.paging-container > ul li:hover a { text-decoration: underline; }

.category_row li { padding-bottom:3px; }


.cell-gray td, .cell-gray th { background: #eee !important;  }
.cell-gray2 td, .cell-gray2 th { background: #eee !important;  }

.buttontab-container { font-size:0px; }
.buttontab-container li { display:inline-block; margin-right:4px; }
.buttontab-container li a { display:block; border:solid 1px #ddd; border-radius: 3px; font-size:13px; padding:4px 20px; }
.buttontab-container li.selected {  }
.buttontab-container li.selected a { border:solid 1px #000; background:#000; color:#fff; font-weight: bold; }

.multilng label { clear:both; float:left; display:inline-block; width:45px; height:24px; line-height: 24px; font-size:11px; font-weight: bold; vertical-align: middle; margin-bottom:3px; background:#f4f4f4; text-align: center; margin-right:3px; }
.multilng input { float:left; display:inline-block; width:75%; vertical-align: middle; margin-bottom:3px; }
.multilng textarea { float:left; display:inline-block; width:75%; height:35px; vertical-align: middle; margin-bottom:3px; }
.multilng2 label { clear:both; float:left; display:inline-block; width:45px; height:37px; line-height: 37px; font-size:11px; font-weight: bold; vertical-align: middle; margin-bottom:3px; background:#f4f4f4; text-align: center; margin-right:3px; }
.multilng2 textarea { float:left; display:inline-block; width:75%; height:35px; vertical-align: middle; margin-bottom:3px; }


.month_day {padding: 0; width: 86px; font-weight: bold}
.month_sat {padding: 0; width: 86px; font-weight: bold; color: #1010cd;}
.month_sun {padding: 0; width: 86px; font-weight: bold; color: #ff0000;}

.month_day2 {font-weight: bold}
.month_sat2 {font-weight: bold; color: #1010cd;}
.month_sun2 {font-weight: bold; color: #ff0000;}

.month_lec:link {color:e06969}
.month_lec:visited {color:e06969}
.month_lec:hover {color:b30505}
.month_lec:active {color:e06969}

.month_header td { border:solid 1px #e5e5e5; border-top:solid 2px #999; border-bottom:none; background:#f4f4f4; font-size:13px; font-weight: bold; height:32px; line-height: 32px; }
.schedule-item { margin:2px 4px; display:block;  padding:2px 2px 1px 2px; background: #eeeeee; border:solid 1px #ddd; }


.month_popup { position: fixed; top:40%; left:50%; margin-left:-70px; width:400px; background:#fff; border:solid 3px #000; display:none; }
.month_popup .inner { padding:15px 15px 50px 15px; position: relative; }
.month_popup dt { font-size: 14px; font-weight: bold; padding-bottom:5px; }
.month_popup dd { font-size:13px; padding-top:5px; }
.month_popup dd label { display:inline-block; zoom:1; *display:inline; font-size:12px; font-weight: bold; width:60px; }
.month_popup .btn-container { position: absolute; left:0px; bottom:0px; background:#000; width:100%; padding:5px 0; text-align: right; }
.month_popup .btn-container a { color:#fff; font-size: 13px; font-weight: bold; margin-right:10px; }

.product-container { margin-top:5px; border:solid 1px #ddd; background: #f3f3f3; padding:5px; position: relative; }
.product { }
.product li { float:left; width:115px; margin-right:10px; border:solid 1px #f3f3f3; padding:5px; text-align: center; background:#333; }
.product li img { width:100%; }
.product li div.t { text-align: center; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5px 0;}
.product li a {text-align: center; display:inline-block; margin-top:3px; cursor:pointer; cursor:hand; }
.product li a span { text-align: center; color:#fff; background:red; }

.term-container { font-size:16px; margin-top:50px; }
.term-container dl dt { font-size:16px; font-weight:600; margin-bottom:10px; color:#444; }
.term-container dl dd { font-size:14px; color:#5D5D5D; margin-bottom:25px; line-height:1.6; }
.term-container dl dd table { margin-top:40px; width:100%; }
.term-container dl dd table caption { font-size:18px; margin-bottom:20px; font-weight:700; }
.term-container dl dd .t2 { font-size:18px; font-weight:700; color:#1E1E1E; margin-top:40px; margin-bottom:14px; }
.term-container table tbody tr td { text-align: left; }

.term-btns { max-width:1430px; margin:0 auto; padding:0 20px; }
.term-btns a { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:55px; line-height:55px; font-size:14px; font-weight:700;  }
.term-btns a span { display: block; color:#1E1E1E; margin:0 20px;  background:url(../images/bt_arrow.svg) no-repeat right center; padding-right:50px; }
.term-btns a.download span { background:url(../images/icon_download.svg) no-repeat right center }
.term-btns a.history { margin-top:40px; }
.term-btns a.history span { background:url(../images/select_icon_arrow3.svg) no-repeat right center }