@charset "UTF-8";

/*reset*/
@import "/Web-home/_UI/css/common/normalize.css";
@import "/Web-home/_SITES/css/common/common.css";
@import "/Web-home/content/skin/skin0/style.css";
@import "/Web-home/_UI/css/guide/button.css";


/* event table */
._eventTable .artclTable{width: 100%;table-layout:fixed;border-top:2px solid #353e4d;}
._eventTable .artclTable caption{display: none;}
._eventTable .artclTable colgroup col._artclColNum{width: 5%;}
._eventTable .artclTable colgroup col._artclColCategory{width: 10%;}
._eventTable .artclTable colgroup col._artclColProgram{width: auto;}
._eventTable .artclTable colgroup col._artclColdate{width: 100px;}
._eventTable .artclTable colgroup col._artclColLocal{width: 120px;}
._eventTable .artclTable colgroup col._artclColPer{width: 15%;}
._eventTable .artclTable colgroup col._artclColRec{width: 10%;}
._eventTable .artclTable thead th{color: #080808;font-weight:500; font-size:18px;}
._eventTable .artclTable th,
._eventTable .artclTable td{padding: 15px 0;text-align: center;border-bottom:1px solid #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
._eventTable .artclTable tr._artclEven{background-color: white;}
._eventTable .artclTable tr.trashLi td{text-decoration: line-through;color:#666;}
._eventTable .artclTable tr.trashLi td .artclLinkView strong:before{content:'TRASH';display:inline-block;background-color:#a0adb5;color:#fff;padding:2px 10px;font-size:11px;margin-right:5px;border-radius:5px;vertical-align:middle;line-height:1.4;}
._eventTable .artclTable tr._artclOdd{}
._eventTable .artclTable tr td .artclLinkView{display: block;font-size: 1em;margin: 0 7px;}
._eventTable .artclTable tr td .artclLinkView .newArtcl{width: 20px;height: 20px; vertical-align:middle; margin-left:5px; overflow: hidden;text-indent: -5000px;display: inline-block;zoom: 1;_display: inline;background-position: 0 -240px; background:url(./../images/newArtcl.png) no-repeat;}
._eventTable .artclTable tr td._artclTdNum{}
._eventTable .artclTable tr td._artclTdCategory{}
._eventTable .artclTable tr td._artclTdProgram{white-space: normal;}
._eventTable .artclTable tr td._artclTdRdate{}
._eventTable .artclTable tr td._artclTdLocal{}
._eventTable .artclTable tr td._artclThPer{}
._eventTable .artclTable tr td._artclThRec span{color: #fff;font-size: 14px;font-weight: 500;text-align: center;padding: 3px 12px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
._eventTable .artclTable tr td._artclThRec span.open{background: #27b5be;}
._eventTable .artclTable tr td._artclThRec span.close{background: #ff2e69;}

.fnDiv.areaButton {overflow: hidden;padding: 1em 0;text-align: center;}
.fnDiv .fnLeft {float: left;line-height: 30px;}
.fnDiv .fnRight {float: right;}

@media only screen and (max-width:700px){
	._paging ._inner ul{display:none;}
	._eventTable .artclTable th,
	._eventTable .artclTable td{white-space: inherit;}
	._eventTable .artclTable{table-layout:auto;}
	._eventTable .fnDiv.artclSerch .fnLeft{display:none;}
	._eventTable .artclTable thead th,
	._eventTable .artclTable col,
	._eventTable .artclTable tbody td{display:none;}
	._eventTable .artclTable tbody td._artclTdProgram,
	._eventTable .artclTable tbody td._artclTdRdate,
	._eventTable .artclTable tbody td._artclThRec{display:table-cell;}
	._eventTable .artclTable tbody {border-top:2px solid #000;}
	._eventTable .artclTable tbody td._artclTdRdate{width:100px;}
	._eventTable .artclTable tr td .artclLinkView{white-space: inherit;}
	._eventTable .artclTable tbody td strong{display:block; height: 30px; overflow: hidden; text-overflow: ellipsis;}
	._eventTable .artclItem .artclInsert ._full{width:calc(100% - 20px)}
	._eventTable .artclPeriod fieldset label + input + label:before{content:''; display:block; clear:both;}
	._eventTable .artclItem .artclLabel,
	._eventTable .artclItem .artclInsert{display:block; width:100%;}
	._eventTable .artclItem .artclLabel{padding:5px 10px; border-bottom: 1px solid #ddd; background: #fbfbfb;}
	._eventTable .artclItem.writeForm .artclInsert.month .slash{display:block; text-indent:-9999px; height:10px;}
	._eventTable .artclNavi{display:none;}
	._eventTable .artclViewTitleWrap .artclShare{display:none;}
	._eventTable .artclViewHead{display:none;}
	._eventTable .artclTable tr td .artclLinkView .newArtcl{display:none;}
}


/* event view */
._eventView .artclTable{width: 100%;table-layout:fixed;border-top:2px solid #353e4d;}
._eventView .artclTable caption{display: none;}
._eventView .artclTable thead th{color: #080808;font-weight:500; font-size:18px;}
._eventView .artclTable th{background: #f6f6f6;}
._eventView .artclTable th,
._eventView .artclTable td{padding: 15px 0;text-align: center;border-bottom:1px solid #dcdcdc;overflow: hidden;}
._eventView .artclTable td{text-align: left;padding: 15px;}
._eventView .artclTable tr td._artclTdDetail img { width: 100%; }



/********************** ´Þ·ÂºÎºÐÂüÁ¶.. ***************************** */
/*style*/
._studioSch select.sel {height: 45px; width: 150px;}

/*¿¹¾à³¯Â¥(³â¿ù)*/
._studioSch .moveDate {text-align: center; padding: 20px 0 30px;}
._studioSch .moveDate input {width: 150px; font-size: 22px; font-weight: 500; display: inline-block;  text-align: center; border: 0;}
._studioSch .moveDate a {background-repeat: no-repeat; background-position: 0 0; width: 34px; height: 34px; text-indent: -5000px; display: inline-block; vertical-align: middle;}
._studioSch .moveDate a.DirectionLeft {background-image: url(../images/btnLeft.png);}
._studioSch .moveDate a.DirectionRight {background-image: url(../images/btnRight.png);}
 

/*¿¹¾à½ºÆ©µð¿À*/
._studioSch ul.legend {display:block; list-style:none; text-align:right; margin:10px 0 0; font-size:0; line-height:1; height:auto;}
._studioSch ul.legend > li {display:inline-block; height:20px; margin-left:10px; line-height:20px; font-size:14px; vertical-align:middle; margin-bottom: 10px;}
._studioSch ul.legend > li > i {display:block; width:18px; height:18px; margin:2px 5px 2px 0px; float:left; box-sizing:border-box;}


/*¿¹¾àĶ¸°´õ*/
._studioSch ul.calendarview {list-style:none; min-width:100%; overflow-x:auto; font-size:14px; -webkit-overflow-scrolling:touch;}
._studioSch ul.calendarview > li {display:table; width:100%; table-layout:fixed; box-sizing:border-box; border-bottom: 1px solid #ddd;}
._studioSch ul.calendarview > li > ul {display:table-row; list-style:none;}
._studioSch ul.calendarview > li > ul > li {display:table-cell; width:auto; vertical-align:top;}

._studioSch ul.calendarview > li.thead {border-top:2px solid #000; border-bottom: 1px solid #e3e4e5;}
._studioSch ul.calendarview.red > li.thead {border-top-color:#f44336;}
._studioSch ul.calendarview.black > li.thead {border-top-color:#222;}

._studioSch ul.calendarview > li.thead > ul > li {height:60px; line-height:60px; background:#fff; font-size: 18px; font-weight:400; text-align:center; vertical-align:middle;}
._studioSch ul.calendarview > li.thead > ul > li.sun {color:#F44336;}
._studioSch ul.calendarview > li.thead > ul > li.sat {color:#2196F3;}

._studioSch ul.calendarview > li.tbody > ul > li {height:150px; padding:5px; border-right: #ddd 1px solid;}
._studioSch ul.calendarview > li.tbody > ul > li:last-child {border-right: 0;}
._studioSch ul.calendarview > li.tbody > ul > li > i {display:block; font-size: 16px; font-weight:400; font-style:normal;}
._studioSch ul.calendarview > li.tbody > ul > li.sun > i {color:#F44336;}
._studioSch ul.calendarview > li.tbody > ul > li.sat > i {color:#2196F3;}
._studioSch ul.calendarview > li.tbody > ul > li.not {background:#f4f4f4;}
._studioSch ul.calendarview > li.tbody > ul > li.not > i {color:#ccc !important;}
._studioSch ul.calendarview > li.tbody > ul > li.today {background:#FFF9C4;}

._studioSch ul.calendarview.inner > li {border-bottom:1px solid #e3e4e5;}
._studioSch ul.calendarview.inner > li > ul > li {border-right:1px solid #e3e4e5;}
._studioSch ul.calendarview.inner > li > ul > li:last-child {border-right:0px;}
._studioSch ul.calendarview.outer > li {border-left:1px solid #e3e4e5; border-right:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5;}
._studioSch ul.calendarview.outer > li:last-child {border-bottom:1px solid #e3e4e5;}

._studioSch div.toggle {position:relative;}
._studioSch div.toggle > button {display:block; box-sizing:border-box; position:relative; overflow:hidden; text-overflow:ellipsis; padding-right:30px; width:100%; height:30px; line-height:30px; border-radius:3px; border:0px; margin:5px 0px; padding-left:10px; text-align:left; background:#2196F3; font-size:13px; color:#fff; cursor:pointer;}
._studioSch div.toggle > button[disabled] {cursor:not-allowed; background:#ddd;}
._studioSch div.toggle > button > i {position:absolute; right:0; top:0; width:30px; height:30px; line-height:30px; text-align:center;}
._studioSch div.toggle > ul {list-style:none; position:absolute; top:30px; left:0; min-width:100%; height:auto; border:1px solid #CDDC39; background:#fff; display:none; box-sizing:border-box; z-index:10;}
._studioSch div.toggle > ul > li {border-bottom:1px solid #ddd; display:block;}
._studioSch div.toggle > ul > li > button[data-action=application] {display:block; height:30px; line-height:30px; margin:0; padding:0 10px 0 10px; border-radius:0; white-space:nowrap; color:#fff; text-decoration:none; background:#fff; text-align:left;}
._studioSch div.toggle > ul > li > button[data-action=application].mine {border:1px solid #bbb; background:#fff; color:#333;}
._studioSch div.toggle > ul > li > button[data-action=application][disabled] {background:#E0E0E0; color:#666; cursor:not-allowed;}
._studioSch div.toggle > ul > li:last-child {border-bottom:0px;}

._studioSch div.toggle.opened > button {border-radius:3px 3px 0px 0px;}
._studioSch div.toggle.opened > button > i:before {content:"\f106";}
._studioSch div.toggle.opened > ul {display:block;}
._studioSch div.toggle.opened.bottom > button {border-radius:0px 0px 3px 3px;}
._studioSch div.toggle.opened.bottom > ul {top:auto; bottom:30px;}

._studioSch select.shin {width: 100%; background-color: #2196F3;color: #fff; height: 35px; padding: 0 0 0 5px; border: 0;}
._studioSch select.shin:disabled {background: #bbb; }
._studioSch select.shin option {padding: 10px; font-size: 15px;}
._studioSch select option.op1 {background-color: #3366FF; color: #fff;}
._studioSch select option.op2 {background-color: #800080; color: #fff;}
._studioSch select option.op3 {background-color: #008000; color: #fff;}

._studioSch .member {margin-top:5px; padding: 5px; border-left: 2px solid transparent;}
._studioSch .member.op1 {color: #3366FF; background: rgba(51, 102, 255, 0.1); border-left-color: #3366FF;}
._studioSch .member.op2 {color: #800080; background: rgba(128, 0, 128, 0.1); border-left-color: #800080;}
._studioSch .member.op3 {color: #008000; background: rgba(0, 128, 0, 0.1); border-left-color: #008000;}
._studioSch .member .time {display: block;}

/* for mobile */
@media screen and (max-width:800px) {
	._studioSch ul.calendarview li {min-width: 800px;}
	._studioSch ul.calendarview:before {
		content: '¡Ø Á¿ì·Î ½ºÅ©·Ñ ÇØÁÖ¼¼¿ä';
		color: #2c6aba;
		font-size: 12px;
		font-weight: 400;
	}
}





/********************** ±âÁ¸ ***************************** */
.searchSelect{display:flex;align-items:center;justify-content:center;margin-bottom:30px;}
.searchSelect strong,
.searchSelect a{}
.searchSelect strong{font-size:22px;padding:0 20px;font-weight:700;}
.searchSelect a{display:inline-block;text-indent:-9999px;width:33px;height:33px;background:url(/sites/style_guide/images/common/arrow_3_b.png) no-repeat center;border:1px solid #888;}
.searchSelect a.prev{transform:rotate(180deg);}

.calendar_table{}
.calendar_table td{position:relative;text-align:left;font-size:15px;}
.calendar_table th.sun,
.calendar_table td.sun span{color:#cb2026;}
.calendar_table th.sat,
.calendar_table td.sat span{color:#0065b3;}
.calendar_table td span{font-size:13px;font-weight:700;position:absolute;top:10px;left:10px;}
.calendar_table td a{display:block;position:relative;padding:5px 0 5px 20px;}
.calendar_table td a:before{content:"";display:block;width:4px;height:2px;background:#888;position:absolute;top:13px;left:10px;}
.calendar_table td strong{display:block;}

.board-button a{line-height:1;}
.board-button-2 a{line-height:1;background:#DDD;margin:0 5px;font-size:15px;padding:5px 10px;border-radius:2px;font-weight:400;}

.conBox{background:#dfebff;padding:7px;font-size:13px;margin-bottom:2px;}
.conBox.op1{background:#fd9be880;padding:7px;font-size:13px;margin-bottom:2px;}

.table_1 input[type=text]{width:100%;padding:5px;height:35px;}
.table_form{border-top:2px solid #162b58;border-bottom:1px solid #162b58;}
.table_form table{width:100%;}
.table_form caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.table_form th{background:#f5f5f5;border-bottom:1px solid #FFF;border-left:1px solid #FFF;font-weight:400;}
.table_form td{background:#FFF;text-align:left;border-bottom:1px solid #eaeaea;}
.table_form th,
.table_form td{padding:15px;line-height:1.3;text-align:left;}
.table_form th:first-child,
.table_form td:first-child{border-left:0;}
.table_form select,
.table_form input[type=text],
.table_form input[type=password],
.table_form input[type=button]{height:36px;padding:0 10px;border-color:#DDD;font-size:16px;}
.table_form input[type=button]{background:#888;color:#FFF;cursor:pointer;}
.table_form .wrap_1,
.table_form .wrap_2,
.table_form .wrap_8{margin-top:5px;}
.table_form span{padding:0 5px;}
.table_form select,
.table_form input[type=text]{}
.table_form input[type=radio]{display:inline-block;vertical-align:2px;}
.table_form input[type=checkbox]{display:inline-block;vertical-align:0;}
.table_form .wS{width:150px;}
.table_form .wL{width:49%;}
.table_form .colw{width:300px;}
.table_form .wrap_4{display:flex;}
.table_form .wrap_6{display:flex;}
.table_form .wrap_7 li{padding:5px 0;}
.table_form .wrap_7 li i{display:inline-block;width:230px;}
.table_form .wrap_6 li{display:flex;}
.table_form .wrap_5{margin:5px 0;}
.table_form .wrap_5 span{display:inline-block;width:100px;}
.table_form .wrap_8 select{margin:3px 0;}
.table_form_title{font-weight:700;padding:20px 0 10px 0;font-size:20px;}
@media only screen and (max-width:1024px){
	.table_form .wrap_6{display:block;}
	.table_form .wrap_6 li{padding:2px 0;}
	.table_form .wrap_7 li i{display:block;width:100%;margin-bottom:5px;}
}
@media only screen and (max-width:768px){
	.table_form .colw{width:100%;}
	.table_form tr{display:flex;align-items:center;flex-direction:column;}
	.table_form th,
	.table_form td{width:100% !important;border:0;}
	.table_form td{padding:10px 0;}
	.table_form select,
	.table_form input[type=text],
	.table_form input[type=password]{width:99.5%;}
	.table_form .wrap_2 input[type=text]{margin-top:5px;}
	.table_form .wrap_3{position:relative;}
	.table_form .wrap_3 input[type=button]{position:absolute;left:150px;top:0;}
	.table_form .wS{width:150px !important;}
	.table_form .wrap_5 span{display:block;width:100%;margin-bottom:5px;}
	.table_form .wrap_9 input[type=text]{width:calc(100% - 30px);}
}
@media only screen and (max-width:420px){
	.table_form .wrap_3 input[type=button]{left:auto;right:0;}
	.table_form .wS{width:100% !important;}
	.table_form .wrap_4{display:block;}
	.table_form .wrap_4 li{padding:2px 0;}
}