@charset "utf-8";
img {max-width:100%;}
html,body,#wrap {height:100%;}

#header {position:fixed;left:0;top:0;width:100%;padding:0 100px;overflow:hidden;transition:0.3s;height:80px;z-index:400;}
#header:before {content:"";display:block;position:absolute;left:0;top:79px;background:rgba(255,255,255,0.3);width:100%;height:1px;transition:0.3s;}
#header .inner {position:relative;height:80px;text-align:center;white-space:nowrap;font-size:0;z-index:10;}
#header .logo {position:absolute;left:0;top:50%;margin-top:-14px;}
#header .logo:before {content:"";display:block;width:1px;height:20px;background:rgba(255,255,255,0.3);position:absolute;left:0;top:50%;margin-top:-10px;left:156px;transition:0.3s;}
#header .logo a {display:block;background-repeat:no-repeat;background-size:contain;background-position:0 50%;text-indent:-9999px;float:left;height:28px;}
#header .logo .logo1 {background-image:url(../../images/web/logo1.png);width:140px;}
#header .logo .logo2 {background-image:url(../../images/web/logo2.png);width:80px;margin-left:40px;}
#header .gnb {white-space:nowrap;display:inline-block;vertical-align:top;margin-left: -150px;}
#header .gnb > li {display:inline-block;vertical-align:top;position:relative;}
#header .gnb > li > a {display:block;font-size:18px;font-weight:500;letter-spacing:-0.05em;padding:0 50px;height:80px;line-height:80px;color:#fff;}
#header .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;height:250px;padding-top:20px;}
#header .gnb > li > ul > li ~ li {margin-top:5px;}
#header .gnb > li > ul > li > a {display:block;font-size:14px;color:#888;padding:10px 0;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#25d663 !important;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {color:#25d663 !important;font-weight:bold;}

#mnu {width:24px;height:20px;position:fixed;right:0;top:30px;border:none;background:none;z-index:500;font-size:0;right:100px;transition:0.3s;}
#mnu:before,
#mnu:after {content:"";display:block;position:absolute;left:0;height:2px;background:#fff;transition:0.3s;}
#mnu:before {top:0;width:100%;}
#mnu:after {bottom:0;width:16px;}
#mnu i {display:inline-block;width:100%;height:2px;background:#fff;transition:0.3s;}

#tnb {position:fixed;right:162px;top:34px;z-index:500;transition:0.3s;}
#tnb li {display:inline-block;vertical-align:top;position:relative;}
#tnb li ~ li {margin-left:15px;padding-left:16px;}
#tnb li ~ li:before {content:"";display:block;width:1px;height:8px;position:absolute;left:0;top:50%;margin-top:-4px;background:rgba(255,255,255,0.3);transition:0.3s;}
#tnb li a {display:block;font-family:'Play','Noto Sans KR',sans-serif;color:#fff;font-size:12px;transition:0.3s;}
#tnb li a strong {color:#25d663;font-weight:500;}

.gnbOn #header {background:#fff;height:330px;box-shadow:0 2px 20px rgba(0,0,0,0.3);}
.gnbOn #header:before {background-color:#ddd;}
.gnbOn #header .logo:before {background-color:#ddd;}
.gnbOn #header .logo .logo1 {background-image:url(../../images/web/logo1on.png);}
.gnbOn #header .logo .logo2 {background-image:url(../../images/web/logo2on.png);}
.gnbOn #header .inner > .gnb > li > a {color:#101010;}
.gnbOn #mnu:before,
.gnbOn #mnu:after,
.gnbOn #mnu i {background:#101010;}
.gnbOn #tnb li:before {background:rgba(0,0,0,0.3);}
.gnbOn #tnb li a {color:#666;}

.whiteMenu #header {background:#fff;}
.whiteMenu #header:before {background-color:#ddd;}
.whiteMenu #header .logo:before {background-color:#ddd;}
.whiteMenu #header .logo .logo1 {background-image:url(../../images/web/logo1on.png);}
.whiteMenu #header .logo .logo2 {background-image:url(../../images/web/logo2on.png);}
.whiteMenu #header .inner > .gnb > li > a {color:#101010;}
.whiteMenu #mnu:before,
.whiteMenu #mnu:after,
.whiteMenu #mnu i {background:#101010;}
.whiteMenu #tnb li:before {background:rgba(0,0,0,0.3);}
.whiteMenu #tnb li a {color:#666;}

.sub #header {background:#fff;}
.sub #header:before {background-color:#ddd;}
.sub #header .logo:before {background-color:#ddd;}
.sub #header .logo .logo1 {background-image:url(../../images/web/logo1on.png);}
.sub #header .logo .logo2 {background-image:url(../../images/web/logo2on.png);}
.sub #header .inner > .gnb > li > a {color:#101010;}
.sub #mnu:before,
.sub #mnu:after,
.sub #mnu i {background:#101010;}
.sub #tnb li:before {background:rgba(0,0,0,0.3);}
.sub #tnb li a {color:#666;}

#nav {position:fixed;right:0;top:0;z-index:450;height:100%;background:#fff;width:580px;padding:195px 100px 0 120px;right:0;visibility:hidden;opacity:0;transition:0.3s;transform:translate3d(30px,0,0);}
#nav .gnb {white-space:nowrap;position:relative;}
#nav .gnb > li {width:160px;}
#nav .gnb > li ~ li {margin-top:50px;}
#nav .gnb > li > a {display:block;font-size:30px;color:#101010;letter-spacing:-0.05em;}
#nav .gnb > li > ul {position:absolute;left:210px;top:3px;display:none;}
#nav .gnb > li > ul > li ~ li {margin-top:25px;}
#nav .gnb > li > ul > li > a {display:block;font-size:16px;color:#888;letter-spacing:-0.05em;}
#nav .gnb > .active > a {color:#25d663;font-weight:bold;}
#nav .gnb > .active > ul {display:block;}
/*
#nav .gnb > li > ul > li:hover > a,
#nav .gnb > li > ul > li.active > a {color:#25d663;font-weight:bold;}
*/
#nav .gnb > li > ul > li.active > a {color:#25d663;font-weight:bold;}

#wrap:before {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:410;background:rgba(0,0,0,0.7);visibility:hidden;opacity:0;transition:0.3s;}
.navOn #wrap:before {opacity:1;visibility:visible;}
.navOn #mnu:before,
.navOn #mnu:after,
.navOn #mnu i {background:#101010;}
.navOn #mnu i {width:0;}
.navOn #mnu:before {transform:rotate(135deg);top:50%;margin-top:-1px;}
.navOn #mnu:after {transform:rotate(-135deg);bottom:50%;margin-bottom:-1px;width:100%;}
.navOn #tnb li:before {background:rgba(0,0,0,0.3);}
.navOn #tnb li a {color:#666;}
.navOn #nav {opacity:1;visibility:visible;transform:translate3d(0,0,0);}

@media all and (max-width:1600px){
	#header {padding:0 20px;}

	#mnu {right:20px;}
	#tnb {right:82px;}
}

@media all and (max-width:1240px){
	#header .gnb > li > a {padding:0 20px;}
}

@media all and (min-width:1025px){
	#nav .tnb {display:none;}
}

@media all and (max-width:1024px){
	#header .gnb,
	#tnb {display:none;}

	/*
	.hideMenu #header {transform:translate3d(0,-100px,0);background:none;}
	.hideMenu #header .logo .logo1 {background-image:url(../../images/web/logo1-m.png);}
	.hideMenu #header .logo .logo2 {background-image:url(../../images/web/logo2-m.png);}
	.hideMenu #mnu {transform:translate3d(0,-100px,0);}
	*/

	#header {height:50px;overflow:visible;padding:0 15px;}
	#header:before {top:49px;}
	#header .inner {height:50px;}

	#header .logo {margin-top:-9px;}
	#header .logo:before {height:14px;margin-top:-7px;left:101px;}
	#header .logo a {height:18px;}
	#header .logo .logo1 {background-image:url(../../images/web/logo1-m.png);width:91px;}
	#header .logo .logo2 {background-image:url(../../images/web/logo2-m.png);width:50px;margin-left:25px;}

	#mnu {width:18px;height:16px;top:17px;right:15px;}
	#mnu i
	#mnu:before,
	#mnu:after {border-radius:1px;}
	#mnu:after {width:12px;}

	#wrap:before {display:none !important;}
	#nav {top:50px;height:calc(100% - 50px);width:100%;padding:25px 15px 0;right:0;transform:translate3d(0,0,0);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}

	#nav .tnb .name {display:block;}
	#nav .tnb .name > * {display:inline-block;vertical-align:middle;font-size:16px;}
	#nav .tnb .name i {width:30px;height:30px;background:url(../../images/web/ico-login-after.png) no-repeat;background-size:contain;margin-right:8px;}
	#nav .tnb .name strong {color:#101010;}
	#nav .tnb .name span {color:#888;}
	#nav .tnb .name.before i {background-image:url(../../images/web/ico-login-before.png);}
	#nav .tnb .name.before span:after {content:"\f105";display:inline-block;font-family:axicon;margin-left:10px;}
	#nav .tnb .link {margin:25px -5px 0;}
	#nav .tnb .link ul {display:table;width:100%;table-layout:fixed;}
	#nav .tnb .link ul li {display:table-cell;vertical-align:top;padding:0 5px;}
	#nav .tnb .link ul li a {display:block;height:40px;line-height:38px;text-align:center;border:1px solid #ddd;font-family:'Play','Noto Sans KR',sans-serif;font-size:16px;color:#888;}

	#nav .gnb {margin-top:20px;white-space:normal;}

	#nav .gnb > li {width:auto;border-bottom:1px solid #e5e5e5;}
	#nav .gnb > li ~ li {margin-top:0;}
	#nav .gnb > li > a {font-size:18px;padding:15px 0;position:relative;}
	#nav .gnb > li > a:before {content:"\f107";font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;color:#888;}
	#nav .gnb > li > ul {position:relative;left:0;top:0;display:none;border-top:1px solid #e5e5e5;padding:10px 0;}
	#nav .gnb > li > ul > li ~ li {margin-top:0}
	#nav .gnb > li > ul > li > a {font-size:16px;color:#888;display:block;padding:10px 0;}
	#nav .gnb > .active > a {color:#101010;}
	#nav .gnb > .active > a:before {content:"\f106";}

	.navOn #header {background:#fff;}
	.navOn #header .logo:before {background-color:#ddd;}
	.navOn #header .logo .logo1 {background-image:url(../../images/web/logo1on-m.png);}
	.navOn #header .logo .logo2 {background-image:url(../../images/web/logo2on-m.png);}

	
	.whiteMenu #header .logo .logo1 {background-image:url(../../images/web/logo1on-m.png);width:91px;}
	.whiteMenu #header .logo .logo2 {background-image:url(../../images/web/logo2on-m.png);width:50px;margin-left:25px;}

	.fp-viewing-5 #header {background:#fff;}
	.fp-viewing-5 #header:before {background-color:#ddd;}
	.fp-viewing-5 #header .logo:before {background-color:#ddd;}
	.fp-viewing-5 #header .logo .logo1 {background-image:url(../../images/web/logo1on-m.png);}
	.fp-viewing-5 #header .logo .logo2 {background-image:url(../../images/web/logo2on-m.png);}
	.fp-viewing-5 #header .inner > .gnb > li > a {color:#101010;}
	.fp-viewing-5 #mnu:before,
	.fp-viewing-5 #mnu:after,
	.fp-viewing-5 #mnu i {background:#101010;}
	.fp-viewing-5 #tnb li:before {background:rgba(0,0,0,0.3);}
	.fp-viewing-5 #tnb li a {color:#666;}
}


#gotop {width:60px;height:60px;border-radius:50%;position:fixed;right:30px;bottom:30px;z-index:300;background:#fff url(../../images/web/gotop.png) no-repeat 50% 50%;border:none;box-shadow:0 1px 15px rgba(0,0,0,0.1);text-indent:-9999px;transition:0.3s;opacity:0;transform:translate3d(0,30px,0);}
#gotop.show {opacity:1;transform:translate3d(0,0,0);}

#footer {background:#f1f1f1;padding:50px 100px;}
#footer .inner {position:relative;}
#footer h2 {width:114px;height:40px;text-indent:-9999px;background:url(../../images/web/foot-logo.png) no-repeat;}
#footer .fnb {margin-top:27px;font-size:0;}
#footer .fnb li {margin-right:22px;display:inline-block;vertical-align:top;}
#footer .fnb li:last-child {margin-right:0;}
#footer .fnb li a {font-size:18px;color:#666;font-weight:bold;letter-spacing:-0.05em;}
#footer address {font-size:16px;line-height:1.85em;font-weight:300;letter-spacing:-0.05em;color:#888;margin-top:23px;}
#footer address span {display:block;}
#footer .rig {position:absolute;right:0;top:0;width:270px;}
#footer .mark {font-size:0;white-space:nowrap;}
#footer .mark li {display:inline-block;vertical-align:top;margin-right:43px;}
#footer .site {margin-top:25px;}
#footer .site li ~ li {margin-top:10px;}
#footer .site select {appearance:none;height:50px;background:#fff url(../../images/web/foot-arr.png) no-repeat 100% 50%;border-radius:5px;padding-left:15px;font-size:16px;display:block;width:100%;border:none;color:#666;}
#footer .site select::-ms-expand {display:none;}

@media all and (max-width:1600px){
	#footer {padding:50px 20px;}
}

@media all and (max-width:1024px){
	#gotop {width:40px;height:40px;right:20px;}

	#footer {padding:30px 15px;}
	#footer h2 {width:72px;height:25px;background-size:contain;background-position:0 50%;}
	#footer .fnb {margin-top:20px;display:flex;}
	#footer .fnb li {margin-right:0;flex-grow:1;width:0;display:flex;align-items:center;justify-content:center;text-align:center;}
	#footer .fnb li a {font-size:13px;line-height:1.3em;}
	#footer .rig {position:relative;margin-top:25px;}
	#footer address {font-size:12px;line-height:1.7em;}
	#footer .rig {margin-top:25px;position:relative;width:auto;}
	#footer .mark {text-align:center;}
	#footer .mark li {margin-right:60px;}
	#footer .mark li:last-child {margin-right:0;}
	#footer .mark li img {height:40px;}
	#footer .site select {height:40px;font-size:12px;padding-left:13px;background-image:url(../../images/web/foot-arr-m.png);background-size:27px auto}
}

#aside {position:fixed;left:30px;top:50%;z-index:200;margin-top:-105.5px;}
#aside li ~ li {margin-top:34px;}
#aside li button {display:inline-block;font-family:'Play','Noto Sans KR',sans-serif;font-size:12px;color:#aaa;padding-left:10px;position:relative;background:none;border:none;text-align:left;}
#aside li button i {display:block;width:10px;height:10px;border-radius:50%;position:absolute;left:-5px;top:50%;margin-top:-5px;background:#25d663;opacity:0;}
#aside .active button {color:#25d663;font-weight:bold;}
#aside .active button i {opacity:1;animation:ping 0.8s ease-in-out infinite both;}

#vis,
#vis .roll,
#vis .vis {height:100%;overflow:hidden;position:relative;}
#vis .vis {font-size:0;text-align:center;background-position:50% 50%;background-size:cover;}
#vis .vis:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis dl {display:inline-block;vertical-align:middle;color:#fff;}
#vis .vis dl dt {font-size:60px;letter-spacing:-0.075em;font-weight:bold;font-family:'NanumSquare',sans-serif;}
#vis .vis dl dd {font-family:'Play','Noto Sans KR',sans-serif;font-size:24px;margin-top:30px;}
#vis .vis dl dt,
#vis .vis dl dd {transform:translate3d(0,20px,0);opacity:0;}
#vis .vis dl dd.tag{margin-top:50px;font-family:'Noto Sans KR';}
#vis .vis dl dd ul {font-size:0;text-align:center;}
#vis .vis dl dd ul:first-child{margin-bottom:10px;}
#vis .vis dl dd ul li{display:inline-block;border:1px solid #b4b4b3;border-radius:6px;font-size:16px;line-height:48px;margin:0 5px;padding: 0 15px;}
#vis .vis1 {background-image:url(../../images/web/vis1.jpg);}
#vis .vis2 {background-image:url(../../images/web/vis2.jpg);}
#vis .vis3 {background-image:url(../../images/web/vis3.jpg);}

