﻿
/* BTN */
.sm_btn{clear:both;width:100%; height:30px; margin:10px 0 0 0;}
.sm_btn li{display:inline;padding:0 3px 0 0;}
.sm_btn .center{clear:both;text-align:center;padding: 0 0 1px 0;}
.sm_btn .left{float:left;padding: 0 0 1px 0;}
.sm_btn .right{float:right;padding: 0 0 1px 0;}

/* hidden */
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

.space_top{clear:both;margin-top:5px;}
.space_top img,.space_top input {vertical-align:middle}

/* search_form */
.sch {text-align:center;width:100%;padding:10px 0;background-color:#f8f8f8;border:1px solid;border-color:#d6dbe1;margin:10px 0 10px 0;box-sizing:border-box;}
.sch1{text-align:center;width:100%;padding:10px 0 0 0;background-color:#f8f8f8;border:1px solid;border-color:#d6dbe1;margin:10px 0 10px 0;}
.sch img,.sch input {vertical-align:middle}
.sch1 img,.sch1 input {vertical-align:middle}
.sch2 {font-weight:bold;vertical-align:bottom}

/* smBox */
.sm_box {clear:both;width:100%;}
.sm_box li{width:19%;float:left;margin-right:7px;}
.sm_box li.end{width:19%;float:left;margin-right:0px;}

.sm_box .class2 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class2 li.end{width:37%;float:left;margin-right:0px;}

.sm_box .class3 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class3 li.small{width:16%;float:left;margin-right:7px;}
.sm_box .class3 li.end{width:45%;float:left;margin-right:0px;}

.sm_box .class4 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class4 li.small{width:15%;float:left;margin-right:7px;}
.sm_box .class4 li.end{width:42%;float:left;margin-right:0px;}

.sm_box .class6 li.{width:22%;float:left;margin-right:7px;}
.sm_box .class6 li.small{width:18%;float:left;margin-right:7px;}
.sm_box .class6 li.end{width:39%;float:left;margin-right:0px;}

.sm_box .class49 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class49 li.small{width:18%;float:left;margin-right:7px;}
.sm_box .class49 li.end{width:41%;float:left;margin-right:0px;}

/* smRadio */
.sm_ra01 {margin-bottom:20px}

.degree_list{width:499px;border-collapse:collapse;border-top:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;}
.degree_list ul{width:499px;padding:8px 0 0 5px;height:29px;background:url(/images/base/board/line1.gif) no-repeat;}
.degree_list ul li.first1{float:left;width:99px;font-weight:bold;padding:0 0 0 18px;background:url(/images/base/board/bullet1.gif) no-repeat 0 2px;}
.degree_list ul li.first2{float:left;width:390px;}

.degree_list2{width:550px;margin-bottom:10px;}
.degree_list2 li{padding:0 0 0 30px;background:url(/images/base/sub/bullet2.gif) no-repeat 15px 3px;}

.degree_list3{width:550px;margin-bottom:10px;border-collapse:collapse;border:solid 1px #dadde1;padding:10px;}
.degree_list3 li.photo{float:left;width:119px;height:139px;padding:5px 0 0 5px;background:url(/images/base/board/photo_bg.gif) no-repeat;}
.degree_list3 li.right{float:left;margin-left:15px;}
.degree_list3 li.right .degree_list4{padding:7px 0 7px 0;}
.degree_list3 li.right .degree_list4 ul li.first1{float:left;width:99px;font-weight:bold;padding:0 0 0 18px;background:url(/images/base/board/bullet1.gif) no-repeat 0 2px;}
.degree_list3 li.right .degree_list4 ul li.first2{float:left;}

.degree_in{width:550px;margin:10px 0 0 15px;}

/* graph */
.h_graph ul{margin:0 50px 0 0px;padding:1px 0 0 0;border-top:0;border-right:0;list-style:none;width:400px}
.h_graph li{position:relative;margin:5px 0;vertical-align:middle;white-space:nowrap;font-weight:bold}
.h_graph .g_bar{display:inline-block;position:relative;height:10px;border:1px solid #0f5fb0;border-left:0;background:#0089c2;vertical-align:middle}
.h_graph .g_bar span{position:absolute;top:0;right:0px;width:40px;color:#767676;line-height:20px}
.h_graph .num{padding-left:5px;color:#0077b4;font-weight:bold}


/* calendar */
.ly_popup{position:absolute;z-index:100;left:2px;top:2px;width:175px;background-color:#78bfe4}
.ly_popup .border_type{padding:9px 0 5px;border:2px solid #0b89c0;background-color:#fff;text-align:center}
.ly_popup .close{position:absolute;top:9px;right:9px;text-align:right}
.ly_popup .txt {text-align:center;font-weight:bold}
.ly_popup .txt a{text-align:center;color:#78bfe4;font-size:6pt;vertical-align:middle}
.ly_popup .txt a:hover{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.ly_popup .txt a:visited{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.ly_popup .txt a:active{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.cal{margin:0 auto;padding:0;border:0}
.cal caption{margin:0 auto;padding:0 0 8px 3px;color:#000;font-family:'돋움',dotum;font-size:11px;font-weight:bold;text-align:left}
.cal tr{border:none}
.cal tr a:hover{font-weight:bold;text-decoration:none;color:#fe74cc}
.cal th{width:21px;height:19px;border:none;color:#000;font-family:'돋움',dotum;font-size:11px;font-weight:normal}
.cal td{width:21px;height:19px;border:none;font-family:tahoma;font-size:11px;text-align:center}
.cal td a{color:#6e6e6e}

/* poll popup iframe */
.poll {width:100%;height:500px}

/* popup */
.pop_pre {margin:0 0 0 20px;}
.pop_pre ul {float:left; width:90px;margin:0 20px 0 20px;}
.pop_pre li {padding:0 0 1px 0;}
.graph_box {height:220px;width:670px;overflow:hidden;}
.sms_add{width:400px; height:200px; overflow-y:auto;}

.pop {width:100%; height:100px;}
.popup .top {width:100%; height:65px; background:url(/images/base/popup/1/1_top.gif) repeat-x;}
.popup .title {width:100%; height:44px; background:url(/images/base/popup/1/1_title.gif) repeat-x;}

.popup .contents {float:left;width:100%; height:100%; background:#FFFFFF; border-left:#1e88c6 solid 4px; border-right:#1e88c6 solid 4px;  border-bottom:#1e88c6 solid 4px;}
.popup .contents .left{float:left; width:4px; height:100%; background:url(/images/base/popup/1/1_left.gif) repeat-y;}
.popup .contents .contents{float:left; width:100%; height:100%;}
.popup .contents .contents .com {clear:both; width:100%; height:100%;}
.popup .contents .right{float:left; width:4px; height:100%; background:url(/images/base/popup/1/1_right.gif) repeat-y;}

.popup .bottom {width:100%; height:4px; background:url(/images/base/popup/1/1_bottom.gif) repeat-x;}


/* menu05 page */
.clear01 {clear:both;margin:5px 0 0 0;}
.poptitle{text-align:center;font-weight:bold;font-size:14px;margin-bottom:3px;}
.list {padding:0 0 0 10px;}
.list .in {padding:5px 0 5px 0;}
.list .in01 {padding:3px 0 10px 13px;color:#9f9f9f;font-size:11px;}


.bar_top{clear:both;height:10px;border-top:solid 2px #0371c8;}
.bar_bottom{clear:both;height:10px;border-top:solid 1px #e9e9e9;}


/* TAB */
.tab_red {clear:both;width:100%;height:29px;margin-top:10px;margin-bottom:10px;background:url(/images/base/board/tab_green_bg.gif) repeat-x;}
.tab_red li.select{float:left;_display:inline;margin-right:1px;background:url(/images/base/board/tab_green_right.gif) right top no-repeat;}
.tab_red li.select span{display:block;}
.tab_red li.select a{float:left;display:block;font-weight:bold;font-size:12px;height:29px;padding:5px 15px 0 15px;background:url(/images/base/board/tab_green_left.gif) left top no-repeat;color:#ffffff;text-decoration:none;}
.tab_red li.select a:hover{color:#fff799;text-decoration:none;}
.tab_red li.select a:visited{color:#ffffff;text-decoration:none;}
.tab_red li{float:left;_display:inline;margin-right:1px;background:url(/images/base/board/tab_green_right2.gif) right top no-repeat;}
.tab_red li span{display:block;}
.tab_red li a{_float:left;display:block;font-weight:bold;font-size:12px;height:29px;padding:5px 15px 0 15px;background:url(/images/base/board/tab_green_left2.gif) left top no-repeat;color:#444444;text-decoration:none;}
.tab_red li a:hover{color:#387a0b;text-decoration:none;}
.tab_red li a:visited{color:#444444;text-decoration:none;}

.tab_box{padding:10px 0 10px 0;}
.txt_both{width:100%;}
.txt_both .left{text-align:left;float:left}
.txt_both .right{text-align:right;}


.stats {width:100%;margin:5px 0 0 0;padding:20px 20px 10px 20px;border:1px solid #d6dbe1;}
.stats .left{text-align:left;float:left;width:290px;padding:0 20px 0 0}
.stats .right{text-align:right;width:360px;}

.stats1 {width:100%; margin:5px 0 0 0;   border:1px solid #d6dbe1;float:left; }
.stats1 .left{text-align:left; float:left; width:45%; padding-top:30px; margin-left:40px; margin-right:40px; padding-bottom:20px;}
.stats1 .right{text-align:right; width:45%;float:left;padding-top:30px; padding-bottom:20px;}


/* 관리자 > 행사일정 */
.calendar_tit {height:18px;text-align:center;margin-bottom:7px;color:#6fb011;font-size:12px;font-weight:bold}
.calendar_tit img {position:relative;bottom:3px}

.pover {color:#ff0000;text-decoration:underline;font-weight:bold;}

/* 공통버튼 */
a.gray{display:inline-block;height:18px;border:1px solid #707070;color:#fff;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;overflow:hidden;}
a.gray{border-radius:2px;background:url(/images/base/board/btn_bg_gray.gif) left bottom repeat-x;}
a.gray span{display:block;padding:2px 10px;}
input.gray{display:inline-block;padding:0 10px;height:20px;line-height:20px;border:1px solid #707070;color:#fff;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;}
input.gray{border-radius:2px;background:url(/images/base/board/btn_bg_gray.gif) left bottom repeat-x;}

a.white{display:inline-block;height:18px;border:1px solid #d0d0d0;color:#666;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;overflow:hidden;}
a.white{border-radius:2px;background:url(/images/base/board/btn_bg_white.gif) left bottom repeat-x;}
a.white span{display:block;padding:2px 10px;}
input.white{display:inline-block;padding:0 10px;height:20px;line-height:20px;border:1px solid #d0d0d0;color:#666;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;}
input.white{border-radius:2px;background:url(/images/base/board/btn_bg_white.gif) left bottom repeat-x;}

/*설문*/
.userResalt ul{ padding:15px;}
.userResalt ul li{height:15px; margin:5px 0; position:relative; padding-left:100px; line-height:1.2em;}
.userResalt ul li strong{position:absolute; left:0; display:block; width:100px; text-align:left; color:#444444; font-size:95%;}
.userResalt ul li span{ position:absolute; right:0;  font-size:85%; font-weight:bold; color:#444; font-family:Tahoma; }
.userResalt ul li div.poll{ width:300px; height:15px; position:absolute; display:inline;}

.userResalt ul li.last{margin:5px 0; position:relative; padding-left:18px; padding-right:18px; }
.userResalt ul li.last p{margin-top:10px; line-height:18px; padding:5px; border:1px dashed #ddd;}



h5{clear:both;padding-top:30px;font-size:14px;padding-bottom:5px;}

/*달력*/
.calendar_top {position:relative;margin-bottom:10px; text-align:center;}
.calendar_top > a{display:inline-block;width:30px;height:30px; vertical-align:middle;border-radius:15px;background-color:#387ec6;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
.calendar_top > a.btnPrev{background-image:url(/SM/images/cms/btn_prev.png);}
.calendar_top > a.btnNext{background-image:url(/SM/images/cms/btn_next.png);}
.calendar_top > span{display:inline-block;margin:0 20px;vertical-align:middle;font-size:18px;font-weight:bold;}

.calendar{border-top:2px solid #387ec6;}
.calendar table{width:100%;border:0 none;border-collapse:collapse;font-size:13px;}
.calendar table th{padding:8px 5px;background:#f8f8f8;border:1px solid #c6c6c6;}
.calendar table td{position:relative;height:100px;padding:25px 5px 10px 5px;border:1px solid #ddd;vertical-align:top;}
.calendar.reserve table td{height:30px;text-align:center;}
.calendar table tr:first-child th,
.calendar table tr:first-child td{border-top:0;}
.calendar table .sun{color:#f26d7d;}
.calendar table .sat{color:#3095dd;}
.calendar table .holiday{color:#f26d7d;}
.calendar table span.day{display:block;width:24px;height:20px;line-height:20px;position:absolute;top:0;left:0;text-align:center;}
.calendar table span.dayName{display:block;padding:2px 5px;position:absolute;top:0;left:20px;right:0px;text-align:right;font-size:12px;letter-spacing:-0.5px;}

.calendar table .eduBtn{display:inline-block;padding:1px 3px 2px;margin:2px 0;color:#fff;border-radius:3px;font-size:12px;letter-spacing:-0.5px;}
.calendar table .eduBtn.colorRed{color:#f27800;}
.calendar table .eduBtn.colorGreen{color:#7ba003;}
.calendar table .eduBtn.colorBlue{color:#005aa1;}
.calendar table .eduBtn.colorPurple{color:#733bcf;}
.calendar table .eduBtn.colorPink{color:#d2357c;}
.calendar table .eduBtn.colorBrown{color:#962246;}
.calendar table .eduBtn.colorCyan{color:#0aa5a0;}

.calendar table .eduBtn.bgRed{background-color:#f27800;}
.calendar table .eduBtn.bgGreen{background-color:#7ba003;}
.calendar table .eduBtn.bgBlue{background-color:#005aa1;}
.calendar table .eduBtn.bgPurple{background-color:#733bcf;}
.calendar table .eduBtn.bgPink{background-color:#d2357c;}
.calendar table .eduBtn.bgBrow{background-color:#962246;}
.calendar table .eduBtn.bgGray{background-color:#6f6f6f;}
.calendar table .eduBtn.bgCyan{background-color:#0aa5a0;}

.calendar table .eduBtn.typeA{background-color:#f27800;}
.calendar table .eduBtn.typeB{background-color:#7ba003;}
.calendar table .eduBtn.typeC{background-color:#005aa1;}
.calendar table .eduBtn.typeD{background-color:#733bcf;}
.calendar table .eduBtn.typeE{background-color:#d2357c;}
.calendar table .eduBtn.typeF{background-color:#e03737;}
.calendar table .eduBtn.typeG{background-color:#ad8807;}
.calendar table .eduBtn.typeH{background-color:#1b9a33;}
.calendar table .eduBtn.typeI{background-color:#0aa5a0;}
.calendar table .eduBtn.typeJ{background-color:#353da9;}
.calendar table .eduBtn.typeK{background-color:#ad2cd8;}
.calendar table .eduBtn.typeL{background-color:#962246;}
.calendar table .eduBtn.typeM{background-color:#9f401a;}

.calendar .rentSchedule{display:flex; align-items:center; justify-content:center; padding:0 10px; color:#151515; font-size:15px; height:36px; box-sizing:border-box; margin-left:-9px; margin-bottom:2px; position:relative; z-index:2;} /* 20221025 */
.calendar .rentSchedule .center-name{font-weight:600; margin-right:30px;}
.calendar .rentSchedule .status{display:inline-flex; align-items:center;}
.calendar .rentSchedule .status span{padding:0 10px; position:relative;}
.calendar .rentSchedule .status span + span:before{display:block;content:'';width:1px;height:8px; background-color:#c9c9c7; position:absolute;left:0;top:50%; margin-top:-4px;}
.calendar .rentSchedule .status span em{font-weight:600;}
.calendar .rentSchedule .status .able em{color:#de2424;}
.calendar .rentSchedule.center1{border:1px solid #82b450; background-color:#f7fcf1;}
.calendar .rentSchedule.center2{border:1px solid #b74b96; background-color:#fef5fb;}
.calendar .rentSchedule.center3{border:1px solid #b9722c; background-color:#fcf8ed;}
.calendar .rentSchedule.center4{border:1px solid #348da7; background-color:#f0f9fc;}
.calendar .rentSchedule.center5{border:1px solid #6148e3; background-color:#f3f1fe;}
.calendar .rentSchedule.days1{width:calc(100% + 20px - 2px); }
.calendar .rentSchedule.days2{width:calc(200% + 40px - 5px); }
.calendar .rentSchedule.days3{width:calc(300% + 60px - 8px); }
.calendar .rentSchedule.days4{width:calc(400% + 80px - 11px); }
.calendar .rentSchedule.days5{width:calc(500% + 100px - 14px); }
.calendar .rentSchedule.days6{width:calc(600% + 120px - 17px); }

.eduCateItem{padding:10px 0;font-size:14px !important;font-family:'Nanum Gothic';}
span.eduBtn{display:inline-block;padding:1px 3px;margin:1px 0;color:#fff;border-radius:3px;font-family:'Nanum Gothic';font-size:12px;letter-spacing:-0.5px;}
span.eduBtn.colorRed{color:#f27800;}
span.eduBtn.colorGreen{color:#7ba003;}
span.eduBtn.colorBlue{color:#005aa1;}
span.eduBtn.colorPurple{color:#733bcf;}
span.eduBtn.colorPink{color:#d2357c;}
span.eduBtn.bgRed{background-color:#f27800;}
span.eduBtn.bgBlue{background-color:#52be80;}
span.eduBtn.bgGreen{background-color:#7ba003;}
span.eduBtn.bgYellow{background-color:#f1c40f;}
span.eduBtn.bgPink{background-color:#d2357c;}
span.eduBtn.bgGray{background-color:#6f6f6f;}
span.eduBtn.bgPurple{background-color:#a41fca;}


/* SMS 관리 */
.sms_updateDate{margin-bottom:20px;}
.sms_updateDate:after{display:block;content:'';clear:both;}
.sms_updateDate > li{float:left;width:50%;box-sizing:border-box;}
.sms_updateDate > li:last-child{text-align:right;}

.sms_write{position:relative;}
.sms_write:after{display:block;content:'';clear:both;}
.sms_write > li{float:left;min-height:400px;box-sizing:border-box;}
.sms_write > li.col1{width:220px;padding:20px;background-color:#efefef;}
.sms_write > li.col1 .phone{width:170px;margin:0 auto;}
.sms_write > li.col1 .screen{padding-top:10px;background-color:#F8F8F8;border:1px solid #ccc;text-align:center;margin-bottom:5px;}
.sms_write > li.col1 .screen > div{width:120px;height:120px;margin-top:8px;margin:0 auto;background-image:url('/images/base/sm_sms/smsbg.gif');}
.sms_write > li.col1 .screen > div > textarea{width:100px; height:88px;color:#000;line-height:15px;margin:20px auto 0;font-family:굴림체;font-size:9pt;border:0;background-color:#88C8F8;overflow: hidden;}
.sms_write > li.col1 .screen p{text-align:center; margin:5px 0 5px 0;}
.sms_write > li.col1 .recipient{padding:0 10px;}
.sms_write > li.col1 table{width:82px;margin:0 auto;border-top:0;}
.sms_write > li.col1 table td{padding:0;}
.sms_write > li.col2{width:250px;padding:0 20px;}
.sms_write > li.col2 b{display:inline-block;padding:5px 0;}
.sms_write > li.col2 > div{margin-bottom:5px;}
.sms_write > li.col2 .row1 > a{float:right;}
.sms_write > li.col2 .row2 > div{padding:10px;background-color:#efefef;}
.sms_write > li.col2 .row2 b,
.sms_write > li.col2 .row2 input[type="text"],
.sms_write > li.col2 .row2 a{display:inline-block;}
.sms_write > li.col2 .row2 input[type="text"]{width:100px;}
.sms_write > li.col2 .row3{}
.sms_write > li.col2 .row4 > div{padding:10px;text-align:right;font-size:11px;background-color:#EFEFEF;}
.sms_write > li.col2 .row5{}
.sms_write > li.col2 .row6{text-align:center; margin-top:10px;}
.sms_write > li.col3{position:absolute;top:0;right:0;bottom:0;left:470px;}
.sms_write > li.col3 .row1{text-align:right;}
.sms_write > li.col3 .row1:after{display:block;content:'';clear:both;}
.sms_write > li.col3 .row1 > b{display:block;text-align:left;}
.sms_write > li.col3 #book_person,
.sms_write > li.col3 #book_group{display:inline-block;width:50px;height:30px;line-height:30px;margin-left:5px;text-align:center;background-color:#fff;color:#000;border:1px solid #ccc;border-bottom:0;}
.sms_write > li.col3 .row2{/*padding:0; margin:0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;*/}

.sms_list{min-height:220px;position:relative;padding:20px 0 0 220px;}
.sms_list > .col1{width:200px;height:190px;margin-top:20px;position:absolute;top:0;left:0;background-color:#88C8F8;font-family:batang;font-size: 9pt;text-align:left;word-break:break-all;overflow:hidden;}
.sms_list > .col2{}

/* 대여시간 */
.reservation-time table{width:100%; border-top:2px solid #151515;}
.reservation-time table thead th{font-family: 'S-Core'; color:#151515; padding:10px; border-bottom:1px solid #a1a1a1; text-align:center;}
.reservation-time table tbody th{text-align:center; padding:10px; border-bottom:1px solid #dadada;}
.reservation-time table tbody td{text-align:left; padding:10px; border-bottom:1px solid #dadada;}
.reservation-time .time-opt{display:flex; margin:0 -1%;}
.reservation-time .time-opt li{width:calc(100% / 6 - 2%); margin:0 1%; box-sizing:border-box;height:40px; }
.reservation-time .time-opt a{display:flex; align-items:center; justify-content:center; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#6e6e6e; position:relative; border-radius:10px; width:100%; height:100%; }
.reservation-time .time-opt .able{border:none;}
.reservation-time .time-opt .able a{border:1px solid #219d60; background-color:#26a567; color:#fff;}