@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em; font-family:'Pretendard', dotum, sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
outline: none;
}

.placeholdersjs { color: #aaa !important; }


input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left:20px;
    line-height: 30px;
    font-size: 12px;
	color:#444;
}
input[type=checkbox]+ label:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    width: 16px;
    height: 14px;
	padding:1px;
    position: absolute;
    left: 0;
    top:8px;
    background-color: #fff;
	border:1px solid #e1e1e1;
    border-radius: 2px;
}

input[type=checkbox]:checked + label:before {
    content:"\f00c";  /* 체크모양 */
    font-size: 11px;
    font-weight:600;
    color: #115a99;
    background:#fff;
	border:1px solid #e1e1e1;
    text-align: center;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

::-moz-selection {background: #f2ebf2; color:#81367f;}
::selection {background: #f2ebf2; color:#81367f;}
::-moz-selection {background: #f2ebf2; color:#81367f;}

/*주석*/
.ellip{overflow:hidden; display:block; width:100%; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.ellip2{overflow:hidden; display:-webkit-box; line-height:1.4em; max-height:2.8em; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;}

/* scroll bar */
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}


/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}


/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/*회원가입 체크박스*/
.fregister_agree input[type=checkbox]+ label:before {top:2px;}
#fregister_chkall input[type=checkbox]+ label:before {top:2px;}
#register_form input[type=checkbox]+ label:before {top:2px;}
#mb_login input[type=checkbox]+ label:before {top:2px;}


.search-box div ul li.input span input:focus {outline:0px solid #ccc; border:0px solid #333; background:#f5f5f5;}
.search-box div ul li.select select:focus{outline:1px solid #ccc;}

.search-box div ul li.select select { appearance: none; -webkit-appearance: none; padding-right:30px !important;}
.search-box div ul li.select select::-ms-expand { display:none; }

.search-box div ul li.select {position:relative;}
.search-box div ul li.select span:before{
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content:"\f107";  /* 체크모양 */
position: absolute;
top:19px;
right:15px;
z-index:999;
font-size:14px;
color: #888;
font-weight:200;
text-align: center;
}

#contents{max-width:1200px; margin:0 auto;}
#contents.sub-article{margin-top:50px; margin-bottom: 60px;}
#contents-main{width:90%; max-width:1200px; margin:30px auto 0;}
#contents-main > section{padding:20px 0; overflow:hidden;}

.mv01{background:url('/css/img/mv01.jpg'); height:400px;}
.mv01 > div{padding-top:150px; padding-left:120px;}
.mv01 > div > h2{font-size:30px; font-weight:bold; color:#fff; position:relative; display:inline-block;}
.mv01 > div > h2:before{content:""; height:3px; display:block; position:absolute; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#115a99+0,81367f+50,8ebc23+100 */
background: #115a99; /* Old browsers */
background: -moz-linear-gradient(left, #115a99 0%, #81367f 50%, #8ebc23 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #115a99 0%,#81367f 50%,#8ebc23 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #115a99 0%,#81367f 50%,#8ebc23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115a99', endColorstr='#8ebc23',GradientType=1 ); /* IE6-9 */
}
.mv01 > div > p{font-size:16px; color:#fff; letter-spacing:-0.5px; font-family: 'Noto Sans Korean'; font-weight:400; margin-top:5px;}

.mv02{background:url('/css/img/mv02.jpg'); height:400px;}
.mv02 > div{padding-top:150px; padding-left:120px;}
.mv02 > div > h2{font-size:30px; font-weight:bold; color:#333; font-family: 'Noto Sans Korean';}
.mv02 > div > p{font-size:16px; color:#555; letter-spacing:-0.5px; font-family: 'Noto Sans Korean';  font-weight:400; margin-top:5px;}


.main_banner_link > ul{display:table; width:100%; margin:15px 0;}
.main_banner_link > ul > li{display:table-cell; width:25%; text-align:center; border:0px solid red; padding:0 10px; vertical-align:top;}
.main_banner_link > ul > li:first-child{padding-left:0;}
.main_banner_link > ul > li:last-child{padding-right:0;}
.main_banner_link > ul > li a{display:block; height:280px; color:#fff; padding:20px; position:relative; z-index:1; background-color:#000; font-size:21px; font-weight:bold; overflow:hidden;}
.main_banner_link > ul > li a:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:-1;opacity:0.3!important;filter:alpha(opacity=30);}
.main_banner_link > ul > li.bg01 a:after {background:url('/css/img/link01.jpg') no-repeat ; background-size:100%; background-position:center;}
.main_banner_link > ul > li.bg02 a:after {background:url('/css/img/link02.jpg') no-repeat; background-size:100%; background-position:center;}
.main_banner_link > ul > li.bg03 a:after {background:url('/css/img/link03.jpg') no-repeat ; background-size:100%; background-position:center;}
.main_banner_link > ul > li.bg04 a:after {background:url('/css/img/link04.jpg') no-repeat ; background-size:100%; background-position:center;}
.main_banner_link > ul > li a:after{transition: transform 1000ms cubic-bezier(0.4, 0, 0.2, 1);}
.main_banner_link > ul > li a:hover:after{transform:scale(1.2); background-position:center;}
.main_banner_link > ul > li div{color:#fff; padding:80px 0;  display:inline-block; min-height:280px}
.main_banner_link > ul > li div > p:after{content:"";height:3px; background:#fff; display:block; margin-top:5px;}
.main_banner_link > ul > li div > span{font-weight:300; font-family: 'Noto Sans Korean'; font-size:16px; color:#ccc}


.last-thum-main .day-box{overflow:hidden; background:#fff; border-bottom:1px solid #111;}
.last-thum-main .day-box > div{float:left;}
.last-thum-main .day-box > div a{font-weight:700; display:block; padding:0px 20px 5px; font-family:'Poppins', sans-serif; }
.last-thum-main .day-box > div.today{}
.last-thum-main .day-box > div.date{}
.last-thum-main .day-box > div.date > ul > li{float:left;}
.last-thum-main .day-box > div.all{float:right;}
.last-thum-main .day-box > div.all a{padding-top:5px;}

.last-thum-main .thum-cont > ul{overflow:hidden;}
.last-thum-main .thum-cont > ul > li{float:left; width:25%; }
.last-thum-main .thum-cont > ul > li > div{padding:10px; background:#f5f5f5; margin:10px; overflow:hidden; position:relative; min-height:370px; max-height:370px;}
.last-thum-main .thum-cont > ul > li > div > div{padding:10px;}
.last-thum-main .thum-cont > ul > li > div > div.img{padding:5px; min-height:150px; max-height:150px; line-height:140px;}
.last-thum-main .thum-cont > ul > li > div > div.img a{overflow:hidden; display:block; text-align:center; background:#fff;}
.last-thum-main .thum-cont > ul > li img{transition: transform 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); max-height:147px}
.last-thum-main .thum-cont > ul > li:hover div.img img{transform:scale(1.2);}
.last-thum-main .thum-cont > ul > li:hover div.date p{color:#81367f}
.last-thum-main .thum-cont > ul > li:hover div.link-btn a img{transform: translate(0px, -10px);}
.last-thum-main .thum-cont > ul > li > div > div.txt{overflow:hidden;}
.last-thum-main .thum-cont > ul > li > div > div.txt h3{font-size:15px; font-weight:normal; color:#333;}
.last-thum-main .thum-cont > ul > li > div > div.txt p{font-size:13px; color:#666}
.last-thum-main .thum-cont > ul > li > div > div.date{position:relative;}
.last-thum-main .thum-cont > ul > li > div > div.date span{color:#888}
.last-thum-main .thum-cont > ul > li > div > div.date p{font-size:20px; color:#444; font-weight:bold}

.last-thum-main .thum-cont > ul > li > div > div.link-btn a{display:block; padding:10px; position:absolute; bottom:10px; right:10px;}


.last-thum .day-box{background:#f5f5f5; overflow:hidden;}
.last-thum .day-box > div{float:left;}
.last-thum .day-box > div a{font-weight:700; display:block; padding:20px; font-family:'Poppins', sans-serif; }
.last-thum .day-box > div.today{}
.last-thum .day-box > div.date{}
.last-thum .day-box > div.date > ul > li{float:left;}
.last-thum .day-box > div.all{float:right;}

.last-thum .thum-cont > ul{overflow:hidden;}
.last-thum .thum-cont > ul > li{float:left; width:25%; }
.last-thum .thum-cont > ul > li > div{padding:10px; background:#f5f5f5; margin:10px; overflow:hidden; position:relative; min-height:300px; max-height:300px;}
.last-thum .thum-cont > ul > li > div > div{padding:10px;}
.last-thum .thum-cont > ul > li > div > div.img{padding:5px; min-height:150px; max-height:150px; line-height:140px;}
.last-thum .thum-cont > ul > li > div > div.img a{overflow:hidden; display:block; text-align:center; background:#fff;}
.last-thum .thum-cont > ul > li img{transition: transform 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); max-height:147px}
.last-thum .thum-cont > ul > li:hover div.img img{transform:scale(1.2);}
.last-thum .thum-cont > ul > li:hover div.date p{color:#81367f}
.last-thum .thum-cont > ul > li:hover div.date a img{transform: translate(0px, -130px);}
.last-thum .thum-cont > ul > li > div > div.txt{margin:10px 0; min-height:90px; max-height:90px; overflow:hidden;}
.last-thum .thum-cont > ul > li > div > div.txt h3{font-size:14px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.last-thum .thum-cont > ul > li > div > div.txt p{font-size:12px; color:#666; padding:5px 0;}
.last-thum .thum-cont > ul > li > div > div.date{position:relative;}
.last-thum .thum-cont > ul > li > div > div.date span{color:#888}
.last-thum .thum-cont > ul > li > div > div.date p{font-size:20px; color:#444; font-weight:bold}
.last-thum .thum-cont > ul > li > div > div.date a{display:block; padding:10px; position:absolute; bottom:0; right:0;}

.search-box{border-bottom:1px solid #e1e1e1; margin:20px 0;}
.search-box div ul{overflow:hidden;}
.search-box div ul li{overflow:hidden; padding:10px; float:left;}
.search-box div ul li.input div{background:#fff; border:1px solid #e1e1e1; border-radius:30px; overflow:hidden; width:300px;}
.search-box div ul li.input span{float:left; display:block; width:90%; overflow:hidden;}
.search-box div ul li.input span input[type="text"]{width:100%; border:0; height:30px;padding:0 10px; border-radius:30px;}
.search-box div ul li.input span.icon{width:10%;}
.search-box div ul li.input span.icon button{padding:7px; background:#fff;  text-align:right; border:0;}
.search-box div ul li.select select{border:1px solid #e1e1e1; height:32px; padding:0 10px; background:#fff;}
.search-box div ul li.checkbox{line-height:30px; overflow:hidden;}
.search-box div ul li.checkbox > div{float:left; margin-right:10px;}

.search-box div ul li.sort-style{float:right}
.search-box div ul li.sort-style > div{float:left; margin-right:0px;}
.search-box div ul li.sort-style a{display:block; padding:10px 5px; color:#ccc; font-size:14px;}
.search-box div ul li.sort-style span.on a{color:#222}

.search-box div ul li.write-btn{float:right}
.search-box div ul li.write-btn a{display:block; padding:5px 15px; color:#fff; border:0; font-size:14px; background:#36bbb5; border-radius:15px; margin-top:5px;}
.search-box div ul li.edu-cal{float:right; padding-left:0px;}
.search-box div ul li.edu-cal a{display:block; padding:5px 15px; color:#fff; border:0; font-size:14px; background:#999; border-radius:15px; margin-top:5px;}
.search-box div ul li.edu-cal.on a{display:block; padding:5px 15px; color:#fff; border:0; font-size:14px; background:#9dbf51; border-radius:15px; margin-top:5px;}
.search-box div ul li.edu-write-btn{float:right; padding-right:0;}
.search-box div ul li.edu-write-btn a{display:block; padding:5px 15px; color:#fff; border:0; font-size:14px; background:#36bbb5; border-radius:15px; margin-top:5px;}

.page-title-wrap{overflow:hidden; margin-bottom:20px;}
.paging.p-top{float:right}
.spage-title{float:left; margin-left:10px; display:none;}
.spage-title > h1{font-size:20px; font-family: 'Poppins', sans-serif; font-weight: 700;}
.spage-title > p{color:#888;}
.paging.p-top{margin-top:10px;}
.paging.p-bottom{margin-bottom:20px; margin-top:10px;}

.paging{overflow:hidden; }
.paging > ul {overflow:hidden; float:right;}
.paging > ul > li{float:left; margin:0 5px;}
.paging > ul > li:first-child{}
.paging > ul > li > a{display:block; padding:8px; color:#888}
.paging > ul > li.on > a{font-weight:bold; color:#115a99; border-bottom:2px solid #000;}
.paging > ul > li:hover > a{font-weight:bold; color:#115a99; border-bottom:2px solid #115a99;}

.idea-wrap{overflow:hidden;}
.grid-item {width:33.33%; float:left; }
.grid-item > div{padding:15px; }
.grid-item .grid-txt{border:1px solid #e1e1e1; font-size:16px; padding:20px; box-shadow:0px 2px 1px #f1f1f1; position:relative;}
.grid-item .grid-txt a{color:#333; font-size:14px;}
.grid-item .grid-txt p{color:#666; font-size:11px; margin-top:5px;}

.paging-more{border:1px solid #e1e1e1; border-radius:20px; overflow:hidden;}
.paging-more > a{display:block; text-align:center;padding:10px; }
.paging-more > a:hover{background:#f5f5f5; font-weight:bold;}


.last-thum .thum-cont > ul > li div.list-btn{transition: transform 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55)}
.last-thum .thum-cont > ul > li:hover div.list-btn{transform: translate(0px, -35px);}


.last-thum .thum-cont .list-btn{position:absolute; width:100%; left:0;}
.last-thum .thum-cont .list-btn > ul{overflow:hidden;}
.last-thum .thum-cont .list-btn > ul > li{float:left; width:33.33%; text-align:center;}
.last-thum .thum-cont .list-btn > ul > li a{display:block; padding:10px 5px; background:#fff; margin:0 2px; font-size:11px; color:#444; }
.last-thum .thum-cont .list-btn > ul > li a:hover{color:#115a99; font-weight:bold}

.nopage{text-align:center;}

/* footer{padding:30px  50px; overflow:hidden; clear:both; background:#f5f5f5; margin-top:30px;}
footer > div{width:100%; max-width:1200px; margin:0px auto 0; }
footer > div > div{float:left; }
footer > div > div > p{color:#666;}
footer > div > div > p > span{color:#aaa}
footer > div > div.ft_img{margin-top:10px;}
footer > div > div.ft_txt{margin-left:50px;} */


.view-paging {border-top:1px solid #e1e1e1;margin: 20px 0;}
.view-paging > ul{display:table; width:100%;}
.view-paging > ul > li{display:table-cell; padding:5px; vertical-align:middle;}
.view-paging > ul > li:nth-child(2){width:85%;}
.view-paging > ul > li.product-btn > a{font-size:20px; font-weight:normal; background:#f5f5f5; padding:5px 10px; display:block; color:#888; text-align:center;}
.view-paging > ul > li.product-btn > a span{font-size:11px; display:block; color:#999}
.view-paging > ul > li h2{font-size:20px; font-weight:300;}
.view-paging > ul > li.list-back-btn > a{font-family: 'Poppins', sans-serif; font-weight: 700; padding:17px 5px; display:block;}
.view-paging > ul > li.list-back-btn > a i{padding-right:5px;}
.view-paging > ul > li i{transition: transform 500ms ease-in-out;}
.view-paging > ul > li a:hover i.fa-angle-left{transform: translate(-10px, 0px);}
.view-paging > ul > li a:hover i.fa-angle-right{transform: translate(10px, 0px);}

.group-wrap .view-paging {border-top:0px solid #e1e1e1;margin: 20px 0;}


.thum-view .view-cont{overflow:hidden;}
.thum-view .view-cont > .view-info{float:left; width:40%;}
.thum-view .view-cont > .calendar-time-view{float:left; width:60%; padding:0 20px;}
.thum-view .view-cont > .calendar-time-view .calendar{display:block; width:auto;}


.view-cont .img{text-align:center; background:#f5f5f5;}
.view-cont .txt > dl{margin:20px 0;}
.view-cont .txt > dl > dt{font-weight:bold; padding:5px; display:inline-block; font-size:14px;}
.view-cont .txt > dl > dt:after{content:""; background:#222; height:3px; width:100%; display:block; margin-top:5px;}
.view-cont .txt > dl > dd{padding:5px;}


.edu-view .view-info{overflow:hidden; padding:50px 0;}
.edu-view .view-info > .img{float:left; width:57%; margin-right:3%; }
.edu-view .view-info > .info{float:left; width:40%;}
.edu-view .view-info > .img img{max-height:400px; margin:0 auto;}
.edu-view .view-info > .img > div{background:#f5f5f5; padding:20px;}
.edu-view .view-info .info > div > dl{margin:20px 0;}
.edu-view .view-info .info > div > dl > dt{font-weight:bold; padding:5px; display:inline-block; font-size:14px;}
.edu-view .view-info .info > div > dl > dt:after{content:""; background:#222; height:3px; width:100%; display:block; margin-top:5px;}
.edu-view .view-info .info > div > dl > dd{padding:5px;}

.edu-view .view-info .info > div > h2{font-size:20px; font-weight:normal; border-bottom:1px solid #e1e1e1; padding:15px; padding-top:0;}
.edu-view .view-info .info > div > p{padding:15px; line-height:170%; background:#fff; color:#444;}

.edu-view .view-info .info .view-btn{margin:20px 0;}

.edu-view .view-info .info .view-btn a{display:inline-block; padding:10px 30px; color:#fff; text-align:center; border-radius:0; font-weight:bold; font-size:15px; transition:0.5s;}
.edu-view .view-info .info .view-btn a.cal{background: #444; }
.edu-view .view-info .info .view-btn a.write{background: #81367f;
background: -webkit-linear-gradient(to left, #81367f, #115a99);
background: linear-gradient(to left, #81367f, #115a99);
}

.edu-view .view-info .info .view-btn a:hover{border-radius:40px; background-position:143px;}



.thum-view{}

.thum-view .view-info{overflow:hidden;}
.thum-view .view-info > .img{}
.thum-view .view-info > .info{}
.thum-view .view-info > .img img{max-height:400px; margin:0 auto;}
.thum-view .view-info > .img > div{background:#f5f5f5; padding:20px;}
.thum-view .view-info .info > div > dl{margin:20px 0;}
.thum-view .view-info .info > div > dl > dt{font-weight:bold; padding:5px; display:inline-block; font-size:14px;}
.thum-view .view-info .info > div > dl > dt:after{content:""; background:#222; height:3px; width:100%; display:block; margin-top:5px;}
.thum-view .view-info .info > div > dl > dd{padding:5px;}
.thum-view .view-info .info > div > h2{font-size:20px; font-weight:normal; border-bottom:1px solid #e1e1e1; padding:15px; padding-top:0;}
.thum-view .view-info .info > div > p{padding:15px; line-height:170%; background:#fff; color:#444;}
.thum-view .view-info .info .view-btn{margin:20px 0;}
.thum-view .view-info .info .view-btn a{display:inline-block; padding:10px 30px; color:#fff; text-align:center; border-radius:0; font-weight:bold; font-size:15px; transition:0.5s;}
.thum-view .view-info .info .view-btn a.cal{background: #444; }
.thum-view .view-info .info .view-btn a.write{background: #81367f;
background: -webkit-linear-gradient(to left, #81367f, #115a99);
background: linear-gradient(to left, #81367f, #115a99);}
.thum-view .view-info .info .view-btn a:hover{border-radius:40px; background-position:173px;}


.thum-view .view-info .info > div > p.witch_place {background:#f5f5f5; border:1px solid #999}
.thum-view .view-info .info > div > p.witch_place u{display:block; margin-top:5px;}


 p.witch_place {background:#f5f5f5; border:1px solid #999; padding:10px;}
 p.witch_place u{display:block; margin-top:5px;}

 .which_place{padding-top:30px;}
 .which_place table{border-top:2px solid #81367f; width:100%; border-collapse:collapse;}
 .which_place th, .which_place td{border:1px solid #eee; padding:10px}
 .which_place th{background:#FAFAFA;}
 .which_place td{color:#666;}
 .which_place td > a{color:inherit;}
 .which_place td > a:hover{color:#81367f}

.thum-view .view-btn{display:none;}

.iact-link{}
.iact-link .view-cont > .view-info {float: none;width:auto;}
.iact-link .view-info > .img{float:left; width:40%; margin-right:1%;}
.iact-link .view-info > .info{float:left; width:59%}
.iact-link .view-btn{display:block;}

.equip_write_list{}
.equip_write_list > ul{display:table; width:100%;}
.equip_write_list > ul > li{display:table-cell; padding:10px 20px; border:1px solid #e1e1e1; border-left:0; vertical-align:middle;}
.equip_write_list > ul > li:first-child{width:100px; border-left:1px solid #e1e1e1;}
.equip_write_list > ul > li:first-child img{width:58px; }
.equip_write_list > ul > li > a > h2{font-size:16px; color:#222}

.equip_form{}
.equip_form > ul > li{padding:10px 10px; border-bottom:1px solid #e1e1e1;}
.equip_form > ul > li:last-child{border-bottom:0;}

.form-set select{height:30px; border:1px solid #e1e1e1; padding:5px; width:100%;}
.form-set input[type="text"], input[type="number"]{height:30px; border:1px solid #e1e1e1; padding:5px;}
.form-set textarea{height:100px; width:100%; border:1px solid #e1e1e1; padding:5px;}
.form-set input:focus {outline:1px solid #ccc; background:#fff;}
.form-set h5{color:#222; padding:5px;}

.form-set input[type=checkbox]+ label:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 1px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}

.form-set input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    color: #444;
}


.form-set input[type=checkbox]:checked + label:before {
    content:"\f00c";  /* 체크모양 */
    font-size: 15px;
    font-weight:600;
    color: #115a99;
    background:#fff;
	border:1px solid #e1e1e1;
    text-align: center;
}


.form-set input[type="radio"]{
display: none;
}

.form-set input[type='radio'] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    color: #444;
}

.form-set input[type='radio'] + label:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
display: inline-block;
width: 21px;
height: 20px;
padding: 1px;
position: absolute;
left: 0;
top: 0px;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 50%;
}

.form-set input[type=radio]:checked + label:before {
content: "\f111";
font-size: 11px;
font-weight: 600;
color: #115a99;
background: #fff;
border: 1px solid #e1e1e1;
text-align: center;
padding-top:4px;
}

.form-set > h3{background:#f5f5f5; padding:10px; font-size:13px; color:#222; border:1px solid #e1e1e1;}
.form-set > ul {border:1px solid #e1e1e1; border-top:0;}
.form-set > ul > li.split{overflow:hidden;}
.form-set > ul > li.split > div{float:left; width:50%;}
.form-set > ul > li.split span{float:left; padding:0 2px; width:100%;}
.form-set > ul > li.split > div > div{overflow:hidden;}
.form-set > ul > li > div > div{padding:0 5px;}
.form-set > ul > li.address p{margin:0 0 4px;}
.form-set > ul > li.address p button{background:#333; border:0; color:#fff; padding:6px 10px; margin-left:4px;}
.form-set > ul > li.address p.add01 input{width:100%;}
.form-set > ul > li.address p.add02 input{width:100%;}

.form-set > ul > li.hp{overflow:hidden;}
.form-set > ul > li.hp span{width:33.33%; display:block; float:left; padding:0 2px;}
.form-set > ul > li.hp span:first-child{padding-left:0;}
.form-set > ul > li.hp span:last-child{padding-right:0;}
.form-set > ul > li.hp span select{width:100%;}
.form-set > ul > li.hp span input{width:100%; text-align:center;}


.form-set > ul > li > div.hp{overflow:hidden;}
.form-set > ul > li > div.hp span{width:33.33%; display:block; float:left; padding:0 2px;}
.form-set > ul > li > div.hp span:first-child{padding-left:0;}
.form-set > ul > li > div.hp span:last-child{padding-right:0;}
.form-set > ul > li > div.hp span select{width:100%;}
.form-set > ul > li > div.hp span input{width:100%; text-align:center;}

.form-set > ul > li > div.email input{width:100%;}

.form-set > ul > li.name input{width:100%;}

.form-set > ul > li.date .date01{width:50%; position:relative;}
.form-set > ul > li.date .date02{width:30%;}


.form-set > ul > li.addr .addr01{width:50%; position:relative;}
.form-set > ul > li.addr .addr02{width:50%;}

.form-set > ul > li.date .date01:before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f073";
    position: absolute;
    z-index: 999;
	right:3%;
	top:25%;
    font-size: 14px;
    color: #999;
    font-weight: 200;
    text-align: center;
}

.form-set > ul > li.date span{position:relative;}
.form-set > ul > li.date .fa-date01:before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f073";
    position: absolute;
    z-index: 999;
	right:3%;
	top:25%;
    font-size: 14px;
    color: #999;
    font-weight: 200;
    text-align: center;
}



.form-set > ul > li.date input{width:100%;}
.form-set > ul > li.date select{width:100%;}

.form-set > ul > li.email{overflow:hidden;}
.form-set > ul > li.email span{float:left; display:block;}
.form-set > ul > li.email span:nth-child(1){width:70%;}
.form-set > ul > li.email span:nth-child(2){width:2%; text-align:center;}
.form-set > ul > li.email span:nth-child(3){width:28%;}
.form-set > ul > li.email span input{width:100%;}
.form-set > ul > li.email span select{width:100%;}

.form-set > ul > li.check{overflow:hidden;}
.form-set > ul > li.check span{float:left; display:block; margin-right:15px;}

.form-set > ul > li.radio{overflow:hidden;}
.form-set > ul > li.radio span{float:left; display:block; margin-right:15px;}


.form-set .form-btn {padding:10px; margin:10px 0; text-align:center;}
.form-set .form-btn button{border:0; padding:10px 20px; border-radius:5px;}
.form-set .form-btn button.cancel{background:#888; color:#fff; }
.form-set .form-btn button.submit{background:#115a99; color:#fff; }
.form-set .form-btn button.view{background:#36bbb5; color:#fff; }

.off-form input[type="text"], input[type="number"] {height: 30px;}
.off-form{margin-top:20px;}
.off-form h3{background:#fff;}
.off-form h5{color:#999}
.off-form ul{margin-bottom:20px; padding:10px 40px 20px; background:#fcfcfc;}
.off-form ul li{padding-bottom:10px;}
.off-form ul li.split2{overflow:hidden;}
.off-form ul li.split2 > div{float:left; width:28.33%;}
.off-form ul li.split2 > div.name input{width:100%;}
.off-form ul li.split2 > div.hp{}
.off-form ul li.split2 > div.email{}
.off-form ul li.split2 > div.set-btn{width:15%; margin-top:30px;}


a.member-add{display:inline-block; margin-left:5px; background:#333; color:#fff; border-radius:3px; padding:5px 10px; font-size:11px;}
a.member-add:hover{background:#111;}

a.member-del{display:inline-block; margin-left:2px; background:#777; color:#fff; border-radius:3px; padding:5px 10px; font-size:11px;}
a.member-del:hover{background:#666;}



















#popupDiv {width: 500px;height: 500px; top:0px; background:#fff; position: absolute;  display: none;  z-index:99999;}
#popup_mask {position: fixed;width: 100%;height: 1000px;top: 0px;left: 0px;display:none; background-color: rgba(0, 0, 0, 0.8); z-index:99998;}
#popCloseBtn {border: 0;background: #115a99;color: #fff;padding: 5px 10px;position: absolute;right: -35px;top: 0;font-size: 18px;}
.pop-cont{padding:10px; background:#fff; height:100%;}


#equip_area .list-cont > ul > li{padding:10px; border-bottom:1px solid #e1e1e1;}
#equip_area .list-cont > ul > li > div{display:table; width:100%;}
#equip_area .list-cont > ul > li > div > div{display:table-cell; vertical-align:middle; border:0px solid red; padding:10px;}
#equip_area .list-cont > ul > li > div > div.img{width:10%; text-align:center; border:1px solid #e1e1e1;}
#equip_area .list-cont > ul > li > div > div.img img{max-width:100px; max-height:100px;}
#equip_area .list-cont > ul > li > div > div.txt{width:65%;}
#equip_area .list-cont > ul > li > div:hover{background:#f5f5f5;}
#equip_area .list-cont > ul > li > div:hover h3{color:#115a99;}
#equip_area .list-cont > ul > li > div > div.txt h3{font-size:18px; width:75%;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
#equip_area .list-cont > ul > li > div > div.txt p{font-size:13px; color:#666; max-height:35px;overflow:hidden; text-overflow:ellipsis;}

#equip_area .list-cont > ul > li > div > div.date{display:none;}
#equip_area .list-cont > ul > li > div > div.list-btn{width:25%;}

#equip_area .list-cont .list-btn{}
#equip_area .list-cont .list-btn > ul{overflow:hidden;}
#equip_area .list-cont .list-btn > ul > li{float:left; width:31.33%; text-align:center; border:1px solid #e1e1e1; margin:1%;}
#equip_area .list-cont .list-btn > ul > li a{display:block; padding:10px 5px; background:#fff; font-size:11px; color:#444; }
#equip_area .list-cont .list-btn > ul > li:hover a{color:#fff; font-weight:bold; background:#115a99;}

/*
.group-wrap .list-cont > ul{margin:20px 0; }
.group-wrap .list-cont > ul > li{padding:15px 10px; border-bottom:1px solid #e1e1e1; border-left:3px solid #fff;}
.group-wrap .list-cont > ul > li > div{display:table; width:100%;}
.group-wrap .list-cont > ul > li > div > div{display:table-cell; vertical-align:middle; border:0px solid red; padding:10px;}
.group-wrap .list-cont > ul > li > div > div.img{width:10%; text-align:center; border:1px solid #e1e1e1; padding:0;}
.group-wrap .list-cont > ul > li > div > div.img img{max-width:100%; max-height:100%;}
.group-wrap .list-cont > ul > li > div > div.txt{width:75%; padding:0 20px;}
.group-wrap .list-cont > ul > li:hover{background:#f5f5f5; border-left:3px solid #115a99;}
.group-wrap .list-cont > ul > li > div:hover h3{color:#115a99;}
.group-wrap .list-cont > ul > li > div > div.txt h3{font-size:18px; width:75%;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.group-wrap .list-cont > ul > li > div > div.txt p{font-size:13px; color:#666; padding:5px 0 0;}
.group-wrap .list-cont > ul > li > div > div.txt > ul {overflow:Hidden; margin:10px 0;}
.group-wrap .list-cont > ul > li > div > div.txt > ul > li{float:left; color:#666}
.group-wrap .list-cont > ul > li > div > div.txt > ul > li:after{content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 10px;}
.group-wrap .list-cont > ul > li > div > div.txt > ul > li:last-child:after{content:""; display:inline-block; width:0px; height:0px; }
.group-wrap .list-cont > ul > li > div > div.txt > ul > li i{color:#115a99;}
.group-wrap .list-cont > ul > li > div > div.date{display:none;}
.group-wrap .list-cont > ul > li > div > div.list-btn{width:15%;}
*/




.group-wrap .list-cont > ul{overflow:hidden;}
.group-wrap .list-cont > ul > li{float:left; width:25%; margin-bottom:30px;
    max-height: 255px;
    min-height: 250px;
}
.group-wrap .list-cont > ul > li a{display:block; }
.group-wrap .list-cont > ul > li a h5{text-align:center; color:#555; font-size:12px; font-weight:normal}
.group-wrap .list-cont > ul > li a > div{position:relative; padding:5px 5px;}


.group-wrap .list-cont > ul > li a div div{}
.group-wrap .list-cont > ul > li a div div.comm-join{position:absolute; bottom:auto; top:15px; left:15px; width:auto; z-index:99}
.group-wrap .list-cont > ul > li a div div.comm-join span{display:inline-block; background:#f14226; color:#fff; padding:10px; border-radius:50%; text-align:center; width:50px; height:50px; line-height:120%; transition:0.3s}
.group-wrap .list-cont > ul > li a div div.comm-join span:hover{background:#ff6a00;}

.group-wrap .list-cont > ul > li a div div h3{text-align:center; color:#333; font-size:15px; font-family: 'Nanum Gothic'; font-weight: 400; margin-top:10px;}
.group-wrap .list-cont > ul > li a div div h4{text-align:center; color:#888; font-size:12px; font-family: 'Nanum Gothic'; font-weight: 400;  margin-top:5px;}
.group-wrap .list-cont > ul > li i{display:block; overflow:hidden; border:1px solid #e1e1e1; text-align:center;height:193px;}
.group-wrap .list-cont > ul > li i img{transform:scale(1); transition:0.3s; min-height:193px;}
.group-wrap .list-cont > ul > li:hover i img{transform:scale(1.2)}

/*
.group-wrap .list-cont > ul > li a div div{position:absolute; width:100%; bottom:15%; z-index:99; }
.group-wrap .list-cont > ul > li a div div.comm-join{bottom:auto; top:15px; left:15px; width:auto;}
.group-wrap .list-cont > ul > li a div div.comm-join span{display:inline-block; background:#f14226; color:#fff; padding:10px; border-radius:50%; text-align:center; width:50px; height:50px; line-height:120%; transition:0.3s}
.group-wrap .list-cont > ul > li a div div.comm-join span:hover{background:#ff6a00;}
.group-wrap .list-cont > ul > li a div div h3{text-align:center; color:#fff; font-size:20px; font-family: 'Noto Sans Korean'; font-weight: 400;}
.group-wrap .list-cont > ul > li a div div h3:after{content:""; width:60px; height:1px; background:#fff; display:block; margin:5px auto;}
.group-wrap .list-cont > ul > li a div div h4{text-align:center; color:#fff; font-size:14px; font-family: 'Noto Sans Korean'; font-weight: 400; }
.group-wrap .list-cont > ul > li i{display:block; overflow:hidden; text-align:center; border:1px solid #e1e1e1;}
.group-wrap .list-cont > ul > li i img{transform:scale(1); transition:0.3s; max-width:290px; max-height:193px; min-height:193px; margin:0 auto;}
.group-wrap .list-cont > ul > li:hover i img{transform:scale(1.2)}
*/



.group-wrap .list-cont .list-btn{}
.group-wrap .list-cont .list-btn > ul{overflow:hidden;}
.group-wrap .list-cont .list-btn > ul > li{text-align:center; border:1px solid #e1e1e1;}
.group-wrap .list-cont .list-btn > ul > li a{display:block; padding:10px 5px; background:#fff; font-size:11px; color:#444; }
.group-wrap .list-cont .list-btn > ul > li:hover a{color:#fff; font-weight:bold; background:#115a99;}



.adm-box{background:#f5f5f5; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:5px;}
.adm-box .adm-menu > ul{overflow:hidden;}
.adm-box .adm-menu > ul > li{float:left;}
.adm-box .adm-menu > ul > li > a{display:block; padding:10px; color:#888}
.adm-box .adm-menu > ul > li.on > a{color:#222}

.adm-box .adm-smenu{float:right}
.adm-box .adm-smenu > ul{overflow:hidden;}
.adm-box .adm-smenu > ul > li{float:left; margin-left:2px;}
.adm-box .adm-smenu > ul > li > a{display:block; padding:10px; background:#fff; border:1px solid #e1e1e1; border-radius:5px;}

.adm-box{overflow:hidden;}
.adm-box > h2{float:left; padding:10px; color:#ff6565;}
.adm-box > div{float:left; }






/* 자주쓰는장비 */
.fav-list{position:fixed; right:0; top:0; width:100px; height:100%; background:#f5f5f5; z-index:9; border-left:1px solid #e1e1e1; display:none;}
.fav-list h2{text-align:center; padding:20px 0;}

.fav-list .thum-cont > ul > li{padding:5px 10px;}
.fav-list .thum-cont > ul > li .txt h3{font-size:11px; font-weight:normal; text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.fav-list .img{border:1px solid #e1e1e1; padding:5px; background:#fff;}




.table-box{border-top:2px solid #222;}
.table-box input[type=checkbox]+ label:before {top:-8px}
.table-box > ul {display:table; width:100%;}
.table-box > ul > li{display:table-cell; vertical-align:middle; border-bottom:1px solid #e1e1e1; text-align:center; position:relative; padding:15px 5px;}

.tb-hd > li{font-weight:bold;}
.table-box > ul > li.tb-chk{width:5%;}
.table-box > ul > li.tb-no{width:5%;}
.table-box > ul > li.tb-subject{width:10%;}
.table-box > ul > li.tb-date{width:15%;}
.table-box > ul > li.tb-company{width:10%;}
.table-box > ul > li.tb-name{width:10%;}
.table-box > ul > li.tb-email{width:15%;}
.table-box > ul > li.tb-tel{width:10%;}
.table-box > ul > li.tb-state{width:10%;}
.table-box > ul > li.tb-set{width:10%;}











.thum-view .calendar{transition:opacity 300ms ease-in-out; position:relative; opacity:1; overflow:hidden; height:auto;}
.thum-view .calendar.active{opacity:1; height:auto; }

.pop-calendar{margin-top:50px;  margin:0 auto;}
.calendar{margin-top:50px; width:55%; margin:0 auto;}
.schedule_head > ul{overflow:hidden;}
.schedule_head > ul > li.today{float:left}
.schedule_head > ul > li.today a{font-family: 'Poppins', sans-serif;font-weight: 700;padding: 5px 5px 10px;display: block;margin-right: 10px;}
.schedule_head > ul > li.product-btn{float:left}
.schedule_head > ul > li.product-btn > a{display:inline-block; *display:inline; zoom:1; padding:0 5px 5px; font-size:18px;}
.schedule_head > ul > li.product-btn > h3{display:inline-block; *display:inline; zoom:1; padding:0 5px; font-family: 'Poppins', sans-serif;font-weight: 700; font-size:14px;}
.schedule_head > ul > li.s-txt{float:right; font-size:11px; color:#888}
.schedule_head > ul > li.s-txt > span{display:inline-block; padding:5px;}
.schedule_head > ul > li.s-txt > span:before{content: "";width: 5px;height: 5px;display: inline-block;background:#ce52d4;border-radius: 50%;margin-right: 5px;vertical-align: middle;margin-top: -2px;}

.calendar-box{font-family: 'Poppins', sans-serif;}
.calendar-box > ul{display:table; width:100%; margin:0 auto; background:#fff;}
.calendar-box > ul > li{display:table-cell; width:14%;color:#333; font-size:12px; padding:5px 10px; position:relative; text-align:center; border:1px solid #e9e9e9; border-bottom:0; border-left:0;}
.calendar-box > ul > li:first-child{border-left:1px solid #e9e9e9;}
.calendar-box > ul:last-child > li{border-bottom:1px solid #e9e9e9;}
.calendar-box > ul.cd-hd > li{padding:5px; height:auto; text-align:center;}
.calendar-box > ul.cd-content > li{font-weight:600; }
.calendar-box > ul.cd-content > li span {display: block;background: none;border-radius: 50%;cursor: pointer;margin: 0 auto;padding:5px;max-width: 38px;max-height: 38px; font-size:20px; margin-bottom:5px;}
.calendar-box > ul.cd-content > li i{display:none;}

.calendar-box > ul.cd-content > li:hover span{ background:#36bbb5;  color:#fff}
.calendar-box > ul.cd-content > li:first-child{color:#36bbb5;}
.calendar-box > ul.cd-content > li.off{color:#ccc}
.calendar-box > ul.cd-content > li.off > div a{color:#ccc;}
.calendar-box > ul.cd-content > li:hover.off span{background:#fff; color:#ccc}
.calendar-box > ul.cd-content > li.today span{background:#36bbb5;  color:#fff}
.calendar-box > ul.cd-content > li.today_check span{background:#fff; border:1px solid #e1e1e1; color:#333}
.calendar-box > ul.cd-content > li.today_check.today span{border:0px solid #e1e1e1; background:#36bbb5;  color:#fff}

.calendar-box > ul.cd-content > li > div{border:1px solid #e1e1e1; margin:2px 1px;}
.calendar-box > ul.cd-content > li > div > a{display:block;padding:0px; font-size:11px;}
.calendar-box > ul.cd-content > li > div.on > a{color:#fff; background:#2baebb;}
.calendar-box > ul.cd-content > li > div.off > a{color:#ccc; background:#fff;}
.calendar-box > ul.cd-content > li > div.hover > a{color:#fff; background:#555;}
.calendar-box > ul.cd-content > li > div > span{display:block; padding:5px 5px; font-size:12px; cursor: pointer; height:28px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar-box > ul.cd-content > li > div.sc_01{bottom:60px; background:#dc2229; color:#fff; }
.calendar-box > ul.cd-content > li > div.sc_02{bottom:30px; background:#0d6bbd; color:#fff;}
.calendar-box > ul.cd-content > li > div.sc_03{bottom:0px; background:#119298; color:#fff; }
.calendar-box > ul.cd-content > li > div.sc_01.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}
.calendar-box > ul.cd-content > li > div.sc_02.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}
.calendar-box > ul.cd-content > li > div.sc_03.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}

.calendar-time-view .time{width:30%; margin:0 auto; font-family: 'Poppins', sans-serif;font-weight: 500;}
.calendar-time-view .time > ul{overflow:hidden;}
.calendar-time-view .time > ul > li{}
.calendar-time-view .time > ul > li > a{display:inline-block; font-size:14px; text-align:center; padding:5px 10px; color:#222; width:100px;}
.calendar-time-view .time > ul > li > p{display:inline-block; font-size:12px; text-align:left; padding:5px 10px; color:#222; width:250px;}
.calendar-time-view .time > ul > li.off > a{color:#ccc}
.calendar-time-view .time > ul > li.off > p{color:#ccc}

/*
.calendar-time-view .time > ul > li:hover > a{background:#36bbb5; color:#fff;}
.calendar-time-view .time > ul > li.off:hover > a{background:none; color:#ccc;}
.calendar-time-view .time > ul > li.selected > a{background:#36bbb5; color:#fff;}
*/
.calendar-time-view{overflow:hidden; text-align:center; margin-bottom:30px;}
.calendar-time-view > h3 {border-bottom: 1px solid #e1e1e1;padding: 10px;margin: 0px 0 10px;text-align: left;}
.calendar-time-view > div{display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.calendar-time-view > div.time{margin-left:50px; margin-top:30px;}

.calendar-time-view .select-date{display:block; padding:20px 0; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.calendar-time-view .select-date > ul > li{display:inline-block; *display:inline; zoom:1; font-size:13px; vertical-align:middle;}
.calendar-time-view .select-date > ul > li span{color:#666}
.calendar-time-view .select-date > ul > li b{border:1px solid #e1e1e1; padding:10px 10px; background:#f5f5f5; min-width:150px; display:inline-block; vertical-align:middle; cursor:pointer}
.calendar-time-view > h2{font-size:20px;}




.calendar-time-form{overflow:hidden; text-align:center; margin:50px 0;}
.calendar-time-form > div{display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.calendar-time-form > div.time{margin-left:50px; margin-top:30px;}
.calendar-time-form > h2{font-size:20px;}
.calendar-time-form > div.time > p{text-align: left;color: #36bbb5;font-size: 15px;padding: 9px 0;}


.calendar-time-form .time{max-width:430px; margin:0 auto; font-family: 'Poppins', sans-serif;font-weight: 500;}
.calendar-time-form .time > ul{overflow:hidden;}
.calendar-time-form .time > ul > li{float:left; width:33%;}
.calendar-time-form .time > ul > li > a{display:block; font-size:14px; text-align:center; padding:10px 15px; color:#222}
.calendar-time-form .time > ul > li:hover > a{background:#36bbb5; color:#fff;}
.calendar-time-form .time > ul > li.off > a{color:#ccc}
.calendar-time-form .time > ul > li.off:hover > a{background:none; color:#ccc;}
.calendar-time-form .time > ul > li.selected > a{background:#36bbb5; color:#fff;}

.time-selected{padding:20px 0; border-top:1px solid #e1e1e1; margin-top:20px;}
.time-selected > div{padding:10px 0 10px;}
.time-selected > div p{color:#ff4b4b; }
.time-selected > div h5{font-size:16px; color:#222; font-family: 'Poppins', sans-serif; font-weight: 600; }
.time-selected > div h5 i{background:#333; color:#fff; width:16px; height:16px; padding:3px; border-radius:50%; display:inline-block; font-size:12px; cursor:pointer;    line-height: 10px;
    text-align: center; vertical-align:middle;}
.time-selected button{background:#333; color:#fff; border:0; padding:10px 20px; border-radius:5px; margin-top:10px;}


/*일정조회 팝업*/
.calendar-time-pop{}
.calendar-time-pop{overflow:hidden; text-align:center;}
.calendar-time-pop > div{display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.calendar-time-pop > div.pop-calendar{width:50%;}
.calendar-time-pop > div.time{margin-left:20px; margin-top:30px; text-align:left;}

.calendar-time-pop .time{width:40%; margin:0 auto; font-family: 'Poppins', sans-serif;font-weight: 500;}
.calendar-time-pop .time > ul{overflow:hidden;}
.calendar-time-pop .time > ul > li{}
.calendar-time-pop .time > ul > li > a{display:inline-block; font-size:14px; text-align:center; padding:5px 10px; color:#222; width:100px;}
.calendar-time-pop .time > ul > li > p{display:inline-block; font-size:14px; text-align:left; padding:5px 10px; color:#222; max-width:300px;}
.calendar-time-pop .time > ul > li.off > a{color:#ccc}
.calendar-time-pop .time > ul > li.off > p{color:#ccc}




.pop-layer-title{padding:10px; text-align:center; font-size:16px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}







/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/css/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/css/img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/css/img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/css/img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}






































/* 캘린더 일정 조회*/
.all-cal{border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.all-cal > ul{display:table; width:100%;}
.all-cal > ul > li{display:table-cell; border:1px solid #e1e1e1;  border-left:0; border-bottom:0; padding:10px 0px; width:2.9%; text-align:center; font-weight:600;     font-family: 'Poppins', sans-serif;}
.all-cal > ul > li:first-child{width:10%}
.all-cal > ul > li span{display:block;  width:15px; height:15px; border-radius:50%; margin:0px auto;}

.all-cal > ul > li span.reserv-ing{background:#7bb97d; cursor: pointer;}
.all-cal > ul > li span.reserv-end{background:#ccc;}

.all-cal > ul > li.selected{background:#f5eb7a;}
.all-cal > ul > li:hover{background:#f5eb7a;}


.sun{background:#ffeded;}
.sat{background:#eaf5ff;}



.all-cal-txt{overflow:hidden;}

.s-txt{float:left; color:#888}

.state{overflow:hidden; float:right}
.state > ul{}
.state > ul > li{float:left; margin:5px; font-size:12px; color:#444}
.state span{display:inline-block; width:10px; height:10px; border-radius:50%; margin:0px auto; margin-bottom: -0px;}
.state span.reserv-ing{background:#7bb97d;}
.state span.reserv-end{background:#ccc;}









.idea-view .info{overflow:hidden;}
.idea-view .info .thum{float:left;width:50%; text-align:center;}
.idea-view .info .thum img{width:600px;}
.idea-view .info .txt{float:left; width:50%; }
.idea-view .info > div > div{padding:10px; position:relative; min-height:380px; max-height:380px;}

.idea-view .info .txt{position:relative;}
.idea-view .info .txt h3{font-size:23px; padding:5px 0; letter-spacing:-0.5px; position:relative;}
.idea-view .info .txt p.category{background:#f5f5f5; border:1px solid #e1e1e1; padding:5px 8px; display:inline-block; font-size:12px;}
.idea-view .info .txt p.s-txt{color:#666; float:none; font-size:13px;}
.idea-view .info .contact{padding:15px; border:1px solid #e1e1e1; position:absolute; bottom:0; left:0; width:100%;}
.idea-view .info .contact .name{float:left; width:85%;}
.idea-view .info .contact .sns{float:left; width:15%; margin-top: 9px;}

.idea-view .info .name h5{padding:5px 0; font-size:13px}
.idea-view .info .name p{padding:5px 0;}
.idea-view .info .name a.btn-mail{display:inline-block; background: #36bbb5; color: #fff;border: 0;padding: 10px 20px;border-radius: 5px;margin-top: 10px;}
.idea-view .info .name a.btn-mail:hover{background:#289e99;}
.idea-view .info .name h5 i{display:inline-block; width:30px; height:30px; border-radius:50%; overflow:hidden; vertical-align:middle; margin-right:3px; position:relative;}
.idea-view .info .name h5 i img{width:40px; height:40px; position:absolute; top:-5px; left:-5px; max-width:none}

.idea-view .info .contact .sns h5{padding:5px 0; font-size:13px}
.idea-view .info .contact .sns ul{overflow:hidden;}
.idea-view .info .contact .sns ul li{float:left; padding:1px; width:50%;}
.idea-view .info .contact .sns a{display:block; padding:10px; border-radius:5px;}
.idea-view .info .contact .sns a img{width:20px;}
.idea-view .info .contact .sns .sns_f{display:block;background:#415b92}
.idea-view .info .contact .sns .sns_t{display:block;background:#35b3dc}
.idea-view .info .contact .sns .sns_g{display:block;background:#d5503a}
.idea-view .info .contact .sns .sns_k{display:block;background:#fbe300}
.idea-view .set-btn{text-align:right; margin:10px 0 0; overflow:hidden;}
.idea-view .set-btn a {display: block;padding: 10px 20px;border: 1px solid #e1e1e1;border-bottom: 0;font-size: 11px;color: #666;float: right;margin-left: 2px;}
.idea-view .set-btn a:hover{background:#ff3535; color:#fff;}
.idea-view .detail{border:1px solid #e1e1e1; margin:0px 0 20px;}
.idea-view .detail > div{padding:20px}
.idea-view .detail h3{font-size:20px;}
.idea-view .detail p{font-size: 17px;word-spacing: -.5px;word-break: keep-all;line-height: 1.8;}





.idea-view .detail{position:relative;}
.idea-view .detail .contact {padding: 15px;border: 1px solid #e1e1e1;position: absolute;top: -1px;right: -1px;width: 200px;background: #fff; height:100.3%; margin-left:0;}
.idea-view .detail .contact .name{}
.idea-view .detail .contact .sns{margin-top: 9px;}
.idea-view .detail .name h5{padding:5px 0; font-size:13px}
.idea-view .detail .name p{padding:5px 0; font-size:12px;}
.idea-view .detail .name a.btn-mail{display:inline-block; background: #36bbb5; color: #fff;border: 0;padding: 10px 20px;border-radius: 5px;margin-top: 10px; width:100%;}
.idea-view .detail .name a.btn-mail:hover{background:#289e99;}
.idea-view .detail .name h5 i{display:inline-block; width:30px; height:30px; border-radius:50%; overflow:hidden; vertical-align:middle; margin-right:3px; position:relative;}
.idea-view .detail .name h5 i img{width:40px; height:40px; position:absolute; top:-5px; left:-5px; max-width:none}


.idea-view .detail .contact .sns h5{padding:5px 0; font-size:13px}
.idea-view .detail .contact .sns ul{overflow:hidden;}
.idea-view .detail .contact .sns ul li{float:left; padding:1px; width:25%;}
.idea-view .detail .contact .sns a{display:block; padding:10px; border-radius:5px;}
.idea-view .detail .contact .sns a img{width:20px;}
.idea-view .detail .contact .sns .sns_f{display:block;background:#415b92}
.idea-view .detail .contact .sns .sns_t{display:block;background:#35b3dc}
.idea-view .detail .contact .sns .sns_g{display:block;background:#d5503a}
.idea-view .detail .contact .sns .sns_k{display:block;background:#fbe300}



.idea_form > ul > li {padding: 10px 10px;border-bottom: 1px solid #e1e1e1;}
.idea_form .add-url{}
.idea_form .add-url u{float: left;margin-top: 7px;text-decoration: none;padding-left: 5px;}
.idea_form .add-url input{float: left;width: 40%;}
.idea_form > ul{margin-bottom:20px;}
.idea_form > ul > li:last-child{border-bottom:0;}
.idea_form i.ex{font-style:normal; font-size:11px; color:#888}













.list-school{margin-top:10px; border-top:1px solid #e1e1e1;}
.list-school > ul > li{padding:30px; border-bottom:1px solid #e1e1e1; border-left:3px solid transparent;}
.list-school > ul > li:nth-child(odd){background:#fafafa;}
.list-school > ul > li > div{display:table; width:100%;}
.list-school > ul > li > div > div{display:table-cell; vertical-align:middle; }

.list-school > ul > li > div > div.num{width: 5%;text-align: center;font-size: 30px;font-family: 'Poppins', sans-serif;font-weight:500;padding-right: 20px;color: #999;vertical-align: top; line-height: 30px;}
.list-school > ul > li > div > div.img{width:10%; text-align:center; padding-right:10px;}
.list-school > ul > li > div > div.img img{max-width:150px; max-height:150px;}
.list-school > ul > li > div > div.txt{width:75%;}
.list-school > ul > li > div > div.txt h3{letter-spacing:-1px; font-size:20px; display:inline-block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:4px; border-bottom:1px solid transparent; margin-top:-15px;}
.list-school > ul > li > div > div.txt h3 span{font-weight:normal; color:#888; font-size:13px; display:block;}
.list-school > ul > li > div > div.txt p{font-size:12px; color:#999; max-height:35px;overflow:hidden; text-overflow:ellipsis; padding-bottom:4px;}
.list-school > ul > li > div > div.txt em{font-style:normal; font-weight:bold; display:block; padding-top:4px;}
.list-school > ul > li > div > div.txt em.date-first{color:#026dc7;}
.list-school > ul > li > div > div.txt em span:before{content: "";display: inline-block;width: 1px;height: 8px;background: #999; margin:0 5px;}
.list-school > ul > li > div > div.txt em span:first-child:before{width:0; margin:0;}
.list-school > ul > li > div > div.list-btn{width:15%; padding-left:10px;}

.list-school > ul > li:hover{ border-left:3px solid #115a99;}
.list-school > ul > li:hover > div > div.txt h3{border-bottom:1px solid #999 ;}

.list-school .list-btn{}
.list-school .list-btn > ul{overflow:hidden;}
.list-school .list-btn > ul > li{float:left; width:48%; text-align:center; border:1px solid #e1e1e1; margin:1%;}
.list-school .list-btn > ul > li a{display:block; padding:10px 5px; background:#fff; font-size:11px; color:#444; }
.list-school .list-btn > ul > li:hover a{color:#fff; font-weight:bold; background:#115a99;}


.list-school-thum > ul{overflow:hidden;}
.list-school-thum > ul > li{float:left; width:33.33%; padding:10px;}
.list-school-thum > ul > li > div{padding:10px; border:1px solid #e1e1e1; text-align:center;}
.list-school-thum > ul > li > div > a{display:block;}
.list-school-thum > ul > li > div > a h3{font-size:16px; color:#888; padding:10px 0; letter-spacing:-0.5px}

.list-school .list-btn > ul.set-state {text-align: center;padding: 5px;border: 1px solid #e1e1e1;margin: 0 3px 5px 1px;background: #fff;}
.list-school .list-btn > ul.set-state li{float:none; width:auto; border:0;}
.list-school .list-btn > ul.set-state li.state01 .box-txt{margin-left:15px; color: #115a99; font-weight: bold;}
.list-school .list-btn > ul.set-state li.state02 .box-txt{color:#999;}


.edu-view .info .sns h5{padding:5px 0; font-size:13px}
.edu-view .info .sns ul{overflow:hidden; width:180px;}
.edu-view .info .sns ul li{float:left; padding:1px; width:25%;}
.edu-view .info .sns a{display:block; padding:10px; border-radius:5px;}
.edu-view .info .sns a img{width:20px;}
.edu-view .info .sns .sns_f{display:block;background:#415b92}
.edu-view .info .sns .sns_t{display:block;background:#35b3dc}
.edu-view .info .sns .sns_g{display:block;background:#d5503a}
.edu-view .info .sns .sns_k{display:block;background:#fbe300}

.edu-view .detail-box {position: relative; border: 1px solid #e1e1e1;margin: 20px 0; overflow:hidden;}
.edu-view .detail-box > div{padding: 20px; float:left}
.edu-view .detail-box > div.detail{width:70%; border-right:1px solid #e1e1e1; min-height:500px;}
.edu-view .detail-box > div.aside{width:30%; }

.edu-view .aside{position:relative;}
.edu-view .aside > div {position: absolute;top:0px; left:10px; z-index: 10; padding:5px;width:100%;}
.edu-view .aside > div > ul > li{margin:0 0 50px;}
.edu-view .aside > div > ul > li h5{font-size:16px; padding-bottom:5px; color:#666}
.edu-view .aside > div > ul > li h5 i{width:13px; text-align:center;}
.edu-view .aside > div > ul > li{font-family: 'Poppins', sans-serif; font-weight: 500;}
.edu-view .aside > div > ul > li p{line-height:160%; font-size:13px; }
.edu-view .aside > div > ul > li p span{display:block;}
.edu-view .aside > div > ul > li p span strong{font-weight:700}

.aside_floating button {background: #7a3881;color: #fff;border: 0;padding: 10px 20px;border-radius: 5px;margin-top: 10px;}





.info-date-time > div{font-family: 'Poppins', sans-serif; font-weight:500;}
.info-date-time > div{font-size:16px;}
.info-date-time > div.title{font-size:20px; font-weight:bold; letter-spacing:-1px; padding:30px 0;}
.info-date-time > div.name{font-size:12px; color:#999; padding:10px 0;}
.info-date-time > div.name span{color:#666}




.mypage > div{overflow:hidden; border-bottom:1px solid #e1e1e1; margin-top:20px;}
.mypage > div:last-child{margin-top:0;}
.mypage > div > div.tab-menu{float:left;}
.mypage > div > div.search-box{float:right; margin:0; border-bottom:0;}
.mypage > div > div.search-box div ul li{padding:0; padding-left:10px;}
.mypage > div > div.search-box div ul li.select span:before {top: 10px;right: 10px;}

.tab-menu{}
.tab-menu > ul{overflow:hidden; }
.tab-menu > ul > li{float:left; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; margin-top:13px;}
.tab-menu > ul > li > a{display:block; padding:6px; color:#888}
.tab-menu > ul > li:last-child{border-right:1px solid #e1e1e1;}
.tab-menu > ul > li.on{background:#36bbb5; border:0; border-top:1px solid #36bbb5; padding:7px 10px; margin-top:0;}
.tab-menu > ul > li.on a{color:#fff; font-weight:bold;}
.tab-menu > ul > li.on a:hover{background:none;}
.tab-menu > ul > li > a:hover{background:#f5f5f5;}

.mypage-list > ul > li{padding:30px; border-bottom:1px solid #e1e1e1;}
.mypage-list > ul > li.blank{text-align:center; color:#999; min-height:200px;}
.mypage-list > ul > li:last-child{border-bottom:0; }
.mypage-list > ul > li > div{display:table; width:100%;}
.mypage-list > ul > li > div > div{display:table-cell; vertical-align:middle; }
.mypage-list > ul > li > div > div.img{width:10%; text-align:center; border:1px solid #e1e1e1; }
.mypage-list > ul > li > div > div.img img{max-width:160px; max-height:160px;}
.mypage-list > ul > li > div > div.txt{width:70%; padding-left:10px; padding-right:10px;}
.mypage-list > ul > li > div > div.txt h3{letter-spacing:-1px; font-size:20px; display:inline-block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:4px; border-bottom:1px solid transparent;}
.mypage-list > ul > li > div > div.txt h3 span{font-weight:400; font-size:11px; letter-spacing:0;color:#888;background: #f5f5f5;border: 1px solid #e1e1e1;padding: 3px 5px;display: inline-block;vertical-align:middle;margin-top: -5px;}

.mypage-list > ul > li > div > div.txt p{font-size:12px; color:#999; max-height:35px;overflow:hidden; text-overflow:ellipsis; padding-bottom:4px;}
.mypage-list > ul > li > div > div.txt em{font-style:normal; font-weight:bold; }
.mypage-list > ul > li > div > div.txt em span:before{content: "";display: inline-block;width: 1px;height: 8px;background: #999; margin:0 5px;}
.mypage-list > ul > li > div > div.txt em span:first-child:before{width:0; margin:0;}
.mypage-list > ul > li > div > div.txt > a > span{display:block; color:#999; font-size:11px; padding:5px 0;}
.mypage-list > ul > li > div > div.list-btn{width:20%;}
.mypage-list > ul > li:hover{background:#f5f5f5;}
.mypage-list > ul > li:hover > div > div.txt h3{border-bottom:1px solid #999 ;}

.mypage-list .list-btn{}

.mypage-list .list-btn > ul.set-btn{overflow:hidden;}
.mypage-list .list-btn > ul.set-btn > li{text-align:center; border:1px solid #e1e1e1; margin:1%;}
.mypage-list .list-btn > ul.set-btn > li a{display:block; padding:10px 5px; background:#fff; font-size:11px; color:#444; }
.mypage-list .list-btn > ul.set-btn > li:hover a{color:#fff; font-weight:bold; background:#36bbb5;}


.mypage-list .list-btn > ul.set-state {text-align: center;padding: 5px;border: 1px solid #e1e1e1;margin: 0 3px 5px 1px; background:#fff;}
.mypage-list .list-btn > ul.set-state li.state01{color:#666}
.mypage-list .list-btn > ul.set-state li.state01 .box-txt{margin-left:15px;}
.mypage-list .list-btn > ul.set-state li.state02{color:#36bbb5}
.mypage-list .list-btn > ul.set-state li.state02 .box-txt{}
.mypage-list .list-btn > ul.set-state li.state03{color:#ff4040}

.box-txt{display: inline-block;}

.mypage-list.my-idea .list-btn > ul.set-btn > li {float: left;width:31.33%;text-align: center;border: 1px solid #e1e1e1;margin: 1%;}
.mypage-list.my-tech .list-btn > ul.set-btn > li {text-align: center;border: 1px solid #e1e1e1;margin: 1%;}

.my-edu .s-tab{}
.my-edu .s-tab > ul {overflow:hidden; background:#f5f5f5; padding-left:150px; border-bottom: 1px solid #e1e1e1;}
.my-edu .s-tab > ul > li{float:left; }
.my-edu .s-tab > ul > li a{display:block; padding:10px; color:#888}
.my-edu .s-tab > ul > li:before{content: "";width:1px;height: 8px;background: #222;float: left;margin: 15px 0px;}
.my-edu .s-tab > ul > li:first-child:before{display:none;}
.my-edu .s-tab > ul > li.on a{color:#222; font-weight:bold}
.my-edu .s-tab > ul > li:hover a{color:#222; font-weight:bold}




.finebot{background:#f5f5f5;}
.finebot div h5 span{font-weight:normal; color:#666;}
.finebot div div ul{overflow:hidden; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.finebot div div ul li{width:16.66%; float:left; text-align:center; border:1px solid #e1e1e1; border-top:0; border-left:0; background:#fff;}
.finebot div div ul li a{display:block; border:3px solid #fff; padding:10px;}
.finebot div div ul li a div.thum{border:3px solid #fff;}
.finebot div div ul li a div.thum img{width:46px; margin:0 auto;}
.finebot div div ul li a div.txt{padding:5px; border-top:1px solid #e1e1e1;}

.finebot div div ul li.on a {border:3px solid #36bbb5;}
.finebot div div ul li.on a .txt{font-weight:bold; color:#36bbb5}


.tech-tab{overflow:hidden;}
.tech-tab > div{overflow:hidden; float:left; width:50%; border-top:3px solid #ccc; border-bottom:1px solid #e1e1e1; padding:20px; position:relative; background:#fafafa;}
.tech-tab > div > a > div{float:left; border:0px solid #e1e1e1; padding:10px;}
.tech-tab > div > a > div.icon span img{width:50px;}
.tech-tab > div > a{display:block; overflow:hidden;}
.tech-tab > div > a > div h1{font-size:20px; font-family: 'Noto Sans Korean'; font-weight:500; color:#888}
.tech-tab > div > a > div p{color:#999}
.tech-tab > div > a > div i{position:absolute; right:10%; top:40%; font-size:20px; color:#ccc}
.tech-tab > div.on{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.tech-tab > div.on > a > div h1{color:#222}
.tech-tab > div.on > a > div  p{color:#666}
.tech-tab > div.on > a > div i{color:rgba(43, 174, 187, 0.98)}
.tech-tab > div:hover{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.tech-tab > div:hover > a > div h1{color:#222}
.tech-tab > div:hover > a > div  p{color:#666}
.tech-tab > div:hover > a > div i{color:rgba(43, 174, 187, 0.98)}
.tech-tab > div.t-tab01{border-right:1px solid #e1e1e1;}

.tech-tab2{overflow:hidden;}
.tech-tab2 > div{overflow:hidden; float:left; width:33.33%; border-top:3px solid #ccc; border-bottom:1px solid #e1e1e1; padding:20px; position:relative; background:#fafafa;}
.tech-tab2 > div > a > div{float:left; border:0px solid #e1e1e1; padding:10px;}
.tech-tab2 > div > a > div.icon span img{width:50px;}
.tech-tab2 > div > a{display:block; overflow:hidden;}
.tech-tab2 > div > a > div h1{font-size:20px; font-family: 'Noto Sans Korean'; font-weight:500; color:#888}
.tech-tab2 > div > a > div p{color:#999}
.tech-tab2 > div > a > div i{position:absolute; right:10%; top:40%; font-size:20px; color:#ccc}
.tech-tab2 > div.on{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.tech-tab2 > div.on > a > div h1{color:#222}
.tech-tab2 > div.on > a > div  p{color:#666}
.tech-tab2 > div.on > a > div i{color:rgba(43, 174, 187, 0.98)}
.tech-tab2 > div:hover{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.tech-tab2 > div:hover > a > div h1{color:#222}
.tech-tab2 > div:hover > a > div  p{color:#666}
.tech-tab2 > div:hover > a > div i{color:rgba(43, 174, 187, 0.98)}
.tech-tab2 > div.t-tab01{border-right:1px solid #e1e1e1;}

.comm-tab{}
.comm-tab{overflow:hidden;}
.comm-tab > div{overflow:hidden;border-top:3px solid #ccc; border-bottom:1px solid #e1e1e1; padding:20px; position:relative; background:#fafafa;}
.comm-tab > div > a > div{float:left; border:0px solid #e1e1e1; padding:10px;}
.comm-tab > div > a > div.icon span img{width:50px;}
.comm-tab > div > a{display:block; overflow:hidden;}
.comm-tab > div > a > div h1{font-size:20px; font-family: 'Noto Sans Korean'; font-weight:500; color:#888}
.comm-tab > div > a > div p{color:#999}
.comm-tab > div > a > div i{position:absolute; right:5%; top:40%; font-size:20px; color:#ccc}
.comm-tab > div.on{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.comm-tab > div.on > a > div h1{color:#222}
.comm-tab > div.on > a > div  p{color:#666}
.comm-tab > div.on > a > div i{color:rgba(43, 174, 187, 0.98)}
.comm-tab > div:hover{border-top:3px solid rgba(43, 174, 187, 0.98); background:#fff;}
.comm-tab > div:hover > a > div h1{color:#222}
.comm-tab > div:hover > a > div  p{color:#666}
.comm-tab > div:hover > a > div i{color:rgba(43, 174, 187, 0.98)}
.comm-tab > div.t-tab01{border-right:1px solid #e1e1e1;}




.edu-tab{overflow:hidden;}
.edu-tab > div{float:left; width:50%; text-align:; padding:5px 0;}
.edu-tab > div a{display:block; padding:20px; background:#e1e1e1; color:#888; border-top: 3px solid #115a99;}
.edu-tab > div a h3{margin-bottom:5px;font-size: 20px;font-family: 'Poppins', sans-serif;font-weight: 700;}
.edu-tab > div.on{}
.edu-tab > div.on a{background:#115a99; color:#fff;}
.edu-tab > div.on:after{content:""; width:15px; height:15px; background:#115a99; display:block; margin:0 auto; transform: rotate(45deg); margin-top: -8px;}

.academy-view .view-cont .info {text-align:center;}
.academy-view .view-cont .info h2{letter-spacing: -1px;font-size: 23px; padding-bottom: 4px; }
.academy-view .view-cont .info h2 > span{font-weight: normal;color: #888;font-size: 13px;display: block;}

.academy-view .view-cont .info .date{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; display:inline-block; padding:5px 0;}
.academy-view .view-cont .info .date p{font-size: 16px;font-family: 'Poppins', sans-serif;font-weight:500; display:inline-block; *display:inline; zoom:1; }
.academy-view .view-cont .info .date p:before{content:""; width:1px; height:10px; display:inline-block; *display:inline; zoom:1; background:#999; margin:0 15px 0 10px;}
.academy-view .view-cont .info .date p:first-child:before{margin-left:0; margin-right:0; background:none;}
.academy-view .view-cont .info .name{padding:10px; color:#888}
.academy-view .view-cont .info .name span{display:inline-block; *display:inline; zoom:1; background:#ff4343; color:#fff; padding:10px 30px; border-radius:20px; font-size:16px}
.academy-view .view-cont .info .name a{display:inline-block; *display:inline; zoom:1; background:#36bbb5; color:#fff; padding:10px 30px; border-radius:20px;}

.academy-view .table-box{border-top:2px solid #222;}
.academy-view .table-box > dl{display:table; width:100%;}
.academy-view .table-box > dl > dt, .academy-view .table-box > dl > dd{display:table-cell; padding:20px 10px; font-size:14px; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.academy-view .table-box > dl > dt{width:20%; text-align:center; font-weight:bold;}

.academy-view-table > ul > li{display:table; width:100%;}
.academy-view-table > ul > li:last-child{border-bottom:1px solid #e1e1e1;}
.academy-view-table > ul > li > div{display:table-cell; vertical-align:middle; border:1px solid #e1e1e1; padding:10px; border-bottom:0; background:#f5f5f5;}
.academy-view-table > ul > li > div:first-child{width:10%; text-align:center; border-right:0;}
.academy-view-table > ul > li > div p{line-height:170%;}

.academy-view .view-cont .info .name a.write{transition: 0.3s;
background: #81367f;
background: -webkit-linear-gradient(to left, #81367f, #115a99);
background: linear-gradient(to left, #81367f, #115a99);}
.academy-view .view-cont .info .name a:hover{border-radius:40px; background-position:113px;}


.academy-view .detail-box .detail-btn{text-align:center;margin-top:20px;}
.academy-view .detail-box .detail-btn a{display:inline-block; *display:inline; zoom:1; color:#fff; padding:10px 30px; border-radius:40px; font-size:16px;}
.academy-view .detail-box .detail-btn a{transition: 0.3s; background: #81367f; }
.academy-view .detail-box .detail-btn a:hover{background-position:130px; border-radius:0;}


.attention{color:#ff3131}


.data-form {padding:30px;}
.data-form > dl{padding:10px; border-bottom:1px solid #e1e1e1;}
.data-form > dl > dt{font-weight:bold; padding-bottom:5px;}
.data-form > dl > dd{}
.data-form > dl > dd > span{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; padding:5px; vertical-align:middle;}
.data-form > dl > dd > span input[type="file"]{width:100%; height:30px;}
.data-form > dl > dd > span.file-input{width:90%;}
.data-form > dl > dd > span.del-btn{width:9%; text-align:center;}
.data-form > dl > dd > span.del-btn a{display:block; padding:5px; height:30px; line-height:20px;}

.edu_survey_form{}
.edu_survey_form > ul > li{padding:20px; border-bottom:1px solid #e1e1e1;}
.edu_survey_form > ul > li:last-child{border-bottom:0;}
.edu_survey_form > ul > li > div > div span{margin-right:15px;}

.idea_like{position:absolute; right:20px; bottom:20px ;}
.grid-item .idea_like a .like_on{color: #999;}
.grid-item .idea_like a .like_off{color: #36bbb5;}

.idea-view .info .txt h3 > a{font-size:15px;}
.idea-view .info .txt h3 > a .like_on{color: #999;}
.idea-view .info .txt h3 > a .like_off{color: #ff3f84;}

ul.sub-gnb-box{margin-left:10px; display:none;  transition:0.5s; margin-top:-10px;}
ul.sub-gnb-box.on{display:block;}
ul.sub-gnb-box > li:before{content:""; display:inline-block; margin-right:5px; width:3px; height:3px; background:#666; vertical-align: middle;}
ul.sub-gnb-box > li a{display:inline-block; font-size:14px; color:#666; padding:5px;}
ul.sub-gnb-box > li a:hover{color:#222; font-weight:bold;}



.facility{margin:50px 0;}
.facility > dl{overflow:hidden; border-bottom:1px solid #e1e1e1;}
.facility > dl:hover{background:#f5f5f5;}
.facility > dl:hover dt{color:#36bbb5}

.facility > dl.on{background:#f5f5f5;}
.facility > dl.on dt{color:#36bbb5}

.facility > dl > dt, .facility > dl > dd{float:left; padding:10px;}
.facility > dl > dt{width:10%; font-size:60px;font-family: 'Poppins', sans-serif;font-weight: 700; text-align:center;}
.facility > dl > dd{width:90%; font-size:20px; font-weight:500; color: #222;font-family: 'Noto Sans Korean'; text-align:center;}

.facility > dl > dd > ul{overflow:hidden;}
.facility > dl > dd > ul > li{float:left; width:23%; margin:1%;}
.facility > dl > dd > ul > li > a{display:block; }
.facility > dl > dd > ul > li > a > div.thum{border:3px solid transparent;}
.facility > dl > dd > ul > li:hover > a > div.thum{border:3px solid #36bbb5;}
.facility > dl > dd > ul > li:hover > a > div{color:#36bbb5}
.facility > dl > dd > ul > li.on > a > div.thum{border:3px solid #36bbb5;}


.facility_form{}
.facility_form > ul > li{padding:10px 10px; border-bottom:1px solid #e1e1e1;}
.facility_form > ul > li:last-child{border-bottom:0;}
.facility_form > ul > li > div > div > b{font-size: 20px;font-weight: bold;color: #fff; font-family: 'Noto Sans Korean';background:#36bbb5;display:inline-block;padding:5px 30px;border-radius:30px;}

.facility_form > ul.member-info{margin-bottom:30px;}



.top-quick {overflow: hidden; position:absolute;top:0; right:0px;z-index:999; background: rgba(255, 255, 255, 0); width:100%;}
.top-quick a{font-family: 'Poppins', sans-serif;font-weight:500;}
.top-quick > div{width:100%; max-width:1200px; margin:0 auto;}
.top-quick > div > ul{overflow:hidden; float:right; }
.top-quick > div > ul > li{float:left; margin:5px 2px;}
.top-quick > div > ul > li > a{display:block; padding:10px; font-size:12px; border:0px solid #e1e1e1; color:#ccc}
.top-quick > div > ul > li:lasct-child > a{color:#ccc}
.top-quick > div > ul > li:after {content: "";display: inline-block;width: 1px;height: 7px;background: #ccc;float: left;margin: -22px -5px;}
.top-quick > div > ul > li:first-child > a{color:#ccc;}
.top-quick > div > ul > li:first-child:after{background:none;}
.top-quick > div > ul > li.on a{color:#ccc;}
.top-quick > div > ul > li > a:hover{color:#222;}

.top-quick.fp > div{max-width:100%;}
.top-quick.fp > div > ul{margin-right:20px;}

#section0 {overflow: hidden;}
#section0{background:url('/css/img/section01.jpg'); background-position:top;}
#section0 div.section-body{padding-left:10%; padding-top:2%;}
#section0 div.section-body > h1{font-size:25px; color:#2baebb; font-family: 'Noto Sans Korean'; font-weight:400; display:inline-block;background: #fff; padding: 10px 30px 15px;border-radius: 40px;}
#section0 div.section-body > h1 img{margin-right: 15px; margin-top:0px;}
#section0 div.section-body > p{font-size:20px; color:#fff; font-family: 'Noto Sans Korean';  font-weight:300; padding: 5px 20px;}
#section0 div.section-body > div.video{max-width:900px; margin-top:50px;}
#section0 div.section-body > div.video video{width:100%;}


#section1{background:url('/css/img/section02.jpg'); background-position:center;}
#section1 > div{padding-top:7%; padding-left:10%;}
#section1 > div > h1{font-size:40px; color:#fff; font-family: 'Noto Sans Korean'; font-weight:400; background:#2a4161; display:inline-block; padding:10px 40px; border-radius:50px;}
#section1 > div > div {margin-top:30px;}
#section1 > div > div > dl{display:table; max-width:700px; width:100%;}
#section1 > div > div > dl > dt, #section1 > div > div > dl > dd{display:table-cell; border-bottom:1px solid #9eacb9; font-size:25px; font-family: 'Noto Sans Korean';  font-weight:400; vertical-align:middle; padding:10px 20px;}
#section1 > div > div > dl > dt{font-family:"'Poppins', sans-serif"; font-weight:600; width:25%; text-align:center; font-size:40px; padding:10px 0;}
#section1 > div > div > dl > dd p{font-size:15px; font-weight:400;}
#section1 > div > div > dl > dd > div > p{font-size:13px; display:inline-block; *display:inline; zoom:1; margin-right:10px;}
#section1 > div > div > dl > dd > div > p:before{content:""; width:3px; height:3px; background:#333; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:3px;}
#section1 > div > div > dl > dd > p > span{display:block;}
#section1 > div > div > dl:nth-child(1) > dt{color:#e62c2b;}
#section1 > div > div > dl:nth-child(2) > dt{color:#e67a2b;}
#section1 > div > div > dl:nth-child(3) > dt{color:#2b97e6;}
#section1 > div > div > dl:nth-child(4) > dt{color:#2b63e6;}
#section1 > div > div > dl:nth-child(1) > dd{color:#e62c2b;}
#section1 > div > div > dl:nth-child(2) > dd{color:#e67a2b;}
#section1 > div > div > dl:nth-child(3) > dd{color:#2b97e6;}
#section1 > div > div > dl:nth-child(4) > dd{color:#2b63e6;}
#section1 > div > div > dl dd p{color:#111;}

/*
#section2{background:url('/css/img/section03.jpg'); background-position:center;}
#section2 > div{padding-top:5%; padding-right:10%; text-align:right; padding-left:10%;}
#section2 > div > h1{font-size:40px; color:#fff; font-family: 'Noto Sans Korean'; font-weight:400; background:#36bbb5; display:inline-block; padding:10px 40px; border-radius:50px;}
.section03{text-align:center; margin-top:1%;}
.section03 > ul{display:table; width:100%;}
.section03 > ul > li{display:table-cell; width:33.33%; padding:10px 20px;}
.section03 > ul > li div.s03-box{border:0px solid #ccc; padding:20px 10px;}
.section03 > ul > li div.title h4{border:1px solid #ccc; border-radius:30px; padding:10px 50px; color:#fff; font-size:30px; font-family: 'Noto Sans Korean';}
.section03 > ul > li p.txt{font-size:18px; color:#ccc; padding:20px 0;}
.section03 > ul > li div.s-title{color:#fff; padding:15px; font-size:14px; font-family: 'Noto Sans Korean'; font-weight:300; border:1px solid #e1e1e1; border-radius:50%; width:210px; height:200px; margin:0 auto; background:rgba(47, 67, 85, 0.5);}
.section03 > ul > li div.s-title i{color:#fff; font-size:30px; padding-bottom:5px; margin-top:30px;}
.section03 > ul > li div.s-title h5{ font-family: 'Noto Sans Korean'; font-size:20px; font-weight:400;}
*/


#video-wrap{background:#0a151f; padding:50px 0;}
#video-wrap > section{max-width:1200px; margin:0 auto;}
section.video{overflow:hidden;}
section.video > div{float:left; width:50%; padding-left:10px;}
section.video > div:first-child{padding-right:10px; padding-left:0;}
section.video video{width:100%;}
#video-wrap .video iframe{width:100%;height:330px;}


.community-tab{overflow:hidden; margin:30px 0; padding-bottom:10px;}
.community-tab > div{float:left; width:50%;position:relative; text-align:center;}
.community-tab > div a{display:block; padding:20px; background:#fff; color:#888; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.community-tab > div a h3{margin-bottom:5px;font-size: 20px;font-family: 'Poppins', sans-serif;font-weight: 700; text-align:center;}
.community-tab > div.group{border-right:1px solid #e1e1e1;}
.community-tab > div.mygroup{border-right:1px solid #e1e1e1;}
.community-tab > div.on{}
.community-tab > div.on a{color:#222; }
.community-tab > div.on a:before{content: ""; border-top: 3px solid #115a99; width: 100%;display: block;position: absolute;left:0;top:0;}
.community-tab > div:hover a{color:#222; }
.community-tab > div:hover a:before{content: "";border-top: 3px solid #115a99;width: 100%;display: block;position: absolute;left:0;top:0;}
.community-tab > div:hover:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:10px; position:absolute; }
.community-tab > div:hover:after {border-color:#ccc transparent transparent transparent;}
.community-tab > div.on:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:10px; position:absolute; margin:0 auto;}
.community-tab > div.on:after {border-color:#ccc transparent transparent transparent;}

/*
.community-tab > div.on:after{content:""; width:15px; height:15px; background:#115a99; display:block; margin:0 auto; transform: rotate(45deg); margin-top: -8px;}
*/






.group-wrap .view-cont .info {position:relative;}
.group-wrap .view-cont .info h2{letter-spacing: -1px;font-size: 23px; padding:15px;}
.group-wrap .view-cont .info h2 > span{font-weight: normal;color: #888;font-size: 13px;display: block;}
.group-wrap .view-cont .info .date{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px;}
.group-wrap .view-cont .info .date p{font-size: 14px;font-family: 'Poppins', sans-serif;font-weight:500; display:inline-block; *display:inline; zoom:1; color:#666}
.group-wrap .view-cont .info .date h5{font-weight:normal; color:#0582ce; padding:5px;}
.group-wrap .view-cont .info .date h5 b{font-weight:bold;}
.group-wrap .view-cont .info .join-btn{text-align:center; padding:10px; position:absolute; right:0 ;bottom:0;}
.group-wrap .view-cont .info .join-btn a{display:inline-block; *display:inline; zoom:1; color:#fff; padding:10px 30px; border-radius:40px; font-size:16px;}
.group-wrap .view-cont .info .join-btn a{transition: 0.3s; background: #ff4343; }
.group-wrap .view-cont .info .join-btn a:hover{background-position:130px; border-radius:0;}

.view-tab{overflow:hidden; margin:50px 0 0px;}
.view-tab > div{position:relative; text-align:center; float:left; width:33.33%;}
.view-tab > div a{display:block; padding:10px 20px; background:#fff; color:#888; border-top:1px solid #e1e1e1; }
.view-tab > div a h3{font-size: 20px;font-family: 'Poppins', sans-serif;font-weight: 700; text-align:center;}
.view-tab > div{border-right:1px solid #e1e1e1;}
.view-tab > div:last-child{border-right:0;}
.view-tab > div.on{}
.view-tab > div.on a{color: #fff; background: #006a9c;}
.view-tab > div.on a:before{content: ""; border-top: 3px solid #115a99; width: 100%;display: block;position: absolute;left:0;top:0;}
.view-tab > div:hover a{color:#222; }
.view-tab > div:hover a:before{content: "";border-top: 3px solid #115a99;width: 100%;display: block;position: absolute;left:0;top:0;}
.view-tab > div:hover:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:10px; position:absolute; left:47%}
.view-tab > div:hover:after {border-color:#ccc transparent transparent transparent;}
.view-tab > div.on:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:10px; position:absolute; left:47%}
.view-tab > div.on:after {border-color:#ccc transparent transparent transparent;}



.bbs-box{}
.bbs-box > div.list > ul{display:table; width:100%; border-bottom:1px solid #e1e1e1; }
.bbs-box > div.list > ul.b-head {border-top: 1px solid #006a9c;border-bottom: 1px solid #999;}
.bbs-box > div.list > ul.b-head > li{color:#111;}
.bbs-box > div.list > ul li{text-align:center; font-weight:bold;}
.bbs-box > div.list > ul > li{display:table-cell; padding:20px 10px; color:#666; font-size:14px;}
.bbs-box > div.list > ul > li a{color:#333;}
.bbs-box > div.list > ul > li i{display:none;}

.bbs-box > div.list > ul > li.num{width:5%;}
.bbs-box > div.list > ul > li.subject{width:51%;}
.bbs-box > div.list > ul > li.name{width:10%;}
.bbs-box > div.list > ul > li.date{width:15%;}
.bbs-box > div.list > ul > li.comment{width:7%;}
.bbs-box > div.list > ul > li.hit{width:7%;}
.bbs-box > div.list > ul > li.set{width:5%;}

.bbs-box > div.list > ul.b-body > li.subject{text-align:left;}

.bbs-box .write-btn{margin:15px 0; text-align:right;}
.bbs-box .write-btn a{display:inline-block; padding:10px 20px; background:#36bbb5; color:#fff;}

.bbs-box .view .title{text-align:center;margin:20px 0;}
.bbs-box .view .title h2{font-size:20px;}
.bbs-box .view .title span{display:inline-block; *display:inline; zoom:1; color:#666; padding:10px; padding-left:5px;}
.bbs-box .view .content{border:1px solid #e1e1e1; padding:30px; min-height:300px;}
.comment .c-list{}
.comment .c-list > ul{display:table; width:100%; border-bottom:1px solid #e1e1e1;}
.comment .c-list > ul > li{display:table-cell; padding:20px 10px; font-size:14px; vertical-align:middle; }
.comment .c-list > ul > li.icon{width:5%; text-align:center;}
.comment .c-list > ul > li.icon i{background:#ccc; color:#fff; width:30px; height:30px; line-height:30px; border-radius:50%;}
.comment .c-list > ul > li.c-cont{}
.comment .c-list > ul > li.c-cont span{display:inline-block; *display:inline; zoom:1; color:#666; padding:5px; padding-left:0;}
.comment .c-list > ul > li.c-cont p{}
.comment .c-list > ul > li.set{width:20%; text-align:right;}
.comment .c-list > ul > li.set a{display:inline-block; padding:5px 10px; border:1px solid #e1e1e1; margin-left:3px; font-size:12px; color:#666}

.comment .c-write {margin-top:20px; overflow:hidden;}
.comment .c-write > div > textarea{border:1px solid #ccc; width:100%; height:100px; background:#f5f5f5; padding:10px;}
.comment .c-write > div{float:left;}
.comment .c-write > div.editor{width:90%; margin-right:0.5%;}
.comment .c-write > div.c-btn{width:9.5%;}
.comment .c-write > div.c-btn button{background:#333; color:#fff; width:100%; height:100px; border:0;}
.comment .c-write > div.c-btn button:first-child{}
.comment .c-write > div.c-btn button.c-m{height:50px; background: #36bbb5;}
.comment .c-write > div.c-btn button.c-d{height:49px; background:#999; margin-top:1px;}
.comment .c-write > p{clear:both; padding-bottom:5px;}
.comment .c-write > p input[type=checkbox]+ label:before {top:2px;}

.last-thum-main .day-box > div h3{font-size:20px; font-weight: 300; font-family: 'Noto Sans Korean'; padding:10px;}
.last-thum-main .day-box > div.all{margin-top:20px;}

.project-latest .day-box > div {float: left;}
.project-latest .day-box > div h3{font-size:20px; font-weight: 300; font-family: 'Noto Sans Korean'; padding:10px;}
.project-latest .day-box > div.all{margin-top:20px;}



.project-box{border-top:0px solid #006a9c;}
.project-box .project{}
.project-box .project ul{margin:20px 0; overflow:hidden;}
.project-box .project ul > li{float:left; width:33.33%;}
.project-box .project ul > li > div{padding:10px;}
.project-box .project ul > li .thum{border:1px solid #e1e1e1; border-bottom:0;}
.project-box .project ul > li .thum a{display:block; overflow:hidden;}
.project-box .project ul > li .thum a img{transition: transform 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.project-box .project ul > li:hover .thum a img{transform:scale(1.2);}

.project-latest .day-box{overflow:hidden; background:#fff; border-bottom:1px solid #111;}
.project-latest .day-box > div.all{float:right;}
.project-latest .day-box > div.all a{padding:5px 20px; font-weight:700; display:block; font-family:'Poppins', sans-serif; }

.project-main{border-top:1px solid #e1e1e1;}
.project-main .project ul > li{float:left; width:25%;}
.project-main .project ul {margin:0px 0;}

.grid-item > div{padding:15px; }
.project-box .project ul > li > div > div.grid-txt{border:1px solid #e1e1e1; font-size:16px; padding:20px; box-shadow:0px 2px 1px #f1f1f1; position:relative;}
.project-box .project ul > li > div > div.grid-txt a{color:#333; font-size:14px;}
.project-box .project ul > li > div > div.grid-txt p{color:#666; font-size:11px; margin-top:5px; min-height:50px; max-height:50px;}
.project-box .project ul > li > div > div.grid-txt > div.idea_like{}

.project-box .project ul > li > div > div.grid-txt > div.info{padding:5px 0;}
.project-box .project ul > li > div > div.grid-txt > div.info span{font-size:11px; font-family:"돋움"; color:#999}
.project-box .project ul > li > div > div.grid-txt > div.info span:before{content:""; width:1px; height:7px; background:#ccc; display:inline-block; margin-right:5px;}

.project-box .project ul > li > div > div.grid-txt > div.info span:first-child:before{width:0; height:0;}

.view .sns-icon{text-align:center; padding:50px 0;}
.view .sns-icon .idea_like{position:relative; right:auto; bottom:auto ;}
.view .sns-icon .idea_like a{font-size:18px; border:1px solid #ccc; border-radius:50%; padding:15px 10px;}
.view .sns-icon .idea_like a .like_on{color: #999;}
.view .sns-icon .idea_like a .like_off{color: #36bbb5;}




.member {}
.member .bbs-box > div.list > ul > li.num{width:5%;}
.member .bbs-box > div.list > ul > li.subject{width:10%;}
.member .bbs-box > div.list > ul > li.name{width:30%;}
.member .bbs-box > div.list > ul > li.date{width:10%;}
.member .bbs-box > div.list > ul > li.comment{width:10%;}
.member .bbs-box > div.list > ul > li.hit{width:10%;}
.member .bbs-box > div.list > ul > li.set{width:15%;}
.member .bbs-box > div.list > ul.b-body > li.subject{text-align:center;}
.member .bbs-box > div.list > ul > li.set a{display:inline-block; padding:5px 10px; border:1px solid #e1e1e1; margin-left:3px; font-size:12px; color:#666}

.member .category{border-top: 1px solid #006a9c; padding:15px; background:#f5f5f5; overflow:hidden;}
.member .category > ul{overflow:hidden; float:right}
.member .category > ul > li{float:left; margin-right:10px;}
.member .category > ul > li > a{display:inline-block; padding:5px 15px; border-radius:30px; background:#bbb; color:#fff}
.member .category > ul > li.on > a{background:#00c4ee;}








.add-file-box {background:#f5f5f5; border-bottom:1px solid #e1e1e1; padding:5px;}
.add-file-box a{color:#555; display:inline-block; padding:5px; margin-right:5px;}




.bbs-box .write-btn{margin:15px 0; text-align:right;}
.bbs-box .write-btn a{display:inline-block; padding:10px 20px; background:#36bbb5; color:#fff;}




.facility_view .thum{text-align:center; margin:50px 0;}
.facility_view .view-info h2 {text-align:center; font-size: 31px;font-weight: bold;letter-spacing:-1px;padding: 15px;padding-top: 0;}
.facility_view .view-info .view-btn{margin:0px 0; text-align:center;}
.facility_view .view-info .view-btn a{display:inline-block; padding:10px 30px; color:#fff; text-align:center; border-radius:0; font-weight:bold; font-size:15px; transition:0.5s; border-radius:40px; }
.facility_view .view-info .view-btn a.cal{background: #444; }
.facility_view .view-info .view-btn a.write{background: #81367f;
background: -webkit-linear-gradient(to left, #81367f, #115a99);
background: linear-gradient(to left, #81367f, #115a99);}
.facility_view .view-info .view-btn a:hover{border-radius:0px; background-position:173px;}




.link-box{position:absolute; right:-50px; top:15%}
#section1 > div > div > dl dd{position:relative;}
#section1 > div > div > dl dd a.link-circle{width:100px; height:100px; padding:10px 0; border-radius:50%;}
#section1 > div > div > dl dd a.link-circle p{color:#fff; padding:0px 0; font-size:14px;}
#section1 > div > div > dl dd a.link-circle i img{width:35px;}
#section1 > div > div > dl dd a.link-circle u{line-height:9px; display:block;}
a.link-circle{text-align:center; display:inline-block; color:#fff;}
a.link-circle.lc01{background:#e62c2b;}
a.link-circle.lc02{background:#e67a2b;}
a.link-circle.lc03{background:#2b97e6;}
a.link-circle.lc04{background:#2b63e6;}

.view-info{position:relative;}
.comm-del{margin-top: 20px;display:block;background:#ccc;color:#fff;padding:5px 10px;border:1px solid #bbb; position:absolute; right:0; z-index:99999;}
.comm-mod{margin-top: 20px;display:block;background:#ccc;color:#fff;padding:5px 10px;border:1px solid #bbb; position:absolute; right:105px; z-index:99999;}



.top-quick{position:fixed; transition:all 500ms ;}
.top-quick > div{transition:all 300ms ; overflow:hidden;}
.top-quick h1{float:left; transition:all 500ms; opacity:0}
.top-quick h1 a{color: #fff;font-family: 'Poppins', sans-serif;font-weight: 700; padding:10px; display:block;}
.top-quick.fixinner h1{margin:5px 0; opacity:1;}
.top-quick.fixinner{background:rgba(43, 174, 187, 0.98);}
.top-quick.fixinner > div{max-width:1200px; }
.top-quick.fixinner > div > ul > li > a:hover {color: #222;}

.top-quick.fixinner > div > ul > li > a{ color:#fff}
.top-quick.fixinner > div > ul > li:lasct-child > a{color:#fff}
.top-quick.fixinner > div > ul > li:after {background: #fff;}


.max-width{width:100%; max-width:1200px; margin:0 auto;}
.max-width:after {content: ''; display: block; clear: both;}



/* header{background:#fff; border-bottom:1px solid #e1e1e1;}
header > section{max-width:1200px; width:100%; margin:0 auto; position:relative; height:125px;}
header h1{padding:50px 0 30px; text-align:center; float:left;}
header h1 a {display: block;width: 200px;height: 29px;background: url('/css/img/logo.png') no-repeat 0 0;background-size: 100% 100%;text-indent:-99999px; margin:0 auto;}

#gnb{margin-top:45px; float:right; width:80%;}
#gnb > ul{ text-align:center; float:right;}
#gnb > ul > li{float:left; border:0px solid #e1e1e1; border-left:0; position:relative; padding:0 10px;}
#gnb > ul > li:first-child{border-left:0px solid #e1e1e1;}
#gnb > ul > li > a{display:block; font-size:17px; padding:6px 12px; color:#222;  font-family: 'Noto Sans Korean'; font-weight:400; transition:0.3s}
#gnb > ul > li:hover > a{color:#2fb0bc; background:#fff;}
#gnb > ul > li > ul{position:absolute; left:0; width:100%; display:none; background:#fff; border:1px solid #e1e1e1; z-index:9999; padding:10px 0;}
#gnb > ul > li > ul > li > a{display:block; font-size:14px; padding:5px; color:#999;  font-family: 'Noto Sans Korean'; font-weight:400; transition:0.3s}
#gnb > ul > li > ul > li > a:hover{color:#222;}
#gnb > ul > li:hover > ul{display:block;}


#gnb > ul.member_login{margin-left:20px;}
#gnb > ul.member_login > li{margin-left:10px; padding:0;}
#gnb > ul.member_login > li > a{background:#2baebb; color:#fff; border-radius:5px;}
#gnb > ul.member_login > li:hover > a{background:#1f939e;}

#gnb > ul.gnb_ul{} */



#tnb{background:#fcfcfc; border-bottom:1px solid #eee;}
#tnb > div{overflow:hidden; max-width:1200px; margin:0 auto; }
#tnb > div > ul {float:right;}
#tnb > div > ul > li{float:left;}
#tnb > div > ul > li a{display:block; background:#fff; color:#999; padding:10px 15px; border:1px solid #eee; font-size:13px; border-left:0; border-top:0; border-bottom:0;}
#tnb > div > ul > li:first-child a{border-left:1px solid #eee;}
#tnb > div > ul > li:hover a{background:#36bbb5; color:#fff;}

.top-quick{display:none;}

/* 
header .hd-btn{position:absolute; top:0; right:0; height:100%; width:50px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; cursor: pointer;}
header .hd-btn > p{transform:rotate(-90deg); white-space:nowrap; margin-top:100px; color:#666;
font-family: 'Poppins', sans-serif;font-weight:700;}
header .hd-btn > div {text-align: center;position: absolute;left:0; top: 50%;} */


/*메뉴 생성*/
.menu-trigger, .menu-trigger span {display:inline-block; transition: all.4s; box-sizing:border-box;}
.menu-trigger {position:relative; width:50px; height:50px;}
.menu-trigger span{position:absolute; top:23%; width:2px; height:30px; background:#999;}

.menu-trigger span:nth-of-type(1) {left:21px;}
.menu-trigger span:nth-of-type(2) {left:25px;}

html.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(7px) translateX(-3px) rotate(45deg);
    transform: translateY(7px) translateX(-3px) rotate(45deg);
    width: 1px;
    height: 20px;
}
html.active .menu-trigger span:nth-of-type(2) {
    -webkit-transform: translateY(10px) translateX(0px) rotate(90deg);
    transform: translateY(10px) translateX(0px) rotate(90deg);
    width: 1px;
    height: 29px;
}

header{
-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
-moz-transition: -moz-transform 1000ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
-o-transition: -o-transform 1000ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform 1000ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
html.active header{-webkit-transform: translate(360px, 0);	-moz-transform: translate(360px, 0);	-o-transform: translate(360px, 0);
transform: translate(360px, 0);
}

/*
html.active_pop header{-webkit-transform: translate(-41px, 0);	-moz-transform: translate(-41px, 0);	-o-transform: translate(-41px, 0);
transform: translate(-41px, 0);
}
*/


.relative{position:relative;}

#main_bbs{background:#f5f5f5;}
#main_bbs > section{overflow:hidden; padding:30px 0;}
#main_bbs > section > div{float:left; width:32.66%; margin-right:1%;}
#main_bbs > section > div:last-child{margin-right:0;}


.notice-latest{background:#2f6a9c;}
.notice-latest .title{padding:10px 10px 0; }
.notice-latest .title > h2{font-size:17px; font-weight:400; background:#fff; color:#333; border-bottom:0px solid #e1e1e1; padding:10px; font-family: 'Noto Sans Korean';}
.notice-latest .title > h2 span{ display:inline-block; margin-right:5px; width:40px;}
.notice-latest > ul{padding:0 10px;}
.notice-latest > ul > li{overflow:hidden; border-bottom:1px solid #4684b9; padding:0 5px;}
.notice-latest > ul > li:nth-child(odd){}
.notice-latest > ul > li > a{font-size:13px; padding:10px 5px; display:block; font-weight:400; color:#fff;}
.notice-latest > ul > li > a span{font-size:14px; letter-spacing:-1px; font-family: 'Noto Sans Korean'; font-weight:500; margin-right:5px; border-radius:3px; display:inline-block;}
.notice-latest > ul > li span.new_icon{float: right; background: #68c75c;padding: 1px 4px; border-radius: 2px;color: #fff;margin-top: 14px;font-size: 10px;}



.edu-latest{background:#57b78f;}
.edu-latest .title{padding:10px 10px 0; }
.edu-latest .title > h2{font-size:17px; font-weight:400; background:#fff; color:#333; border-bottom:0px solid #e1e1e1; padding:10px; font-family: 'Noto Sans Korean';}
.edu-latest .title > h2 a{display:block;}
.edu-latest .title > h2 span{ display:inline-block; margin-right:5px; width:40px;}
.edu-latest > ul{padding:0 10px;}
.edu-latest > ul > li{overflow:hidden; border-bottom:1px solid #6ecca4; padding:0 5px;}
.edu-latest > ul > li:nth-child(odd){}
.edu-latest > ul > li > a{font-size:13px; padding:10px 5px; display:block; font-weight:400; color:#fff;}
.edu-latest > ul > li > a span{font-size:14px; letter-spacing:-1px; font-family: 'Noto Sans Korean'; font-weight:500; margin-right:5px; border-radius:3px; display:inline-block; color:#ffe413}

.comm-latest{background:#2baebb;}
.comm-latest .title{padding:10px 10px 0; }
.comm-latest .title > h2{font-size:17px; font-weight:400; background:#fff; color:#333; border-bottom:0px solid #e1e1e1; padding:10px; font-family: 'Noto Sans Korean';}
.comm-latest .title > h2 span{ display:inline-block; margin-right:5px; width:40px;}
.comm-latest > ul{padding:0 10px;}
.comm-latest > ul > li{overflow:hidden; border-bottom:1px solid #5cc7d2; padding:0 5px;}
.comm-latest > ul > li:nth-child(odd){}
.comm-latest > ul > li > a{font-size:13px; padding:11px 5px; display:block; font-weight:400; color:#fff;}
.comm-latest > ul > li > a span{font-size:14px; letter-spacing:-1px; font-family: 'Noto Sans Korean'; font-weight:500; margin-right:5px; border-radius:3px; display:inline-block;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80px; vertical-align: middle;margin-top: -5px;}



#main_info{background:#fff; margin-top:30px;}
#main_info > section{overflow:hidden; padding:10px 0;}
#main_info > section > div{float:left; width:32.66%; margin-right:1%; padding-right:1%; border-right:1px solid #e1e1e1;}
#main_info > section > div:last-child{margin-right:0; padding-right:0; border-right:0;}
#main_info section > div > div > h3{font-size:18px; color:#333; font-family: 'Noto Sans Korean'; font-weight:400; padding:0 20px 0}
#main_info section > div > div > h3.sns{font-size:18px; color:#333; font-family: 'Noto Sans Korean'; font-weight:400; padding:0 0 10px 0}
#main_info section > div > div > h1{font-size:30px; color:#333; font-family: 'Noto Sans Korean'; font-weight:700; padding:0 10px 0 30px; line-height: 36px;}
#main_info section > div > div > h4{font-size:14px; color:#333; font-family: 'Noto Sans Korean'; font-weight:400; padding:0 10px 20px 30px; line-height: 16px;}
#main_info .book > div > ul{overflow:hidden;}
#main_info .book > div > ul > li{float:left; width:50%; padding:0 2.5px;}
#main_info .sns > div > ul{overflow:hidden;}
#main_info .sns > div > ul > li{float:left; width:20%;}
#main_info .sns > div > ul > li img {width: 100%;}
#main_info .tel > div > i{display:block; text-align:center;}



#main_commu{padding:30px 0;}
#main_commu section h2{text-align:center; font-size:24px; font-family: 'Noto Sans Korean'; font-weight: 400; padding-bottom:10px; color:#333;}
#main_commu section ul {overflow:hidden;}
#main_commu section ul li{float:left; width:25%; margin-bottom:30px; max-height: 255px; min-height: 250px;}
#main_commu section ul li a{display:block; }
#main_commu section ul li a h5{text-align:center; color:#555; font-size:12px; font-weight:normal}
#main_commu section ul li a > div{position:relative; padding:5px 5px;}
#main_commu section ul li a div div{}
#main_commu section ul li a div div h3{text-align:center; color:#333; font-size:15px; font-family: 'Nanum Gothic'; font-weight: 400; margin-top:10px;}
#main_commu section ul li a div div h4{text-align:center; color:#888; font-size:12px; font-family: 'Nanum Gothic'; font-weight: 400;  margin-top:5px;}
#main_commu section ul li i{display:block; overflow:hidden; border:1px solid #e1e1e1; height:162px; text-align:center;}
#main_commu section ul li i img{transform:scale(1); transition:0.3s; }
#main_commu section ul li:hover i img{transform:scale(1.2)}



.table-list{overflow:hidden;}
.table-list > ul.table-hd{background:#2f6a9c; color:#fff;}
.table-list > ul > li{display:table; width:100%;}
.table-list > ul > li > div{display:table-cell; border-bottom:1px solid #e1e1e1; padding:20px 10px; text-align:center; font-size:13px;}
.table-list > ul > li > div.num{width:5%;}
.table-list > ul > li > div.category{width:13%;}
.table-list > ul > li > div.subject{width:44%;}
.table-list > ul > li > div.st{width:10%;}
.table-list > ul > li > div.date{width:15%;}
.table-list > ul > li > div.time{width:13%;}
.table-list > ul.table-con > li{border-left:3px solid #fff; transition:0.3s}
.table-list > ul.table-con > li > div.subject{text-align:left;}
.table-list > ul.table-con > li > div.category{color:#999;}
.table-list > ul.table-con > li:nth-child(even){background:#fcfcfc;}
.table-list > ul.table-con > li:hover{border-left:3px solid #2f6a9c; background:#f5f5f5;}
.table-list > ul.table-con > li:hover > div.subject a{font-weight:bold;}
.table-list > ul > li > div.st span.ing{color:#2baebb; font-weight:bold;}
.table-list > ul > li > div.st span.end{color:#999}

.table-list > ul > li > div.st span.state01{color:#333; font-weight:bold;}/* 상시접수 */
.table-list > ul > li > div.st span.state02{color:#2bbb7a;}/* 접수중 */
.table-list > ul > li > div.st span.state03{color:#ff9320;}/* 접수완료 */
.table-list > ul > li > div.st span.state04{color:#fd3535;}/* 교육종료 */
.table-list > ul > li > div.st span.state05{color:#35a8fd;}/* 교육중 */











.offline-view{padding-top:50px;}
.offline-view .table-box{border-top:2px solid #222; position:relative;}
.offline-view .table-box > dl{display:table; width:100%;}
.offline-view .table-box > dl > dt, .offline-view .table-box > dl > dd{display:table-cell; padding:20px 10px; font-size:14px; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.offline-view .table-box > dl > dt{width:20%; text-align:center; font-weight:bold;}

.offline-view .table-box .detail-img{position:absolute; right:10px; top:10px;}
.offline-view .table-box .detail-img div img{max-width:300px;}

.offline-view .view-cont .info {text-align:center;}
.offline-view .view-cont .info h2{letter-spacing: -1px;font-size: 23px; padding-bottom: 4px; }
.offline-view .view-cont .info h2 > span{font-weight: normal;color: #888;font-size: 13px;display: block;}
.offline-view .view-cont .info h2 > i{display:inline-block; *display:inline; zoom:1; background:#ff4343; color:#fff; padding:5px 20px; border-radius:20px; font-size:14px; font-style:normal; vertical-align:middle; margin-top:-5px;}

.offline-view .view-cont .info .date{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; display:inline-block; padding:5px 0; margin:5px 0;}
.offline-view .view-cont .info .date p{font-size: 16px;font-family: 'Poppins', sans-serif;font-weight:500; display:inline-block; *display:inline; zoom:1; }
.offline-view .view-cont .info .date p:before{content:""; width:1px; height:10px; display:inline-block; *display:inline; zoom:1; background:#999; margin:0 15px 0 10px;}
.offline-view .view-cont .info .date p:first-child:before{margin-left:0; margin-right:0; background:none;}
.offline-view .view-cont .info .name{padding:10px; color:#888}
.offline-view .view-cont .info .name a span{display:inline-block; *display:inline; zoom:1; background:#ff4343; color:#fff; padding:10px 30px; border-radius:20px; font-size:16px}
.offline-view .view-cont .info .name a{display:inline-block; *display:inline; zoom:1; background:#36bbb5; color:#fff; padding:10px 30px; border-radius:20px;}
.offline-view .view-cont .info .name a.off_detail{background:#666;}
.offline-view .detail-box .detail-btn{text-align:center;margin-top:20px;}
.offline-view .detail-box .detail-btn a{display:inline-block; *display:inline; zoom:1; color:#fff; padding:10px 30px; border-radius:40px; font-size:16px;}
.offline-view .detail-box .detail-btn a{transition: 0.3s; background: #2baebb; }
.offline-view .detail-box .detail-btn a:hover{background-position:130px; border-radius:0;}




@import url(https://fonts.googleapis.com/css?family=Lato:300);



.box{
	display: inline-block;
	position: relative;
	transition: all .2s ease;
	margin-bottom:2px;
}

/* -------------- loader10 -------------- */



.state02 i{
	position: relative;
	-webkit-animation: state02 3s ease-in-out infinite;
	animation: state02 3s ease-in-out infinite;
}


@-webkit-keyframes state02{
	0%{color:#999}
	50%{color:#36bbb5}
	100%{color:#999}
}
@keyframes state02{
	0%{color:#999}
	50%{color:#36bbb5}
	100%{color:#999}
}


.loader10:before{
	content: "";
	position: absolute;
	top: 0px;
	left: -10px;
	height: 6px;
	width: 6px;
	border-radius: 12px;
	-webkit-animation: loader10g 3s ease-in-out infinite;
	animation: loader10g 3s ease-in-out infinite;
}

.loader10{
	position: relative;
	width: 6px;
	height: 6px;
	top: 46%;
	left: 46%;
	border-radius: 12px;
	-webkit-animation: loader10m 3s ease-in-out infinite;
	animation: loader10m 3s ease-in-out infinite;
}


.loader10:after{
	content: "";
	position: absolute;
	top: 0px;
	left: 10px;
	height: 6px;
	width: 6px;
	border-radius: 10px;
	-webkit-animation: loader10d 3s ease-in-out infinite;
	animation: loader10d 3s ease-in-out infinite;
}

@-webkit-keyframes loader10g{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(17, 90, 153, 1);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes loader10g{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(17, 90, 153, 1);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}

@-webkit-keyframes loader10m{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(17, 90, 153, 1);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes loader10m{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(17, 90, 153, 1);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}

@-webkit-keyframes loader10d{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(17, 90, 153, 1);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes loader10d{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(17, 90, 153, 1);}
	100%{background-color: rgba(0, 0, 0, .2);}
}


























.calendar-edu{text-align:center; overflow:hidden;}
.calendar-edu > h2{font-size:32px; font-weight:300; padding-top:50px; color:#333; margin-bottom:50px; letter-spacing:-1px;}
.calendar-edu > div > div.calendar-box{margin-bottom:40px;}
.calendar-box-edu > ul{display:table; width:100%; background:#fff; border-left:1px solid #e1e1e1;}
.calendar-box-edu > ul > li{display:table-cell; width:14%; border:1px solid #e1e1e1; border-left:0; border-bottom:0; color:#333; font-size:16px; padding:15px; height:130px; position:relative;}
.calendar-box-edu > ul.cd-hd > li{padding:10px; height:auto;}
.calendar-box-edu > ul.cd-content > li{text-align:left; font-weight:300}
.calendar-box-edu > ul.cd-content > li:first-child{color:#36bbb5;}
.calendar-box-edu > ul.cd-content > li.off{color:#ccc}
.calendar-box-edu > ul.cd-content > li.today{background:#fff2f2;}
.calendar-box-edu > ul.cd-content > li:hover{background:#f5f5f5;}
.calendar-box-edu > ul.cd-content:last-child{border-bottom:1px solid #e1e1e1;}
.calendar-box-edu > ul.cd-content > li a > div{position:absolute; left:0; z-index:99; transition:0.3s;}
.calendar-box-edu > ul.cd-content > li a > div > span{display:block; padding:5px 5px; font-size:12px; cursor: pointer; height:28px;
white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar-box-edu > ul.cd-content > li a > div > i{font-style:normal; font-size:11px; float:left; height:28px; padding:5px 2px; margin-left:3px;}
.calendar-box-edu > ul.cd-content > li a > div > i.cal-state-ing{ color: rgba(255, 255, 255, 0.5); }
.calendar-box-edu > ul.cd-content > li a > div > i.cal-state-end{ color: rgba(0, 0, 0, 0.5); }

.calendar-box-edu > ul.cd-content > li a > div.sc_01{bottom:60px;}
.calendar-box-edu > ul.cd-content > li a > div.sc_02{bottom:30px;}
.calendar-box-edu > ul.cd-content > li a > div.sc_03{bottom:0px;}
.calendar-box-edu > ul.cd-content > li a > div.sc_01.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}
.calendar-box-edu > ul.cd-content > li a > div.sc_02.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}
.calendar-box-edu > ul.cd-content > li a > div.sc_03.on{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.3); left:-4px}

.calendar-box-edu > ul.cd-content > li a > div.color_01{background:#2fb0bc; color:#fff; }
.calendar-box-edu > ul.cd-content > li a > div.color_02{background:#0d6bbd; color:#fff; }
.calendar-box-edu > ul.cd-content > li a > div.color_03{background:#119298; color:#fff; }
.calendar-box-edu > ul.cd-content > li a > div.color_04{background:#2fa278; color:#fff; }
.calendar-box-edu > ul.cd-content > li a > div.color_05{background:#2f5fa9; color:#fff; }
.calendar-box-edu > ul.cd-content > li a > div.end{background:#ccc; color:#fff; }



.schedule_head > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.schedule_head > ul > li > h3{font-size:24px; font-weight:300; color:#555; padding:0 15px;}
.schedule_sub_head{border-bottom:1px solid #e1e1e1; margin:20px 0;}
.schedule_sub_head > ul{overflow:hidden;}
.schedule_sub_head > ul > li{float:left; margin-right:3px; border:1px solid #e1e1e1; border-bottom:0; background:#fff; padding:2px 4px 4px; font-size:12px; font-weight:400; color:#555; margin-top:2px;}
.schedule_sub_head > ul > li:last-child{margin-right:0;}

.day01{width:100%;}
.day02{width:201%;}
.day03{width:302%;}
.day04{width:403%;}
.day05{width:504%;}
.day06{width:605%;}
.day07{width:706%;}




.view-box > .view-hd{padding:5px;}
.view-box > .view-hd > h2{font-weight:500; font-size:16px;}
.view-box > ul > li{display:table; width:100%; border-bottom:1px solid #eee;}
.view-box > ul > li:first-child{border-top:1px solid #eee;}
.view-box > ul > li > div{display:table-cell; padding:10px 10px; border-left:1px solid #eee; font-weight:400; vertical-align:middle;}
.view-box > ul > li > div:last-child{border-right:1px solid #eee;}
.view-box > ul > li > div.name{width:15%; text-align:center; color:#555}
.view-box > ul > li > div.category{width:7%; text-align:center; color:#555}
.view-box > ul > li > div.period{width:15%; text-align:center; color:#555}
.view-box > ul > li > div.subject{width:33%;}
.view-box > ul > li > div.location{width:30%;}
.view-box > ul.table-hd > li{border-bottom:0; border-top:2px solid #36bbb5;}
.view-box > ul.table-hd > li > div{font-weight:500; text-align:center; color:#333}
.view-hd > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.view-hd > ul > li > h3{font-size:18px; font-weight:300; color:#555; padding:0 15px;}
.view-hd > ul > li a img{width:15px;}

.form-btn-box{padding:10px; text-align:center;}
.form-btn-box button{background:#999; color:#fff; padding:5px 10px; border:0;}
.form-btn-box button.btn-ok{background:#36bbb5;}

.pop-wrap{padding:30px; background:#f5f5f5;}
.pop-box{padding:30px; background:#fff;}

.form-box{font-size:14px;}
.form-box input{border:1px solid #e1e1e1; height:40px; padding:0 4px; width:100%;}
.form-box select{border:1px solid #e1e1e1; height:40px; width:100%; }
.form-box textarea{border:1px solid #e1e1e1; height:100px; width:100%; }
.form-btn-box{padding:10px; text-align:center;}
.form-btn-box button{background:#999; color:#fff; padding:5px 10px; border:0;}
.form-btn-box button.btn-ok{background:#36bbb5;}

.write-box > h2{font-weight:500; font-size:16px;}
.write-box > ul > li{padding:10px; border-bottom:1px solid #eee;}
.write-box > ul > li p{color:#999; font-size:12px; }

.layout-w{overflow:hidden;}
.layout-w > li{float:left; width:50%;}

.table-box{border-top:2px solid #36bbb5; margin-bottom:40px;}
.table-box > dl{display:table; width:100%;}
.table-box > dl > dt, .table-box > dl > dd{display:table-cell; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:10px; font-size:16px; }
.table-box > dl:first-child dt, .table-box > dl:first-child dd{}
.table-box > dl.layout-w dd{width:30%;}
.table-box > dl > dt{background:#f5f5f5; width:20%; text-align:center; color:#333;}
.table-box > dl > dd{color:#555;font-weight:300;}
.table-box > dl > dd:last-child{border-right:1px solid #e1e1e1;}
/* .table-box > dl > dd p:before{content:""; width:3px; height:3px; background:#999; display:inline-block; margin-bottom:5px; margin-right:5px;} */
.table-box table th, .table-box table td{padding:10px; font-size:16px; border:1px solid #e1e1e1;}









.view-commnet{padding:20px; margin-top:30px; background:#f5f5f5;}
.view-commnet > h3{font-size:13px; padding-bottom:5px; padding-left:5px; display:inline-block; margin-right:5px;}
.view-commnet > div{border:1px solid #ccc;  background:#fff;}
.view-commnet > div > span{display:block;}
.view-commnet > div > span.textarea{padding:10px;}
.view-commnet > div > span textarea{border:0px solid #ccc; background:#fff; width:100%; height:100px;}
.view-commnet > div > span a{display:block; padding:10px; border-top:1px solid #e1e1e1; text-align:center; font-size:13px;}
.view-commnet > div > span a:hover{background:#f5f5f5;}
.view-commnet > div > span textarea::placeholder {color:#bbb}
.view-commnet > div > span.c-m-btn{border-top:1px solid #e1e1e1; display:block; text-align:center; overflow:hidden;}
.view-commnet > div > span.c-m-btn button{border:0; background:#fff; padding:10px; text-align:center; float:left; width:10%;}
.view-commnet > div > span.c-m-btn button.c-m{background:#2baebb; color:#fff; width:90%;}

.view-commnet input[type=checkbox]+ label:before{top:1px;}

.commnet-view{border-top:2px solid #e1e1e1; margin-top:30px;}
.commnet-view > ul > li{padding:20px; border-bottom:1px solid #e1e1e1; position:relative;}
.commnet-view > ul > li > a{color:#999; display:block; float:right;}
.commnet-view > ul > li > a > span{display:block; width:3px; height:3px; background:#ccc; margin:2px;}
.commnet-view > ul > li > div{padding:8px; padding-left:0;}
.commnet-view > ul > li > span{display:block; color:#999;}
.commnet-view > ul > li > i{position:absolute; display:block; font-style:normal; right:5px; top:40px; border:1px solid #e1e1e1; background:#f5f5f5; padding:3px 0; display:none;}
.commnet-view > ul > li > i.on{display:block;}
.commnet-view > ul > li > i > a{display:block; font-size:11px; color:#666; padding:3px 7px;}
.commnet-view > ul > li > i > a:hover{text-decoration:underline;}



.comm-view .tab-box{margin:20px 0; position:relative; }
.comm-view .tab-box > ul{display:table; width:100%; }
.comm-view .tab-box > ul > li{display:table-cell; border:1px solid #e1e1e1; border-left:0;  border-bottom:1px solid #aaa; text-align:center; width:10%; position:relative}
.comm-view .tab-box > ul > li:first-child{border-left:1px solid #e1e1e1;}
.comm-view .tab-box > ul > li > a{padding:10px 20px; display:block; font-size:13px; color:#888;}
.comm-view .tab-box > ul > li.on{border:1px solid #aaa; border-bottom:0; margin-bottom:-1px;}
.comm-view .tab-box > ul > li.on > a{color:#222; padding-bottom:12px; font-weight:bold;}
.comm-view .tab-box > ul > li:hover > a{color:#222;}
.comm-view .tab-box > ul > li.blank{border:0; border-bottom:1px solid #aaa; width:60%;}
.comm-view .tab-box .comm_adm{position:absolute; right:0; top:15px;}
.comm-view .tab-box .comm_adm > ul > li{float:left; margin-left:15px;}
.comm-view .tab-box .comm_adm > ul > li > a{color:#888; font-size:11px;}
.comm-view .tab-box .comm_adm > ul > li > a:hover{color:#222;}



.comm-view .tab-box .comm-set{position:absolute; right:0px; top:13px}
.comm-view .tab-box .comm-set a{display:inline-block; padding:5px 5px; background:#; color:#999; margin-left:3px;}
.comm-view .tab-box .comm-set a:hover{color:#777;}

.comm-view .tab-con > div > ul > li{margin-bottom:30px;}
.comm-view .tab-con > div > ul > li > h4{font-size:17px; font-family: 'Noto Sans Korean'; font-weight: 400;}
.comm-view .tab-con > div > ul > li > p{color:#666; font-size:13px; padding:5px 0;}
/*
.comm-view .tab-con > div > ul > li > p:before{content:""; display:inline-block; width:2px; height:2px; background:#999; margin-right:5px; margin-top:-5px; vertical-align:middle;}
*/

.bbs-info span{color:#999; text-align:center;}
.bbs-info span:before{content:""; display:inline-block; width:1px; height:11px; background:#ccc; margin:0 8px 0 5px;}
.bbs-info span:first-child:before{content:""; width:0; margin:0;}
.bbs-info a{color:#333}

.comm-view-bbs{padding:20px; border:1px solid #e1e1e1;}
.comm-view-bbs .title{overflow:hidden; border-bottom:1px solid #e1e1e1; padding: 3px 0 5px 3px; clear: both; overflow: hidden; word-break: break-all; word-wrap: break-word; zoom: 1; }
.comm-view-bbs .title h4{font-size:20px; float:left; font-family: 돋움;}
.comm-view-bbs .title .bbs-info{float:right;}
.comm-view-bbs .bbs-con{min-height:100px; padding:20px 0; font-size:13px;}

.bbs-list-page .page-title{border-bottom:1px solid #999;}
.bbs-list-page .page-title h2{font-size:14px; padding:10px;}
.bbs-list-page .page-list{}
.bbs-list-page .page-list > ul > li{padding:5px; border-bottom:1px solid #e1e1e1;}
.bbs-list-page .page-list > ul > li:hover{background:#f5f5f5;}
.bbs-list-page .page-list > ul > li > span{float:right; margin-top:5px; color:#999}
.bbs-list-page .page-list > ul > li > a{display:block; padding:5px;}
.bbs-list-page .paging-btn{text-align:center; margin-top:20px;}
.bbs-list-page .paging-btn > a{display:inline-block; padding:5px 10px; border:1px solid #e1e1e1; color:#666}
.bbs-list-page .paging-btn > a:hover{background:#f5f5f5;}

.comm-view-write{padding:20px; border:1px solid #e1e1e1;}
.comm-view-write .title{overflow:hidden; border-bottom:0px solid #e1e1e1; padding:0; clear: both; overflow: hidden; word-break: break-all; word-wrap: break-word; zoom: 1; }
.comm-view-write .title h4{font-size:20px;font-family: 돋움; padding-bottom:5px; color:#666}
.comm-view-write .title h4 input{border:1px solid #e1e1e1; width:100%; padding:5px;}
.comm-view-write .title h4 input::placeholder{color:#ccc}
.comm-view-write .bbs-con{min-height:100px; padding:0px 0; font-size:13px;}
.comm-view-write .bbs-con textarea{width:100%; height:300px; border:1px solid #e1e1e1; padding:10px;}
.comm-view-write .bbs-con textarea::placeholder{color:#ccc}
.comm-view-write .bbs-con .write-btn{text-align:center; margin-top:20px;}
.comm-view-write .bbs-con .write-btn a{display:inline-block; padding:10px 20px; border:0px solid #e1e1e1; color:#666}
.comm-view-write .bbs-con .write-btn a:hover{background:#f5f5f5;}
.comm-view-write .bbs-con .write-btn a.can{background:#ccc; color:#fff;}
.comm-view-write .bbs-con .write-btn a.ok{background:#36bbb5; color:#fff;}











#file_image_area{}

.data-img input[type=checkbox]+ label {padding-left: 18px; font-size:11px;}
.data-img input[type=checkbox]+ label:before {top:1px;width: 14px;height: 14px;}
.data-img input[type=checkbox]:checked + label:before {font-size: 10px;}
.data-img > ul{overflow:hidden;}
.data-img > ul > li{text-align:center; float:left; margin-right:10px; }
.data-img > ul > li > div.file-add label{border:0px solid #e1e1e1; padding:3px; font-size:11px; background:#333; color:#fff; display:block; width:80px; margin:0 auto;}
.data-img > ul > li > div.file-add label:hover{background:#666;}
.data-img > ul > li > div.data-thum{margin:5px 0 0;}
.data-img > ul > li > div > input[type="file"]{border:1px solid #ccc; display:none;}
.data-img > ul > li p.data-txt{display:block; color:#999; padding:3px 0;}
.data-img > ul > li > span{display:block;}
.data-img > ul > li button{margin-top:5px; background:#ff4343; color:#fff; border:0; display:block; text-align:center; width:100%; padding:3px; font-size:11px;}

.data-file input[type=checkbox]+ label {padding-left: 18px; font-size:11px;}
.data-file input[type=checkbox]+ label:before {top:1px;width: 14px;height: 14px;}
.data-file input[type=checkbox]:checked + label:before {font-size: 10px;}
.data-file > ul{overflow:hidden;}
.data-file > ul > li{text-align:left; float:left; margin-right:10px; }
.data-file > ul > li > div.file-add label{border:0px solid #e1e1e1; padding:3px; font-size:11px; background:#333; color:#fff; display:block; width:80px; text-align:center; margin:0;}
.data-file > ul > li > div.file-add label:hover{background:#666;}
.data-file > ul > li > div.data-thum {margin: 5px 0 0; background: #f5f5f5; padding: 5px; border: 1px solid #e1e1e1;}
.data-file > ul > li > div > input[type="file"]{border:1px solid #ccc; display:none;}
.data-file > ul > li p.data-txt{display:block; color:#999; padding:3px 0;}
.data-file > ul > li > span{display:block;}
.data-file > ul > li button{margin-top:5px; background:#ff4343; color:#fff; border:0; display:block; text-align:center; width:100%; padding:3px; font-size:11px;}




.slide-date{ padding:20px 50px; position:relative; background:#f5f5f5;}
.slide-date .swiper-wrapper{}
.slide-date .swiper-slide{background:#fff; border:1px solid #e1e1e1;}
.slide-date .swiper-slide a{display:block; padding:10px 10px; color:#888; text-align:center; font-size:15px;}
.slide-date .swiper-button-next, .slide-date .swiper-button-prev {background-size: 15px 44px;}
.slide-date .swiper-slide:hover{border:1px solid #2baebb;}
.slide-date .swiper-slide:hover a{color:#2baebb;}
.comm-view .tab-con .table-list > ul > li {display: table;width: 100%; margin-bottom:0;}

.table-write-btn{float:left; margin-top:10px;}
.table-write-btn a{display:inline-block; padding:10px 20px; background:#2baebb; color:#fff;}
.table-write-btn a:hover{background:#178994;}



.board_comment_list > li h4{font-size:12px;}
.board_comment_list > li{position:relative; display: block !important;}
.board_comment_list > li > a.commnet-set{position:absolute; right:30px; top:30px;}
.board_comment_list > li > a.commnet-set > span{display:block; width:3px; height:3px; margin-bottom:2px; background:#333;}
.board_comment_list > li > div > p{padding:5px 0; font-size:12px;}
.board_comment_list > li > span{color:#888; font-size:12px;}

.board_comment_list .comment-set-pop{position:absolute; right:20px; top:50px; border:1px solid #ccc; background:#fff; padding:5px; display:none;}
.board_comment_list .comment-set-pop a{font-style:normal; font-size:12px; color:#666; display:block; padding:3px;}
.board_comment_list .comment-set-pop a:hover{color:#333}
.board_comment_list .comment-set-pop.on{display:block;}



.edu .thum-list > ul{overflow:hidden;}
.edu .thum-list > ul > li{float:left; width:25%; margin-bottom:60px; max-height: 203px; min-height: 203px;}
.edu .thum-list > ul > li a{display:block; }
.edu .thum-list > ul > li a h5{text-align:center; color:#555; font-size:12px; font-weight:normal}
.edu .thum-list > ul > li a > div{position:relative; text-align:center; padding:5px;}
.edu .thum-list > ul > li a > div > span{position:absolute; display:block; width:100%; text-align:center;}
.edu .thum-list > ul > li a > div > span > span{display:block; width:100%; height:100%; line-height:200px;}
.edu .thum-list > ul > li i{display:block; overflow:hidden; text-align:center; border:1px solid #e1e1e1;}
.edu .thum-list > ul > li i iframe{transform:scale(1); transition:0.3s; max-width:290px; max-height:193px; min-height:193px; margin:0 auto;}
.edu .thum-list > ul > li:hover i iframe{transform:scale(1.2)}
.edu .thum-list > ul > li.nodata{float:none; text-align:center; width:auto; height:200px; line-height:200px; color:#666;}



.off_check{width: 72%; margin-top: -12px;}
.off_check > div{display:inline-block; margin:5px;}
.off_check > div input[type=checkbox]+ label:before {top:2px}




.rating .form-set > ul {border: 0px solid #e1e1e1;border-top: 0;}
.rating .form-set > ul > li{display:inline-block; margin-right:5px;}

.rating{padding:20px; background:#f5f5f5; margin-top:30px;}
.rating h5{font-weight:normal; padding:3px; color:#333}
.rating > div{border:1px solid #ccc;}
.rating > div > dl{display:table; width:100%; background:#fff; border-bottom:1px solid #e1e1e1;}

.rating > div > dl > dt, .rating > div > dl > dd{display:table-cell; padding:10px; vertical-align:middle;}
.rating > div > dl > dt{width:10%; text-align:center;}
.rating > div > dl > dd{width:90%; border-left:1px solid #e1e1e1;}
.rating > div > dl > dd textarea{width:100%; border:1px solid #e1e1e1; height:150px; padding:5px; background:#fff;}


.rating > div > div.rating-btn{}
.rating > div > div.rating-btn a{display:block; padding:10px; text-align:center; font-size:13px; background:#fff;}
.rating > div > div.rating-btn a:hover{background:#f5f5f5;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;  border:1px solid #ccc;}
.hd_pops_con {height:auto !important;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_footer {padding:10px 0; color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf; }
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#115a99}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#115a99;color:#115a99}

.space{ text-align:center;}
.space > div > ul{text-align:center;}
.space > div > ul > li{display:inline-block; width:45%; padding:50px; border-left:1px solid #e1e1e1;}
.space > div > ul > li:first-child{border-left:0;}
.space > div > ul > li h5{font-size:30px; font-family: 'Noto Sans Korean'; letter-spacing:-0.5px; font-weight:600; position:relative; color:#222}
.space > div > ul > li h5:after{content:""; width:50px; height:3px; background:#ccc; display:block; margin:20px auto 20px;}


.space > div > ul > li .space-info{margin: 0 auto;text-align: left;max-width: 330px;}
.space > div > ul > li p{font-size:12px;  font-family: 'Noto Sans Korean'; font-weight:400; color:#444; letter-spacing:0; border-bottom:1px solid #e1e1e1; display:block; margin-bottom:5px; text-align:left;}
.space > div > ul > li p i{display:inline-block; width:30px; height:30px; line-height:30px; background:#f5f5f5; color:#888}

.space div img{max-width:400px; margin-bottom:30px;}


/* 2021.11.17 추가 */
.space_info {overflow: hidden; margin-top: 60px; margin-bottom: 60px; text-align: left;}
.space_left {float: left; width: 40%;}
.space_left .space_logo {background: #fafafa; width: 100%; min-height: 280px; display: table; text-align: center;}
.space_left .space_logo > span {display: table-cell; vertical-align: middle;}
.space_left .space_logo img {height: 42px; margin-bottom: 0;}
.space_right {float: right; width: 55%;}
.space_info .space_right > strong {font-size: 20px; font-weight: 800; color: #82367E;}
.space_info .space_right > h3 {font-size: 30px; font-weight: 800; color: #333;}
.space_info .space_right > h3:after {content: ''; width: 24px; height: 3px; background: #ccc; display: block; margin: 20px 0 20px;}
.space_info .space_right > p {font-size: 14px; color: #666; line-height: 1.5;}

.downloads {width: 100%; margin-top: 40px; overflow: hidden;}
.downloads > ul {margin: 0 -30px;}
.downloads > ul > li {float: left; position: relative; padding: 0 30px; border-right: 1px solid #e1e1e1;}
.downloads > ul > li:last-child {border-right: 0;}
.downloads > ul > li > a {display: block;}
.downloads > ul > li > a:before {content: ''; display: block; float: left; width: 50px; height: 50px; border: 1px solid #e1e1e1; border-radius: 50%; background: url('/img/icon_download.svg') no-repeat 50% 50%; background-size: 16px auto;}
.downloads > ul > li > a > div {float: left; margin-top: 4px; margin-left: 20px;}
.downloads > ul > li strong {font-size: 18px; font-weight: 600;}
.downloads > ul > li span {display: block; color: #666;}

.space_list > ul {text-align:center;}
.space_list > ul > li {display:inline-block; width:48%; padding:50px 40px; border-left:1px solid #e1e1e1;}
.space_list > ul > li:first-child {border-left: 0;}
.space_list > ul > li h5 {font-size: 24px; font-family: 'Noto Sans Korean'; letter-spacing:-0.5px; font-weight:400; position:relative; color:#222;}
.space_list > ul > li h5:after{content:""; width:50px; height:3px; background:#ccc; display:block; margin:20px auto 20px;}

.space-info {margin: 0 auto;text-align: left;max-width: 360px;}
.space-info p {font-size:13px; font-family: 'Noto Sans Korean'; font-weight:400; color:#444; letter-spacing:0; border-bottom:1px solid #e1e1e1; display: block; margin-bottom:5px; text-align:left;}
.space-info p i {display:inline-block; width:30px; height:30px; line-height:30px; background:#f5f5f5; color:#888; text-align: center;}

.space-map .layer2{position:absolute; z-index:9999; }

.space-map .layer2 > div{background:#f5f5f5; padding:7px 10px; position:relative; text-align:center;  cursor:pointer; border-radius:15px; border:1px solid #ccc;}
.space-map .layer2 > div:hover{border:2px solid #21a1a7;}
.space-map .layer2 > div > u {
position: absolute;
display: block;
width: 15px;
height: 15px;
text-decoration: none;
background: #002750;
color: #fff;
text-align: center;
line-height: 16px;
border-radius: 100%;
left: -5px;
top:-5px;
font-size: 11px;
font-weight: bold;
}
.space-map .layer2 > div h3{font-size:14px; margin-top:5px;}
.space-map .layer2 > div p{ margin-top:3px; font-weight:bold;}
.space-map .layer2 > div p b{color:#ff4343;}
.space-map .layer2 > div small{padding-top:5px; color:#666;display:block;}

.space-map .layer2 > div > div{text-align:center;}
.space-map .layer2 > div > div i{display:inline-block; background:#21a1a7; color:#fff; padding:8px; border-radius:5px;
font-size:20px; position:relative;}
.space-map .layer2 > div > div > i u{position:absolute; top:-5px; right:-5px; border-radius:100%; background:#ff1a1a; color:#fff; width:15px; height:15px; font-size:11px; text-decoration:none; line-height:15px;}

/* 2021.11.18 추가 */
.vision {padding: 60px 0;}
.vision_list > li {position: relative; margin-bottom: 20px;}
.vision_list > li > div {display: block; border: 4px solid #f5f5f5; margin-left: 30px; padding: 24px 20px; padding-left: 160px;}
.vision_list > li > div > strong {position: absolute; top: 0; left: 0; display: inline-block; background: linear-gradient(135deg, #0B5096, #82367E); width: 150px; padding: 15px; font-size: 16px; color: #fff; text-align: center; box-shadow: 5px 5px 10px 0 rgba(68,68,139,.3);}
.vision_list > li > div > p {display: inline-block; font-size: 14px; color: #666;}
.vision_list > li > div > p b {color: #0B5096; font-weight: 400; text-decoration: underline;}

.step_process {font-size: 0; margin: 0 -1%;}
.step_process > li {display: inline-block; font-size: 14px; width: 31%; margin: 0 1%; vertical-align: top;}
.step_process > li .tit {display: block; padding: 15px 20px; text-align: left; background: rgba(11, 80, 150, .5); color: #fff; font-size: 16px; margin-bottom: 10px; border-radius: 8px 0 0 0;}
.step_process > li:nth-child(2) .tit {background: rgba(129,43,122,.5);}
.step_process > li:nth-child(3) .tit {background: rgba(161,193,64,.5);}
.step_process > li .tit strong {display: block; margin-top: 5px;}
/* .step_process > li .num {font-weight: bold; display: inline-block; color: rgba(11, 80, 150, .5); font-size: 12px;}
.step_process > li:nth-child(2) .num {color: rgba(129,43,122,.5);}
.step_process > li:nth-child(3) .num {color: rgba(161,193,64,.5);} */
.step_process > li > .txt {display: block; padding: 20px 15px; text-align: left; background: #fafafa; min-height: 88px; border-radius: 0 0 8px 0;}
.step_process > li > .txt > p {margin-bottom: 10px; font-size: 14px; color: #333;}
.step_process > li > .txt > p:last-child {margin-bottom: 0;}

.step_process li > ul {padding: 0 20px; border-right: 1px dashed #e1e1e1; min-height: 162px;}
.step_process li:last-child > ul {border-right: 0;}
.step_process li > ul > li {position: relative; display: block; margin-bottom: 10px; padding-left: 14px; color: #666;}
.step_process li > ul > li:before {content: ''; display: block; position: absolute; left: 0; width: 5px; height: 6px; background: #ccc; margin-top: 8px; transform: rotate(0deg) skew(-40deg, 0deg);}
.step_process li > ul > li:last-child {margin-bottom: 0;}

/* .cont_tit {position: relative; font-size: 16px; font-weight: 800; color: #0B5096; text-transform: uppercase; letter-spacing: 2px; padding-left: 30px;}
.cont_tit:before {content: ''; display: block; position: absolute; top: 16px; left: 0; width: 20px; height: 1px; background: #0B5096;} */

/* Customized Paging */
.pg_wrap {text-align: center; margin-top: 40px;}
.pg_page {position: relative; width:40px; height:40px; font-size:15px; color:#666; line-height:38px; padding:0; background:#fff; border:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-align:center; display:inline-block;}
.pg_page:hover {background:#f2f2f2;}
.pg_current {color: #81367f;}
.pg_current:after {content: ''; position: absolute; bottom: 5px; left: 50%; margin-left: -10px; width: 20px; height: 3px; background-color: #81367f;}
/* .pg_current {width:40px !important; height:40px !important; font-size:15px; color:#fff; font-weight:normal; line-height:38px; margin:0; padding:0; background:#333; border:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-align:center; display:inline-block;} */

/* pg page ctrl */
.pg_ctrl {position: relative; border: 1px solid #ddd; text-indent: -9999px;}
.pg_ctrl:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: 20px auto;}

.pg_start:after {background-image: url('/css/img/icon_bbs_first.png');}
.pg_prev:after  {background-image: url('/css/img/icon_bbs_prev.png');}
.pg_next:after {background-image: url('/css/img/icon_bbs_next.png');}
.pg_end:after  {background-image: url('/css/img/icon_bbs_last.png');}



/* 2023.09.07 추가 */
.bbs_tab {position: relative; display: flex; font-size: 0; margin-bottom: 60px;}
.bbs_tab:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd;}
.bbs_tab li {position: relative; display: table; float: left; width: 180px; height: 50px; text-align: center; margin-left: -1px; z-index: 1;}
.bbs_tab li.on:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #81367f;}
.bbs_tab li a {display: table-cell; vertical-align: middle; padding: 0 10px; font-size: 16px; color: #666; background-color: #f7f7f7; border: 1px solid #ddd;}
.bbs_tab li.on a {background-color: #fff; border-bottom-width: 0; color: #81367f; font-weight: 600;}

/* board top */
.bbsTop {display: flex; justify-content: space-between; align-items: center;}

/* board search */
.bbs_search {margin-bottom: 20px; text-align: right;}
.bbs_search * {font-size: 15px;}
.bbs_search select {display: inline-block; width: 160px; height: 40px; vertical-align: middle; padding: 0 10px; border: 1px solid #ddd;}
.bbs_search .input_search {position: relative; display: inline-block; width: 440px; vertical-align: middle; margin-left: 10px; font-size: 0;}
.bbs_search .input_search input {width: 100%; height: 40px; border: 1px solid #ddd; padding: 0 10px; padding-right: 40px;}
.bbs_search .input_search .sch_btn {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #81367f; color: #fff; border: 0;}

/* board cate */
.cate {display: inline-block; padding: 3px 16px; min-width: 55px; font-size: 14px; color: #999; border: 1px solid #ddd; background-color: #fff; border-radius: 24px; vertical-align: middle;}
.cate.cate01 {background-color: #3598db; border-color: #3598db; color: #fff;}

/* board list new */
.bbsList {width: 100%; border-top: 1px solid #81367f; border-collapse: collapse; border-spacing: 0; font-size: 0;}
.bbsList th {border-bottom: 1px solid #ddd; font-size: 15px; padding: 12px 10px; background-color: #FAFAFA; text-align:center; font-weight : bold;}
.bbsList td {border-bottom: 1px solid #ddd; font-size: 15px; text-align: center; padding: 10px 10px;}
.bbsList td.subject {text-align: left;}
/* 자료실과 겹쳐서 추가 */
/* hover 부분은 찾아볼 것(2023.09.13) */
/*
.bo_tit{font-weight:normal;}
#bo_list tbody tr:hover {pointer-events: none;}
*/

/* board img list new */
.bbsConList {width: 100%; border-top: 1px solid #81367f; font-size: 0;}
.bbsConList li {padding: 20px 0; border-bottom: 1px solid #ddd;}
.bbsConList .num {width: 120px; display: inline-block; font-size: 15px; text-align: center;}
.bbsConList a {display: inline-block; vertical-align: middle; width: calc(100% - 120px);}
.bbsConList .img_box {position: relative; display: inline-block; width: 200px; height: 160px; overflow: hidden; vertical-align: middle;}
.bbsConList .img_box > img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; max-height: none; min-width: 100%; object-fit: cover;}
.bbsConList .txt_box {display: inline-block; width: calc(100% - 210px); padding-left: 20px; vertical-align: middle;}
.bbsConList .txt_box strong {font-size: 18px; font-weight: 700;}
.bbsConList .txt_box p {font-size: 15px; color: #666; margin-top: 20px; margin-bottom: 20px;}
.bbsConList .txt_box span {position: relative; font-size: 15px; color: #999; padding: 0 10px;}
.bbsConList .txt_box span:first-of-type {margin-left: -10px;}
.bbsConList .txt_box span:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px; background-color: #ddd;}
.bbsConList .txt_box span:last-child:after {content: none;}

/* board view */
.bbsView {width: 100%;}
.bbsView_header {border-bottom: 1px solid #ddd;}
.bbsView_header .cate {margin-bottom: 10px;}
.bbsView_header h4 {font-size: 24px; font-weight: 600;}
.bbsView_info {margin-top: 20px; margin-bottom: 20px;}
.bbsView_info * {display: inline-block; font-size: 15px; color: #666;}
.bbsView_info dt {font-weight: 800;}
.bbsView_info dd {padding-left: 20px; margin-right: 40px;}
.bbsView_body {padding: 20px 0 40px; border-bottom: 1px solid #ddd;}
/* .bbsView_cont {padding: 20px 0;} */

.bbsView_file {position: relative; width: 100%; min-height: 80px; background-color: #F7F7F7; padding: 20px 30px; margin-top: 20px; font-size: 0;}
.bbsView_file strong {display: inline-block; width: 100px; font-size: 15px; font-weight: 800; color: #333; vertical-align: top;}
.bbsView_file .file_box {display: inline-block; width: calc(100% - 100px);}
.bbsView_file .file_list {display: inline-block; padding-left: 45px;}
.bbsView_file .file_list li {display: block;}
.bbsView_file .file_list li a {display: inline-block; font-size: 15px; font-weight: 600; color: #333;}
.bbsView_file .file_list li span {font-size: 15px; font-weight: normal; color: #999; margin-left: 10px;}
.bbsView_file .file_list li dl {margin-left: -10px; margin-top: 10px;}
.bbsView_file .file_list li dl dd {position: relative; display: inline-block; font-size: 14px; color: #999; padding: 0 10px;}
.bbsView_file .file_list li dl dd:after {content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 1px; height: 12px; background-color: #ddd;}
.bbsView_file .file_list li dl dd:last-child:after {content: none;}

/* 이전글 다음글 */
.bbsView_page {margin-top: 40px;}
.bbsView_page li {display: table; table-layout: fixed; width: 100%; font-size: 15px; background: #f7f7f7; padding: 20px; margin: 5px 0;}
.bbsView_page strong {position: relative; display: table-cell; width: 130px; font-weight: 800;}
.bbsView_page strong i {position: absolute; top: 50%; right: 0; margin-top: -10px; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 14px; color: #999; border: 1px solid #ddd; background-color: #fff; text-align: center; vertical-align: middle;}
.bbsView_page .tit {display: table-cell; width: auto; padding-left: 40px; color: #666;}

.button_area {padding-top: 20px;}
.button_area:after {content: ''; display: block; clear: both;}
.button_area .left {float: left;}
.button_area .right {float: right;}

/* board comment */
.commentArea {margin-top: 60px;}
.commentArea .count {font-size: 15px;}
.commentArea .comment_list {border-top: 1px solid #eee; margin-top: 10px;}
.commentArea .comment_list li {display: block; padding: 30px 30px; font-size: 15px; border-bottom: 1px solid #eee;}
.commentArea .comment_list li dl * {display: inline-block; font-size: 15px;}
.commentArea .comment_list li dl dt {position: relative; padding-right: 10px; font-weight: 800;}
.commentArea .comment_list li dl dt:after {content: ''; position: absolute; top: 50%; right: 0; margin-top: -2.5px; margin-right: -2.5px; width: 5px; height: 5px; border-radius: 50%; background-color: #ddd;}
.commentArea .comment_list li dl dd {padding-left: 10px; color: #0645a0;}
.commentArea .comment_list li p {margin-top: 20px; color: #333; font-size: 15px; font-weight: 400;}
.commentArea .comment_box {margin-top: 30px;}
.commentArea .comment_box textarea {width: 100%; height: 160px; border: 1px solid #ddd; font-size: 15px; padding: 10px; resize: none;}
.commentArea .comment_box .btn_wrap {padding-top: 20px;}
.commentArea .comment_list li.nodata {text-align: center; color: #666;}

/* 2023.09.07 추가 */
/* responsive */
@media(max-width: 1200px) {
    .max-width {width: 100%; max-width: none; padding: 0 4%;}

    #contents {max-width: none; width: 100%; padding: 0 4%;}
}

@media (max-width: 1024px) {
    /* tab */
    .bbs_tab li {height: 45px;}
    .bbs_tab li a {font-size: 15px;}

    /* board view */
    .bbsView_header h4 {font-size: 20px;}
}

@media (max-width: 768px) {
    /* tab */
    .bbs_tab li {height: 45px;}
    .bbs_tab li a {font-size: 15px;}

    /* board list new */
    .bbsList,
    .bbsList tbody,
    .bbsList tr,
    .bbsList th,
    .bbsList td {position: relative; display: block; text-align: left;}
    .bbsList thead {display: none;}
    .bbsList tr {border: 1px solid #ddd;}
    .bbsList tr + tr{margin-top: 20px;}

    .bbsList td {border-bottom-style: dashed;}
    .bbsList td.date, .bbsList td.view {border-bottom: 0;}
    .bbsList td.view {position: absolute; bottom: 0; right: 0;}
    
    /* .bbsList tr {border-bottom: 1px solid #333;} */

    /* board img list new */
    .bbsConList .txt_box strong {font-size: 16px;}
    .bbsConList .txt_box p {font-size: 14px;}

    /* board view */
    .bbsView_file strong {display: block;}
    .bbsView_file .file_box {width: 100%;}
    .bbsView_file .file_list {padding-left: 0; padding-top: 10px;}
    .bbsView_file .file_list li a {font-size: 14px;}
}

@media (max-width: 576px) {
    /* Customized Paging */
    .pg_page {font-size: 13px; width: 30px; height: 30px; line-height: 28px;}

    /* tab */
    .bbs_tab li {width: calc(50% + 1px);}

    /* board search */
    .bbs_search select {width: 100%; margin-bottom: 10px;}
    .bbs_search .input_search {width: 100%; margin-left: 0;}

    /* board img list new */
    .bbsConList .num {display: block; text-align: text; width: 100%; margin-bottom: 10px;}
    .bbsConList a {display: block; width: 100%;}
    /* .bbsConList .img_box {height: 130px;} */

    /* board view */
    .bbsView_header h4 {font-size: 18px;}

    .bbsView_info * {font-size: 14px;}

    /* board comment */
    .commentArea .comment_list li {padding: 20px 20px;}
    .commentArea .comment_list li p {margin-top: 10px; font-size: 14px;}
}

@media (max-width: 420px) {
    /* board img list new */
    .bbsConList .img_box {width: 100%; display: block;}
    .bbsConList .txt_box {width: 100%; display: block; padding-left: 0; padding-top: 20px;}

    /* board view */
    .bbsView_info dd {margin-right: 20px;}

    /* 이전글 다음글 */
    .bbsView_page strong {width: 100px;}
    .bbsView_page .tit {padding-left: 20px;}
}