#vis .cont {position:absolute;left:0;bottom:105px;width:100%;text-align:center;font-size:0;z-index:100;}
#vis .cont .progress {max-width:220px;height:2px;background:rgba(255,255,255,0.3);position:relative;margin:0 auto 30px;}
#vis .cont .progress i {display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#25d663;}
#vis .cont .area * {display:inline-block;vertical-align:middle;}
#vis .cont .area .prev,
#vis .cont .area .next {border:none;background-repeat:no-repeat;background-color:transparent;width:13px;height:12px;}
#vis .cont .area .prev {background-image:url(../../images/web/vis-prev.png);margin-right:15px;}
#vis .cont .area .next {background-image:url(../../images/web/vis-next.png);margin-left:15px;}
#vis .cont .area .auto {border:none;text-indent:-9999px;width:8px;height:8px;background:url(../../images/web/vis-stop.png) no-repeat 50% 50%;background-size:contain;margin:0 10px;}
#vis .cont .area .auto.stop {background-image:url(../../images/web/vis-play.png);}
#vis .cont .area .page button {width:8px;height:8px;border-radius:50%;border:2px solid #fff;margin:0 10px;background:none;transition:0.3s;}
#vis .cont .area .page .swiper-pagination-bullet-active {background-color:#25d663;border-color:#25d663;}
#vis .swiper-slide-active dl dt {animation:visTxt 1.5s;animation-delay:0.3s;animation-fill-mode:forwards;}
#vis .swiper-slide-active dl dd {animation:visTxt 1.5s;animation-delay:0.6s;animation-fill-mode:forwards;}

#vis .cont .progress.active i {animation:visProgress 5s linear;}

#vis .scr {position:absolute;right:30px;top:50%;margin-top:-100px;z-index:100;height:200px;}
#vis .scr:before {content:"";display:block;width:10px;height:93px;background:url(../../images/web/vis-scr.png) no-repeat;position:relative;animation:visScr 2s ease infinite;}
#vis .scr:after {content:"";display:block;bottom:0;width:1px;height:90px;position:absolute;left:50%;margin-left:-0.5px;background:rgba(255,255,255,0.3);animation:visScr2 2s ease infinite;}

@keyframes visProgress {
	0% {width:0;}
	100% {width:100%;}
}

