@charset "utf-8"; 

@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}


/* 亦껋꼷�닔占쎈쐸�뜝�럥六욜춯節륁삕 - 占쎈꽞占쎄턃�뜮占썸쾬�꼷�닔占쎈쐸�뜝�럥堉� - 亦껋꼷�닔占쎈쐸�뜝�럡留믣뜝�럥堉뽳옙援쒙옙裕뉓땻源띿삕�땻占� */

.callwrap {position:relative; background:#FFF6FA; border-radius:2em; padding:4.5em;}
.callwrap .titwrap {position:relative;}
.callwrap .titwrap:before {content:''; display:inline-block; position:absolute; top:1em; right:1.8em; width:296px; height:225px; background:url(/portal/img/sub04/img01.png) no-repeat;}
.callwrap .list {padding:2.7em 3.5em; background:#fff; border-radius:1em; margin-top:2.5em;}
.callwrap .list ul li {position:relative; padding:0 0 1em 0; font-family: 'GmarketSans'; line-height:1.7em;}
.callwrap .list ul li p {width:15%; display:inline-block;  margin-right:2%; background: #5546A9; border-radius:1em; padding:0.25em 1.5em 0.0em 1.5em;text-align:center; color:#fff; vertical-align: top;}
.callwrap .list ul li span {width:calc(100% - 18.5%); display:inline-block;vertical-align: text-top; word-break: keep-all;}
.callwrap .list ul li span.number {font-size:1.4em; font-weight:700; color:#D22259}
.callwrap .list ul li em.small {font-size:0.85em;}
.callwrap .list ul li em.bold {font-weight:600;}
.callwrap .imgwrap {margin-top:3em; text-align:center;}

@media all and (max-width:1024px){
    .callwrap .titwrap img {width:65%;}
	.callwrap .titwrap:before {width:30%; right:-0.2em;}
}

@media all and (max-width:640px){
    .callwrap {padding:2.5em;}
    .callwrap .list {padding:1.7em 1.5em;}
    .callwrap .titwrap img,
    .callwrap .list ul li p {width:100%;}
    .callwrap .list ul li span {width:100%;margin-top: 0.5em;padding: 1em;text-align: center;background: #fff;border-radius: 0.3em;}
	.callwrap .titwrap:before {display:none;}
}

/* 亦껋꼷�닔占쎈쐸�뜝�럥六욜춯節륁삕 - 占쎈꽞占쎄턃�뜮占썸쾬�꼷�닔占쎈쐸�뜝�럥堉� - 亦껋꼷�닔占쎈쐸�뛾�렮維뽪룇�뜝�럡留믣뜝�럥堉� �뜝�럡�뀬�뜝�럩�쓧�뜝�럩援쇿뜝�럥�뒎 */

.consulting-wrap {position:relative; background:#FFF6FA; padding:4em;}
.consulting-wrap .tit {margin-bottom:2em;}
.consulting-wrap:after {content:''; display:inline-block; position:absolute; bottom:1.2em; right:2em; width:272px; height:182px; background:url(/portal/img/sub04/img040212_02.png) no-repeat;}
.consulting-wrap .cont {background:#fff;padding:1.5em 2.5em; border-radius: 2em 0 0 2em;}
.consulting-wrap.ty2:after  {display:none;}
.consulting-wrap.ty3 {padding:0em; background:#fff;}
.consulting-wrap.ty3:after  {display:none;}
.consulting-wrap .bod_write{font-size:1.5em;}
.consulting-wrap .bod_write dl{display:table;table-layout:fixed;width: 100%;}
.consulting-wrap .bod_write dl dt,
.consulting-wrap .bod_write dl dd{display:table-cell;float:none;}
.consulting-wrap .bod_write dl dt {width:120px;}

@media all and (max-width:640px){
	.consulting-wrap:after {display:none;}

}


/* �뿬沅뚯떊泥��븞�궡 */
.apply-wrap {position:relative; background:#FFF6FA; padding:4em;}
.apply-wrap .tit {margin-bottom:.416em; font-size:2.82em; font-weight:800; font-family:'yg-jalnan'; color:#5546A9;}
.apply-wrap .tit span {color:#FA3D81;}
.apply-wrap:after {content:''; display:inline-block; position:absolute; bottom:1.2em; right:2em; width:272px; height:182px; background:url(/portal/img/sub04/img040212_02.png) no-repeat;}
.apply-wrap .cont {background:#fff;padding:1.5em 2.5em; border-radius: 2em 0 0 2em;}
.apply-wrap.ty2:after  {display:none;}
.apply-wrap.ty3 {padding:0em; background:#fff;}
.apply-wrap.ty3:after  {display:none;}
.apply-wrap .bod_write{font-size:1.5em;}
.apply-wrap .bod_write dl{display:table;table-layout:fixed;width: 100%;}
.apply-wrap .bod_write dl dt,
.apply-wrap .bod_write dl dd{display:table-cell;float:none;}
.apply-wrap .bod_write dl dt {width:120px;}

@media all and (max-width:708px){
	.apply-wrap {padding:2em;}
	.apply-wrap:after {display:none;}
}


/* �뿬沅뚯떊泥��븞�궡 > �뿬沅뚮�쇱썝 �궗�쟾�삁�빟 �솗�씤*/
.line-through {text-decoration-line:line-through; color:#DDD;}

@media all and (max-width:895px){
	.modify-btn {margin-bottom:.5em;}
}


/* �뜝�럥爰쀥뜝�럥�뵜�뼨轅명�ｏ옙�뻿�뜝�럡�돺�뜝�럡�댉占쎈쨨�솒占쏙옙紐� */
.farm_info { border-top:1px dashed #ddd; margin-top:20px; padding:20px 20px 0; box-sizing:border-box; }
.farm_info dl { margin-top:10px; }
.farm_info dl:first-child { margin-top:0; }
.farm_info dt { float:left; width:12%; font-size:15px; font-weight:600; letter-spacing:-1px; padding:0.7em;}
.farm_info dd { float:left; margin-left:2%; }
.farm_info dl:after { content:''; display:block; clear:both; }
.farm_info  input[id^="tel"] { width:20%; }

@media all and (max-width:640px){
	.farm_info {padding:0;}
	.farm_info dt {width:100%;}
}

/* 亦껋꼷�닔占쎈쐸�뜝�럥六욜춯節륁삕 - 亦껋꼷�닔占쎈쐸嶺뚢돦�윞占쎈윞 - �뜝�럡�뀬�뜝�럩�뮔�뜝�럩�쓧�뇦猿볦삕�뜝�럡�뀬�뜝�럩�젷�뜝�럥利� */
.process_box { margin:0 auto; padding:20px 0 0 50px;}
.process_box > ul {position:relative;}
.process_box > ul:before {content:''; display:inline-block; position:absolute; top:6%; left:2%; width:1px; height:25.9em; background:#c9c9c9; }
.process_box > ul:after {content:''; display:inline-block; position:absolute; top:6%; left:2%; width:1em; height:1px;background:#c9c9c9; }
.process_box > ul > li { position:relative; margin-top:30px; }
.process_box li:first-child { margin-top:0; }
.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #d3dfff; background:#F3F6FE; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffcfe1; background:#FFF7FA; }
.process_box li div p { font-size:16px; letter-spacing:-1px; }
.process_box li div span { font-size:16px; color:#0567ad; }
.process_box li ul { width:92%; margin:0 auto; }
.process_box li ul li { position:relative; width:50%; }
.process_box li ul li div { width:95%; }
.process_box li ul:after { content:''; display:block; clear:both; }
.process_box > ul > li:before { content:''; border-top:10px solid #c9c9c9; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box > ul > li:first-child:before { left:4%; top:75%; border-left:7px solid #c9c9c9; border-top:7px solid transparent;  border-bottom:7px solid transparent; }
.process_box > ul > li.last_list:before { display:none; }
.process_box > ul > li > ul > li:before { content:''; border-top:10px solid #c9c9c9; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box li div.txt { position:absolute; border:0; width:auto; background:none; padding:0; border-radius:0; top:-25px; right:17%; }
.process_box li div.txt p { font-size:14px; }
.process_box > ul > li.var:after { content:''; display:block; width:27px; height:1px; border-top:1px solid #c9c9c9; position:absolute; left:21px; top:50%; margin-top:-1px; }

@media (max-width:1024px){
	.process_box > ul:before,
	.process_box > ul:after,
	.process_box > ul > li:first-child:before,
	.process_box > ul > li.var:after {display:none;}
	.process_box li div.txt { right:10%; }
	.process_box {padding:0 0 0 20px;}
}
@media (max-width:640px){
	.process_box li div.txt { right:5%; }
	.process_box {padding:0 0 0 0;}
}

/* 嶺뚳퐢�샍占쎈첆�뜝�럥六삣뜝�럡�맟�뜝�럥六욜춯節륁삕 */
.sports-tab {margin-bottom:2.35em;}
.sports-tab a {display:inline-block; padding:5px 15px; margin:.1em; color:#333; border:1px solid #D22259; border-radius:30px; transition:.2s;}
.sports-tab a.on, .sports-tab a:hover {color:#fff; background:#D22259;}
.sports-tab a:focus-visible{background:#476cec; color:#FFF;}
.sports-info .titBox {padding-bottom:2.35em; text-align:center; border-bottom:1px solid #ddd;}
.sports-info .tit {display:inline-block; padding:.53em 1.5em; margin-bottom:1.47em; font-size:1.17em; font-weight:600; color:#fff; background:#333; border-radius:40px;}
.sports-info .photo {width:30em; max-width:100%; margin:0 auto; background:#f8f8f8;}
.sports-info .photo img {width:100%;}
.sports-info .top {padding-top:2.5em; overflow:hidden;}
.sports-info .left {width:38%; float:left;}
.sports-info .right {width:60%; float:right;}

@media all and (max-width:768px) {
	.sports-info .left {width:auto; float:none;}
	.sports-info .right {width:auto; float:none; padding-top:2.76em;}
}

/* 醫낇빀�떊泥��꽱�꽣 - �뒪�뒠�뵒�삤 �떊泥� - �떊泥��븯湲� */
.conts .sports-info .left-box h5, .conts .view-wrapper h5 {margin-left:0 !important;}
.sports-info .left-box {width:50%; float:left;}

@media all and (max-width:768px) {
	.sports-info .left-box {width:auto; float:none;}
}



/* �뒪�뒠�뵒�삤 �떊泥��븯湲� 異붽� - 源��옣�꽠*/
.studio-tab {margin-bottom:2.35em;}
.studio-tab a {display:inline-block; padding:5px 15px; margin:.1em; color:#333; border:1px solid #D22259; border-radius:30px; transition:.2s;}
.studio-tab a.on, .studio-tab a:hover {color:#fff; background:#D22259;}
.studio-tab a:focus-visible{background:#476cec; color:#FFF;}
.studio-info .titBox {padding-bottom:2.35em; text-align:center; border-bottom:1px solid #ddd;}
.studio-info .tit {display:inline-block; padding:.53em 1.5em; margin-bottom:1.47em; font-size:1.17em; font-weight:600; color:#fff; background:#333; border-radius:40px;}
.studio-info .photo {width:30em; max-width:100%; margin:0 auto; background:#f8f8f8;}
.studio-info .photo img {width:100%;}
.studio-info .top {padding-top:2.5em; overflow:hidden;}
.studio-info .left {width:60%; float:left;}
.studio-info .right {width:38%; float:right;}

@media all and (max-width:768px) {
	.studio-info .left {width:auto; float:none;}
	.studio-info .right {width:auto; float:none; padding-top:2.76em;}
}

/* 醫낇빀�떊泥��꽱�꽣 - �뒪�뒠�뵒�삤 �떊泥� - �떊泥��븯湲� */
.conts .studio-info .left-box h5, .conts .view-wrapper h5 {margin-left:0 !important;}
.studio-info .left-box {width:50%; float:left;}

@media all and (max-width:768px) {
	.studio-info .left-box {width:auto; float:none;}
}


/* 嶺뚳퐢�샍占쎈첆�뜝�럥六삣뜝�럡�맟 �뜝�럥六욜춯節륁삕 嶺뚳옙占쎄섬占쎈탿�뜝�럥�맠 */

.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 #D22259; color:#D22259;}
.lotax-app-header .list-ctrl a.on {background:#D22259; 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;}

.calendarHead span em {color:#E3276B;}
.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:#D22259; padding:.3em 1em; margin-right:.7em; border-radius:1em; font-size:.9em;}
.lotax-calendar-group .tit strong {font-weight:500; color:#D22259;}
.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:#bdd8ee url(../img/common/pattern1.png);}
.calendar td.com {background:#f8cfcf url(../img/common/pattern2.png);}
.calendar td.sel {background:#5546A9;}
.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; color:#5546A8;} 

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

.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:#bdd8ee url(../img/common/pattern1.png);}
.lotax-calendar-group .calendar-wrap .legend i.legend-com {background:#f8cfcf 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{overflow:hidden;margin-bottom:30px;display:inline-block;width:100%;}
.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 .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:#5546A9;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;}
}


/* 레이어팝업 */
.layer_pop{position:absolute;top:0;left:2%;margin-left:0;width:auto;z-index: 9999;}
.layer_pop p{position:absolute;bottom:-31px;left:0;width:100%;height:35px;background:#000;}
.layer_pop p a{float:right;font-size:15px;font-weight: 600;margin: 5px 10px 0 0;color:#fff;}
.layer_pop a[target="_blank"] {padding:0 !important;}
.layer_pop a[target="_blank"]:after {display:none !important;}

.layer_pop_01{position:absolute;top:260px;left:30%;margin-left:0;width:530px;z-index: 9999;}
.layer_pop_01 p{position:absolute;bottom:-31px;left:0;width:100%;height:35px;background:#000;}
.layer_pop_01 p a{float:right;font-size:15px;font-weight: 600;margin: 5px 10px 0 0;color:#fff;}

@media all and (max-width:768px){
	.layer_pop img {width:100%;}

	.layer_pop_01{width:100% !important; left:50%; margin-left:-175px; top: 600px;}
	.layer_pop_01 img {width:100%;}
}

/* 민원창구별 민원인 대기현황 */
.minwonWrap {position:relative; width:100%; display:inline-block; background:#F6F8FE url(/portal/img/sub04/minwon_bg.svg) no-repeat bottom -30px left 0; border-radius:1em; padding:2.3em;}
.minwonWrap .minwontit {position:relative; margin-top:1em; display:block; text-align:center;margin-bottom:1.5em;}
.minwonWrap .minwontit:after {content:''; display:block; width:13em; height:13em; position:absolute; right:2em;top:-1.3em; background:url(/portal/img/sub04/minwon_obj1.svg) no-repeat; z-index:1;}
.minwonWrap .minwontit > p {font-weight:800; font-size:2.2em; font-family:'GmarketSans','NotoSans','맑은고딕', Malgun Gothic, 'Noto Sans KR', sans-serif;}
.minwonWrap .minwontit > p > em {color:#5546A8;}
.minwonWrap .minwontit > span {display:block; font-size:1em; font-family:'GmarketSans','NotoSans','맑은고딕', Malgun Gothic, 'Noto Sans KR', sans-serif;}
.minwonWrap .minwontit > span.strong {font-size:1.3em; color:#5443b1;}

.minwonWrap .boxCon{position:relative; display:inline-block; width:100%; z-index:5;}
.minwonWrap .boxCon .box{text-align:center; float:left; width:31%; margin:1%; border-radius:.55em; box-shadow:0 .4em 1.25em rgba(75,79,105,.2);background:#fff;overflow:hidden;}
.minwonWrap .boxCon .box .tit{min-height:4em; background:#D22259; font-size:1.1em;font-weight: 500; padding:.5em; color:#fff;}
.minwonWrap .boxCon .box .txt{padding:1em .5em;}

.minwonWrap .boxCon .box .txt .count{font-size:2em; font-weight:700; color:#D22259;}
.minwonWrap .boxCon .box .txt .num strong{color:#5546A8;}

.minwonWrap .box button.reset {background:#a1a1a1; border-radius:1em; padding:.5em 1em .5em 1.3em; margin-top:.5em; box-sizing:border-box;}
.minwonWrap .box button.reset span {padding-left:1.5em; color:#fff; font-size:.95em; background:url(/portal/img/common/btn_ico_reset.svg) no-repeat top 51% left 0px;}

.minwonBtn {position:relative;}
.minwonBtn .reset {background:#888; border-radius:3em; padding:.5em 1.8em .5em 1.3em; margin-left:1%; box-sizing:border-box; transition:.3s;}
.minwonBtn .reset span {padding-left:1.5em; color:#fff; font-size:.95em; background:url(/portal/img/common/btn_ico_reset.svg) no-repeat top 51% left 0px;}
.minwonBtn .reset:hover {background-color:#555;}
.minwonWrap .lodingWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background:rgba(0,0,0,.8);}
.minwonWrap .lodingWrap .con {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; max-width:100%; text-align:center;}
.minwonWrap .lodingWrap .con .loding  {display:inline-block; width:50px; height:50px; border:5px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite;}
.minwonWrap .lodingWrap .con p {margin-top:.5em; color:#efefef; }

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

@media all and (max-width:1024px){
	.minwonWrap .minwontit:after {display:none;}
	
	.minwonWrap .boxCon .box{width:48%;}
	
}

@media all and (max-width:768px){
	.minwonWrap {padding:1.5em 1.3em;}
	.minwonWrap .minwontit > p > em {display:block;}

	
	.minwonWrap .boxCon .box{width:98%;}
}

@media all and (max-width:640px){
	.minwonWrap [class^="box"] > div.tit {text-align:left;}

}


/* 1:1 대입진학컨설팅 */

.ipsiBooth .left .booth {background: #FBFBFB;border-radius: 0 0 10px 10px;padding: 1em;border-top: 2px solid #5546A9;}
.ipsiBooth .left .booth .top {background:#fff;padding:0.4em;border:1px solid #ddd;box-sizing:border-box;overflow-y:scroll;height:257px}
.ipsiBooth .left .booth .top ul {display: flex; justify-items: center; flex-wrap: wrap;}
.ipsiBooth .left .booth .top li {width:calc(50% - 12px); margin: 6px; font-size:16px;}
.ipsiBooth .left .booth .top li button {display: table;float:left;background:#EBF6FF;border-radius:8px;color:#6C6C6C; width: 100%;height: 100%;text-align:center;padding: .7em 1.5em; overflow:hidden;} 

.ipsiBooth .left .booth .top li button.able {background:#bdd8ee url(../img/common/pattern1.png);}
.ipsiBooth .left .booth .top li button.com {background:#f8cfcf url(../img/common/pattern2.png);}
.ipsiBooth .left .booth .top li button.sel {background:#5546A9;}

.ipsiBooth .left .booth .top li button:hover {background:#5546A9;color:#fff;font-weight:600;}
.ipsiBooth .left .booth .desc .s-tit {position:relative; line-height: 1.3em; font-weight:600; margin-top:1em; margin-bottom:.5em; padding-left: 1.9em;}
.ipsiBooth .left .booth .desc .s-tit:before {content:""; display:block; position:absolute; width:22px; height:22px; top:.7em; margin-top:-.6em; left:0; background:no-repeat 50% 50%; background-image:url(/portal/img/sub04/ico_tit_booth.svg);}
.ipsiBooth .left .booth .desc .s-cont {background: #fff;border-radius:10px;padding: .5em 1em;margin-top:.8em;line-height: 1.4;}

.ipsiBooth .right p {font-size:0.9em;font-weight:200;position: relative;top: -21px;left: 0;margin-bottom: -18px;}

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

@media all and (max-width:425px){
	.ipsiBooth .left .booth .top li {width:100%;}
}


/* 민원서식 작성예시 QR코드 */
.minwon-qr {position:relative; padding:2em; border-radius:1.5em; border:1px solid #ddd; background:#F5F7FF;  word-break:keep-all;}
.minwon-qr ul {margin-top:2em;}
.minwon-qr li {text-align:center; display:inline-block; width:25%; margin:0 -2px; padding:1em; vertical-align:top;}
.minwon-qr li div {width:10em; margin:0 auto .5em; padding:1em; background:#fff; border-radius:.5em;}
.minwon-qr li img{display:block; max-width:100%; }
.minwon-qr:before {content:''; position:absolute; right:3em; bottom:2em; width:10em; height:11em; background:url(../img/sub04/1010_bg01.svg) no-repeat right bottom; background-size:auto 100%;}

@media all and (max-width:1024px){
	.minwon-qr li div {width:8em;}
	.minwon-qr:before {right:1.5em; }
}

@media all and (max-width:768px){
	.minwon-qr ul {margin-top:1em;}
	.minwon-qr li {width:33.333333%;}
	
}

@media all and (max-width:640px){
	.minwon-qr li {width:50%;}
}

@media all and (max-width:390px){
	.minwon-qr {padding:1em;}
	.minwon-qr li {padding:.75em;}
	.minwon-qr li div {width:100%;}
	.minwon-qr:before {display:none;}
}

/* 광주시민 생활 안내서 */
.guide-click .box-notice {padding: 1.5em;}
.guide-click .box-notice .title {font-size: 1.7em; font-weight: 600; padding-bottom: .3em;}
.guide-click .generalInfo .list-ul a{color:#333;}
.guide-click .generalInfo .list-ul a:hover {color:#476CEC;}

.guide-click .generalInfo {margin:0 -.5em; display:flex; flex-wrap:wrap;}
.guide-click .generalInfo:after {content:''; display:block; clear:both;}
.guide-click .generalInfo >li {width:33.3333%; padding:0 .5em 1.7em; position:relative;}

.guide-click .generalInfo >li.half {width: 66.6666%;}
.guide-click .generalInfo .half .txtBox li{width:50%;float: left;display: inline-block;margin-top: 0;margin-bottom: 10px;}
.guide-click .generalInfo .half .txtBox ul:after {content:''; clear:both; display:block; }

.guide-click .generalInfo .icoBox {position:absolute; top:-1em; right:2em; width:4.2em; height:4.2em; background:#fff; border-radius:1.6em; box-shadow:0 4px 16px rgba(0,0,0,.08); z-index:2;}
.guide-click .generalInfo .icoBox img {position:absolute; top:50%; left:50%; width:60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.guide-click .generalInfo .txtBox {height:100%; padding:2em 1.5em;  border:1px solid #ddd;}
.guide-click .generalInfo .txtBox .tit {padding-bottom:.9em; font-size:1.3em; font-weight:600;}
.guide-click .generalInfo .txtBox .call {position:relative; padding-left:1.470588em;}
.guide-click .generalInfo .txtBox .call:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1.1764em; height:1.1764em; background:url(../img/sub01/020101_call.svg) no-repeat center center; background-size:100% auto;}
.guide-click .generalInfo .tbl th, .generalInfo .tbl td {padding:.4em 0; font-size:.8em;}

@media all and (max-width:1024px) {
	.guide-click .generalInfo .icoBox {width:3.5em; height:3.5em; border-radius:1.2em; right:1.5em;}
	.guide-click .generalInfo .txtBox .tit {font-size:1.2em;}
}
@media all and (max-width:768px) {
	.guide-click .generalInfo >li {width:50%;}
	.guide-click .generalInfo >li.half {width: 100%;}
}
@media all and (max-width:480px) {
	.guide-click .generalInfo >li {width:100%;}
	.guide-click .generalInfo .half .txtBox li {width:100%; float:unset;}
}