@charset "utf-8";
@import url(/common/yhdcalendar-1.2/yhdcalendar.css);

/* 신청접수 */
.mapWrap {position:relative;}
.mapWrap:after {content:''; display:block; position:absolute; top:1.666667em; right:0; bottom:0; left:0; border:1px solid #ddd; border-radius:1.111111em;}
.mapWrap .mapBoxWrap {margin-top:.555556em; border-radius:1.111111em; overflow:hidden;}
.mapWrap .mapBoxWrap .map_box {height:25em; margin-top:0; border:0;}
.mapWrap .mapBoxWrap .map_border {display:none;}
.mapWrap .mapInfo {padding:1.666667em 1.666667em 1.666667em 2.777778em;}
.mapWrap .mapInfo > ul > li {position:relative; padding:.333333em 0 .333333em 9.444444em; margin-bottom:.555556em;}
.mapWrap .mapInfo > ul > li:last-child {margin-bottom:0;}
.mapWrap .mapInfo > ul > li:before {content:''; display:block; position:absolute; top:0; left:0; width:2.222222em; height:2.222222em; border-radius:50%; background-size:auto !important;}
.mapWrap .mapInfo > ul > li.add:before {background:#333 url(/portal/img/sub01/ico_map_info01.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo > ul > li.cal:before {background:#333 url(/portal/img/sub01/ico_map_info02.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo > ul > li.fax:before {background:#333 url(/portal/img/sub01/ico_map_info03.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo > ul > li > strong {display:inline-block; position:absolute; top:.333333em; left:3.333333em;}
.tab_detail {display:none;}

.map_box {width:100%; height:25em; margin-top:0; border:0; border-radius:0;}
.map_con {position:relative; width:16.666667em;}
.map_con .box {position:relative; left:-1px; height:auto; padding:1.111111em; border:1px solid #7681a8; border-top-width:0; background:#fff;}
.map_con .box .title {font-weight:600;}
.map_con .box .body {font-size:.888889em;}
.map_con .box .map_call {font-size:.888889em; color:#666; padding:.5em;}
.map_con .box .title {display:block; padding-bottom:.388889em; border-bottom:2px solid #333; color:#333; font-size:1em; font-family:'NanumGothicWebB';}
.map_con .box .body {display:block; padding:1em .5em .5em; color:#666; font-size:.888889em;}

.map_link {display:block; margin-top:1.666667em; text-align:center;}
.map_link a {display:inline-block; position:relative; box-sizing:border-box; width:11.111111em; padding:.777778em 1.111111em .777778em 3.333333em; margin:.222222em; border:1px solid #ddd; border-radius:.833333em; background:#fff; color:#fff;}
.map_link a:hover {border-color:#333;}
.map_link .btn_list {color:#333 !important;}
.map_link .btn_list:before {content:''; position:absolute; top:.555556em; left:1.111111em; width:1.666667em; height:1.666667em; background-size:100% auto;}
.map_link .btn_list.kakao:before {background-image:url(/portal/img/sub01/map_kakao.png);}
.map_link .btn_list.naver:before {background-image:url(/portal/img/sub01/map_naver.png);}
.conts .map_link a[target="_blank"]:not(.btn):after {display:none;}

@media all and (max-width:640px) {
	.mapWrap:after {display:none;}
	.mapWrap .mapBoxWrap {margin-right:0;}
	.mapWrap .mapInfo {padding:1.666667em 0; border-bottom:1px solid #ddd;}
}

@media all and (max-width:441px) {
	.map_link a {margin:.333333em;}
}


/* 신청접수 캘린더 */

.lotax-app-header .list-ctrl a {position:relative; display:inline-block;  vertical-align:middle; height:3em; line-height:2.8em; background:#fff; border-radius:.88em; padding:0 1.5em 0 3em; border:1px solid #0A2961; color:#0A2961;}
.lotax-app-header .list-ctrl a.on {background:#0A2961; color:#fff;}
.lotax-app-header .list-ctrl a.cal:before {content:''; display:inline-block; position:absolute; top:31%; left:11%; width:1.3em; height:1.3em; background:url(../img/common/btn_ico_cal.png) 0 0 no-repeat; border:none; border-radius:0;}
.lotax-app-header .list-ctrl a.list:before {content:''; display:inline-block; position:absolute; top:31%; left:11%; width:1.3em; height:1.3em; background:url(../img/common/btn_ico_list.png) 0 0 no-repeat; border:none; border-radius:0;}

.lotax-app-header .list-ctrl a.cal.on:before {background:url(../img/common/btn_ico_cal_on.png) 0 0 no-repeat;}
.lotax-app-header .list-ctrl a.list.on:before {background:url(../img/common/btn_ico_list_on.png) 0 0 no-repeat;}
.lotax-app-header .list-ctrl a .hidden{display:none;}
.lotax-app-header .list-ctrl a.on .hidden{display:block;}

.lotax-calendar-group {padding:30px 0; overflow:hidden;}
.lotax-calendar-group > * {display:block; float:left; box-sizing:border-box;}
.lotax-calendar-group > .left {width:60%; float:left; padding-right:30px;}
.lotax-calendar-group > .right {width:40%; float:right; min-height:430px;}
.lotax-calendar-group .tit {display:block; position:relative; margin-bottom:20px;}
.lotax-calendar-group .tit span {display:inline-block; position:relative; color:#fff; background:#0A2961; padding:.3em 1em; margin-right:.7em; border-radius:1em; font-size:.9em;}
.lotax-calendar-group .tit strong {font-weight:500; color:#0A2961;}
.lotax-calendar-group .sub-tit {display:block; position:relative; padding:0; font-size:17px; text-align:center; margin-bottom:20px; border-radius:10px; background:#5546A9; color:#fff; height:2.5em; line-height:2.5em;}


.calendar td.able {background:#e9f5ff url(../img/common/pattern1.png);}
.calendar td.com {background:#efefef url(../img/common/pattern2.png);}
.calendar td.com em {color:#777;}
.calendar td.sel {background:#0A2961;}
.calendar td p {text-align:left; color:#555;}
.calendar td p.date {margin-bottom:5px;}
.calendar td p.txt {color:#555; margin-bottom:5px;}
.calendar td span {display:block; color:#555; font-size:.95em;}
.calendar td em {display:inline-block;} 

.calendar td.sel p,
.calendar td.sel span,
.calendar td.sel em {color:#fff !important;}
.calendar td a {display:inline-block;}

.calendar .today {border:2px solid #367FFC !important;}

.lotax-calendar-group .calendar-wrap .cal_table td a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 0;}
.lotax-calendar-group .calendar-wrap .cal_table td a span{display:none;}


.lotax-calendar-group .calendar-wrap .legend {display:block; position:relative; padding-top:20px;margin-bottom:30px;}
.lotax-calendar-group .calendar-wrap .legend i {display:inline-block; position:relative; width:30px; height:20px; vertical-align:middle; margin-right:.5em;}
.lotax-calendar-group .calendar-wrap .legend i ~ i {margin-left:1.5em;}
.lotax-calendar-group .calendar-wrap .legend i.legend-able {background:#e9f5ff url(../img/common/pattern1.png);}
.lotax-calendar-group .calendar-wrap .legend i.legend-com {background:#efefef url(../img/common/pattern2.png);}

.lotax-calendar-group .calendar-wrap .summary{display: table;position: relative;border:1px solid #ddd;width:100%;border-radius: 5px;padding:15px;vertical-align:middle;min-height:100px;z-index: 1;overflow: hidden;box-sizing: border-box;}
.lotax-calendar-group .calendar-wrap .summary dt{display: table-cell;text-align:center;vertical-align:middle;width:20%;color:#fff;background:#5546A9;border-radius:5px;}
.lotax-calendar-group .calendar-wrap .summary dd{display: table-cell;width:80%;padding-left:2%;}
.lotax-calendar-group .calendar-wrap .summary dd ul{overflow:hidden;}
.lotax-calendar-group .calendar-wrap .summary dd ul li{position:relative; width:50%;padding:0.25em 0.5em 0 0.3em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing:border-box; font-size:1.5rem;}
.lotax-calendar-group .calendar-wrap .summary dd ul li:nth-child(odd){float:left;}
.lotax-calendar-group .calendar-wrap .summary dd ul li:nth-child(even){float:right;}
.lotax-calendar-group .calendar-wrap .summary dd ul li:before {left:-.3em; background-image:url(../img/common/bul_li_depth02.svg); max-width:16px;}


.lotax-calendar-group .facility-list {font-size:.9em; overflow:hidden;margin-bottom:30px;display:inline-block;width:100%; padding-top:33px;}
.lotax-calendar-group .facility-list ul{overflow:hidden;}
.lotax-calendar-group .facility-list li{width:100%;padding:1%;float:left;box-sizing:border-box;}
.lotax-calendar-group .facility-list li:first-child:nth-last-child(2),
.lotax-calendar-group .facility-list li:first-child:nth-last-child(2) ~ li{width:49%;}
.lotax-calendar-group .facility-list li:first-child:nth-last-child(3),
.lotax-calendar-group .facility-list li:first-child:nth-last-child(3) ~ li{width:32%;}
.lotax-calendar-group .facility-list li:first-child:nth-last-child(4),
.lotax-calendar-group .facility-list li:first-child:nth-last-child(4) ~ li{width:49%;}


.lotax-calendar-group .facility-list li input {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.lotax-calendar-group .facility-list li label {display: block;position: relative;border: 1px solid #ddd;border-radius: 10px;padding:25px 5px;}
.lotax-calendar-group .facility-list li label strong,
.lotax-calendar-group .facility-list li label span{display:block;text-align:center;padding: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size:1.5rem;}
.lotax-calendar-group .facility-list li label strong{font-weight: 500;font-size: 1.8rem;}
.lotax-calendar-group .facility-list li label.com{background: #ddf7ff;color: #000;border: 1px solid #4095ad;}
.lotax-calendar-group .facility-list li input:checked + label{background:#476CEC; border:1px solid #476CEC; color:#fff;}

.lotax-calendar-group .calendar table {border-color:#222;}
.lotax-calendar-group .facility-list .tbl thead tr:first-child th {border-top:2px solid #222;}
.lotax-calendar-group .facility-list input[type="checkbox"] {position:relative; opacity:1; z-index:0;}

.lotax-calendar-group .time-list {display:block; position:relative;}
.lotax-calendar-group .time-list .no-data {display:block; text-align:center; padding:100px 0;}
.lotax-calendar-group .time-list .no-data > * {display:block; padding:5px; word-break:keep-all;}
.lotax-calendar-group .time-list .no-data strong {font-weight:600; font-size:1.9rem;}
.lotax-calendar-group .time-list li + li {margin-top:5px;}
.lotax-calendar-group .time-list li input {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.lotax-calendar-group .time-list label {display:block; position:relative; border:1px solid #476CEC; color:#476CEC; border-radius:5px; padding:12px 15px; padding-left:35px; font-size:15px; z-index:1; overflow:hidden;}
.lotax-calendar-group .time-list label span {float:left; font-weight:600;}
.lotax-calendar-group .time-list label strong {float:right; font-weight:400;}
.lotax-calendar-group .time-list label strong a:hover{text-decoration:underline;}
.lotax-calendar-group .time-list label.com{background:#fff; color:#626262;  border:1px solid #ddd;}
.lotax-calendar-group .time-list label.com:before{color:#000; border-color:#000;}
.lotax-calendar-group .time-list label a {background:#476CEC; color:#fff; padding:0.2em 0.5em; font-weight:400; border-radius:5px; font-size:1.3rem}


.lawtax-box-con{margin-top: 30px;padding: 5px;box-sizing: border-box;background: #f4f4f4;}
.lawtax-box-con ul{overflow:hidden;}
.lawtax-box-con ul li{float: left;width: 33.33333333333333%;display: block;position: relative;box-sizing: border-box;padding: 10px;}
.lawtax-box-con ul li .tit{text-align:center;color:#fff;background:#287bca;border-radius: 10px 10px 0 0;display: block;position: relative;font-size: 16px;font-weight: bold;padding: 10px 0;}
.lawtax-box-con ul li ul{padding: 10px 15px;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.lawtax-box-con ul li ul li{float:none;width:100%;padding: 5px 0 5px 20px;}
.lawtax-box-con ul li ul li:before{content: "";display: inline-block;vertical-align: middle;width: 5px;height: 2px;background: #33345f;margin-right: 5px;}


.multisel{display:table;width:100%;padding:15px;border:1px solid #ddd;border-radius:5px;overflow: hidden;box-sizing:border-box;}
.multisel ul{display:table-cell;width:calc(100% - 180px);overflow:hidden; vertical-align:middle;}
.multisel ul li{position:relative;float:left;padding:10px 40px 10px 15px;color:#fff;background:#367FFC;border-radius:5px;margin:5px;}
.multisel ul li a{position:absolute; right:0; top:5px; font-size:0;text-indent:-999999px;}
.multisel ul li a:before,
.multisel ul li a:after {position: absolute;right: 18px;top: 10px;content: '';height: 15px;width: 2px;background-color: #fff;}
.multisel ul li a:before{transform: rotate(45deg);}
.multisel ul li a:after{transform: rotate(-45deg);}

.multisel a.all-delete{display:table-cell;vertical-align:middle;text-align:center;margin:5px;width:90px;height:47px;color:#fff;background:#878787;border-radius:5px;}


@media all and (max-width:800px) {
	.multisel ul {display:block; width:100%;}
	.multisel a {display:block;text-align:center;}
	.lotax-app-header .list-ctrl,
	.lotax-app-header .lotax-guide {float:none; clear:both;}
	.lotax-app-header .list-ctrl {text-align:center; line-height:1.5;  margin-bottom:30px;}
	.lotax-app-header .lotax-guide {text-align:right; line-height:1.5; padding-top:0px; font-size:13px;}
	.lotax-app-header .lotax-date-ctrl {position:relative;}

	.lotax-calendar-group > * {float:none; width:auto; padding:0;}
	.lotax-calendar-group > .left,
	.lotax-calendar-group > .right {float:none; width:auto; padding-right:0; padding-left:0; border:none; min-height:0;}
	.lotax-calendar-group > .left {margin-bottom:40px;}
	.lotax-calendar-group > .right {margin-top:30px; padding-top:30px; border-top:1px solid #ddd;}

	.lawtax-box-con ul li{float: none;width: 100%;}
}
@media all and (max-width:640px) {
	.lotax-calendar-group .calendar-wrap .table_thead > li {font-size:15px;}
	.lotax-calendar-group .calendar-wrap .cal_table td button {font-size:14px; height:50px;}
	.lotax-calendar-group .calendar-wrap .legend {font-size:13px; text-align:center;}
	.lotax-calendar-group .time-list label {font-size:14px;}
	.lotax-calendar-group .sub-tit {font-size:15px;}

	.lotax-list-group .list-header > * {font-size:15px;}
	.lotax-list-group .list-body {font-size:14px;}
	.lotax-list-group .li-date {width:120px;}
	.lotax-list-group .li-name {width:80px;}
	.lotax-list-group .li-app {width:100px;}
	.lotax-list-group .li-app > * {width:5em; box-sizing:border-box;}

	.lotax-calendar-group .calendar-wrap .summary dd ul li{width:100%;}
	.lotax-calendar-group .calendar-wrap .summary dd ul li:nth-child(odd){float:none;border-right:none;}
	.lotax-calendar-group .calendar-wrap .summary dd ul li:nth-child(even){float:none;}
}


.lotax-list-group {display:block; position:relative; margin-top:1em; border-top:2px solid #476CEC;}
.lotax-list-group .li-date {width:200px;}
.lotax-list-group .li-date .place{margin-top:5px;font-size:15px;}
.lotax-list-group .li-date .place strong,
.lotax-list-group .li-date .place span{display:block;}
.lotax-list-group .li-date .place strong{margin-bottom:5px;}

.lotax-list-group .li-name {width:130px;}
.lotax-list-group .li-app {width:130px;}
.lotax-list-group .list-header {display:table; width:100%; table-layout:fixed;}
.lotax-list-group .list-header > * {display:table-cell; height:2.5em; padding:.88em; vertical-align:middle; font-size:17px; text-align:center; background:#F3F6FE; border-bottom:1px solid #CDD2E2;}

.lotax-list-group .list-body {display:table; width:100%; table-layout:fixed; font-size:17px;}
.lotax-list-group .list-body > dl {display:table-row;}
.lotax-list-group .list-body > dl > * {display:table-cell; vertical-align:middle; text-align:center;}
.lotax-list-group .list-body dd > ul {display:table; width:100%; table-layout:fixed;}
.lotax-list-group .list-body dd > ul > li {display:table-row;}
.lotax-list-group .list-body dd > ul > li > * {display:table-cell; vertical-align:middle; padding:.5em; height:2.5em; box-sizing:border-box;}
.lotax-list-group .list-body > dl > * {border-bottom:1px solid #ddd;}
.lotax-list-group .list-body > dl > dt {border-right:1px solid #ddd;padding:15px;box-sizing:border-box;}
.lotax-list-group .list-body > dl > dd > ul > li + li > * {border-top:1px solid #ddd;}
.lotax-list-group .list-body a:hover{text-decoration:underline;}
.lotax-list-group .li-app > * {display:inline-block; min-width:6em; font-size:14px; padding:.5em; border:1px solid transparent;}
.lotax-list-group .li-app .com {color:#2495ff;}
.lotax-list-group .li-app .ready {color:#2495ff; border:1px solid #2495ff;}
.lotax-list-group .li-app a,
.lotax-list-group .li-app button {background:#276cad; color:#fff;}
.lotax-list-group .no_data {border-top:0;}

@media all and (max-width:640px) {
	.lotax-list-group .list-header > * {font-size:15px;}
	.lotax-list-group .list-body {font-size:14px;}
	.lotax-list-group .li-date {width:120px;}
	.lotax-list-group .li-name {width:80px;}
	.lotax-list-group .li-app {width:100px;}
	.lotax-list-group .li-app > * {width:5em; box-sizing:border-box;}
}
@media all and (max-width:450px) {
	.lotax-list-group .list-header {display:none;}
	.lotax-list-group .list-body {display:block;}
	.lotax-list-group .list-body > dl {display:block;}
	.lotax-list-group .list-body > dl > * {display:block; width:auto !important;}
	.lotax-list-group .list-body > dl > dt {border-right-width:0; font-weight:800; padding:.8em .5em; background:#276cad; color:#fff; font-size:15px;}
}


/* 신청내역 조회 */
.apply-history {padding:1.66667em; margin:0 0 1.6667em; border:1px solid #dadada; border-radius:1.3889em;}
.apply-history dl, .apply-history dt {padding:.25em 0;}
.apply-history dl{display: inline-block;width: 100%;}
.apply-history dt{float:left; width:6em; padding-right:1em; padding-top:.5em; font-weight:600;}
.apply-history dd{float:left; width:calc(100% - 7em);}

@media all and (min-width:981px) {
	.apply-history dl.half {width:50%; float:left; clear:none;}
}

@media all and (max-width:580px){
	.apply-history dd .moinput{width:100%;}
}

@media all and (max-width:480px){
	.apply-history dt {float:none;}
	.apply-history dd{float:none; width:100%;}
}

@media all and (max-width:400px){
	.apply-history dd span {display:block;}
}