@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.05.02 | 김효진 | 최초 등록
 * </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);
	}
}