@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

.common-priv pre {font-family:"돋움"; font-size:13px; line-height:170%;}



.hd-wrap{width:100%; max-width:1000px; margin:0 auto; height:90px; z-index:999; position:relative;}
.hd-wrap > h1{float:left; font-size:12px; margin-top:20px;}
.hd-wrap > h1 a{display:block;}
.hd-wrap > h1 a img{width:172px;}
 
.hd-wrap > .gnb{float:right; }
.hd-wrap > .gnb > ul > li{float:left; position:relative;}
.hd-wrap > .gnb > ul > li > a{display:block; font-size:16px; color:#333; padding:30px 25px 10px;}
.hd-wrap > .gnb > ul > li > a:hover{color:#2263af;}

.hd-wrap .snb01{position:absolute; background:#1b3247; z-index:999999; width:100%;}
.hd-wrap .snb01 > li{text-align:center; padding:0 10px;}
.hd-wrap .snb01 > li > a{display:block; padding:10px 5px; color:#fff; border-bottom:1px solid #355777;}
.hd-wrap .snb01 > li > a:hover{color:#fdca10;}
.hd-wrap .sub_off{display:none;}

.hd-wrap > .tnb{float:right; margin-left:30px; margin-top:35px;}
.hd-wrap > .tnb > ul > li{float:left; margin-left:10px;}
.hd-wrap > .tnb > ul > li > a{display:block; font-size:10px; color:#777; letter-spacing:0.5px}
.hd-wrap > .tnb > ul:last-child > li > a{color:#2263af}

.header-img01{background:url('/img/3dprinter_bg01.jpg'); margin-bottom:30px;}
.header-img02{background:url('/img/3dprinter_bg02.jpg'); margin-bottom:30px;}
.header-img03{background:url('/img/3dprinter_bg03.jpg'); margin-bottom:30px;}
.header-img04{background:url('/img/3dprinter_bg04.jpg'); margin-bottom:30px;}



.header-img-sub{height:170px; background:url('/img/img_bg.jpg'); margin-bottom:30px;}
.hd-img-box{max-width:1000px; margin:0 auto; position:relative; height:445px;}

.header-img-sub .hd-img-box{height:auto;}

.img-txt{padding-top:90px;}
.img-txt > h2{font-size:24px; color:#fff; font-weight:400; padding-left:30px;}
.img-txt > p{font-size:14px; color:#fff; padding-left:30px;}

.img-txt-sub{padding-top:60px;}
.img-txt-sub > h2{font-size:24px; color:#333; font-weight:400; padding-left:30px;}
.img-txt-sub > p{font-size:14px; color:#999; padding-left:30px;}


.img-menu{overflow:hidden; margin-top:40px;}
.img-menu > ul > li{float:left; margin-right:10px;}

.hd-img{position:absolute; right:-25%; top:-15px; z-index:1; display:none;}
.hd-img-sub{position:absolute; right:0; top:0; z-index:1}


.main-box{max-width:1000px; margin:0 auto 50px; overflow:hidden;}
.main-box .bbs-box{float:left; width:305px; margin-right:20px; border-right:1px solid #e1e1e1; padding-right:20px;}
.main-box .bbs-box:last-child{margin-right:0px; padding-right:0; border-right:0;}

.bbs-box > span{float:right}
.bbs-box  > h2{font-size:20px; font-weight:400}
.bbs-box > ul {margin:20px 0 0; }
.bbs-box > ul > li{font-family:"돋움"; font-size:12px;}
.bbs-box > ul > li:first-child{font-weight:bold; font-size:12px;}
.bbs-box > ul > li > span{float:right; font-size:11px; color:#777; padding:5px 0;}
.bbs-box > ul > li > a{padding:5px 0; display:block;}
.bbs-box > ul > li > a:hover{text-decoration:underline; color:#2263af}

.review-box > div{margin-top:20px;}
.review-box > div > a{display:block; width:305px; height:130px; overflow:hidden;}
.review-box > div > a > img{}
.review-box > div > h3 a{font-family:"돋움"; font-size:12px; font-weight:normal; padding:5px; display:block;}
.review-box > div > h3 a:hover{text-decoration:underline; color:#2263af}
.news_box{}



/* 초기화 */

html, body{}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"Noto Sans KR", "Malgun Gothic", "맑은고딕", Dotum, "돋움", sans-serif;}
h1, h2, h3, h4, h5, h6, nav { font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', serif;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, ol, li{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}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

* { margin: 0; padding: 0; }


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

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

.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.box35 {
-moz-border-radius: 35px; /* Firefox */
-webkit-border-radius: 35px; /* Safari and Chrome */
border-radius: 35px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}




.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */
border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.cb{clear:both;}
.pl30{padding-left:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.con_wrap_1000{width:100%; max-width:1000px; margin:0 auto; padding-bottom:50px;}
.w1000{width:100%; max-width:1000px; margin:0 auto; }
.inline > ul > li{display:inline-block; *display:inline; zoom:1;}

.fc_fff{color:#fff;}
.fc_000{color:#000;}
.fc_6a1400{color:#6a1400;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:5px solid #f12b24;background:#fff; }
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 페이징 */
.paging{margin:30px auto; text-align:center; width:100%; overflow:hidden;}
.paging > ul > li{display:inline-block; *display:inline; zoom:1; }
.paging > ul > li > a{display:block; padding:7px 15px; border:1px solid #e1e1e1; color:#777; background:#f4f4f4; }
.paging > ul > li > a:hover{background:#fff; color:#2b5cac; font-weight:bold}
.paging > ul > li.on > a{background:#fff; color:#2b5cac; font-weight:bold}

/* 검색 */
.sch_box{text-align:center;}
.sch_box *{margin-left:-2px;}
.sch_box select {border: 1px solid #ccc;height: 32px;}
.sch_box input{border: 1px solid #ccc;background: #fff;vertical-align: middle;height:30px; width:300px;}
.sch_box button{background:#2b5cac; color:#fff; border:0; width:50px; height:32px}





/*통합 입력폼*/
.form_box{}
.form_box input[type=text], .form_box input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


.form_box .address span{margin:3px 0;}
.form_box .address span.post{margin:3px 0 0; display:inline-block;}
.form_box .address span.post_btn{display:inline-block; border:0;}
.form_box .address span.post_btn button{border:0; background:#2C5DAC; color:#fff; padding:9px;} 

.form_box .use_date > div > span{display:inline-block; *display:inline; zoom:1;}
.form_box .use_person > div > span{width:100px;}
		
.form_btn{text-align:center;}
.form_btn > button{padding:10px 20px; border:0;}

.form_btn > button.btn_ok{background:#162466; color:#fff;}
.form_btn > button.btn_ok:hover{background:#2C5DAC;}
.form_btn > button.btn_can{background:#777; color:#fff;}
.form_btn > button.btn_can:hover{background:#999;}


.write_form{}
.write_form input[type=text], .write_form input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.write_form > h2{text-align:center; margin:30px 0;}
.write_form > ul > li{padding:5px 10px; border-bottom:1px dashed #ddd}
.write_form > ul > li.food_info{border-top:2px solid #25c8f5;}
.write_form > ul > li > h3{font-size:13px; margin:10px 0;}
.write_form > ul > li  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}

.write_form > ul > li > div{display:table; width: 100%; margin:3px 0;}
.write_form > ul > li > div.form_tel > div{width:32%;}
.write_form > ul > li > div.form_add{margin-bottom:3px;}
.write_form > ul > li > div.form_add > div{width:32%}

.write_form > ul > li > div > div{display:table-cell; vertical-align:top;}
.write_form > ul > li > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form > ul > li > p{padding:5px;}
.write_form > ul > li > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > ul > li > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > ul > li > p.checkbox_btn{padding:5px;}
.write_form > ul > li > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:30px; border:0px;}
.write_form .form_btn button{display:inline-block; border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > ul > li.login_lost_join > ul > li{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > ul > li.login_lost_join > ul > li > a{display:inline-block; padding:5px 5px; margin:2px 0; color:#555}
.write_form > ul > li.login_lost_join > ul > li > i{display:inline-block; width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form > h2{text-align:center; margin:30px 0;}
.write_form > dl > dt, .write_form > dl > dd{display:inline-block; *display:inline; zoom:1; border-bottom:1px dashed #ddd; padding:10px;}
.write_form > dl > dt{width:20%; background:#f5f5f5; vertical-align:top; text-align:center; font-weight:bold;  height:37px; line-height:40px;}
.write_form > dl > dd{width:75%;}
.write_form > dl > dd.form_btn{width:100%;}

.write_form > dl > dd  span{display:inline-block; border:1px solid #ddd;  background:#fff; margin-right:3px;}

.write_form > dl > dd > div{width: 100%;}
.write_form > dl > dd > div.form_tel > div{width:32%;}
.write_form > dl > dd > div.form_add{margin-bottom:3px;}
.write_form > dl > dd > div.form_add > div{width:32%}

.write_form > dl > dd > div > div{display:table-cell; padding-right:5px;}
.write_form > dl > dd > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form > dl > dd > p{padding:5px;}
.write_form > dl > dd > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > dl > dd > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > dl > dd > p.checkbox_btn{padding:5px;}
.write_form > dl > dd > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:30px; border:0px;}
.write_form .form_btn button{display:inline-block; border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > dl > dd.login_lost_join > dl > dd{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > dl > dd.login_lost_join > dl > dd > a{display:inline-block; padding:5px 5px; margin:2px 0; color:#555}
.write_form > dl > dd.login_lost_join > dl > dd > i{display:inline-block; width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form > dl.txtarea > dt{height:179px; line-height:179px;}
.write_form > dl.txtarea > dd  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


/*모바일용
.write_form > dl > dd  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}
.write_form > dl > dd > div{display:table-cell; width: 100%;}
*/

















#container_title{display:none;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#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}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#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 {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
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:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#2C5DAC;color:#fff;letter-spacing:-0.1em;cursor:pointer}
.btn_submit:hover{background:#194182;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #e1e1e1;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
a.btn_cancel:hover{background:#f5f5f5;}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #e1e1e1;background:#fff;color:#555;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none; background:#f5f5f5;}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#2C5DAC;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#194182;}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none; background:#C1160C;}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.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:12px 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_head01 thead a {color:#383838}
.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-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.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}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;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:100px;padding:7px 13px;border:1px solid #e1e1e1;border-left:0;background:#f5f5f5;text-align:center}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;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}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #fff top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}

.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}












div.bbs_box{}
div.bbs_box > span{float:right;}
div.bbs_box > span > a{display:block; padding:3px 7px; border:1px solid #fff; color:#fff; font-size:11px;}
div.bbs_box > h2{font-family:'notokr-light'; border-bottom:2px solid #fff; padding-bottom:5px;}
div.bbs_box > div > h3{font-size:13px; padding:10px 0;}
div.bbs_box > div > p{min-height:142px; padding:10px; border:1px solid #e1e1e1; font-size:11px; font-family:'돋움','dotum'; color:#fff; line-height:160%;}

div.bbs_box > div > ul > li{margin:5px 0; text-align:left;}
div.bbs_box > div > ul > li:first-child a{font-size:14px; font-weight:bold}
div.bbs_box > div > ul > li:first-child a:after{content: url('/img/new_icon.png'); vertical-align: middle;}
div.bbs_box > div > ul > li > a{font-family:'돋움','dotum'; font-size:11px; color:#fff;}
div.bbs_box > div > ul > li > a:hover{color:#000; text-decoration:underline;}
div.bbs_box > div > ul > li > img{margin-right:5px;}
div.bbs_box > div > ul > li > span{float:right; color:#D9E4CA; font-size:11px;}

#content .con_box{width:1000px; margin:0 auto;}
#content .con_box > div{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#content .con_box > div.notice_box{width:240px;}

#content .con_box > div.slide_wrap{width:430px; margin:0 40px;}
#content .con_box > div.slide_wrap .slide_box > ol{float:right; overflow:hidden; padding:4px;}
#content .con_box > div.slide_wrap .slide_box > ol > li{float:left;}
#content .con_box > div.slide_wrap .slide_box > ol > li > a{display:block; padding:3px;}
#content .con_box > div.slide_wrap .slide_box > ul > li{position:relative}
#content .con_box > div.slide_wrap .slide_box > div > div > ul > li > h3{position:absolute; bottom:20px; left:0px; background:#333; padding:10px 10px 13px; color:#fff;}

#content .con_box > div.bbs_wrap{width:240px;}
#content .con_box > div.bbs_wrap > div.news_box{margin-bottom:45px;}
#content .con_box > div.bbs_wrap > div.bbs_box > ul{margin-top: 20px;}

#content .index_logo{width:1000px; margin:20px auto 0; border: 1px solid #e1e1e1;}
#content .index_logo > ul{text-align:center;}
#content .index_logo > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 7px}
#content .index_logo > ul > li > a{display:block; padding:2px 5px; border:1px solid #e1e1e1;}
#footer{background:#152c42; margin-top:50px;}
#footer > .ft_link > ul{text-align:center;}
#footer > .ft_link > ul > li{display:inline-block; *display:inline; zoom:1; margin:0px 20px;}
#footer > .ft_link > ul > li > a{display:block; color:#fff; padding:15px 0;}
#footer > .ft_copy{width:100%; max-width:1000px; margin:0 auto; background:#fff; text-align:center; font-size:11px;}
#footer > .ft_copy > p{padding: 10px 0 0; width: 44%; margin: 0 auto; text-align: left;}
#footer > .ft_copy > div{margin-top:20px;}
#footer > .ft_copy > span{display:block; padding-top:5px; margin-bottom:10px;}
.ft_copy > p{line-height:170%;}
.tel_icon{display:inline-block; padding:2px 8px; background:#0b9ab9; color:#fff; font-style:normal; border-radius:3px; margin-left:10px;}



#header .s_navigation{background:#fff; border-bottom:1px solid #e1e1e1;}
#header .s_navigation > .navi_box{width:100%; max-width:1000px; margin:0 auto; text-align:right;}
#header .s_navigation > .navi_box > ul {overflow:hidden;}
#header .s_navigation > .navi_box > ul > li{display:inline-block; *display:inline; zoom:1;}
#header .s_navigation > .navi_box > ul > li > a{display:block; padding:10px 3px; border:0px solid red; font-family:"돋움","dotum"; color:#777}
#header .s_navigation > .navi_box > ul > li.on > a{font-weight:bold; color:#333}
#header .s_navigation > .navi_box > ul > li:first-child > a:before{content:"";}
#header .s_navigation > .navi_box > ul > li > a:before{content:">"; padding:0 10px 0 0px; font-weight:normal}

#header .page_title{background:#fff; text-align:center; margin-bottom:50px;}
#header .page_title > h2{display:inline-block; margin-top:30px; padding-top:5px; font-size:19px; text-align:center; border-top:3px solid #1f3956;}



#sub_wrap{width:100%; max-width:1000px; margin:0 auto 0; position:relative;}
#sub_wrap .eq_box > ul{text-align:center; }
#sub_wrap .eq_box > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 23px 50px; width:20%; vertical-align:top;}
#sub_wrap .eq_box > ul > li > div.list_thum{border:1px solid #e1e1e1;  height: 150px; line-height: 150px; overflow: hidden;}
#sub_wrap .eq_box > ul > li > div.list_text{overflow:hidden;}
#sub_wrap .eq_box > ul > li > div.list_text > h3{padding:5px; margin-top:2px; font-size:13px;   text-align:center;}
#sub_wrap .eq_box > ul > li > div.list_text > p{background:#ccc; color:#fff; padding:3px 5px; margin-top:5px; display:inline-block; font-size:11px; }
#sub_wrap .eq_box > ul > li > div.list_text > p.on{background:#f7941d;}





/*장비이용 신청 상세*/
.eq_view > .eq_view_text > span{float:right;}
.eq_view > .eq_view_text > span > a{display:block; padding:10px 20px; background:#162466; color:#fff; }
.eq_view > .eq_view_text > span > a:hover{background:#2C5DAC;}
.eq_view > .eq_view_text > h2{border-bottom:3px solid #162466; padding:10px;}
.eq_view > .eq_view_text > div.exp{background:#f5f5f5; border:1px solid #e1e1e1; border-top:0; padding:10px 20px; margin-bottom:20px;}
.eq_view > .eq_view_text > div.exp li {padding:5px 0; color:#777}
.eq_view > .eq_view_text > div.exp li i{margin-right:5px;}

.eq_view_box{text-align: center; background: #f5f5f5; padding: 30px 15px; border: 1px solid #e1e1e1; margin-bottom:30px;}
.eq_view_box > div{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:49%; margin:0 10px;}
.eq_view_box .eq_view_thum{text-align:center; width:440px;}
.eq_view_box .eq_view_thum h3{background:#fff; text-align:center; border:1px solid #e1e1e1;height: 300px; line-height: 300px;}
.eq_view_box .eq_view_thum ul{}
.eq_view_box .eq_view_thum ul li{display:inline-block; *display:inline; zoom:1; margin:10px 3px;}
.eq_view_box .eq_view_thum ul li a{display:block; background:#fff; border:1px solid #e1e1e1; width:100px;text-align:center; padding:10px;}


/* 장비이용 신청 작성 */
.eq_write{border:1px solid #e1e1e1; border-top:3px solid #162466; padding:20px; background:#f5f5f5; margin-bottom:30px;}
.eq_write > h2{ text-align:center; margin-bottom:30px;}
.eq_write_form dl {display:table; width:100%; margin:5px 0;}
.eq_write_form dt{ font-weight:bold; width:100px; vertical-align:middle;}
.eq_write_form dd.equip_name{padding:10px 5px;}
.eq_write_form > dl > dt, .eq_write_form > dl > dd{display:table-cell;}
.eq_write_form > dl > div{display:table-cell;}
.eq_write_form > dl > div > dl > dt, .eq_write_form > dl > div > dl > dd{display:table-cell;}
.eq_write_form > dl > dd > div.hr{background:#2C5DAC; color:#fff; text-align:center; padding:5px 0; margin:20px 0 5px;}



/*달력
.schedule_wrap{margin-top:20px;}
.schedule_wrap .schedule_head{overflow:hidden;}
.schedule_wrap .schedule_head > div{text-align:center;}
.schedule_wrap .schedule_head > div > ul{overflow:hidden;}
.schedule_wrap .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.schedule_wrap .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.schedule_wrap .schedule_body{background:#fff; margin-top:13px;}
.schedule_wrap .schedule_body dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dt, .schedule_body dl dd{display:table-cell; padding:18px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.schedule_wrap .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.schedule_wrap .schedule_body dl dd:hover{background:#FFFBC8;}

.schedule_wrap .schedule_body dl dd a{display:block; padding:0;}
.schedule_wrap .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.schedule_wrap .schedule_body > dl > dd{position:relative}
.schedule_wrap .schedule_body > dl > dd.off_day a{color:#ccc}
.schedule_wrap .schedule_body > dl > dd.reservation a{}
.schedule_wrap .schedule_body > dl > dd.reservation span{display:block;}
.schedule_wrap .schedule_body > dl > dd > span{display:none;}
.schedule_wrap .schedule_body > dl > dd > span{position:absolute; top:5px; right:5px; color:#2C5DAC}
.schedule_wrap .schedule_body > dl > dd:hover div.res_time{display:block}
.schedule_wrap .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:51px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1;}
.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}


.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li{position:relative;}
.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li.off > a:before{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#ccc; display:block; text-indent:-99999px}
.schedule_wrap .schedule_body > dl > dd > div.res_time > ul > li > a:before{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#3cd155; display:block; text-indent:-99999px; position:absolute; left:5px; top:10px;}



/*신청 페이지 달력
.day_wrap{overflow:hidden;padding:10px 0;}
.day_wrap > div{float:left;}
.day_wrap .day_time > .day_time_head h2{text-align:center; margin:2px 0px 10px;}

.day_wrap .day_time > .day_time_body{}
.day_wrap .day_time > .day_time_body > ul > li{position:relative;}
.day_wrap .day_time > .day_time_body > ul > li > a{display:block; text-align:center; padding:4px 5px 3px;position:relative; background:#fff; border:1px dashed #e1e1e1;  border-top:0px;}
.day_wrap .day_time > .day_time_body > ul > li:first-child a{ border-top:1px dashed #e1e1e1; }
.day_wrap .day_time > .day_time_body > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time > .day_time_body > ul > li.off > a{color:#ccc}

.day_wrap .day_time_body > ul > li:hover div.res_time{display:block; text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time{position:absolute; top:0; left:50px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li.off > a{color:#ccc}

.day_box{ width:40%; margin-right:10px;}
.day_box dl{margin:0 !important;}
.day_box span{border:0;}
.day_box .schedule_head{overflow:hidden;}
.day_box .schedule_head > div{text-align:center;}
.day_box .schedule_head > div > ul{overflow:hidden;}
.day_box .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.day_box .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.day_box .schedule_body{background:#fff;}
.day_box .schedule_body dl {display:table; width:100%; text-align:center;}
.day_box .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.day_box .schedule_body dl dt, .day_box dl dd{display:table-cell; padding:10px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.day_box .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.day_box .schedule_body dl dd:hover{background:#FFFBC8;}

.day_box .schedule_body dl dd a{display:block; padding:0; text-align:center;}
.day_box .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.day_box .schedule_body > dl > dd{position:relative}
.day_box .schedule_body > dl > dd.off_day a{color:#ccc}
.day_box .schedule_body > dl > dd.reservation a{}
.day_box .schedule_body > dl > dd.reservation span{display:block;}
.day_box .schedule_body > dl > dd > span{display:none;}
.day_box .schedule_body > dl > dd > span{position:absolute; top:2px; right:0px; color:#2C5DAC}
.day_box .schedule_body > dl > dd:hover div.res_time{display:block}
.day_box .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}



*/











/*

.schedule_wrap .schedule_body {position:relative;}
.schedule_wrap .schedule_body .sch_pop{position:absolute; background:#fff; border:1px solid #333; z-index:99; width:100%;}
.schedule_wrap .schedule_body .sch_pop .pop_close_btn{text-align:right; display:block;} 

.schedule_wrap .schedule_body .sch_pop > h2{text-align:center; padding-bottom:10px; font-size:20px}
.schedule_wrap .schedule_body .sch_pop > div{border:1px solid #d5d5d5; border-radius:15px; width:80%; margin:0 auto; padding:30px;}

.schedule_wrap .schedule_body .sch_pop dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body .sch_pop dl dt, .schedule_wrap .schedule_body .sch_pop dl dd{display:table-cell; padding:15px 5px; border-bottom:0px solid #e1e1e1; border-right:0px solid #e1e1e1; width:auto; text-align:left; height:auto; font-size:13px; margin:0 10px; border-top:1px solid #e1e1e1;}

.schedule_wrap .schedule_body .sch_pop dl:first-child dt{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl:first-child dd{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl dt{text-align:center; line-height:normal; font-weight:bold; width:160px; background:#fff;}
.schedule_wrap .schedule_body .sch_pop dl dt:first-child{color:#333; font-weight:bold; border-left:0px solid #e1e1e1;}
.schedule_wrap .schedule_body .sch_pop dl dd:first-child{color:none; border-left:0px solid #e1e1e1; }
.schedule_wrap .schedule_body .sch_pop dl dd:hover{background:none;}

.schedule_wrap .schedule_body .sch_pop dl dd.w100px{width:100px; text-align:center; color:#002a58}
.schedule_wrap .schedule_body .sch_pop dl dd > a{height:auto;}
.schedule_wrap .schedule_body .sch_pop dl dd > i{float:right; margin-top: 3px;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a{display:block; padding:7px; border:1px solid #ddd;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a:hover{background:#555; color:#fff;}






.schedule_wrap{}
.schedule_wrap .schedule_head{overflow:hidden;}
.schedule_wrap .schedule_head > div{text-align:center;}
.schedule_wrap .schedule_head > div > ul{overflow:hidden;}
.schedule_wrap .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.schedule_wrap .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.schedule_wrap .schedule_head > div.select_date > ul > li{display:inline-block; *display:inline; zoom:1; }


.schedule_wrap .schedule_head{display:table; width:100%;}
.schedule_wrap .schedule_head > div{display:table-cell; width:77%;}
.schedule_wrap .schedule_head > div.select_date{text-align:left; width:10%;}
.schedule_wrap .schedule_head > div.select_date > ul > li select{border:1px solid #ccc; padding:10px; width:100px; font-weight:bold;}
.schedule_wrap .schedule_head > div.sc_title > h2{font-size:27px; display:inline-block; margin: 0px 15px 5px; vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title > a{display:inline-block; padding:10px; vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title >a:hover{background:#3f88bf; color:#fff; }

.sc_title select{border: 0; background: transparent; font-size:19px; font-weight:bold; font-family:"notokr-medium";}
.sc_title > div{display:inline-block; margin:0 15px;}
.select_date > a{display: inline-block; padding: 10px; border: 1px solid #ccc; background: #fff; vertical-align: middle;}
.select_date > a:hover{background:#3f88bf; color:#fff; border:1px solid #3f88bf;}



.schedule_wrap .schedule_head  div.sc_point{text-align:right; width:20%;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i{display:inline-block; width:10px; height:10px; margin-right:3px;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon1{background:#a9d0ff; }
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon2{background:#28f7f7; border-radius:10px; }

.schedule_wrap .schedule_sub_head{margin:10px 0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.schedule_wrap .schedule_sub_head > ul{display:table; width:100%;}
.schedule_wrap .schedule_sub_head > ul > li{display:table-cell; *display:inline; zoom:1; padding:15px 5px; text-align:center;}
.schedule_wrap .schedule_sub_head > ul > li > span{margin-right:5px;}


.schedule_wrap .schedule_body{background:#fff;}
.schedule_wrap .schedule_body dl {display:table; width:100%; text-align:center; margin-bottom:0;}
.schedule_wrap .schedule_body dl dt, .schedule_wrap .schedule_body dl dd{display:table-cell; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:14%; text-align:left; font-size:15px;}
.schedule_wrap .schedule_body dl dt{border-top:1px solid #e1e1e1; text-align:center; line-height:35px; font-weight:bold; background:#1c2e43; color:#c7d7e8; border-right:1px solid #2b4058;}
.schedule_wrap .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd.on > a{background:#e9f3ff; font-weight:bold}




.schedule_wrap .schedule_body dl dd > a{display:block; padding:0; height:40px; padding:10px; color:#333;}
.schedule_wrap .schedule_body dl dd > a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.schedule_wrap .schedule_body .calendar_area > dl > dd{position:relative}
.schedule_wrap .schedule_body .calendar_area > dl > dd.off_day a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation a{}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation span{display:block;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{position:absolute; top:5px; right:5px; color:#2C5DAC}
.schedule_wrap .schedule_body .calendar_area > dl > dd:hover div.res_time{display:block; text-align:center;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time{position:absolute; top:0px; left:-101px; width:100px; border:1px solid #e1e1e1; background:#337ab7; z-index:999; display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a{display:block; padding:5px; border-bottom:1px dashed #e1e1e1; font-size:13px; color:#fff;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a:hover{background:#236197;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li.off > a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont{background:#fffabd; width:101%; position:absolute; left:0px;  font-size:11px; top:35px}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont u{display:block; height:14px; overflow:hidden;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-decoration:none; padding:3px 0px 3px 3px; }
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point{position:absolute; right:10px; top:10px;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point u{display:block; background:#28f7f7; border-radius:50%; font-size:10px; padding:2px; text-decoration:none;  width:15px; height:15px}



.schedule_wrap .schedule_btn{text-align:right; margin-top:15px;}
.schedule_wrap .schedule_btn > button{border:0; background:#ff1e1e; color:#fff; padding:10px 15px; transition:0.5s}
.schedule_wrap .schedule_btn > button:hover{background:#c10505;}




.day_wrap{overflow:hidden;padding:10px 0;}
.day_wrap > div{float:left;}

.day_wrap .day_time > .day_time_head h2{text-align:center; margin:2px 0px 10px;}

.day_wrap .day_time > .day_time_body{}
.day_wrap .day_time > .day_time_body > ul > li{position:relative;}
.day_wrap .day_time > .day_time_body > ul > li > a{display:block; text-align:center; padding:4px 5px 3px;position:relative; background:#fff; border:1px dashed #e1e1e1;  border-top:0px;}
.day_wrap .day_time > .day_time_body > ul > li:first-child a{ border-top:1px dashed #e1e1e1; }
.day_wrap .day_time > .day_time_body > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time > .day_time_body > ul > li.off > a{color:#ccc}

.day_wrap .day_time_body > ul > li:hover div.res_time{display:block; text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time{position:absolute; top:0; left:50px; width:130px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333; font-size:11px;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li.off > a{color:#ccc}



.day_box{ width:40%; margin-right:10px;}
.day_box dl{margin:0 !important;}
.day_box span{border:0;}
.day_box .schedule_head{overflow:hidden;}
.day_box .schedule_head > div{text-align:center;}
.day_box .schedule_head > div > ul{overflow:hidden;}
.day_box .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.day_box .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.day_box .schedule_body{background:#fff;}
.day_box .schedule_body dl {display:table; width:100%; text-align:center;}
.day_box .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.day_box .schedule_body dl dt, .day_box dl dd{display:table-cell; padding:10px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.day_box .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.day_box .schedule_body dl dd:hover{background:#FFFBC8;}

.day_box .schedule_body dl dd a{display:block; padding:0; text-align:center;}
.day_box .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.day_box .schedule_body > dl > dd{position:relative}
.day_box .schedule_body > dl > dd.off_day a{color:#ccc}
.day_box .schedule_body > dl > dd.reservation a{}
.day_box .schedule_body > dl > dd.reservation span{display:block;}
.day_box .schedule_body > dl > dd > span{display:none;}
.day_box .schedule_body > dl > dd > span{position:absolute; top:2px; right:0px; color:#2C5DAC}
.day_box .schedule_body > dl > dd:hover div.res_time{display:block}
.day_box .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}



*/



.schedule_wrap .schedule_body {position:relative;}
.schedule_wrap .schedule_body .sch_pop{position:absolute; background:#fff; border:1px solid #333; z-index:99; width:100%;}
.schedule_wrap .schedule_body .sch_pop .pop_close_btn{text-align:right; display:block;} 

.schedule_wrap .schedule_body .sch_pop > h2{text-align:center; padding-bottom:10px; font-size:20px}
.schedule_wrap .schedule_body .sch_pop > div{border:1px solid #d5d5d5; border-radius:15px; width:80%; margin:0 auto; padding:30px;}

.schedule_wrap .schedule_body .sch_pop dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body .sch_pop dl dt, .schedule_wrap .schedule_body .sch_pop dl dd{display:table-cell; padding:15px 5px; border-bottom:0px solid #e1e1e1; border-right:0px solid #e1e1e1; width:auto; text-align:left; height:auto; font-size:13px; margin:0 10px; border-top:1px solid #e1e1e1;}

.schedule_wrap .schedule_body .sch_pop dl:first-child dt{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl:first-child dd{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl dt{text-align:center; line-height:normal; font-weight:bold; width:160px; background:#fff;}
.schedule_wrap .schedule_body .sch_pop dl dt:first-child{color:#333; font-weight:bold; border-left:0px solid #e1e1e1;}
.schedule_wrap .schedule_body .sch_pop dl dd:first-child{color:none; border-left:0px solid #e1e1e1; }
.schedule_wrap .schedule_body .sch_pop dl dd:hover{background:none;}

.schedule_wrap .schedule_body .sch_pop dl dd.w100px{width:100px; text-align:center; color:#002a58}
.schedule_wrap .schedule_body .sch_pop dl dd > a{height:auto;}
.schedule_wrap .schedule_body .sch_pop dl dd > i{float:right; margin-top: 3px;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a{display:block; padding:7px; border:1px solid #ddd;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a:hover{background:#555; color:#fff;}






.schedule_wrap{margin-top:50px;margin-bottom: 30px;}
.schedule_wrap .schedule_head{overflow:hidden;}
.schedule_wrap .schedule_head > div{text-align:center;}
.schedule_wrap .schedule_head > div > ul{overflow:hidden;}
.schedule_wrap .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.schedule_wrap .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.schedule_wrap .schedule_head > div.select_date > ul > li{display:inline-block; *display:inline; zoom:1; }


.schedule_wrap .schedule_head{display:table; width:100%;}
.schedule_wrap .schedule_head > div{display:table-cell; width:30%;}
.schedule_wrap .schedule_head > div.select_date{text-align:left;}
.schedule_wrap .schedule_head > div.select_date > ul > li select{border:1px solid #ccc; padding:10px; width:100px; font-weight:bold;}
.schedule_wrap .schedule_head > div.sc_title > h2{font-size:27px; display:inline-block; margin: 0px 15px 5px; vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title > a{display:inline-block; padding:10px; border:1px solid #ccc; background:#fff;  vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title >a:hover{background:#3f88bf; color:#fff; border:1px solid #3f88bf;}

.sc_title select{border: 0; background: transparent; font-size:19px; font-weight:bold; font-family:"notokr-medium";}
.sc_title > div{display:inline-block; margin:0 15px;}
.select_date > a{display: inline-block; padding: 10px; border: 1px solid #ccc; background: #fff; vertical-align: middle;}
.select_date > a:hover{background:#3f88bf; color:#fff; border:1px solid #3f88bf;}



.schedule_wrap .schedule_head  div.sc_point{text-align:right;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i{display:inline-block; width:10px; height:10px; margin-right:3px;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon1{background:#a9d0ff; }
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon2{background:#28f7f7; border-radius:10px; }

.schedule_wrap .schedule_sub_head{margin:10px 0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.schedule_wrap .schedule_sub_head > ul{display:table; width:100%;}
.schedule_wrap .schedule_sub_head > ul > li{display:inline-block; *display:inline; zoom:1; padding:15px 5px; text-align:center;}
.schedule_wrap .schedule_sub_head > ul > li > span{margin-right:5px;}


.schedule_wrap .schedule_body{background:#fff;}
.schedule_wrap .schedule_body dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body dl dt, .schedule_wrap .schedule_body dl dd{display:table-cell; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:14%; text-align:left; font-size:15px;}
.schedule_wrap .schedule_body dl dt{border-top:1px solid #e1e1e1; text-align:center; line-height:35px; font-weight:bold; background:#1c2e43; color:#c7d7e8; border-right:1px solid #2b4058;}
.schedule_wrap .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd.on > a{background:#e9f3ff; font-weight:bold}




.schedule_wrap .schedule_body dl dd > a{display:block; padding:0; height:85px; padding:10px; }
.schedule_wrap .schedule_body dl dd > a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }


.eq_view .schedule_wrap .schedule_body dl dd > a{display:block; padding:0; height:40px; padding:10px; }


.schedule_wrap .schedule_body .calendar_area > dl > dd{position:relative}
.schedule_wrap .schedule_body .calendar_area > dl > dd.off_day a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation a{}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation span{display:block;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{position:absolute; top:5px; right:5px; color:#2C5DAC}
.schedule_wrap .schedule_body .calendar_area > dl > dd:hover div.res_time{display:block; text-align:center;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time{position:absolute; top:-80px; left:-101px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li.off > a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont{background:#fffabd; width:101%; position:absolute; left:0px;  font-size:11px; top:35px}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont u{display:block; height:14px; overflow:hidden;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-decoration:none; padding:3px 0px 3px 3px; }
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point{position:absolute; right:10px; top:10px;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point u{display:block; background:#28f7f7; border-radius:50%; font-size:10px; padding:2px; text-decoration:none;  width:15px; height:15px}


.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time{position:absolute; top:0; left:51px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1;}
.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li.off > a{color:#ccc}


.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li{position:relative;}
.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li.off > a:before{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#ccc; display:block; text-indent:-99999px}
.schedule_wrap .schedule_body  .calendar_area > dl > dd > div.res_time > ul > li > a:before{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#3cd155; display:block; text-indent:-99999px; position:absolute; left:5px; top:10px;}




.schedule_wrap .schedule_btn{text-align:right; margin-top:15px;}
.schedule_wrap .schedule_btn > button{border:0; background:#ff1e1e; color:#fff; padding:10px 15px; transition:0.5s}
.schedule_wrap .schedule_btn > button:hover{background:#c10505;}

.schedule_wrap .schedule_body .sch_pop > div.date_head {border:0; position:relative; text-align:center;;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > h2{display:inline-block; *display:inline; zoom:1;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p{display:inline-block; *display:inline; zoom:1; margin:0 10px;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a {display:block; border:1px solid #ccc; padding:5px; color:#999}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a:hover{background:#eee; color:#333}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a > i{font-size:18px}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p.cal_left_arr{}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p.cal_right_arr{}


.sch_write_wrap{background: #fff; z-index: 9999; border: 2px solid #ffa5a5; border-radius: 0; padding: 30px; position: absolute; top: -1px; left: -1px; width: 94%;}
.sch_write_wrap input{height:25px; border:1px solid #ccc;}
.sch_write_wrap > ul > li{margin:10px 0; vertical-align:middle;}
.sch_write_wrap > ul > li:first-child input[type="text"]{width:95%;}
.sch_write_wrap > ul > li:last-child input[type="text"]{width:95%;}
.sch_write_wrap > div{text-align:center;}
.sch_write_wrap > div button{display: inline-block; padding: 7px 7px; border: 1px solid #3b3c3f;  color: #fff; text-decoration: none; vertical-align: middle;}
.sch_write_wrap > div button.write_ok{background:#2C5DAC;}
.sch_write_wrap > div button.write_can{background:#777;}

.day_wrap{overflow:hidden;padding:10px 0;}
.day_wrap > div{float:left;}

.day_wrap .day_time > .day_time_head h2{text-align:center; margin:2px 0px 10px;}

.day_wrap .day_time > .day_time_body{}
.day_wrap .day_time > .day_time_body > ul > li{position:relative;}
.day_wrap .day_time > .day_time_body > ul > li > a{display:block; text-align:center; padding:4px 5px 3px;position:relative; background:#fff; border:1px dashed #e1e1e1;  border-top:0px;}
.day_wrap .day_time > .day_time_body > ul > li:first-child a{ border-top:1px dashed #e1e1e1; }
.day_wrap .day_time > .day_time_body > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time > .day_time_body > ul > li.off > a{color:#ccc}

.day_wrap .day_time_body > ul > li:hover div.res_time{display:block; text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time{position:absolute; top:0; left:50px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li.off > a{color:#ccc}



.day_box{ width:40%; margin-right:10px;}
.day_box dl{margin:0 !important;}
.day_box span{border:0;}
.day_box .schedule_head{overflow:hidden;}
.day_box .schedule_head > div{text-align:center;}
.day_box .schedule_head > div > ul{overflow:hidden;}
.day_box .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.day_box .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.day_box .schedule_body{background:#fff;}
.day_box .schedule_body dl {display:table; width:100%; text-align:center;}
.day_box .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.day_box .schedule_body dl dt, .day_box dl dd{display:table-cell; padding:10px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.day_box .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.day_box .schedule_body dl dd:hover{background:#FFFBC8;}

.day_box .schedule_body dl dd a{display:block; padding:0; text-align:center;}
.day_box .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.day_box .schedule_body > dl > dd{position:relative}
.day_box .schedule_body > dl > dd.off_day a{color:#ccc}
.day_box .schedule_body > dl > dd.reservation a{}
.day_box .schedule_body > dl > dd.reservation span{display:block;}
.day_box .schedule_body > dl > dd > span{display:none;}
.day_box .schedule_body > dl > dd > span{position:absolute; top:2px; right:0px; color:#2C5DAC}
.day_box .schedule_body > dl > dd:hover div.res_time{display:block}
.day_box .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}


.overlay{opacity:0.3; position:absolute;top:0px; bottom:0px; left:0px; right:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.ic_caption{position:absolute; background:rgba(0,0,0,0.6) !important; overflow:hidden; margin:0px; padding:0px; left:0px; right:0px; bottom:0; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.ic_caption h3{padding:5px; font-size:18px; color:#fff; text-align:center;}


#sch_tab > ul > li button{background:#0593c8; color:#fff; padding:12px 20px; border:0;}
#sch_tab > ul > li button > span{float:right; margin-left:100px; width:14px;}


#sch_tab {text-align: center; overflow: hidden; padding-bottom: 10px;}
#sch_tab .tab-filter {list-style: none; padding: 0; overflow:hidden; padding-bottom:6px; margin:0 auto;}

#sch_tab .tab-filter>li{float:left;display:block; width:380px;}
#sch_tab .tab-filter>li a{display:block;padding:15px 55px;background:#e5e5e5;color:#64686d;position:relative; font-size:15px}
/*#sch_tab .tab-filter>li a:hover,#sch_tab .tab-filter>li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset;}*/
#sch_tab .tab-filter>li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset;}
#sch_tab .tab-filter>li a.active:after{content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#318daf transparent transparent transparent;}

#sch_tab .tab-filter>li:first-child a{border-radius:4px 0 0 4px;}
#sch_tab .tab-filter>li>a>span{color:#ccc; font-size:18px;}
#sch_tab .tab-filter>li>a.active>span{color:#fff900; font-size:18px;}
#sch_tab .tab-filter>li>a>span.prev_act{color:#318daf; font-size:18px;}

#sch_tab .tab-filter>li:last-child a{border-radius:0 4px 4px 0;}


#sch_tab .tab-result{float: right; margin-top: 11px;}
#sch_tab .tab-result button{display:inline-block; margin-left:-6px; background:#0593c8; color:#fff; padding:12px 20px; border:0;  border-radius:0 4px 4px 0;}
#sch_tab .tab-result > p{display:inline-block; font-size:15px; border:1px solid #ccc; border-right:0; padding: 10px 10px 11px; border-radius:4px; font-weight:bold; width:170px; vertical-align:middle;margin-left:-6px;}


.sc_cont_box{border:0px solid blue; position:absolute; width: 101%; left: 0px; font-size: 11px; top: 35px;}
.sc_cont_box > a > div{height: 23px; line-height:23px; padding:0 3px; overflow:hidden;}
.sc_cont_box > a > div.last{margin-right:5px;}
.sc_cont_box > a:hover > div{background:#c1e82d;}
.sc_cont_box > a.on > div{background:#c1e82d; color:#000; }
.sc_cont_box > a.on {}
.sc_cont_01{background: #fffabd;}
.sc_cont_02{background: #d3ffbd;}
.sc_cont_03{background: #ffdbfe;}
.sc_off{background:none !important; height:23px;}
.sc_off >a {display:block; height:22px; margin:0 2px;}
.sc_cont_box .sc_end{background:#eee; color:#aaa;}



.layerDetail {
    display: block;
    position: absolute;
    border: 1px solid #000;
    width: auto;
    /* height: 150px; */
    padding: 10px;
    left: 100px;
    z-index: 999999999;
    background: #fff;
	 text-decoration:none;
	 font-size:13px;
	  white-space: nowrap;
}


.layerDetail p{display:block;  color:#222;}
.layerDetail p:first-child{font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px;}



.show {display:block;} 
.hide {display:none;}

















/*로그인*/

.ms-box {position:relative;padding-right:13px;}
.ms-box-lbl {position:absolute;left:22px;color:#666; font-size:15px;letter-spacing:-0.1em;cursor:text;}
.ms-box-lbl-focus {color:#ccc}
.ms-box-inp {border:1px solid #d2d2db; border-radius:4px; padding-left:10px;font-size:15px; }

.ms-confirm { background-color:#f5f5f5; border:#e1e1e1 1px solid; border-radius:5px; margin:30px auto; padding:30px 38px 50px 40px; width:500px; }
.ms-confirm h1 {margin:0 0 30px;font-size:20px; color:#999; text-align:center}
.ms-confirm h2 {margin:0 0 10px}
.ms-confirm p {margin:0 0 10px;line-height:1.8em}
.ms-confirm .ms-box {margin:0 0 10px}
.ms-confirm .ms-box-lbl {top:13px}
.ms-confirm .ms-box-inp {width:100%;height:45px;line-height:3em}
.ms-confirm-id {height:40px;line-height:3em}
.ms-confirm-submit {display:block;margin:0 0 15px; padding:0;width:100%;height:50px;border:0; background: #4A99D9; color:#fff;text-decoration:none;cursor:pointer; font-size:15px; border-radius:4px;}
.ms-confirm-links {text-align:right}
.ms-confirm-link-left {float:left}
.ms-confirm-link-right {float:right}
.ms-confirm-links {text-align:right}
.ms-confirm-links a {color:#666;font-size:12px;}
.ms-confirm-links #login_password_lost {display:inline-block;margin:0 20px 0 0}

.ms-box {position:relative;padding-right:13px;}
.ms-box-lbl {position:absolute;left:22px;color:#666; font-size:15px;letter-spacing:-0.1em;cursor:text;}
.ms-box-lbl-focus {color:#ccc}
.ms-box-inp {border:1px solid #d2d2db; border-radius:4px; padding-left:10px;font-size:15px; }

.mbskin { background-color:#FFF; border:#CCC 1px solid; border-radius:5px; margin:30px auto; padding:30px 38px 30px 40px; width:800px; 
-webkit-box-shadow: 0 0 7px 2px #ddd;  /* Safari and Chrome */
-moz-box-shadow: 0 0 7px 2px #ddd;  /* Firefox */
box-shadow: 0 0 7px 2px #ddd;  /* CSS3 */
!important}

.mbskin h1 {margin:0 0 10px;font-size:20px; color:#999; text-align:center}
.mbskin h2 {margin:0 0 10px}
.mbskin p {margin:0 0 30px;line-height:1.8em; color:#999}
.mbskin .ms-box {margin:0 0 10px}
.mbskin .ms-box-lbl {top:13px}
.mbskin .ms-box-inp {width:100%;height:45px;line-height:3em}
.ms-confirm-id {height:40px;line-height:3em}
.ms-confirm-submit {display:block;margin:0 0 15px; padding:0;width:100%;height:50px;border:0; background: #4A99D9; color:#fff;text-decoration:none;cursor:pointer; font-size:15px; border-radius:4px;}
.ms-confirm-links {text-align:right}
.ms-confirm-link-left {float:left}
.ms-confirm-link-right {float:right}
.ms-confirm-links {text-align:right}
.ms-confirm-links a {color:#666;font-size:12px;}
.ms-confirm-links #login_password_lost {display:inline-block;margin:0 20px 0 0}

.ms-box-id{font-size:15px; margin-bottom:10px; text-align:center;}
.ms-box-id > span{font-weight:bold}

.social_box{margin-bottom:15px;}
.social_box > ul > li{display:inline-block; *display:inline; zoom:1;}




.sub_text_box{margin-bottom:20px; padding:20px; }
.sub_text_box > h2{margin-bottom: 16px; font-size: 22px; letter-spacing: -2px;}
.sub_text_box > h2 > i{display:block; width:30px; height:3px; background:#18B9EA; margin-bottom:8px;}
.sub_text_box > p{color:#666; margin-top:10px;}

.sub_text_box > h2 > img{margin-right:5px; width:13px;}
.sub_text_box > h4{font-size:14px; padding:10px 5px; color:#555; font-weight: normal;}

.bt_table{margin-top:50px;}
.bt_table > h5{font-size:13px; padding-bottom:5px; }
.bt_table > table th{border:1px solid #e1e1e1; padding:15px; border-top:2px solid #444; background:#E4F4FF;}
.bt_table > table td{border:1px solid #e1e1e1; padding:15px; text-align:center; background:#fff;}
.bt_table > table td img{width:100%;}





.map_wrap > div.map_box{border:0px solid #ccc; margin-bottom:30px;}
.map_wrap > div.map_info{border-top:2px solid #0096E5;}
.map_wrap > div.map_info > dl{display:table; width:100%;}
.map_wrap > div.map_info > dl > dt{display:table-cell; border-bottom:1px dashed #e1e1e1; width:100px; padding:10px; font-size:15px; font-weight:bold; letter-spacing: -0.5px;}
.map_wrap > div.map_info > dl > dd{display:table-cell; border-bottom:1px dashed #e1e1e1;  padding:10px; font-size:15px}





.no_page{text-align:center; background-color: #f5f5f5; border: #e1e1e1 1px solid; border-radius: 5px; margin: 30px auto; padding:30px 0; width:1000px;}
.no_page > p > img{width:100px;}
.no_page > h2{padding:30px 0 0;  font-family:'notokr-Thin'; }








.eq_my_view{border:1px solid #e1e1e1; border-top:3px solid #162466; background:#fff; margin-bottom:30px;}
.eq_my_view > h2{ text-align:center; margin-bottom:30px;}
.eq_view_form dl {display:table; width:100%;}
.eq_view_form dt{text-align:center; font-weight:bold; vertical-align:middle; width:100px;}
.eq_view_form dt, .eq_view_form dd{padding:15px 10px; border-bottom:1px solid #e1e1e1; }
.eq_view_form > dl > dt{background:#f5f5f5; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.eq_view_form > dl > dt:first-child{border-left:0;}
.eq_view_form > dl > dt, .eq_view_form > dl > dd{display:table-cell; }
.eq_view_form > dl > dd{}
.eq_view_form > dl > dd > div.hr{background:#2C5DAC; color:#fff; text-align:center; padding:5px 0; }
.eq_view_form > dl > div{display:table-cell;}
.eq_view_form > dl > div > dl > dt, .eq_view_form > dl > div > dl > dd{display:table-cell;}
.eq_view_form > dl > div > dl > dt{background:#f5f5f5; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.eq_view_form > dl > div > dl > dd{}
.eq_view_form > dl > div:first-child > dl > dt:first-child{border-left:0px solid #f5f5f5;}
.eq_view_form textarea{border:0; width:100%;}





.my_equip_list > dl.notice{background:#fff8d9;}
.my_equip_list > dl.notice a{font-weight:bold;}
.top-btn{overflow:hidden;}
.top-btn a{float:right;}

/*리스트*/

.list_span{position:absolute; left:0; top:-25px; color:#999; font-size:11px;}
.list_span > b{color:#333}
.list_box{border-top:3px solid #162367; position:relative}
.my_equip_list > dl{display:table; width:100%;}
.my_equip_list > dl > dt, .my_equip_list > dl > dd{display:table-cell; padding:15px 10px; text-align:center;}
.my_equip_list > dl > dt{background:#f5f5f5; border-bottom:1px solid #e1e1e1;}
.my_equip_list > dl > dd{border-bottom:1px solid #e1e1e1;}
.my_equip_list .cell_num{width:8%;}
.my_equip_list .cell_loc{width:12%;}
.my_equip_list .cell_form{width:12%;}
.my_equip_list .cell_name{width:48%; text-align:left;}
.my_equip_list .cell_state{width:10%;}
.my_equip_list .cell_state b.on{color:#2C5DAC}
.my_equip_list .cell_date{width:10%;}
.my_equip_list .cell_adm{width:10%;}




.my_equip_list .cell_num2{width:15%;}
.my_equip_list .cell_name2{width:25%;}
.my_equip_list .cell_state2{width:25%;}
.my_equip_list .cell_state2 b.on{color:#2C5DAC}
.my_equip_list .cell_date2{width:15%;}
.my_equip_list .cell_adm2{width:20%;}



.my_edu .cell_num{width:10%;}
.my_edu .cell_name{width:50%;}
.my_edu .cell_date{width:20%;}
.my_edu .cell_adm{width:10%;}
.my_edu .cell_state{width:10%;}


.snb_wrap{width:100%; max-width:1000px; margin:30px auto 0;}
.snb_wrap > ul{display:table; width:100%;}
.snb_wrap > ul > li{display:table-cell;  width:33%;}
.snb_wrap > ul > li > a{display:block; padding:10px; border:1px solid #e1e1e1; border-left:0;}
.snb_wrap > ul > li:first-child > a{border-left:1px solid #e1e1e1;}
.snb_wrap > ul > li > a:hover{background:#719ABB; color:#fff; border:1px solid #5D86A7;}
.snb_wrap > ul > li.on > a{background:#719ABB; color:#fff; border:1px solid #5D86A7;}


.snb_wrap_4{width:100%; max-width:1000px; margin:30px auto 0;}
.snb_wrap_4 > ul{display:table; width:100%;}
.snb_wrap_4 > ul > li{display:table-cell;  width:25%;}
.snb_wrap_4 > ul > li > a{display:block; padding:10px; border:1px solid #e1e1e1; border-left:0;}
.snb_wrap_4 > ul > li:first-child > a{border-left:1px solid #e1e1e1;}
.snb_wrap_4 > ul > li > a:hover{background:#719ABB; color:#fff; border:1px solid #5D86A7;}
.snb_wrap_4 > ul > li.on > a{background:#719ABB; color:#fff; border:1px solid #5D86A7;}

.snb_wrap_5{width:100%; max-width:1000px; margin:30px auto 0;}
.snb_wrap_5 > ul{display:table; width:100%;}
.snb_wrap_5 > ul > li{display:table-cell;  width:20%;}
.snb_wrap_5 > ul > li > a{display:block; padding:10px; border:1px solid #e1e1e1; border-left:0;}
.snb_wrap_5 > ul > li:first-child > a{border-left:1px solid #e1e1e1;}
.snb_wrap_5 > ul > li > a:hover{background:#719ABB; color:#fff; border:1px solid #5D86A7;}
.snb_wrap_5 > ul > li.on > a{background:#719ABB; color:#fff; border:1px solid #5D86A7;}

.snb_wrap_6{width:100%; max-width:1000px; margin:30px auto 0;}
.snb_wrap_6 > ul{display:table; width:100%;}
.snb_wrap_6 > ul > li{display:table-cell;  width:16%;}
.snb_wrap_6 > ul > li > a{display:block; padding:10px; border:1px solid #e1e1e1; border-left:0;}
.snb_wrap_6 > ul > li:first-child > a{border-left:1px solid #e1e1e1;}
.snb_wrap_6 > ul > li > a:hover{background:#719ABB; color:#fff; border:1px solid #5D86A7;}
.snb_wrap_6 > ul > li.on > a{background:#719ABB; color:#fff; border:1px solid #5D86A7;}



#fregister_term{padding:20px; border:1px solid #e1e1e1; background:#f5f5f5;}








.mb_login_top{background:#2A3B4C; padding:10px; text-align:center ; margin-bottom:30px; position:relative}
.mb_login_top > span{position:absolute; top:10px; right:10px; }
.mb_login_top > span > a{display:block; padding:10px; background:#1E252B; color:#ccc;}
.mb_login_top > h1 > a{display:block;}
.mb_login_top > h1 > a  img{width:200px;}
.eq_write_form .bt_input > span{width:70%; display:inline-block;;}
.eq_write_form .bt_input > input[type="button"]{display:inline-block;}




.easy_join_wrap{}
.easy_join_wrap > h2{text-align:center; padding:10px 0;}
.easy_join_wrap .priv_cont span{display:block; border:1px solid #e1e1e1; padding:20px; background:#f5f5f5;}
.easy_join_wrap .priv_cont span p{ line-height:180%; color:#444; font-size:12px; background:transparent;}

.easy_join_wrap .easy_join_form{border:3px solid #e1e1e1; margin:10px 0; padding:20px;}

.easy_join_wrap .priv_chk_box{background:#f5f5f5; border:1px solid #e1e1e1; padding:20px; overflow:hidden;}
.easy_join_wrap .priv_chk_box > span{float:right}

.easy_join_wrap .easy_form_btn{padding:10px; text-align:center; margin:20px 0;}
.easy_join_wrap .easy_form_btn button{margin:0 5px; background:none; border:0; padding:10px;}
.easy_join_wrap .easy_form_btn button.btn_ok{background:#2A3B4C; color:#fff}
.easy_join_wrap .easy_form_btn button.btn_can{background:#777; color:#fff}

.easy_join_wrap .easy_form_btn button.btn_ok:hover{background:#3A5A79;;}
.easy_join_wrap .easy_form_btn button.btn_can:hover{background:#999;}









.join_title_hp{padding:8px 5px 5px; text-align:center; font-size:30px; background: #162466; color: #fff;}
.join_title_hp b{color:#FFF356}

.hp_cell{text-align:center; display:table; width:50%; margin:0 auto;}
.hp_cell > span{display:table-cell;}
.hp_cell > span input{text-align:center;}

.pad_wrap{overflow:hidden; margin-bottom:20px; text-align:center; padding:20px; border:1px solid #e1e1e1; background:#f1f1f1;}
.pad_wrap > div{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.pad_wrap .first_num{margin-right:5px;}
.pad_wrap .first_num > a{display:block; width:80px; height:63px; line-height:63px; border:1px solid #777; font-size:23px; margin:3px 0 5px; background:#fff;  border-radius:5px; font-weight:bold;
box-shadow: 2px 2px 0px #ccc;}
.pad_wrap .first_num > a:active{box-shadow: 0px 0px 0px #ccc;}
.pad_wrap .first_num > a:hover{box-shadow: 0px 0px 0px #ccc;}

.pad_wrap .pad_box{width:50%;}
.pad_wrap .pad_box > ul{overflow:hidden; text-align:left;}
.pad_wrap .pad_box > ul > li{display:inline-block; *display:inline; zoom:1; margin:3px; width:30%; text-align:center; vertical-align:middle;}
.pad_wrap .pad_box > ul > li > a{display:block; border:1px solid #777; width:135px; height:80px; border-radius:5px; font-weight:bold; font-size:23px; min-height:40px; line-height:80px;
box-shadow: 2px 2px 0px #ccc;
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.pad_wrap .pad_box > ul > li > a.del{font-size:15px; line-height:normal; width:auto; height:auto; padding:20px;}
.pad_wrap .pad_box > ul > li > a.adel{font-size:15px; line-height:normal;  width:auto; height:auto; padding:20px;}
.pad_wrap .pad_box > ul > li > a:active{box-shadow: 0px 0px 0px #ccc;}
.pad_wrap .pad_box > ul > li > a:hover{box-shadow: 0px 0px 0px #ccc;}
.pad_wrap .pad_box > ul > li > a > img{width:20px;}


.layer_btn{background:#fcfcfc; text-align:center; margin:30px 0;}
.layer_btn > div{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; margin:0 5px; border-radius:15px;}
.layer_btn > div > a{display:block; font-size:30px; padding:30px;}
.layer_btn > div > a:hover{background:#162466; color:#fff;}


.pad_ok{font-size:20px; font-weight:bold;}































/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #019AD0;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
	font-size:30px;
}

.md-content > div p > b {
	color:#FFF356;
}
.md-content > div p > span {
	font-size:14px;
}

.md-content > div ul {
	margin: 0;
	padding:20px;
	text-align:center;
}

.md-content > div ul li {
	padding: 5px 0;
	display:inline-block;;
	margin:0 5px;
}

.md-content > div ul li a{
display: block;
    padding: 13px;
    background: #006C92;
    font-size: 16px;
    border: 1px solid #005573;
    color: #fff;
}


.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
    border: none;
    padding: 0.6em 1.2em;
    background: #00506D;
    color: #fff;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}







.step_box > ul{text-align:center; margin-top:20px;}
.step_box > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 10px; width:40%; vertical-align:top;}
.step_box > ul > li > a{display:block; }
.step_box > ul > li > a p{border:1px solid #e1e1e1; display:block; padding:15px; min-height:60px; line-height:60px;}
.step_box > ul > li > a p img{width:100%;  max-width:180px;}
.step_box > ul > li > a span{display:block; padding:10px 0;}




.main_link_box{max-width:1000px; margin:0 auto 20px; background:#f5f5f5; border:1px solid #e1e1e1; text-align:center; padding:20px 0;}
.main_link_box > ul {margin:20px 0;}
.main_link_box > ul > li{text-align:center; display:inline-block; *display:inline; zoom:1; margin:0 35px;}
.main_link_box > ul > li a{display:block;}
.main_link_box > ul > li p{padding-top:5px; color:#555}
.main_link_box{}
.main_link_box > h2{font-weight:normal; letter-spacing:-2px; font-size:28px; margin-bottom:15px; color:#333; font-family:'notokr-medium'}
.main_link_box > h2 > b{font-family:'notokr-bold'}
.main_link_box > ul > li > p{font-weight:bold; font-size:18px; letter-spacing:-1px}



.con_box{overflow:hidden;}
.con_box > ul{float:left;}
.con_box > ul:first-child > li{margin-left:0;}
.con_box > ul:last-child > li{margin-right:0;}
.con_box > ul > li{margin:10px 7px;}
/*
.con_box > ul > li.flat_01{background:#7fae3e; width:668px;}
*/
.con_box > ul > li.flat_01{background: #FF842C; width: 323px; height: 255px; display: inline-block; vertical-align: top; }
.con_box > ul > li.flat_01_1{width: 325px; height: 255px; display: inline-block; vertical-align: top;}


.con_box > ul > li.flat_01 > div.notice_box{padding:20px;}
.con_box > ul > li.flat_01 > div.notice_box > h2{color:#fff;}
.con_box > ul > li.flat_01 > div.notice_box > div > h3 a{color:#fff;}
.con_box > ul > li.flat_01 > div.notice_box > div{overflow:hidden;}
.con_box > ul > li.flat_01 > div.notice_box > div > div{float:left;}
.con_box > ul > li.flat_01 > div.notice_box > div > div.news_img{margin-top:20px; margin-right:30px;}
.con_box > ul > li.flat_01 > div.notice_box > div > div.news_img img{width:150px;}
.con_box > ul > li.flat_01 > div.notice_box > div > ul{float:left; margin-left:10px; margin-top:10px; width:95%;}

.con_box > ul > li.flat_02{margin-top: 0px;}
.con_box > ul > li.flat_02 > ul{overflow:hidden;}
.con_box > ul > li.flat_02 > ul > li{float:left;}
.con_box > ul > li.flat_02 > ul > li:first-child{margin-right:15px;}
.con_box > ul > li.flat_02 > ul > li > div:first-child{margin-bottom:9px;}
.con_box > ul > li.flat_03{}
.con_box > ul > li.flat_04{}
/*
.con_box > ul > li.flat_05{background:#80614f; width:320px;}

*/
.con_box > ul > li.flat_05{background:#94CE23; width:320px;}
.con_box > ul > li.flat_05 > div.news_box{padding:20px;}
.con_box > ul > li.flat_05 > div.news_box > div{overflow:hidden; text-align:center;}
.con_box > ul > li.flat_05 > div.news_box > div > div.news_img{margin:18px 0;}
.con_box > ul > li.flat_05 > div.news_box > h2{color:#fff;}
.con_box > ul > li.flat_05 > div.news_box > div > h3 a{color:#fff;}
.con_box > ul > li.flat_05 > div.news_box > div.news_img{text-align:center; border-bottom:2px solid #3C2C23;}
.con_box > ul > li.flat_06{}




.staff_box{margin-top:50px;}
.staff_box > ul{display:table; width:100%; border:1px solid #e1e1e1;}
.staff_box > ul > li{display:table-cell; width:33%; padding:20px; background:#fff; line-height:170%; font-size:14px; border-left:1px solid #e1e1e1;}
.staff_box > ul > li:first-child{border-left:0px solid #e1e1e1;}

.staff_box > ul > li > p{letter-spacing:0.5px;}

.link_btn{text-align:center;}
.link_btn > a{display:inline-block; border:1px solid #e1e1e1; color:#fff; width:200px; background:#125B9C; padding:10px 25px; border-radius: 30px;}
.link_btn > a > span{display:inline-block; padding-right:10px;}
.link_btn > a > span img{width:20px;}
.link_btn > a > p{display:inline-block;}

.split_btn{overflow:hidden; margin-top:10px;}
.split_btn > p{float:left; color:#666}
.split_btn > div{float:right; }
.split_btn > div > a{display:inline-block;background:#E2811C; padding:10px; color:#fff;}
.split_btn > div > a:hover{background:#EF810E;}
.split_btn > div > a > img{width:20px; margin-right:5px; height:20px}


.info_wrap_hd{text-align:center;}
.info_wrap_hd > h2{display:inline-block; margin:0 auto 30px; background:#1F3956; color:#fff; border-radius:60px; text-align:center; padding:30px 40px;}
.info_wrap_hd > ul > li{display:inline-block; *display:inline; zoom:1; margin-left:-5px; width:48%;}




#map_wrap {text-align:center;}
#map_wrap > .map_wrap{display:block; vertical-align:top; text-align:left;}
#map_wrap > .map_wrap .map_box{min-height:550px}

.root_daum_roughmap{width:100% !important;}




.sub_text_box > h4 > span{font-size:12px; font-weight:normal; display:block;}
.sub_text_box > h4 > a{display:inline-block; background:#125B9C; color:#fff; padding:10px 15px; margin:20px auto;}
.sub_text_box > h4 > a.bg_e83b14{background:#E83B14;}
.sub_text_box > h4 > a img{width:20px; margin-right:5px;}
.ta_center{text-align:center;}

.tb_box{margin-top:10px;}
.tb_box *{border:1px solid #e1e1e1; padding:5px;}
.tb_box th{padding:10px 0; background:#D9EDFF;}
.tb_box td{padding:10px 0; background:#fff;}











.sitemap{text-align:center;}
.sitemap > ul{display:inline-block; *display:inline; zoom:1; margin:30px 45px; vertical-align:top; text-align:center;}
.sitemap > ul > h2{border-top:3px solid #2C5DAC; padding:10px 0 5px;}
.sitemap > ul > li{border:1px solid #e1e1e1; margin:5px 0; width:150px;}
.sitemap > ul > li a{display:block; padding:15px; border-left:2px solid #fff;}
.sitemap > ul > li a:hover{border-left:2px solid #2C5DAC}


.priv_box > div{border:1px solid #ddd; padding:20px; line-height:170%;}



.sub_text_box .msg {font-weight: bold; font-size: 36px; line-height: 1.3; letter-spacing: -4px; color:#333}
.sub_text_box .sub_msg{font-weight:normal; font-size:14px; color:#666}
.sub_text_box > h3 > a {display:inline-block; border:0px solid #ccc; padding:10px; background:#326FA4; color:#fff; font-size:13px; margin-top:15px;}
.sub_text_box > h3 > a > img{width:17px; margin-right:5px;}
.sub_text_box > h3 > a:hover{background:#235B8C;}

.sub_text_box > h4 > ul{margin-top:10px;}
.sub_text_box > h4 > ul > li{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; width:20%; padding:15px; text-align:center;}






.info_eq_tb_box {margin-bottom:20px;}
.info_eq_tb_box > h4 {font-size:15px;}
.info_eq_tb_box > h4 > img{margin-right:5px;}
.info_eq_tb_box > ul{margin-top:10px;}
.info_eq_tb_box > ul > li{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; width:20%; padding:15px; text-align:center;}

.info_edu_last_banner{margin-top:50px; }


.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}


.btn-group-vertical>.btn, .btn-group>.btn {
position: relative;
float: left;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}


.btn {
border-radius: 3px;
}


.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}

.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}

.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}

.btn-group{margin-bottom:10px;}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
margin-left: -1px;
}


#vr_wrap iframe{width:100%; height:600px}


#m_menu{display:none;}





.quick_wrap{position:absolute; top:565px; right:-135px; text-align:center;    z-index: 990;}
.quick_wrap > h2{background:#777; color:#fff; vertical-align:middle; padding:10px; font-weight:normal; font-size:15px;}
.quick_wrap li{border-bottom:1px solid #e1e1e1;}
.quick_wrap li a{display:block; color:#777; padding:20px 10px; font-size:14px;}
.quick_wrap li a:hover{background:#555;}
.quick_wrap .q_name h2{color:#ffd60d;}
.quick_wrap .q_name p{font-size:11px; margin:2px 0 1px; color:#fff;}
.quick_wrap .q_name u{color:#fff;}
.quick_wrap .q_01 a{background:#bbb;}
.quick_wrap .q_02 a{background:#ccc;}
.quick_wrap .q_03 a{background:#bbb;}
.quick_wrap .q_04 a{background:#ccc;}

.quick_wrap li a > div.q_name{display:none;}
.quick_wrap li a:hover > div.q_name{display:block;}
.quick_wrap li a:hover > div.q_icon{display:none;}

.quick_wrap li.q_04 a > div.q_name{display:none;}
.quick_wrap li.q_04 a:hover > div.q_icon{display:block !important;}
.quick_wrap li.q_04 a:hover > div.q_name{display:none !important;}


.doc_txt{text-align:left; font-size:12px;}
.doc_txt .reserv_ok i{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#3cd155; display:inline-block; text-indent:-99999px;}
.doc_txt .reserv_can i{content:"-"; color:#ccc; width:5px; height:5px; border-radius:50%; background:#ccc; display:inline-block; text-indent:-99999px}
.doc_txt .reserv_can{color:#999;}








.hours_box{}
.hours_box > h3{border-bottom:2px solid #444; padding:5px;}
.hours_box > ul {margin-top: 0; background: #f5f5f5; padding: 5px; border: 1px solid #ddd;}
.hours_box > ul > li {margin: 10px 0; padding: 5px;}
.hours_box > ul > li b{background:#0b9ab9; color:#fff; padding:5px;}
.hours_box > span{padding:5px; font-size:12px;}

.login_search {margin-bottom:30px; background:#f5f5f5; border:1px solid #e1e1e1; padding:15px; text-align:center;}
.login_search > ul > li{display:inline-block; *display:inline; zoom:1; margin-right:20px; width:25%; border:0px solid red;}
.login_search > ul > li:last-child{width:auto;}
.login_search > ul > li label{display:inline-block; *display:inline; zoom:1; width:50px;}
.login_search > ul > li span{display:inline-block; *display:inline; zoom:1; width:70%;}
.login_search > ul > li span input{height:25px;width:100%;}
.login_search > ul > li button{background:#1e3d58; border:0; color:#fff; padding:8px 40px;}















.sc_color_box i{display:inline-block; width:25px; height:15px; margin-right:10px; vertical-align: middle;}
.sc_color_box i.sc_color_01{background:#fffabd; }
.sc_color_box i.sc_color_02{background:#d3ffbd; }
.sc_color_box i.sc_color_03{background:#ffdbfe; }
.sc_color_box i.sc_color_04{background:#28d0d0; }
.sc_color_box i.sc_color_05{background:#287bd0; }

.sc_color_01{background:#fffabd; }
.sc_color_02{background:#d3ffbd; }
.sc_color_03{background:#ffdbfe; }
.sc_color_04{background:#28d0d0; }
.sc_color_05{background:#287bd0; }








.sub_txt {border: 1px solid #e1e1e1; padding: 10px; font-size: 13px; line-height: 170%; background: #f5f5f5; margin-top: -51px; margin-bottom: 40px;}
.sub_txt li{list-style:disc; margin-left:30px; color:555}


















.mail_form {width: 100%; max-width: 500px; margin: 30px auto; border: 1px solid #ddd; background: #f5f5f5;}
.mail_form > h2{font-size:17px; text-align:center; background:#31708f; color:#fff; margin:0; padding:10px 0;}

.mail_form > table{background:#fff; border:1px solid #ddd; width:90%; margin:5% auto;}
.mail_form > table th{border-right:1px solid #ddd; width:80px; text-align:center;}
.mail_form > table th, .mail_form > table td{padding:5px; border-bottom:1px solid #ddd;}
.mail_form > table td span{border:1px solid #ccc; display:block;}
.mail_form > table td textarea{width:99.5%; padding:5px 0; border:0px solid #ccc;}
.mail_form > table td input[type="text"]{width:99.5%; padding:5px 0; border:0px solid #ccc;}
.mail_form > table td .btn_box{text-align:center;}
.mail_form > table td .btn_box button{border:0; color:#fff; padding:10px;}
.mail_form > table td .btn_box button.btn_ok{background:#a94442; }
.mail_form > table td .btn_box button.btn_close{background:#666; }


.file_dn_box{font-size:12px; border:1px solid #e1e1e1; padding:10px; background:#fcf8e3;margin-bottom:30px;}
.file_dn_box p{margin:10px 0 0; font-size:15px}
.file_dn_box a{display:inline-block; padding:10px; border-radius:5px; background:#a94442; color:#fff; margin-top:10px;}






.event_wrap{text-align:center;}
.event_wrap > div{margin:5px 0;}
.event_wrap > div > a{display:inline-block; padding:15px 0px; background:#ff5353; color:#fff; width:299px; margin:0 auto;}
.event_wrap > div > a:last-child{background:#5c8a9c;}
.event_wrap > div > a:hover{background:#ff2525;}
.event_wrap > div > a:last-child:hover{background:#499cbd;}



.event_print{text-align:center;}
.event_print h1{margin:30px;}

.event_print table th, .event_print table td{padding:15px; border:1px solid #ccc;}
.event_print table th{width:100px;}
.event_print table td{width:30%;}
.event_print div{border:1px solid #ccc; border-top:0; padding:20px 0;}
.event_print div p{padding:5px 0;}
.none{border:0 !important;}
.bold{border:2px solid #555 !important;}


.category{margin-bottom:20px; padding:0 20px;}
.category > h2{display:inline-block; *display:inline; zoom:1; font-size:13px; vertical-align:middle; font-weight:normal; padding:5px 0;}
.category > ul{display:inline-block; *display:inline; zoom:1; font-size:13px; vertical-align:middle;  }
.category > ul > li{display:inline-block; *display:inline; zoom:1; visibility:middle; margin:0 5px;}
.category > ul > li a{padding-left:5px;}
.category > ul > li:last-child a{display:inline-block; font-weight:bold}
.category > div{text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; background:#f5f5f5;}
.category > div > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 20px; }
.category > div > ul > li:before{content:""; display:inline-block; width:3px; height:3px;; background:#333; 
vertical-align:middle;margin-right:5px;}
.category > div > ul > li a{transition:0.2s}
.category > div > ul > li a:hover{border-bottom:3px solid #18B9EA; padding-bottom:3px; }



.vr_tab > ul > li{display:inline-block; *display:inline; zoom:1; margin-left:-4px;}
.vr_tab > ul > li a{margin-left:4px; display:block; padding:5px 10px; border:1px solid #ccc; color:#777}
.vr_tab > ul > li.on a{background:#18b9ea; color:#fff; border:1px solid #18b9ea;}




.btn_counsel{background:#345b71; color:#fff; letter-spacing:-1px; position:relative;}
.btn_counsel > a{color:#fff; transition:0.5s; display:block;}
.btn_counsel > a:hover{background:#2abfb1;}
.btn_counsel > a > h2{display:inline-block; *display:inline; zoom:1; font-size:30px; font-family:"notokr-light"; font-weight:normal; letter-spacing:-1px; margin:0 3%; vertical-align:middle; padding:20px 0;}
.btn_counsel > a > span{display:inline-block; *display:inline; zoom:1;vertical-align:bottom; }
.btn_counsel > a > p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:15px; margin:0px 3% 0;}
.btn_counsel > a > p > small{font-size:14px; color:#ccc}
.btn_counsel > a > i{display:inline-block; *display:inline; zoom:1;vertical-align:middle; width:65px; height:65px; border-radius:50%; background:#1c2e43; text-align:center; color:#fff; line-height:65px; font-size:21px; font-style:normal; margin-left:20px;}


.ani_icon{position:absolute; right:60px; top:13px}
.ani_icon{-webkit-animation:loading 1.1s ease infinite;animation:loading 1.1s ease infinite;}

@keyframes loading{0%{
transform:translate(0) scale(1,1);}
50%{transform:translate(10px) scale(1,1);}
100%{transform:translate(0) scale(1,1);}
}
@-webkit-keyframes loading{0%{-webkit-transform:translate(0) scale(1,1);}
50%{-webkit-transform:translate(50%) scale(1,1);}
100%{-webkit-transform:translate(50%) scale(1,1);}
}




.cycle-pager{position:absolute; bottom:-5px; text-align:center; width:100%; z-index:99999;}
.cycle-pager span {font-family: arial; font-size: 40px; width: 16px; height: 16px; display: inline-block; color: #999; cursor: pointer;}
.cycle-pager span.cycle-pager-active{color:#000;}

div.notice_box{padding:20px;}
div.notice_box > h2{color:#fff;}
div.notice_box > div > h3 a{color:#fff;}
div.notice_box > div{overflow:hidden;}
div.notice_box > div > div{float:left;}
div.notice_box > div > div.news_img{margin-top:20px; margin-right:30px;}
div.notice_box > div > div.news_img img{width:150px;}
div.notice_box > div > ul{float:left; margin-left:10px; margin-top:10px; width:95%;}

div.news_box{padding:20px;}
div.news_box > div{overflow:hidden; text-align:center;}
div.news_box > div > div.news_img{margin:18px 0;}
div.news_box > h2{color:#fff;}
div.news_box > div > h3 a{color:#fff;}
div.news_box > div.news_img{text-align:center; border-bottom:2px solid #3C2C23;}




.depth_sub{position:relative;}
.depth_sub:hover > ul{display:block;}
.depth_sub.hon > ul{display:block;}
.depth_sub > ul{position:absolute; text-align:center; width:100%; display:none;}
.depth_sub > ul > li{display:inline-block; *display:inline; zoom:1;}
.depth_sub > ul > li a{display:inline-block; *display:inline; zoom:1;  padding:5px; color:#777; font-size:12px;}
.depth_sub > ul > li a:hover{font-weight:bold; color:#333}
.depth_sub > ul > li.on a{font-weight:bold; color:#333}
.depth_sub > ul > li:before{content:"|"; display:inline; font-family:"Tahoma"; font-size:11px; padding-right:5px; font-weight:normal; color:#999}
.depth_sub > ul > li:first-child:before{content:""}
.depth_sub > ul > li a i{display:inline-block; background:#f5f5f5; color:#999; border:1px solid #e1e1e1; font-size:11px; border-radius:50%;padding:5px 5px;}
.depth_sub > ul > li.on a i{color:#1e3d5a}
.depth_sub > ul > li a:hover i{color:#1e3d5a}

.p_title {text-align:center; position:absolute; margin-bottom:5px; top:5px}
.p_title > h4{font-size:14px; padding-bottom:5px; font-weight:normal; letter-spacing:-1px; color:#1e3d5a;    font-family: 'notokr-regular';}
.p_title > h4 i {display: inline-block; background: #fff; color: #1e3d5a; border: 1px solid #e1e1e1; font-size: 12px; border-radius: 50%; padding:7px;}

.date_select {text-align:center; margin-bottom:5px;}
.date_select > h3{font-family:'notokr-bold'; letter-spacing:-1px; display:inline-block; *display:inline; zoom:1; font-size:20px; margin:0 5px;}
.date_select > a{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; padding:5px; font-size:14px; color:#333; background:#fafafa;}

.date_select select{font-family: 'notokr-bold'; border:1px solid #e1e1e1; background:none; vertical-align:middle; padding:0 3px;}


.bo_fx > ul > li{display:inline-block; *display:inline; zoom:1;}