@charset "utf-8";

/* ======================================================
   .life-wrap
=========================================================*/
.life-wrap .vinfo{padding:25px 25px 25px 115px; position:relative; box-sizing:border-box;background:#f7f8f9;min-height: 125px;}
.life-wrap .vinfo:before{width:70px;height:78px; left:25px ;top:25px;background:url(../images/Content/vinfo-ico.png) no-repeat left top ;display:block; content:""; position:absolute;}
.life-wrap .vinfo p{font-size:18px; font-weight:300; letter-spacing:-0.03em; line-height:1.4em; color:#696969;word-break: keep-all;}
	@media only screen and (max-width:1200px){
		.life-wrap .vinfo p{font-size:17px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .vinfo{padding:25px 15px 25px 85px;}
		.life-wrap .vinfo:before{left:15px; top:20px;background-size:60px auto;}
		.life-wrap .vinfo p{font-size:15px;}
		.life-wrap .vinfo .vc{display:block; height:auto;}
	}
	@media only screen and (max-width:680px){
		.life-wrap .vinfo{padding:20px 15px 20px 65px;}
		.life-wrap .vinfo:before{background-size:40px auto;}
		.life-wrap .vinfo p{font-size:15px;}
	}
	@media only screen and (max-width:480px){
		.life-wrap .vinfo p{font-size:14px;}
	}

.life-wrap .vimg{}
.life-wrap .vimg .item img{width:100%; min-height:200px; object-fit:cover;}
.life-wrap .vimg .slick-prev{z-index:912;width:90px;height:120px; position:absolute; left:0; top:50%;background:url(../images/Content/vimg-prev.png) no-repeat left center; background-size:100% auto;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.life-wrap .vimg .slick-next{z-index:912;width:90px;height:120px; position:absolute; right:0; top:50%;background:url(../images/Content/vimg-next.png) no-repeat right center; background-size:100% auto;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}

.life-wrap .vimg .slick-prev:after{position:absolute;left:0; top:0; width:100%;height:100%;display:block;content:"";background:url(../images/Content/vimg-prevo.png) no-repeat left center; background-size:100%; opacity:0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.life-wrap .vimg .slick-next:after{position:absolute;left:0; top:0; width:100%;height:100%;display:block;content:"";background:url(../images/Content/vimg-nexto.png) no-repeat right center; background-size:100%; opacity:0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

.life-wrap .vimg .slick-prev:hover:after{opacity:1}
.life-wrap .vimg .slick-next:hover:after{opacity:1}

.life-wrap .vimg .slick-dots{position:Absolute;left:0; z-index:10; bottom:35px;box-sizing:border-box; width:100%;}
.life-wrap .vimg .slick-dots ul{height:18px; margin:0; padding:0; font-size:0;text-align:center;}
.life-wrap .vimg .slick-dots li{margin:0;display:inline-block;vertical-align:top;width:auto;height:18px; padding:0}
.life-wrap .vimg .slick-dots li:nth-child(n+2){margin-left:10px;}
.life-wrap .vimg .slick-dots li button{padding:0;width:18px;height:18px; margin:0;border:none; border-radius:18px;; background:rgba(255,255,255,0.3)}
.life-wrap .vimg .slick-dots li.slick-active button{background:#fff;}
	@media only screen and (max-width:1200px){
		.life-wrap .vimg .slick-prev{width:60px; height:100px;}
		.life-wrap .vimg .slick-next{width:60px; height:100px;}

		.life-wrap .vimg .slick-dots{bottom:20px;}
		.life-wrap .vimg .slick-dots ul{height:14px;}
		.life-wrap .vimg .slick-dots li{height:14px;}
		.life-wrap .vimg .slick-dots li button{width:14px;height:14px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .vimg .slick-prev{width:40px; height:80px;}
		.life-wrap .vimg .slick-next{width:40px; height:80px;}

		.life-wrap .vimg .slick-dots{bottom:15px;}
		.life-wrap .vimg .slick-dots ul{height:10px;}
		.life-wrap .vimg .slick-dots li{height:10px;}
		.life-wrap .vimg .slick-dots li:nth-child(n+2){margin-left:5px;}
		.life-wrap .vimg .slick-dots li button{width:10px;height:10px;}
	}
	@media only screen and (max-width:680px){
		.life-wrap .vimg .slick-dots{bottom:10px;}
		.life-wrap .vimg .slick-prev{width:20px; height:60px;}
		.life-wrap .vimg .slick-next{width:20px; height:60px;}
	}
	@media only screen and (max-width:480px){

	}

.life-wrap .location ul{padding:0 15px;}
.life-wrap .location li{position:relative; padding-left:12px; font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.life-wrap .location li:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:9px; display:block; content:""}
.life-wrap .location li:nth-child(n+2){margin-top:10px;}
	@media only screen and (max-width:1400px){

	}
	@media only screen and (max-width:1200px){
		.life-wrap .location li{font-size:15px;}
		.life-wrap .location li:before{top:6px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .location ul{padding:0 10px}
		.life-wrap .location li{font-size:14px;}
		.life-wrap .location li:before{top:7px;}
	}
	@media only screen and (max-width:680px){

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

	}

.life-wrap .oneview{position:relative; padding:0 50px 20px 50px}
.life-wrap .oneview:after{position:absolute;left:0; top:0; width:100%;height:100%; border:1px solid #cccccc;border-top:0;box-sizing:border-box; z-index:-1;display:block; content:"";}
.life-wrap .oneview:before{width:100%;height:3px; background:#6d8c03; position:absolute; left:0; top:-3px; display:block; content:"";z-index:2;}

.life-wrap .oneview .info{height:161px;display:flex;align-items: center; justify-content: left; position:relative;}
.life-wrap .oneview .info .vc{width:100%; box-sizing:border-box; padding-left:194px;}
.life-wrap .oneview .info .tit{width:156px; height:161px; position:absolute; left:0; top:0; text-align:center;background:url(../images/Content/oneview-tit.png) no-repeat center top; background-size:100% auto;display:flex;align-items: center; justify-content: center;}
.life-wrap .oneview .info .tit span{padding-top:42px; font-size:18px; color:#fff; font-weight:500; letter-spacing:-0.03em; line-height:1.3em;background:url(../images/Content/oneview-flag.png) no-repeat center top ;display:block;}
.life-wrap .oneview .info .btxt{font-size:20px;color:#252525; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;word-break: keep-all;}
.life-wrap .oneview .info .btxt span{font-weight:700;}
.life-wrap .oneview .info .stxt{font-size:14px;color:#252525; font-weight:300; letter-spacing:-0.03em; line-height:1.2em; margin-top:3px;}
	@media only screen and (max-width:1400px){
		.life-wrap .oneview{padding:0 35px 20px 35px;}

		.life-wrap .oneview .info{height:135px;}
		.life-wrap .oneview .info .tit{width:130px; height:135px; }
		.life-wrap .oneview .info .tit span{padding-top:35px; font-size:15px; background-size:26px auto; }
		.life-wrap .oneview .info .vc{padding-left:165px;}
		.life-wrap .oneview .info .btxt{font-size:18px;}
		.life-wrap .oneview .info .stxt{font-size:13px;}
	}
	@media only screen and (max-width:1200px){

	}
	@media only screen and (max-width:999px){
		.life-wrap .oneview{padding:0 15px 15px 15px;}

		.life-wrap .oneview .info{height:115px;}
		.life-wrap .oneview .info .tit{width:110px; height:115px; }
		.life-wrap .oneview .info .tit span{padding-top:30px; font-size:15px; background-size:20px auto; }
		.life-wrap .oneview .info .vc{padding-left:135px;}
		.life-wrap .oneview .info .btxt{font-size:15px;}
		.life-wrap .oneview .info .stxt{font-size:13px;}

	}
	@media only screen and (max-width:680px){
		.life-wrap .oneview{padding:0 0 1px 0;}
		.life-wrap .oneview .info{height:95px;}
		.life-wrap .oneview .info .tit{width:90px; height:95px; }
		.life-wrap .oneview .info .tit span{padding-top:25px;}
		.life-wrap .oneview .info .vc{padding-left:115px;}
	}
	@media only screen and (max-width:480px){

	}

.life-wrap .oneview ul{margin-top:20px; background:#f7f8f9; padding:30px 10px; position:relative;}
.life-wrap .oneview ul:before{width:100%;height:1px; position:Absolute ;left:0; top:102px; border-top:1px dashed #696969; display:block;content:""; opacity:0.85}
.life-wrap .oneview ul:after{display:block; content:"";clear:both;}
.life-wrap .oneview li{float:left; width:9.090909090909091%;text-align:center; position:relative; z-index:23;}
.life-wrap .oneview li span{height:57px; display:block; padding-top:7px; box-sizing:border-box;line-height:20px;text-indent:-1px; font-size:15px; font-weight:900; letter-spacing:-0.03em;text-align:center; color:#f39b10;background:url(../images/Content/oneview-dot.png) no-repeat center top}
.life-wrap .oneview li p{margin-top:35px; font-size:15px; color:#252525; letter-spacing:-0.03em; line-height:1.2em;position:relative;word-break: keep-all;}
.life-wrap .oneview li p:before{width:3px;height:10px; top:-25px; position:absolute; left:50%; background:#252525; z-index:1;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%); display:block; content:""}
	@media only screen and (max-width:1400px){
		.life-wrap .oneview li p{margin-top:35px; font-size:15px;}
	}
	@media only screen and (max-width:1200px){
		.life-wrap .oneview ul:before{top:94px;}
		.life-wrap .oneview li p{margin-top:25px; font-size:14px;}
		.life-wrap .oneview li p:before{top:-23px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .oneview ul{margin:20px 1px 0 1px;overflow:hidden;}
		.life-wrap .oneview ul:before{display:none;}

		.life-wrap .oneview li{width:16.66666666%}
		.life-wrap .oneview li:after{display:none;width:100%;height:1px; position:Absolute ;left:0; top:64px; z-index:2;border-top:1px dashed #696969; display:block;content:""; opacity:0.85}

		.life-wrap .oneview li:nth-child(n+7){margin-top:20px;}
		.life-wrap .oneview li p{min-height:35px; ;margin-top:20px;}
		.life-wrap .oneview li p:before{top:-18px;}
	}
	@media only screen and (max-width:680px){
		.life-wrap .oneview li{width:25%}
		.life-wrap .oneview li:nth-child(n+5){margin-top:20px;}
		.life-wrap .oneview li:after{top:55px}
		.life-wrap .oneview li span{background-size:32px auto; font-size:14px; line-height:15px;height:55px;}
		.life-wrap .oneview li p{margin-top:15px;font-size:13px;min-height:32px;}
		.life-wrap .oneview li p:before{top:-20px;}
	}
	@media only screen and (max-width:480px){

	}

.life-wrap .traffic{padding:0 15px;}
.life-wrap .traffic li:nth-child(n+2){margin-top:15px;}
.life-wrap .traffic li .btxt{position:relative; padding-left:12px; font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.life-wrap .traffic li .btxt:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:8px; display:block; content:""}
.life-wrap .traffic li .txt{height:35px; display:flex;align-items: center; justify-content: left;margin-top:10px; position:relative;}
.life-wrap .traffic li .vc{width:100%;box-sizing:border-box;padding-left:50px;}
.life-wrap .traffic li .vc p{font-size:15px; font-weight:300; letter-spacing:-0.03em; line-height:1.2em;color:#252525}
.life-wrap .traffic li .vc p span{display:block; font-weight:400; margin-top:2px;}
.life-wrap .traffic li .vc:before{width:35px;height:35px; position:absolute; left:0; top:0; display:block; content:"";background:url(../images/Content/traffic-ico02.png) no-repeat center center; background-size:100% auto;}
.life-wrap .traffic li:nth-child(1) .vc:before{background-image:url(../images/Content/traffic-ico01.png)}
	@media only screen and (max-width:1400px){

	}
	@media only screen and (max-width:1200px){
		.life-wrap .traffic li .btxt{font-size:15px;}
		.life-wrap .traffic li .btxt:before{top:6px;}
		.life-wrap .traffic li .vc p{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .traffic{padding:0 10px}
		.life-wrap .traffic li .btxt{font-size:14px;}
		.life-wrap .traffic li .btxt:before{top:7px;}
		.life-wrap .traffic li .vc{padding-left:45px;}
		.life-wrap .traffic li .vc p{font-size:14px;}
	}
	@media only screen and (max-width:680px){

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

	}
.life-wrap .the ul{padding:0 15px;}
.life-wrap .the li{position:relative; padding-left:12px; font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.life-wrap .the li:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:12px; display:block; content:""}
.life-wrap .the li:nth-child(n+2){margin-top:10px;}
.life-wrap .the li p{display:inline-block;vertical-align:top; color:#252525; font-size:15px; line-height:30px; margin-right:10px;}
.life-wrap .the .more-btn{display:inline-block;vertical-align:top; width:118px; line-height:28px; border:1px solid #252525;border-radius:30px; font-size:15px; color:#252525; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400;}
.life-wrap .the .more-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/Content/use-arrow.png) no-repeat right center;}
.life-wrap .the .more-btn:hover{background:#252525; color:#fff;}
.life-wrap .the .more-btn:hover span{background:url(../images/Content/use-arrowo.png) no-repeat right center;}
	@media only screen and (max-width:1400px){
		.life-wrap .tbl-type01 .more-btn{width:105px; font-size:15px; padding:0 12px;}
	}
	@media only screen and (max-width:1200px){
		.life-wrap .the li p{font-size:15px;}
		.life-wrap .the li:before{top:12px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .the ul{padding:0 10px}

		.life-wrap .the li p{font-size:14px;}

		.life-wrap .the .more-btn{width:95px; font-size:14px; padding:0 10px;}
		.life-wrap .the .more-btn span{background-size:10px auto !important; padding-right:20px;}
	}
	@media only screen and (max-width:680px){
		.life-wrap .the .more-btn{width:90px; font-size:13px; padding:0 10px;}
		.life-wrap .the .more-btn span{background-size:10px auto !important; padding-right:15px;}
	}
	@media only screen and (max-width:480px){

	}


.life-wrap .tbl-type01{border-top:2px solid #252525;}
.life-wrap .tbl-type01 thead th{padding:20px 10px;background:#f7f8f9; text-align:center; font-size:18px ;font-weight:500; color:#252525; letter-spacing:-0.03em; line-height:1.2em;border-bottom:1px solid #b7b7b7;border-left:1px solid #b7b7b7}
.life-wrap .tbl-type01 thead tr:first-child th:first-child{border-left:none;}
.life-wrap .tbl-type01 tbody td{padding:20px 10px;text-align:center; font-size:15px ;font-weight:300; color:#252525; letter-spacing:-0.03em; line-height:1.2em; border-bottom:1px solid #b7b7b7;border-left:1px solid #b7b7b7}
.life-wrap .tbl-type01 tbody tr td:first-child{border-left:none;}
.life-wrap .tbl-type01 .more-btn{display:inline-block;vertical-align:top; width:118px; line-height:28px; border:1px solid #252525;border-radius:30px; font-size:15px; color:#252525; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400;}
.life-wrap .tbl-type01 .more-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/Content/use-arrow.png) no-repeat right center;}
.life-wrap .tbl-type01 .more-btn:hover{background:#252525; color:#fff;}
.life-wrap .tbl-type01 .more-btn:hover span{background:url(../images/Content/use-arrowo.png) no-repeat right center;}
	@media only screen and (max-width:1400px){
		.life-wrap .tbl-type01 thead th{font-size:17px; padding:17px 5px;}
		.life-wrap .tbl-type01 tbody td{padding:17px 5px; font-size:15px;}

		.life-wrap .tbl-type01 .more-btn{width:105px; font-size:15px; padding:0 12px;}
	}
	@media only screen and (max-width:1200px){

	}
	@media only screen and (max-width:999px){
		.life-wrap .tbl-type01 thead th{font-size:15px; padding:15px 5px;}
		.life-wrap .tbl-type01 tbody td{padding:15px 5px; font-size:14px;}

		.life-wrap .tbl-type01 .more-btn{width:95px; font-size:14px; padding:0 10px;}
		.life-wrap .tbl-type01 .more-btn span{background-size:10px auto !important; padding-right:20px;}
	}
	@media only screen and (max-width:680px){
		.life-wrap .tbl-type01 thead th{font-size:15px; padding:10px 5px;}
		.life-wrap .tbl-type01 tbody td{padding:10px 5px; font-size:13px;}

		.life-wrap .tbl-type01 .more-btn{width:85px; font-size:13px; padding:0 10px;}
		.life-wrap .tbl-type01 .more-btn span{background-size:10px auto !important; padding-right:15px;}
	}
	@media only screen and (max-width:480px){

	}
.life-wrap .use{}
.life-wrap .use ul{margin-top:20px;padding:0 15px;}
.life-wrap .use li{position:relative;}
.life-wrap .use li:nth-child(n+2){margin-top:10px;}
.life-wrap .use li.b{font-weight:400; padding-left:15px;font-size:15px;color:#252525; line-height:1.2em; letter-spacing:-0.03em;}
.life-wrap .use li.b:before{position:absolute; left:0; top:6px; display:block; content:"▶"; font-weight:400; color:#252525; font-size:9px; line-height:1em;}
.life-wrap .use li ul{margin-top:10px; padding:0 0px;}
.life-wrap .use li ul li{padding-left:10px;font-size:15px;font-weight:300;color:#252525; line-height:1.2em; letter-spacing:-0.03em;}
.life-wrap .use li ul li:before{width:5px;height:1px; position:Absolute; left:0; top:8px; background:#252525;display:block; content:""}
.life-wrap .use li ul li:nth-child(n+2){margin-top:10px;}
	@media only screen and (max-width:1400px){

	}
	@media only screen and (max-width:1200px){
		.life-wrap .use li.b{font-size:15px;}
		.life-wrap .use li.b:before{top:5px;}
		.life-wrap .use li ul li{ font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .use ul{padding:0 10px}
		.life-wrap .use li.b{font-size:14px;}
		.life-wrap .use li ul li{ font-size:14px;}
		.life-wrap .use li ul li:nth-child(n+2){margin-top:7px;}
		.life-wrap .use li ul li:before{top:7px}
	}
	@media only screen and (max-width:680px){

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

	}

.life-wrap .particular{padding:0 15px;}
.life-wrap .particular p{position:relative; padding-left:12px; font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.5em;word-break: keep-all;}
.life-wrap .particular p:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:9px; display:block; content:""}
	@media only screen and (max-width:1400px){

	}
	@media only screen and (max-width:1200px){
		.life-wrap .particular p{font-size:15px;}
		.life-wrap .particular p:before{width:3px;height:3px; top:7px;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .particular{padding:0 10px;}
		.life-wrap .particular p{font-size:14px;}
		.life-wrap .particular p:before{width:3px;height:3px; top:7px;}
	}
	@media only screen and (max-width:680px){

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

	}

.life-wrap .prg{padding:0 15px;}
.life-wrap .prg dl{}
.life-wrap .prg dl dt{position:relative; padding-left:12px; font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.life-wrap .prg dl dt:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:7px; display:block; content:""}
.life-wrap .prg dl dd{position:relative; padding-left:22px;font-size:15px; font-weight:300; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.life-wrap .prg dl dd:before{width:16px;height:10px; background:url(../images/Content/prd-arrow.png) no-repeat left center; position:Absolute; left:0; top:5px; display:block; content:""}
.life-wrap .prg dl dd:nth-child(n+2){margin-top:10px;}
	@media only screen and (max-width:1400px){

	}
	@media only screen and (max-width:1200px){
		.life-wrap .prg dl dt{font-size:15px;}
		.life-wrap .prg dl dt:before{width:3px;height:3px; top:7px;}
		.life-wrap .prg dl dd{padding-left:20px; font-size:15px;}
		.life-wrap .prg dl dd:before{background-size:12px auto;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .prg{padding:0 10px;}
		.life-wrap .prg dl dt{font-size:14px;}
		.life-wrap .prg dl dt:before{width:3px;height:3px; top:7px;}
		.life-wrap .prg dl dd{padding-left:18px; font-size:14px;}
		.life-wrap .prg dl dd:nth-child(n+2){margin-top:7px;}
		.life-wrap .prg dl dd:before{background-size:12px auto; top:4px;}
	}
	@media only screen and (max-width:740px){

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

	}

.life-wrap .connect{position:relative;}
.life-wrap .connect:after{position:absolute; left:0; top:0; width:100%; height:100%;box-sizing:border-box;border:1px solid #ccc;display:block; content:""; z-index:-1}
.life-wrap .connect ul{}
.life-wrap .connect ul:after{display:block; content:"";clear:both}
.life-wrap .connect li{float:left; width:33.33333333%; box-sizing:border-box; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.life-wrap .connect li:nth-child(n+4){}
.life-wrap .connect li:nth-child(3n){border-right:none;}
.life-wrap .connect li a{display:block; line-height:67px; font-size:15px; color:#252525; padding-left:70px;letter-spacing:-0.03em; padding-right:40px; position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.life-wrap .connect li a:before{width:20px;height:20px; position:absolute; left:40px; top:50%;margin-top:-10px; display:block; content:"";background:url(../images/Content/connect-home.png) no-repeat center center;}
.life-wrap .connect li a:hover{color:#eaa333;}
.life-wrap .connect li a:hover:before{background-image:url(../images/Content/connect-homeo.png)}
.life-wrap .connect li a span{display:inline-block;vertical-align:top; position:relative; padding-right:30px; box-sizing:border-box; max-width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.life-wrap .connect li a span:after{position:absolute;width:20px;height:20px; right:0; top:50%;margin-top:-10px;display:block; content:"";background:url(../images/Content/connect-arrow.png) no-repeat right center;-webkit-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;}
.life-wrap .connect li a:hover span:after{opacity:0; right:-30px;}

.life-wrap .connect li a:after{opacity:0;position:absolute;width:20px;height:20px; right:60px; top:50%;margin-top:-10px;display:block; content:"";background:url(../images/Content/connect-arrowo.png) no-repeat right center;-webkit-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;}
.life-wrap .connect li a:hover:after{transition-delay: 0.1s;opacity:1;right:40px;}
	@media only screen and (max-width:1400px){
		.life-wrap .connect li a{font-size:15px; padding-left:60px; padding-right:30px;}
		.life-wrap .connect li a:before{left:30px}
		.life-wrap .connect li a:hover:after{right:30px;}
	}
	@media only screen and (max-width:1200px){
		.life-wrap .connect li{width:50%}
		.life-wrap .connect li:nth-child(2n){border-right:none;}
		.life-wrap .connect li:nth-child(3n){border-right:1px solid #ccc;}
	}
	@media only screen and (max-width:999px){
		.life-wrap .connect li a{font-size:14px; padding-left:50px; padding-right:20px; line-height:60px;}
		.life-wrap .connect li a:before{left:20px}
		.life-wrap .connect li a:hover:after{right:20px;}
	}
	@media only screen and (max-width:740px){
		.life-wrap .connect li{width:auto; float:none;}
		.life-wrap .connect li:nth-child(2n){border-right:1px solid #ccc;}

		.life-wrap .connect li a{line-height:55px;}
	}
	@media only screen and (max-width:480px){
		.life-wrap .connect li a{line-height:50px; padding-left:45px;}
		.life-wrap .connect li a:before{left:15px}
		.life-wrap .connect li a:hover:after{right:15px;}
	}



/* ======================================================
   .about-wrap
=========================================================*/
.about-wrap{}
.about-wrap .whys{position:relative; min-height:968px; padding-right:590px;  }
.about-wrap .whys:after{width:536px; height:100%; position:Absolute;right:0; top:0; background:url(../images/Content/whys-img01.jpg) no-repeat center bottom; position:Absolute; display:block;content:"";z-index:-1;}

.about-wrap .whys .circle{position:relative; padding:15px 0;}
.about-wrap .whys .circle:before{width:200px;height:100%; border-radius:200px;background:#bfcc90; position:absolute ;left:0; top:0; display:block; content:"";clear:both; z-index:1;}
.about-wrap .whys .circle:after{width:1px;height:90%;background:#8ea243; position:absolute ;left:101px; top:5%; display:block; content:"";clear:both; z-index:2;}

.about-wrap .whys .item{z-index:3;padding-left:285px; position:relative; display:flex;align-items: center; justify-content: left; min-height:165px;}
.about-wrap .whys .item:nth-child(n+2){margin-top:27px;}
.about-wrap .whys .item:nth-child(n+2):before{width:100%; position:Absolute; left:102px; top:-12px;  border-top:1px dashed #8ea243; display:block; content:"";}
.about-wrap .whys .item .txt{width:100%;}
.about-wrap .whys .item dl dt{position:relative;padding-left:27px;color:#6d8c03;font-size:20px; font-weight:500; letter-spacing:-0.04em; line-height:1.2em;}
.about-wrap .whys .item dl dt:before{width:25px;height:100%; position:absolute ;left:0; top:0;background:url(../images/Sub/u-tit03.png) no-repeat center center; display:block; content:"";}
.about-wrap .whys .item dl dd{padding-left:22px; position:relative;font-size:15px; font-weight:300; color:#252525; letter-spacing:-0.03em; line-height:1.2em;word-break: keep-all;}
.about-wrap .whys .item dl dd:before{width:4px;height:4px; background:#252525; position:Absolute; left:10px; top:8px; display:block; content:""}
.about-wrap .whys .item dl dd:nth-child(n+2){margin-top:9px;}

.about-wrap .whys .item .num{position:absolute; top:0; left:19px; width:165px;height:165px; padding-top:28px; background:#fff; border-radius:100%; box-sizing:border-box; border:1px solid #8ca140; text-align:center;}
.about-wrap .whys .item .num .btxt{width:40px;height:40px; border-radius:100%; text-indent:-1px; font-size:18px; font-weight:700; color:#fff; background:#8ea243; display:inline-block;vertical-align:top; line-height:39px;}
.about-wrap .whys .item .num .stxt{font-size:15px; color:#252525; font-weight:400; line-height:1.3em; margin-top:17px;}
	@media only screen and (max-width:1400px){
		.about-wrap .whys{padding-right:38%; min-height:auto;}
		.about-wrap .whys:after{width:35%;background-size:100% auto;}

		.about-wrap .whys .item{padding-left:260px;}
		.about-wrap .whys .item dl dt{font-size:18px;}
		.about-wrap .whys .item dl dt:before{background-size:8px auto;}
		.about-wrap .whys .item dl dd{font-size:15px;}
		.about-wrap .whys .item dl dd:before{left:8px; top:6px;}
	}
	@media only screen and (max-width:1200px){

	}
	@media only screen and (max-width:999px){
		.about-wrap .whys{padding-right:0;}
		.about-wrap .whys:after{display:none;}

		.about-wrap .whys .circle{position:relative; padding:15px 0;}
		.about-wrap .whys .circle:before{width:180px;height:100%; border-radius:180px;}
		.about-wrap .whys .circle:after{left:91px;}

		.about-wrap .whys .item{display:block; padding:15px 0; min-height:145px;box-sizing:border-box;}
		.about-wrap .whys .item:nth-child(n+2):before{width:calc(100% - 100px); left:91px;}
		.about-wrap .whys .item .num{width:145px;height:145px;}
		.about-wrap .whys .item .num .btxt{width:34px;height:34px; line-height:33px; font-size:15px}
		.about-wrap .whys .item .num .stxt{font-size:14px; margin-top:12px;}


		.about-wrap .whys .item{padding-left:220px;}
		.about-wrap .whys .item dl dt{font-size:15px;}
		.about-wrap .whys .item dl dt:before{background-size:8px auto;}
		.about-wrap .whys .item dl dd{font-size:14px;}
		.about-wrap .whys .item dl dd:before{width:3px;height:3px;left:10px; top:6px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap .whys .circle{position:relative; padding:15px 0;}
		.about-wrap .whys .circle:before{width:160px;height:100%; border-radius:160px;}
		.about-wrap .whys .circle:after{left:81px;}

		.about-wrap .whys .item{display:block;  min-height:125px;}
		.about-wrap .whys .item:nth-child(n+2):before{width:calc(100% - 90px); left:81px;}
		.about-wrap .whys .item .num{width:125px;height:125px;}
		.about-wrap .whys .item .num .btxt{width:30px;height:30px; line-height:29px; font-size:14px}
		.about-wrap .whys .item .num .stxt{font-size:13px; margin-top:9px;}

		.about-wrap .whys .item{padding-left:180px;}
		.about-wrap .whys .item dl dt{font-size:15px;}
		.about-wrap .whys .item dl dt:before{background-size:8px auto;}
		.about-wrap .whys .item dl dd{font-size:13px;}
		.about-wrap .whys .item dl dd:before{width:3px;height:3px;left:11px; top:6px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap .whys .circle{position:relative; padding:0 0;}
		.about-wrap .whys .circle:before{width:130px;height:100%; border-radius:130px; display:none;}
		.about-wrap .whys .circle:after{left:81px;display:none;}

		.about-wrap .whys .item{display:block; padding:0 0 15px 0; min-height:auto;}
		.about-wrap .whys .item:nth-child(n+2){margin-top:10px; padding-top:0;}
		.about-wrap .whys .item:nth-child(n+2):before{width:calc(100%); left:0; display:none;}
		.about-wrap .whys .item .num{position:relative; padding:8px 12px; border-radius:30px; background:#bfcc90; width:auto; height:auto; left:auto; top:auto; text-align:left; margin-bottom:15px;}
		.about-wrap .whys .item .num .btxt{width:30px;height:30px; line-height:29px; font-size:14px;display:inline-block;vertical-align:top;text-align:center;}
		.about-wrap .whys .item .num .stxt{margin-top:0; line-height:29px;font-size:14px; margin-left:5px;display:inline-block;vertical-align:top;}
		.about-wrap .whys .item .num .stxt br{display:none;}

		.about-wrap .whys .item{padding-left:0;}
	}


.about-wrap .counsel{}
.about-wrap .counsel dl{min-height:205px; position:relative; padding-top:15px;}
.about-wrap .counsel dl:nth-child(n+2){margin-top:80px; }
.about-wrap .counsel dl dt{position:relative;height:100px;padding:0 40px 0 240px; display:flex;align-items: center; justify-content: left;}
.about-wrap .counsel dl dt:before{background:#263749;border-radius:100px;position:absolute;right:0; top:0; width:94%; height:100%;display:block; content:""; z-index:-1; }
.about-wrap .counsel dl dt .num{width:200px;height:200px; position:absolute ; left:0; top:-15px; background:#fff;  border:12px solid #fac85d; color:#fac85d; line-height:174px;font-weight:900; font-size:80px; text-indent:-1px; text-align:center; box-sizing:border-box ;border-radius:100%;}
.about-wrap .counsel dl dt .txt{font-size:20px ;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em; word-break: keep-all;}
.about-wrap .counsel dl dd{padding:20px 0 20px 220px}
.about-wrap .counsel dl dd p{font-size:20px; color:#252525; letter-spacing:-0.04em; line-height:1.2em; font-weight:400; position:relative;word-break: keep-all;}
.about-wrap .counsel dl dd p:nth-child(n+2){margin-top:12px;}
.about-wrap .counsel dl dd p.ico{padding-left:50px; padding-top:5px; padding-bottom:6px;}
.about-wrap .counsel dl dd p.ico:before{width:35px;height:35px; position:Absolute; left:0; top:0; display:block; content:"";}
.about-wrap .counsel dl dd p.dot{padding-left:35px;}
.about-wrap .counsel dl dd p.dot:before{width:4px;height:4px; background:#252525; position:Absolute; left:15px; top:10px; display:block; content:""}

.about-wrap .counsel dl dd p.ico01:before{background:url(../images/Content/counsel-ico01.png) no-repeat center center; background-size:100% auto;}
.about-wrap .counsel dl dd p.ico02:before{background:url(../images/Content/counsel-ico02.png) no-repeat center center; background-size:100% auto;}
.about-wrap .counsel dl dd p.ico03:before{background:url(../images/Content/counsel-ico03.png) no-repeat center center; background-size:100% auto;}
.about-wrap .counsel dl dd p.ico04:before{background:url(../images/Content/counsel-ico04.png) no-repeat center center; background-size:100% auto;}

.about-wrap .counsel .more-btn{position:absolute; right:40px; top:50%;margin-top:-15px;display:inline-block;vertical-align:top; width:118px; line-height:28px; border:1px solid #252525;border-radius:30px; font-size:15px; color:#252525; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400; background:#fff;}
.about-wrap .counsel .more-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/Content/use-arrow.png) no-repeat right center;}
.about-wrap .counsel .more-btn:hover{background:#252525; color:#fff;}
.about-wrap .counsel .more-btn:hover span{background:url(../images/Content/use-arrowo.png) no-repeat right center;}
	@media only screen and (max-width:1400px){
		.about-wrap .counsel dl{min-height:170px;}
		.about-wrap .counsel dl:nth-child(n+2){margin-top:60px;}

		.about-wrap .counsel dl dt{height:80px; padding-left:210px;}
		.about-wrap .counsel dl dt .txt{font-size:18px;}
		.about-wrap .counsel dl dt .num{width:170px;height:170px; border-width:10px;font-size:50px;line-height:144px;}

		.about-wrap .counsel dl dd{padding-left:200px;}
		.about-wrap .counsel dl dd p.ico{ font-size:18px; padding:4px 0 4px 40px;}
		.about-wrap .counsel dl dd p.ico:before{width:30px;height:30px;}

		.about-wrap .counsel dl dd p.dot{font-size:18px; padding-left:30px;}
		.about-wrap .counsel dl dd p.dot:before{top:8px}
	}
	@media only screen and (max-width:1200px){
		.about-wrap .counsel dl{min-height:140px;}
		.about-wrap .counsel dl dt{ height:70px; padding-left:170px;}
		.about-wrap .counsel dl dt .txt{font-size:17px;}
		.about-wrap .counsel dl dt .num{width:140px;height:140px; border-width:8px;font-size:40px;line-height:124px;}

		.about-wrap .counsel dl dd{padding:20px 0 20px 160px;}
		.about-wrap .counsel dl dd p.ico{ font-size:17px; padding:4px 0 5px 40px;}
		.about-wrap .counsel dl dd p.ico:before{width:30px;height:30px;}

		.about-wrap .counsel dl dd p.dot{font-size:17px; padding-left:25px;}
		.about-wrap .counsel dl dd p.dot:before{top:8px; left:12px;}
	}
	@media only screen and (max-width:999px){
		.about-wrap .counsel dl{min-height:auto;}
		.about-wrap .counsel dl:nth-child(n+2){margin-top:40px;}
		.about-wrap .counsel dl dt{height:auto; padding:20px 15px 20px 140px; }
		.about-wrap .counsel dl dt .num{ top:-10px;width:110px;height:110px;font-size:40px;line-height:90px;}

		.about-wrap .counsel dl dd{padding:20px 0 20px 140px;text-align:left;}
		.about-wrap .counsel dl dd p.ico{font-size:15px; padding:2px 0 2px 34px;}
		.about-wrap .counsel dl dd p.ico:before{width:25px;height:25px;}

		.about-wrap .counsel dl dd p.dot{font-size:15px; padding-left:25px;}
		.about-wrap .counsel dl dd p.dot:before{top:8px; left:12px; width:3px;height:3px}

		.about-wrap .counsel .more-btn{position:relative; right:auto; top:auto; margin-top:10px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap .counsel dl {padding-top:15px; min-height:auto;}
		.about-wrap .counsel dl:nth-child(n+2){margin-top:20px;}
		.about-wrap .counsel dl dt{padding-left:115px; min-height:65px; box-sizing:border-box;}
		.about-wrap .counsel dl dt .vc{position:relative;}
		.about-wrap .counsel dl dt .num{width:95px;height:95px;font-size:30px;line-height:80px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
		.about-wrap .counsel dl dt .txt{font-size:15px;}

		.about-wrap .counsel dl dd{padding:30px 30px 20px 30px;text-align:left;}
		.about-wrap .counsel dl dd p.ico{font-size:15px; padding:2px 0 2px 34px;}
		.about-wrap .counsel dl dd p.ico:before{width:25px;height:25px;}

		.about-wrap .counsel dl dd p.dot{font-size:15px; padding-left:20px;}
		.about-wrap .counsel dl dd p.dot:before{top:6px; left:10px;}

		.about-wrap .counsel .more-btn{position:relative; right:auto; top:auto; margin-top:5px; font-size:13px; width:100px; padding:0 12px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap .counsel dl{padding-top:10px;}
		.about-wrap .counsel dl:nth-child(n+2){margin-top:10px;}
		.about-wrap .counsel dl dt{ padding:12px 25px 12px 110px; }
		.about-wrap .counsel dl dt .txt{font-size:15px;}

		.about-wrap .counsel dl dd{padding:30px 15px 20px 15px;}
		.about-wrap .counsel dl dd p.ico{font-size:14px;padding:1px 0 1px 27px;}
		.about-wrap .counsel dl dd p.ico:before{width:20px;height:20px;}

		.about-wrap .counsel dl dd p.dot{font-size:14px; padding-left:20px;}
		.about-wrap .counsel dl dd p.dot:before{}
	}

/* ======================================================
   .sns-wrap
=========================================================*/
.sns-wrap{position:relative;}
.sns-wrap .u-tit01{margin-bottom:45px;}
.sns-wrap .sns{position:relative; height:432px; box-sizing:border-box; padding-top:95px;}
.sns-wrap .sns:before{position:absolute; left:0; top:0; width:200px; height:100%; background:url(../images/Content/sns-bg01.png) no-repeat left center; display:block; content:"";z-index:-1;}
.sns-wrap .sns:after{position:absolute; right:0; top:0; width:200px; height:100%; background:url(../images/Content/sns-bg02.png) no-repeat right center; display:block; content:"";z-index:-1;}
.sns-wrap .tits{position:absolute;left:175px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.sns-wrap .tits h3{font-size:25px; color:#252525; font-weight:300; letter-spacing:-0.03em; line-height:1.45em;}
.sns-wrap .tits h3 span{font-weight:500; font-size:34px; display:block;}
.sns-wrap .tits .more{margin-top:35px; display:inline-block;vertical-align:top; width:50px;height:10px; background:url(../images/Content/sns-more.png) no-repeat left center;}
.sns-wrap .cont{text-align:right;}
.sns-wrap .cont ul{display:inline-block;vertical-align:top;text-align:center;}
.sns-wrap .cont ul:after{display:block; content:"";clear:both;}
.sns-wrap .cont li{float:left; width:200px;}
.sns-wrap .cont li:nth-child(n+2){margin-left:17px;}
.sns-wrap .cont li a{height:240px; border:1px solid #dedede;background:rgba(255,255,255,0.5);display:block;display:flex;align-items: center; justify-content: center;-webkit-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;}
.sns-wrap .cont li .vc{width:100%;}
.sns-wrap .cont li .txt{padding-bottom:14px; margin-bottom:14px; position:relative; font-size:18px; color:#252525; font-weight:300; letter-spacing:-0.03em; line-height:1.2em; position:relative;}
.sns-wrap .cont li .txt span{font-weight:700;}
.sns-wrap .cont li .txt:after{width:16px;height:2px; bottom:-1px; background:#cccccc; position:Absolute ;left:50%;margin-left:-8px; display:block;content:"";}
.sns-wrap .cont li .ico{}
.sns-wrap .cont li a:hover{background:#fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15)}
	@media only screen and (max-width:1400px){
		.sns-wrap .sns{height:410px;}
		.sns-wrap .sns:before{background-size:160px auto;}
		.sns-wrap .sns:after{background-size:160px auto;}

		.sns-wrap .tits{left:165px}
		.sns-wrap .tits h3{font-size:22px;}
		.sns-wrap .tits h3 span{font-size:31px;}

		.sns-wrap .cont li{width:180px;}
		.sns-wrap .cont li a{height:220px;}
		.sns-wrap .cont li .txt{font-size:17px;}
		.sns-wrap .cont li .ico{}
		.sns-wrap .cont li .ico img{width:80px;}
	}
	@media only screen and (max-width:1200px){
		.sns-wrap .sns{height:350px;}
		.sns-wrap .sns:before{background-size:120px auto;}
		.sns-wrap .sns:after{background-size:120px auto;}

		.sns-wrap .tits{left:130px}
		.sns-wrap .tits h3{font-size:20px;}
		.sns-wrap .tits h3 span{font-size:27px;}

		.sns-wrap .cont li{width:160px;}
		.sns-wrap .cont li a{height:200px;}
		.sns-wrap .cont li .txt{font-size:15px;}
		.sns-wrap .cont li .ico{}
		.sns-wrap .cont li .ico img{width:70px;}
	}
	@media only screen and (max-width:999px){
		.sns-wrap .sns{height:auto; padding-top:0px;}
		.sns-wrap .sns:before{display:none;}
		.sns-wrap .sns:after{display:none;}

		.sns-wrap .tits{position:relative; text-align:center;left:auto;padding:15px 0; top:auto; width:94%; max-width:640px; margin:0 auto;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.sns-wrap .tits:before{position:absolute; left:0; top:0; width:100px; height:100%; background:url(../images/Content/sns-bg01.png) no-repeat left center;background-size:auto 100%; display:block; content:"";z-index:-1;}
		.sns-wrap .tits:after{position:absolute; right:0; top:0; width:100px; height:100%; background:url(../images/Content/sns-bg02.png) no-repeat right center;background-size:auto 100%; display:block; content:"";z-index:-1;}

		.sns-wrap .tits h3{font-size:18px;}
		.sns-wrap .tits h3 span{font-size:24px; display:inline ;margin-left:5px;}
		.sns-wrap .tits .more{margin-top:25px; background-size:30px auto;}

		.sns-wrap .cont{text-align:center; margin:35px auto 0 auto; width:94%; max-width:640px;}
		.sns-wrap .cont ul{display:block;}
		.sns-wrap .cont li{float:left; width:48%;}
		.sns-wrap .cont li:nth-child(even){float:right;}
		.sns-wrap .cont li:nth-child(n+2){margin-left:0;}
		.sns-wrap .cont li:nth-child(n+3){margin-top:25px;}

		.sns-wrap .cont li a{height:180px;}
		.sns-wrap .cont li .txt{font-size:15px;}
		.sns-wrap .cont li .ico{}
		.sns-wrap .cont li .ico img{width:60px;}
	}
	@media only screen and (max-width:680px){
		.sns-wrap .tits h3{font-size:15px;}
		.sns-wrap .tits h3 span{font-size:21px;}
		.sns-wrap .tits .more{margin-top:17px;}

		.sns-wrap .cont li .txt{font-size:14px;}
		.sns-wrap .cont li .ico{}
		.sns-wrap .cont li .ico img{width:50px;}
	}
	@media only screen and (max-width:480px){

	}


/* ======================================================
   .rule-wrap
=========================================================*/
.rule-wrap{position:relative;}
.rule-wrap .clause{position:relative; padding:45px 160px 90px 160px;border:1px solid #ddd;}
.rule-wrap .clause:before{width:128px;height:128px; position:absolute; left:0; top:0; background:url(../images/Content/rule-bg01.jpg) no-repeat left top; background-size:100% auto;display:block; content:""}
.rule-wrap .clause:after{width:128px;height:128px; position:absolute; right:0; top:0; background:url(../images/Content/rule-bg02.jpg) no-repeat right top; background-size:100% auto; display:block; content:""}

.rule-wrap .clause .tits{text-align:center; height:150px; padding-top:40px; box-sizing:border-box;background:url(../images/Content/rule-tit.jpg) no-repeat center top}
.rule-wrap .clause .tits p{font-size:35px; font-weight:700; color:#252525; line-height:110px; letter-spacing:-0.045em;}

.rule-wrap .clause .cont{margin-top:55px;}
.rule-wrap .clause .cont:before{width:128px;height:128px; position:absolute; left:0; bottom:0; background:url(../images/Content/rule-bg03.jpg) no-repeat left top;  background-size:100% auto;display:block; content:""}
.rule-wrap .clause .cont:after{width:128px;height:128px; position:absolute; right:0; bottom:0; background:url(../images/Content/rule-bg04.jpg) no-repeat right top; background-size:100% auto; display:block; content:""}

.rule-wrap .clause .cont .gap25{height:25px;}
.rule-wrap .clause .cont .mg12t{margin-top:12px;}
.rule-wrap .clause .cont .btxt{display:block;font-size:15px; font-weight:500; color:#252525; letter-spacing:-0.03em; line-height:1.2em; padding:13px 12px 13px 12px; text-align:center; background:#f1f1f1;word-break: keep-all;}
.rule-wrap .clause .cont .stxt{font-size:15px; font-weight:300; color:#252525; letter-spacing:-0.03em; line-height:1.5em; text-align:left;word-break: keep-all;}
.rule-wrap .clause .cont .stxt.b{font-weight:400;}
.rule-wrap .clause .cont .stxt.nbsp{padding-left:17px;}
	@media only screen and (max-width:1400px){
		.rule-wrap .clause{padding:45px 140px 70px 140px}
		.rule-wrap .clause:before{width:110px;height:110px;}
		.rule-wrap .clause:after{width:110px;height:110px;}

		.rule-wrap .clause .tits{background-size:340px auto;height:135px;}
		.rule-wrap .clause .tits p{font-size:31px; line-height:85px}

		.rule-wrap .clause .cont{margin-top:40px;}
		.rule-wrap .clause .cont:before{width:110px;height:110px;}
		.rule-wrap .clause .cont:after{width:110px;height:110px;}
		.rule-wrap .clause .cont .btxt{font-size:15px}
		.rule-wrap .clause .cont .stxt{font-size:15px}
	}
	@media only screen and (max-width:1200px){
		.rule-wrap .clause{padding:45px 100px 50px 100px}
		.rule-wrap .clause:before{width:90px;height:90px;}
		.rule-wrap .clause:after{width:90px;height:90px;}

		.rule-wrap .clause .tits{background-size:300px auto;height:125px;}
		.rule-wrap .clause .tits p{font-size:31px; line-height:65px}

		.rule-wrap .clause .cont:before{width:90px;height:90px;}
		.rule-wrap .clause .cont:after{width:90px;height:90px;}
	}
	@media only screen and (max-width:999px){
		.rule-wrap .clause{padding:45px 70px 50px 70px}
		.rule-wrap .clause:before{width:65px;height:65px;}
		.rule-wrap .clause:after{width:65px;height:65px;}

		.rule-wrap .clause .tits{background-size:260px auto;height:105px;}
		.rule-wrap .clause .tits p{font-size:25px; line-height:45px}

		.rule-wrap .clause .cont{margin-top:25px;}
		.rule-wrap .clause .cont:before{width:65px;height:65px;}
		.rule-wrap .clause .cont:after{width:65px;height:65px;}
		.rule-wrap .clause .cont .gap25{height:20px;}
		.rule-wrap .clause .cont .btxt{font-size:14px; padding:8px 10px}
		.rule-wrap .clause .cont .stxt{font-size:14px}
	}
	@media only screen and (max-width:680px){
		.rule-wrap .clause{padding:45px 50px 50px 50px}
		.rule-wrap .clause .tits{background-size:220px auto;height:89px;}
		.rule-wrap .clause .tits p{font-size:21px; line-height:30px}

		.rule-wrap .clause .cont{margin-top:25px;}
		.rule-wrap .clause .cont .btxt{font-size:14px}
		.rule-wrap .clause .cont .stxt{font-size:14px}
		.rule-wrap .clause .cont .btxt:last-child{background:none; font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.rule-wrap .clause{padding:45px 25px 50px 25px}
		.rule-wrap .clause .tits{background-size:180px auto;height:72px; padding-top:34px;}
		.rule-wrap .clause .tits p{font-size:18px; line-height:20px}
	}



/* ======================================================
   .bill-wrap
=========================================================*/
.bill-wrap .vinfo{padding:15px 15px 15px 105px; position:relative; box-sizing:border-box;background:#f7f8f9;}
.bill-wrap .vinfo:before{width:70px;height:78px; left:15px ;top:15px;background:url(../images/Content/vinfo-ico.png) no-repeat left top ;display:block; content:""; position:absolute;}
.bill-wrap .vinfo .vc{height:78px;display:flex;align-items: center; justify-content: left;}
.bill-wrap .vinfo p{font-size:18px; font-weight:400; letter-spacing:-0.03em; line-height:1.4em; color:#252525;word-break: keep-all; }
	@media only screen and (max-width:1200px){
		.bill-wrap .vinfo p{font-size:17px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .vinfo{padding:25px 15px 25px 85px;}
		.bill-wrap .vinfo:before{background-size:60px auto;}
		.bill-wrap .vinfo p{font-size:15px;}
		.bill-wrap .vinfo .vc{display:block; height:auto;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .vinfo{padding:20px 15px 20px 65px;}
		.bill-wrap .vinfo:before{background-size:40px auto;}
		.bill-wrap .vinfo p{font-size:15px;}
	}
	@media only screen and (max-width:480px){
		.bill-wrap .vinfo p{font-size:14px;}
	}


.bill-wrap .about .list{padding-top:15px;}
.bill-wrap .about .item{z-index:3;padding-top:15px;position:relative; min-height:200px;}
.bill-wrap .about .item:nth-child(n+2){margin-top:80px;}
.bill-wrap .about .item .vc{width:100%;}
.bill-wrap .about .item .tit{position:relative;height:100px;padding:0 40px 0 240px; display:flex;align-items: center; justify-content: left;}
.bill-wrap .about .item .tit:before{background:#263749;border-radius:100px;position:absolute;right:0; top:0; width:94%; height:100%;display:block; content:""; z-index:-1; }
.bill-wrap .about .item .tit p{font-size:20px ;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em; word-break: keep-all;}

.bill-wrap .about .item .img{position:absolute; top:0; left:0; width:200px;height:200px;background:#fff; border-radius:100%; box-sizing:border-box; border:12px solid #fac85d; text-align:center;display:flex;align-items: center; justify-content: center;}

.bill-wrap .about .item .txt{padding:25px 0 0 220px;}
.bill-wrap .about .item .txt .ex{position:relative;text-align:left;padding-left:50px; padding-top:6px; padding-bottom:7px; font-size:15px; font-weight:400; word-break: keep-all;color:#252525; letter-spacing:-0.03em; min-height:35px; box-sizing:border-box;}
.bill-wrap .about .item .txt .ex:before{width:35px;height:35px; position:Absolute; left:0; top:0; display:block; content:"";background:url(../images/Content/bill-ex.jpg) no-repeat center center; background-size:100% auto;}

.bill-wrap .about .item .down{height:90px; position:Relative; padding-left:150px;display:flex;align-items: center; justify-content: left;}
.bill-wrap .about .item .down:before{width:90px;height:90px; position:Absolute; left:0; top:0; background:url(../images/Content/bill-ico11.jpg) no-repeat; display:block; content:""}
.bill-wrap .about .item .down:after{width:30px;height:30px; position:Absolute; left:105px; top:50%;margin-top:-15px; background:url(../images/Content/bill-next.jpg) no-repeat center center; display:block; content:""}
.bill-wrap .about .item .down a{display:inline-block;vertical-align:top}
.bill-wrap .about .item .down a:nth-child(n+2){margin-left:15px;}
.bill-wrap .about .item .down a.search{width:140px;height:41px; border:1px solid #252525; border-radius:5px; padding:0 10px; box-sizing:border-box; position:relative; letter-spacing:-0.04em; line-height:39px; font-size:15px; color:#252525; }
.bill-wrap .about .item .down a.search:after{width:40px;height:100%; position:Absolute; right:0; top:0; background:url(../images/Content/bill-search.jpg) no-repeat center center; display:block; content:""}
	@media only screen and (max-width:1400px){
		.bill-wrap .about .item{min-height:170px;}
		.bill-wrap .about .item:nth-child(n+2){margin-top:60px;}

		.bill-wrap .about .item .tit{height:80px; padding-left:210px;}
		.bill-wrap .about .item .tit p{font-size:18px;}

		.bill-wrap .about .item .txt{padding-left:200px;}
		.bill-wrap .about .item .txt .ex{ font-size:18px; padding:4px 0 4px 40px;}
		.bill-wrap .about .item .txt .ex:before{width:30px;height:30px;}

		.bill-wrap .about .item .img{width:170px;height:170px; border-width:10px}
		.bill-wrap .about .item .img img{width:100%;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .about .item{min-height:140px;}
		.bill-wrap .about .item .tit{height:70px; padding-left:170px;}
		.bill-wrap .about .item .tit p{font-size:17px;}

		.bill-wrap .about .item .txt{padding:20px 0 20px 160px;}
		.bill-wrap .about .item .txt .ex{ font-size:15px; padding:4px 0 5px 40px;}
		.bill-wrap .about .item .txt .ex:before{width:30px;height:30px;}

		.bill-wrap .about .item .img{width:140px;height:140px; border-width:8px}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .about .list{padding-top:5px;}
		.bill-wrap .about .item{min-height:auto;}
		.bill-wrap .about .item:nth-child(n+2){margin-top:40px;}
		.bill-wrap .about .item .tit{height:auto; padding:20px 15px 20px 140px; }
		.bill-wrap .about .item .img{width:110px;height:110px;}
		.bill-wrap .about .item .txt{padding:20px 0 20px 140px;text-align:left;}

		.bill-wrap .about .item .down{height:80px;padding-left:115px;}
		.bill-wrap .about .item .down:before{top:50%;margin-top:-40px; width:80px;height:80px; background-size:100% auto;}
		.bill-wrap .about .item .down:after{background-size:20px auto;left:84px;}
		.bill-wrap .about .item .down a:nth-child(n+2){margin-left:5px;}
		.bill-wrap .about .item .down a img{width:115px;}
		.bill-wrap .about .item .down a.search{width:115px; font-size:15px;  line-height:32px; height:33px;}
		.bill-wrap .about .item .down a.search:after{background-size:14px auto; width:33px;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .about .item {padding-top:15px; min-height:auto;}
		.bill-wrap .about .item:nth-child(n+2){margin-top:20px;}
		.bill-wrap .about .item .tit{padding-left:115px; min-height:65px; box-sizing:border-box;}
		.bill-wrap .about .item .tit p{font-size:15px;}

		.bill-wrap .about .item .txt{padding:30px 30px 20px 30px;text-align:center;}
		.bill-wrap .about .item .txt .ex{font-size:14px; padding:2px 0 2px 34px;}
		.bill-wrap .about .item .txt .ex:before{width:25px;height:25px;}

		.bill-wrap .about .item .vc{position:relative;}
		.bill-wrap .about .item .img{width:95px;height:95px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

		.bill-wrap .about .item .down{display:block; height:auto; display:inline-block;vertical-align:top;text-align:left;}
		.bill-wrap .about .item .down a{display:block}
		.bill-wrap .about .item .down a:nth-child(n+2){margin-left:0; margin-top:5px}
	}
	@media only screen and (max-width:480px){
		.bill-wrap .about .item {padding-top:10px;}
		.bill-wrap .about .item:nth-child(n+2){margin-top:10px;}
		.bill-wrap .about .item .tit{ padding:10px 15px 10px 110px; }
		.bill-wrap .about .item .tit p{font-size:15px;}

		.bill-wrap .about .item .txt{padding:30px 15px 20px 15px;}
		.bill-wrap .about .item .txt .ex{padding:0 0 0 27px;}
		.bill-wrap .about .item .txt .ex:before{width:20px;height:20px;}
	}

.bill-wrap .about .icons{margin-top:45px;padding:40px; border:1px solid #ccc;}
.bill-wrap .about .icons ul{font-size:0;}
.bill-wrap .about .icons ul:after{display:block; content:"";clear:both}
.bill-wrap .about .icons li{float:left; width:10%;text-align:center;}
.bill-wrap .about .icons li .ico{}
.bill-wrap .about .icons li .txt{font-size:15px; color:#252525; line-height:1.25em; margin-top:7px; letter-spacing:-0.03em;word-break: keep-all;}
	@media only screen and (max-width:1400px){
		.bill-wrap .about .icons li .ico img{width:80px;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .about .icons{margin-top:30px;padding:30px;}
		.bill-wrap .about .icons li .ico{}
		.bill-wrap .about .icons li .ico img{width:70px;}
		.bill-wrap .about .icons li .txt{margin-top:4px;font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .about .icons{padding:20px;}
		.bill-wrap .about .icons li{width:20%; float:none ; display:inline-block;vertical-align:top;}
		.bill-wrap .about .icons li:nth-child(n+6){margin-top:15px;}
		.bill-wrap .about .icons li .ico img{width:60px;}
		.bill-wrap .about .icons li .txt{font-size:14px;min-height:auto;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .about .icons{margin-top:20px;padding:20px 5px;}
		.bill-wrap .about .icons li{width:25%}
		.bill-wrap .about .icons li:nth-child(n+5){margin-top:15px;}
		.bill-wrap .about .icons li .ico img{width:45px;}
		.bill-wrap .about .icons li .txt{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.bill-wrap .about .icons{margin-top:0;}
	}

.bill-wrap .sale h4{text-align:center;font-size:35px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:67px; position:relative; padding:45px 55px 0 55px;word-break: keep-all;}
.bill-wrap .sale h4:before{width:50px;height:50px; position:Absolute; left:0; top:0;background:url(../images/Content/bill-dot01.jpg) no-repeat left top; background-size:100% auto; display:block;content:""}
.bill-wrap .sale h4:after{width:50px;height:50px; position:Absolute; right:0; top:0;background:url(../images/Content/bill-dot02.jpg) no-repeat right top; background-size:100% auto; display:block;content:""}
.bill-wrap .sale h4 br{display:none;}
.bill-wrap .sale h4 span{display:inline-block;vertical-align:top; position:relative; font-weight:700;}
.bill-wrap .sale h4 span.line01:after{width:134px;height:12px; position:Absolute; left:50%;margin-left:-67px; bottom:-20px; background:url(../images/Content/bill-line01.jpg) no-repeat center bottom; background-size:100% auto; display:block; content:""; }
.bill-wrap .sale h4 span.line02:after{width:134px;height:12px; position:Absolute; left:50%;margin-left:-67px; bottom:-20px; background:url(../images/Content/bill-line02.jpg) no-repeat center bottom; background-size:100% auto; display:block; content:"";}
	@media only screen and (max-width:1400px){
		.bill-wrap .sale{text-align:center;}
		.bill-wrap .sale h4{font-size:31px;padding:40px 65px 0 65px;display:inline-block;vertical-align:top;margin-bottom:55px;}

		.bill-wrap .sale h4:before{width:45px;height:45px;}
		.bill-wrap .sale h4:after{width:45px;height:45px;}

		.bill-wrap .sale h4 span.line01:after{width:110px;height:10px; margin-left:-55px;}
		.bill-wrap .sale h4 span.line02:after{width:110px;height:10px; margin-left:-55px;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .sale h4{font-size:27px;padding:30px 45px 0 45px;margin-bottom:45px;}

		.bill-wrap .sale h4:before{width:35px;height:35px;}
		.bill-wrap .sale h4:after{width:35px;height:35px;}

		.bill-wrap .sale h4 span.line01:after{width:90px;height:10px; margin-left:-45px; bottom:-15px;}
		.bill-wrap .sale h4 span.line02:after{width:90px;height:10px; margin-left:-45px; bottom:-15px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .sale{margin-top:15px;text-align:center;}
		.bill-wrap .sale h4{font-size:23px;padding:25px 45px 0 45px; margin-bottom:30px;}
		.bill-wrap .sale h4 br{display:none;}

		.bill-wrap .sale h4:before{width:25px;height:25px;}
		.bill-wrap .sale h4:after{width:25px;height:25px;}

		.bill-wrap .sale h4 span.line01{color:#3c59cb}
		.bill-wrap .sale h4 span.line02{color:#e93c46}
		.bill-wrap .sale h4 span.line01:after{display:none;}
		.bill-wrap .sale h4 span.line02:after{display:none;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .sale h4{font-size:19px;padding:25px 30px 0 30px;}
		.bill-wrap .sale h4 br{display:none;}
	}
	@media only screen and (max-width:480px){

	}

.bill-wrap .sale .benefit{text-align:left;}
.bill-wrap .sale .benefit:after{display:block; content:"";clear:both}
.bill-wrap .sale .benefit .fl{float:left; width:48.5%}
.bill-wrap .sale .benefit .fr{float:right; width:48.5%}
.bill-wrap .sale .benefit .btxt{line-height:50px; padding-left:25px; color:#fff; font-size:18px;font-weight:500;letter-spacing:-0.03em; background:url(../images/Content/benefit-bg.jpg) repeat}
.bill-wrap .sale .benefit ul{padding:15px 20px; border:1px solid #ccc; border-top:none; background:#fff;}
.bill-wrap .sale .benefit li{padding-left:12px; position:relative;font-size:15px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;word-break: keep-all;}
.bill-wrap .sale .benefit li:before{width:4px;height:4px; background:#252525; position:Absolute; left:0px; top:8px; display:block; content:""}
.bill-wrap .sale .benefit li:nth-child(n+2){margin-top:5px;}
.bill-wrap .sale .benefit li.cblue{ color:#536ed1}
	@media only screen and (max-width:1400px){
		.bill-wrap .sale .benefit .btxt{font-size:17px;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .sale .benefit .btxt{font-size:15px; line-height:45px; padding-left:20px;}
		.bill-wrap .sale .benefit li{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .sale .benefit .btxt{}
		.bill-wrap .sale .benefit ul{padding:15px 15px;}
		.bill-wrap .sale .benefit li{font-size:14px; padding-left:10px;}
		.bill-wrap .sale .benefit li:before{width:3px;height:3px; top:7px;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .sale .benefit .fl{float:none; width:auto;}
		.bill-wrap .sale .benefit .fr{float:none; width:auto; margin-top:25px;}

		.bill-wrap .sale .benefit .btxt{font-size:15px;}
	}
	@media only screen and (max-width:480px){

	}

.bill-wrap .sale .effect{text-align:left;}
.bill-wrap .sale .effect ul{}
.bill-wrap .sale .effect li{position:relative;}

.bill-wrap .sale .effect li:nth-child(n+2){margin-top:20px}
.bill-wrap .sale .effect li .num{position:absolute; left:0; top:0; width:152px;height:151px;background:url(../images/Content/bill-angles.png) no-repeat center center;display:flex;align-items: center; justify-content: center;}
.bill-wrap .sale .effect li .num p{ padding-top:30px;text-align:center; color:#fff; letter-spacing:-0.03em; font-size:18px; font-weight:400; line-height:1.3em; position:relative;}
.bill-wrap .sale .effect li .num p:before{position:absolute; left:50%; top:0; background:#fff; width:1px;height:16px; display:block; content:""; transform: scale(1,1) rotate(30deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(30deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(30deg)skew(0,0) translate(0,0); }
.bill-wrap .sale .effect li .num p span{display:block;font-size:24px; font-weight:500; margin-top:5px;}
.bill-wrap .sale .effect li .txt{position:relative; padding-left:185px;min-height:152px;display:flex;align-items: center; justify-content: left;}
.bill-wrap .sale .effect li .txt .vc{width:100%;}
.bill-wrap .sale .effect li .txt .btxt{font-size:18px; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; color:#252525;word-break: keep-all;}
.bill-wrap .sale .effect li .txt .stxt{margin-top:7px; font-size:15px; font-weight:300; letter-spacing:-0.03em; line-height:1.2em;color:#252525;word-break: keep-all;}
	@media only screen and (max-width:1400px){
		.bill-wrap .sale .effect li .num{width:140px; height:142px; background-size:100% auto;}
		.bill-wrap .sale .effect li .num p{padding-top:25px; font-size:17px;}
		.bill-wrap .sale .effect li .num p span{font-size:21px;}
		.bill-wrap .sale .effect li .txt{padding-left:155px;min-height:142px;}
		.bill-wrap .sale .effect li .txt .btxt{font-size:17px;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .sale .effect li .num{width:120px; height:122px;}
		.bill-wrap .sale .effect li .num p{padding-top:20px; font-size:15px;}
		.bill-wrap .sale .effect li .num p span{font-size:18px;}

		.bill-wrap .sale .effect li .txt{padding-left:135px;min-height:135px;}
		.bill-wrap .sale .effect li .txt .btxt{font-size:17px;}
		.bill-wrap .sale .effect li .txt .stxt{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .sale .effect li .num{width:100px; height:102px;}
		.bill-wrap .sale .effect li .num p{padding-top:20px; font-size:14px;}
		.bill-wrap .sale .effect li .num p span{font-size:15px;}

		.bill-wrap .sale .effect li .txt{padding-left:115px;min-height:105px;}
		.bill-wrap .sale .effect li .txt .btxt{font-size:15px;}
		.bill-wrap .sale .effect li .txt .stxt{margin-top:5px;font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .sale .effect li .num{width:90px; height:92px;}
		.bill-wrap .sale .effect li .num p{padding-top:20px; font-size:13px;}
		.bill-wrap .sale .effect li .num p span{font-size:15px;}

		.bill-wrap .sale .effect li .txt{padding-left:105px;min-height:95px;}
		.bill-wrap .sale .effect li .txt .btxt{font-size:15px;}
	}
	@media only screen and (max-width:480px){

	}


.bill-wrap .sale .item{text-align:left;z-index:3; padding-top:15px;position:relative; min-height:165px;}
.bill-wrap .sale .item:nth-child(n+2){margin-top:80px;}
.bill-wrap .sale .item .vc{width:100%;}
.bill-wrap .sale .item .tit{position:relative;height:100px;padding:0 40px 0 240px; display:flex;align-items: center; justify-content: left;}
.bill-wrap .sale .item .tit:before{background:#263749;border-radius:100px;position:absolute;right:0; top:0; width:94%; height:100%;display:block; content:""; z-index:-1; }
.bill-wrap .sale .item .tit p{font-size:20px ;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em; word-break: keep-all; }

.bill-wrap .sale .item .img{position:absolute; top:0; left:0; width:200px;height:200px;background:#fff; border-radius:100%; box-sizing:border-box; border:12px solid #fac85d; text-align:center;display:flex;align-items: center; justify-content: center;}

.bill-wrap .sale .item .txt{padding:25px 0 25px 220px;}
.bill-wrap .sale .item .txt .btxt{position:relative;padding-left:50px; padding-top:5px; padding-bottom:6px; font-size:20px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
.bill-wrap .sale .item .txt .btxt:before{width:35px;height:35px; position:Absolute; left:0; top:0; display:block; content:"";background:url(../images/Content/bill-ex.jpg) no-repeat center center; background-size:100% auto;}

.bill-wrap .sale .item .txt ul{margin-top:15px;padding-left:10px;}
.bill-wrap .sale .item .txt li{color:#252525; font-weight:300; line-height:1.2em; letter-spacing:-0.03em;font-size:15px;word-break: keep-all;}
.bill-wrap .sale .item .txt li span{font-weight:400}
.bill-wrap .sale .item .txt li:nth-child(n+2){margin-top:10px;}
.bill-wrap .sale .item .txt li p{padding-left:34px;color:#eb414c; position:relative; margin-top:5px;}
.bill-wrap .sale .item .txt li p:before{position:absolute; left:20px; top:6px; display:block; content:"▶"; font-weight:400; color:#252525; font-size:9px; line-height:1em;}
	@media only screen and (max-width:1400px){
		.bill-wrap .sale .item .tit{height:80px; padding-left:210px;}
		.bill-wrap .sale .item .tit p{font-size:18px;}

		.bill-wrap .sale .item .txt{padding-left:200px;}
		.bill-wrap .sale .item .txt .btxt{ font-size:18px; padding:4px 0 4px 40px;}
		.bill-wrap .sale .item .txt .btxt:before{width:30px;height:30px;}

		.bill-wrap .sale .item .img{width:170px;height:170px; border-width:10px}
		.bill-wrap .sale .item .img img{width:100%;}

		.bill-wrap .sale .item .txt li{font-size:15px;}
		.bill-wrap .sale .item .txt li p:before{top:5px;}
	}
	@media only screen and (max-width:1200px){
		.bill-wrap .sale .item .tit{height:70px; padding-left:170px;}
		.bill-wrap .sale .item .tit p{font-size:17px;}

		.bill-wrap .sale .item .txt{padding:20px 0 20px 160px;}
		.bill-wrap .sale .item .txt .btxt{ font-size:17px; padding:4px 0 5px 40px;}
		.bill-wrap .sale .item .txt .btxt:before{width:30px;height:30px;}

		.bill-wrap .sale .item .img{width:140px;height:140px; border-width:8px}
		.bill-wrap .sale .item .txt li{font-size:14px;}
		.bill-wrap .sale .item .txt li p:before{top:4px;}
	}
	@media only screen and (max-width:999px){
		.bill-wrap .sale .item .tit{height:auto; padding:20px 15px 20px 140px; display:block;}
		.bill-wrap .sale .item .img{width:110px;height:110px;}
		.bill-wrap .sale .item .txt{padding:20px 0 20px 140px;}
	}
	@media only screen and (max-width:680px){
		.bill-wrap .sale .item {padding-top:15px;}
		.bill-wrap .sale .item .tit{padding-left:115px; min-height:65px; box-sizing:border-box;}
		.bill-wrap .sale .item .tit p{font-size:15px;}

		.bill-wrap .sale .item .txt{padding:30px 30px 20px 30px;}
		.bill-wrap .sale .item .txt .btxt{font-size:15px; padding:3px 0 3px 34px;}
		.bill-wrap .sale .item .txt .btxt:before{width:25px;height:25px;}

		.bill-wrap .sale .item .vc{position:Relative;}
		.bill-wrap .sale .item .img{width:95px;height:95px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

		.bill-wrap .sale .item .txt ul{padding-left:5px;}
		.bill-wrap .sale .item .txt li:nth-child(n+2){margin-top:7px;}
	}
	@media only screen and (max-width:480px){
		.bill-wrap .sale .item {padding-top:10px;}
		.bill-wrap .sale .item .tit{ padding:15px 15px 15px 110px; }
		.bill-wrap .sale .item .tit p{font-size:15px;}

		.bill-wrap .sale .item .txt{padding:30px 15px 20px 15px;}
		.bill-wrap .sale .item .txt .btxt{font-size:15px; padding:1px 0 1px 27px;}
		.bill-wrap .sale .item .txt .btxt:before{width:20px;height:20px;}

		.bill-wrap .sale .item .txt ul{padding-left:0; margin-top:10px;}
	}


/* ======================================================
   .login-wrap
=========================================================*/
.login-bg {background: url(../images/Sub/bg_login.jpg) no-repeat 50% 50%; background-size: cover; position: absolute; top: 0; left: 0; height: calc(100% + 50px); width: 100%; z-index:-1;}
	@media only screen and (max-width:1400px){
		.login-bg{height: calc(100% + 80px);}
	}
	@media only screen and (max-width:999px){
		.login-bg{height: calc(100% + 60px);}
	}
	@media only screen and (max-width:680px){
		.login-bg{height: calc(100% + 30px);}
	}

.login-wrap { padding-bottom:50px; display: table; width: 100%; }
.login-wrap .tit {text-align:center; margin: 0 0 50px 0; font-size: 21px; color: #303030;}
.login-wrap .desc {text-align:center; /* margin-top: 50px; */ font-size: 17px; line-height: 26px; color: #303030;}
.login-wrap .impor {font-size: 15px;line-height: 26px;color: #303030;text-align: center; padding-top: 36px;}
.login-wrap .impor p{position: relative;display: inline-block;padding-left: 22px;}
.login-wrap .impor p:before {display: block;position: absolute;left: 0;top: 5px;width: 15px;height: 15px;background: url("../images/Sub/icon_important.png") no-repeat 50% 50%;content: "";background-size: 100%;}

.login-wrap h1 {margin-bottom: 33px; line-height:1.5; font-size:20px; font-wight:700; text-align: center;}
.login-wrap h2 {line-height:1.5; font-size:20px; font-wight:700; text-align: left;}

.login-wrap .btn-wrap {text-align: center;}
.login-wrap .btn-wrap button { background: #1f5ab2;color: #fff;display: inline-block;height: 52px;border: 0;font-weight: bold;text-align: center;font-size: 15px;line-height: 42px;border-radius: 4px;box-sizing: border-box;padding: 0px 69px;margin: 0 auto;}
	@media only screen and (max-width:500px){
		.login-wrap .btn-wrap.two button {width: calc(50% - 40px); padding:0;}
	}

.login-wrap .total-form {overflow: hidden;position: relative; padding: 70px 0; box-shadow: 2px 4px 8px rgba(24, 24, 24, 0.1);border-radius: 10px;background: #fff; width:85%; margin: 0 auto; margin-top: 55px; }
.login-wrap .total-form h2 {margin-bottom: 33px;}
.login-wrap .total-form .form {display:inline-block; position: relative; width: calc(60% - 90px);margin: 0 45px; float:left; }
.login-wrap .total-form .form .block {position: relative;width: calc(100% - 165px);height: 54px;border-bottom: 1px solid #ebebeb;}
.login-wrap .total-form .form .block label { display: inline-block; position: absolute; left: 0; top: 0; width: 80px; text-align: left; font-size: 20px; line-height: 53px; color: #1f5ab2; }
.login-wrap .total-form .form .block input { width: 100%; padding-left: 105px; height: 53px; font-size: 20px; box-sizing: border-box;}
.login-wrap .total-form .form .block + .block { margin-top: 34px; }
.login-wrap .total-form .form .btn-group {position: absolute;right: 0px;top: 36px;}
.login-wrap .total-form .form .btn-group li > * {display: block;width: 121px;height: 92px;border: 5px solid #1f5ab2;font-weight: bold;text-align: center;font-size: 18px;line-height: 85px;border-radius: 4px;box-sizing: border-box;}
.login-wrap .total-form .form .btn-group li + li { margin-top: 10px; }
.login-wrap .total-form .form .btn-group .btn-login { background: #1f5ab2; color: #fff; }
.login-wrap .total-form .form .btn-group .btn-join { color: #1f5ab2; background: #fff; }
.login-wrap .total-form .form .lnk-group {position: absolute;right: 165px;top: 223px;}
.login-wrap .total-form .form .lnk-group:after { clear: both; content: ""; display: block; }
.login-wrap .total-form .form .lnk-group li { float: left; }
.login-wrap .total-form .form .lnk-group li + li:before { display: inline-block; content: "/"; vertical-align: middle; margin: 0 9px; color: #919191; }
.login-wrap .total-form .form .lnk-group a { font-size: 14px; color: #878787; }
.login-wrap .total-form .cert {display:inline-block; position: relative; width: calc(40% - 91px); padding: 0px 45px; float:left; border-left: 1px solid #DDE1E4;}
.login-wrap .total-form .cert .btn-cert { background: #1f5ab2; color: #fff; display: block;width: 100%;height: 92px;border: 5px solid #1f5ab2; font-weight: bold;text-align: center;font-size: 18px;line-height: 85px;border-radius: 4px;box-sizing: border-box; }
.login-wrap .total-form .cert p {margin: 10px 0;}
	@media only screen and (max-width:450px){
		.login-wrap .total-form {width: 90%;}
		.login-wrap .total-form .form .block label { font-size: 15px; }
		.login-wrap .total-form .form .block input {padding-left:80px; font-size: 15px; }
	}
	@media only screen and (max-width:999px){
		.login-wrap .total-form .form {width: calc(100% - 90px);}
		.login-wrap .total-form .cert {width: calc(100% - 90px); padding-top: 65px; border: none;}
	}
	@media only screen and (max-width:699px){
		.login-wrap .total-form {padding: 50px 0;}
		.login-wrap .total-form h2 {margin-bottom: 17px;}
		.login-wrap .total-form .form .block { width: 100%; }
		.login-wrap .total-form .form .block + .block { margin-top: 12px; }
		.login-wrap .total-form .form .block label { font-size: 17px; }
		.login-wrap .total-form .form .block input { font-size: 17px; }
		.login-wrap .total-form .form .btn-group { position: relative; top:6px; }
		.login-wrap .total-form .form .btn-group li > * {float: left; height: 58px; line-height: normal; width: calc(50% - 5px);}
		.login-wrap .total-form .form .btn-group .btn-join { margin-left: 10px; line-height: 43px; }
		.login-wrap .total-form .form .lnk-group { right: 0px; top:255px; }
		.login-wrap .total-form .cert .btn-cert {height:70px; line-height:61px;}
	}

.login-wrap .join_step{padding: 0 35px 0 35px;margin: 0 auto; width:85%;}
.login-wrap .join_step div{border-radius: 500px;width: calc((100% - 473px) / 3);display: inline-block;margin-right: 49px;padding: 22px 22px;padding-left: 100px;position: relative;}
.login-wrap .join_step div p{font-weight:900}
.login-wrap .join_step div:nth-of-type(1){background: #fff url(../images/Sub/step01.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div.active:nth-of-type(1){background: #F0CE5B url(../images/Sub/step01_o.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div:nth-of-type(2){background: #fff url(../images/Sub/step02.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div.active:nth-of-type(2){background: #F0CE5B url(../images/Sub/step02_o.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div:nth-of-type(3){margin-right:0;background: #fff url(../images/Sub/step03.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div.active:nth-of-type(3){margin-right:0;background: #F0CE5B url(../images/Sub/step03_o.png) no-repeat;background-position: 13px center;}
.login-wrap .join_step div::before{content: "";width: 12px;height: 2px;position: absolute;background: #b1b1b1;transform: rotate(-45deg);right: -30px;top: 50px;border-radius: 500px;}
.login-wrap .join_step div::after{content: "";width: 12px;height: 2px;position: absolute;background: #b1b1b1;transform: rotate(45deg);right: -30px;top: 42px;border-radius: 500px;}
.login-wrap .join_step div:nth-of-type(3)::before,.login-wrap .join_step div:nth-of-type(3)::after{display: none;}
.login-wrap .join_step div span{opacity: 0.5;font-size: 15px;}
	@media only screen and (max-width:800px){
		.login-wrap .join_step{padding:25px;}
	    .login-wrap .join_step div{width: calc((100% - 225px) / 3); padding: 20px;text-align: center;padding-top: 90px;padding-bottom: 10px;}
	    .login-wrap .join_step div:nth-of-type(1){background-position: center 10px;}
	    .login-wrap .join_step div.active:nth-of-type(1){background-position: center 10px;}
	    .login-wrap .join_step div:nth-of-type(2){background-position: center 10px;}
	    .login-wrap .join_step div.active:nth-of-type(2){background-position: center 10px;}
	    .login-wrap .join_step div:nth-of-type(3){background-position: center 10px;}
	    .login-wrap .join_step div.active:nth-of-type(3){background-position: center 10px;}
	    .login-wrap .join_step div::after{top: 72px;}
	    .login-wrap .join_step div::before{top: 80px;}
	}
	@media only screen and (max-width:539px){
		.login-wrap .join_step div{width: calc((100% - 165px) / 3); background-image: none!important;padding: 20px 10px;font-size: inherit;}
	    .login-wrap .join_step div span{font-size:inherit}
	    .login-wrap .join_step div::after{top:35px;}
	    .login-wrap .join_step div::before{top:43px;}
	}

.login-wrap .join-cert {margin: 0 auto; width: 100%; text-align: center; margin-top:40px;}
.login-wrap .join-cert .box {display:inline-block; overflow: hidden;position: relative;width: 380px;height: 337px;padding: 0 27px;box-shadow: 2px 4px 8px rgba(24, 24, 24, 0.1);border-radius: 10px;background: #fff;}
.login-wrap .join-cert .box h2 { margin: 0 -27px; text-align: center; line-height: 60px; color: #fff; font-weight: bold; font-size: 20px; background: #1f5ab2; }
.login-wrap .join-cert .box .txt { margin-top: 30px; text-align: center; line-height: 27px; color: #6e6e6e; font-size: 14px; }
.login-wrap .join-cert .box .btn-cert { position: absolute;left: 27px;bottom: 35px;width: calc(100% - 54px);height: 45px;font-weight: bold;text-align: center;color: #fff;background: #1f5ab2;font-size: 15px;line-height: 43px;padding-bottom: 2px;border-radius: 3px;}
	@media only screen and (max-width:500px){
		.login-wrap .join-cert .box {width: 80%; max-width:380px;}
	}


.login-wrap .join-terms {overflow:hidden;padding:31px 20px;border:3px solid #d6d5d5;border-radius:17px;background: #fff;width: 85%;margin: 0 auto; margin-top: 20px;}
.login-wrap .join-terms h2 {margin-bottom: 20px;}
.login-wrap .join-terms .conditions {overflow:scroll; width: 100%; padding: 10px; height: 385px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; resize: none; font-weight: normal; }
.login-wrap .join-terms .join_ra {text-align: center; margin-top: 25px;}


.login-wrap .join_final {overflow:hidden;padding:31px 20px;border:3px solid #d6d5d5;border-radius:17px;background: #fff;width: 85%;margin: 0 auto; margin-top: 20px; margin-bottom: 30px; text-align:center;}


.login-bg2 {background: url(../images/Sub/login_bg.jpg) no-repeat 50% 50%;background-size: cover;position: absolute;top: 0;left: 0;height: calc(100% + 50px);width: 100%;z-index:-1;}
	@media only screen and (max-width:1400px){
		.login-bg2{height: calc(100% + 80px);}
	}
	@media only screen and (max-width:999px){
		.login-bg2{height: calc(100% + 60px);}
	}
	@media only screen and (max-width:680px){
		.login-bg2{height: calc(100% + 30px);}
	}

/* .login-wrap2 */
.login-wrap2 {/* padding-bottom:50px; */display: table;width: 100%;}
.login-wrap2 .tit {text-align:center; margin: 0 0 50px 0; font-size: 21px; color: #303030;}
.login-wrap2 .desc {text-align:center;/* margin-top: 50px; */margin: 0 10px; font-size: 17px;line-height: 26px;color: #303030;font-weight: 400;}
.login-wrap2 .impor {font-size: 15px;line-height: 26px;color: #303030;text-align: center; padding-top: 36px;}
.login-wrap2 .impor p{position: relative;display: inline-block;padding-left: 22px;}
.login-wrap2 .impor p:before {display: block;position: absolute;left: 0;top: 5px;width: 15px;height: 15px;background: url("../images/Sub/icon_important.png") no-repeat 50% 50%;content: "";background-size: 100%;}
	@media only screen and (max-width:700px){
		.login-wrap2 .impor {text-align:left;}
	}
	@media only screen and (max-width:500px){
		.login-wrap2 .desc {font-size: 1.1em;}
	}

.login-wrap2 h1 {margin-bottom: 33px; line-height:1.5; font-size:20px; font-wight:700; text-align: center;}
.login-wrap2 h2 {line-height:1.5;font-size: 43px;font-wight:700;text-align: center;margin-top: 12px;font-weight: 900;}
	@media only screen and (max-width:800px){
		.login-wrap2 h2 {font-size: 2.5em;}
	}

.login-wrap2 .btn-wrap {text-align: center;}
.login-wrap2 .btn-wrap button { background: #1f5ab2;color: #fff;display: inline-block;height: 52px;border: 0;font-weight: bold;text-align: center;font-size: 15px;line-height: 42px;border-radius: 4px;box-sizing: border-box;padding: 0px 69px;margin: 0 auto;}
	@media only screen and (max-width:500px){
		.login-wrap2 .btn-wrap.two button {width: calc(50% - 40px); padding:0;}
	}

.login-wrap2 .total-form {overflow: hidden;position: relative;padding: 40px 0px 50px 0px;box-shadow: 2px 4px 8px rgba(24, 24, 24, 0.1);border-radius: 10px;background: #fff;width: 70%;margin: 0 auto;margin-top: -13px;}
	@media only screen and (max-width:500px){
		.login-wrap2 .total-form {width: 85%;}
	}

.login-wrap2 .google {cursor: pointer;text-align: center; margin: 0 10px;}
.login-wrap2 .naver {cursor: pointer;text-align: center; margin: 0 10px;}
.login-wrap2 .left {width: 50%;float: left;box-sizing: border-box;}
.login-wrap2 .right {width: 50%;float: right;box-sizing: border-box;}
.login-wrap2 img {width:inherit; max-width: 100%; height: auto;}
	@media only screen and (max-width:800px){
		.login-wrap2 .left {width: 100%;float: none;}
		.login-wrap2 .right {width: 100%;float: none; margin-top: 15px;}
	}

/*=======================================================
	.alum-wrap list
=========================================================*/
.alum-wrap.list{position:relative;}

.alum-wrap.list .days{position:relative; padding:3vw 0;}
.alum-wrap.list .days:before{width:20000px; left:50%;margin-left:-10000px; height:100%; background:#c6def7; top:0; display:block; content:"";position:absolute; z-index:-1;}

.alum-wrap.list .sel-day{position:relative; padding-left:20vw;}
.alum-wrap.list .sel-day .chk-select:before{width:20000px; right:100%;height:100%; background:#c6def7; top:0; display:block; content:"";position:absolute; z-index:2;}
.alum-wrap.list .sel-day .chk-select{position:absolute; left:0; top:0; width:18vw; background:#fff; z-index:4}
.alum-wrap.list .sel-day .chk-select select{border:none;  font-size:3.8vw; color:#5b5b5b; font-weight:500; height:8.4vw;  letter-spacing:-0.03em;}

.alum-wrap.list .days-slide{overflow:visible !important;position:relative; z-index:3;}
.alum-wrap.list .days-slide ul{margin-left:5px;}
.alum-wrap.list .days-slide ul:after{display:block; content:"";clear:both;}
.alum-wrap.list .days-slide li{float:left; margin-right:2vw;}
.alum-wrap.list .days-slide li a{display:block; text-align:center; letter-spacing:-0.03em;}
.alum-wrap.list .days-slide li a span:nth-child(1){display:inline-block;vertical-align:top; background:#e5f0fb; border-radius:5vw; height:5vw; width:5vw; line-height:4.8vw; text-align:center; color:#a0a8af; font-size:3vw; font-weight:500;}
.alum-wrap.list .days-slide li a span:nth-child(2){display:block; color:rgba(0,0,0,0.3); font-size:2.6vw; line-height:1.2em; margin-top:0.4vw;}

.alum-wrap.list .days-slide li.active a span:nth-child(1){background:#ff9000; color:#fff;}
.alum-wrap.list .days-slide li.active a span:nth-child(2){color:#ff9000;}
	@media only screen and (max-width:500px){
		.alum-wrap.list .days{padding:15px 0;}

		.alum-wrap.list .sel-day{padding-left:100px;}
		.alum-wrap.list .sel-day .chk-select{width:90px;}
		.alum-wrap.list .sel-day .chk-select select{font-size:19px; height:42px;}

		.alum-wrap.list .days-slide li{margin-right:10px;}

		.alum-wrap.list .days-slide li a span:nth-child(1){border-radius:25px;width:25px; height:25px; line-height:23px;font-size:15px;}
		.alum-wrap.list .days-slide li a span:nth-child(2){font-size:13px; margin-top:2px;}
	}

.alum-wrap.list .dist{margin-top:3vw; position:Relative ;z-index:123;}
.alum-wrap.list .dist ul{}
.alum-wrap.list .dist li{}
.alum-wrap.list .dist li:nth-child(n+2){margin-top:2vw;}
.alum-wrap.list .dist li a{display:block;background:#fff;border-left:0.6vw solid #ff9000; position:relative; padding-left:calc(17% + 1px)}
.alum-wrap.list .dist li .ab{position:absolute; left:0; top:0; width:17%; height:100%;display:flex;align-items: center; justify-content: center; border-right:1px solid #c6def7;}
.alum-wrap.list .dist li .ab p{text-align:center; width:100%; font-size:3.4vw; font-weight:500; color:#2b2b2b; line-height:1.2em;}
.alum-wrap.list .dist li .ab p span{font-size:2.4vw; color:#b0b0b0; line-height:1.2em; display:block; margin-top:0.6vw;}
.alum-wrap.list .dist li .txt{padding:2vw 3vw;}
.alum-wrap.list .dist li .txt .btxt{color:#000; font-size:3.2vw; letter-spacing:-0.03em; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-weight:500;}
.alum-wrap.list .dist li .txt .stxt{margin-top:0.8vw;color:#b0b0b0; font-size:2.6vw; letter-spacing:-0.03em; line-height:1.2em;font-weight:400;}
	@media only screen and (max-width:500px){
		.alum-wrap.list .dist{margin-top:15px;}
		.alum-wrap.list .dist li:nth-child(n+2){margin-top:10px;}

		.alum-wrap.list .dist li a{border-left-width:3px;}
		.alum-wrap.list .dist li .ab p{font-size:15px;}
		.alum-wrap.list .dist li .ab p span{font-size:12px; margin-top:3px}

		.alum-wrap.list .dist li .txt{padding:10px 15px;}
		.alum-wrap.list .dist li .txt .btxt{font-size:17px;}
		.alum-wrap.list .dist li .txt .stxt{margin-top:4px;font-size:13px;}
	}


.alum-wrap.list .tab{position:relative; padding:3vw 0;}
.alum-wrap.list .tab:before{width:20000px; left:50%;margin-left:-10000px; height:100%; background:#fff; top:0; display:block; content:"";position:absolute; z-index:-1;}

.alum-wrap.list .tab ul{}
.alum-wrap.list .tab ul:after{display:block; content:"";clear:both}
.alum-wrap.list .tab li{float:left; width:49%;}
.alum-wrap.list .tab li:nth-child(even){float:right;}
.alum-wrap.list .tab li:nth-child(n+3){margin-top:2%;}
.alum-wrap.list .tab li a{color:#aaa;background:#f4f4f4; line-height:7vw; text-align:center; display:block; font-size:2.8vw; letter-spacing:-0.03em;}
.alum-wrap.list .tab li.active a{background:#2764b6;color:#fff;}
	@media only screen and (max-width:500px){
		.alum-wrap.list .tab{padding:15px 0;}
		.alum-wrap.list .tab li a{line-height:35px;font-size:14px;}
	}

.alum-wrap.list .list{position:relative; padding:3vw 0 ;}
.alum-wrap.list .list:before{width:20000px; left:50%;margin-left:-10000px; height:1px; background:#cbcbcb; top:0; display:block; content:"";position:absolute;}
.alum-wrap.list .list .filter{ margin-bottom:3vw;}
.alum-wrap.list .list .filter .total{color:#000; letter-spacing:-0.01em; line-height:1.2em; font-size:2.6vw;}
.alum-wrap.list .list ul{}
.alum-wrap.list .list li{}
.alum-wrap.list .list li:nth-child(n+2){margin-top:2vw;}
.alum-wrap.list .list li a{display:block;background:#fff;border:1px solid #bcbcbc; position:relative; padding-left:calc(20% + 1px)}
.alum-wrap.list .list li .img{position:absolute; left:0; top:0; width:20%; height:100%;display:flex;align-items: center; justify-content: center; border-right:1px solid #bcbcbc; background:url(../images/Content/news-logo.jpg) no-repeat center center; background-size:70% auto;}
.alum-wrap.list .list li .img img{width:100%;height:50%;object-fit:cover;}
.alum-wrap.list .list li .txt{}
.alum-wrap.list .list li .vc{padding:2vw; width:100%; box-sizing:border-box;}
.alum-wrap.list .list li .cate{background:#b9b9b9;color:#fff; font-size:2.2vw; padding:0 1vw; line-height:3.6vw; display:inline-block;vertical-align:top;}
.alum-wrap.list .list li .tit{margin-top:0.8vw;color:#000; font-size:3vw; letter-spacing:-0.03em; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-weight:500;}
.alum-wrap.list .list li .hit{margin-top:1.2vw;color:#666; font-size:2.4vw; line-height:1.2em;}
.alum-wrap.list .list li .hit span{color:#000; margin-left:0.6vw;}
.alum-wrap.list .list li .date{color:#666; font-size:2.4vw; line-height:1.2em; position:absolute; right:2vw; bottom:2vw;}
	@media only screen and (max-width:500px){
		.alum-wrap.list .list{padding:15px 0;}
		.alum-wrap.list .list .filter{ margin-bottom:15px;}
		.alum-wrap.list .list .filter .total{font-size:13px;}

		.alum-wrap.list .list li:nth-child(n+2){margin-top:10px;}

		.alum-wrap.list .list li .vc{padding:10px}
		.alum-wrap.list .list li .cate{font-size:11px; padding:0 5px; line-height:18px;}
		.alum-wrap.list .list li .tit{margin-top:4px;font-size:15px;}
		.alum-wrap.list .list li .hit{font-size:12px; margin-top:6px;}
		.alum-wrap.list .list li .hit span{margin-left:3px}
		.alum-wrap.list .list li .date{right:10px; bottom:10px; font-size:12px;}
	}

/* 멤버여부 표시 */
.alum-wrap.list span[class^=c_mber]{display:inline-block; line-height:19px; border:1px solid;border-radius:24px; box-sizing:border-box; padding:0 10px; font-size:12px; letter-spacing:-0.02em;}
.alum-wrap.list span.c_mber_gray{border-color:#777; color:#777;}
.alum-wrap.list span.c_mber_green{border-color:#22B14E; color:#22B14E;}

/* 달력 */
.ex_reserve{position: relative;}
.ex_reserve .top{position: absolute;top: -44px;right: 0;}
.ex_reserve .top div{border: 1px solid #d7d7d7;display:inline-block;height: 33px;}
.ex_reserve .top div p{display:inline-block;border:1px solid #d7d7d7;border-top:0;border-bottom:0;font-weight: 600;padding: 7px 0;line-height: 1;height: 100%;box-sizing: border-box;width: 100px;text-align: center;}
.ex_reserve .top div button{font-family: cursive;font-size: 13px;color: #adadad;font-weight: 900;padding: 0px 8px;line-height: 2.5;vertical-align: top;}
.ex_reserve .top .bg_dgreen{padding: 4.5px 25px;margin-left: 3px;vertical-align: top;}
.ex_reserve table{border: 1px solid #d7d7d7;margin-top: 25px;min-width: 975px;}
.ex_reserve table th{padding:10px 0;color: #888;text-align: center; border-right: 1px solid #d7d7d7; background: #f4f4f4;}
.ex_reserve table td{border-right:1px solid #d7d7d7;border-top: 1px solid #d7d7d7;position: relative;font-size: 14px;padding: 0 10px;padding-top: 40px;padding-bottom: 15px;position:relative; max-width:0px;height: 80px;vertical-align:top;}
.ex_reserve table td.today:before{content:"";position:absolute;width: calc(100% - 2px);height: calc(100% - 2px);border: 2px solid #000;left: -1px;top: -1px;}
.ex_reserve table tr td:first-child span{color:#ed3b3b;}
.ex_reserve table tr td:last-child span{color:#2462C8;}
.ex_reserve table td span{position:absolute;width:100%;top:10px;left: 0;padding: 0 10px;font-weight: 400;box-sizing: border-box;}
.ex_reserve table td span.color_gray{color: rgb(206, 206, 206)!important;;}
.ex_reserve table td em>a{float: right;}
.ex_reserve table td a{display:block;position: relative;z-index: 101;cursor: pointer;}
.ex_reserve table td a .category{font-weight: 800;}
.ex_reserve table td a .content{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:block;}
.ex_reserve table td a.pink{background:#FDEBE7;border-left:3px solid #FC8973;}
.ex_reserve table td a.pink:hover{background: #fc8973;color: #fff;}
.ex_reserve table td a.green{background:#E6F6E7;border-left:3px solid #5EC467;}
.ex_reserve table td a.green:hover{background: #5EC467;color: #fff;}
.ex_reserve table td a.blue{background:#EAF0FB;border-left:3px solid #2462C8;}
.ex_reserve table td a.blue:hover{background: #2462C8;color: #fff;}
.ex_reserve table td a.yellow{background:#FFF8DF;border-left:3px solid #FFBF00;}
.ex_reserve table td a.yellow:hover{background: #FFBF00;color: #fff;}
.ex_reserve table td a.disable{background:#D3D3D3;border-left:3px solid #000;color:#8d8d8d;}
.ex_reserve table td a.disable:hover{background: #000;}
	@media(max-width:1360px){
	    .ex_reserve .table_wrap{overflow-x: scroll;overflow-y: hidden;}
	}


/*=======================================================
	.sitemap_wrap
=========================================================*/
.sitemap_wrap { margin-bottom: 35px; padding: 14px 14px; border: 2px solid #e2e1e1; }
.sitemap_wrap .depth { margin: 0 -8px; }
.sitemap_wrap .depth:after { clear: both; content: ""; display: block; }
.sitemap_wrap .depth > li { float: left; width: 25%; padding: 5px 8px; box-sizing: border-box; }
.sitemap_wrap .depth > li.over > a { background: #1968cb; color: #fff; border-color: #1968cb; font-weight: bold; }
.sitemap_wrap .depth > li > a { display: block; line-height: 36px; padding-bottom: 2px; text-align: center; color: #1c1c1c; font-size: 15px; border: 1px solid #cecece; background: #e6f6fb; }
.sitemap_wrap .depth > li > a.over, *[class=sitemap] .depth > li > a:hover { background: #1968cb; color: #fff; border-color: #1968cb; font-weight: bold; }
.sitemap_wrap .sm-depth { padding: 19px 9px 30px; }
.sitemap_wrap .sm-depth li + li { margin-top: 7px; }
.sitemap_wrap .sm-depth a { display: block; padding-left: 10px; position: relative; color: #1c1c1c; font-size: 15px; line-height: 22px; word-break: keep-all; }
.sitemap_wrap .sm-depth a:before { position: absolute; left: 0; top: 0; content: "-"; }
.sitemap_wrap .sm-depth a:hover { color: #1968cb; text-decoration: underline; }


/*=======================================================
	.향우회 일정
=========================================================*/
.cover.active{background: rgba(0, 0, 0, 0.6);position: fixed;width: 100%;height: 100%;top: 0;z-index: 5000;left: 0}
.h_pop{position: fixed; width:95%; max-width: 620px;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;background: #ffffff;z-index: 9999;display: none;padding: 20px 35px;height: 500px;overflow-y: scroll;}
.h_pop h1{background: #2f2f2f;color: #ffffff;padding: 16px;font-size: 20px;font-weight: 400;}
.h_pop .com_table{width:95%;margin:50px auto;margin-top:15px;}
.h_pop .com_table a img{margin-left: 7px;}
.h_pop>p{width:95%;margin:0 auto;margin-top: 25px;}

.h_pop2{position: fixed; width:95%; max-width: 620px;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;background: #ffffff;z-index: 9999;display: none;padding: 20px 35px;height: 470px;overflow-y: scroll;}
.h_pop2 h1{background: #2f2f2f;color: #ffffff;padding: 16px;font-size: 20px;font-weight: 400;}
.h_pop2>button{position: absolute;right: 20px;width: 30px;top: 16px;background: #0000;}
.h_pop2 .com_table{width:95%;margin:50px auto;margin-top:15px;}
.h_pop2 .com_table a img{margin-left: 7px;}
.h_pop2>p{width:95%;margin:0 auto;margin-top: 25px;}

.hp_title {width:100%;display:inline-block;margin-bottom:25px;border: 1px solid #b5b5b5;}
.hp_title > button{background: #0000;float: right;margin: 17px;}
.hp_title > span{float: left;font-size: 27px;padding: 18px 18px}
.hp_title > img {float:left;}
.hp_title > div {float: left;width: calc(100% - 150px );margin-left: 22px;text-align: left;box-sizing:border-box;}
.hp_title > div > div {display:inline-table;/* width:555px; */text-align:left;/* min-height:60px; */border-bottom:2px solid #3d3d3d;padding:10px 15px;}
.hp_title > div > div > div { display:table-cell; width:100%; vertical-align:bottom; font-size:24px; color:#2b2b2b; font-weight:500; }
.hp_com1 {font-size: 20px;color:#2b2b2b;font-weight: 800;width:100%;box-sizing:border-box;padding: 5px 10px;white-space: pre-wrap;text-align: left;}
.hp_com2 {font-size:18px;color:#2b2b2b;font-weight:300;width:100%;box-sizing:border-box;padding:10px 20px;background:#f6f6f6;margin-top: 7px;text-align: center;}
.hp_com3 {font-size: 17px;color: black;font-weight: 500;width:100%;box-sizing:border-box;background: #bae188;padding: 10px 20px;text-align: center;}
.hp_com4 { display:inline-block; width:100%; box-sizing:border-box; padding:5px; border-top:2px solid #3d3d3d; font-size:16px; color:#2b2b2b; font-weight:400; text-align:right; margin-top:30px; }
.hp_content {font-size:18px;color:#2b2b2b;font-weight:400;width:100%;box-sizing:border-box;padding: 20px 25px;text-align: left;border:1px solid #cfcfcf;box-shadow:0 0 0 5px #eff0f1 inset;}


/*=======================================================
	.향우회 활동 내역
=========================================================*/
.clubAct .cover.active{background: rgba(0, 0, 0, 0.6);position: fixed;width: 100%;height: 100%;top: 0;z-index: 5000;left: 0}
.clubAct .h_pop3 {position: fixed; width:95%; max-width: 600px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ffffff;z-index: 9999;display: none;padding: 20px 35px; padding-top:50px; height: 400px;overflow-y: scroll;}
.clubAct .h_pop3 ul.table_shape .th_shape::before{left: 54px;}
.clubAct .h_pop3 #actViewForm ul.table_shape .th_shape::before{display:none;}
.clubAct .h_pop3 #actViewForm .table_shape .th_shape{width:100%; line-height:30px; text-align:center; font-size:16px;}
.clubAct .h_pop3 #actViewForm .table_shape .th_shape em{margin-left:0;}
.clubAct .h_pop3 #actViewForm .table_shape .td_shape{width:100%; min-height:264px; text-align:left;}
.clubAct .h_pop3 .table_shape button.close{background:url(../images/Sub/close_icon_over.png) no-repeat center; width:30px; height:30px; border:none; position:absolute; top:9px; right:31px;}
.clubAct .h_pop3 .vimg{width:100%; max-height:400px; margin-bottom:10px;}
.clubAct .h_pop3 .vimg img{width: 100%; max-height:400px;object-fit: cover;}
.clubAct .h_pop3 .actContents{width: 100%; box-sizing: border-box;}
	@media(max-width:600px) {
		.clubAct .h_pop3{max-width:400px;}
		.clubAct .h_pop3 #actViewForm .table_shape .th_shape{font-size:14px;}
		.clubAct .h_pop3 .vimg{max-height:200px;}
		.clubAct .h_pop3 .vimg img{max-height:200px;}
	}


/* ======================================================
   	버스정보
=========================================================*/
.bus-stop-table>tbody>tr>td {padding-right: 5px;vertical-align: top;width: 50%;}
	@media(max-width:600px){
	    .bus-stop-table>tbody>tr>td {width: 100%;display:block;}
	}