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

#wrap {position:relative;}

#header {position:fixed;left:0;top:0;width:100%;padding:0 30px;z-index:300;overflow:hidden;transition:0.3s;height:95px;}
#header:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:90px;transition:0.3s;z-index:0;}
#header:before {content:"";display:block;position:absolute;left:0;top:89px;width:100%;height:1px;background:rgba(255,255,255,0.2);transition:0.3s;z-index:1;}
#header .inner {max-width:1770px;height:90px;margin:0 auto;position:relative;white-space:nowrap;text-align:center;font-size:0;z-index:10;}
#header .logo {position:absolute;left:0;top:10px;}
#header .logo a {display:block;text-indent:-9999px;width:220px;height:75px;background:url(../../images/service/logo_new.png) no-repeat 0 50%;background-size:contain;}
#header .mnu {position:absolute;right:0;width:40px;height:24px;background:url(../../images/service/head-menu-white.png) no-repeat 50% 50%;background-size:contain;top:33px;text-indent:-9999px;border:none;}

#header .gnb {display:inline-block;}
#header .gnb > li {display:inline-block;vertical-align:top;}
#header .gnb > li > a {display:block;height:90px;line-height:90px;color:#fff;font-size:18px;font-weight:500;padding:0 45px;letter-spacing:-0.05em;position:relative;transition:0.3s;}
#header .gnb > li > a:before {content:"";display:block;width:10px;height:10px;position:absolute;left:50%;bottom:-5px;margin-left:-5px;border-radius:50%;background:#f89828;transition:0.3s;opacity:0;transform:scale(0.7);}
#header .gnb > li:hover > a:before,
#header .gnb > li.active > a:before {transform:scale(1);opacity:1;}
#header .gnb > li > div {width:960px;left:50%;margin-left:-480px;top:90px;height:222px;padding-top:40px;display:none;position:absolute;text-align:left;}
#header .gnb > li > div:before {content:"";display:block;width:1px;height:182px;top:40px;position:absolute;left:50%;background:#e1e1e1;}
#header .gnb > li > div:after {content:"";display:block;width:112px;height:83px;background:url(../../images/service/gnb1.png) no-repeat;position:absolute;left:305px;top:58px;}
#header .gnb > li > div dl {width:50%;padding-top:35px;float:left;}
#header .gnb > li > div dl dt {font-size:32px;font-weight:bold;color:#f89828;letter-spacing:-0.075em;}
#header .gnb > li > div dl dd {font-size:16px;line-height:1.63em;color:#777;font-weight:300;letter-spacing:-0.05em;margin-top:22px;}
#header .gnb > li > div ul {width:50%;float:left;padding:15px 0 0 42px;position:relative;}
#header .gnb > li > div ul li {margin-bottom:25px;width:120px;}
#header .gnb > li > div ul li a {display:block;font-size:16px;color:#777;position:relative;letter-spacing:-0.05em;}
#header .gnb > li > div ul li a:before {content:"\f105";font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:20px;display:none;}
#header .gnb > li > div ul li:hover a,
#header .gnb > li > div ul li.active a {color:#f89828;}
#header .gnb > li > div ul li:hover a:before,
#header .gnb > li > div ul li.active a:before {display:block;}
#header .gnb > li > div ul li:nth-child(5),
#header .gnb > li > div ul li:nth-child(6),
#header .gnb > li > div ul li:nth-child(7),
#header .gnb > li > div ul li:nth-child(8) {position:absolute;left:230px;}
#header .gnb > li > div ul li:nth-child(5) {top:15px;}
#header .gnb > li > div ul li:nth-child(6) {top:56px;}
#header .gnb > li > div ul li:nth-child(7) {top:97px;}
#header .gnb > li > div ul li:nth-child(8) {top:138px;}
#header .gnb > li:hover > div {display:block;}
#header .gnb > li:nth-child(2) > div:after {background-image:url(../../images/service/gnb2.png);}
#header .gnb > li:nth-child(3) > div:after {background-image:url(../../images/service/gnb3.png);}
#header .gnb > li:nth-child(4) > div:after {background-image:url(../../images/service/gnb4.png);}

#header .tnb {position:absolute;right:75px;top:50%;margin-top:-7px;}
#header .tnb li {display:inline-block;position:relative;}
#header .tnb li ~ li {padding-left:10px;margin-left:11px;}
#header .tnb li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-5px;background:rgba(255,255,255,0.3);}
#header .tnb li a {display:block;font-size:14px;color:#fff;}


.headFix #header:before {background:rgba(0,0,0,0.2);}
.headFix #header:after {background:#fff;}
.headFix #header .gnb > li > a {color:#000;}
.headFix #header .mnu {background-image:url(../../images/service/head-menu-black.png);}
.headFix #header .tnb li ~ li:before {background:rgba(0,0,0,0.3);}
.headFix #header .tnb li a {color:#999;}

@media screen and (min-width:1025px){
	.menuOn #header {height:352px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1);}
	.menuOn #header:before {background:rgba(0,0,0,0.2);}
	.menuOn #header .gnb > li > a {color:#000;}
	.menuOn #header .mnu {background-image:url(../../images/service/head-menu-black.png);}
	.menuOn #header .tnb li ~ li:before {background:rgba(0,0,0,0.3);}
	.menuOn #header .tnb li a {color:#999;}
}

@media screen and (max-width:1400px){
	#header {padding:0 15px;}
	#header .inner {padding:0 280px 0 171px;}
	#header .tnb {right:60px;}
}

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

@media screen and (max-width:1024px){
	#header {height:50px;overflow:visible;}
	#header:before {top:49px;}
	#header .gnb,
	#header .tnb {display:none;}
	#header .inner {height:auto;padding:0;}
	#header .logo {top:17px;}
	#header .logo a {width:110px;height:17.5px;}
	#header .mnu {width:50px;height:50px;right:-15px;top:0;background-image:url(../../images/service/head-menu.png);}
	#header:after {height:50px;}

	.headFix #header .mnu {background-image:url(../../images/service/head-menu2.png);}
}