@keyframes visTxt {
	0 {transform:translate3d(0,20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@keyframes visScr {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,30px,0);}
	0% {transform:translate3d(0,0,0);}
}

@keyframes visScr2 {
	0% {height:90px;}
	50% {height:60px;}
	0% {height:90px;}
}


@media all and (max-width:1024px){
	#aside,
	#vis .scr {display:none;}
	#vis .vis dl dt {font-size:32px;font-size:10vw;line-height:1.3em;}
	#vis .vis dl dd {margin-top:23px;font-size:4.3vw;line-height:1.5em;}
	#vis .vis dl dd.tag{margin-top: 30px;}
	#vis .vis dl dd ul:first-child{margin-bottom:0;}
	#vis .vis dl dd ul li{display:block;border:none;line-height: 1.8em;font-size: 3.8vw;}

	#vis .cont {bottom:25px;padding:0 50px;display:flex;flex-direction:column;}
	#vis .cont .progress {max-width:100%;height:3px;margin:0;order:1}
	#vis .cont .area {order:0;margin-bottom:15px;}
	#vis .cont .area .prev,
	#vis .cont .area .next {background-size:contain;width:13px;height:12px;position:absolute;bottom:-4px;}
	#vis .cont .area .prev {background-image:url(../../images/web/vis-prev-m.png);margin-right:0;left:20px;}
	#vis .cont .area .next {background-image:url(../../images/web/vis-next-m.png);margin-left:0;right:20px;}
	#vis .cont .area .auto {background-image:url(../../images/web/vis-stop-m.png);background-size:contain;margin-left:20px;}
	#vis .cont .area .auto.stop {background-image:url(../../images/web/vis-play-m.png);}
	#vis .swiper-slide-active dl dt {animation:visTxt 1.5s;animation-delay:0.3s;animation-fill-mode:forwards;}
	#vis .swiper-slide-active dl dd {animation:visTxt 1.5s;animation-delay:0.6s;animation-fill-mode:forwards;}
	
	#vis .vis1 {background-image:url(../../images/web/vis1-m.jpg);}
	#vis .vis2 {background-image:url(../../images/web/vis2-m.jpg);}
	#vis .vis3 {background-image:url(../../images/web/vis3-m.jpg);}
}


#charge {height:100%;position:relative;overflow:hidden;}
#charge .wrap {height:100%;position:relative;}
#charge .area {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-image:url(../../images/web/charge1.jpg);height:100%;padding:0 15px;display:none;}
#charge .area.active {display:block;}
#charge .area2 {background-image:url(../../images/web/charge2.jpg);}
#charge .inner {max-width:1200px;height:100%;margin:0 auto;position:relative;font-size:0;white-space:nowrap;}
#charge .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#charge .txt {display:inline-block;vertical-align:middle;white-space:normal;}
#charge .txt dl dt {font-size:48px;color:#101010;line-height:1.42em;font-family:'NanumSquare',sans-serif;font-weight:bold;letter-spacing:-0.05em;}
#charge .txt dl dd {font-size:16px;line-height:1.75em;margin-top:27px;letter-spacing:-0.05em;}
#charge .txt p {margin-top:58px;}
#charge .txt p a {display:inline-block;width:192px;height:60px;border:2px solid #25d663;border-radius:30px;line-height:56px;text-align:center;font-size:16px;color:#25d663;letter-spacing:-0.05em;transition:0.3s;}
#charge .txt p a:hover {background:#25d663;color:#fff;}

#charge .tab {position:absolute;left:50%;margin-left:-600px;width:1200px;bottom:0;}
#charge .tab:after {content:'';display:block;clear:both;}
#charge .tab button {display:block;float:left;width:50%;height:100px;background:rgba(0,0,0,0.6);border:none;color:#fff;font-size:20px;}
#charge .tab button span {letter-spacing:-0.05em;display:inline-block;vertical-align:middle;}
#charge .tab button:before {content:"";display:inline-block;width:24px;height:24px;background:url(../../images/web/ico-chargetab1.png) no-repeat 50% 50%;background-size:contain;margin-right:10px;vertical-align:middle;}
#charge .tab button:nth-child(2):before {background-image:url(../../images/web/ico-chargetab2.png);}
#charge .tab .active {background:#25d663;font-weight:bold;}

@media all and (max-width:1220px){
	#charge .tab {left:0;margin-left:0;width:100%;}
}

@media all and (max-width:1024px){
	#charge .area1 {background-image:url(../../images/web/charge1m.jpg);}
	#charge .area2 {background-image:url(../../images/web/charge2m.jpg);}

	#charge .txt {display:block;padding-top:80px;}
	#charge .txt dl dt {font-size:27px;line-height:1.42em;}
	#charge .txt dl dd {font-size:14px;line-height:1.58em;margin-top:17px;}
	#charge .txt p {margin-top:35px;}
	#charge .txt p a {width:130px;height:40px;border-radius:20px;line-height:36px;font-size:14px;}

	#charge .tab button {height:60px;font-size:14px;}
	#charge .tab button:before {width:14px;height:14px;margin-right:7px;}
}

#service {height:100%;}
#service:after {content:'';display:block;clear:both;}
#service .box {float:left;width:33.333333%;height:100%;position:relative;background:url(../../images/web/service1.jpg) no-repeat 50% 50%;background-size:cover;font-size:0;text-align:center;}
#service .box:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#service .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../images/web/service1off.jpg) no-repeat 50% 50%;background-size:cover;transition:0.3s;}
#service .box2 {background-image:url(../../images/web/service2.jpg);}
#service .box3 {background-image:url(../../images/web/service3.jpg);}
#service .box2:before {background-image:url(../../images/web/service2off.jpg);}
#service .box3:before {background-image:url(../../images/web/service3off.jpg);}
#service .box .txt {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;color:#fff;position:relative;z-index:10;}
#service .box .txt dl dt {font-size:42px;font-weight:bold;letter-spacing:-0.05em;font-family:'NanumSquare',sans-serif;}
#service .box .txt dl dd {font-size:16px;line-height:1.5em;letter-spacing:-0.05em;margin-top:20px;}
#service .box .txt ul {margin-top:32px;}
#service .box .txt ul li {display:inline-block;vertical-align:top;margin:0 5px;}
#service .box .txt ul li a {display:block;width:192px;height:60px;border:2px solid #fff;line-height:56px;border-radius:30px;text-align:center;color:#fff;font-size:16px;letter-spacing:-0.05em;transition:0.3s;}
#service .box .txt ul li a:hover {background:#25d663;border-color:#25d663;}

@media all and (min-width:1025px){
	#service .box:hover:before {opacity:0;}
}

@media all and (max-width:1024px){
	#service {height:100%;}
	#service:after {content:'';display:block;clear:both;}
	#service .box {float:none;width:auto;height:33.333333%;transition:0.3s;}
	#service .box .txt dl dt {font-size:24px;}
	#service .box .txt dl dd {font-size:14px;margin-top:15px;display:none;}
	#service .box .txt ul {margin-top:25px;display:none;}
	#service .box .txt ul li a {width:130px;height:40px;line-height:36px;border-radius:20px;font-size:14px;}
	#service .box.on {height:58%;}
	#service .box.off {height:21%;}
	#service .box.on:before {opacity:0;}
	#service .box.on .txt dl dd,
	#service .box.on .txt ul {display:block;}
}

#notice {padding:0 15px;}
#notice .inner {max-width:1200px;margin:0 auto;position:relative;}
#notice .inner:before {content:"";display:block;position:absolute;right:100%;top:0;height:100%;width:2000px;background:#fff;z-index:10;}
#notice h3 {font-size:42px;font-weight:bold;font-family:'NanumSquare',sans-serif;letter-spacing:-0.05em;color:#101010;}
#notice .cont {margin:25px 0 30px;}
#notice .cont button {width:60px;height:60px;border:none;text-indent:-9999px;background-repeat:no-repeat;background-color:transparent;}
#notice .cont .prev {background-image:url(../../images/web/notice-prev.png);}
#notice .cont .next {background-image:url(../../images/web/notice-next.png);margin-left:10px;}
#notice .cont button:hover {background-position:0 -60px;}
#notice .area {margin:0 -15px;overflow:visible;}
#notice .box {width:410px;padding:0 15px;}
#notice .box .in {display:block;}
#notice .box .img {position:relative;overflow:hidden;padding-top:66.8421%;}
#notice .box .img span {display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;transition:1.5s;}
#notice .box .info {margin-top:25px;}
#notice .box .info .subject {display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:24px;color:#101010;line-height:1.5em;height:3em;letter-spacing:-0.05em;font-weight:500;}
#notice .box .info .sum {display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#888;line-height:1.7em;height:3.4em;letter-spacing:-0.05em;font-weight:500;margin-top:23px;}
#notice .box .info .date {font-size:13px;color:#25d663;margin-top:22px;font-family:'Play','Noto Sans KR',sans-serif;}
#notice .box .in:hover .img span {transform:scale(1.1);}

@media all and (max-width:1024px){
	#notice .inner:before {display:none;}
	#notice h3 {font-size:24px;line-height:1.42em;}
	#notice .cont {margin:15px 0;}
	#notice .cont button {width:44px;height:44px;background-size:44px 88px;}
	#notice .cont .prev {background-image:url(../../images/web/notice-prev-m.png);}
	#notice .cont .next {background-image:url(../../images/web/notice-next-m.png);margin-left:15px;}
	#notice .cont button:hover {background-position:0 -44px;}
	#notice .area {margin:0 -10px;}
	#notice .box {width:auto;padding:0 10px;}
	#notice .box .info {margin-top:17px;}
	#notice .box .info .subject {font-size:16px;line-height:1.4em;height:2.8em;}
	#notice .box .info .sum {font-size:14px;line-height:1.6em;height:3.2em;margin-top:15px;}
	#notice .box .info .date {font-size:12px;margin-top:15px;}
}

#about {height:100%;background:url(../../images/web/about-bg.jpg) no-repeat 50% 50%;background-size:cover;padding-top:80px;text-align:center;font-size:0;}
#about .inner {max-width:1440px;margin:0 auto;height:100%;position:relative;}
#about .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#about .wrap {display:inline-block;vertical-align:middle;width:1440px;max-width:100%;position:relative;z-index:10;}
#about .line {height:100%;width:1px;height:100%;background:rgba(255,255,255,0.2);position:absolute;}
#about .line1 {left:0;}
#about .line2 {left:25%;}
#about .line3 {left:50%;}
#about .line4 {left:75%;}
#about .line5 {right:0;}
#about h3 {font-size:42px;font-weight:bold;font-family:'NanumSquare',sans-serif;letter-spacing:-0.05em;color:#fff;}
#about .area {margin-top:110px;}
#about .area .box {display:inline-block;vertical-align:top;width:25%;color:#fff;}
#about .area .box:before {content:"";display:inline-block;width:60px;height:60px;background:url(../../images/web/ico-about1.png) no-repeat 50% 50%;background-size:contain;}
#about .area .box dl {margin-top:43px;}
#about .area .box dl dt {font-family:'Play','Noto Sans KR',sans-serif;font-size:16px;font-weight:bold;}
#about .area .box dl dd {font-size:16px;line-height:1.5em;font-weight:300;margin-top:20px;}
#about .area .box2:before {background-image:url(../../images/web/ico-about2.png);}
#about .area .box3:before {background-image:url(../../images/web/ico-about3.png);}
#about .area .box4:before {background-image:url(../../images/web/ico-about4.png);}

@media all and (max-width:1024px){
	#about {padding-top:0;background-image:url(../../images/web/about-bg-m.jpg);padding:0 15px;}
	#about .line {display:none;}
	#about h3 {font-size:24px;line-height:1.42em;}
	#about .area {margin-top:25px;display:flex;flex-wrap:wrap;position:relative;}
	#about .area:before,
	#about .area:after {content:"";display:block;background:rgba(255,255,255,0.5);position:absolute;}
	#about .area:before {left:50%;margin-left:-0.5px;top:0;height:100%;width:1px;}
	#about .area:after {top:50%;margin-top:-0.5px;left:0;width:100%;height:1px;}
	#about .area .box {width:50%;height:145px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
	#about .area .box:before {width:50px;height:50px;background-image:url(../../images/web/ico-about1-m.png);}
	#about .area .box dl {margin-top:17px;}
	#about .area .box dl dd {display:none;}
	#about .area .box2:before {background-image:url(../../images/web/ico-about2-m.png);}
	#about .area .box3:before {background-image:url(../../images/web/ico-about3-m.png);}
	#about .area .box4:before {background-image:url(../../images/web/ico-about4-m.png);}
}

#svis {padding-top:80px;height:352px;text-align:center;font-size:0;background:url(../../images/web/svis1.jpg) no-repeat 50% 50%;background-size:cover;white-space:nowrap;}
#svis:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis .tit {display:inline-block;vertical-align:middle;color:#fff;white-space:normal;}
#svis .tit h2 {font-family:'NanumSquare',sans-serif;letter-spacing:-0.05em;font-size:40px;}
#svis .tit p {font-size:15px;margin-top:20px;letter-spacing:-0.05em;}
.sub3 #svis {background-image:url(../../images/web/svis3.jpg);}
.sub4 #svis {background-image:url(../../images/web/svis4.jpg);}
.sub5 #svis {background-image:url(../../images/web/svis5.jpg);}
.sub6 #svis {background-image:url(../../images/web/svis6.jpg);}

#snb {position:relative;z-index:100;box-shadow:inset 0 -1px 0 #ddd;display: none;}
#snb .snb {max-width:1200px;margin:0 auto;font-size:0;}
#snb .snb > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#snb .snb > li:first-child {margin-left:0;}
#snb .snb > li > a,
#snb .snb > li > span {display:block;height:55px;line-height:55px;position:relative;color:#555;font-size:14px;border-right:1px solid #ddd;}
#snb .snb > li > a {width:55px;text-indent:-9999px;background:url(../../images/web/ico-home.png) no-repeat 50% 50%;background-size:14px 14px;border-left:1px solid #ddd;}
#snb .snb > li > span {padding:0 50px 0 27px;cursor:pointer;min-width:240px;}
#snb .snb > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:0;font-size:12px;color:#898989;}

#snb .snb li ul {display:none;position:absolute;left:0;top:100%;width:100%;background:#fff;}
#snb .snb li ul li {border:1px solid #ddd;margin-top:-1px;}
#snb .snb li ul li a {display:block;font-size:14px;padding:18px 27px;color:#555;letter-spacing:-0.05em;}
#snb .snb li ul li a:hover {color:#fff;background:#25d663;font-weight:bold;}

#sub {padding:80px 15px 160px;}
#sub > .inner {max-width:1200px;margin:0 auto;}

#tit {text-align:center;margin-bottom:60px;}
#tit h3 {line-height:1em;font-size:42px;color:#000;font-weight:300;letter-spacing:-0.05em;}

@media screen and (min-width:1025px){
	#snb .snb > li:hover > span {color:#000;font-weight:bold;}
	#snb .snb > li:hover > span:before {content:"\f1b2";}
	#snb .snb > li:hover > ul {display:block;}
}

@media screen and (max-width:1024px){
	#svis {padding-top:50px;height:200px;}
	#svis .tit h2 {font-size:24px;}
	#svis .tit p {font-size:14px;margin-top:15px;line-height:1.55em;}

	#snb{display: block;}
	#snb .snb > li {margin-left:0;width:calc(50% - 20px);}
	#snb .snb > li > a,
	#snb .snb > li > span {height:40px;line-height:40px;font-size:14px;}
	#snb .snb > li:first-child,
	#snb .snb > li > a {width:40px;}
	#snb .snb > li > a {background-image:url(../../images/web/ico-home-m.png);background-size:14px 14px;}
	#snb .snb > li > span {padding:0 30px 0 15px;min-width:0;width:100%;}
	#snb .snb li ul li a {font-size:14px;padding:10px 15px;}
	#snb .snb > li.on > span {color:#000;font-weight:bold;}
	#snb .snb > li.on > span:before {content:"\f1b2";}
	#snb .snb > li.on > ul {display:block;}

	#sub {padding:40px 15px;}

	#tit {margin-bottom:30px;}
	#tit h3 {font-size:26px;}
}

#sch {height:100%;position:relative;}
#map {width:100%;height:100%;}

#sNav {position:fixed;left:0;top:0;width:380px;height:100%;background:#fff;z-index:500;padding:25px 30px;visibility:hidden;opacity:0;transition:0.3s;}
#sNav .top {position:relative;height:28px;margin-bottom:40px;}
#sNav .logo:before {content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;margin-top:-10px;left:156px;transition:0.3s;}
#sNav .logo a {display:block;background-repeat:no-repeat;background-size:contain;background-position:0 50%;text-indent:-9999px;float:left;height:28px;}
#sNav .logo .logo1 {background-image:url(../../images/web/logo1on.png);width:140px;}
#sNav .logo .logo2 {background-image:url(../../images/web/logo2on.png);width:80px;margin-left:40px;}
#sNav .tnb .name {display:block;}
#sNav .tnb .name > * {display:inline-block;vertical-align:middle;font-size:16px;}
#sNav .tnb .name i {width:30px;height:30px;background:url(../../images/web/ico-login-after.png) no-repeat;background-size:contain;margin-right:8px;}
#sNav .tnb .name strong {color:#101010;}
#sNav .tnb .name span {color:#888;}
#sNav .tnb .name.before i {background-image:url(../../images/web/ico-login-before.png);}
#sNav .tnb .name.before span:after {content:"\f105";display:inline-block;font-family:axicon;margin-left:10px;}
#sNav .tnb .link {margin:25px -5px 0;}
#sNav .tnb .link ul {display:table;width:100%;table-layout:fixed;}
#sNav .tnb .link ul li {display:table-cell;vertical-align:top;padding:0 5px;}
#sNav .tnb .link ul li a {display:block;height:40px;line-height:38px;text-align:center;border:1px solid #ddd;font-family:'Play','Noto Sans KR',sans-serif;font-size:16px;color:#888;}
#sNav .gnb {margin-top:40px;white-space:normal;}
#sNav .gnb > li {width:auto;border-bottom:1px solid #e5e5e5;}
#sNav .gnb > li ~ li {margin-top:0;}
#sNav .gnb > li > a {font-size:20px;padding:18px 0;position:relative;display:block;color:#101010;letter-spacing:-0.05em;}
#sNav .gnb > li > a:before {content:"\f107";font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;color:#888;}
#sNav .gnb > li > ul {position:relative;left:0;top:0;display:none;border-top:1px solid #e5e5e5;padding:15px 0;}
#sNav .gnb > li > ul > li ~ li {margin-top:0}
#sNav .gnb > li > ul > li > a {font-size:16px;color:#888;display:block;padding:7px 0;}
#sNav .gnb > .active > a {color:#101010;font-weight:bold;}
#sNav .gnb > .active > a:before {content:"\f106";}
#sNav .gnb > .active > ul {display:block;}
#sNav .gnb > li > ul > .active > a {color:#25d663;}
#sNav .close {position:absolute;left:100%;top:20px;width:48px;height:48px;border-radius:0 5px 5px 0;background:#fff;border:none;z-index:300;}
#sNav .close span {width:20px;height:16px;display:inline-block;position:relative;}
#sNav .close span:before,
#sNav .close span:after {content:"";display:block;position:absolute;left:0;height:2px;background:#888;transition:0.3s;}
#sNav .close span:before {;width:100%;transform:rotate(135deg);top:50%;margin-top:-1px;}
#sNav .close span:after {width:100%;transform:rotate(-135deg);bottom:50%;margin-bottom:-1px;}

.navOn #sNav {visibility:visible;opacity:1;}

#sch .marker {position:absolute;z-index:50;cursor:pointer;}
#sch .marker span {display:block;text-align:center;font-size:22px;color:#25d663;font-weight:bold;padding-top:6px;width:40px;height:50px;background:url(../../images/web/ico-type1.png) 50% 0 no-repeat;background-size:contain;position:absolute;left:50%;bottom:100%;margin-left:-20px;font-family:'Play',sans-serif;font-weight:bold;}
#sch .marker.type2 span {background-image:url(../../images/web/ico-type2.png);color:#f48d23;}
#sch .marker.type3 span {background-image:url(../../images/web/ico-type3.png);color:#888;}

#sch .comm {position:fixed;right:30px;top:20px;background:#fff;z-index:90;text-align:center;font-size:0;padding:10px;border-radius:5px;box-shadow:4px 4px 4px rgba(0,0,0,0.2);font-size:0;}
#sch .comm li {display:inline-block;vertical-align:top;}
#sch .comm li ~ li {margin-left:9px;}
#sch .comm li:before {content:"";display:inline-block;width:12px;height:16px;background:url(../../images/web/ico-type1-s.png) no-repeat;vertical-align:middle;margin-right:5px;}
#sch .comm li:nth-child(2):before {background-image:url(../../images/web/ico-type2-s.png);}
#sch .comm li:nth-child(3):before {background-image:url(../../images/web/ico-type3-s.png);}
#sch .comm li span {display:inline-block;vertical-align:middle;font-size:12px;color:#666;}

#sch .sch {position:fixed;left:0;top:0;width:380px;height:100%;background:#fff;z-index:100;transition:0.3s;box-shadow:3px 0 3px rgba(0,0,0,0.15);}
#sch .top {background:linear-gradient(to bottom, #25d663 0%,#0fcabf 100%);padding:30px 20px;}
#sch .head {position:relative;}
#sch .head h2 a  {display:block;width:100px;height:20px;background:url(../../images/web/sch-logo.png) no-repeat 0 50%;background-size:contain;text-indent:-9999px;}
#sch .head .mnu {width:20px;height:16px;position:absolute;right:0;top:2px;border:none;background:none;z-index:500;font-size:0;transition:0.3s;}
#sch .head .mnu:before,
#sch .head .mnu:after {content:"";display:block;position:absolute;left:0;height:2px;background:#fff;transition:0.3s;}
#sch .head .mnu:before {top:0;width:100%;}
#sch .head .mnu:after {bottom:0;width:16px;}
#sch .head .mnu i {display:inline-block;width:100%;height:2px;background:#fff;transition:0.3s;}
#sch .search {border-radius:5px;height:50px;margin-top:20px;padding-right:50px;position:relative;}
#sch .search input[type='text'] {display:block;width:100%;border:2px solid #fff;border-right:none;background:none;height:50px;padding-left:15px;color:#fff;font-size:16px;letter-spacing:-0.05em;border-radius:5px 0 0 5px;}
#sch .search input[type='text']::-webkit-input-placeholder {color:#fff;}
#sch .search input[type='text']:-moz-placeholder {color:#fff;}
#sch .search input[type='text']::-moz-placeholder {color:#fff;}
#sch .search input[type='text']:-ms-input-placeholder {color:#fff;}
#sch .search button {position:absolute;right:0;top:0;width:50px;height:100%;background:#fff;border-radius:0 5px 5px 0;font-size:20px;color:#25d663;border:none;}

#sch .sec {height:100%;display:flex;flex-direction:column;position:relative;z-index:10;transition:0.3s;}
#sch .sec .sort {margin-top:27px;}
#sch .sort select {appearance:none;height:50px;background:#fff url(../../images/web/foot-arr.png) no-repeat 100% 50%;border-radius:5px;padding-left:15px;font-size:16px;display:block;width:100%;border:none;color:#666;box-shadow:0 2px 2px rgba(0,0,0,0.1);}
#sch .sort select::-ms-expand {display:none;}
#sch .sort .box ~ .box {margin-top:25px;}
#sch .sort .box dt {font-size:13px;color:#fff;letter-spacing:-0.05em;padding-bottom:10px;}
#sch .sort .box dd {font-size:0;}
#sch .sort .box dd li ~ li {margin-top:10px;}
#sch .sort .box .lab {padding-top:5px;margin-bottom:-12px;}
#sch .sort .box .lab label {display:inline-block;vertical-align:top;min-width:33.33333%;position:relative;margin-bottom:12px;}
#sch .sort .box .lab label input {position:absolute;left:-9999px;top:0;}
#sch .sort .box .lab label i {display:inline-block;width:18px;height:18px;border-radius:3px;border:2px solid #fff;margin-right:8px;vertical-align:middle;box-sizing:border-box;position:relative;}
#sch .sort .box .lab label i:before {content:"\e116";display:block;position:absolute;left:-2px;top:-1px;width:14px;height:14px;line-height:14px;text-align:center;font-family:axicon;font-size:12px;color:#fff;transition:0.3s;opacity:0;}
#sch .sort .box .lab label span {font-size:15px;color:#fff;letter-spacing:-0.05em;display:inline-block;vertical-align:middle;}
#sch .sort .box .lab label input:checked ~ i:before {opacity:1;}

#sch .bot {padding-top:10px;background:#f7f7f7;flex-grow:1;height:0;}
#sch .bot .tab {margin-right:-3px;}
#sch .bot .tab:after {content:'';display:block;clear:both;}
#sch .bot .tab button {float:left;margin-left:-1px;width:33.33333%;height:43px;border:1px solid #e5e5e5;font-size:13px;color:#888;background:#f7f7f7;position:relative;}
#sch .bot .tab .active {background:#fff;border-color:#25d663;border-bottom:none;color:#25d663;font-weight:bold;z-index:10;}
#sch .bot .wrap {height:calc(100% - 53px);overflow:auto;background:#fff;}
#sch .bot .area {display:none;height:100%;}
#sch .bot .area.active {display:block;}
#sch .bot .box {position:relative;}
#sch .bot .box ~ .box {margin-top:-1px;}
#sch .bot .box .inf {display:block;border:none;background:none;background:#fff;border:1px solid #e5e5e5;text-align:left;padding:17px 45px 17px 30px;position:relative;width:100%;}
#sch .bot .box .inf:before {content:"";display:block;width:5px;height:5px;border-radius:50%;background:#25d663;position:absolute;left:20px;top:25px;}
#sch .bot .box:first-child .inf {border-top:none;}
#sch .bot .box.orange .inf:before {background:#f48d23;}
#sch .bot .box.gray .inf:before {background:#888;}
#sch .bot .box .inf .name {font-size:15px;color:#101010;line-height:1.3em;letter-spacing:-0.05em;}
#sch .bot .box .inf .sum {font-size:12px;line-height:1.3em;margin-top:7px;color:#666;letter-spacing:-0.05em;}
#sch .bot .box .star {position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;color:#b1b1b1;border:none;background:none;font-size:18px;}
#sch .bot .box .star:before {content:"\f006";font-family:axicon;}
#sch .bot .box .star.active {color:#25d663;}
#sch .bot .box .star.active:before {content:"\f005";}
#sch .bot .box.active {z-index:10;}
#sch .bot .box.active .inf {background:#f5fdf8;border-color:#25d663;}
#sch .bot .notview {height:100%;text-align:center;font-size:0;white-space:nowrap;}
#sch .bot .notview:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#sch .bot .notview span {display:inline-block;vertical-align:middle;}
#sch .bot .notview span:before {content:"";display:inline-block;width:48px;height:40px;background:url(../../images/web/ico-dot.png) no-repeat 50% 50%;background-size:contain;}
#sch .bot .notview span em {display:block;font-size:16px;color:#aaa;letter-spacing:-0.05em;margin-top:20px;}

#sch .info {position:absolute;top:0;left:100%;width:380px;height:100%;z-index:5;box-shadow:3px 0 3px rgba(0,0,0,0.15);background:#fff;transition:0.3s;opacity:0;visibility:hidden;transform:translate3d(-100%,0,0);}
#sch .info .head {background:url(../../images/web/sch-bg.jpg) no-repeat;background-size:cover;position:relative;height:180px;padding:25px 20px 0;color:#fff;}
#sch .info .head .name {font-size:24px;font-weight:bold;}
#sch .info .head .sum {font-size:15px;line-height:1.35em;margin-top:22px;letter-spacing:-0.05em;}
#sch .info .head .star {position:absolute;right:18px;top:30px;color:#ccc;border:none;background:none;font-size:18px;}
#sch .info .head .star:before {content:"\f006";font-family:axicon;}
#sch .info .head .star.active {color:#25d663;}
#sch .info .head .star.active:before {content:"\f005";}
#sch .info .head .report_btn{background:none;border:1px solid #fff;border-radius:5px;font-size:12px;color:#fff;height:24px;width:64px;position:absolute;right:18px;bottom:20px;}
#sch .info h4 {height:43px;line-height:42px;border-bottom:1px solid #e5e5e5;padding:0 18px;font-size:13px;color:#101010;font-weight:500;letter-spacing:-0.05em;}
#sch .info h4 span {color:#25d663;vertical-align:baseline;}
#sch .info .area {height:calc(100% - 223px);overflow:auto;background:#f7f7f7;padding:10px;}
#sch .info .box {background:#fff;border-radius:5px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
#sch .info .box ~ .box {margin-top:10px;}
#sch .info .box button {width:100%;border:none;background-color:#fff;display:block;position:relative;text-align:center;}
#sch .info .box button:before {content:"";}
#sch .info .box button ul {display:table;width:100%;table-layout:fixed;height:80px;}
#sch .info .box button ul li {display:table-cell;vertical-align:middle;}
#sch .info .box button ul .state {width:70px;font-size:12px;color:#25d663;letter-spacing:-0.05em;}
#sch .info .box button ul .state .type:before {content:"";display:inline-block;width:25px;height:13px;background:url(../../images/web/ico-charge1.png) no-repeat;background-size:contain;}
#sch .info .box button ul .state .type2 {color:#f48d23;}
#sch .info .box button ul .state .type2:before {background-image:url(../../images/web/ico-charge2.png);}
#sch .info .box button ul .state .type3 {color:#888;}
#sch .info .box button ul .state .type3:before {background-image:url(../../images/web/ico-charge3.png);}
#sch .info .box button ul .state .type span {display:block;margin-top:5px;}
#sch .info .box button ul .type {width:80px;}
#sch .info .box button ul .reserve{width:80px;font-size:12px;}
#sch .info .box button ul .reserve .type1{color:#25d663;}
#sch .info .box button ul .reserve .type1:before{content:"";display:inline-block;width:16px;height:14px;background:url(../../images/web/ico-reserve1.png) no-repeat;background-size:contain;}
#sch .info .box button ul .reserve .type2{color:#aaa;}
#sch .info .box button ul .reserve .type2:before{content:"";display:inline-block;width:16px;height:14px;background:url(../../images/web/ico-reserve2.png) no-repeat;background-size:contain;}
#sch .info .box button ul .reserve .type span{display:block;margin-top: 5px;}
#sch .info .box .desc {border-top:1px solid #e5e5e5;padding:25px 17px;display:none;}
#sch .info .box .desc .ico {text-align:center;font-size:0;margin-bottom:20px;}
#sch .info .box .desc .ico i {display:inline-block;width:30px;height:30px;background:url(../../images/web/ico-chargetype1.png) no-repeat 50% 50%;background-size:contain;}
#sch .info .box .desc .ico i ~ i {margin-left:40px;}
#sch .info .box .desc .ico .ico2 {background-image:url(../../images/web/ico-chargetype2.png);}
#sch .info .box .desc .ico .ico3 {background-image:url(../../images/web/ico-chargetype3.png);}
#sch .info .box .desc .ico .ico4 {background-image:url(../../images/web/ico-chargetype4.png);}
#sch .info .box .desc dl ~ dl {margin-top:22px;}
#sch .info .box .desc dl{font-size:0;}
#sch .info .box .desc dl dt {font-size:13px;color:#101010;font-weight:500;letter-spacing:-0.05em;display:inline-block;width:95px;vertical-align: top;line-height: 1.55em;}
#sch .info .box .desc dl dd {font-size:14px;line-height:1.43em;letter-spacing:-0.05em;display:inline-block;width:calc(100% - 95px);}
#sch .info .box .desc a{display:block;text-align:center;border:2px solid #ddd;border-radius:5px;line-height:46px;font-size:16px;margin-top:25px;}
#sch .info .box.active .desc {display:block;}

#sch .info .close {position:absolute;left:100%;top:20px;width:48px;height:48px;border-radius:0 5px 5px 0;background:#fff;border:none;z-index:300;box-shadow:3px 3px 3px rgba(0,0,0,0.15);}
#sch .info .close span {width:20px;height:16px;display:inline-block;position:relative;}
#sch .info .close span:before,
#sch .info .close span:after {content:"";display:block;position:absolute;left:0;height:2px;background:#888;transition:0.3s;}
#sch .info .close span:before {;width:100%;transform:rotate(135deg);top:50%;margin-top:-1px;}
#sch .info .close span:after {width:100%;transform:rotate(-135deg);bottom:50%;margin-bottom:-1px;}
#sch .onoff {position:absolute;left:100%;width:20px;height:48px;background:linear-gradient(to bottom, #25d663 0%,#0fcabf 100%);border:none;box-shadow:inset 0 1px 0 rgba(0,0,0,0.1),inset -1px -2px 0 rgba(0,0,0,0.1),3px 3px 3px rgba(0,0,0,0.15);z-index:310;top:50%;margin-top:-24px;border-radius:0 3px 3px 0;color:#fff;font-size:18px;transition:0.3s;}
#sch .onoff:before {content:"\f104";font-family:axicon;}
#sch .info.res_on{box-shadow:none;}
#sch .info.res_on .close{display:none;}

#sch .reservation{position: absolute;top: 0;left: 200%;width: 380px;height: 100%;box-shadow: 3px 0 3px rgb(0 0 0 / 15%);background: #fff;transition: 0.3s;opacity: 0;visibility: hidden;transform: translate3d(-100%,0,0);background-color:#f7f7f7;}
#sch .reservation.on{opacity: 1;visibility: visible;transform: translate3d(0,0,0);}
#sch .reservation .tit{color:#101010;font-size:13px;font-weight:500;margin-bottom:20px;}
#sch .reservation .date{padding:30px 20px;background-color:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:10px;}
#sch .reservation .date ul:after{content:"";display:block;clear:both;}
#sch .reservation .date ul li{float:left;width:20%;padding:0 5px;}
#sch .reservation .date ul li button{width:100%;background-color:#fff;border:1px solid #ddd;border-radius:5px;line-height:18px;color:#666;height:58px;}
#sch .reservation .date ul li button.active{background-color:#25d663;border:1px solid #12ba4d;color:#fff;}
#sch .reservation .time{padding:30px 20px;background-color:#fff;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
#sch .reservation .time .rig{float:right;}
#sch .reservation .time .rig span{font-size:12px;color:#888;}
#sch .reservation .time .rig span:first-child{margin-right:10px;}
#sch .reservation .time .rig span:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #ddd;border-radius:50%;margin-right:3px;}
#sch .reservation .time .rig span:last-child:before{background-color:#f1f1f1;}
#sch .reservation .time .date_tbl{height:288px;overflow-y:scroll;}
#sch .reservation .time table{width:100%;border-collapse: inherit;text-align:center;}
#sch .reservation .time table th{font-size:12px;font-weight:400;font-family:'Play';}
#sch .reservation .time table tr:first-child td:nth-child(2){border-radius:5px 0 0 0;}
#sch .reservation .time table tr:first-child td:last-child{border-radius:0 5px 0 0;}
#sch .reservation .time table tr:last-child td:nth-child(2){border-radius:0 0 0 5px;}
#sch .reservation .time table tr:last-child td:last-child{border-radius:0 0 5px 0;}
#sch .reservation .time table td{border:1px solid #ddd;border-bottom:none;border-right:none;background-color:#f1f1f1;font-size:12px;line-height:40px;cursor:pointer;}
#sch .reservation .time table td.on{background-color:#fff;}
#sch .reservation .time table td.active{background-color:#25d663;border-color:#12ba4d;color:#fff;}
#sch .reservation .time table td:last-child{border-right:1px solid #ddd;}
#sch .reservation .time table tr:last-child td{border-bottom:1px solid #ddd;}
#sch .reservation .time .date_box{margin-top:20px;border-radius:5px;border:1px solid #ddd;line-height:48px;text-align:center;font-size:18px;font-weight:600;font-family:'Play';color:#101010;background:url(../../images/web/date-icon.png) no-repeat;background-position:7% center;}
#sch .reservation .agree{padding: 30px 20px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
#sch .reservation .agree .agree-box{border-radius:5px;border:1px solid #ddd;height:120px;overflow-y:scroll;padding:20px 15px;font-size:12px;color:#888;line-height:18px;}
#sch .reservation .agree .__lab{color:#101010;font-size:13px;margin-top:10px;line-height: 18px;}
#sch .reservation .agree .__botArea{margin-top:30px;}
#sch .reservation .agree .__btn1{height: 50px;line-height: 46px;width:100%;}

#sch .reservation .close{position: absolute;left: 100%;top: 20px;width: 48px;height: 48px;border-radius: 0 5px 5px 0;background: #fff;border: none;z-index: 300;box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);}
#sch .reservation .close span {width:20px;height:16px;display:inline-block;position:relative;}
#sch .reservation .close span:before,
#sch .reservation .close span:after {content:"";display:block;position:absolute;left:0;height:2px;background:#888;transition:0.3s;}
#sch .reservation .close span:before {;width:100%;transform:rotate(135deg);top:50%;margin-top:-1px;}
#sch .reservation .close span:after {width:100%;transform:rotate(-135deg);bottom:50%;margin-bottom:-1px;}
.resultOn #sch .info {opacity:1;visibility:visible;transform:translate3d(0,0,0);border-right:1px solid #ddd;}
.resultOn #sch .onoff {left:200%;}
.resultOn #sch .onoff.res_on{left:300%;}

.schOff #sch .sch {left:-380px;}
.schOff #sch .onoff:before {content:"\f105";}

#report .tit{background-color: #25d663;color:#fff;}
#report .layer_close{background-image:url(../../images/web/layer-close2.png);}
#report .pop-container{height: calc(100% - 60px);}
#report .pop-contents{height:100%;padding: 40px 50px;}
#report .report-tit{font-size: 16px;color: #222;font-weight: 400;margin-bottom: 20px;}
#report textarea{display: block;border: 1px solid #d2d2d2;min-height: 200px;width: 100%;box-sizing: border-box;padding: 10px;outline: none;resize:none;border-radius:5px;color: #222;}
#report .filebox{margin-top:40px;}
#report .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#report .filebox label{text-align: center;border-radius: 5px;font-size: 16px;font-weight: 700;line-height: 48px;border: 1px solid #d9d9d9;color: #7f7f7f;}
#report .filebox .submit{display: block;text-align: center;border-radius: 5px;font-size: 16px;font-weight: 700;line-height: 48px;color: #fff;background: #25d663;margin-top: 20px;}

@media all and (max-width:1024px){
	#sNav {width:100%;padding:0px;}
	#sNav .top {position:relative;height:50px;margin-bottom:0;box-shadow:inset 0 -1px 0 #ddd;}
	#sNav .logo {position:absolute;left:15px;top:50%;margin-top:-9px;}
	#sNav .logo:before {height:14px;margin-top:-7px;left:101px;}
	#sNav .logo a {height:18px;}
	#sNav .logo .logo1 {background-image:url(../../images/web/logo1on-m.png);width:91px;}
	#sNav .logo .logo2 {background-image:url(../../images/web/logo2on-m.png);width:50px;margin-left:25px;}
	#sNav nav {height:calc(100% - 50px);overflow:auto;padding:25px 15px 0;}
	#sNav .gnb {margin-top:20px;}
	#sNav .gnb > li > a {font-size:18px;padding:15px 0;}
	#sNav .gnb > li > ul {padding:10px 0;}
	#sNav .gnb > li > ul > li > a {font-size:16px;padding:7px 0;}
	#sNav .close {left:auto;right:15px;top:17px;width:18px;height:16px;border-radius:none;}
	#sNav .close span {width:18px;}
	#sNav .close span:before,
	#sNav .close span:after {background:#101010;}

	.navOn #sNav {visibility:visible;opacity:1;}

	#sch .gps {width:45px;height:45px;border-radius:50%;z-index:50;position:fixed;left:10px;bottom:20px;background:#fff;background:url(../../images/web/ico-gps.png) no-repeat;background-size:45px 90px;border:none;text-indent:-9999px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
	#sch .gps:hover {background-position:0 -45px;background-color:#25d663;}

	#sch .sec {height:auto;display:block;position:static;}
	#sch .sch {width:100%;height:auto;box-shadow:none;}
	#sch .sec .sort,
	#sch .bot {display:none;}
	#sch .head h2 {margin-left:5px;}
	#sch .head h2 a {width:69px;height:18px;background-image:url(../../images/web/sch-logo-m.png);}
	#sch .head .mnu {right:5px;}
	#sch .top {padding:15px 10px 10px;position:fixed;left:0;top:0;width:100%;}
	#sch .top .off {display:none;}
	#sch .search {margin-top:20px;padding-right:40px;}
	#sch .search input[type='text'] {height:40px;font-size:14px;padding-left:12px;}
	#sch .search button {width:40px;height:40px;font-size:18px;}
	#sch .sort select {height:40px;background-image:url(../../images/web/foot-arr-m.png);background-size:27px auto;padding-left:13px;font-size:14px;}
	#sch .sort .box dt {font-size:12px;}
	#sch .sort .box .lab label i {width:16px;height:16px;margin-right:5px;border-width:1px;}
	#sch .sort .box .lab label i:before {top:0px;left:-2px;font-size:12px;}
	#sch .sort .box .lab label span {font-size:14px;}
	#sch .bot .box .inf {padding-left:23px;}
	#sch .bot .box .inf:before {left:12px;}
	#sch .bot .box .inf .name {font-size:14px;}
	#sch .bot .notview span:before {background-image:url(../../images/web/ico-dot-m.png);}
	#sch .bot .notview span em {font-size:14px;margin-top:20px;}
	#sch .bot .off2 {position:absolute;right:10px;bottom:100%;margin-bottom:10px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,0.15);color:#888;font-size:20px;}
	#sch .bot .off2:before {content:"\f107";font-family:axicon;}

	.wordOn #sch .top {height:100%;padding-bottom:80px;}
	.wordOn #sch .top .off {display:block;position:absolute;left:0;bottom:0;width:100%;height:50px;border:none;border-top:1px solid rgba(255,255,255,0.5);background:none;font-size:16px;color:#fff;}
	.wordOn #sch .sort {display:block;}

	.infoOn #sch .bot {display:block;position:fixed;left:0;bottom:0;width:100%;height:50vh;padding-top:0;}
	.infoFold #sch .bot {height:0;}
	.infoFold #sch .bot .tab,
	.infoFold #sch .bot .wrap {display:none;}
	.infoFold #sch .bot .off2:before {content:"\f106";position:relative;top:-2px;}

	#sch .info {left:0;position:fixed;transform:translate3d(0,0,0);z-index:20;width:100%;display:flex;flex-direction:column;}
	#sch .info .head .star {top:15px;right:15px;}
	#sch .info .head {min-height:170px;height:auto;padding:55px 10px 10px;}
	#sch .info .head .report_btn{right: 15px;bottom:15px;}
	#sch .info .close {width:16px;height:15px;box-shadow:none;border-radius:none;top:17px;left:15px;text-indent:-9999px;background:url(../../images/web/sch-prev.png) no-repeat;background-size:contain;}
	#sch .info .head .name {font-size:22px;}
	#sch .info .head .sum {font-size:14px;margin-top:15px;}
	#sch .info .area {height:0;flex-grow:1;padding:15px;}
	#sch .info .box button ul {height:70px;}
	#sch .info .box button ul .state {width:55px;}
	#sch .info .box button ul .state .type:before {width:23px;height:12px;background-image:url(../../images/web/ico-charge1m.png);font-size:11px;}
	#sch .info .box button ul .state .type2:before {background-image:url(../../images/web/ico-charge2m.png);}
	#sch .info .box button ul .state .type3:before {background-image:url(../../images/web/ico-charge3m.png);}
	#sch .info .box button ul .type {width:65px;}
	#sch .info .box button ul .reserve{width: 60px;}
	#sch .info .box button ul li{font-size:13px;}
	
	#sch .info .box .desc .ico i {width:28px;height:28px;background-image:url(../../images/web/ico-chargetype1m.png);}
	#sch .info .box .desc .ico i ~ i {margin-left:38px;}
	#sch .info .box .desc .ico .ico2 {background-image:url(../../images/web/ico-chargetype2m.png);}
	#sch .info .box .desc .ico .ico3 {background-image:url(../../images/web/ico-chargetype3m.png);}
	#sch .info .box .desc .ico .ico4 {background-image:url(../../images/web/ico-chargetype4m.png);}

	#sch .info .box .desc dl dt {font-size:12px;}
	#sch .info .box .desc dl dd {font-size:13px;}

	#sch .info h4 {height:40px;line-height:39px;padding:0 15px;font-size:12px;}

	#sch .reservation{position: fixed;left: 0;z-index: 21;transform: translate3d(0,0,0);width:100%;overflow-y: scroll;padding-top: 50px;}
	#sch .reservation .date,
	#sch .reservation .time,
	#sch .reservation .agree{padding: 20px 15px;}
	#sch .reservation .close{width: 16px;height: 15px;box-shadow: none;border-radius: none;top: 17px;left: 15px;text-indent: -9999px;background: url(../../images/web/sch-prev2.png) no-repeat;background-size: contain;}

	#report .pop-contents{padding: 30px 15px;}
	#report .filebox{margin-top:30px;}
	#report .filebox .submit{margin-top:15px;}
}

.no_result{font-size:18px;text-align:center;color: #888;padding:100px 0;}
@media (max-width: 1024px){
	.no_result{font-size:14px;padding:50px 0;}
}

.__tab1 {text-align:center;font-size:0;margin-bottom:55px;}
.__tab1 > * {display:inline-block;vertical-align:top;width:260px;height:50px;border:1px solid #ddd;border-bottom:1px solid #25d663;background:#f7f7f7;white-space:nowrap;padding:0 10px;}
.__tab1 > * ~ * {margin-left:-1px;}
.__tab1 > *:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;color:#888;}
.__tab1 > * span {display:inline-block;vertical-align:middle;font-size:14px;letter-spacing:-0.05em;white-space:normal;max-width:100%;line-height:1.2em;}
.__tab1 .active {border-bottom:none;background:#fff;border-color:#25d663;position:relative;z-index:10;color:#25d663;font-weight:bold;padding-bottom:1px;}
.__tab1.type2 {margin-bottom:40px;}
.__tab1.type2 > a {width:11.11%;}

.__tab2 {box-shadow:inset 0 -1px 0 #ddd;display:table;width:100%;table-layout:fixed;margin-bottom:40px;}
.__tab2 a {display:table-cell;vertical-align:middle;border-bottom:2px solid transparent;text-align:center;font-size:14px;height:46px;}
.__tab2 a:hover {color:#010101;}
.__tab2 .active {font-weight:bold;color:#25d663;border-bottom-color:#25d663;}

._tabBox {display:none;}
._tabBox.active {display:block;}

.__slogan {text-align:center;margin-bottom:35px;font-size:16px;line-height:1.4em;color:#666;}
.__slogan:before {content:"";display:inline-block;width:12px;height:12px;background:url(../../images/web/ico-notice.png) no-repeat 50% 50%;background-size:contain;margin-right:6px;position:relative;top:1px;}
.__slogan.left{text-align:left;position:relative;padding-left:20px;}
.__slogan.left:before{position:absolute;left:0;top:7px;}

.__useInfo {padding:0 10px;}
.__useInfo .sec {border-bottom:1px solid #ddd;padding-bottom:60px;margin-bottom:60px;}
.__useInfo .sec:last-child {border-bottom:none;padding-bottom:0;margin-bottom:0;}
.__useInfo .box {max-width:1080px;margin:0 auto;}
.__useInfo .box .tbl {display:table;width:100%;table-layout:fixed;}
.__useInfo .box .tbl > div {display:table-cell;vertical-align:top;}
.__useInfo .box .tbl .lef {padding-right:60px;}
.__useInfo .box .tbl .lef .tit {margin-bottom:32px;}
.__useInfo .box .tbl .lef .tit dt span {display:inline-block;width:90px;height:30px;line-height:30px;border-radius:15px;background:#25d663;color:#fff;font-size:14px;font-weight:bold;font-family:'Play',sans-serif;text-align:center;}
.__useInfo .box .tbl .lef .tit dd {margin-top:25px;font-size:36px;color:#101010;font-weight:500;letter-spacing:-0.05em;line-height:1.3em;}
.__useInfo .box .tbl .lef table {width:100%;table-layout:fixed;}
.__useInfo .box .tbl .lef table col:nth-child(1) {width:100px;}
.__useInfo .box .tbl .lef table col:nth-child(2) {width:60px;}
.__useInfo .box .tbl .lef table tr th {background:#f7f7f7;font-weight:500;border-left:none;}
.__useInfo .box .tbl .lef table tr > * {border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:20px 15px;font-size:16px;line-height:1.75em;letter-spacing:-0.05em;}
.__useInfo .box .tbl .lef table tr li img {display:block;}
.__useInfo .box .tbl .lef table tr li ~ li {margin-top:14px;}
.__useInfo .box .tbl .lef .__dotlist {font-size:16px;line-height:1.5em;}
.__useInfo .box .tbl .lef .__dotlist li {letter-spacing:-0.05em;}
.__useInfo .box .tbl .lef .__dotlist strong {color:#101010;font-weight:500;}
.__useInfo .box .tbl .rig {width:380px;}
.__useInfo .box.vab .tbl > div {vertical-align:bottom;}

@media all and (max-width:1024px){
	.__tab1 {margin-bottom:20px;display:flex;}
	.__tab1 > * {width:0;flex-grow:1;height:40px;padding:0 5px;}
	.__tab1 > * span {font-size:12px;word-spacing:-0.05em;letter-spacing:-0.075em;}
	.__tab1.type2 {/*flex-wrap:wrap;padding-top:1px;*/display:none;}
	.__tab1.type2 > a {width:20%;border:1px solid #ddd;margin-top:-1px;}
	.__tab1.type2 > .active {border-color:#25d663;position:relative;z-index:10;}

	.__tab2 {margin-bottom:20px;}
	.__tab2 a {font-size:12px;height:40px;letter-spacing:-0.075em;}

	.__slogan {margin-bottom:30px;font-size:13px;}
	.__slogan:before {margin-right:5px;top:2px;}

	.__useInfo {padding:0;}
	.__useInfo .sec {padding-bottom:25px;margin-bottom:25px;}
	.__useInfo .box .tbl {display:block;}
	.__useInfo .box .tbl > div {display:block;}
	.__useInfo .box .tbl .lef {padding-right:0;}
	.__useInfo .box .tbl .lef .tit {margin-bottom:20px;}
	.__useInfo .box .tbl .lef .tit dd {margin-top:5px;font-size:20px;}
	.__useInfo .box .tbl .lef table col:nth-child(1) {width:40px;}
	.__useInfo .box .tbl .lef table col:nth-child(2) {width:40px;}
	.__useInfo .box .tbl .lef table tr > * {padding:5px;font-size:12px;line-height:1.5em;}
	.__useInfo .box .tbl .lef table tr li ~ li {margin-top:5px;}
	.__useInfo .box .tbl .lef .__dotlist {font-size:12px;}
	.__useInfo .box .tbl .rig {margin-top:15px;width:auto;text-align:center;}
}

.__useInfoTit {text-align:center;padding-bottom:55px;border-bottom:1px solid #ddd;margin-bottom:60px;}
.__useInfoTit .ico {margin-bottom:35px;}
.__useInfoTit dl dt {font-size:28px;color:#101010;font-weight:500;letter-spacing:-0.05em;}
.__useInfoTit dl dd {font-size:14px;line-height:1.5em;letter-spacing:-0.05em;margin-top:20px;}

.__priceInfo .box ~ .box {margin-top:60px;}
.__priceInfo .box table {width:100%;table-layout:fixed;border-top:1px solid #ddd;}
.__priceInfo .box table tr > * {border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px  10px;font-size:16px;text-align:center;letter-spacing:-0.05em;}
.__priceInfo .box table tr > *:last-child {border-right:none;}
.__priceInfo .box table tr th {font-weight:500;}
.__priceInfo .box table thead tr th {background:#f6fdf9;}
.__priceInfo .box table thead tr:first-child th:first-child {background:#f7f7f7;}
.__priceInfo .box table thead tr th span {font-size:14px;}
.__priceInfo .box table tbody tr th {background:#f7f7f7;}
.__priceInfo .box table tbody tr td {line-height:1.75em;}
.__priceInfo .box table strong {color:#25d663;}

.__txt14 {font-size:14px;line-height:1.7em;letter-spacing:-0.05em;}
.__dotlist.__txt14 {line-height:1.5em;}

.__green {color:#25d663 !important;}
.__black {color:#010101 !important;}

@media all and (max-width:1024px){
	.__useInfoTit {padding-bottom:25px;margin-bottom:25px;}
	.__useInfoTit .ico {margin-bottom:20px;}
	.__useInfoTit .ico img {width:40px;}
	.__useInfoTit dl dt {font-size:20px;}
	.__useInfoTit dl dd {font-size:12px;margin-top:10px;}

	.__priceInfo .box ~ .box {margin-top:30px;}
	.__priceInfo .box table col:first-child {width:55px !important;}
	.__priceInfo .box table tr > * {padding:5px 4px;font-size:12px;}
	.__priceInfo .box table thead tr th span {font-size:12px;}
	.__priceInfo .box table tbody tr th {line-height:1.4em;}
	.__priceInfo .box table tbody tr td {padding:5px 4px;line-height:1.4em;}

	.__txt14 {font-size:12px;line-height:1.6em;}
	.__dotlist.__txt14 {line-height:1.4em;}
}

#introduce{background: url(../../images/web/introduce.jpg) no-repeat;background-position: center;background-size: cover;padding: 100px 120px 120px;margin-bottom: 60px;border-radius: 5px;overflow: hidden;}
#introduce h4{font-size: 36px;color: #fff;font-weight: 500;margin-bottom: 31px;line-height: 1.3em;}
#introduce p{font-size: 16px;color: #fff;line-height: 28px;}
.introduce-con p{font-size: 24px;color: #101010;font-weight: 500;margin-bottom: 30px;}
.list-txt li{padding-left: 13px;position: relative;font-size: 16px;color: #666;margin-bottom: 15px;line-height: 18px;}
.list-txt li:before{content: "";display: inline-block;width: 5px;height: 5px;background-color: #25d663;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.service-list{margin-top:30px;}
.service-list:after{content:"";display:block;clear:both;}
.service-list li{float:left;width:14.5%;padding-right:2.6%;box-sizing:content-box;}
.service-list li:nth-child(6n){padding-right:0;}
.service-list li:nth-child(-n+6){margin-bottom:30px;}
.service-list li div{border:1px solid #ddd;border-radius:5px;padding-bottom:100%;background-repeat:no-repeat;background-position:center;}
.service-list li span{font-size:16px;display:block;text-align:center;margin-top:15px;}
@media all and (max-width:1024px){
	#introduce{padding: 30px;margin-bottom: 40px;}
	#introduce h4{font-size: 22px;margin-bottom: 20px;}
	#introduce p{font-size: 12px;line-height: 20px;}
	.introduce-con p{font-size: 18px;margin-bottom: 20px;}
	.list-txt li{font-size: 14px;margin-bottom: 10px;}
	.service-list li{width:22.75%;padding-right:3%;}
	.service-list li:nth-child(-n+8){margin-bottom:20px;}
	.service-list li:nth-child(6n){padding-right:3%;}
	.service-list li:nth-child(4n){padding-right:0;}
	.service-list li div{background-size:75%;}
	.service-list li span{font-size: 14px;margin-top: 10px;}
}

#parking-friend{background:url(../../images/web/parking-friend.jpg) no-repeat;background-position:center;background-size: cover;padding:120px 120px 150px;margin-bottom:60px;border-radius: 5px;overflow: hidden;}
#parking-friend h4{font-size:36px;color:#fff;font-weight:500;margin-bottom:31px;line-height: 1.2em;}
#parking-friend p{font-size:16px;color:#fff;line-height:28px;}
#parking p{font-size:24px;color:#101010;font-weight:500;margin-bottom:30px;}
.parking-customer{margin-bottom:80px;}
.parking-customer ul:after{content:"";display:block;clear:both;}
.parking-customer ul li{float:left;width:23%;padding-right:2.66%;box-sizing:content-box;}
.parking-customer ul li:last-child{padding-right:0;}
.parking-customer ul li dl{padding:30px 0 20px;border-bottom:1px solid #ddd;margin-bottom:18px;height:125px;}
.parking-customer ul li dl dt{font-size:20px;color:#101010;font-weight:500;margin-bottom:10px;}
.parking-customer ul li dl dd{font-size:14px;line-height:22px;color:#666;}
.parking-customer ul li span{padding-left:13px;position:relative;font-size:16px;color:#666;display:block;line-height:28px;}
.parking-customer ul li span:before{content:"";display:inline-block;border-radius:50%;width:5px;height:5px;background-color:#25d663;position:absolute;left:0;top:50%;margin-top:-2.5px;}
.parking-service{margin-bottom:60px;}
.parking-service ul:after{content:"";display:block;clear:both;}
.parking-service ul li{float:left;width:23%;padding-right:2.66%;box-sizing:content-box;}
.parking-service ul li:last-child{padding-right:0;}
.parking-service ul li dl{margin-top:24px;margin-left:20px;}
.parking-service ul li dl dt{display:inline-block;background-color:#25d663;width:24px;height:24px;border-radius:50%;line-height:24px;color:#fff;text-align:center;font-family:'Play';font-size:14px;font-weight:600;}
.parking-service ul li dl dd{display:inline-block;font-size:16px;color:#666;margin-left:10px;}

@media all and (max-width:1024px){
	#parking-friend{padding: 30px;margin-bottom: 40px;}
	#parking-friend h4{font-size: 22px;margin-bottom: 20px;}
	#parking-friend p{font-size: 12px;line-height: 20px;}
	#parking p{font-size: 18px;margin-bottom:20px;}
	.parking-customer{margin-bottom:40px;}
	.parking-customer ul li{width:49%;padding:0;}
	.parking-customer ul li:nth-child(1),
	.parking-customer ul li:nth-child(3){padding-right:2%;}
	.parking-customer ul li:nth-child(1),
	.parking-customer ul li:nth-child(2){margin-bottom:5%;}
	.parking-customer ul li img{width:100%;}
	.parking-customer ul li dl{padding: 15px 0 10px;}
	.parking-customer ul li dl{height: 105px;margin-bottom: 10px;}
	.parking-customer ul li dl dt{font-size:14px;}
	.parking-customer ul li dl dd{font-size:12px;line-height: 18px;}
	.parking-customer ul li span{font-size: 13px;line-height: 20px;}
	.parking-service{margin-bottom:30px;}
	.parking-service ul li{width:49%;padding:0;text-align: center;}
	.parking-service ul li:nth-child(1),
	.parking-service ul li:nth-child(3){padding-right:2%;}
	.parking-service ul li dl{margin-top:10px;margin-left:0;}
	.parking-service ul li dl dt{width:20px;height:20px;line-height: 20px;font-size: 12px;}
	.parking-service ul li dl dd{margin-left: 5px;font-size: 13px;}
}

#mobility{background: url(../../images/web/mobility.jpg) no-repeat;background-position: center;background-size: cover;padding: 120px 120px 130px;margin-bottom: 60px;border-radius: 5px;overflow: hidden;}
#mobility p{color:#fff;font-size:16px;line-height:28px;margin-top:35px;}
#mobility-con p{font-size: 24px;color: #101010;font-weight: 500;margin-bottom: 30px;}
.vision{margin-bottom:60px;}
.vision ul:after{content:"";display:block;clear:both;}
.vision ul li{float:left;width:31.66%;padding-right:2.5%;box-sizing:content-box;}
.vision ul li:last-child{padding-right:0;}
.vision ul li dl{margin-top:30px;}
.vision ul li dl dt{font-size:20px;color:#101010;font-weight:500;}
.vision ul li dl dd{font-size:14px;line-height:22px;color:#666;margin-top:10px;}
.business{margin-bottom:60px;}
.business dl dt{font-size:20px;font-weight:500;color:#25d663;margin-bottom:20px;}
.business dl dd{font-size:16px;color:#666;}
.business div{text-align:center;margin-top:60px;}
.partners{margin-bottom:60px;}
.partners ul:after{content:"";display:block;clear:both;}
.partners ul li{float:left;width:16.66%;border:1px solid #ddd;border-top:none;border-left:none;text-align:center;}
.partners ul li:nth-child(-n+6){border-top:1px solid #ddd;}
.partners ul li:nth-child(6n+1){border-left:1px solid #ddd;}
.patent ul{margin-bottom:40px;}
.patent ul:after{content:"";display:block;clear:both;}
.patent ul li{padding-left:13px;position:relative;font-size:16px;color:#666;margin-bottom:15px;line-height:18px;}
.patent ul li:before{content:"";display:inline-block;width:5px;height:5px;background-color:#25d663;border-radius:50%;position:absolute;left:0;top:7px;}
.patent ul li:last-child{margin-bottom:0;}

@media all and (max-width:1024px){
	#mobility{padding: 30px;margin-bottom: 40px;}
	#mobility h4 img{height:40px;}
	#mobility p{font-size: 12px;line-height: 20px;margin-top:20px;}
	#mobility-con p{font-size: 18px;margin-bottom: 20px;}
	.vision{margin-bottom:40px;}
	.vision ul li{width:100%;padding:0;margin-bottom:30px;}
	.vision ul li:last-child{margin-bottom:0;}
	.vision ul li img{width:100%;}
	.vision ul li dl{margin-top:15px;}
	.vision ul li dl dt{font-size: 14px;line-height:18px;}
	.vision ul li dl dd{font-size: 12px;line-height: 18px;}
	.business{margin-bottom:40px;}
	.business dl dt{font-size:14px;margin-bottom:10px;}
	.business dl dd{font-size:14px;line-height:18px;}
	.business div{margin-top:30px;}
	.partners{margin-bottom:40px;}
	.patent ul{margin-bottom:30px;}
	.partners ul li{width:25%;}
	.partners ul li:nth-child(-n+6){border-top:none;}
	.partners ul li:nth-child(6n+1){border-left:none;}
	.partners ul li:nth-child(-n+4){border-top:1px solid #ddd;}
	.partners ul li:nth-child(4n+1){border-left:1px solid #ddd;}
	.patent ul li{font-size:14px;margin-bottom: 10px;}
}

.__tblList {width:100%;table-layout:fixed;border-top:1px solid #25d663;}
.__tblList tr > * {padding:17px 10px;text-align:center;border-bottom:1px solid #ddd;font-size:14px;}
.__tblList tr th {background:#f7f7f7;letter-spacing:-0.05em;font-weight:500;}
.__tblList tr td {font-family:'Play','Noto Sans KR',sans-serif;color:#888;}
.__tblList tr .subject {font-family:'Noto Sans KR',sans-serif;text-align:left;}
.__tblList tr .subject a {display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.05em;line-height:1.4em;}
.__tblList tr .subject.type2 a {white-space:normal;overflow:visible;}
.__tblList tr .subject.sec a {position:relative;padding-right:17px;}
.__tblList tr .subject.sec a:after {content:"";display:inline-block;width:10px;height:12px;background:url(../../images/web/ico-lock.png) no-repeat 50% 50%;background-size:contain;margin-left:8px;}
.__tblList .a {display:none;}
.__tblList .a td {text-align:left;background:#f7f7f7;padding:25px 25px 25px 110px;font-size:14px;line-height:1.6em;letter-spacing:-0.05em;}
.__tblList .qa td {padding:30px 40px;color:#666;}
.__tblList .qa .qq,
.__tblList .qa .aa {display:block;position:relative;padding-left:50px;}
.__tblList .qa .qq {padding-right:110px;}
.__tblList .qa .aa {border-top:1px dashed #ccc;margin-top:25px;padding-top:25px;}
.__tblList .qa .mod {position:absolute;right:0;top:0;}
.__tblList .qa .mod a {display:inline-block;width:48px;height:24px;line-height:22px;border-radius:3px;background:#fff;border:1px solid #ddd;font-size:12px;color:#888;letter-spacing:-0.05em;text-align:center;margin-left:1px;}
.mod button {display:inline-block;width:48px;height:24px;line-height:22px;border-radius:3px;background:#fff;border:1px solid #ddd;font-size:12px;color:#888;letter-spacing:-0.05em;text-align:center;margin-left:1px;}

.__tblList .qa .qq:before,
.__tblList .qa .aa:before {display:block;width:30px;height:30px;border-radius:50%;position:absolute;left:0;font-family:'Play',sans-serif;font-size:14px;font-weight:bold;line-height:28px;text-align:center;}
.__tblList .qa .qq:before {content:"Q";top:0;background:#fff;border:1px solid #ddd;}
.__tblList .qa .aa:before {content:"A";top:22px;background:#25d663;border:1px solid #25d663;color:#fff;}

.__tblList .active + tr {display:table-row;}

@media all and (max-width:1024px){
	.__tblList {display:block;}
	.__tblList colgroup,
	.__tblList thead {display:none;}
	.__tblList tbody {display:block;}
	.__tblList tr {display:flex;flex-wrap:wrap;padding:10px;border-bottom:1px solid #ddd;}
	.__tblList tr td {color:#888;position:relative;margin-right:7px;padding-right:8px;}
	.__tblList tr td:before {content:"";display:block;width:1px;height:10px;background:#ddd;position:absolute;right:0;top:50%;margin-top:-5px;}
	.__tblList tr td:last-child:before {display:none;}
	.__tblList tr .subject {order:-1;width:100%;font-size:14px;margin-bottom:5px;margin-right:0;padding-right:0;font-size:13px;}
	.__tblList tr .subject:before {display:none;}
	.__tblList tr .subject a {color:#333;}
	.__tblList tr > * {padding:0;border-bottom:none;text-align:left;font-size:12px;}
	.__tblList .a {background:#f7f7f7;padding:15px;}
	.__tblList .a td {padding:0;font-size:13px;line-height:1.5em;}
	.__tblList .active .subject a {color:#010101;font-weight:500;}
	.__tblList .active + tr {display:block;}

	.__tblList .qa .qq {padding-right:0;}
	.__tblList .qa .mod {position:relative;margin-bottom:10px;}
	.__tblList .qa .aa {margin-top:15px;padding-top:15px;}
	.__tblList .qa .qq, 
	.__tblList .qa .aa {padding-left:45px;}

	.__tblList .qa .aa:before {top:9px;}
}

.__tblWrite .s_a td{padding:30px 60px;}
.__tblWrite .s_a ul li{border-bottom:1px dashed #ccc;}
.__tblWrite .s_a ul li:last-child{border-bottom:none;}
.__tblWrite .s_a ul li a{display:block;line-height:50px;padding-left:20px;position:relative;font-size:16px;}
.__tblWrite .s_a ul li.active a{color:#25d663;font-weight:600;background:url(../../images/web/registration-check.png) no-repeat;background-position:left center;}
.gray_box{background-color:#f7f7f7;padding:40px 60px;font-size:0;margin-top:80px;}
.gray_box:after{content:"";display:block;clear:both;}
.gray_box p{display:inline-block;font-size:16px;width:calc(100% - 260px);padding-left: 25px;background:url(../../images/web/registration-mark.png) no-repeat;background-position:left 5px;}

@media all and (max-width:1024px){
	.__tblWrite .s_a td{padding:10px;}
	.__tblWrite .s_a ul li a{font-size:12px;line-height: 30px;}
	.gray_box{margin-top:30px;padding: 20px;}
	.gray_box p{font-size:12px;width:100%;line-height:20px;background-position: left 3px;margin-bottom:15px;}
	.gray_box .__btn1{width:100%;}
}

.__tblView{width:100%;text-align:center;}
.__tblView thead th{border:1px solid #ddd;font-weight:500;background-color:#f7f7f7;padding:17px 5px;}
.__tblView thead th:first-child,
.__tblView tbody td:first-child{border-left:none;}
.__tblView thead th:last-child,
.__tblView tbody td:last-child{border-right:none;}
.__tblView tbody td{border:1px solid #ddd;padding:28px 5px;}
.__tblView tbody td.term{font-family:'Play'}
.__tblView tbody .tbl_under{color:#101010;text-decoration:underline;}
.__tblView .active + tr {display: table-row;}
.__tblView .n{display:none;}
.__tblView .n td{background-color:#f7f7f7;padding:30px 40px;text-align:left;overflow:hidden;line-height:18px;}
.__tblView .n td p{float:left;}
.__tblView .n td span{font-weight:500;padding-right:35px;float:left;}
.__tblView .sum td{background-color:#f6fdf9;color:#101010;font-size:16px;font-weight:600;line-height: 23px;}

@media all and (max-width:1024px){
	.__tblView thead th{font-size:13px;padding:10px 5px;}
	.__tblView tbody td{font-size:13px;padding: 15px 5px;}
	.__tblView .n td{padding:15px 20px;}
	.__tblView .n td p{width:calc(100% - 34px);}
	.__tblView .n td span{padding-right:10px;}
}

.__botArea {margin-top:40px;position:relative;min-height:40px;}
.__botArea .cen {text-align:center;}
.__botArea .cen:after{content:"";display:block;clear:both;}
.__botArea .lef {position:absolute;left:0;top:0;}
.__botArea .rig {position:absolute;right:0;top:0;}
.__botArea.line {border-top:1px solid #ddd;margin-top:60px;padding-top:40px;}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {display:inline-block;box-sizing:border-box;vertical-align:top;width:40px;height:40px;line-height:38px;border:1px solid #ddd;text-align:center;color:#888;z-index:0;margin:0 3px;position:relative;border-radius:3px;}
.__paging .num {font-size:16px;border-color:transparent;font-family:'Play',sans-serif;}
.__paging .arr i {font-size:18px;display:block;line-height:37px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#25d663;color:#25d663;background:#fff;font-weight:bold;}
.__paging .prev {margin-right:12px;}
.__paging .next {margin-left:12px;}


@media all and (max-width:1000px){
	.__botArea {margin-top:15px;text-align:center;}
	.__botArea > div {position:relative !important;}
	.__botArea > div ~ div {margin-top:10px;}
	.__botArea.line {margin-top:30px;padding-top:20px;}

	.__paging .arr,
	.__paging .num {width:30px;height:30px;line-height:28px;margin:0 2px;}
	.__paging .num {font-size:13px;}
	.__paging .arr i {font-size:16px;line-height:26px;}
	.__paging .prev {margin-right:2px;}
	.__paging .next {margin-left:2px;}
}

.__evtList {border-bottom:1px solid #ddd;}
.__evtList .area {font-size:0;margin:0 -15px;}
.__evtList .box {display:inline-block;vertical-align:top;width:33.33333%;padding:0 15px;margin-bottom:55px;}
.__evtList .box .in {display:block;}
.__evtList .box .img {position:relative;overflow:hidden;padding-top:66.8421%;border-radius:5px;}
.__evtList .box .img.no span{background-image: url(../../images/web/event-no.jpg) !important;}
.__evtList .box .img.end{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.__evtList .box .img.end:before{content:'';display: block;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color: rgba(85,85,85,0.7);z-index: 10;filter: opacity(0);}
.__evtList .box .img.end:after{content:"";display:block;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,0.3);}
.__evtList .box .img span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:1.5s;}
.__evtList .box .info {margin-top:20px;}
.__evtList .box .info .subject {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#101010;letter-spacing:-0.05em;}
.__evtList .box .info .term{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#888;letter-spacing:-0.05em;margin-top:10px;}
.__evtList .box .info .term span{padding-left: 5px;}
.__evtList .box .in:hover .img span {transform:scale(1.1);}

@media all and (max-width:1024px){
	.__evtList .area {margin:0 -5px;}
	.__evtList .box {width:50%;padding:0 5px;margin-bottom:25px;}
	.__evtList .box .info {margin-top:10px;}
	.__evtList .box .info .subject {font-size:13px;}
	.__evtList .box .info .term{font-size:12px;margin-top: 5px;}
}

.__boardView .head {padding:0 30px 35px;border-bottom:1px solid #ddd;}
.__boardView .head h3 {font-size:24px;font-weight:500;color:#010101;letter-spacing:-0.05em;line-height:1.3em;}
.__boardView .head p {font-size:12px;font-family:'Play','Noto Sans KR',sans-serif;color:#888;margin-top:13px;}
.__boardView .head p > * {font-weight:normal;display:inline-block;vertical-align:middle;}
.__boardView .head p > * ~ * {margin-left:6px;}
.__boardView .head .term{margin-top: 8px;}
.__boardView .con {max-width:1140px;margin:0 auto;padding:30px 30px 60px;font-size:14px;line-height:1.7em;letter-spacing:-0.05em;font-size:16px;word-break: break-all;}
.__boardView .file {background:#f7f7f7;padding:12px 20px;margin-bottom:40px;}
.__boardView .file li ~ li {margin-top:7px;}
.__boardView .file li a {display:inline-block;position:relative;padding-left:22px;font-size:14px;}
.__boardView .file li a:before {content:"\e001";font-family:axicon;color:#25d663 ;position:absolute;left:0;top:1px;}

.__boardPn {height:62px;position:relative;}
.__boardPn a {display:block;position:absolute;top:0;font-size:14px;color:#888;letter-spacing:-0.05em;}
.__boardPn a span {display:inline-block;vertical-align:middle;height:60px;line-height:60px;}
.__boardPn .prev {left:30px;}
.__boardPn .prev:before {content:"\f104";font-family:axicon;display:inline-block;margin-right:8px;font-size:18px;vertical-align:middle;}
.__boardPn .next {right:30px;}
.__boardPn .next:after {content:"\f105";font-family:axicon;display:inline-block;margin-left:8px;font-size:18px;vertical-align:middle;}

@media all and (max-width:1024px){
	.__boardView .head {padding:0 0 15px;}
	.__boardView .head h3 {font-size:18px;}
	.__boardView .head p {margin-top:7px;}
	.__boardView .con {padding:20px 0;font-size:12px;line-height:1.6em;}
	.__boardView .file {padding:10px;margin-bottom:20px;}
	.__boardView .file li a {padding-left:20px;font-size:12px;}
	.__boardView .file li a:before {top:2px;}

	.__boardPn {height:42px;}
	.__boardPn a {font-size:13px;}
	.__boardPn a span {height:40px;line-height:40px;}
	.__boardPn .prev {left:10px;}
	.__boardPn .prev:before {margin-right:5px;font-size:16px;}
	.__boardPn .next {right:10px;}
	.__boardPn .next:after {margin-left:5px;font-size:16px;}
}

.__boardComment{max-width:1080px;margin:0 auto;}
.__boardComment .comment_head{color:#101010;padding-bottom:15px;border-bottom:2px solid #ddd;}
.__boardComment .comment_head span{color:#25d663;font-weight:600;}
.comment_area{border-bottom:1px solid #ddd;}
.comment_area .comment_text{padding:20px;}
.comment_text strong{font-weight:500;color:#101010;margin-bottom:10px;display:block;}
.comment_text p{line-height:1.4em;margin-bottom:10px;}
.comment_text .info .date{display:inline-block;font-family: 'Play';color:#aaa;font-size:12px;margin-right:20px;width:100px;}
.comment_text .info a{color:#aaa;font-size:12px;display:inline-block;}
.comment_text .info .manage{display:inline-block;margin-left:20px;}
.comment_text .info .manage button{color: #aaa;font-size: 12px;background-color:#fff;border:none;}
.comment_text .info .manage em{color:#aaa;font-size:9px;margin:0 5px;font-weight: 100;display:inline-block;vertical-align: middle;margin-top: -3px;}
.reply_area{padding:0 40px;border-top:1px solid #ddd;}
.reply_area .reply_write{padding:20px 0;}
.comment_text .writebox{font-size:0;border:2px solid #ddd;border-radius: 5px;}
.comment_text textarea{height: 56px;padding: 18px;width:86%;font-size:14px;vertical-align:middle;border:none;resize: none;box-sizing:border-box;outline:none;border-radius: 10px;color:#666;line-height:20px;overflow:auto;}
.comment_text .reply_btn{display:inline-block;width:14%;vertical-align:middle;text-align:center;}
.comment_text .reply_btn button{height:24px;width:48px;font-size:12px;background:none;border-radius: 5px;}
.comment_text .reply_btn .cancel{border:1px solid #ddd;color:#888;margin-right:4px;}
.comment_text .reply_btn .submit{border:1px solid #25d663;color:#25d663;}
.reply_area .reply_text{position:relative;}
.reply_area .reply_text:before{content:"";display:inline-block;width:6px;height:6px;border-left:2px solid #bbb;border-bottom:2px solid #bbb;position:absolute;left:0;}
.comment_write{padding:30px 0 60px;font-size:0;}
.comment_write .writebox textarea{height: 60px;padding: 19px 20px;font-size:14px;vertical-align:middle;resize: none;box-sizing:border-box;outline:none;border:2px solid #ddd;border-radius: 5px 0 0 5px;border-right:none;;width:calc(100% - 90px);overflow:auto;color: #666;}
.comment_write .writebox button{display:inline-block;;font-size:16px;color:#fff;font-weight:600;background-color:#25d663;width:90px;line-height:60px;border-radius:0 5px 5px 0;vertical-align:middle;outline:none;border:none;}

@media all and (max-width:1024px){
	.__boardComment .comment_head{font-size:10px;padding-bottom: 10px;}
	.comment_area .comment_text{padding:15px;font-size:12px;}
	.comment_text .info .date{margin-right:5px;}
	.comment_text .info a{font-size:11px;}
	.comment_text .info .manage{margin-left:10px;}
	.comment_text .info .manage button{font-size:11px;}
	.reply_area{padding: 0 10px;}
	.comment_text .writebox{border:none;}
	.comment_text textarea{padding:10px;font-size:12px;width:100%;border: 1px solid #ddd;border-radius: 5px;line-height:16px;}
	.comment_text .reply_btn{width:100%;margin-top:10px;text-align:right;}
	.comment_write{padding:20px 0 40px}
	.comment_write .writebox textarea{border:1px solid #ddd;padding:12px 10px;font-size:12px;width:calc(100% - 60px);}
	.comment_write .writebox button{line-height:60px;font-size: 12px;width:60px;}
}

.__btn1 {display:inline-block;width:260px;height:55px;line-height:51px;border-radius:5px;border:2px solid #ddd;text-align:center;background:#fff;font-size:16px;color:#666;letter-spacing:-0.05em;}
.__btn1.green {background:#25d663;border-color:#25d663;color:#fff;font-weight:bold;}
.__btn1.black {background:#101010;border-color:#101010;color:#fff;font-weight:bold;}
.__btn1.small {font-size: 14px;width: auto;padding: 0 20px;height: 50px;line-height: 1;}
.__btn1 ~ .__btn1 {margin-left:10px;}
.__btn2 {display:inline-block;width:120px;height:50px;line-height:46px;border-radius:5px;height:50px;border:2px solid #25d663;font-size:14px;color:#25d663;font-weight:500;letter-spacing:-0.05em;background:#fff;}

.__share {display:inline-block;vertical-align:top;position:relative;}
.__share > button {display:inline-block;width:55px;height:55px;background-color:#fff;color:#666;border-radius:5px;border: 2px solid #ddd;font-size:22px;}
.__share.active > button{color:#fff;background:#25d663;border: 2px solid #25d663;}
.__share .flt {position:absolute;left:0;bottom:59px;z-index:100;background:#fff;border:1px solid #25d663;border-radius:5px;width:300px;padding:25px 30px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);text-align:left;display:none;}
.__share .flt .sns a {display:inline-block;vertical-align:top;}
.__share .flt .sns a ~ a {margin-left:28px;}
.__share .flt .sns a > * {display:block;text-align:center;}
.__share .flt .sns a strong {display:block;font-size:12px;letter-spacing:-0.05em;font-weight:normal;margin-top:8px;}
.__share .flt .copy {margin-top:19px;border:1px solid #ddd;position:relative;padding-right:63px;}
.__share .flt .copy input[type='text'] {display:block;background:#f7f7f7;height:25px;width:100%;border:none;padding-left:8px;font-size:12px;color:#666;font-family:'돋움','dotum',sans-serif;}
.__share .flt .copy button {position:absolute;right:0;top:0;width:63px;border:none;border-left:1px solid #ddd;background:#fff;font-size:12px;color:#000;height:100%;letter-spacing:-0.05em;font-family:'돋움','dotum',sans-serif;}
.__share.active .flt {display:block;}

@media all and (max-width:1024px){
	.__share > button {width:40px;height:40px;font-size:20px;}
	.__share .flt {bottom:45px;width:260px;padding:15px;left:-220px;}
	.__share .flt.cen{left: -110px;}
	.__share .flt .sns a ~ a {margin-left:20px;}
	.__share .flt .sns a img {width:30px;}
	.__share .flt .sns a strong {margin-top:5px;}
	.__share .flt .copy {margin-top:10px;}

	.__btn1 ~ .__share {margin-left:5px;}
	.__btn2 {width:70px;height:40px;line-height:38px;border:1px solid #25d663;font-size:13px;}
	.__btn1.tab2{float:left;width:calc(50% - 2.5px);}
	.__btn1.tab3{float:left;width:calc(33.33% - 3.4px);}
	.share .__btn1{float:left;width:calc(100% - 52px);}

	.__share > button{border: 1px solid #ddd;float:left;}
}

@media (hover: hover) {
	.__share > button:hover{color:#fff;background:#25d663;border: 2px solid #25d663;}
}

.__topArea {position:relative;margin-bottom:40px;}
.__topArea .__write {position:absolute;right:0;bottom:0;}

.__search {text-align:center;font-size:0;}
.__search select {border:1px solid #ddd;width:120px;appearance:none;height:50px;background:#fff url(../../images/web/foot-arr.png) no-repeat 100% 50%;border-radius:5px;padding-left:17px;font-size:14px;display:inline-block;vertical-align:top;color:#666;margin-right:10px;}
.__search select::-ms-expand {display:none;}
.__search input[type='text'] {display:inline-block;vertical-align:top;width:340px;border:1px solid #ddd;border-right:none;border-radius:5px 0 0 5px;padding-left:17px;font-size:14px;height:50px;letter-spacing:-0.05em;}
.__search button {width:50px;height:50px;border-radius:0 5px 5px 0;font-size:20px;color:#fff;background:#25d663;border:none;letter-spacing:-0.05em;}

.__date{text-align:center;font-size:0;}
.__date:after{content:"";display:block;clear:both;}
.__date input{display: inline-block;vertical-align: top;width: 165px;border: 1px solid #ddd;border-radius: 5px;padding-left: 45px;font-size: 14px;height: 50px;letter-spacing: -0.05em;font-family:'Play';color:#666;vertical-align: middle;}
.__date select{display: inline-block;border: 1px solid #ddd;border-radius: 5px;padding-left: 15px;font-size: 14px;height: 50px;letter-spacing: -0.05em;font-family:'Play';color:#666;vertical-align: middle;appearance: none;background: #fff url(../../images/web/foot-arr.png) no-repeat 100% 50%;}
.__date select::-ms-expand {display:none}
.__date .year{width: 90px;margin-right: 10px;}
.__date .month{width: 70px;}
.__date .start{background:url(../../images/web/calendar-on.png) no-repeat;background-position:15px center;}
.__date .end{background:url(../../images/web/calendar.png) no-repeat;background-position:15px center;}
.__date .tilde{font-size:14px;text-align:center;display:inline-block;;width:30px;line-height:50px;vertical-align: middle;}
.__date button{width: 50px;height: 50px;border-radius: 5px;font-size: 20px;color: #fff;background: #25d663;border: none;letter-spacing: -0.05em;margin-left:10px;vertical-align: middle;}
.__date .excel{background-color:#fff;width:120px;border:2px solid #227446;position: absolute;right: 0;bottom: 0;font-size:14px;font-weight:500;color:#227446;}
.__date .excel:before{content:"";display:inline-block;width:16px;height:16px;background:url(../../images/web/excel.jpg) no-repeat;vertical-align: sub;margin-right:5px;}

@media all and (max-width:1024px){
	.__date input{height: 40px;font-size: 13px;width:calc(50% - 32px);padding-left: 35px;}
	.__date select{height: 40px;font-size: 13px;padding-left:10px;background-position: 100% 50%;}
	.__date .year{width: calc(28% - 7.5px);margin-right: 5px;}
	.__date .month{width: calc(22% - 7.5px);}
	.__date .tilde{line-height:40px;font-size:12px;width: 20px;}
	.__date button{width: 40px;height: 40px;margin-left: 4px;font-size:18px;}
	.__date select ~ button{margin-top: 15px;float: right;}
	.__date .start{background-position: 10px center;}
	.__date .end{background-position: 10px center;}
	.__date .excel{width: 100px;margin-top: 15px;position: relative;display: block;float:right;}
}

.__btn1 ~ .__share {margin-left:12px;}
.__write {display:inline-block;width:50px;height:50px;border-radius:5px;background:#25d663 url(../../images/web/ico-write.png) no-repeat 50% 50%;background-size:20px 20px;text-indent:-9999px;}

.__inp {display:inline-block;border-radius:5px;height:50px;border:1px solid #ddd;width:100%;max-width:100%;padding-left:17px;font-size:14px;letter-spacing:-0.05em;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
select.__inp {appearance:none;background:#fff url(../../images/web/foot-arr.png) no-repeat 100% 50%;}
select.__inp::-ms-expand {display:none;}
textarea.__inp {height:300px;padding:15px 17px;line-height:1.5em;}

.__lab {display:inline-block;position:relative;}
.__lab input {position:absolute;left:-9999px;top:0;}
.__lab i {display:inline-block;vertical-align:middle;width:18px;height:18px;border-radius:50%;border:1px solid #bbb;margin-right:5px;transition:0.3s;position:relative;}
.__lab i:before {content:"";display:block;width:8px;height:8px;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;border-radius:50%;background:#25d663;transition:0.3s;opacity:0;}
.__lab span {display:inline-block;vertical-align:middle;}
.__lab input:checked ~ i {border-color:#25d663;}
.__lab input:checked ~ i:before {opacity:1;}
.__lab input[disabled]:checked ~ i {border-color:#bbb;}
.__lab input[disabled]:checked ~ i:before {opacity:1;background:#bbb;}
.__lab.chk i {border-radius:3px;}
.__lab.chk i:before {content:"\e116";border:none;color:#25d663;width:18px;height:18px;line-height:18px;text-align:center;font-family:axicon;font-size:14px;background:none;left:-2px;top:0;margin:0;}


@media all and (max-width:1024px){
	.__topArea {margin-bottom:15px;}
	.__topArea .__write {width:40px;height:40px;margin-top:15px;position:relative;display:block;float:right;}

	.__search {width:100%;}
	.__search:after{content:"";display:block;clear:both;}
	.__search select {width:100%;height:40px;font-size:13px;padding-left:10px;background-image:url(../../images/web/foot-arr-m.png);background-size:27px auto;margin:0 0 10px;}
	.__search input[type='text'] {width:calc(100% - 40px);padding-left:10px;height:40px;font-size:13px;}
	.__search button {width:40px;height:40px;font-size:18px;}

	.__btn1 {width:100%;height:40px;line-height:38px;border-width:1px;font-size:14px;}
	.__btn1.small{position: static;float: left;width: calc(50% - 2.5px);padding: 0;height: 40px;}
	.__btn1 ~ .__btn1 {margin-left:5px;}

	.__inp {height:40px;padding: 0 10px;font-size:13px;}
	textarea.__inp {height:150px;padding:10px;}
	select.__inp {background-image:url(../../images/web/foot-arr-m.png);background-size:27px auto;padding: 0 20px 0 10px;background-size: 20px auto;}

	.__lab i {width:14px;height:14px;}
	.__lab i:before {width:6px;height:6px;margin:-3px 0 0 -3px;}
	.__lab.chk i:before {width:14px;height:14px;top:-2px;font-size: 12px;}

}

.__tblWrite {border-top:1px solid #ddd;width:100%;table-layout:fixed;}
.__tblWrite tr th {text-align:left;background:#f7f7f7;font-size:14px;line-height:1.4em;letter-spacing:-0.05em;height:70px;width:200px;font-weight:500;border-right:1px solid #ddd;}
.__tblWrite .req {font-weight:500;color:#25d663;vertical-align: middle;}
.__tblWrite tr > * {border-bottom:1px solid #ddd;padding:10px 30px;letter-spacing:-0.05em;}
.__tblWrite label {margin-right:25px;}
.__tblWrite label:last-child {margin-right:0;}

@media all and (max-width:1024px){
	.__tblWrite tr th {font-size:13px;height:51px;width:70px;line-height:1.3em;}
	.__tblWrite tr > * {padding:5px 10px;font-size:12px;}
	.__tblWrite label {margin-right:15px;}
}

.map_tbl{margin-top:40px;}
.map_tbl:after{content:"";display:block;clear:both;}
.map_tbl li{float:left;width:50%;font-size:14px;display:table;}
.map_tbl li:last-child{width:100%;}
.map_tbl li strong{width:140px;font-weight:500;background-color:#f7f7f7;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;padding-left: 20px;height: 60px;display: table-cell;vertical-align:middle;}
.map_tbl li:nth-child(1) strong,
.map_tbl li:nth-child(2) strong,
.map_tbl li:nth-child(1) p,
.map_tbl li:nth-child(2) p{border-top:1px solid #ddd;}
.map_tbl li p{border-bottom:1px solid #ddd;height:60px;display: table-cell;vertical-align:middle;padding:10px;padding-left:20px;line-height:18px;}

@media all and (max-width:1024px){
	.map_tbl{margin-top:20px;}
	.map_tbl li{width:100%;}
	.map_tbl li strong{font-size:11px;height:40px;padding:5px;padding-left:10px;width:80px;}
	.map_tbl li p{font-size:11px;height:40px;padding:5px;padding-left:10px;}
	.map_tbl li:nth-child(2) strong,
	.map_tbl li:nth-child(2) p{border-top:none;}
}

.install_step{margin-bottom:60px;padding-top:20px;}
.install_step ul:after{content:"";display:block;clear:both;}
.install_step ul li{float:left;width:20%;text-align:center;padding:0 2%;position:relative;}
.install_step ul li:after{content:"";display:inline-block;background:url(../../images/web/arrow-step.png) no-repeat;width:10px;height:16px;position:absolute;right:-5px;top:50%;margin-top:-8px;}
.install_step ul li:last-child:after{content:none;}
.install_step ul li span{display:inline-block;background-color:#25d663;color:#fff;font-family:'Play';width:90px;line-height:30px;border-radius:30px;font-weight:600;}
.install_step ul li .install_ico{margin:20px 0;}
.install_step ul li p{font-size:16px;line-height:1.2em;}

@media all and (max-width:1024px){
	.install_step{margin-bottom:30px;padding-top:0;}
	.install_step ul li span{width:100%;font-size:10px;line-height:20px;}
	.install_step ul li .install_ico{margin:10px 0;}
	.install_step ul li p{font-size:11px;}
	.install_step ul li:after{content:none;}
}

.invite{background:url(../../images/web/my-friend.jpg) no-repeat;background-position:center;background-size:cover;padding:120px 120px 155px;border-radius: 5px;overflow: hidden;}
.invite h4{color:#fff;font-weight:500;font-size:36px;margin-bottom:35px;}
.invite p{color:#fff;font-size:16px;line-height:28px;}

@media all and (max-width:1024px){
	.invite{padding: 30px;margin-bottom: 30px;}
	.invite h4{font-size: 22px;margin-bottom: 20px;}
	.invite p{font-size: 12px;line-height: 20px;}
}

.setting{max-width:640px;margin:0 auto;}
.__tblSet{width:100%;text-align:left;border-radius: 5px;border-collapse: inherit;}
.__tblSet thead th{background-color:#f7f7f7;border:1px solid #ddd;font-weight:500;padding:20px 25px;border-radius:5px 5px 0 0;}
.__tblSet tbody td{border:1px solid #ddd;border-top:none;padding:35px 25px;position:relative;}
.__tblSet tbody tr:last-child td{border-radius:0 0 5px 5px;}
.__tblSet tbody td strong{display:block;color:#101010;font-size:20px;font-weight:500;}
.__tblSet tbody td p{margin-top:15px;}
.__tblSet tbody td .app_info{font-size:16px;}
.__tblSet tbody td .app_ver{color:#25d663;font-size:16px;font-family:'Play';float: right;}
.set_btn{position:absolute;right:25px;top:50%;transform: translate(0%,-50%);}
.set_btn button{width:51px;height:32px;background-color:#ddd;border-radius:30px;border:none;transition:0.3s;position:relative;}
.set_btn button .handle{display:inline-block;width:28px;height:28px;background-color:#fff;border-radius:50%;position:absolute;left:2px;top:50%;transform: translate(0%,-50%);box-shadow: 3px 0px 3px rgba(0,0,0,0.1);transition:0.3s;}
.set_btn button.active{background-color:#25d663;}
.set_btn button.active .handle{right:2px;left:auto;box-shadow: -3px 0px 3px rgba(0,0,0,0.1);}

@media all and (max-width:1024px){
	.__tblSet thead th{padding: 10px 15px;}
	.__tblSet tbody td{padding: 20px 15px;padding-right:55px;}
	.__tblSet tbody td.app{padding-right:15px;}
	.__tblSet tbody td strong{font-size:16px;}
	.__tblSet tbody td p{font-size:12px;margin-top: 10px;line-height:16px}
	.__tblSet tbody td .app_info{font-size:14px;}
	.__tblSet tbody td .app_ver{font-size:14px;}
	.set_btn{right:15px;}
	.set_btn button{width: 40px;height: 24px;}
	.set_btn button .handle{width: 20px;height: 20px;}
}

.charge{font-size:0;}
.charge:after{content:"";display:block;clear:both;}
.charge .left-box{width:50%;display:inline-block;text-align:center;vertical-align:middle;}
.charge .left-box .progress{background:url(../../images/web/charge8-bg.png) no-repeat;height:330px;background-position:center;max-width:320px;margin:0 auto;position:relative;}
.charge .left-box .progress span{font-size:16px;position:absolute;left:50%;transform: translate(-50%,0%);top:34%;}
.charge .left-box .progress strong{color:#25d663;font-size:64px;font-weight:600;font-family:'Play';position:absolute;left:53%;transform: translate(-50%,0%);top:41%;}
.charge .left-box .progress strong em{font-size:32px;font-weight:400;}
.charge .right-box{width:50%;display:inline-block;vertical-align:middle;}
.charge .right-box > p{font-size:20px;color:#101010;font-weight:500;}
.charge .right-box .__tblWrite td{font-size:14px;}
.charge .right-box .__tblWrite td.num{font-family:'Play';}

@media all and (max-width:1024px){
	.charge .left-box{width:100%;padding:0 20px;}
	.charge .left-box .progress{background-size:contain;height: 270px;}
	.charge .right-box{width:100%;margin-top:30px;}
	.charge .right-box .__tblWrite td{font-size:13px;}
	.charge .right-box > p{font-size:16px;}
}

.__pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;background:rgba(0,0,0,0.6);padding:15px;font-size:0;white-space:nowrap;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;text-align:center;display:none;}
.__pop::-webkit-scrollbar {display:none;}
.__pop:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__pop > .inner {display:inline-block;vertical-align:middle;width:480px;max-width:100%;white-space:normal;}
.__pop > .inner.step{width: 1200px;}
.__pop > .inner.map{width:1200px;}
.__pop .tit {background:#f7f7f7;position:relative;border-bottom:1px solid #ddd;padding:20px 15px;}
.__pop .tit h3 {text-align:center;font-size:18px;font-weight:bold;color:#222;letter-spacing:-0.05em;}
.__pop .tit .close {width:18px;height:18px;background:url(../../images/web/pop-close.png) no-repeat 50% 50%;background-size:contain;position:absolute;right:20px;top:50%;margin-top:-9px;text-indent:-9999px;border:none;}
.__pop .wrap {padding:40px 30px;background:#fff;text-align:left;}
.__pop .step .wrap{padding: 60px 40px;overflow: auto;height: 700px;}
.__pop .passTxt {padding:25px 0 45px;text-align:center;font-size:14px;color:#666;letter-spacing:-0.05em;line-height:1.4em;}
.__pop .passTxt strong {color:#101010;}
.__pop .lostTxt {padding:25px 0 15px;text-align:center;font-size:14px;color:#666;letter-spacing:-0.05em;line-height:1.6em;}
.__pop .lostTxt strong {color:#101010;}
.__pop .pop_step > li ~ li{margin-top: 60px;}
.__pop .pop_tit{color:#101010;font-size: 24px;font-weight: 500;line-height: 1.2em;}
.__pop .pop_list{margin-top: 30px;}
.__pop .pop_list li ~ li{margin-top: 10px;}
.__pop .pop_list li{font-size: 16px;color: #666;}
.__pop .pop_img{margin-top: 30px;display: flex;}
.__pop .pop_img li{padding-right: 50px;position: relative;text-align: center;}
.__pop .pop_img li:last-child{padding-right: 0;}
.__pop .pop_img li:after{content: "";display: inline-block;position: absolute;width: 10px;height: 16px;background: url(../../images/web/arrow-step.png) no-repeat;background-size: contain;top: 50%;right: 20px;margin-top: -8px;}
.__pop .pop_img li:last-child:after{content: none;}
.__pop .__tblWrite tr > * {padding:10px;}
.__pop .__tblWrite tr th {width:120px;padding-left:17px;height:61px;}
.__pop .__tblWrite tr td {font-size:14px;padding:10px 20px;}
.__pop .__tblWrite .__inp {height:40px;}
.__pop .__botArea .cen {text-align:center;font-size:0;white-space:nowrap;}
.__pop .__botArea .cen > * {width:calc(50% - 5px);}
.__pop .__botArea .cen > * ~ * {margin-left:10px;}
.__pop .pop_map{height:470px;}
.__pop .pop_map #sch .comm{position:absolute;right:20px;}
.__tblWrite .map_col{width:12.5%}

@media all and (max-width:1024px){
	.__pop .pop_map{height:200px}
	.__pop .tit {padding:15px;}
	.__pop .tit .close {right:15px;}
	.__pop .wrap{padding:30px 20px;}
	.__pop .step .wrap{padding:30px 20px;height: 400px;}
	.__pop .passTxt {padding:0 0 15px;}
	.__pop .lostTxt {padding:0 0 15px;line-height:1.5em;}
	.__pop .pop_step > li ~ li{margin-top: 30px;}
	.__pop .pop_tit{font-size: 16px;}
	.__pop .pop_list{margin-top: 20px;}
	.__pop .pop_list li{font-size: 14px;}
	.__pop .pop_img{margin-top: 20px;display: block;}
	.__pop .pop_img li{padding-right: 0;margin-bottom: 15px;}
	.__pop .pop_img li:last-child{margin-bottom: 0;}
	.__pop .pop_img li:after{content: none;}
	.__pop .__tblWrite tr th {width:80px;padding:5px;font-size:11px;height:40px;}
	.__pop .__tblWrite tr td{padding:5px;font-size:11px;}
	.__pop .pop_map #sch .comm{right:10px;top:10px;}

	.__tblWrite .map_col{width:18%}
}

.__faq {border-top:1px solid #ddd;}
.__faq .box {border-bottom:1px solid #ddd;}
.__faq .box > * {position:relative;}
.__faq .box > *:before {display:block;width:30px;height:30px;border-radius:50%;position:absolute;left:40px;font-family:'Play',sans-serif;font-size:14px;font-weight:bold;text-align:center;line-height:28px;}
.__faq .box > dt:before {content:"Q";top:10px;background:#fff;border:1px solid #ddd;}
.__faq .box > dt:after {content:"\f107";font-family:axicon;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1em;color:#888;font-size:18px;}
.__faq .box > dd:before {content:"A";top:20px;background:#25d663;border:1px solid #25d663;color:#fff;}
.__faq .box > dt {padding:15px 50px 15px 90px;cursor:pointer;}
.__faq .box > dt button {display:block;background:none;border:none;font-size:14px;line-height:1.6em;width:100%;text-align:left;color:#666;letter-spacing:-0.05em;}
.__faq .box > dd {background:#f7f7f7;padding:25px 15px 25px 90px;letter-spacing:-0.05em;line-height:1.6em;border-top:1px solid #ddd;display:none;}
.__faq .box.active > dt:after {content:"\f106";}
.__faq .box.active > dd {display:block;}

@media all and (max-width:1024px){
	.__faq .box > *:before {left:10px;}
	.__faq .box > dt:before {top:7px;}
	.__faq .box > dt:after {right:10px;}
	.__faq .box > dd:before {top:10px;background:#25d663;border:1px solid #25d663;color:#fff;}
	.__faq .box > dt {padding:12px 30px 12px 50px;}
	.__faq .box > dt button {font-size:14px;line-height:1.6em;}
	.__faq .box > dd {padding:15px 10px 15px 50px;}
}

.__csInfo h3 {text-align:center;font-size:52px;line-height:1.2em;letter-spacing:-0.05em;color:#666;font-weight:300;}
.__csInfo h3 strong {color:#25d663;font-weight:bold;}
.__csInfo .area {margin-top:85px;display:table;width:100%;table-layout:fixed;}
.__csInfo .area .box {display:table-cell;vertical-align:top;text-align:center;}
.__csInfo .area .box:first-child {border-right:1px solid #ddd;padding-right:70px;}
.__csInfo .area .box:nth-child(2) {padding-left:70px;}
.__csInfo .area .box dl dt {margin-top:35px;font-size:20px;color:#101010;letter-spacing:-0.05em;font-weight:500;}
.__csInfo .area .box dl dd {font-size:36px;font-weight:900;color:#101010;margin-top:22px;}
.__csInfo .area .box p {font-size:14px;line-height:1.57em;margin-top:20px;}
.__csInfo .bot {margin-top:100px;text-align:center;}

@media all and (max-width:1024px){
	.__csInfo h3 {font-size:24px;}
	.__csInfo .area {margin-top:50px;}
	.__csInfo .area .box:first-child {padding-right:0;border-right:none;width:100%;display:block;border-bottom:1px solid #ddd;padding-bottom:30px;}
	.__csInfo .area .box:nth-child(2) {padding-left:0;width:100%;display:block;padding-top:30px;}
	.__csInfo .area .box img {width:40px;}
	.__csInfo .area .box dl dt {margin-top:20px;font-size:14px;}
	.__csInfo .area .box dl dd {font-size:20px;margin-top:5px;}
	.__csInfo .area .box p {font-size:12px;line-height:1.5em;margin-top:10px;}
	.__csInfo .bot {margin-top:50px;text-align:center;}
}


.__login {max-width:520px;margin:0 auto;}
.__login .__btn1 {width:100%;margin-top:25px;font-weight:bold;}
.__login .inp li ~ li {margin-top:15px;}
.__login .inp .phone {position:relative;padding-right:130px;}
.__login .inp .phone .__btn2 {position:absolute;right:0;top:0;}
.__login .inp input {display:block;width:100%;border-radius:3px;height:50px;padding-left:17px;border:1px solid #ddd;font-size:14px;}
.__login .lab {font-size:14px;margin-top:15px;}
.__login .lab label ~  label {margin-left:25px;}
.__login .link {margin-top:30px;display:table;width:100%;table-layout:fixed;}
.__login .link a {display:table-cell;vertical-align:middle;height:50px;text-align:center;}
.__login .link a ~ a {border-left:1px solid #ddd;font-size:14px;letter-spacing:-0.05em;}
.__login .sns {margin-top:35px;text-align:center;}
.__login .sns h4 {text-align:center;font-size:14px;letter-spacing:-0.05em;font-weight:normal;color:#888;}
.__login .sns ul {margin-top:35px;}
.__login .sns ul li ~ li {margin-top:15px;}
.__login .sns ul li a {display:block;height:55px;line-height:53px;border-radius:5px;background:#ffdf01 url(../../images/web/login-kakao.png) no-repeat 30px 50%;border:1px solid #ffdf01;background-size:20px 20px;font-size:16px;font-weight:bold;color:#412e34;letter-spacing:-0.05em;}
.__login .sns ul .naver a {background-color:#36ac37;border-color:#36ac37;background-image:url(../../images/web/login-naver.png);color:#fff;}
.__login .sns ul .apple a {background-color:#050708;border-color:#050708;background-image:url(../../images/web/apple_logo.png);color:#fff;}
.__login .sns ul .google a {background-color:#fff;border-color:#ccc;background-image:url(../../images/web/login-google.png);color:#101010;}
.__login .ico {text-align:center;margin-bottom:35px;}
.__login .forever {margin-bottom:50px;}
.__login .forever h4 {text-align:center;font-size:14px;letter-spacing:-0.05em;font-weight:normal;color:#888;}
.__login .forever ul {margin-top:35px;}
.__login .forever ul li a {display:block;height:55px;border-radius:5px;background:#101010;border:1px solid #101010;font-size:16px;font-weight:bold;color:#fff;letter-spacing:-0.05em;text-align:center;}
.__login .forever ul li a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__login .forever ul li a img {display:inline-block;vertical-align:middle;width:62px;margin-right:7px;}
.__login .forever ul li a span {display:inline-block;vertical-align:middle;}

.__login.find .txt {font-size:14px;line-height:1.57em;letter-spacing:-0.05em;margin-bottom:40px;text-align:center;}
.__login.find .txt strong {color:#010101;}
.__login.find .alert {margin-top:10px;font-size:14px;color:#888;letter-spacing:-0.05em;}
.__login.find .__btn1 {margin-top:35px;}

.__form {display:table;width:100%;table-layout:fixed;}
.__form > li {display:table-cell;}
.__form > .dash {width:15px;text-align:center;}
.__form > .space {width:10px;}
.__form > .btn {width:120px;}
.__form > .sigh{width:33px;text-align:center;}
.__form > .sel{width:35%;}

.__captcha {position:relative;}
.__captcha:after {content:'';display:block;clear:both;}
.__captcha .cont {border:1px solid #ddd;border-radius:5px;width:calc(57% - 15px);float:left;height:50px;padding-right:100px;position:relative;}
.__captcha .cont button {border:none;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;height:20px;background-color:transparent;background-size:contain;top:50%;margin-top:-10px;position:absolute;}
.__captcha .cont .capsound {right:60px;width:20px;background-image:url(../../images/web/ico-cap1.png);}
.__captcha .cont .capreset {right:25px;width:16px;background-image:url(../../images/web/ico-cap2.png);}
.__captcha .capinp {float:right;width:43% !important;}

@media all and (max-width:1024px){
	.__login .inp li ~ li {margin-top:10px;}
	.__login .inp input {height:40px;padding-left:10px;}
	.__login .lab {font-size:13px;}
	.__login .lab label ~  label {margin-left:15px;}
	.__login .link {margin-top:20px;}
	.__login .link a {height:30px;}
	.__login .link a ~ a {font-size:13px;}
	.__login .sns {margin-top:30px;}
	.__login .sns ul {margin-top:25px;}
	.__login .sns ul li ~ li {margin-top:10px;}
	.__login .sns ul li a {height:40px;line-height:38px;font-size:14px;}
	.__login .inp .phone {padding-right:90px;}

	.__login .ico {margin-bottom:20px;}
	.__login .ico img {width:40px;}
	.__login .forever {margin-bottom:30px;}
	.__login .forever ul {margin-top:25px;}
	.__login .forever ul li a {height:40px;font-size:14px;}

	.__login.find .txt {font-size:13px;line-height:1.5em;margin-bottom:20px;}
	.__login.find .alert {font-size:13px;}
	.__login.find .__btn1 {margin-top:25px;}

	.__captcha .cont {width:calc(65% - 10px);height:40px;padding-right:70px;text-align:center;}
	.__captcha .cont .capimg img {max-height:38px;}
	.__captcha .cont .capsound {right:40px;width:20px;}
	.__captcha .cont .capreset {right:10px;width:16px;}
	.__captcha .capinp {width:35% !important;}
	
	.__form > .space {width:5px;}
	.__form > .btn {width:70px;}
	.__form > .sigh{width:20px;}
	.__form.card {display:block;font-size:0;}
	.__form.card > li {display:inline-block;vertical-align:middle;width:calc(25% - 3px);}
	.__form.card .dash {width:4px;}
	.__form.card .space {display:none;}
	.__form.card .btn {width:100%;}
	.__form.card .btn .__btn2 {width:100%;margin-top:5px;}
}

.__joinChoice {display:table;width:100%;table-layout:fixed;}
.__joinChoice .box {display:table-cell;vertical-align:top;padding:35px 0;text-align:center;}
.__joinChoice .box:first-child {padding-right:60px;}
.__joinChoice .box:last-child {border-left:1px solid #ddd;padding-left:60px;}
.__joinChoice .box dl {margin-top:35px;}
.__joinChoice .box dl dt {font-size:28px;font-weight:500;color:#010101;letter-spacing:-0.05em;}
.__joinChoice .box dl dd {font-size:14px;line-height:1.57em;margin-top:25px;letter-spacing:-0.05em;}
.__joinChoice .box .btn {margin-top:35px;}
.__joinChoice .box .btn .__btn1:hover {border-color:#25d663;background:#25d663;color:#fff;font-weight:bold;}
.__joinChoice .box .group {margin-top:25px;}
.__joinChoice .box .group a {color:#25d663;font-size:14px;}
.__joinChoice .box .group a:after {content:"\f105";font-family:axicon;display:inline-block;margin-left:7px;font-size:16px;position:relative;vertical-align:middle;top:-1px;}

@media all and (max-width:1024px){
	.__joinChoice .box {padding: 0;display:block;}
	.__joinChoice .box:first-child {padding-right: 0;padding-bottom:20px;}
	.__joinChoice .box:last-child {padding-left: 0;border-left:none;padding-top:20px;border-top:1px solid #ddd;}
	.__joinChoice .box .ico img {width:40px;}
	.__joinChoice .box dl {margin-top:25px;}
	.__joinChoice .box dl dt {font-size:20px;}
	.__joinChoice .box dl dd {font-size:12px;line-height:1.5em;margin-top:15px;}
	.__joinChoice .box .btn {margin-top:25px;}
	.__joinChoice .box .group {margin-top:15px;}
	.__joinChoice .box .group a {font-size:13px;}
}

.__tit1 {margin-bottom:25px;}
.__tit1 h3 {font-size:24px;font-weight:500;color:#010101;letter-spacing:-0.05em;}
.__tit1 .sub_tit {display: inline-block;font-size: 14px;font-weight: 400;margin-left: 10px;color:#666;}
.__tit1 .required {font-size:14px;color:#666;letter-spacing:-0.05em;font-weight:normal;}

.__agreeBox {border:1px solid #e1e1e1;}
.__agreeBox .lab {background:#f7f7f7;font-size:16px;color:#101010;padding:15px 30px;}
.__agreeBox .lab .__lab.chk i {background:#fff;margin-right:7px;position:relative;top:1px;}
.__agreeBox .area {border-top:1px solid #e1e1e1;height:185px;overflow:auto;padding:25px 30px;font-size:14px;color:#888;line-height:1.6em;}

.__agreeAll {font-size:16px;color:#101010;}
.__agreeAll i {margin-right:7px;position:relative;top:1px;}

@media all and (max-width:1024px){
	.__tit1 {margin-bottom:15px;}
	.__tit1 h3 {font-size:18px;}
	.__tit1 .sub_tit{font-size: 12px;margin-left: 0;}

	.__agreeBox .lab {font-size:14px;padding:10px;}
	.__agreeBox .area {height:150px;padding:10px;font-size:13px;line-height:1.5em;}

	.__agreeAll {font-size:14px;}
}

.__result {text-align:center;}
.__result dl {margin-top:35px;}
.__result dl dt {font-size:28px;color:#101010;font-weight:500;letter-spacing:-0.05em;}
.__result dl dd p {font-size:14px;line-height:1.6em;margin-top:20px;letter-spacing:-0.05em;}
.__result dl dd p ~ p {margin-top:15px;}

@media all and (max-width:1024px){
	.__result img {width:40px;}
	.__result dl {margin-top:20px;}
	.__result dl dt {font-size:20px;}
	.__result dl dd p {font-size:12px;line-height:1.5em;margin-top:15px;}
	.__result dl dd p ~ p {margin-top:10px;}
}

.__memLeave {border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:70px 0;}
.__memLeave dl dt {font-size:28px;font-weight:500;color:#101010;letter-spacing:-0.05em;}
.__memLeave dl dd {font-size:14px;line-height:1.6em;letter-spacing:-0.05em;margin-top:20px;}

@media all and (max-width:1024px){
	.__memLeave {padding:35px 0;}
	.__memLeave dl dt {font-size:18px;}
	.__memLeave dl dd {font-size:12px;line-height:1.5em;margin-top:15px;}
}

.login_page{height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-color:#f1f1f1;}
.group_adm{background-image:url(../../images/web/group-login.jpg);}
.partner_page{background-image:url(../../images/web/partner-login.jpg);}
.member{background-image:url(../../images/web/member-login.jpg)}
.consultant{background-image:url(../../images/web/consultant-login.jpg)}
.login_page{padding: 40px 15px;display:table;width:100%;background-size: auto 55%;}
.login_page .login_wrap{display:table-cell;vertical-align:middle;}
.login_page .inner{max-width:660px;margin:0 auto;text-align:center;position:relative;}
.login_wrap h1{margin-bottom:40px;color:#fff;font-size:42px;}
.login-area{background-color:#fff;padding:60px 20px 80px;}
.login-area .login-form{max-width:420px;margin:0 auto;}
.login-area .login-guide{margin-bottom:30px}
.login-area .login-guide strong{color:#101010;font-size:16px;display:block;margin-bottom:15px;}
.login-area .inp input{display: block;width: 100%;border-radius: 3px;height: 50px;padding-left: 17px;border: 1px solid #ddd;font-size: 14px;}
.login-area .inp li ~ li {margin-top: 15px;}
.login-area .__btn1{width:100%;margin-top:30px;}
.login_wrap .copy{margin-top:30px;font-size:12px;color:#aaa;padding-bottom: 90px;}

@media all and (max-width:1024px){
	.login_page{background-size: auto 60%;}
	.login_wrap h1{margin-bottom:20px;font-size:26px;}
	.login_wrap h1 img{height:40px;}
	.login-area{padding:30px 20px 40px;}
	.login-area .login-guide{margin-bottom:20px;}
	.login-area .login-guide strong{margin-bottom:10px;font-size:14px;}
	.login-area .login-guide p{font-size:12px;}
	.login-area .inp input{height:40px;padding-left: 10px;}
	.login-area .inp li ~ li {margin-top: 10px;}
	.login-area .__btn1{margin-top:25px;}
	.login_wrap .copy{margin-top:20px;padding-bottom:0;}
}
@media all and (min-width:1024px){
	.scroll_bar::-webkit-scrollbar{width:6px;}
	.scroll_bar::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:10px;}
	.scroll_bar::-webkit-scrollbar-track{background-color:#f7f7f7;}
}

.layer_pop {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 500;}
.layer_pop .inner {max-width: 1320px;width: 100%;height: 85%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);}
.layer_pop h2.tit {height: 60px;line-height: 60px;border-bottom: 1px solid #e1e1e1;font-size: 18px;color: #222;font-weight: 400;text-align: center;font-weight:600;}
.layer_pop .layer_close {display: block;width: 18px;height: 18px;font-size: 0;text-indent: -9999px;background: url(../../images/web/layer-close.png) 0 0 / cover no-repeat;position: absolute;right: 30px;top: 20px;border:none;}
.layer_pop .container {max-width: 1320px;height: calc(100% - 61px);margin: 0 auto;box-sizing: border-box;}
.layer_pop .contents {height: 100%;padding: 40px 120px 50px;overflow-y: auto;box-sizing: border-box;}
.layer_pop .agree_box.fst {border: none;padding-top: 0;margin-top: 0;}
.layer_pop .agree_box {border-top: 1px solid #e1e1e1;padding-top: 30px;margin-top: 30px;}
.layer_pop .agree_txt {font-size: 14px;color: #666;font-weight: 300;line-height: 1.4em;}
.layer_pop .agree_tit {display: block;font-size: 16px;color: #222;font-weight: 500;line-height:1.4em;}

@media (max-width: 1024px){
    .layer_pop .inner {width: 96%;}
    .layer_pop .inner {width: 100%;height: 100%;left: 0;top: 0;transform: translate3d(0,0,0);}
    .layer_pop .contents {padding: 40px;}
}

@media (max-width: 768px){
    .layer_pop h2.tit {height: 50px;line-height: 50px;font-size: 16px;}
    .layer_pop .layer_close {right: 15px;top: 15px;}
    .layer_pop .contents {padding: 20px;}
    .layer_pop .agree_txt {font-size: 11px;}
    .layer_pop .agree_tit {font-size: 14px;}
}