@charset "utf-8";
@import url('m_popup.css');
@import url('m_mng_login.css');

/* default style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section  {  	margin:0;	padding:0;	border:0;	vertical-align:baseline;	background:transparent;  }
body {  font-family:'Nanum Gothic','나눔고딕', NanumGothic, 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana; color:#666; font-size:13px;  }
h1, h2, h3, h4, h5, h6  {  font-weight:Normal;  }
ol, ul  {  list-style:none; overflow:hidden;  }


em,address {  font-style:normal;  }
blockquote, q  {  quotes:none;  }
blockquote:before, blockquote:after,q:before, q:after  {  content:'';  }
table  {  border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
th  {  font-weight:Normal;  }
button  {  margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; outline: none;  }
a {color:#121212; text-decoration:none;}
a:link, a:visited, a:hover, a,active, a:focus  {  text-decoration:none; cursor:pointer; outline: none;  }
legend, caption  {  width: 0;  height: 0;  visibility: hidden;  font-size: 0;  line-height: 0; display:none !important; }
textarea  {  resize: vertical;  font: inherit;  overflow-y: auto;  }
input, select  {  color: inherit;  font: inherit;  }
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
strong { font-weight:500;}
.input_search {height : 26px;}




/* ================================
	layout
	================================ */

	/* wrap */
	#wrap { position:relative; width:100%; margin:0 auto; }

	/* header */
	.header { position:fixed; top:0; left:0; display:inline-block; width:100%; height:60px; background:#273b5a; z-index:500; padding:14px 15px 0; box-sizing:border-box;}
	.header h1 { position:relative;}
	.header h1 a { background:url(../../images/m/logo_sb.png) no-repeat 0 0; text-indent:-9999px; display:block; width:28px; height:31px;}
	.h_r_area  { position:absolute; top:14px; right:15px; display:block; box-sizing:border-box;}
	.h_r_area .btn_login { float:right; display:inline-block; background:#fff; color:#000; padding:7px; display:inline-block; border:1px solid #000; box-sizing:border-box; border-radius:5px; line-height:100%; font-weight:600;}
	.h_r_area .name { line-height:30px; color:#fff; letter-spacing:-1px; margin-right:8px;}

	/* container */
	.container { position:relative; top:60px; width:100%; min-height:480px;}

	/* content_area */
	.content_area { position:relative; width:100%; padding:12px; box-sizing:border-box; min-height:360px;}
	.content { padding-top:20px;}
	.content h2 { font-size:21px; color:#202020; font-weight:600; letter-spacing:-1px; text-align:center; display:block; margin-bottom:20px;}
	.content .info_box { position:relative; display:inline-block; width:100%; background:#f7fafc; border:1px solid #e0e0e0; padding:10px; box-sizing:border-box;}
	.content .info_box .count:before { content:"*"; margin-right:2px;}
	.content .info_box .count { float:left; font-size:12px; margin-top:6px;}
	.content .info_box .count span { font-weight:600; color:#21a1df;}
	.content .info_box .info_sel { float:left;}
	.content .info_box select { line-height:25px; height:26px; min-width:80px;}
	.content .info_box .info_btn { text-align:right; color:#fff; float:right;}
	.content .info_box.search > div + div{margin:5px 0 0}
	.content .info_box.search .sel{display:flex;margin-left:-5px;}
	.content .info_box.search select{margin:0;width:calc(100% - 5px);margin:0 0 0 5px;}
	.content .info_box.search .cal{display:flex;}
	.content .info_box.search .cal .date{position:relative;padding:0 28px 0 0;}
	.content .info_box.search .cal .date img{position:absolute;right:0;top:3px;}
	.content .info_box.search .cal .bttxt{width:20px;text-align: center;}
	.content .info_box.search .cal input{margin:0;width: 100%;}
	.content .info_box.search .input_btn{position: relative;padding:0 48px 0 0;}
	.content .info_box.search .input_btn input{margin:0;width: 100%;}
	.content .info_box.search .input_btn .btn_type1{position:absolute;right:0;top:0;}
	.content .info_box.search .search_btn{padding:5px 0 0;text-align: center;}
	.result {margin:0;margin:0 0 0 5px; width: 0% !important}
	.ic_b_blue {display: inline-block;background: #fff;border: 1px solid #3e8cbe;font-weight: 600;color: #3e8cbe;font-size: 12px;line-height: 16px;padding: 2px 5px 2px;border-radius: 2px;}
 	.ic_b_red {display: inline-block;background: #fff;border: 1px solid #3e8cbe;font-weight: 600;color: #ff2500;font-size: 12px;line-height: 16px;padding: 2px 5px 2px;border-radius: 2px;}
 	.w100_imp{margin:0;width:calc(100% - 5px);margin:0 0 0 5px;}
 
 	.content .m_count:before { content:"*"; margin-right:2px;}
	.content .m_count { float:left; font-size:12px;}
	.content .m_count.block{float:none;margin:20px 0 0;}
	.content .m_count span { font-weight:600; color:#21a1df;}


	.content h3 { color:#121212; font-weight:600; font-size:14px; background:url(../../images/m/bull_rblue.gif) no-repeat left center; padding-left:11px; margin-bottom:8px;}
	.content h3 strong { color:#21a1df;}
	.content h3 .r_btn { float:right; display:inline-block; margin-bottom:6px;}

	.content .info_box .css_label {display: inline-block; vertical-align: baseline; color: #454545; font-weight: 600; margin-right: 5px}
	.content .info_box .box_group {display: inline-block; vertical-align: middle; margin-right: 5px}
	.content .info_box .box_group:last-child {margin-right: 0}
	.content .form_calendar {display: inline-block; vertical-align: middle;}
	.content .list_count:before { content:"*"; margin-right:2px;}
	.content .list_count {font-size:12px; margin-top:15px; margin-bottom: 10px}
	.content .list_count span { font-weight:600; color:#21a1df;}
	.content .list_count + .list_table {margin-top: 0}

	.menu_explain{padding:24px 0 63px;margin:0 0 20px;color:#646464;position: relative;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
	.menu_explain p{display:flex;align-items: center;flex-grow: 1;word-break:keep-all;font-size:13px;line-height:16px;}
	.menu_explain p:before{content:'';flex-shrink: 0;display:inline-block;width:50px;height:40px;margin-right:25px;background:url(../../images/m/icon_menu_explain.png) 0 0 / 100% 100% no-repeat;}
	.menu_explain a{position:absolute;right:0;bottom:15px;display:inline-block;font-size:14px;border:1px solid #243a5f;color:#243a5f;border-radius: 5px;height:28px;line-height:28px;padding:0 15px;}

/* ================================
	footer
	================================ */
.footer { position:relative; top:60px; width:100%; border-top:2px solid #494c6e; background:#fff; padding:25px 0 30px; box-sizing:border-box; text-align:center;}
	.footer .f_logo { display:inline-block; background:url(../../images/m/f_logo.png) no-repeat; text-align:center; width:110px; height:36px; text-indent:-9999px;}
	.footer .address { margin-bottom:5px; padding:0 20px;}
	.footer .address span { display:block; font-size:11px; word-break:keep-all; line-height:180%;}



/* ================================
	common
	================================ */

	/* button type */

	.btn_area { position:relative; width:100%; text-align:center;}

	.btn_submit { display:inline-block; padding:7px 15px; background:#202020; border-radius:3px; line-height:100%; color:#fff; font-size:14px;}
	.btn_type1 { display:inline-block; padding:7px 8px; background:#202020; border-radius:3px; line-height:100%; color:#fff; font-size:13px;}
	.btn_type2 { display:inline-block; padding:4px 6px; background:#666; border:1px solid #555; border-radius:3px; line-height:100%; color:#fff; font-size:12px;}
	.btn_type3 { display:inline-block; padding:4px 6px; background:#fff; border:1px solid #555; border-radius:3px; line-height:100%; color:#202020; font-size:12px;}
	.btn_type4 { display:inline-block; padding:4px 6px; background:#999; border:1px solid #878787; border-radius:3px; line-height:100%; color:#fff; font-size:12px;}
	.btn_reg { display:inline-block; padding:7px 10px 7px 22px; background:#0c618a url(../../images/m/ic_check.png) no-repeat 7px center; border-radius:3px; line-height:100%; color:#fff; font-size:13px;}
	.btn_list { display:inline-block; padding:7px 10px 7px 23px; background:#0c618a url(../../images/m/ic_list.png) no-repeat 8px center; border-radius:3px; line-height:100%; color:#fff; font-size:13px;}
	.btn_w span {display:inline-block; padding:4px 6px; border:1px solid #ababab; border-radius:3px; line-height:100%; color:#626262; font-size:12px;}
	.btn_search { display:inline-block; padding:7px 8px; background:#202020; border-radius:3px; line-height:100%; color:#fff; font-size:13px;width: 7%;height: 13px;}
	/* float */
	.fl { float:left !important;}
	.fr { float:right !important;}

	/* align */
	.al_l {  text-align: left !important; }
	.al_c {  text-align: center !important; }
	.al_r {  text-align: right !important; }

	/* color */
	.t_red { color:#f22925;}
	.t_blue { color:#0c92ca;}
	.t_pre{ white-space:pre-line;  }

	/* margin */
	.mb0  {  margin-bottom:0 !important;  }
	.mb5  {  margin-bottom:5px !important;  }
	.mb10  {  margin-bottom:10px !important;  }
	.mb20  {  margin-bottom:20px !important;  }
	.mb25  {  margin-bottom:25px !important;  }
	.mb30  {  margin-bottom:30px !important;  }
	.mb35  {  margin-bottom:35px !important;  }
	.mb40  {  margin-bottom:40px !important;  }
	.mb50  {  margin-bottom:50px !important;  }
	.mb60  {  margin-bottom:60px !important;  }
	.mb65  {  margin-bottom:65px !important;  }
	.mb70  {  margin-bottom:70px !important;  }
	.mb75  {  margin-bottom:75px !important;  }
	.mb80  {  margin-bottom:80px !important;  }

	.mt0{  margin-top:0px !important;}
	.mt3{  margin-top:3px !important;}
	.mt5{  margin-top:5px !important;}
	.mt6{  margin-top:6px !important;}
	.mt8{  margin-top:8px !important;}
	.mt10{  margin-top:10px !important;}
	.mt15{  margin-top:15px !important;}
	.mt20{  margin-top:20px !important;}
	.mt25{  margin-top:25px !important;}
	.mt30{  margin-top:30px !important;}
	.mt35{  margin-top:35px !important;}
	.mt40{  margin-top:40px !important;}
	.mt45{  margin-top:45px !important;}
	.mt50{  margin-top:50px !important;}
	.mt55{  margin-top:55px !important;}
	.mt60{  margin-top:60px !important;}
	.mt70{  margin-top:70px !important;}
	.mt80{  margin-top:80px !important;}
	.mt100{  margin-top:100px !important;}

	.ml0  {  margin-left:0 !important;  }
	.ml7  {  margin-left:7px !important;  }
	.ml1  {  margin-left:1px !important;  }
	.ml2  {  margin-left:2px !important;  }
	.ml3  {  margin-left:3px !important;  }
	.ml4  {  margin-left:4px !important;  }
	.ml5  {  margin-left:5px !important;  }
	.ml6  {  margin-left:6px !important;  }
	.ml7  {  margin-left:7px !important;  }
	.ml8  {  margin-left:8px !important;  }
	.ml9  {  margin-left:9px !important;  }
	.ml10  {  margin-left:10px !important;  }

	.mr0  {  margin-right:0 !important;  }
	.mr2  {  margin-right:2px !important;  }
	.mr3  {  margin-right:3px !important;  }
	.mr5  {  margin-right:5px !important;  }
	.mr7  {  margin-right:7px !important;  }
	.mr8  {  margin-right:8px !important;  }
	.mr10  {  margin-right:10px !important;  }
	.mr15  {  margin-right:15px !important;  }

	/* width */
	.W10  {  width: 10px !important;  }
	.W15  {  width: 15px !important;  }
	.W20  {  width: 20px !important;  }
	.W25  {  width: 25px !important;  }
	.W30  {  width: 30px !important;  }
	.W35  {  width: 35px !important;  }
	.W40  {  width: 40px !important;  }
	.W50  {  width: 50px !important;  }
	.W60  {  width: 60px !important;  }
	.W67  {  width: 67px !important;  }
	.W75  {  width: 75px !important;  }
	.W70  {  width: 70px !important;  }
	.W80  {  width: 80px !important;  }
	.W90  {  width: 90px !important;  }
	.W100  {  width: 100px !important;  }
	.W110  {  width: 110px !important;  }
	.W120  {  width: 120px !important;  }
	.W130  {  width: 130px !important;  }
	.W140  {  width: 140px !important;  }
	.W150  {  width: 150px !important;  }
	.W160  {  width: 160px !important;  }
	.W170  {  width: 170px !important;  }
	.W180  {  width: 180px !important;  }
	.W190  {  width: 190px !important;  }
	.W200  {  width: 200px !important;  }
	.W240  {  width: 240px !important;  }
	.W250  {  width: 250px !important;  }
	.W270  {  width: 270px !important;  }
	.W280  {  width: 280px !important;  }
	.W290  {  width: 290px !important;  }
	.W300  {  width: 300px !important;  }
	.W350  {  width: 350px !important;  }
	.W400  {  width: 400px !important;  }
	.W500  {  width: 500px !important;  }



	.WP10  {  width: 10% !important;  }
	.WP20  {  width: 20% !important;  }
	.WP30  {  width: 30% !important;  }
	.WP40  {  width: 40% !important;  }
	.WP45  {  width: 45% !important;  }
	.WP50  {  width: 50% !important;  }
	.WP60  {  width: 60% !important;  }
	.WP70  {  width: 70% !important;  }
	.WP80  {  width: 80% !important;  }
	.WP85  {  width: 85% !important;  }
	.WP90  {  width: 90% !important;  }
	.WP98  {  width: 98% !important;  }
	.WP100  {  width: 100% !important;   }

	/* tip*/
	.tip { display:inline-block; font-size:12px; line-height:150%; position: relative; padding-left: 13px; word-break: keep-all}
	.tip:before { content:"※"; position: absolute; left: 0; top: 0; margin-right:3px; color: #f22925}
	.tip strong { font-weight:normal; color:#f22925;}
	.tip2 { background:url(../../images/mng/bull_mando.png) no-repeat right 3px; padding-right:12px;}

	/* font */
	.t15 { font-size:15px;}

	/* form */
	.css_sel {  line-height:25px; margin:0 3px 4px 0; height: 26px; min-width:50px;}
	.css_txt {  height:26px;  margin:0 3px 4px 0;  vertical-align:middle;  padding:2px 5px; color:#343434; box-sizing: border-box; }
	.css_txtarea {  margin:3px;  padding:10px 10px; box-sizing:border-box;  border:1px solid #d0d0d0;  border-radius:2px;  /*  -moz-border-radius:2px; */  background-color:#fff;  overflow-y:auto;   }

	
	/* 캘린더 */
.form_table .fullcalendar .holiday, .form_table .fullcalendar .holiday a {color: #f22925;}
.form_table .fullcalendar input[type="checkbox"] {vertical-align: middle;}
.form_table .fullcalendar tbody td {text-align: right; padding-right: 12px; position: relative;}

.calendaryear .fullcalendar tbody td {text-align: left; height: 100px; vertical-align: top;}

/* 활동가능일(캘린더) */
.calendaryear .caly_y {text-align: center; padding: 13px;}
.calendaryear .caly_y .btnc {vertical-align: middle; margin-left: 15px; position: relative; bottom: 3px;}
.calendaryear .caly_y h5 {font-size: 21px; background: none; padding: 0; display: inline-block; margin: 0 25px; color: #121212; top: 3px;}
.calendaryear .caly_y > a {display: inline-block; text-indent: -9999px; width: 8px; height: 100%;}
.calendaryear .caly_y > a.prev_y {background: url(../images/mng/prev_month.png) no-repeat 50% 50%;}
.calendaryear .caly_y > a.next_y {background: url(../images/mng/next_month.png) no-repeat 50% 50%;}
.calendaryear .cap_end {display: inline-block; border: 1px solid #c2c9cf; background: #e7ecf0; width:40px; height: 24px; box-sizing: border-box; text-align: center; vertical-align:middle; margin-right:10px;}
.fullcalendar > div > ul > li.reserveEnd {background: #e7ecf0; cursor: no-drop;}
.caly_m {border: 1px solid #d0d0d0; border-left: 0; border-top: 0; margin-top: 15px;}
.caly_m > ul > li {float: left; width: 16.666%; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; box-sizing: border-box; padding: 10px; color: #121212; height: 150px;}
.calendaryear .calendar_day .today:after {content: ''; display: block; position: absolute; top: 0; left: 0; border: 1px solid #069bd7; width: 100%; height: 100%; box-sizing: border-box;}
.caly_m > ul > li strong {font-size: 16px; margin-bottom: 15px; display: block;}
.caly_m > ul > li strong a:hover {text-decoration: underline;}
.caly_m > ul > li div {text-align: center; word-break: keep-all;}
.caly_m > ul > li > div > i {color: #888888;}


.fullcalendar > div > ul {width: 100%;}
.fullcalendar > div > ul > li {float: left; width: 14.285%; box-sizing: border-box; border-left: 1px #dbdbdb  solid; color: #666666;}
.fullcalendar > div.calendar_header > ul > li {border-bottom: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; background: #eef0f1; font-weight: 600; text-align: center; letter-spacing: -1px; padding: 12px 12px; color: #333;}
.fullcalendar > div.calendar_day > ul > li:nth-child(7n), .fullcalendar > div.calendar_header > ul > li:nth-child(7n), .fullcalendar > div.calendar_day > ul > li:last-child {border-right: 1px solid #dbdbdb;}
/*.fullcalendar > div > ul > li.Sun {color: #f22925; border-left: 0;}
.fullcalendar > div > ul > li.Sat {color: #2453a5;}*/
.fullcalendar .holiday, .fullcalendar .holiday {color: #f22925 !important;}
.fullcalendar > div.calendar_day > ul > li {height: 150px; min-height: 150px; border-bottom: 1px #dbdbdb  solid; line-height: 150%; padding: 6px 12px; overflow-y: auto; position: relative;}
.fullcalendar > div.calendar_day > ul > li:nth-child(7n+1) { background:#fef6f6;}
.fullcalendar > div.calendar_day > ul > li:nth-child(7n+7) { background:#f7fcff;}
.fullcalendar > div.calendar_day a {display: block;}
.fullcalendar > div.calendar_day a:hover {text-decoration: underline;}
.calendaryear .schedule_list {text-align: center;}
.calendaryear .schedule_list li {background: #169BD1; color: #ffffff; border-radius: 3px; font-size:12px; line-height: 1.3; margin: 3px 1px 0; word-break: keep-all; white-space: nowrap; overflow: hidden; float: left; padding:2px 3px;}

.calendaryear .schedule_all {background: #273b5a; color: #ffffff !important; position: absolute; bottom: 6px; width: calc(100% - 28px); text-align: center; border-radius: 3px; font-size:12px; line-height: 1.5; margin: 3px 2px 0; word-break: keep-all; white-space: nowrap; overflow: hidden;}
.fullcalendar > div > ul > li input[type="checkbox"] {vertical-align: middle;}
.fullcalendar .activity {background: #e7ecf0 !important;}
.calendarcap .cap_act {display: inline-block; border: 1px solid #c2c9cf; background: #e7ecf0; width: 40px; height: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; margin-right: 10px;}
.fullcalendar > div > ul > li i {margin-left: 10px; color: #f22925;}
/* 팝업창 안에 캘린더*/
.pop_content .fullcalendar > div.calendar_day > ul > li {height: 33px; min-height: 33px; text-align: right; overflow-y: visible; z-index:2;}
.pop_content .fullcalendar.fullcal_chk > div.calendar_header > ul > li {text-align: right}
.pop_content .fullcalendar > div.calendar_day .today:after {content: ''; display: block; position: absolute; top: 0; left: 0; border: 1px solid #069bd7; width: 100%; height: 100%; box-sizing: border-box; z-index:-1;}

.fullcalendar > div.reservation > ul > li { height:auto !important; min-height:50px !important; }