@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.05.02 | 김효진 | 최초 등록
 * 2026.02.06 | 최승희 | 예약시스템 구독 스타일 추가
 * </pre>
 * @author 디자인팀 김효진
 * @since 2023.05.02
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */
[class*="panel"].hue2a2{border-radius:10px 10px 40px 10px;border-color:#dedede;}
[class*='panel'].hue2a2:before {width: 60px;height: 60px;margin: -1px 0 0 -1px;border-top: 2px solid #000;border-left: 2px solid #000;border-radius:10px 0 0 0;}
[class*='panel'].hue2a2:after {content: '';display: block;position: absolute;right: 0;bottom: 0;width: 100px;height: 100px;margin: 0 -2px -2px 0 ;border-bottom: 3px solid #ea3b8d;border-right: 3px solid #ea3b8d;border-radius:0 0 40px  0 ;}

[class*='panel'].info-bg1{border:1px solid #e2e2e2;}
[class*='panel'].info-bg2{background:#f5f8f9;}
[class*='panel'].info-bg3{background:#e7f4fa;}
[class*='panel'].info-bg4{background:#f5f8f9 url(../../img/sub/logo_10.png) no-repeat right bottom;}
.info-bg5{padding-top:20px;padding-bottom:100px;background: url(../../img/sub/c03499_img01.png) no-repeat center bottom;}

[class].panel20 {border-width: 0; margin: 0; padding: .7em 1.25em;}
[class].panel10 {padding:1.75em 2em;border-radius:20px;color:#444;}

[class*='panel']>[class*='deco6']{background:#f5f7fa;width:110px;height:110px;border-radius:100%;}
[class*='panel']>[class*='deco6']+.body1{height:110px;}
[class*='panel']>.deco6.decoclass6{background-image:url(../../img/sub/ic110a1deco1notice.png);}
 
.ro30 img{border-radius:20px 20px 50px 20px;}

.hybrid2row1.ic1size20px>.column1>.info2{background-image:url(../../img/sub/ic40a5exclamation2.png);}

.useinfo1 {/* padding:1em 2em; */}
.useinfo1 .link1{display:block;width:240px;height:60px;border-radius:30px;background:#175fa5;color:#fff;box-sizing:border-box;line-height:60px;padding:0 30px;text-align:left;margin:30px 0 60px;position:Relative;}
.useinfo1 .link1:after{content:'';display:block;position:absolute;right:30px;top:50%;margin:-10px 0 0;width:20px;height:20px;background:url(../../img/sub/ic40link2.png) no-repeat 0 0 / contain;}
.br_b{display: block;}
.br_mb{display:none;}
.htxt1{font-size:22px;font-weight:500;     font-family: "Yangjin", sans-serif;}
.htxt2{font-size:20px;font-weight:500;color:#222;}
.htxt3{font-size:18px;font-weight:400;color:#000;}

.htxt4 {position:relative;color: #000;font-size: 1.5em;font-weight: 600; margin-top:10px;     font-family: "Yangjin", sans-serif;}
.htxt4:after {content: '';position: absolute;width: 22px;height: 3px;background: #000;bottom: 0;left: 0;}
@media all and (max-width:768px){
	.br_b{display:none;}
	.br_mb{display: block;}
	.htxt3{font-size:16px;}
	.ro30 img{border-radius:10px 10px 20px 10px;}
	.useinfo1 {/* padding:1em 2em; */}
	.useinfo1 .link1{margin:30px auto 60px;}
.hb1.h3 {font-size: 1.25em;}

}

.agree1{position:relative;border-top:1px solid #eff1f6;padding-top:20px;}
.agree1 .tg1{display:block;margin-bottom:7px;}
.agree1 .tg1 .h1{position:relative;display:inline-block;width:130px;vertical-align:middle;color:#fff;font-weight:500;height:36px;background:#282828 ; line-height:2.2;border-radius:18px; padding:0 0 0 20px;box-sizing:border-box;}
/* .infomap2 .tg1 .h1:after{content:'';position:absolute;right:15px;top:calc(50% - 9px);display:block;width:1px;height:18px;background:#d9d9d9;} */
.agree1 .tg1 .t1{display:inline-block;width:70%;vertical-align:middle;padding-left:10px;box-sizing:border-box;font-size:16px !important; margin-top:0;}
.agree1 .ic1{display:inline-block;width:22px;height:22px;background:url() no-repeat;background-size:contain;vertical-align:middle;margin-right:5px;margin-top:-4px;}
.agree1 .ic1.tel{background-image:url(../../img/sub/infomap2ic1tel1.png)}
.agree1 .ic1.fax{background-image:url(../../img/sub/infomap2ic1fax1.png)}
.agree1 .ic1.charge{background-image:url(../../img/sub/infomap2ic1charge1.png)}
.agree1 .ic1.use{background-image:url(../../img/sub/infomap2ic1use1.png)}
.agree1 .ic1.address{background-image:url(../../img/sub/infomap2ic1address1.png)}
.agree1 .ic1.talk{background-image:url(../../img/sub/infomap2ic1talk1.png)}

@media all and (max-width:1023px){
	.agree1 .tg1 .t1{width:60%;}
}

@media all and (max-width:767px){ 
	.agree1 .tg1{font-size:1em;}
	.agree1 .tg1 .h1{width:24%;vertical-align:top;text-align:center;padding:0;}
	.agree1 .ic1{display:none;}
	.agree1 .tg1 .t1{width:74%;vertical-align:top; } 
}
.ic1.indy.ic20info1 {width: 20px;height: 20px;background-image: url(../../img/lib2/ic27form1radio1on1.png);}

/*  사이트바로가기 */

.linkInfo1{position: relative;display: block;overflow:hidden;padding:50px 10px 20px;border:1px solid #f4f4f4;border-radius:10px 20px 10px;box-sizing:border-box;background:#f4f4f4;transition:all .35s ease}
.linkInfo1 .t1{margin:0 0 10px;font-size:24px;line-height:1.25em;color:#092761;font-weight:600; font-family: "Yangjin", sans-serif;}
.linkInfo1 .t1 span{display: block;font-size:18px;font-weight:500; font-family: 'S-CoreDream';color:#1a52c0;}
.linkInfo1 .t2{margin:0 0 20px;color:#888}
.linkInfo1:hover{border:2px solid #2e6ce5;background:#fff;border-radius:20px 30px 20px;}
.linkInfo1:hover .button.default1{border-color:#2e6ce5;background-color:#2e6ce5;} 
.linkInfo1.mglr{margin-left:10%;margin-right:10%;}
.linkInfo1 .btn1 .button { height:42px;line-height:42px;margin:5px 0;padding:0 16px;text-align:center;color:#fff;border:0}
.linkInfo1 .btn1 .button:after {content:"";display:inline-block;vertical-align:middle;width:14px;height:10px;margin-left:9px;margin-top:-2px;background:url(../../img/lib2/ic14a1arr.png) no-repeat;transition:all .25s ease}


@media screen and (max-width:799px){
	.linkInfo1{padding:30px 10px 20px;}
	.linkInfo1 .t1{margin:0 0 10px;font-size:1.25em;line-height:1.5em; }
	.linkInfo1 .t1 span{display: block;font-size:0.9em;font-weight:500;}
	.linkInfo1.mglr{margin-left:5%;margin-right:5%;}
	.linkInfo1 .t2 {display:none;}
}
@media screen and (max-width:399px){
	.linkInfo1.mglr{margin-left:0%;margin-right:0%;}

}

/* 순서 없는 목록 */
ul.bu{margin-left:6px;}
ul.bu li{padding-left:12px;}
ul.bu li:before{top:10px;width:5px;height:5px;border-radius:100px;}
ul.bu>li>ul>li>ul>li:before {top:0px;width:14px;height:14px;background:url(../../img/lib/li3bg.png) no-repeat .125em .375em;}
p.bu:before {position:absolute;top:10px;left:0;content:"";display:block;width:5px;height:5px;background:#333;border-radius:100px;}
p.bu{background-image:none;padding:0 0 0 12px;}

ol.bo1>li span.num {display:inline-block;box-sizing:border-box; /* ☆ */width:1.429em; /* =20/14 */height:1.429em;min-width: 24px;min-height: 24px;margin: -3px 0.5em 0 -2.4em; padding: 4px 2px 5px 0; /* ((20-14)/2) */border-radius: 100%;background:#1e388f;color:#fff;font-weight:400;font-size:.750em; /* =14/16 */line-height: 16px;text-align:center;vertical-align:middle;}
ol.bo1.even-grid>.column{padding:4px 10px;}
ol.bo1 ol.bo1>li:before{display: none;}
ol.bo2>li span.num{background:#00a9f1}



/* notice 박스 */
.notice1box1{display: block;overflow:hidden;box-sizing:border-box;margin:0 auto 30px;padding:26px;border-radius:10px;/* border-color:#666; */background:#eff1f7;}
#body_content .notice1box1 .ico-tel:before{;background-color:#fff;}

.notice1box2{display: block;overflow:hidden;box-sizing:border-box;margin:0 auto 30px;padding:30px 26px;border-radius:10px;background:#2b3c5b;}
.notice1box2 .tg1{text-align:center;color:#fff;/* line-height:1.25; */}
.notice1box2 .tg1 .t1{}
.notice1box2 .tg1 .t2{display: block;font-weight:600;font-size:1.500em;color:#fdff7b;}

.notice1box1.minH01{min-height:320px;}
@media all and (max-width:767px){
	.notice1box1.minH01{min-height:auto;}
}
/* 본문새창링크 아이콘 */
#body_content .ico-win{position:relative;display:inline-block;margin:2px 3px 0;padding-right:20px;padding-bottom:2px;color:#211b8f;font-weight:500;}
#body_content .ico-win:hover, #body_content .ico-win:focus{text-decoration:none;border-bottom:1px solid #211b8f;color:#211b8f}
#body_content .ico-win:after{position:absolute;bottom:3px;right:-3px;content:"";display:block;width:20px;height:20px;background:url(../../img/sub/ic20newwindow1.png) no-repeat;}

/* 본문다운로드 아이콘 */
#body_content .ico-down{position:relative;display:inline-block;margin:2px 3px 0;padding-right:20px;padding-bottom:2px;color:#211b8f;font-weight:500;}
#body_content .ico-down:hover, #body_content .ico-down:focus{text-decoration:none;border-bottom:1px solid #211b8f;color:#211b8f}
#body_content .ico-down:after{position:absolute;bottom:3px;right:-3px;content:"";display:block;width:20px;height:20px;background:url(../../img/sub/ic20download1.png) no-repeat;}

/* 본문전화걸기 아이콘 */
#body_content .ico-tel{position:relative;display:inline-block;margin:2px 3px 0;padding-left:28px;padding-bottom:2px;color:#333;font-weight:500;}
#body_content .ico-tel:hover, #body_content .ico-.ico-tel:focus{text-decoration:none;border-bottom:0px solid #211b8f;color:#211b8f}
#body_content .ico-tel:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:24px;height:24px;background:url(../../img/sub/ic24a1c2phone1.png) no-repeat;}

/* 본문메일 아이콘 */
#body_content .ico-mail{position:relative;display:inline-block;margin:2px 3px 0;padding-left:28px;padding-bottom:2px;color:#333;font-weight:500;}
#body_content .ico-mail:hover, #body_content .ico-.ico-tel:focus{text-decoration:none;border-bottom:0px solid #211b8f;color:#211b8f}
#body_content .ico-mail:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:24px;height:24px;border-radius:100px;background:#e2e5ec url(../../img/sub/ic20mail1.png) no-repeat;}

/* 이미지 */
.work_item img{width:100%;border-radius:6px 6px 20px 6px;}
.work_item.ro30 img{border-radius:20px 20px 50px 20px;}
.work_item .t1{display:block;color:#000;vertical-align:middle;overflow:hidden;padding:4px 0px 10px 10px;}

/* 오시는길 */
.direction1{position:relative;}
.direction1 h2{font-size:36px !important;margin-bottom:0;}
.direction1 .c_add{font-size:28px;color:#000;margin:20px 0 30px;/* padding-bottom:10px;border-bottom:1px solid #ddd; */}
.infomap1{overflow:hidden;border-bottom:1px solid #dad8d1;}
.infomap1 .wrap1{position:relative;height:500px;overflow:hidden;background-color:#ededed;}
.infomap1 img{max-width:none;}

.infomap2{position:relative;margin-top:30px;}
.infomap2 .tg1{display:block;margin-bottom:7px;}
.infomap2 .tg1 .h1{position:relative;display:inline-block;width:160px;vertical-align:middle;color:#000;font-weight:400;height:40px;background:#f6f6f6;text-align:center;line-height:40px;border-radius:100px;}
/* .infomap2 .tg1 .h1:after{content:'';position:absolute;right:15px;top:calc(50% - 9px);display:block;width:1px;height:18px;background:#d9d9d9;} */
.infomap2 .tg1 .t1{display:inline-block;vertical-align:middle;padding-left:30px;box-sizing:border-box;font-size:18px !important;margin-top:0;}

.infomap2 .zoom1{position:absolute;right:0;bottom:-5px;display:block; }
 

@media all and (max-width:767px){
	.infomap1 .wrap1{height:350px;}
	.direction1 .c_add{font-size:20px;}
	.infomap2 .tg1{font-size:1em;}
	.infomap2 .tg1 .h1{vertical-align:top;margin-bottom:10px;width:80px;}
	.infomap2 .tg1 .t1{vertical-align:top;margin:5px;padding-left:10px;font-size: 15px !important;}
	/* .infomap2 .ic1{width:30px;height:30px;} */
	.infomap2 .zoom1{position:relative;right:auto;top:auto;width:100%;height:auto;clear:both;border-radius:5px;margin-top:0px;}
	.infomap2 .zoom1 .ic1{display:none;}
	.infomap2 .zoom1 .t1{line-height:40px;}
}

.direction1 .skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.direction1 .skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.direction1 .skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.direction1 .skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

.direction1 a#skipContent1:focus,
.direction1 a#skipContent2:focus{outline:1px dotted #000;background:#000;}

.root_daum_roughmap,.root_daum_roughmap_landing{border:0 !important;width:auto !important;padding:0 !important;border-radius:0 !important;}
.btn_zoom_reset .img_zoom{background-position:-80px -65px !important;}

/* dl 리스트 */
.dl1list2{display:block;width:100%;margin:1.4em 0;border-top:2px solid #000;border-bottom:1px solid #ddd;overflow:hidden;}
.dl1list2>.wrap1{padding:1.5em 0;border-top:1px dashed #c7cdd7;}
.dl1list2>.wrap1:first-child{border-top:none;}
.dl1list2 .dt1{width:20%;display:inline-block; vertical-align:top;font-size:1.125em;color:#000;letter-spacing:-1px;font-weight:600;text-align:center; padding:20px 0;}
.dl1list2 .ic1{display:block;width:80px;height:80px;background:url() no-repeat;background-size:contain;vertical-align:middle;margin-right:5px; margin:0 auto;}
.dl1list2 .ic1.car{background-image:url(../../img/sub/iconcar.png)}
.dl1list2 .ic1.car2{background-image:url(../../img/sub/iconbus.png)}
.dl1list2 .dd1{display:inline-block;width:75%;margin-left:2%; vertical-align:top;   color:#777}
@media all and (max-width:768px){
	.dl1list2 .dt1{width:100%; text-align:left; padding:10px 0 0 0;}
	.dl1list2 .ic1{display:none;}
	.dl1list2 .dd1{width:100%;}
}

small, sub, sup {display:inline-block;margin:-1px 0 0 -5px;text-align:center;line-height:23px;font-size:.750em;font-weight:400;background: #00a9f1;color:#fff;border-radius: 50%;width:24px;height:24px;}
.flow-chart sup {width:20px;height:20px;line-height:20px;font-size:12px;margin:0}
/* flowchart */
.flow-chart { font-size:.875em;margin-bottom:10px; box-sizing:border-box;}
.flow-chart ol {list-style:none;padding:0 10px;margin:0;overflow:hidden;}
.flow-chart ol > li {position:relative;text-align:center;margin:20px 0 22px;}
.flow-chart ol > li:first-child {margin-left:0 !important}
.flow-chart ol > li:after {position:absolute;content:"";display:block;width:17px;height:10px;background:url(../../img/sub/flowchart_arrow1.png) no-repeat;transform:rotate(90deg);bottom:-16px;right:50%;margin-right:-10px;background-size:contain;}
.flow-chart ol > li:last-child:after {display:none;}
.flow-chart ol li .grid-in {background:#1e388f;color:#fff;text-align:center; border-radius:10px; line-height:22px;box-sizing:border-box;padding:10px 0;}
.flow-chart ol > li:nth-child(odd) .grid-in {background:#1378c0;}
.flow-chart ol > li.line2 .grid-in, .flow-chart li.line3 .grid-in {padding-top:10px;padding-bottom:10px;}
.flow-chart li .grid-in br {display:none;}
.flow-chart ol.flow1 li {float:none;width:100%;margin:0}
.flow-chart ol.flow1 li .grid-in {background:#fff;border:2px solid #07818e;color:#333;}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in {border-color:#315273;}
.flow-chart ol.flow1 li .grid-in strong {color:#07818e;border-bottom:1px solid #07818e}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in strong {color:#315273;border-color:#315273}
.flow-chart ol.flow1 .bu li {background:url(../../img/lib/li1bg.png) no-repeat .125em .375em;box-sizing:border-box;}
.flow-chart ol.flow1 ul.bu li ul>li{background:url(../../img/lib/li2bg.png) no-repeat .125em .375em;}
.flow-chart ol.flow1 li strong {font-size:1.25em;display:block;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;}
.flow-chart ol.flow1 li .t1 {padding:10px 15px;}
.flow-chart ol.flow1 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}
.flow-chart ol > li .grid-in .t1 .num {display:block;font-size:1.375em;margin-bottom:5px;}
@media all and (min-width:800px){
	.flow-chart {font-size:1.15em;margin-bottom:20px}
	.flow-chart ol {padding:20px 10px;}
	.flow-chart ol > li {float:left;margin-left:4%;}
	.flow-chart .flow5 li {width:16.8%;}
	.flow-chart ol > li:after {bottom:auto;top:50%;right:-11%;transform:rotate(0);margin-top:-6px;margin-right:-6px;width:26px;height:15px;}
	.flow-chart .flow5 li:after {right:-14%}
	.flow-chart li .grid-in {height:100px;padding:50px 10px;word-wrap:break-word;word-break:keep-all;display:table;width:100%;}
	.flow-chart ol li .grid-in .t1 {display:table-cell;vertical-align:middle;padding-left:10px;padding-right:10px;}
	.flow-chart li.line2 .grid-in {padding-top:40px;padding-bottom:40px;}
	.flow-chart li.line3 .grid-in {padding-top:30px;padding-bottom:30px;}
	.flow-chart li .grid-in br {display:block;line-height:0}
	/* .flow-chart ol li .grid-in {border-top-right-radius:20px;border-bottom-left-radius:20px;} */
}
@media all and (min-width:1000px){
	.flow-chart ol {padding:0px  40px 20px 0;}
	.flow-chart ol > li {margin-top:10px;margin-bottom:10px;}
	.flow-chart .flow5 {padding:30px 25px;}
}
/* flow2 2개 */
.flow-chart .flow2 li .grid-in {padding-left:50px;padding-right:20px;}
.flow-chart .flow2 li .grid-in ul {margin:0}
.flow-chart li ul.bu li {background-image:url(/_res/portal/img/sub/01/li1bg2.png);background-position:2px .6em}
@media all and (min-width:800px){
	.flow-chart .flow2 {text-align:center;}
	.flow-chart .flow2 > li {width:32%;float:none;display:inline-block;vertical-align:top;text-align:left;margin-left:5%;}
	.flow-chart .flow2 li:after {right:-10%}
	.flow-chart .flow2 li .grid-in ul {display:table-cell;vertical-align:middle;}
}
/* flow3 3개 */
@media all and (min-width:800px){
	.flow-chart .flow3 > li {width:30%;}
	.flow-chart .flow3 li:after {right:-8%}
	.flow-chart .flow3 li:nth-child(3n+1){margin-left:0%}
}
/* flow4 4개 */
@media all and (min-width:800px){
	.flow-chart .flow4 > li {width:22%;}
	.flow-chart .flow4 > li:nth-child(4n+1) {margin-left:0}
}
/* flow5 5개 */
@media all and (min-width:800px){
	.flow-chart .flow5 > li {width:16.8%;}
	.flow-chart .flow5 li:nth-child(5) {margin-left:4%}
}
/* flow6 6개 */
.flow-chart .flow6 li {margin:21px 0;padding:0 10px;box-sizing:border-box;}
.flow-chart .flow6 li .grid-in {height:auto;padding:10px 0;}
.flow-chart .flow6 li:after {right:50%}
@media all and (min-width:800px){
	.flow-chart .flow6 > li {width:16.66%;margin:0}
	.flow-chart .flow6 li:after {right:-3px}
}

/* 사이트맵 */
.sitemap1 .d2 {display:block;padding:10px 15px;font-size:20px;background:#4a44b5;color:#fff;text-align:center;border-radius:10px 10px 0 0;}
.sitemap1 ul.bu {margin:10px 0;padding:10px 20px;background:#eef0f7;min-height:220px;}
.sitemap1 ul.bu li a {display:inline-block;color:#444;}




 
.how1{list-style:none;margin:0;padding:0;counter-reset:section;font-size:.875em;}
.how1>li{position:relative;border:1px solid #ccc;padding:16px 15px 16px 75px;margin-bottom:10px;}
.how1>li:before{position:absolute;top:0;left:0;content:'0'counter(section);display:block;width:58px;height:100%;text-align:center;font-size:1.188em;line-height:45px;color:#fff;background:#777;counter-increment:section;border:1px solid #777;}
.how1>li:nth-child(odd):before{background-color:#999;border-color:#999}
.how1>li:after{content:"";display:block;position:absolute;top:40px;left:20px;width:19px;height:2px;background:#fff;}
.how1>li a.button{display:block;max-width:160px;margin-bottom:0;}
.how1>li a.button .t1{font-size:.875em;}
.how1>li a.button .ic1{background-image:url(../../img/lib/ic40a2right3.png)}
@media all and (min-width:768px){
	.how1{font-size:1em;}
	.how1>li{margin:0 0 5px 80px;;padding:20px;border-radius:10px;}
	.how1>li:before{width:70px;line-height:68px;border-radius:10px;left:-80px;font-family: 'Jalnan';font-size:22px;letter-spacing:0}
	.how1>li:after{left:25px;top:46px;}
	.how1>li a.button{position:absolute;top:50%;right:9px;margin:-20px 0;min-width:160px;max-width:none;}
}


/* 절차(대형폐기물) 20200729 */
.cp31flow1{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp31flow1 .w1{
	position:relative;
	margin:0 0 -1px;
	padding:16px;
	border:1px solid #ddd;
	border-radius:1em;
	vertical-align:top;
}
.cp31flow1 .w1:after{content:'';display:table;clear:both;}
.cp31flow1 li .w1:before{
	float:left;
	width:1.375em;
	height:1.375em;
	margin:0 .5em 0 0;
	padding:.375em;
	border-radius:9999px;
	background:#4a0;
	color:#fff;
	font-size:.875em;
	text-align:center;
}
.cp31flow1 li:nth-child(1) .w1:before{content:'01'}
.cp31flow1 li:nth-child(2) .w1:before{content:'02'}
.cp31flow1 li:nth-child(3) .w1:before{content:'03'}
.cp31flow1 li:nth-child(4) .w1:before{content:'04'}
.cp31flow1 li:nth-child(5) .w1:before{content:'05'}
.cp31flow1 li:nth-child(6) .w1:before{content:'06'}
.cp31flow1 li:nth-child(7) .w1:before{content:'07'}
.cp31flow1 li:nth-child(8) .w1:before{content:'08'}
.cp31flow1 li:nth-child(9) .w1:before{content:'09'}
.cp31flow1 li:nth-child(10) .w1:before{content:'10'}
.cp31flow1 .w1 .t1{display:block;
	padding:.25em 0 0;
	overflow:hidden;
}

.cp31flow1 .w1 .t2{display:block;
}
/* ☆ */
.cp31flow1 li~li .w1 .ic1{float:left;
	z-index:10;
	position:absolute;left:2em;top:-1px;
	width:0;height:0;
	margin:0 -10px;
	border:0 solid transparent;
	border-width:10px 10px 0 10px;
	border-top-color:#ccc;
}
.cp31flow1 li~li .w1 .ic1:before{content:'';float:left;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:1px -10px;
	border:0 solid transparent;
	border-width:10px 10px 0 10px;
	border-top-color:#fff;
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp31flow1 .w1{
		margin:0 0 0 -1px;
	}
	.cp31flow1 .w1 .t1{
		min-height:4.125em; /* (1.375*3) */
	}
	.cp31flow1 li~li .w1 .ic1{
		position:absolute;left:0;top:1.5em;
		margin:0 -6px;
		transform:rotate(-90deg);
	}
}

/* 예약시스템 구독. 20260206 */
/* 공통 */
.subscribe1 {color:#000;font-weight:400;}
.subscribe1>.hb1.h2:first-child {margin-top:0;}
.subscribe1>.hb1.h2 {margin-top:1.9em;}
.subscribe1>.t1 {font-weight:600;font-size:20px;}
.subscribe1 p {line-height:1.75;margin:10px 0;}
.subscribe1 .scroll1tablewrap {margin-top:25px}
.subscribe1 table.t6>*>tr>th, .subscribe1 table.t6>*>tr>td {line-height:1.75;} 
.subscribe1 .info2 {position:relative;color:#666;box-sizing:border-box;margin:15px 0;padding:0 0 0 31px;}
.subscribe1 .info2:before {position:absolute;left:0;top:1px;content:'';display:block;width:24px;height:24px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat -824px 0;}
.subscribe1 .info2 > em {font-weight:600;color:#000;text-decoration:underline;text-underline-position:under;}
@media all and (max-width:999px){
	.subscribe1 p {margin:8px 0;}
	.subscribe1 .scroll1tablewrap {margin-top:20px;}
}
@media all and (max-width:768px){
	.subscribe1>.t1 {font-size:18px;line-height:1.5}
	.subscribe1 p {font-size:15px;}
	.subscribe1 .hb1.h2 {margin-top:1.25em;}
	.subscribe1 .info2 {margin:10px 0;padding:0 0 0 23px}
	.subscribe1 .info2:before {top:3px;width:20px;height:20px;background-size:800px auto;background-position:-659px 0;}/* 80%축소 */
}
@media all and (max-width:599px){
	.subscribe1 .scroll1tablewrap {margin-top:15px;}
}

/* 아이액츠 구독서비스 */
.subscribe1 .tg1 {position:relative;word-break:keep-all;padding:10px 0 0 334px;}
.subscribe1 .tg1:before {position:absolute;left:0;top:16px;content:"";display:block;width:309px;height:279px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat 0 0;}
.subscribe1 .logo1 {margin-bottom:17px;}
.subscribe1 .logo1>img {width:auto;height:45px;}
.subscribe1 .tg1 .t1 {font-weight:600;font-size:20px;}
.subscribe1>.lst1 {margin-top:18px;}
.subscribe1>.lst1:after {content:"";display:block;clear:both;}
.subscribe1>.lst1 li {position:relative;float:left;width:calc((100% - 180px)/4);text-align:center;margin-left:60px;}
.subscribe1>.lst1 li:first-child {margin-left:0;}
.subscribe1>.lst1 li:before {content:"";display:block;width:120px;height:120px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat;margin:0 auto 20px;}
.subscribe1>.lst1 li.n1:before {background-position:-311px 0;}
.subscribe1>.lst1 li.n2:before {background-position:-433px 0;}
.subscribe1>.lst1 li.n3:before {background-position:-555px 0;}
.subscribe1>.lst1 li.n4:before {background-position:-677px 0;}
.subscribe1>.lst1 li:after {position:absolute;right:-42px;top:79px;content:"";display:block;width:23px;height:23px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat -799px 0 ;}
.subscribe1>.lst1 li:last-child:after {display:none}
.subscribe1>.lst1 li .t1 {display:block;background:#e7f4fa;line-height:1.5;border-radius:10px;padding:16px 0;}
.subscribe1 .banner1 {margin-top:20px;}
.subscribe1 .banner1:after {content:"";display:block;clear:both}
.subscribe1 .banner1 li {float:left;width:calc((100% - 80px)/5);text-align:center;margin-left:20px;margin-bottom:20px;}
.subscribe1 .banner1 li:nth-of-type(5n + 1){margin-left:0;}
.subscribe1 .banner1 li a {display:block;width:100%;}
.subscribe1 .banner1 li a {display:block;}
.subscribe1 .banner1 li .f1 {position:relative;display:table;width:100%;height:90px;text-align:center;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
.subscribe1 .banner1 li .f1p1 {display:table-cell;vertical-align:middle;text-align:center;}
.subscribe1 .banner1 li .f1 img {max-width:90%;width:auto;}
.subscribe1 .wrap1 {text-align:center;margin-top:-20px;}
.subscribe1 .wrap1 .t1 {margin:0;}
.subscribe1 .wrap1 .btns {margin-top:18px;}
.subscribe1 .wrap1 .btns a.button {display:inline-block;vertical-align:middle;width:228px;height:60px;font-weight:500;color:#fff;line-height:60px;border-radius:10px;margin:0;margin-left:16px;padding:0;}
.subscribe1 .wrap1 .btns a.button:first-child {margin-left:0;}
.subscribe1 .wrap1 .btns a.button.b1 {background:#1378c0;border-color:#1378c0;}
.subscribe1 .wrap1 .btns a.button.b2 {background:#1e388f;border-color:#1e388f;}
.subscribe1 .wrap1 .btns a.button:hover, .subscribe1 .wrap1 .btns a.button:focus {text-decoration:underline !important; text-underline-position:under;}
.subscribe1 .wrap1 .btns a.button:focus-visible {outline-offset:1px;}
.subscribe1 .info1 {position:relative;width:100%;background:#f5f8f9;box-sizing:border-box;border-radius:30px;margin-top:50px;padding:45px 40px 45px 290px;}
.subscribe1 .info1:before {position:absolute;left:70px;top:50%;content:"";display:block;width:165px;height:143px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat -311px -122px;margin-top:-68px;}
.subscribe1 .info1 .h1 {font-weight:600;color:#1378c0;}
.subscribe1 .info1 .h1:before {content:"";display:inline-block;vertical-align:middle;width:18px;height:17px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat -850px 0;margin:-3px 4px 0 0;}
.subscribe1 .info1 .t1 {font-weight:500;font-size:20px;margin:4px 0 11px;}
.subscribe1 .info1 .t1 .tel {display:inline-block;vertical-align:top;font-weight:600;color:#1e388f}
.subscribe1 .info1 .b1 {width:250px;height:55px;line-height:55px;color:#fff;background:#000;border-color:#000;border-radius:28px;margin:0;padding:0}
.subscribe1.c1 .info1 {padding:74px 40px 76px 290px;}
.subscribe1.c1 .info1 .t1 {margin-bottom:0;}
.subscribe1 .info1 .b1:hover, .subscribe1 .info1 .b1:focus {text-decoration:underline !important; text-underline-position:under;}
.subscribe1 .info1 .b1:focus-visible {outline-offset:1px;}
@media all and (max-width:1400px){
	.subscribe1 .tg1 {padding:0 0 0 270px;}
	.subscribe1 .tg1:before {background-size:900px auto;width:279px;height:252px;}/* 90%축소 */
	.subscribe1 .tg1 p br {display:none;}
	.subscribe1>.lst1 li {width:calc((100% - 150px)/4);margin-left:50px}
	.subscribe1>.lst1 li:after {right:-39px;}
}
@media all and (max-width:1259px){
	.subscribe1 .tg1 {padding:0 0 0 250px;}
	.subscribe1 .tg1:before {background-size:800px auto;width:248px;height:224px;}/* 80%축소 */
	.subscribe1 .logo1>img {height:40px;}
	.subscribe1>.lst1 li {width:calc((100% - 90px) / 4);margin-left:30px;}
	.subscribe1>.lst1 li:before {width:109px;height:108px;background-size:900px auto;margin-bottom:15px;}/* 90%축소 */
	.subscribe1>.lst1 li.n1:before {background-position:-280px 0;}
	.subscribe1>.lst1 li.n2:before {background-position:-389px 0;}
	.subscribe1>.lst1 li.n3:before {background-position:-499px 0;}
	.subscribe1>.lst1 li.n4:before {background-position:-609px 0;}
	.subscribe1>.lst1 li:after {right:-26px;width:19px;height:19px;background-size:800px auto;background-position:-639px 0;}
	.subscribe1 .banner1 li .f1 {height:80px;}
	.subscribe1 .wrap1 .btns a.button {width:200px;height:56px;line-height:56px;margin-left:10px;}
	.subscribe1 .info1 {margin-top:40px;padding:40px 30px 40px 240px;}
	.subscribe1 .info1:before {left:50px;width:149px;height:129px;background-size:900px auto;background-position:-280px -110px;margin-top:-62px;}/* 90%축소 */
	.subscribe1 .info1 .t1 {font-size:19px;}
	.subscribe1 .info1 .b1 {width:230px;height:50px;line-height:50px;}
	.subscribe1.c1 .info1 {padding:55px 30px 55px 240px;}
}
@media all and (max-width:999px){
	.subscribe1>.lst1 {margin-top:0;}
	.subscribe1>.lst1 li {width:calc((100% - 10px) / 2);margin-left:10px;margin-bottom:10px;}
	.subscribe1>.lst1 li:nth-of-type(2n + 1){margin-left:0;}
	.subscribe1>.lst1 li:before {position:absolute;left:20px;top:50%;width:73px;height:72px;background-size:600px auto;margin:0;margin-top:-36px;}/* 60%축소 */
	.subscribe1>.lst1 li.n1:before {background-position:-186px 0;}
	.subscribe1>.lst1 li.n2:before {background-position:-260px 0;}
	.subscribe1>.lst1 li.n3:before {background-position:-333px 0;}
	.subscribe1>.lst1 li.n4:before {background-position:-406px 0;}
	.subscribe1>.lst1 li:after {display:none;}
	.subscribe1>.lst1 li .t1 {text-align:left;padding:25px 10px 25px 120px;}
	.subscribe1 .banner1 li {width:calc((100% - 45px)/4);margin-left:15px;margin-bottom:15px;}
	.subscribe1 .banner1 li:nth-of-type(5n + 1){margin-left:15px;}
	.subscribe1 .banner1 li:nth-of-type(4n + 1){margin-left:0;}
	.subscribe1 .info1 {padding:30px 30px 30px 210px;}
	.subscribe1 .info1:before {left:40px;width:131px;height:118px;background-size:800px auto;background-position:-249px -97px;margin-top:-57px;}/* 80%축소 */
	.subscribe1.c1 .info1 {padding:55px 30px 55px 210px;}
}
@media all and (max-width:768px){
	.subscribe1 .tg1 {padding:0;}
	.subscribe1 .tg1:before {display:none}
	.subscribe1 .tg1 .t1 {font-size:18px;}
	.subscribe1 .logo1>img {height:38px;}
	.subscribe1>.lst1 li:before {left:10px;}
	.subscribe1>.lst1 li .t1 {font-size:15px;padding:25px 10px 25px 100px;}
	.subscribe1 .banner1 li {width:calc((100% - 30px)/3);}
	.subscribe1 .banner1 li:nth-of-type(4n + 1){margin-left:15px;}
	.subscribe1 .banner1 li:nth-of-type(3n + 1){margin-left:0;}
	.subscribe1 .banner1 li .f1 {height:70px;}
	.subscribe1 .wrap1 .btns a.button {width:180px;height:52px;line-height:52px;font-size:15px;margin-left:6px;}
	.subscribe1 .info1 {margin-top:30px;padding:30px 20px;text-align:center;}
	.subscribe1 .info1:before {display:none;}
	.subscribe1 .info1 .h1 {font-size:15px;}
	.subscribe1 .info1 .t1 {font-size:18px;margin:8px 0 11px;word-break:keep-all;line-height:1.5}
	.subscribe1 .info1 .b1 {width:200px;height:48px;line-height:48px;font-size:15px;}
	.subscribe1.c1 .info1 {padding:30px 20px}
}
@media all and (max-width:599px){
	.subscribe1>.lst1 li {width:100%;margin-left:0;}
	.subscribe1>.lst1 li:before {left:15px;width:61px;height:60px;background-size:500px auto;margin-top:-30px;}/* 60%축소 */
	.subscribe1>.lst1 li.n1:before {background-position:-155px 0;}
	.subscribe1>.lst1 li.n2:before {background-position:-216px 0;}
	.subscribe1>.lst1 li.n3:before {background-position:-277px 0;}
	.subscribe1>.lst1 li.n4:before {background-position:-338px 0;}
	.subscribe1>.lst1 li .t1{padding:20px 10px 20px 90px;}
	.subscribe1 .banner1 {margin-top:15px;}
	.subscribe1 .banner1 li {width:calc((100% - 10px)/2);margin-left:10px !important;margin-bottom:10px;}
	.subscribe1 .banner1 li:nth-of-type(2n + 1){margin-left:0 !important;}
}
@media all and (max-width:499px){
	.subscribe1 .wrap1 .btns a.button {width:calc((100% - 4px)/2);margin-left:0;}
}

/* 요금 및 운영 안내 */
.subscribe1 .tg2 {position:relative;background:#e7f4fa;border-radius:20px;box-sizing:border-box;margin-top:20px;padding:40px 40px 30px 370px;}
.subscribe1 .tg2 .h3 {position:absolute;left:40px;top:12px;font-weight:600;font-size:24px;line-height:1.25;color:#000;word-break:keep-all}
.subscribe1 .tg2 .lst1:after {content:"";display:block;clear:both;}
.subscribe1 .tg2 .lst1 li {position:relative;float:left;width:calc((100% - 10px)/2);background:#fff;border-radius:10px;box-sizing:border-box;margin-left:10px;margin-bottom:10px;padding:24px 35px;}
.subscribe1 .tg2 .lst1 li:after {position:absolute;right:26px;top:14px;content:"";display:block;width:42px;height:39px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat;}
.subscribe1 .tg2 .lst1 li.n1:after {background-position:0 -280px;}
.subscribe1 .tg2 .lst1 li.n2:after {background-position:-44px -280px;}
.subscribe1 .tg2 .lst1 li.n3:after {background-position:-88px -280px;}
.subscribe1 .tg2 .lst1 li.n4:after {background-position:-132px -280px;}
.subscribe1 .tg2 .lst1 li.n5:after {background-position:-176px -280px;}
.subscribe1 .tg2 .lst1 li.n6:after {background-position:-220px -280px;}
.subscribe1 .tg2 .lst1 li.n7:after {background-position:-264px -280px;}
.subscribe1 .tg2 .lst1 li.n8:after {background-position:-308px -280px;}
.subscribe1 .tg2 .lst1 li.n9:after {background-position:-352px -280px;}
.subscribe1 .tg2 .lst1 li:nth-of-type(2n +1){margin-left:0;}
.subscribe1 .tg3 {position:relative;background:#f5f8f9;border-radius:20px;box-sizing:border-box;margin-top:20px;padding:40px 5px 23px 265px;}
.subscribe1 .tg3 .h3 {position:absolute;left:40px;top:12px;font-weight:600;font-size:24px;line-height:30px;color:#000;}
.subscribe1 .tg3 .lst1:after {content:"";display:block;clear:both;}
.subscribe1 .tg3 .lst1 li {float:left;width:20%;line-height:1.5;text-align:center;box-sizing:border-box;margin-bottom:16px;padding:0 10px;}
.subscribe1 .tg3 .lst1 li:before {content:"";display:block;width:120px;height:120px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat;margin:0 auto 10px;}
.subscribe1 .tg3 .lst1 li.n1:before {background-position:0 -322px;}
.subscribe1 .tg3 .lst1 li.n2:before {background-position:-122px -322px;}
.subscribe1 .tg3 .lst1 li.n3:before {background-position:-244px -322px;}
.subscribe1 .tg3 .lst1 li.n4:before {background-position:-366px -322px;}
.subscribe1 .tg3 .lst1 li.n5:before {background-position:-488px -322px;}
.subscribe1 .tg3 .lst1 li.n6:before {background-position:-610px -322px;}
.subscribe1 .tg3 .lst1 li.n7:before {background-position:-732px -322px;}
.subscribe1 .tg3 .lst1 li.n8:before {background-position:-855px -322px;}
.subscribe1 .tg3 .lst1 li.n9:before {background-position:0 -445px;}
.subscribe1 .tg3 .lst1 li.n10:before {background-position:-122px -445px;}
.subscribe1 .tg3 .lst1 li.n11:before {background-position:-244px -445px;}
.subscribe1 .tg3 .lst1 li.n12:before {background-position:-366px -445px;}
.subscribe1 ul.check1 {list-style:none;margin-left:0;padding:0;text-align:left;}
.subscribe1 ul.check1 ul {list-style:none;margin:.5em 0;padding:0;}
.subscribe1 ul.check1 li {position:relative;margin:14px 0;padding:0 0 0 34px;}
.subscribe1 ul.check1 li:before {position:absolute;left:0;top:-1px;content:'';display:block;width:24px;height:24px;background:url(../../img/sub/subscribe1_sprite.png) no-repeat -870px 0;}
@media all and (max-width:1500px){
	.subscribe1 .tg2 {padding:40px 40px 30px 300px;}
	.subscribe1 .tg2 .lst1 li {padding:24px 55px 24px 15px;}
	.subscribe1 .tg2 .lst1 li:after {right:15px;}
	.subscribe1 .tg3 {padding:40px 5px 40px 205px;}
}
@media all and (max-width:1400px){
	.subscribe1 .tg3 .lst1 li {width:25%;}
}
@media all and (max-width:1259px){
	.subscribe1 .tg2 .h3 {font-size:22px;}
	.subscribe1 .tg3{margin-top:15px;}
	.subscribe1 .tg3 .h3 {font-size:22px;}
}
@media all and (max-width:999px){
	.subscribe1 .tg2 {padding:30px 20px 20px;}
	.subscribe1 .tg2 .h3 {position:static;text-align:center;margin-top:0;}
	.subscribe1 .tg2 .h3 br {display:none;}
	.subscribe1 .tg2 .lst1 li {padding:22px 55px 22px 15px}
	.subscribe1 .tg2 .lst1 li:after {width:38px;height:36px;background-size:900px auto;}/* 90%축소 */
	.subscribe1 .tg2 .lst1 li.n1:after {background-position:0 -252px;}
	.subscribe1 .tg2 .lst1 li.n2:after {background-position:-40px -252px;}
	.subscribe1 .tg2 .lst1 li.n3:after {background-position:-77px -252px;}
	.subscribe1 .tg2 .lst1 li.n4:after {background-position:-120px -252px;}
	.subscribe1 .tg2 .lst1 li.n5:after {background-position:-157px -252px;}
	.subscribe1 .tg2 .lst1 li.n6:after {background-position:-198px -252px;}
	.subscribe1 .tg2 .lst1 li.n7:after {background-position:-238px -252px;}
	.subscribe1 .tg2 .lst1 li.n8:after {background-position:-279px -252px;}
	.subscribe1 .tg2 .lst1 li.n9:after {background-position:-319px -252px;}
	.subscribe1 .tg3 {padding:30px 20px 20px;}
	.subscribe1 .tg3 .h3 {position:static;text-align:center;margin-top:0;}
	.subscribe1 .tg3 .lst1 li:before {width:108px;height:109px;background-size:900px auto;}/* 90%축소 */
	.subscribe1 .tg3 .lst1 li.n1:before {background-position:0 -289px;}
	.subscribe1 .tg3 .lst1 li.n2:before {background-position:-110px -289px;}
	.subscribe1 .tg3 .lst1 li.n3:before {background-position:-220px -289px;}
	.subscribe1 .tg3 .lst1 li.n4:before {background-position:-330px -289px;}
	.subscribe1 .tg3 .lst1 li.n5:before {background-position:-440px -289px;}
	.subscribe1 .tg3 .lst1 li.n6:before {background-position:-550px -289px;}
	.subscribe1 .tg3 .lst1 li.n7:before {background-position:-660px -289px;}
	.subscribe1 .tg3 .lst1 li.n8:before {background-position:-770px -289px;}
	.subscribe1 .tg3 .lst1 li.n9:before {background-position:0 -399px;}
	.subscribe1 .tg3 .lst1 li.n10:before {background-position:-110px -399px;}
	.subscribe1 .tg3 .lst1 li.n11:before {background-position:-220px -399px;}
	.subscribe1 .tg3 .lst1 li.n12:before {background-position:-330px -399px;}
}
@media all and (max-width:768px){
	.subscribe1 .tg2 {padding:25px 20px 10px;}
	.subscribe1 .tg2 .h3 {font-size:20px;}
	.subscribe1 .tg2 .lst1 li {font-size:15px;padding:18px 55px 18px 15px}
	.subscribe1 .tg2 .lst1 li:after {top:9px;}
	.subscribe1 .tg3{margin-top:10px;}
	.subscribe1 .tg3 .h3 {font-size:20px;}
	.subscribe1 .tg3 .lst1 li {font-size:15px;width:33.33%;}
	.subscribe1 ul.check1 li {font-size:15px;margin:10px 0;padding:0 0 0 23px;}
	.subscribe1 ul.check1 li:before {top:0;width:20px;height:20px;background-size:800px auto;background-position:-696px 0;}/* 80%축소 */
}
@media all and (max-width:599px){
	.subscribe1 .tg2 .lst1 li {width:100%;margin-left:0;}
	.subscribe1 .tg3 .lst1 li {font-size:14px;padding:0;}
	.subscribe1 .tg3 .lst1 li:before {width:96px;height:96px;background-size:800px auto;}/* 80%축소 */
	.subscribe1 .tg3 .lst1 li.n1:before {background-position:0 -258px;}
	.subscribe1 .tg3 .lst1 li.n2:before {background-position:-98px -258px;}
	.subscribe1 .tg3 .lst1 li.n3:before {background-position:-195px -258px;}
	.subscribe1 .tg3 .lst1 li.n4:before {background-position:-292px -258px;}
	.subscribe1 .tg3 .lst1 li.n5:before {background-position:-391px -258px;}
	.subscribe1 .tg3 .lst1 li.n6:before {background-position:-488px -258px;}
	.subscribe1 .tg3 .lst1 li.n7:before {background-position:-586px -258px;}
	.subscribe1 .tg3 .lst1 li.n8:before {background-position:-683px -258px;}
	.subscribe1 .tg3 .lst1 li.n9:before {background-position:0 -355px;}
	.subscribe1 .tg3 .lst1 li.n10:before {background-position:-98px -355px;}
	.subscribe1 .tg3 .lst1 li.n11:before {background-position:-195px -355px;}
	.subscribe1 .tg3 .lst1 li.n12:before {background-position:-292px -355px;}
}
@media all and (max-width:499px){
	.subscribe1 .tg3 .lst1 li {width:50%;}
}