@media screen and (min-width:1025px){
	#nav {position:fixed;z-index:300;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:0.3s;}
	#nav .bg {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:0;}
	#nav .inner {position:absolute;right:0;top:0;overflow:auto;width:558px;height:100%;background:#f89828;z-index:10;max-width:100%;}
	#nav .close {width:40px;height:24px;background:url(../../images/service/nav-close.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;border:none;position:absolute;top:33px;right:114px;}
	#nav .gnb {max-width:285px;margin:0 auto;padding-top:70px;}
	#nav .gnb > li > a {display:block;color:#fff;font-size:30px;font-weight:bold;letter-spacing:-0.05em;padding:10px 0;}
	#nav .gnb > li ~ li {border-top:1px solid rgba(255,255,255,0.3);}
	#nav .gnb > li > ul {padding-bottom:5px;}
	#nav .gnb > li > ul > li > a {display:block;font-size:16px;letter-spacing:-0.05em;color:#fff;padding:5px 0;}
	#nav .gnb > li:hover > a,
	#nav .gnb > li.active > a,
	#nav .gnb > li > ul > li:hover > a,
	#nav .gnb > li > ul > li.active > a {color:#000;}

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

@media screen and (max-width:1024px){
	#nav {position:fixed;z-index:250;left:0;top:50px;width:100%;height:calc(100% - 50px);opacity:0;visibility:hidden;transition:0.3s;background:#fff;}
	#nav .bg {display:none;}
	#nav .inner {position:relative;z-index:10;display:flex;flex-direction:column;height:100%;}
	#nav .close {display:none;}
	#nav .head {background:#00a4e4;padding:45px 25px;position:relative;}
	#nav .head .login {display:table;width:100%;table-layout:fixed;}
	#nav .head .login > div {display:table-cell;vertical-align:middle;}
	#nav .head .login .ico {width:45px;}
	#nav .head .login .info {padding-left:8px;color:#fff;}
	#nav .head .login .info dl {position:relative;white-space:nowrap;background:url(../../images/service/nav-head-arr.png) no-repeat 100% 50%;padding-right:35px;background-size:10.5px 15.5px;display:inline-block;}
	#nav .head .login .info dl dt {font-size:22px;font-weight:bold;letter-spacing:-0.05em;}
	#nav .head .login .info dl dd {letter-spacing:-0.05em;margin-top:5px;font-size:15px;}
	#nav .head .login .info strong,
	#nav .head .login .info span {display:inline-block;vertical-align:top;}
	#nav .head .login .info strong {font-size:22px;font-weight:bold;margin-right:7px;line-height:22px;}
	#nav .head .login .info span {height:25px;line-height:25px;border-radius:12.5px;background:#2a3650;font-size:14px;padding:0 12px;}
	#nav .head .logout {display:block;width:90px;height:35px;line-height:33px;border-radius:17.5px;border:1px solid #fff;font-size:13px;font-weight:bold;text-align:center;position:absolute;right:15px;top:10px;color:#fff;}
	#nav .head .sum {font-size:15px;line-height:1.35em;color:#fff;margin-top:12px;margin-bottom:-15px;}
	#nav .head .sum li {position:relative;padding-left:12px;}
	#nav .head .sum li:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:50%;margin-top:-2.5px;background:#fff;border-radius:50%;}

	/* [S] 2021-01-26 추가 */
	#nav .head .report {position:absolute;right:15px;bottom:10px;width:90px;height:35px;line-height:35px;border-radius:17.5px;color:#fff;text-align:center;background:#057cab;font-size:13px;}
	#nav .head .report > * {display:inline-block;vertical-align:middle;}
	#nav .head .report i {margin-right:3px;}
	#nav .head .report span {vertical-align:baseline;}
	/* [E] 2021-01-26 추가 */

	#nav .gnb {flex-grow:1;overflow:auto;height:0;}
	#nav .gnb > li {border-bottom:1px solid #e1e1e1;}
	#nav .gnb > li > a {display:block;font-size:18px;color:#222;position:relative;padding:15px;}
	#nav .gnb > li > a:before {content:"";display:block;width:15px;height:15px;background:url(../../images/service/nav-arr.png) no-repeat;background-size:contain;position:absolute;top:50%;margin-top:-7.5px;right:15px;}
	#nav .gnb > li > ul {border-top:1px solid #e1e1e1;padding:10px 0;display:none;}
	#nav .gnb > li > ul > li > a {display:block;font-size:16px;color:#777;padding:8px 25px;letter-spacing:-0.05em;}
	#nav .gnb > li.active > a {background:#f89828;letter-spacing:-0.05em;color:#fff;}
	#nav .gnb > li.active > a:before {background-image:url(../../images/service/nav-arr-on.png);}
	#nav .gnb > li.active > ul {display:block;}
	#nav .gnb > li > ul > li.active > a {color:#f89828;}

	.navOn #header:after {background:#00a4e4;}
	.navOn #header .logo a {background-image:url(../../images/service/logo-white.png);}
	.navOn #header .mnu {background-image:url(../../images/service/head-close.png);}
	.navOn #header:before {background:rgba(255,255,255,0.2);}
	.navOn #nav {opacity:1;visibility:visible;}
}

#aside {position:fixed;z-index:100;left:130px;top:50%;margin-top:-55px;}
#aside a {display:block;width:6px;height:6px;position:relative;border-radius:50%;background:#fff;transition:0.3s;}
#aside a:before {content:"";display:block;width:16px;height:16px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;transform:scale(0.5);opacity:0;transition:0.3s;}
#aside a ~ a {margin-top:20px;}
#aside a span {display:block;position:absolute;right:23px;top:50%;margin-top:-0.5em;line-height:1em;white-space:nowrap;text-align:right;font-size:14px;transition:0.3s;color:#fff;font-family:'Open Sans',sans-serif;font-weight:300;letter-spacing:0;transform:scale(0.5);opacity:0;}

#aside.black a {background:#999;}
#aside.black a:before {border-color:#999;}
#aside.black a span {color:#999;}

#aside .active:before,
#aside .active span {opacity:1;transform:scale(1);}

@media screen and (max-width:1560px){
	#aside {left:90px;}
	#aside a span {right:20px;}
}

@media screen and (max-width:1024px){
	#aside {display:none;}
}

#footer {background:#232323;padding:0 15px;}
#footer .inner {max-width:1770px;margin:0 auto;padding:50px 0;position:relative;}
#footer .gotop {position:absolute;right:0;top:0;width:60px;height:60px;border:none;background:#000;display:block;color:#fff;font-size:14px;font-weight:bold;font-family:'Open Sans',sans-serif;}
#footer .head {position:relative;height:120px;}
#footer .head h2 {position:absolute;left:0;top:0;}
#footer .head .fnb {white-space:nowrap;font-size:0;position:absolute;left:285px;top:5px;}
#footer .head .fnb li {display:inline-block;vertical-align:top;position:relative;}
#footer .head .fnb li ~ li {margin-left:20px;padding-left:21px;}
#footer .head .fnb li ~ li:before {content:"";display:block;width:1px;height:16px;position:absolute;left:0;top:50%;margin-top:-7px;background:#8c8c8c;}
#footer .head .fnb li a {display:block;font-size:16px;color:#8c8c8c;letter-spacing:-0.075em;}
#footer .head .fam {position:absolute;right:0;bottom:32px;width:285px;z-index:200;}
#footer .head .fam button {display:block;position:relative;height:45px;border:1px solid #555;width:100%;padding-left:20px;font-size:16px;color:#8c8c8c;text-align:left;background:none;letter-spacing:-0.075em;}
#footer .head .fam button:before {content:"\f106";font-family:axicon;position:absolute;right:17px;top:50%;margin-top:-0.5em;top:50%;line-height:1em;color:#8c8c8c;font-size:20px;}
#footer .head .fam ul {position:absolute;left:0;bottom:100%;width:100%;display:none;}
#footer .head .fam ul li {border:1px solid #555;border-bottom:none;}
#footer .head .fam ul li a {display:block;background:#fff;padding:12px 20px;font-size:16px;}
#footer .head .fam.active button:before {content:"\f107";}
#footer .head .fam.active ul {display:block;}
#footer .head .fam ul li a:hover {background:#f3f3f3;color:#000;}
#footer .foot {border-top:1px solid #333;padding-top:20px;}
#footer .foot ul {display:flex;justify-content:space-between;}
#footer .foot ul li {vertical-align:top;font-size:14px;color:#555;text-align:center;letter-spacing:-0.05em;}

@media screen and (max-width:1340px){
	#footer .foot ul {display:block;text-align:center;}
	#footer .foot ul li {display:inline-block;margin:0 15px 10px;}
}

@media screen and (max-width:1024px){
	#footer .inner {padding:30px 0;}
	#footer .gotop {width:35px;height:35px;font-size:11px;}
	#footer .head {padding-top:0;height:auto;}
	#footer .head h2 {position:relative;}
	#footer .head h2 img {width:100px;}
	#footer .head .fam {position:relative;bottom:0;width:100%;margin-top:12px;}
	#footer .head .fam button {height:32px;padding:0 10px;font-size:12px;}
	#footer .head .fam button:before {right:10px;font-size:16px;}
	#footer .head .fam ul li a {padding:7px 10px;font-size:12px;}
	#footer .head .fnb {white-space:normal;position:relative;left:0;top:0;margin-top:15px;display:flex;justify-content:space-between;}
	#footer .head .fnb li {display:inline-block;vertical-align:top;position:relative;}
	#footer .head .fnb li ~ li {margin-left:0;padding-left:0;}
	#footer .head .fnb li ~ li:before {display:none;}
	#footer .head .fnb li a {font-size:12px;}
	#footer .head .fnb .bar {width:1px;}
	#footer .head .fnb .bar:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:rgba(255,255,255,0.2);}
	#footer .foot {border-top:none;padding-top:25px;}
	#footer .foot ul {text-align:left;}
	#footer .foot ul li {display:block;margin:0;line-height:1.6em;font-size:12px;text-align:left;}
	#footer .foot ul li span {display:block;}
}


#main .vis .roll,
#main .vis .slick-list,
#main .vis .slick-track,
#main .vis .slick-slide,
#main .vis .slick-slide > div,
#main .vis .item {height:100%;}
#main .vis .item {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:0 30px;}
#main .vis .item1 {background-image:url(../../images/service/vis1.jpg);}
#main .vis .item2 {background-image:url(../../images/service/vis2.jpg);}
#main .vis .item3 {background-image:url(../../images/service/vis3.jpg);}
#main .vis .item .inner {max-width:1560px;margin:0 auto;height:100%;text-align:right;font-size:0;white-space:nowrap;}
#main .vis .item .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#main .vis .item dl {display:inline-block;text-align:left;white-space:normal;vertical-align:middle;}
#main .vis .item dl dt {font-size:48px;font-weight:800;color:#f89828;transform:translate3d(-20px,0,0);opacity:0;font-family:'score',sans-serif;}
#main .vis .item dl dd {font-size:44px;line-height:1.1em;color:#fff;margin-top:15px;font-family:'Open Sans',sans-serif;font-weight:600;transform:translate3d(-20px,0,0);opacity:0;}
#main .vis .active .item dl dt {animation:visTxt 1s;animation-delay:0.3s;animation-fill-mode:forwards;}
#main .vis .active .item dl dd {animation:visTxt 1s;animation-delay:0.6s;animation-fill-mode:forwards;}
#main .vis .roll:before {content:"";display:block;width:60px;height:50px;background:url(../../images/service/vis-mouse.png) no-repeat 50% 50%;background-size:contain;position:absolute;left:50%;margin-left:-30px;bottom:80px;animation:visMouse 1s ease infinite;z-index:100;}
#main .vis .slick-dots {display:none !important;}

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

@media screen and (max-width:1024px){
	#main .vis .roll {padding-top:100%;height:0;}
	#main .vis .slick-list {position:absolute;left:0;top:0;width:100%;height:100%;}
	#main .vis .item {padding:0;}
	#main .vis .item1 {background-image:url(../../images/service/vis1m.jpg);}
	#main .vis .item2 {background-image:url(../../images/service/vis2m.jpg);}
	#main .vis .item3 {background-image:url(../../images/service/vis3m.jpg);}
	#main .vis .item .inner {text-align:center;}
	#main .vis .item dl {text-align:center;}
	#main .vis .item dl dt {font-size:6vw;}
	#main .vis .item dl dd {font-size:4.5vw;line-height:1.2em;margin-top:7px;}
	#main .vis .roll:before {display:none;}

	#main .vis .slick-dots {display:block !important;font-size:0;position:absolute;width:100%;left:0;z-index:100;bottom:23px;text-align:center;}
	#main .vis .slick-dots li {display:inline-block;vertical-align:top;margin:0 4px;}
	#main .vis .slick-dots li button {box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:#fff;border:none;text-indent:-9999px;opacity:0.3;}
	#main .vis .slick-dots .slick-active button {opacity:1;}
}


#main .tit {text-align:center;}
#main .tit h3 {font-size:42px;font-weight:bold;color:#000;letter-spacing:-0.05em;font-family:'Open Sans','Noto Sans KR',,sans-serif;}
#main .tit p {font-size:20px;font-weight:300;line-height:1.5em;margin-top:15px;color:#fff;}

#main .what {padding:0 15px;}
#main .what .inner {max-width:1200px;margin:0 auto;}
#main .what .area {margin:60px -15px 0;font-size:0;}
#main .what .area .box {display:inline-block;vertical-align:top;width:33.33333%;padding:0 15px;}
#main .what .area .box .in {display:block;height:480px;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;color:#fff;}
#main .what .area .box .in:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#f89828;opacity:0;transition:0.3s;}
#main .what .area .box .in:after {content:"";display:block;position:absolute;right:0;bottom:0;width:150px;height:150px;background:url(../../images/service/ico-what1.png) no-repeat 100% 100%;background-size:contain;opacity:0;transition:0.3s;}
#main .what .area .box dl {position:relative;padding:88px 35px 0;z-index:10;}
#main .what .area .box dl dt {font-size:18px;font-weight:300;font-family:'Open Sans',sans-serif;}
#main .what .area .box dl dd {font-size:30px;font-weight:bold;margin-top:10px;}
#main .what .area .box p {transition:0.3s;opacity:0;color:#fff;font-size:18px;line-height:1.45em;padding:15px 35px 0;z-index:10;position:relative;letter-spacing:-0.05em;transform:translate3d(0,20px,0);}
#main .what .area .box .more {width:110px;height:110px;border:1px solid #fff;position:absolute;left:40px;bottom:40px;text-align:center;font-size:0;font-weight:bold;z-index:10;}
#main .what .area .box .more:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#main .what .area .box .more:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../images/service/what-arr.png) no-repeat 50% 50%;background-size:contain;opacity:0;transition:0.3s;}
#main .what .area .box .more span {display:inline-block;vertical-align:middle;font-size:15px;line-height:1.2em;font-family:'Open Sans',sans-serif;transition:0.3s;}
#main .what .area .box1 .in {background-image:url(../../images/service/what1.jpg);}
#main .what .area .box2 .in {background-image:url(../../images/service/what2.jpg);}
#main .what .area .box3 .in {background-image:url(../../images/service/what3.jpg);}
#main .what .area .box2 .in:after {background-image:url(../../images/service/ico-what2.png);}
#main .what .area .box3 .in:after {background-image:url(../../images/service/ico-what3.png);}
#main .what .area .box .in:hover:before,
#main .what .area .box .in:hover:after,
#main .what .area .box .in:hover p,
#main .what .area .box .in:hover .more:before {opacity:1;}
#main .what .area .box .in:hover .more span {opacity:0;}
#main .what .area .box .in:hover p {opacity:1;transform:translate3d(0,0,0);}

@media screen and (max-width:1024px){
	#main .tit h3 {font-size:20px;}
	#main .tit p {font-size:14px;line-height:1.3em;margin-top:7px;}

	#main .what {padding:35px 0;overflow:hidden;}
	#main .what .area {margin:20px 0 0;}
	#main .what .area .box {display:block;width:auto;padding:0 15px;}
	#main .what .area .box .in {height:255px;width:200px;}
	#main .what .area .box .in:after {display:none;}
	#main .what .area .box dl {padding:35px 15px 0;}
	#main .what .area .box dl dt {font-size:12px;}
	#main .what .area .box dl dd {font-size:15px;margin-top:5px;}
	#main .what .area .box p {font-size:11px;line-height:1.45em;padding:10px 15px 0;}
	#main .what .area .box .more {width:55px;height:55px;left:15px;bottom:30px;}
	#main .what .area .box .more span {font-size:12px;line-height:1em;}

	#main .what .slick-arrow {position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;display:block;text-align:left;font-size:0;border:none;text-indent:-9999px;overflow:visible;z-index:100;}
	#main .what .slick-arrow.slick-prev {left:10px;background:url(../../images/service/what-prev.png) no-repeat;background-size:contain;}
	#main .what .slick-arrow.slick-next {right:10px;background:url(../../images/service/what-next.png) no-repeat;background-size:contain;}
}

#main .service {background:url(../../images/service/service-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:0 15px;}
#main .service .inner {max-width:1200px;margin:0 auto;}
#main .service .tit h3 {font-weight:800;color:#fff;letter-spacing:0;}
#main .service .area {overflow:hidden;margin-top:135px;}
#main .service .area a {display:block;width:50%;float:left;vertical-align:middle;text-align:center;border:1px solid rgba(255,255,255,0.5);padding:60px 15px 90px;position:relative;}
#main .service .area a:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../images/service/service1.jpg) no-repeat 50% 50%;background-size:cover;transition:0.3s;opacity:0;}
#main .service .area a .ico {display:inline-block;width:100px;height:65px;position:relative;z-index:10;}
#main .service .area a .ico:before,
#main .service .area a .ico:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;transition:0.3s;}
#main .service .area a .ico:before {background-image:url(../../images/service/ico-service1.png);}
#main .service .area a .ico:after {background-image:url(../../images/service/ico-service1on.png);opacity:0;}
#main .service .area a dl {color:#fff;position:relative;z-index:10;}
#main .service .area a dl dt {font-size:26px;font-weight:bold;margin:15px 0 10px;}
#main .service .area a dl dd {font-size:18px;font-weight:300;line-height:1.5em;letter-spacing:-0.05em;}
#main .service .area .btn2 .ico:before {background-image:url(../../images/service/ico-service2.png);}
#main .service .area .btn2 .ico:after {background-image:url(../../images/service/ico-service2on.png);}
#main .service .area .btn2:before {background-image:url(../../images/service/service2.jpg);}
#main .service .area a:hover .ico:before {opacity:0;}
#main .service .area a:hover .ico:after {opacity:1;}
#main .service .area a:hover:before {opacity:1;}

@media screen and (max-width:1024px){
	#main .service {padding:45px 0 40px;background-image:url(../../images/service/service-bg-m.jpg);}
	#main .service .tit {padding:0 15px;}
	#main .service .area {margin-top:35px;padding:0 25px;}
	#main .service .area a {width:auto;float:none;padding:25px 0;text-align:center;}
	#main .service .area a ~ a {margin-top:-1px;}
	#main .service .area a .ico {display:inline-block;width:50px;height:32.5px;vertical-align:middle;margin-right:10px;}
	#main .service .area a dl {display:inline-block;text-align:left;vertical-align:middle;width:165px;}
	#main .service .area a dl dt {font-size:16px;margin:0 0 7px;}
	#main .service .area a dl dd {font-size:12px;line-height:1.4em;}
}

#main .exp {background:#f5f5f5;padding:0 15px;}
#main .exp .inner {max-width:1200px;margin:0 auto;}
#main .exp .tit h3 {font-weight:800;color:#555;}
#main .exp .tit p {color:#999;}
#main .exp .area {margin-top:70px;}
#main .exp .area .box {display:block;background:#fff;padding:35px 185px 35px 40px;position:relative;box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
#main .exp .area .box ~ .box {margin-top:10px;}
#main .exp .area .box dl dt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:300;color:#000;letter-spacing:-0.05em;}
#main .exp .area .box dl dd {font-size:13px;font-weight:300;color:#777;margin-top:15px;}
#main .exp .area .box span {display:block;position:absolute;right:105px;top:50%;margin-top:-0.5em;font-size:13px;color:#000;}
#main .exp .area .box:before {content:"";display:block;width:13px;height:13px;background:url(../../images/service/exp-more.png) no-repeat;position:absolute;right:50px;top:50%;margin-top:-6.5px;}
#main .exp .area .box:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:2px solid #f89828;opacity:0;transition:0.3s;}
#main .exp .area .box:hover:after {opacity:1;}

@media screen and (max-width:1024px){
	#main .exp {background:#fff;padding:35px 0;}
	#main .exp .tit {padding:0 15px;}
	#main .exp .inner {background:#f5f5f5;padding:40px 0;}
	#main .exp .area {margin-top:40px;padding:0 25px;}
	#main .exp .area .box {padding:15px 20px;}
	#main .exp .area .box dl dt {font-size:14px;}
	#main .exp .area .box dl dd {font-size:13px;margin-top:7px;}
	#main .exp .area .box span {display:none;}
	#main .exp .area .box:before {width:19px;height:19px;background-image:url(../../images/service/exp-more.gif);right:0;top:0;margin-top:0;background-size:contain;}
	#main .exp .area .box:after {border-width:1px;}
}

#main .contact {background:url(../../images/service/contact-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:0 30px;}
#main .contact .inner {max-width:1200px;margin:0 auto;position:relative;}
#main .contact .inner:after {content:'';display:block;clear:both;}
#main .contact .item {float:left;width:50%;}
#main .contact .item .tit {margin-bottom:50px;text-align:left;}
#main .contact .item .tit h3 {font-weight:800;}
#main .contact .item1 .tit h3,
#main .contact .item1 .tit p {color:#fff;}
#main .contact .item1 {padding-right:55px;}
#main .contact .item1 .area {padding-top:15px;font-family:'Open Sans','Noto Sans KR',sans-serif;}
#main .contact .item1 .area dl {display:table;width:100%;table-layout:fixed;}
#main .contact .item1 .area dl ~ dl {margin-top:35px;}
#main .contact .item1 .area dl > * {display:table-cell;vertical-align:top;font-size:16px;line-height:1.5em;color:#fff;}
#main .contact .item1 .area dl dt {width:100px;font-weight:600;}
#main .contact .item1 .area dl dd {font-weight:300;}
#main .contact .item2 {padding-left:55px;}
#main .contact .item2 .tit h3 {color:#555;}
#main .contact .item2 .tit p {color:#999;}
#main .contact .item2 .box {display:block;background:#fff;padding:20px 50px 20px 15px;position:relative;box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
#main .contact .item2 .box ~ .box {margin-top:10px;}
#main .contact .item2 .box dl dt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:300;color:#000;letter-spacing:-0.05em;}
#main .contact .item2 .box dl dd {font-size:13px;font-weight:300;color:#777;margin-top:15px;}
#main .contact .item2 .box:before {content:"";display:block;width:13px;height:13px;background:url(../../images/service/exp-more.png) no-repeat;position:absolute;right:25px;top:50%;margin-top:-6.5px;}
#main .contact .item2 .box:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:2px solid #f89828;opacity:0;transition:0.3s;}
#main .contact .item2 .box:hover:after {opacity:1;}

@media screen and (max-width:1024px){
	#main .contact {background:none;padding:0;}
	#main .contact .item {float:none;width:auto;}
	#main .contact .item .tit {margin-bottom:35px;text-align:center;}
	#main .contact .item1 {padding:40px 0 60px;background:url(../../images/service/contact-bg2.jpg) no-repeat 50% 50%;background-size:cover;}
	#main .contact .item1 .area {padding:0 30px;}
	#main .contact .item1 .area dl ~ dl {margin-top:20px;}
	#main .contact .item1 .area dl > * {font-size:14px;line-height:1.4em;}
	#main .contact .item1 .area dl dt {width:90px;}
	#main .contact .item2 {padding:40px 25px 45px;}
	#main .contact .item2 .box {padding:15px 20px;}
	#main .contact .item2 .box dl dt {font-size:14px;}
	#main .contact .item2 .box dl dd {font-size:13px;margin-top:7px;}
	#main .contact .item2 .box:before {width:19px;height:19px;background-image:url(../../images/service/exp-more.gif);right:0;top:0;margin-top:0;background-size:contain;}
	#main .contact .item2 .box:after {border-width:1px;}
}

#wrap.main {opacity:0;transition:1s;}

.load #wrap.main {opacity:1;}

@media screen and (max-width:1024px){
	
}

#svis {height:352px;background:url(../../images/service/svis1.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;padding:162px 15px 0;}
#svis dl dt {font-size:40px;color:#f89828;font-weight:800;font-family:'score',sans-serif;}
#svis dl dd {margin-top:17px;font-size:20px;letter-spacing:-0.05em;color:#fff;font-weight:300;}

.sub2 #svis {background-image:url(../../images/service/svis2.jpg);}
.sub3 #svis {background-image:url(../../images/service/svis3.jpg);}
.sub4 #svis {background-image:url(../../images/service/svis4.jpg);}
.sub5 #svis {background-image:url(../../images/service/svis5.jpg);}
.sub6 #svis {background-image:url(../../images/service/svis6.jpg);}

#snb {position:relative;z-index:100;margin:-32px 0 65px;}
#snb .snb {max-width:1200px;margin:0 auto;font-size:0;background:#f89828;box-shadow:0 6px 8px rgba(0,0,0,0.2);}
#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:63px;line-height:63px;position:relative;color:#fff;font-size:16px;}
#snb .snb > li > a {width:63px;text-align:center;font-family:'Open Sans',sans-serif;font-weight:800;background:#935003;}
#snb .snb > li > span {padding:0 50px 0 20px;cursor:pointer;min-width:200px;}
#snb .snb > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:0;}

#snb .snb li ul {display:none;position:absolute;left:0;top:100%;width:100%;background:#f89828;}
#snb .snb li ul li ~ li {border-top:1px solid rgba(255,255,255,0.2);}
#snb .snb li ul li a {display:block;font-size:16px;padding:15px 20px;color:#fff;}
#snb .snb li ul li a:hover {color:#000;}

#tit {text-align:center;margin-bottom:55px;}
#tit h2 {font-size:45px;color:#000;letter-spacing:-0.05em;}

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

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

@media screen and (max-width:1024px){
	#svis {height:auto;padding:75px 15px 25px;background-image:url(../../images/service/svis1m.jpg);}
	#svis dl dt {font-size:24px;}
	#svis dl dd {margin-top:10px;font-size:13px;}

	.sub2 #svis {background-image:url(../../images/service/svis2m.jpg);}
	.sub3 #svis {background-image:url(../../images/service/svis3m.jpg);}
	.sub4 #svis {background-image:url(../../images/service/svis4m.jpg);}
	.sub5 #svis {background-image:url(../../images/service/svis5m.jpg);}
	.sub6 #svis {background-image:url(../../images/service/svis6m.jpg);}

	#snb {margin:0 0 30px;}
	#snb .snb > li:first-child + li {display:none;}
	#snb .snb > li {margin-left:0;width:calc(100% - 40px);}
	#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 > 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:#fff;}
	#snb .snb > li.on > span:before {content:"\f1b2";}
	#snb .snb > li.on > ul {display:block;}

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

	#sub {padding:0 15px 30px;}
}

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


#sch .sch .result {height:0;flex-grow:1;overflow:auto;}
#sch .sch .result .tit {padding:20px 20px 10px;position:relative;}
#sch .sch .result .tit h3 {font-size:16px;font-weight:500;color:#222;}
#sch .sch .result .back {width:24px;height:15px;background:url(../../images/service/ico-back.png) no-repeat;text-indent:-9999px;border:none;position:absolute;right:25px;bottom:10px;display:none;}
#sch .sch .result a {display:block;padding:20px 50px 20px 45px;position:relative;border-top:1px solid #eee;}
#sch .sch .result a:before {content:"\f1b1";font-family:axicon;position:absolute;right:25px;top:50%;margin-top:-0.5em;line-height:1em;color:#333;font-size:14px;}
#sch .sch .result a > * {display:block;}
#sch .sch .result a img {width:18px;position:absolute;left:20px;top:15px;}
#sch .sch .result a strong {font-size:16px;color:#222;font-weight:500;}
#sch .sch .result a span {font-size:14px;line-height:1.43em;color:#777;margin-top:10px;letter-spacing:-0.05em;}
#sch .sch .result a:hover,
#sch .sch .result a.active {background:#eff7ff;}

#sch .sch .info {position:absolute;left:100%;top:0;width:570px;box-shadow:3px 3px 3px rgba(0,0,0,0.15);background:#fff;z-index:90;visibility:hidden;opacity:0;transform:translate3d(-30px,0,0);transition:0.3s;}
#sch .sch .info .top {background:#00a4e4;padding:20px;position:relative;}
#sch .sch .info .top .tit {position:relative;padding-left:30px;color:#fff;}
#sch .sch .info .top .tit img {display:block;position:absolute;left:0;top:-3px;width:18px;}
#sch .sch .info .top .tit strong {display:block;font-size:18px;font-weight:500;}
#sch .sch .info .top .tit span {display:block;font-size:14px;line-height:1.4em;margin-top:7px;}
#sch .sch .info .top .close {color:#fff;font-size:20px;border:none;background:none;position:absolute;right:20px;top:20px;font-weight:normal;}
#sch .sch .info .top p {margin-top:15px;color:#fff;text-align:center;background:#0686b8;font-size:15px;border-radius:3px;font-weight:300;display: inline-block;}
#sch .sch .info .top p:nth-child(2){width: 100%;}
#sch .sch .info .top p:nth-child(3){width: 100%;margin-top:5px;}
#sch .sch .info .top p:nth-child(4){display: none;background-color: #0978a3;}
#sch .sch .info .top p a{display: block;color: inherit;height: 100%;padding:7px 10px;}
#sch .sch .info .bot {max-height:calc(100vh - 250px);overflow:auto;}
#sch .sch .info .bot .box ~ .box {border-top:1px solid #eee;}
#sch .sch .info .bot .box .state {display:table;table-layout:fixed;width:100%;cursor:pointer;}
#sch .sch .info .bot .box .state li {display:table-cell;vertical-align:middle;text-align:center;padding:10px 20px;font-size:15px;font-weight:bold;color:#222;}
#sch .sch .info .bot .box .state li:first-child {text-align:left;}
#sch .sch .info .bot .box .sum {background:#eff7ff;padding:20px;border-top:1px solid #eee;display:none;}
#sch .sch .info .bot .box .sum:after {content:'';display:block;clear:both;}
#sch .sch .info .bot .box .sum > div {float:left;position:relative;}
#sch .sch .info .bot .box .sum .img {width:200px;height:120px;background:#fff;text-align:center;font-size:0;white-space:nowrap;}
#sch .sch .info .bot .box .sum .img:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#sch .sch .info .bot .box .sum .img ul {display:inline-block;display:inline-block;vertical-align:middle;white-space:normal;width:150px;}
#sch .sch .info .bot .box .sum .img li {display:inline-block;vertical-align:middle;padding:2px;}
#sch .sch .info .bot .box .sum .sort {padding:2px 0 0 25px;}
#sch .sch .info .bot .box .sum .sort img {position:absolute;left:0;top:0;}
#sch .sch .info .bot .box .sum .sort h4 {font-weight:normal;color:#222;font-size:15px;}
#sch .sch .info .bot .box .sum .sort p {font-size:15px;font-weight:300;color:#777;line-height:1.5em;letter-spacing:-0.05em;margin-top:5px;}
#sch .sch .info .bot .box .sum .car {margin-left:10px;width:130px;}
#sch .sch .info .bot .box .sum .pay {width:185px;}
#sch .sch .info .bot .box.active .sum {display:block;}

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

.resultOn #sch .sch .result .back {display:block;}
.resultOn #sch .sch .info {opacity:1;visibility:visible;transform:translate3d(0,0,0);}


#sch .comm {position:fixed;right:30px;top:110px;border:1px solid #00a4e4;background:#fff;z-index:90;text-align:center;white-space:nowrap;font-size:0;padding:10px 15px;border-radius:3px;}
#sch .comm span {display:inline-block;vertical-align:top;width:60px;}
#sch .comm span img {width:18px;}
#sch .comm span strong {display:block;margin-top:4px;color:#222;font-weight:normal;font-size:14px;letter-spacing:-0.05em;}

#sch .marker {position:absolute;z-index:50;cursor:pointer;}
#sch .marker span {display:block;text-align:center;font-size:13px;color:#000;font-weight:bold;padding-top:10px;width:35px;height:52px;background:url(../../images/service/ico-pointpcbig1.png) 50% 0 no-repeat;background-size:contain;position:absolute;left:50%;bottom:100%;margin-left:-17.5px;}
#sch .marker.type2 span {background-image:url(../../images/service/ico-pointpcbig2.png);}
#sch .marker.type3 span {background-image:url(../../images/service/ico-pointpcbig3.png);}

#sch .marker_google {position:relative; margin-bottom:15px;}

.__ico {display:inline-block;width:100px;height:40px;line-height:40px;border-radius:5px;text-align:center;background:#00a4e4;color:#fff;font-weight:500;font-size:15px;}
.__ico.type2 {background:#f89828;}
.__ico.type3 {background:#777;}

.__icoimg {display:inline-block;width:52px;height:52px;background:url(../../images/service/icon_ty01.png) no-repeat 50% 50%;background-size:contain;}
.__icoimg.type2 {background-image:url(../../images/service/icon_ty02.png);}
.__icoimg.type3 {background-image:url(../../images/service/icon_ty03.png);}
.__icoimg.type4 {background-image:url(../../images/service/icon_ty04.png);}
.__icoimg.type5 {background-image:url(../../images/service/icon_ty05.png);}

.sub2 #header:after {background:rgba(0,0,0,0.7);}
.menuOn .sub2 #header:after {background:#fff;}

#map {width:100%;height:100%;}

@media screen and (min-width:1025px){
	#sch .sch {position:fixed;left:0;top:0;width:466px;top:90px;height:calc(100% - 90px);background:#fff;z-index:100;transition:0.3s;}
	#sch .sch .section {display:flex;height:100%;flex-direction:column;box-shadow:3px 0 3px rgba(0,0,0,0.15);position:relative;z-index:100;}
	#sch .sch .head {background:#00a4e4;padding:40px 20px;}
	#sch .sch .head .box ~ .box {margin-top:22px;}
	#sch .sch .head .box dl dt {font-size:16px;color:#fff;letter-spacing:-0.05em;position:relative;}
	#sch .sch .head .box dl dt button {display:block;width:60px;height:30px;border:none;border-radius:3px;background:#0686b8;color:#fff;font-size:15px;position:absolute;right:0;bottom:-5px;}
	#sch .sch .head .box dl dd {margin-top:12px;}
	#sch .sch .head .lab {margin:0 -6px;}
	#sch .sch .head .lab:after {content:'';display:block;clear:both;}
	#sch .sch .head .lab li {float:left;width:33.33333%;padding:0 6px;}
	#sch .sch .head .lab label {display:block;}
	#sch .sch .head .lab label input {position:absolute;left:-9999px;top:0;}
	#sch .sch .head .lab label span {border:1px solid #fff;border-radius:3px;height:40px;text-align:center;color:#fff;display:block;}
	#sch .sch .head .lab label em {display:block;height:38px;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;}
	#sch .sch .head .lab label strong {height:38px;line-height:38px;display:block;}
	#sch .sch .head .lab .dac label strong {font-size:18px;}
	#sch .sch .head .lab .env label em {background-image:url(../../images/service/sch-env.png);}
	#sch .sch .head .lab .kep label em {background-image:url(../../images/service/sch-kep.png);}
	#sch .sch .head .type .lab label strong {font-size:15px;font-weight:normal;}
	#sch .sch .head .type .lab label strong:before {content:"";display:inline-block;width:15px;height:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;display:inline-block;margin-right:5px;vertical-align:middle;position:relative;top:-2px;}
	#sch .sch .head .type .lab .fas strong:before {background-image:url(../../images/service/ico-type1.png);}
	#sch .sch .head .type .lab .low strong:before {background-image:url(../../images/service/ico-type2.png);width:31px;height:20px;}
	#sch .sch .head .inp select,
	#sch .sch .head .inp input {border:none;height:46px;border-radius:5px;background:#fff;font-size:15px;padding-left:15px;width:100%;letter-spacing:-0.05em;box-shadow:2px 2px 2px rgba(0,0,0,0.15);}
	#sch .sch .head .inp select {padding-left:12px;}
	#sch .sch .head .inp.chg li {position:relative;}
	#sch .sch .head .inp.chg li button {position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;color:#9a9a9a;font-size:20px;border:none;background:none;}
	#sch .sch .head .inp.loc li ~ li {margin-top:5px;}
	#sch .sch .head .lab label input:checked ~ span {background:#fff;color:#00a4e4;}
	#sch .sch .head .lab .fas label input:checked ~ span strong:before {background-image:url(../../images/service/ico-type1on.png);}
	#sch .sch .head .lab .low label input:checked ~ span strong:before {background-image:url(../../images/service/ico-type2on.png);}

	#sch .sch .onoff {position:absolute;left:100%;top:160px;width:18px;height:50px;border-radius:0 3px 3px 0;background:#00a4e4;border:none;box-shadow:3px 0 3px rgba(0,0,0,0.15);color:#fff;z-index:110;}
	#sch .sch .onoff:before {content:"\f0d9";font-family:axicon;}

	.sub2 #footer {display:none;}
}

@media screen and (max-width:1024px){
	#sch .comm {display:none;}
	#sch .sch {position:static;}
	#sch .sch .tab {position:absolute;left:0;bottom:0;width:100%;background:#fff;z-index:90;text-align:center;}
	#sch .sch .tab:after {content:'';display:block;clear:both;}
	#sch .sch .tab a {display:block;float:left;width:50%;height:57px;color:#333;}
	#sch .sch .tab a ~ a {border-left:1px solid #ccc;}
	#sch .sch .tab a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	#sch .sch .tab a:before {content:"";display:inline-block;width:23px;height:22.5px;background:url(../../images/service/ico-schtab1.png) no-repeat;background-size:contain;vertical-align:middle;margin-right:5px;}
	#sch .sch .tab a span {display:inline-block;vertical-align:middle;font-size:14px;}

	#sch .sch .tab .type2:before {background-image:url(../../images/service/ico-schtab2.png);}
	#sch .sch .head .loc {display:none;}
	#sch .sch .head .charge {position:absolute;left:0;top:50px;width:100%;padding:10px 15px 0;z-index:80;}
	#sch .sch .head .charge dt {display:none;}
	#sch .sch .head .inp input {border:none;height:44px;border-radius:5px;background:#fff;font-size:15px;padding-left:10px;width:100%;letter-spacing:-0.05em;box-shadow:2px 2px 2px rgba(0,0,0,0.15);}
	#sch .sch .head .inp.chg li {position:relative;}
	#sch .sch .head .inp.chg li button {position:absolute;right:0;top:0;color:#333;font-size:20px;border:none;background:none;width:44px;height:44px;}

	#sch .sch .head .manage,
	#sch .sch .head .type {position:absolute;left:0;bottom:0;width:100%;padding:25px 15px 20px;z-index:100;background:#00a4e4;visibility:hidden;transition:0.3s;opacity:0;transform:translate3d(0,20px,0);box-shadow:0 -3px 3px rgba(0,0,0,0.15);}
	#sch .sch .head .box dl dt {font-size:16px;color:#fff;letter-spacing:-0.05em;}
	/*#sch .sch .cls {width:30px;height:5px;background:#fff;border-radius:2px;position:absolute;left:50%;top:10px;border:none;margin-left:-15px;}*/
	#sch .sch .cls {width:30px;height:20px;background:#00a4e4;position:absolute;left:50%;top:10px;border:none;margin-left:-15px;color:#fff;font-weight:bold}

	#sch .sch .head .box dl dd {margin-top:12px;}
	#sch .sch .head .lab {margin:0 -4px;}
	#sch .sch .head .lab:after {content:'';display:block;clear:both;}
	#sch .sch .head .lab li {float:left;width:33.33333%;padding:0 4px;}
	#sch .sch .head .lab label {display:block;}
	#sch .sch .head .lab label input {position:absolute;left:-9999px;top:0;}
	#sch .sch .head .lab label span {border:1px solid #fff;border-radius:3px;height:36px;text-align:center;color:#fff;display:block;}
	#sch .sch .head .lab label em {display:block;height:34px;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;background-size:contain;}
	#sch .sch .head .lab label strong {height:34px;line-height:34px;display:block;}
	#sch .sch .head .lab .dac label strong {font-size:16px;}
	#sch .sch .head .lab .env label em {background-image:url(../../images/service/sch-env-m.png);}
	#sch .sch .head .lab .kep label em {background-image:url(../../images/service/sch-kep-m.png);}
	#sch .sch .head .type .lab li {width:50%;}
	#sch .sch .head .type .lab label strong {font-size:15px;font-weight:normal;}
	#sch .sch .head .type .lab label strong:before {content:"";display:inline-block;width:15px;height:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;display:inline-block;margin-right:5px;vertical-align:middle;position:relative;top:-2px;}
	#sch .sch .head .type .lab .fas strong:before {background-image:url(../../images/service/ico-type1-m.png);}
	#sch .sch .head .type .lab .low strong:before {background-image:url(../../images/service/ico-type2-m.png);width:31px;height:20px;}
	
	#sch .sch .head .lab label input:checked ~ span {background:#fff;color:#00a4e4;}
	#sch .sch .head .lab .fas label input:checked ~ span strong:before {background-image:url(../../images/service/ico-type1-mon.png);}
	#sch .sch .head .lab .low label input:checked ~ span strong:before {background-image:url(../../images/service/ico-type2-mon.png);}

	#sch .sch .gps {width:38px;height:38px;position:absolute;right:15px;bottom:78px;background:#fff url(../../images/service/ico-gps.png) no-repeat 50% 50%;background-size:contain;box-shadow:0 0 5px #000;z-index:60;text-indent:-9999px;border-radius:50%;border:none;}
	#sch .sch .gps:hover,
	#sch .sch .gps.active {background-color:#00a4e4;background-image:url(../../images/service/ico-gps-on.png);}

	#sch .sch .info {left:0;top:auto;bottom:0;width:100%;box-shadow:0 -3px 3px rgba(0,0,0,0.15);transform:translate3d(0,20px,0);z-index:100;}
	#sch .sch .info .top {padding:25px 15px 10px}
	#sch .sch .info .bot .box .state li {padding:7px 15px;font-size:14px;}
	#sch .sch .info .bot .box .sum {padding:15px;}
	#sch .sch .info .bot .box .sum > div {float:left;}
	#sch .sch .info .bot .box .sum .img {width:100%;height:auto;padding:5px;margin-bottom:12px;}
	#sch .sch .info .bot .box .sum .img:after {display:none;}
	#sch .sch .info .bot .box .sum .img ul {display:block;width:auto;}
	#sch .sch .info .bot .box .sum .img li {display:inline-block;vertical-align:middle;padding:0 3px;}
	#sch .sch .info .bot .box .sum .sort {padding:0;}
	#sch .sch .info .bot .box .sum .sort img {display:none;}
	#sch .sch .info .bot .box .sum .sort h4 {font-size:13px;}
	#sch .sch .info .bot .box .sum .sort p {font-size:12px;line-height:1.4em;margin-top:5px;}
	#sch .sch .info .bot .box .sum .car {margin:0;width:50%;padding-right:10px;}
	#sch .sch .info .bot .box .sum .pay {width:50%;}
	#sch .sch .info .bot .box.active .sum {display:block;}

	#sch .sch .info .top p:nth-child(2){width: 65%;}
	#sch .sch .info .top p:nth-child(3){width: 65%;}
	#sch .sch .info .top p:nth-child(4){display:block;width: 33%;float: right;}

	#sch .marker span {background-image:url(../../images/service/ico-point1.png);}
	#sch .marker.type2 span {background-image:url(../../images/service/ico-point2.png);}
	#sch .marker.type3 span {background-image:url(../../images/service/ico-point3.png);}

	.manageOn #sch .sch .head .manage,
	.typeOn #sch .sch .head .type {opacity:1;transform:translate3d(0,0,0);visibility:visible;}
	
	.__ico {width:70px;height:30px;line-height:30px;font-size:14px;}

	.__icoimg {width:60px;height:60px;}
	.__icoimg.type2 {background-image:url(../../images/service/icon_ty02.png);}
	.__icoimg.type3 {background-image:url(../../images/service/icon_ty03.png);}
	.__icoimg.type4 {background-image:url(../../images/service/icon_ty04.png);}
	.__icoimg.type5 {background-image:url(../../images/service/icon_ty05.png);}
}





.__tit {text-align:center;}
.__tit .en {font-size:30px;font-weight:300;color:#777;margin-bottom:10px;font-family:'Open Sans',sans-serif;}
.__tit h3 {font-size:36px;font-weight:800;color:#f89828;font-family:'score',sans-serif;line-height:1.2em;letter-spacing:-0.05em;}
.__tit .sma {font-size:24px;line-height:1.5em;font-weight:300;letter-spacing:-0.075em;margin-top:27px;}

.__tit2 {margin-bottom:25px;}
.__tit2 h4 {font-size:22px;font-weight:bold;color:#000;padding-left:25px;position:relative;letter-spacing:-0.05em;}
.__tit2 h4:before {content:"";display:block;width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:5px solid #00a4e4;position:absolute;left:0;top:50%;margin-top:-9px;}

@media screen and (max-width:1024px){
	.__tit .en {font-size:14px;margin-bottom:5px;}
	.__tit h3 {font-size:20px;}
	.__tit .sma {font-size:15px;margin-top:10px;line-height:1.3em;}
}

.__choice {margin:0 -15px;font-size:0;}
.__choice .box {display:inline-block;vertical-align:top;width:50%;padding:0 15px;}
.__choice .box .in {display:block;height:250px;border:3px solid #00a4e4;padding:48px 15px 0;position:relative;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.__choice .box .in:before {content:"\f105";display:block;position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;right:-3px;top:-3px;background:#00a4e4;color:#fff;text-align:center;font-family:axicon;font-size:24px;}
.__choice .box dl dt {margin:22px 0 17px;font-size:24px;color:#00a4e4;font-weight:500;}
.__choice .box dl dd {font-size:15px;color:#777;}
.__choice .box dl dd i {display:inline-block;width:20px;height:20px;border-radius:50%;background:#777;color:#fff;text-align:center;line-height:20px;margin-right:5px;}

@media screen and (max-width:1024px){
	.__choice {margin:0;}
	.__choice .box {display:block;width:auto;padding:0 15px;}
	.__choice .box ~ .box {margin-top:20px;}
	.__choice .box .in {height:auto;border:2px solid #00a4e4;padding:30px 15px;box-shadow:3px 3px 5px rgba(0,0,0,0.15);}
	.__choice .box .in:before {width:40px;height:40px;line-height:40px;right:-2px;top:-2px;font-size:20px;}
	.__choice .box .ico img {width:40px;}
	.__choice .box dl dt {margin:15px 0 12px;font-size:18px;}
	.__choice .box dl dd {font-size:14px;line-height:1.4em;}
	.__choice .box dl dd i {width:18px;height:18px;line-height:18px;}
}

.__agree .box ~ .box {margin-top:50px;}
.__agree .box h3 {background:#f2f9ff;padding:15px 20px;font-size:18px;color:#000;font-weight:500;}
.__agree .box h3:before {content:"\f046";font-family:axicon;display:inline-block;margin-right:5px;color:#666;font-weight:normal;position:relative;bottom:-2px;}
.__agree .box .area {border:1px solid #ccc;}
.__agree .box .desc {border-top:1px solid #ccc;height:150px;overflow:auto;padding:20px;}
.__agree .box .desc h4 {font-size:18px;font-weight:500;color:#000;margin-bottom:20px;}
.__agree .box .desc .sort {font-size:17px;line-height:1.5em;letter-spacing:-0.05em;}
.__agree .lab {text-align:right;margin-top:15px;font-size:15px;}
.__agree .lab input {margin-right:5px;vertical-align:middle;}

@media screen and (max-width:1024px){
	.__agree .box ~ .box {margin-top:30px;}
	.__agree .box h3 {padding:10px 15px;font-size:16px;}
	.__agree .box h3:before {bottom:-1px;}
	.__agree .box .desc {height:100px;padding:15px;}
	.__agree .box .desc h4 {font-size:14px;margin-bottom:10px;}
	.__agree .box .desc .sort {font-size:14px;line-height:1.4em;}
	.__agree .lab {margin-top:10px;font-size:14px;}
}

.__topArea {display:table;width:100%;margin-bottom:15px;}
.__topArea > div {display:table-cell;vertical-align:middle;}
.__topArea .lef {padding-right:10px;}
.__topArea .rig {text-align:right;padding-left:10px;}
.__topArea .rig.corp {padding-right:15px;}
.__topArea .rig.sch {font-size:0;}
.__topArea .rig.sch select,
.__topArea .rig.sch button {display:inline-block;vertical-align:top;}
.__topArea .rig.sch button {margin-left:5px;}
.__topArea .__tit1 {margin-bottom:0;}

.__botArea {position:relative;margin-top:60px;}
.__botArea .cen {text-align:center;}

.__btn1 {display:inline-block;width:204px;height:53px;line-height:51px;border:1px solid #555;background:#555;text-align:center;color:#fff;font-size:17px;letter-spacing:-0.05em;}
.__btn1.blue {background:#00a4e4;border-color:#00a4e4;}
.__btn1 ~ .__btn1 {margin-left:7px;}
.__btn1.type2 {width:160px;}

.__btn2 {display:inline-block;width:105px;height:40px;line-height:38px;border:1px solid #555;background:#555;text-align:center;color:#fff;font-size:15px;letter-spacing:-0.05em;}
.__btn2.blue {background:#00a4e4;border-color:#00a4e4;}
.__btn2.orange {background:#f89828;border-color:#f89828;}
.__btn2.excel {border-color:#0e8040;background:#fff;color:#0e8040;}
.__btn2.excel:before {content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url(../../images/service/ico-excel.gif) no-repeat;position:relative;top:-1px;}

@media screen and (max-width:1024px){
	.__topArea {margin-bottom:10px;display:block;}
	.__topArea > div {display:block;}
	.__topArea .rig.corp {padding:0;text-align:center;margin-top:10px;}
	.__topArea .rig.sch {text-align:center;margin-top:10px;padding-left:0;}
	.__topArea .rig.sch select {width:calc(100% - 75px) !important;}

	.__botArea {margin-top:30px;}

	.__btn1 {width:120px;height:34px;line-height:32px;font-size:14px;}
	.__btn1 ~ .__btn1 {margin-left:5px;}
	.__btn1.type2 {width:100px;}

	.__btn2 {width:70px;height:30px;line-height:28px;font-size:14px;}
	.__btn2.excel:before {display:none;}
}

.__tit1 {margin-bottom:17px;}
.__tit1 h3 {position:relative;font-size:18px;font-weight:500;color:#000;padding-left:22px;line-height:1.3em;letter-spacing:-0.05em;}
.__tit1 h3:before {content:"";display:block;width:15px;height:15px;position:absolute;left:0;top:5px;border:5px solid #00a4e4;box-sizing:border-box;}

.__tit2 h3 {font-size:24px;font-weight:bold;color:#f89828;}

@media screen and (max-width:1024px){
	.__tit1 {margin-bottom:10px;}
	.__tit1 h3 {font-size:16px;padding-left:20px;}
	.__tit1 h3:before {width:12px;height:12px;top:5px;border:3px solid #00a4e4;}

	.__tit2 h3 {font-size:17px;}
}

.__tblWrite {table-layout:fixed;width:100%;border-top:3px solid #4d5265;}
.__tblWrite tr > * {border-bottom:1px solid #ccc;line-height:1.3em;}
.__tblWrite tr th {border-right:1px solid #ccc;padding-left:30px;text-align:left;background:#f2f9ff;width:200px;font-size:17px;color:#333;font-weight:normal;height:62px;}
.__tblWrite tr td {padding:10px 15px;font-size:16px;}
.__tblWrite .req:after {content:"*";color:#c5001f;display:inline-block;margin-left:5px;}
.__tblWrite label {display:inline-block;margin-right:25px;}
.__tblWrite label:last-child {margin-right:0;}
.__tblWrite label > * {display:inline-block;vertical-align:middle;}
.__tblWrite label input {margin-right:3px;}

.__inp {display:inline-block;width:100%;border:1px solid #e8e8e8;height:40px;padding-left:15px;font-size:16px;max-width:100%;letter-spacing:-0.05em;}
select.__inp {padding-left:10px;}

.__form {display:table;width:100%;table-layout:fixed;}
.__form > li {display:table-cell;vertical-align:middle;}
.__form > .space {width:5px;}
.__form > .btn {width:105px;}
.__form > .btn .__btn2 {width:100%;}
.__form > .gol {text-align:center;width:35px;}
.__form > .dash {text-align:center;width:30px;}
.__form > .date span {display:block;position:relative;padding-left:23px;}
.__form > .date span:before {content:"\f073";font-family:axicon;position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:16px;}
.__form > .tit {width:80px;font-size:16px;color:#333;}

.__during {background:#fafafa;padding:15px;margin-bottom:20px;}
.__during .__form {width:700px;margin:0 auto;}

@media screen and (max-width:1024px){
	.__tblWrite {border-top:2px solid #4d5265;}
	.__tblWrite tr th {padding-left:5px;width:75px;font-size:13px;height:41px;}
	.__tblWrite tr th span {display:block;}
	.__tblWrite tr td {padding:5px;font-size:13px;}
	.__tblWrite label {margin-right:15px;}

	.__inp {height:30px;padding-left:7px;font-size:13px;}
	select.__inp {padding-left:5px;}

	.__form > .btn {width:70px;}
	.__form > .gol {width:24px;}
	.__form.mail {font-size:0;display:block;}
	.__form.mail > li {display:inline-block;vertical-align:middle;font-size:13px;width:calc(50% - 12px);}
	.__form.mail > .gol {width:24px;}
	.__form.mail > .dash {width:20px;}
	.__form.mail > .space {display:none;}
	.__form.mail > .sel {width:calc(100% - 70px);padding-right:5px;margin-top:5px;}
	.__form.mail > .btn {width:70px;margin-top:5px;}
	
	.__form.mail2 {font-size:0;display:block;}
	.__form.mail2 > li {display:inline-block;vertical-align:middle;font-size:13px;width:calc(50% - 12px);}
	.__form.mail2 > .gol {width:24px;}
	.__form.mail2 > .dash {width:20px;}
	.__form.mail2 > .space {display:none;}
	.__form.mail2 > .sel {width:100%;margin-top:5px;}

	.__form.add {display:block;font-size:0;}
	.__form.add > .space {display:none;}
	.__form.add > li {display:block;font-size:13px;}
	.__form.add > li ~ li {margin-top:5px;}

	.__form.card {font-size:0;display:block;width:auto !important;margin:0 -2.5px;}
	.__form.card > li {display:inline-block;vertical-align:middle;font-size:13px;padding:0 2.5px;width:25%;}
	.__form.card > .space {display:none;}
	.__form.card > .btn {width:33.33333%;margin-top:5px;}
	
	.__form.card2 {font-size:0;display:block;}
	.__form.card2 > li {display:block;}
	.__form.card2 > .btn {display:block;width:100%;}

	.__during {padding:10px;margin-bottom:10px;}
	.__during .__form {width:auto !important;margin:0 -2.5px;font-size:0;display:block;}
	.__during .__form .tit {display:none;}
	.__during .__form > li {display:inline-block;vertical-align:middle;font-size:13px;padding:0 2.5px;width:calc(50% - 15px);}
	.__during .__form > .dash {width:30px;}
	.__during .__form > .space {display:none;}
	.__during .__form > .btn {margin-top:5px;width:50%;}
}

.__payInfo {border-top:3px solid #4d5265;border-bottom:1px solid #ccc;padding:30px;}
.__payInfo .desc {font-size:16px;line-height:1.65em;color:#333;}
.__payInfo .btn {margin-top:30px;}
.__payInfo .btn a {display:inline-block;width:140px;line-height:40px;line-height:38px;border:1px solid #00a4e4;color:#00a4e4;font-size:15px;text-align:center;}

@media screen and (max-width:1024px){
	.__payInfo {border-top:2px solid #4d5265;padding:15px;}
	.__payInfo .desc {font-size:14px;line-height:1.5em;}
	.__payInfo .btn {margin-top:20px;}
	.__payInfo .btn a {width:100px;line-height:34px;line-height:32px;font-size:14px;}
}

.__result {border-top:3px solid #4d5265;border-bottom:1px solid #ccc;padding:40px 15px;text-align:center;}
.__result h3 {font-size:22px;font-weight:500;color:#333;margin-bottom:15px;}
.__result .desc {font-size:16px;line-height:1.65em;color:#777;}
.__result .desc strong {color:#000;}

@media screen and (max-width:1024px){
	.__result {border-top:2px solid #4d5265;padding:30px 15px;}
	.__result h3 {font-size:18px;margin-bottom:10px;}
	.__result .desc {font-size:14px;line-height:1.5em;}
}

.__copSort {border-bottom:1px solid #ccc;padding:20px 35px;overflow:auto;height:200px;font-size:16px;line-height:1.2em;}
.__copSort li ~ li {margin-top:15px;}
.__copSort li a {display:block;color:#777;}

@media screen and (max-width:1024px){
	.__copSort {padding:10px;height:150px;font-size:13px;}
	.__copSort li ~ li {margin-top:7px;}
}

.__pop {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;font-size:0;text-align:center;box-sizing:border-box;padding:15px;display:none;}
.__pop:before {content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.__pop .bg {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.__pop .inner {vertical-align:middle;box-sizing:border-box;background:#fff;z-index:10;display:inline-block;position:relative;max-width:100%;width:600px;text-align:left;}
.__pop .tit {padding:15px 60px 15px 20px;position:relative;background:#00a4e4;}
.__pop .tit h3 {font-size:18px;font-weight:500;letter-spacing:-0.05em;color:#fff;}
.__pop .tit .close {display:block;position:absolute;right:28px;top:50%;background:url(../../images/service/pop-close.png) no-repeat 50% 50%;background-size:contain;border:none;width:19px;height:20px;margin-top:-10px;}
.__pop .cont {padding:15px;font-size:13px;letter-spacing:-0.05em;overflow:auto;}
.__pop.alert .cont {text-align:center;padding:100px 15px 75px;}
.__pop.alert .cont .txt {font-size:18px;line-height:1.6em;height:6.7em;color:#333;}
.__pop.alert .cont .__botArea {margin-top:0;}


@media screen and (max-width:1024px){
	.__pop .tit {padding:10px 40px 10px 10px;}
	.__pop .tit h3 {font-size:16px;}
	.__pop .tit .close {right:15px;width:14px;height:14px;margin-top:-7px;}
	.__pop.alert .cont {padding:30px 15px 20px;}
	.__pop.alert .cont .txt {font-size:14px;line-height:1.5em;height:5em;}
}

.__file {position:relative;padding-right:110px;}
.__file .__btn2 {position:absolute;right:0;top:0;}
.__file input[type=file] {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;}

@media screen and (max-width:1024px){
	.__file {padding-right:75px;}
}

.__paging {font-size:0;margin-top:30px;text-align:center;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:35px;
	height:35px;
	line-height:33px;
	border:1px solid transparent;
	text-align:center;
	color:#888;
	z-index:0;
	margin:0 2px;
	position:relative;
}
.__paging .num {font-size:16px;}
.__paging .arr i {font-size:18px;display:block;line-height:33px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#00a4e4;color:#fff;background:#00a4e4;font-weight:500;}
.__paging .arr {border-color:#ccc;}
.__paging .prev {margin-right:10px;}
.__paging .next {margin-left:10px;}

.__search {margin-top:30px;background:#f7f6f6;text-align:center;font-size:0;padding:17px 15px;}
.__search select,
.__search input[type=text],
.__search button {display:inline-block;vertical-align:top;height:40px;}
.__search select {width:150px;background:#fff;padding-left:7px;font-size:14px;border:none;margin-right:10px;}
.__search input[type=text] {width:290px;padding-left:10px;font-size:14px;border:none;}
.__search button {width:100px;height:40px;color:#fff;background:#00a4e4;border:none;text-align:center;font-size:17px;letter-spacing:-0.05em;margin-left:10px;}


@media all and (max-width:1024px){
	.__paging {margin-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;}

	.__search {margin-top:20px;padding:15px;}
	.__search select,
	.__search input[type=text],
	.__search button {height:30px;}
	.__search select {width:80px;margin-right:5px;padding-left:3px;}
	.__search input[type=text] {width:calc(100% - 85px);padding-left:5px;}
	.__search select + input[type=text] {width:calc(100% - 140px);}
	.__search button {width:50px;font-size:14px;margin-left:5px;}
}

.__tblList {width:100%;table-layout:fixed;border-top:2px solid #00a4e4;}
.__tblList tr > * {border-bottom:1px solid #ccc;text-align:center;}
.__tblList tr th {font-size:18px;font-weight:normal;color:#000;padding:17px 10px;}
.__tblList tr td {font-size:17px;padding:24px 10px;}
.__tblList tbody tr:nth-child(odd) td {background:#fafafa;}
.__tblList .subject {text-align:left;}
.__tblList .subject a {display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media screen and (max-width:1024px){
	.__tblList tr th {font-size:14px;padding:10px 5px;}
	.__tblList tr td {font-size:13px;padding:10px 5px;}
}

.__boardView {border-top:2px solid #2e6ace;border-bottom:1px solid #ccc;}
.__boardView .head h3 {font-size:22px;color:#000;font-weight:normal;letter-spacing:-0.05em;padding:30px 50px;line-height:1.3em;}
.__boardView .info {border-top:1px solid #ccc;display:table;width:100%;}
.__boardView .info dl {display:table-cell;vertical-align:top;font-size:0;}
.__boardView .info dl > * {display:inline-block;height:70px;vertical-align:middle;font-size:17px;white-space:nowrap;}
.__boardView .info dl > *:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__boardView .info dl dt {text-align:center;width:150px;background:#fafafa;color:#000;}
.__boardView .info dl dt span {font-size:17px;display:inline-block;vertical-align:middle;}
.__boardView .info dl dd {padding-left:25px;width:calc(100% - 150px);}
.__boardView .info dl dd div {display:inline-block;vertical-align:middle;font-size:17px;width:100%;white-space:normal;}
.__boardView .info dl dd p ~ p {margin-top:5px;}
.__boardView .cont {border-top:1px solid #ccc;padding:40px 45px;font-size:17px;line-height:1.65em;min-height:200px;}
.__boardView .cont * {max-width:100% !important;}
.__boardView .cont img {height:auto !important;}

.__boardPn {border-top:1px solid #ccc;margin-top:-1px;}
.__boardPn a {display:table;width:100%;table-layout:fixed;font-size:17px;height:72px;border-bottom:1px solid #ccc;}
.__boardPn a > * {display:table-cell;vertical-align:middle;}
.__boardPn a strong {width:150px;font-weight:normal;color:#000;text-align:center;background:#fafafa;}
.__boardPn a span {padding:0 25px;}
.__boardPn a span em {display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:40px;}
.__boardPn a span em:before {content:"\f106";display:block;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;color:#00a4e4;font-family:axicon;font-size:24px;}
.__boardPn .next span em:before {content:"\f107";}

@media screen and (max-width:1024px){
	.__boardView .head h3 {font-size:18px;padding:10px;}
	.__boardView .info {display:block;}
	.__boardView .info dl {display:table;width:100%;table-layout:fixed;height:auto;}
	.__boardView .info dl ~ dl {border-top:1px solid #ccc;}
	.__boardView .info dl > * {height:auto;padding:10px;}
	.__boardView .info dl > *:after {display:none;}
	.__boardView .info dl dt span,
	.__boardView .info dl dd div {font-size:14px;display:block;}
	.__boardView .info dl dt {width:80px;text-align:left;}
	.__boardView .info dl dd {padding-left:10px;}
	.__boardView .cont {padding:20px 15px;font-size:14px;line-height:1.5em;min-height:150px;}

	.__boardPn a {font-size:14px;height:40px;}
	.__boardPn a strong {width:70px;}
	.__boardPn a span {padding:0 10px;}
	.__boardPn a span em {padding-right:30px;}
	.__boardPn a span em:before {font-size:20px;}
}

.__faq {border-top:1px solid #ccc;}
.__faq .box {border-bottom:1px solid #ccc;}
.__faq .box button {display:block;text-align:left;position:relative;border:none;padding:25px 75px 25px 110px;font-size:17px;line-height:1.4em;color:#777;width:100%;background:#fff;transition:0.3s;}
.__faq .box button .num {position:absolute;left:50px;top:24px;}
.__faq .box button strong {font-weight:normal;}
.__faq .box button i {display:block;position:absolute;right:30px;top:29px;width:16px;height:16px;}
.__faq .box button i:before,
.__faq .box button i:after {content:"";display:block;position:absolute;background:#000;transition:0.3s;}
.__faq .box button i:before {width:2px;left:50%;margin-left:-1px;top:0;height:100%;}
.__faq .box button i:after {height:2px;top:50%;margin-top:-1px;left:0;width:100%;}
.__faq .box .cont {padding:25px 25px 25px 110px;background:#fafafa;font-size:17px;line-height:1.6em;color:#000;display:none;}
.__faq .box.active button {background:#00a4e4;color:#fff;}
.__faq .box.active button i:before,
.__faq .box.active button i:after {background:#fff;}
.__faq .box.active button i:before {top:50%;height:0;}

@media screen and (max-width:1024px){
	.__faq .box button {padding:10px 35px;font-size:14px;line-height:1.3em;}
	.__faq .box button .num {left:10px;top:10px;}
	.__faq .box button i {right:10px;top:12px;width:14px;height:14px;}
	.__faq .box .cont {padding:15px;font-size:14px;line-height:1.5em;}
}

.__login {max-width:650px;margin:0 auto;border:1px solid #f89828;padding:50px;}
.__login .inner {max-width:410px;margin:0 auto;}
.__login .tab {box-shadow:inset 0 -1px 0 #ccc;background:#f8f8f8;margin-bottom:30px;}
.__login .tab:after {content:'';display:block;clear:both;}
.__login .tab a {float:left;width:50%;display:block;text-align:center;border-left:1px solid #ccc;border-top:1px solid #ccc;height:46px;line-height:44px;font-size:18px;color:#777;}
.__login .tab a:last-child {border-right:1px solid #ccc;}
.__login .tab a img {display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-right:5px;}
.__login .tab a span {display:inline-block;vertical-align:baseline;letter-spacing:-0.05em;}
.__login .tab .active {background:#fff;color:#00a4e4;}
.__login .form li ~ li {margin-top:10px;}
.__login .form li input {display:block;background:#f3f3f3 url(../../images/service/ico-login.gif) no-repeat;height:53px;font-size:16px;padding-left:80px;width:100%;border:none;}
.__login .form .pass input {background-image:url(../../images/service/ico-pass.gif);}
.__login .btn {margin-top:20px;height:53px;border:none;color:#fff;background:#00a4e4;text-align:center;font-size:18px;font-weight:normal;display:block;width:100%;}
.__login .link {overflow:hidden;margin-top:20px;}
.__login .link li {float:left;width:50%;}
.__login .link li a {display:block;height:53px;line-height:53px;color:#fff;font-size:16px;background:#555;text-align:center;}
.__login .link .pass a {background-color:#aaa;}
.__login .yet {text-align:center;margin-top:35px;}
.__login .yet dl {display:inline-block;text-align:left;padding-left:25px;position:relative;}
.__login .yet dl dt {font-size:20px;color:#000;}
.__login .yet dl dd {font-size:15px;color:#777;line-height:1.4em;margin-top:5px;letter-spacing:-0.05em;}
.__login .yet dl dd:before {content:"\e934";font-family:axicon;display:block;width:20px;height:20px;border-radius:50%;background:#777;color:#fff;text-align:center;line-height:20px;position:absolute;left:0;top:0;}
.__login .go {margin-top:20px;}
.__login .go a {display:block;border:1px solid #00a4e4;height:53px;line-height:51px;color:#00a4e4;text-align:center;font-size:16px;}
.__login .head {font-size:16px;line-height:1.5em;margin-bottom:40px;}
.__login .captcha {margin-top:20px;}
.__login .captcha .desc {margin-top:7px;color:#777;letter-spacing:-0.05em;}

.__login.find .form input {background-image:none !important;padding-left:10px;}
.__login.find .btn {margin-top:30px;}

@media screen and (max-width:1024px){
	.__login {padding:20px;}
	.__login .tab {margin-bottom:15px;}
	.__login .tab a {height:34px;line-height:32px;font-size:16px;}
	.__login .tab a img {width:15px;margin-right:3px;}
	.__login .form li input {height:40px;background-size:40px 40px;font-size:14px;padding-left:60px;}
	.__login .btn {margin-top:15px;height:40px;font-size:16px;}
	.__login .link {margin-top:15px;}
	.__login .link li a {height:40px;line-height:40px;font-size:14px;}
	.__login .yet {margin-top:20px;}
	.__login .yet dl {padding-left:22px;}
	.__login .yet dl dt {font-size:16px;}
	.__login .yet dl dd {font-size:14px;}
	.__login .yet dl dd:before {width:18px;height:18px;line-height:18px;}
	.__login .go {margin-top:15px;}
	.__login .go a {height:40px;line-height:38px;font-size:14px;}
	.__login .head {font-size:14px;line-height:1.4em;margin-bottom:20px;}
	.__login .captcha {margin-top:15px;}
	.__login.find .btn {margin-top:20px;}
}

.__mypage {border:1px solid #00a4e4;}
.__mypage .tab {display:table;width:100%;table-layout:fixed;}
.__mypage .tab a {display:table-cell;vertical-align:middle;border-right:1px solid #00a4e4;border-bottom:1px solid #00a4e4;text-align:center;height:90px;background:#ebf7fe;}
.__mypage .tab a:last-child {border-right:none;}
.__mypage .tab a span {display:block;font-size:18px;letter-spacing:-0.075em;margin-top:7px;}
.__mypage .tab .active {background:#fff;border-bottom-color:transparent;font-weight:500;color:#00a4e4;}
.__mypage .inner {padding:60px 40px;}

.__red {color:#ff0000 !important;}
.__black {color:#000 !important;}

.__noMore {display:table;width:100%;border-top:3px solid #4d5265;height:125px;}
.__noMore .txt {display:table-cell;vertical-align:middle;font-size:16px;line-height:1.75em;text-align:center;background:#f2f9ff;padding:0 15px;border-bottom:1px solid #ccc;}
.__noMore.type2 {height:auto;}
.__noMore.type2 .txt {text-align:left;padding:15px 35px;}


.__alert {padding:0 30px;font-size:16px;color:#777;line-height:1.75em;}

.__blueBox {font-size:16px;line-height:1.75em;color:#777;background:#f2f9ff;padding:12px 20px;}

@media screen and (max-width:1024px){
	.__mypage {border:none;}
	.__mypage .tab {display:block;font-size:0;padding:1px 0 0 1px;margin-right:-3px;width:auto;}
	.__mypage .tab:after {content:'';display:block;clear:both;}
	.__mypage .tab a {width:33.33333%;height:40px;display:block;float:left;vertical-align:top;font-size:0;white-space:nowrap;padding:0 10px;border:1px solid #00a4e4 !important;margin:-1px 0 0 -1px;}
	.__mypage .tab a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	.__mypage .tab a img {display:none;}
	.__mypage .tab a span {display:inline-block;vertical-align:middle;white-space:normal;margin:0;max-width:100%;font-size:14px;line-height:1.2em;}
	.__mypage .inner {padding:20px 0 0;}

	.__noMore {border-top:2px solid #4d5265;height:80px;}
	.__noMore .txt {font-size:14px;line-height:1.5em;}
	.__noMore.type2 .txt {text-align:center;padding:15px;}

	.__blueBox {font-size:14px;line-height:1.5em;padding:10px;}
}

.__tblUse {border-top:3px solid #4d5265;width:100%;}
.__tblUse tr > * {text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:16px;line-height:1.2em;}
.__tblUse tr > *:last-child {border-right:none;}
.__tblUse thead tr th {background:#f2f9ff;padding:20px 10px;font-size:17px;font-weight:normal;color:#333;}
.__tblUse tbody tr td {padding:5px 10px;height:48px;}
.__tblUse tfoot tr td {color:#000;padding:30px 10px;}

@media screen and (max-width:1024px){
	.__tblUse {border-top:2px solid #4d5265;}
	.__tblUse tr > * {font-size:13px;}
	.__tblUse thead tr th {padding:10px 5px;font-size:14px;}
	.__tblUse tbody tr td {padding:10px 5px;}
	.__tblUse tfoot tr td {padding:15px 5px;}

	.__ovx {overflow:auto;}
	.__ovx > table {min-width:720px;}
}

.__about {font-size:0;overflow:hidden;}
.__about .area {margin:0 -35px;}
.__about .box {display:inline-block;vertical-align:top;padding:0 35px;width:33.33333%;position:relative;text-align:center;}
.__about .box ~ .box:before {content:"";display:block;width:10px;height:10px;border-radius:50%;background:#ccc;left:-5px;top:77px;position:absolute;}
.__about .box dl dt {font-size:36px;font-weight:800;color:#f89828;margin:20px 0 30px;font-family:'score',sans-serif;}
.__about .box dl dd {font-size:18px;line-height:1.65em;color:#777;;letter-spacing:-0.05em;text-align:left;}

.__partner h4 {background:#00a4e4;font-size:36px;font-weight:800;color:#fff;text-align:center;height:90px;line-height:90px;font-family:'score',sans-serif;}
.__partner .area {border:2px solid #00a4e4;border-top:none;padding:50px;font-size:0;}
.__partner .area ul {margin:0 -5px -16px;}
.__partner .area ul li {display:inline-block;vertical-align:top;width:20%;padding:0 5px;margin-bottom:16px;}

@media screen and (max-width:1024px){
	.__about .area {margin:0;}
	.__about .box {display:block;padding:0;width:auto;}
	.__about .box ~ .box {margin-top:30px;}
	.__about .box ~ .box:before {display:none;}
	.__about .box img {width:90px;}
	.__about .box dl dt {font-size:20px;margin:10px 0;}
	.__about .box dl dd {font-size:14px;line-height:1.4em;text-align:center;}

	.__partner h4 {font-size:20px;height:45px;line-height:45px;}
	.__partner .area {border:1px solid #00a4e4;padding:15px;}
	.__partner .area ul {margin:0 -3px -6px;}
	.__partner .area ul li {width:33.33333%;padding:0 3px;margin-bottom:6px;}
}

.__tbl {width:100%;table-layout:fixed;}
.__tbl tr > * {border:1px solid #00a4e4;letter-spacing:-0.05em;}
.__tbl thead tr th {background:#ebf7fe;height:70px;padding:10px;text-align:center;color:#00a4e4;font-size:20px;line-height:1.2em;}
.__tbl thead tr th .black {font-size:18px;color:#000;font-weight:normal;}
.__tbl tbody tr > * {text-align:center;font-size:18px;color:#777;line-height:1.33em;padding:20px 10px;}
.__tbl tbody tr th {font-weight:normal;color:#000;}
.__tbl tbody tr th .blue {font-size:20px;color:#00a4e4;}
.__tbl tbody tr td ul {font-size:16px;text-align:left;}
.__tbl tbody tr td .red {font-size:30px;color:#ff0000;}
.__tbl tbody tr td .red strong {font-size:36px;}
.__tbl tbody tr td .black {color:#000;font-size:20px;}
.__tbl tbody tr td .black strong {font-size:24px;}

.__txt14 {font-size:14px;line-height:1.6em;}

@media screen and (max-width:1024px){
	.__tbl thead tr th {height:auto;padding:7px 5px;font-size:14px;}
	.__tbl tbody tr > * {font-size:12px;line-height:1.3em;padding:7px 5px;}
	.__tbl tbody tr td ul {font-size:12px;}
	
	.__tbl thead tr th .black {font-size:14px;}
	.__tbl tbody tr th .blue {font-size:14px;}
	.__tbl tbody tr td .red {font-size:18px;}
	.__tbl tbody tr td .red strong {font-size:20px;}
	.__tbl tbody tr td .black {font-size:14px;}
	.__tbl tbody tr td .black strong {font-size:16px;}

	.__txt14 {font-size:13px;line-height:1.5em;}
}

.__membership .box {background:#eff7ff;padding:40px;border-radius:20px;}
.__membership .box ~ .box {margin-top:25px;}
.__membership .box .tbl {display:table;width:100%;table-layout:fixed;}
.__membership .box .tbl > div {display:table-cell;vertical-align:middle;}
.__membership .box .tbl .img {width:492px;}
.__membership .box .tbl .info {padding-left:50px;}
.__membership .box .tbl .info dl {font-family:'score',sans-serif;font-weight:800;font-size:36px;}
.__membership .box .tbl .info dl dt {color:#999;}
.__membership .box .tbl .info dl dd {color:#f89828;margin-top:5px;}
.__membership .box .tbl .info p {font-size:18px;line-height:1.67em;color:#777;margin-top:15px;}

@media screen and (max-width:1024px){
	.__membership .box {padding:20px;border-radius:10px;}
	.__membership .box ~ .box {margin-top:20px;}
	.__membership .box .tbl {display:block;text-align:center;}
	.__membership .box .tbl > div {display:block;}
	.__membership .box .tbl .img {text-align:center;width:auto;}
	.__membership .box .tbl .info {padding:0;margin-top:15px;}
	.__membership .box .tbl .info dl {font-size:20px;}
	.__membership .box .tbl .info p {font-size:14px;line-height:1.5em;margin-top:10px;}
}

.__tab {border-top:1px solid #00a4e4;border-bottom:1px solid #00a4e4;text-align:center;font-size:0;margin-bottom:70px;}
.__tab a {display:inline-block;height:65px;line-height:65px;text-align:center;padding:0 10px;font-size:22px;color:#777;letter-spacing:-0.05em;position:relative;}
.__tab a ~ a {margin-left:90px;}
.__tab .active {color:#00a4e4;}
.__tab .active:before {content:"";display:block;width:100%;position:absolute;left:0;bottom:0;height:4px;background:#00a4e4;}

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

.__service {display:table;width:100%;table-layout:fixed;}
.__service > div {display:table-cell;vertical-align:top;text-align:center;}
.__service .arr {width:85px;padding-top:285px;}
.__service .box dl {border:1px solid #f89828;padding:35px 20px 0;height:350px;margin-top:35px;}
.__service .box dl dt {font-size:24px;font-weight:bold;color:#00a4e4;}
.__service .box dl dd {margin-top:30px;text-align:left;}
.__service .box dl dd li {position:relative;font-size:18px;color:#777;line-height:1.3em;padding-left:25px;letter-spacing:-0.05em;}
.__service .box dl dd li ~ li {margin-top:8px;}
.__service .box dl dd li em {display:block;border-radius:50%;text-align:center;width:20px;height:20px;line-height:18px;color:#fff;font-size:16px;font-weight:500;position:absolute;left:0;top:2px;background:#00a4e4;}

@media screen and (max-width:1024px){
	.__tab {margin-bottom:30px;}
	.__tab a {height:34px;line-height:34px;font-size:16px;padding:0 5px;}
	.__tab a ~ a {margin-left:15px;}
	.__tab .active:before {height:2px;}

	.__service {display:block;}
	.__service > div {display:block;}
	.__service .arr {width:auto;padding:30px 0;}
	.__service .arr img {width:30px;}
	.__service .box .img img {width:70px;}
	.__service .box dl {padding:15px;height:auto;margin-top:15px;}
	.__service .box dl dt {font-size:16px;}
	.__service .box dl dd {margin-top:10px;}
	.__service .box dl dd li {font-size:14px;padding-left:20px;}
	.__service .box dl dd li ~ li {margin-top:5px;}
	.__service .box dl dd li em {width:16px;height:16px;line-height:14px;font-size:12px;top:2px;}
}


/* [S] 2021-01-15 */
.__botBtn {text-align:right;margin-top:30px;}
.__botBtn ~ .__paging {margin-top:0;}
.__btn1.orange {background:#f89828;border-color:#f89828;}

#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../images/service/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../images/service/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:7px 0 0;font-size:0.95em;letter-spacing:-0.1em}

@media screen and (max-width:1024px){
	.__botBtn {text-align:center;margin-top:15px;}
	.__botBtn ~ .__paging {margin-top:15px;}

	#captcha #captcha_img {height:30px;}
	#captcha #captcha_mp3 {width:30px;height:30px;background-size:30px 60px;}
	#captcha #captcha_reload {width:30px;height:30px;background-position:0 -30px;background-size:30px 60px;}
	#captcha #captcha_key {width:70px;height:30px;}
}
/* [E] 2021-01-15 */
/*footer 팝업 css*/
.layer_pop {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgb(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-weight: 600;font-size: 18px;color: #222;text-align: center;}
/*.layer_pop .layer_close {display: block;width: 18px;height: 18px;font-size: 0;text-indent: -9999px;background: url(../../images/service/layer_close.png) 0 0 / cover no-repeat;position: absolute;right: 30px;top: 20px;border:none;} */
.layer_pop .layer_close {font-size: 18px;background: url(../../images/service/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: 13px;color: #666;font-weight: 300;line-height: 1.4em;}
.layer_pop .agree_tit {display: block;font-size: 16px;color: #222;font-weight: 500;}

@media (min-width: 1025px){
	/*
	.layer_pop{
		display: none !important;
	}
	*/
	.layer_pop{
		display: none;
	}
}

@media (max-width: 1024px){
	.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: 40px;
	    line-height: 40px;
	    font-size: 15px;
	}
	
	.layer_pop .layer_close {
	    right: 5px;
	    top: 10px;
	}
	
	.layer_pop .contents {
	    padding: 20px;
	}
	
	.layer_pop .agree_txt {
	    font-size: 11px;
	}
	
	.layer_pop .agree_tit {
	    font-size: 14px;
	}
}
/*report pop up*/
.pop-tit{font-size: 18px;font-weight: 700;line-height: 50px;background: #f89828;color: #fff;text-align: center;}
.layer_pop .pop-container {height: calc(100% - 51px);margin: 0 auto;box-sizing: border-box;}
.layer_pop .pop-contents {height: 100%;overflow-y: auto;box-sizing: border-box;padding: 30px 15px}
.layer_pop .pop-contents .pop-box .report-tit{font-size: 16px;color: #222;font-weight: 400;margin-bottom: 20px;}
.layer_pop .pop-contents .pop-box textarea{display: block;border: 1px solid #d2d2d2;height: 200px;width: 100%;box-sizing: border-box;padding: 10px;outline: none;}
.layer_pop .pop-contents .pop-btn{margin-top: 30px;}
.layer_pop .pop-contents .pop-btn a{display: block;text-align: center;border-radius: 5px;font-size: 16px;font-weight: 700;line-height: 48px;}
.layer_pop .pop-contents .pop-btn .add{border: 1px solid #d9d9d9;color: #7f7f7f}
.layer_pop .pop-contents .pop-btn .submit{color: #fff;background: #f89828;margin-top: 15px;}
.pop-close{right: 15px;top: 16px;display: block;width: 18px;height: 18px;font-size: 0;text-indent: -9999px;background: url(../../images/service/layer_close2.png) 0 0 / cover no-repeat;position: absolute;border: none;}

/*qa_view_reply*/
.cont_bar{background-color: #f4f4f4;text-align: center;padding: 10px 0;font-weight: 500;margin-bottom: 20px;}
.cont_bar2{margin-top: 40px;}