/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:450px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center -100px; overflow:hidden; position:relative;visibility:hidden;}
#svisual .s_text{ width:500px; position:absolute; top:230px; left:50%; margin-left:-550px; color:#fff; z-index:2;}
#svisual .stitle{ visibility:hidden; font-size:4em; line-height:1em; font-weight:600;}
#svisual .s_text .img01{ line-height:1.3em; letter-spacing:1px; font-size:2.5em; visibility:hidden; margin:10px 0 0 0px; font-weight:400; color:#63d8ff;}
#svisual .s_text .img02{ line-height:1.3em; letter-spacing:0px; font-size:16px; visibility:hidden; margin:5px 0 0 0px;}
#svisual .svisual_bg{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0px; left:0px; z-index:1;}


/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}

.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%;}

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}


/*****표 스타일*/
.tbl{ width:90%; margin:0 auto;}
.tbl table{ width:100%; border-top:2px solid #499797; font-size:1.2em; letter-spacing:0;}
.tbl thead tr th{ text-align:center; background:#f5f5f5; padding:12px 10px; border-bottom:1px solid #555;}
.tbl tbody tr th{ background:#f9f9f9; padding:15px 30px; border-right:1px solid #ddd; border-bottom:1px dotted #ddd; color:#499797; font-weight:normal; width:20%;}
.tbl tr td { padding:15px 30px; border-bottom:1px dotted #ddd; border-right:1px solid #ddd; color:#666;}
.tbl tr td:last-child{ border-right:0}
.tbl tr td:first-child{ background:#faf8f1;}
@media (max-width:1000px) {
.tbl{ width:100%;}
.tbl table{ font-size:1em;}
.tbl thead tr th{ padding:8px 10px;}
.tbl tbody tr th{ padding:10px 10px; width:25%; text-align:center;}
.tbl tr td { padding:10px 10px; text-align:center;}
}

.tbl2 table{ width:100%; border-top:1px solid #1468c7; font-size:1.1em; letter-spacing:0;}
.tbl2 caption{ padding:0 !important;}
.tbl2 .blind{ position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.tbl2 thead tr th{ text-align:center; background:#f2f2f2; padding:12px 10px; border-bottom:1px solid #ddd; font-weight:500; color:#333; border-right:1px solid #ddd;}
.tbl2 thead tr td.t{ text-align:center; background:#f7f7f7; padding:12px 10px; border-bottom:1px solid #666; font-weight:500; color:#333; border-right:1px solid #ddd;}
.tbl2 thead tr th:last-child{ border-right:0;}
.tbl2 thead tr td.t:last-child{ border-right:0;}
.tbl2 tbody tr th{ text-align:center; background:#f2f2f2; padding:12px 10px; border-bottom:1px solid #ddd; font-weight:500; color:#333; border-right:1px solid #ddd;}
.tbl2 tr td { text-align:center; padding:10px 10px; border-bottom:1px dotted #ddd; border-right:1px solid #ddd; color:#666;}
.tbl2 tr td.tleft{ text-align:left; padding:10px 20px;}
.tbl2 tr td.tleft2{ text-align:left; padding:10px 10px;}
.tbl2 tr:last-child td{ border-bottom:1px solid #ddd;}
.tbl2 tr td:last-child{ border-right:0}
.tbl2 tr td:first-child{ background:#fff;}
.tbl2 li{ text-align:left; line-height:1.8em; padding-left:10px; position:relative;}
.tbl2 li:before{ display:block; content:""; width:3px; height:3px; background:#1468c7; position:absolute; top:11px; left:0px;}



@media (max-width:1000px) {
/*서브-상단비주얼 */
#svisual{ min-width:100%; height:150px; background-position:center top; background-size:cover;}
#svisual .s_text{ width:auto; position:relative; top:auto; left:auto; margin-left:0px; padding:80px 0 0 20px;}
#svisual .stitle{ font-size:1.8em;}
#svisual .s_text .img01{ font-size:15px; margin:5px 0 0 0px;}
#svisual .s_text .img02{ display:none;}
#svisual .svisual_bg{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0px; left:0px; z-index:1;}


/* 내용-공통 */
.mt_30{ margin-top:10px;}
.mt_40{ margin-top:20px;}
.mt_50{ margin-top:30px;}
.mt_60{ margin-top:40px;}
.mt_70{ margin-top:50px;}
.mt_80{ margin-top:60px;}
.mt_90{ margin-top:70px;}
.mt_100{ margin-top:80px;}
.mb_30{ margin-bottom:10px;}
.mb_40{ margin-bottom:20px;}
.mb_50{ margin-bottom:30px;}
.mb_60{ margin-bottom:40px;}
.mb_70{ margin-bottom:50px;}
.mb_80{ margin-bottom:60px;}
.mb_90{ margin-bottom:70px;}
.mb_100{ margin-bottom:80px;}

.pt_30{ padding-top:10px;}
.pt_40{ padding-top:20px;}
.pt_50{ padding-top:30px;}
.pt_60{ padding-top:40px;}
.pt_70{ padding-top:50px;}
.pt_80{ padding-top:60px;}
.pt_90{ padding-top:70px;}
.pt_100{ padding-top:80px;}
.pb_30{ padding-bottom:10px;}
.pb_40{ padding-bottom:20px;}
.pb_50{ padding-bottom:30px;}
.pb_60{ padding-bottom:40px;}
.pb_70{ padding-bottom:50px;}
.pb_80{ padding-bottom:60px;}
.pb_90{ padding-bottom:70px;}
.pb_100{ padding-bottom:80px;}

.img img{ width:100%;}


/*가로스크롤*/
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}


.tbl2 table{ font-size:1em;}
.tbl2 thead tr th{ padding:7px 10px;}
.tbl2 thead tr td.t{ padding:7px 10px;}
.tbl2 tr td { padding:7px 10px;}
.tbl2 tr td.tleft{ padding:7px 10px;}
.tbl2 li{ line-height:1.5em; padding-left:7px;}
.tbl2 li:before{ top:7px;}
}



/*인사말*/
.greet{}
.greet_title{ position:relative;}
.greet_title .gtitle{ position:absolute; bottom:40px; right:70px; font-size:5em; letter-spacing:3px; line-height:1em; font-family: 'KOMACON';}
.greet_title .gtitle span{ display:block; font-size:30px; letter-spacing:-0.5px; line-height:1em; margin-bottom:5px;}
.greet p{ font-size:1.5em; line-height:1.8em; color:#666; padding:50px 50px;word-break: keep-all; word-wrap:break-word; font-family: 'KOMACON';}
.greet p strong{ display:block; margin-top:40px; font-size:1.5em; color:#222;}
@media (max-width: 1000px) {
.greet_title{}
.greet_title img{ width:100%;}
.greet_title .gtitle{ position:relative; bottom:auto; right:auto; font-size:2.5em; color:#499797; margin-top:20px; padding-left:10px;}
.greet_title .gtitle span{ font-size:16px; color:#222;}
.greet p{ font-size:1.1em; padding:30px 10px;}
.greet p strong{ margin-top:30px; font-size:1.3em;}
}

/*오시는 길*/
.map{}
.map_info{ border-top:2px solid #499797; padding:15px 0px;}
.map_info p{ font-size:1.4em; font-weight:500; color:#222; margin-bottom:10px; padding:0px 20px 20px 20px; border-bottom:1px dashed #666;}
.map_info p strong{ color:#499797; display:inline-block; margin-right:20px;}
.map_info ul{}
.map_info li{ border-bottom:1px dotted #ddd; line-height:50px; font-size:1.3em; color:#555; padding:0 20px;}
.map_info li i{ color:#0097d9;}
.map_info li span{ display:inline-block; margin-left:10px;}
@media (max-width: 1000px) {
.map_info{ padding:15px 0 0 0;}
.map_info p{ font-size:1em; padding:0 10px 20px 10px;}
.map_info p strong{ display:block; margin-right:0px; margin-bottom:10px; font-size:1.2em;}
.map_info li{ line-height:40px; font-size:1.2em;}
}


/*창업절차*/
#fran{text-align:center;}
#fran .fran_t{ font-size:1.4em; line-height:2em; color:#777; margin-bottom:60px; letter-spacing:-0.5px; font-family: 'KOMACON';}
#fran .fran_t strong{ font-size:1.7em; color:#222;}
#fran .step{ width:89%; margin:0 auto;}
#fran .step:after{content:""; display:block; clear:both;}
#fran .step dl{ position:relative; float:left; width:150px; height:150px; border-radius:50%; margin-right:60px; margin-bottom:40px; padding:45px 0; box-sizing:border-box;
		  border:3px solid #ccc; border-right:3px solid #fa8208; border-bottom:3px solid #fa8208;}
#fran .step dl.line2{}
#fran .step dl:after{content:""; display:block; position:absolute; right:-48px; top:50%; background:url(../img/sub/arrow.png) no-repeat 50%/30px auto; width:30px; height:50px; margin-top:-23px;}
#fran .step dt{font-size:1.1em; color:#fff; letter-spacing:0; margin-bottom:5px; display:inline-block; background:#fa8208; padding:2px 5px; border-radius:5px;}
#fran .step dd{ font-size:1.4em;}
#fran .step dl:last-child:after{display:none;}
#fran .step dl:last-child{border:2px solid #fa8208; background:#fa8208; color:#fff;}
#fran .step dl:last-child dt{ color:#fa8208; background:#fff;}
@media (max-width: 1000px) {
#fran .fran_t{ font-size:1.1em; line-height:1.6em; margin-bottom:40px;}
#fran .fran_t strong{ font-size:1.5em;}
#fran .step{ width:280px;}
#fran .step dl{ width:100px; height:100px; margin-right:40px; margin-bottom:20px; padding:25px 0;}
#fran .step dl:after{ right:-33px; margin-top:-15px; background-size:20px auto; width:20px; height:30px;}
#fran .step dt{font-size:12px;}
#fran .step dd{ font-size:1.1em;}
}


/*개설비용*/
.fran_t2{ width:90%; margin:0 auto 30px auto; font-size:2em; color:#333; letter-spacing:-0.5px; font-family: 'KOMACON';}
.fran_t2:before{ display:block; content:""; width:40px; height:3px; background:#499797; margin-bottom:5px;}
@media (max-width: 1000px) {
.fran_t2{ width:100%; margin:0 auto 20px auto; font-size:1.3em; text-align:center;}
.fran_t2:before{ width:30px; height:2px; margin:0 auto 5px auto;}
}

/*메뉴*/
.menu{ padding-left:10px;}
.menu ul:after{ display:block; content:""; clear:both;}
.menu li{ float:left; position:relative; margin:20px 20px; width:calc(50% - 40px);}
.menu  p{ font-family: 'KOMACON'; font-size:2.8em; color:#fff; position:absolute; top:55px; right:0px;}
@media (max-width: 1000px) {
.menu{ padding-left:0px; width:100%; margin:0 auto; padding-right:15px;}
.menu li{ float:none; margin:10px 0px; width:100%;}
.menu li img{ width:100%;}
.menu  p{ font-size:1.8em; right:10px; top:30px;}
}


.area_content h2{position:relative; display:block; padding:0 0 0 15px; margin:0 0 10px; font-size:27px; font-weight:bold; color:#222;}
.area_content > h2:before{content:''; position:absolute; top:3px; left:0; width:6px; height:23px;  background-image: -moz-linear-gradient( 90deg, rgb(51,122,183) 0%, rgb(19,43,147) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(51,122,183) 0%, rgb(19,43,147) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(51,122,183) 0%, rgb(19,43,147) 100%); box-shadow: 0px 0px 4.75px 0.25px rgba(31, 73, 161, 0.2); border-radius:3px;}



.blue{color:#01b0ee;}
.box_img{margin:0 0 30px; width:100%; height:0; padding-bottom:33%;}
.box_img.intro{background:url(../img/sub/img_intro.jpg)no-repeat center; background-size:cover !important;}
.box_img.clean01{background:url(../img/sub/img_clean01_01.jpg)no-repeat center; background-size:cover !important;}
.box_img.clean02{background:url(../img/sub/img_clean02_01.jpg)no-repeat center; background-size:cover !important;}
.box_img.clean03{background:url(../img/sub/img_clean03_01.jpg)no-repeat center; background-size:cover !important;}
.box_img.clean04{background:url(../img/sub/img_clean04_01.jpg)no-repeat center; background-size:cover !important;}
.box_img.build02{background:url(../img/sub/img_build02.jpg)no-repeat center; background-size:cover !important;}
.box_img.sodok01{background:url(../img/sub/img_sodok01.jpg)no-repeat center; background-size:cover !important;}
.box_img.sodok02{background:url(../img/sub/img_sodok02.jpg)no-repeat center; background-size:cover !important;}
.box_img.tank01{background:url(../img/sub/img_tank01_01.jpg)no-repeat center; background-size:cover !important;}
.tank02 img {width:100%;}

.box_txt{margin:0 3%; text-align:center;}
.box_txt > h2{font-size:30px; font-weight:600; color:#333; line-height:1.5em; word-break:keep-all;}
.box_txt > p{display:block; padding:20px 0 0; font-size:18px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.clean .box_txt > h2{font-size:27px; color:#01b0ee;}
.clean .box_txt > p{padding:0 0 30px;}
.box_txt > p .bold{font-weight:600; color:#222;}
.box_txt > b{display:block; margin:20px 0 0;}
.box_txt > b img{max-width:100%;}


.aircon {}
.aircon ul {}
.aircon ul li {float:left; width:calc(25% - 20px); margin:10px; text-align:center; font-size:15px; font-weight:500;}
.aircon img {width:100%; height:215px; margin-bottom:10px; border-radius:8px;}



@media (max-width: 768px) {
   
	.box_txt{text-align:left;}
	.box_txt > h2{font-size:25px;}
	.box_txt > p{padding:15px 0 0; font-size:16px;}
	.box_txt > b{margin:15px 0 0;}
	.clean .box_txt{text-align:center;}
}
@media (max-width: 600px) {
	.box_txt > p br{display:none;}
}
@media (max-width: 550px) {
    .aircon ul li { float:left; width:calc(50% - 14px); margin:7px; text-align:center; font-size:15px;}
	.aircon img {width:100%; height:124px;}
	.box_img{margin:0 0 10px; padding-bottom:35%;}
	.box_txt{margin:0;}
	.box_txt > h2{font-size:22px;}
	.box_txt > p{padding:10px 0 0;}
	.box_txt > b{margin:10px 0 0;}
	.clean .box_txt > h2{font-size:22px;}
	.clean .box_txt > p{padding:10px 0 10px;}
}

.box h3,
.box02 h3{margin:0 0 20px; font-size:24px; font-weight:bold; color:#222; line-height:1.3em;} 

.box{padding:30px 0; border-bottom:1px dashed #eee;}
.box:last-child{border:none;}
.ctt_greet02 .box:nth-child(2n){background:#f7fbfd;}
.box:after{ display:block; content:""; clear:both;}
.box > h2{float:left;width:20%; font-size:18px; font-weight:600; text-align:center;}
.box > h2 > span{display:inline-block; padding:11px 15px; box-sizing:border-box; background:#124863; color:#fff; min-width:170px; border-radius:50px;}
.box > .list{float:left;width:80%;}
.box > .list > p{font-size:18px; font-weight:400; color:#333; line-height:1.8em;}
.box p{font-size:16px; font-weight:500; color:#555; line-height:1.7em; word-break:keep-all;}
.sodok .box p{padding:0;}


.area_table{margin:0 0 30px;}
.box03:after{ display:block; content:""; clear:both;}
.box03 table{float:left; margin:0 3% 0 0; width:45%;}
.box03 .area_insect{float:left; width:52%;}
.box03.v2 table{width:66%}
.box03 .area_insect02{float:left; width:31%;}
.box03 .area_insect > li{float:left; width:49%; height:205px;}
.box03 .area_insect > li:nth-child(1){margin:0 2% 0 0; background:url(../img/sub/img_insect01.jpg)no-repeat center; background-size:100% 100%;}
.box03 .area_insect > li:nth-child(2){background:url(../img/sub/img_insect02.jpg)no-repeat center; background-size:100% 100%;}
.box03 .area_insect02 > li{width:100%; height:256px; background:url(../img/sub/img_insect03.jpg)no-repeat center; background-size:contain;}

@media (max-width: 1024px) {
	.box > h2 > span{min-width:70%;}
	.box > h2{width:30%;}
	.box > .list{width:70%;}
}
@media (max-width: 768px) {
	.box h3,
	.box02 h3{margin:0 0 10px; font-size:20px;}
	.box p br{display:none;}
}
@media (max-width: 600px) {
	.box > h2 > span{min-width:80%;}
}
@media (max-width: 550px) {
	.box{padding:15px 0;}
	.box > h2{text-align:left;}
	.box > h2 > span{min-width:100px; font-size:17px; padding:8px 15px;}
	.box > h2{width:100%;}
	.box > .list{margin:10px 0 0; width:100%;}
	.box > .list > p{font-size:17px}
	.box p{font-size:15px;}
}

/*  오시는길  */

.snb{margin:0 0 40px; text-align:center;}
.snb > li{display:inline-block; margin:0 10px 0 0; background:#eee; min-width:140px;}
.snb > li:last-child{margin:0;}
.snb > li > a{display:block; height:100%; padding:15px 10px; box-sizing:border-box; font-size:16px; font-weight:500; color:#333;}
.snb > li.active{background:#01b0ee;}
.snb > li.active > a{font-weight:bold; color:#fff;}
.map{}
.map_add_wrap{width:100%; overflow:hidden; padding:28px 0; font-size:1.4em; font-weight:600; box-sizing:border-box; text-align:center;}
.map_box_wrap{width:100%; overflow:hidden; border:1px dotted #ddd; display:flex; box-shadow:0px 0px 4px rgba(0,0,0,0.05);}
.map_box_wrap .map_bx{width: 33.33%; float:left; box-sizing:border-box; border-left:1px dotted #ddd; padding:15px; align-items:stretch; text-align:center;}
.map_box_wrap .map_bx:first-child{border:0;}
.map_box_wrap .map_bx .t{line-height:1em; font-size:1.4em; font-weight:600; margin:6px auto 6px;}
.map_box_wrap .map_bx .c{font-size:1.2em;}
.map_box_wrap .map_bx a.bt{display:inline-block; background:#f8f8f8; font-size:0.9em; padding:2px 8px; margin:2px; border-radius:3px; border:1px solid #dadada;}
.map_box_wrap .map_bx a.bt:hover{font-weight:500; color:#FFF; background:#333; border:1px solid #333;}
@media (max-width:1200px) {
.map_add_wrap{padding:14px 6px; font-size:1em}
.map_box_wrap{display:block;}
.map_box_wrap .map_bx{width:100%;}
.map_box_wrap .map_bx:first-child{border-bottom:1px dotted #ddd;}
.map_box_wrap .map_bx:nth-of-type(2){border-top:0; border-bottom:1px dotted #ddd;}
.map_box_wrap .map_bx:nth-of-type(3){border-left:0;}
.map_box_wrap .map_bx .t{font-size:1em; margin:4px auto 4px;}
.map_box_wrap .map_bx .c{font-size:0.9em;}
.map_box_wrap .map_bx a.bt{font-size:0.9em; padding:1px 8px; margin:1px;}
}
@media (max-width:550px) {
	.snb > li{margin:0 5px 0 0; min-width:80px;}	
	.snb > li > a{padding:10px; font-size:15px;}
}
@media (max-width:400px) {
	.snb > li{margin:0 3px 0 0; min-width:60px;}	
	.snb > li > a{padding:7px; font-size:14px;}
}

/* 인증서 */
#layerPopup img{width:500px;}
.popLayer{display:none; position:fixed; opacity:0; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{display:block; opacity:1; z-index:99;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0px; right:-67px; width:67px;}
.popupBox  .hamburger .bar{left:22px;}
.hamburger{display:block; position:absolute; opacity:1; top:0px; right:0; z-index:9999; width:71px; height:71px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger:hover{opacity:1;}
.hamburger.open{position:fixed; background:#273169;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25px; width:25px; height:2px; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33px;}
.hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49px;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}

.area_certificate{width:100%;}
.area_certificate:after{content:''; display:block; clear:both;}	
.area_certificate > li{float:left; margin:0 30px 30px 0; width:-webkit-calc(100% / 4 - 23px); width:calc(100% / 4 - 23px); background:#fff; height:auto;}
.area_certificate > li:nth-child(4n){margin:0;}
.area_certificate > li > a{display:block; height:100%; cursor:inherit;}
.area_certificate > li .area_img{ border:1px solid #ddd; box-sizing:border-box; display:table;box-sizing:border-box; width:100%; height:100%;;}
.area_certificate > li .area_img_wrap{display:table-cell; vertical-align:middle;}
.area_certificate > li .area_img_wrap img{width:100%; height:auto;}
.area_certificate > li .area_txt{display:block; position:relative; margin:10px 0 0; height:60px; background:#e9f1f5; text-align:center;}
.area_certificate > li p{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:17px; line-height:1.4em; font-weight:500; color:#333; line-height:1.4em; word-break:keep-all;}
.area_certificate.v2 > li .area_img{height:425px;}

@media (max-width:1000px) {
	.area_certificate > li{margin:0 20px 20px 0; width:calc(100% / 4 - 15px); width:-webkit-calc(100% / 4 - 15px);}
	.area_certificate > li p{font-size:15px;}
	.area_certificate.v2 > li .area_img{height:320px;}
}
@media (max-width:768px) {
	.area_certificate > li{margin:0 10px 10px 0; width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px);}
	.area_certificate > li:nth-child(2n){margin:0;}
	.area_certificate > li .area_txt{height:53px;}
	.area_certificate.v2 > li .area_img{height:540px;}
	#layerPopup img{width: 100%;}
	.popupBox .hamburger{right:-57px; width:57px; height:57px;}
	.popupBox .hamburger .bar{left:17px;}
}
@media (max-width:550px) {
	.area_certificate.v2 > li .area_img{height:382px;}
	.popupBox .hamburger{right:-45px; width:45px; height:45px;}
	.popupBox .hamburger .bar{left:10px;}
}
@media (max-width:450px) {
	.area_certificate.v2 > li .area_img{height:307px;}
}
@media (max-width:400px) {
	.area_certificate > li p{font-size:13px;}
	.area_certificate > li .area_txt{height:50px;}
	.area_certificate.v2 > li .area_img{height:270px;}
}
@media (max-width:380px) {

	.area_certificate.v2 > li .area_img{height:260px;}
}

/* 주거래처 */
.partner_list{}
.partner_list:after{content:''; display:block; clear:both;}	
.partner_list > li{float:left; margin:0 30px 30px 0; width:-webkit-calc(100% / 4 - 23px); width:calc(100% / 4 - 23px); background:#fff; height:auto; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.partner_list > li img{max-width:100%;}
.partner_list > li:nth-child(4n){margin:0;}

@media (max-width:1000px) {
	.partner_list > li{margin:0 20px 20px 0; width:calc(100% / 4 - 15px); width:-webkit-calc(100% / 4 - 15px);}
}
@media (max-width:768px) {
	.partner_list > li{margin:0 10px 10px 0; width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px);}
	.partner_list > li:nth-child(2n){margin:0;}
}

/* 청소용역 */
.box02{margin:70px 0 0;}
.box02 ul:after{content:''; display:block; clear:both;}	
.box02 ul > li{position:relative; float:left; margin:0 60px 60px 0; width:calc(100%/2 - 30px); width:-webkit-calc(100%/2 - 30px);}
.box02 ul > li > i{position:absolute; top:0; left:0; display:inline-block; width:50px; height:50px; line-height:50px; background:#1f3f77; font-style:normal; font-size:22px; font-weight:bold; color:#fff; text-align:center;}

.box02 ul > li:nth-child(2n){margin:0;}
.box02 ul > li .area_img{width:100%;}
.box02 ul > li .area_img img{max-width:100%;}
.box02 ul > li .area_txt{margin:10px 0 0; padding:25px; box-sizing:border-box; background:#f7fbfd; border:1px solid #eee; min-height:190px; text-align:left;}

.box02 ul > li .area_txt h3{display:block; margin:0 0 10px; font-size:20px; font-weight:bold; color:#333;}
.box02 ul > li .area_txt p{display:block; font-size:16px; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all; text-align:left;}

.box02 ul.col4 > li{margin:0 20px 20px 0; width:calc(100%/4 - 15px); width:-webkit-calc(100%/4 - 15px);}
.box02 ul.col4 > li:nth-child(2n){margin:0 20px 20px 0;}
.box02 ul.col4 > li:nth-child(4n){margin:0;}
.box02 ul.col4  > li .area_txt{padding:12px;}
.box02 ul.col4  > li .area_txt p{min-height:225px;}

.ctt_tank02 .box02 ul > li .area_txt h3{margin:0 0 5px;}
.ctt_tank02 .box02 ul > li > i{width:30px; height:30px; line-height:30px; font-size:18px;}
.ctt_tank02 .box02 ul.col4  > li .area_txt{min-height:auto;}
.ctt_tank02 .box02 ul.col4  > li .area_txt p{min-height:auto;}

/*
.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p,
.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+4) .area_txt p{min-height:125px;}

.ctt_tank02 .box02 ul.col4 > li:nth-child(5) .area_txt p,
.ctt_tank02 .box02 ul.col4 > li:nth-child(6) .area_txt p,
.ctt_tank02 .box02 ul.col4 > li:nth-child(7) .area_txt p,
.ctt_tank02 .box02 ul.col4 > li:nth-child(8) .area_txt p{min-height:330px;}
*/


.ctt_sodok02 .box02 ul > li .area_img{border:1px solid #eee;}

/*
.area_content.tank .box02 ul > li:nth-child(5) .area_txt,
.area_content.tank .box02 ul > li:nth-child(6) .area_txt{min-height:245px;}
*/


.box p.list{float:none; width:100%; display:block; font-size:16px; font-weight:500; color:#333; word-break:keep-all;}
.clean_list{margin:20px 0 0; } 
.clean_list > li{position:relative; display:block; width:100%; height:50px; border:1px solid #eee; margin:0 0 20px; box-sizing:border-box;}
.clean_list > li > i{display:inline-block; width:50px; height:50px; line-height:50px; background:#1f3f77; font-style:normal; font-size:22px; font-weight:bold; color:#fff; text-align:center;}
.clean_list > li > span{display:inline-block; padding:0 0 0 10px; font-size:16px; font-weight:500; color:#333; line-height:1.4em;}
.clean_list > li span.small {font-size:16px;}
.clean_list > li > span em {font-weight:bold; font-style:normal; font-size:17px;}
.clean_list.v2{}
.clean_list.v2:after{content:''; display:block; clear:both;}	
.clean_list.v2 > li{height:100px; text-align:center;}
.clean_list.v2 > li:nth-child(2n){background:#f7fbfd;}
.clean_list.v2 > li > i{position:absolute; top:0; left:0;}
.clean_list.v2  > li > span{position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%);}
.clean_list.v2  > li .area_txt{position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%);}
.clean_list.v2  > li .area_txt span{display:block; padding:0 0 3px; font-size:18px; font-weight:600; color:#333;}
.clean_list.v2  > li .area_txt span.red{font-size:15px; font-weight:500; color:red; line-height:1.5em;}
.clean_list.v2  > li .area_txt p{font-size:16px; font-weight:500; color:#555; line-height:1.5em;}
.clean_list.v2  > li .area_txt ul{margin:5px 0 0;}
.clean_list.v2  > li .area_txt ul > li{font-size:15px; font-weight:400; color:#555; line-height:1.5em;}
.clean_list02 > li{display:block; padding:0 0 10px; font-size:16px; font-weight:500; color:#333; line-height:1.5em;}
.clean_list.v2.col2 > li{float:left; width:49%; margin:0 2% 2% 0; min-height:col04px;}
.clean_list.v2.col2 > li:nth-child(2n){margin:0;}
.clean_list.v2.col2 > li > span{font-size:15px;}

.clean_list.v2.col3 > li{margin:50px 0 0;}
.clean_list.v2.col3 > li > i{top:0; width:100%; height:30px; line-height:30px; font-size:18px;}
.clean_list.v2.col3 > li{float:left; margin:0 20px 20px 0; width:calc(100%/3 - 14px); width:-webkit-calc(100%/3 - 14px); height:138px;}
.clean_list.v2.col3 > li:nth-child(3n){margin:0;}
.clean_list.v2.col3 > li .area_txt{margin:30px 0 0; width:100%; position:relative; top:inherit; left:inherit; transform:none; padding:15px; text-align:left;}
.clean_list.v2.col3 > li .area_txt p br{display:none;}

.clean_list.v2.col4 > li{margin:50px 0 0;}
.clean_list.v2.col4 > li{float:left; margin:0 10px 10px 0; width:calc(100%/4 - 10px); width:-webkit-calc(100%/4 - 10px); height:60px; background-color:#f7fbfd}
.clean_list.v2.col4 > li .area_txt{margin:30px 0 0; width:100%; position:relative; top:inherit; left:inherit; transform:none; padding:15px; text-align:left;}
.clean_list.v2.col4 > li .area_txt p br{display:none;}


ul.col03{margin:0 0 30px; text-align:center;}
ul.col03 > li{display:inline-block; margin:0 20px 14px 0; width:calc(100%/3 - 22px); width:-webkit-calc(100%/3 - 22px); font-size:1.2em; font-weight:500; letter-spacing:-1px;}
ul.col03 > li:nth-child(3) {margin:0;}
ul.col03 > li:nth-child(6) {margin:0;}
ul.col03 > li:last-child {margin:0;}
ul.col03 > li > img{max-width:100%; padding-bottom:6px;}



ul.col04{margin:0 0 30px; text-align:left;}
ul.col04 > li{display:inline-block; margin:0 10px 14px 0; width:calc(100%/4 - 10px); width:-webkit-calc(100%/4 - 10px); font-size:1.2em; font-weight:500; letter-spacing:-1px; text-align:center;}
ul.col04 > li p {font-size:1.2em; padding:10px; font-weight:500;}
ul.col04 > li:nth-child(4){margin:0;}
ul.col04 > li:nth-child(8){margin:0;}
ul.col04 > li > img{max-width:100%;  padding-bottom:6px;}



.area_box .title{padding:12px; box-sizing:border-box; border-radius:2px; background:#1f3f77; font-size:18px; font-weight:600; color:#fff; line-height:1.5em; word-break:keep-all;}
.area_box .title > p{display:inline-block; margin:0 0 0 5px; color:#fff; font-weight:400;}
.tank .area_box .title{background:#eee; color:#333;}
.box .yellow{color:#fbf076;}
.area_box div {margin:10px 0 0; border:1px solid #eee; padding:20px 15px; box-sizing:border-box;}
.area_box div.sbox:after{display:block;clear:both;content:""}
.area_box div.sbox {float:left; width:calc(33.333% - 10px); margin:10px 5px}
.area_box div.sbox.last {margin-right:0px}

.area_box div.fbox {vertical-align:top; display:inline-block; margin:0; border:none; padding:0;}
.area_box div p{display:block; margin:0 0 14px; font-size:17px; font-weight:600; color:#333; line-heighT:1.4em;}
.area_box div em{font-style:normal; font-size:17px; font-weight:400; color:#333; line-heighT:1.5em;}
.area_box div em.blue{color:#01b0ee; font-weight:bold; font-size:17px;}
.area_box div span.red{display:inline-block; margin:0 0 10px; color:#fff; background:#ff0053; border-radius:3px; padding:5px 10px; box-sizing:border-box; font-size:16px; font-weight:bold; word-break:keep-all;}
.area_box div span.red2{margin:10px 0 0; display:block; font-size: 15px; font-weight:400; color:red;}
.area_box div ul.sodok02{}
.area_box div ul.sodok02 > li{}
.area_box div ul li{padding:0 0 5px; font-size:16px; font-weight:400; color:#333; line-height:1.5em;}
.area_box div ul li p{margin:0 0 5px;}
.area_box div ul li span{display:block;}
.area_box img{max-width:100%;}
.sodok .area_box div span.blue{font-weight:bold; font-size:17px;}
.area_box .w{display:block;}
.area_box .m{display:none;}
.area_box h3 {font-size:1.6em; padding-top:20px;}
.sodok02 > li{margin:0 20px 0 0; display:inline-block;}


@media (max-width:1300px) {

	.area_content.tank .box02 ul > li:nth-child(5) .area_txt,
	.area_content.tank .box02 ul > li:nth-child(6) .area_txt{min-height:290px;}
	.clean_list.v2.col3 > li{height:160px;}
	.clean_list.v2.col3 > li:nth-child(n+4){height:115px;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p,
	.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+4) .area_txt p{min-height:170px;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(5) .area_txt p,
	.ctt_tank02 .box02 ul.col4 > li:nth-child(6) .area_txt p,
	.ctt_tank02 .box02 ul.col4 > li:nth-child(7) .area_txt p,
	.ctt_tank02 .box02 ul.col4 > li:nth-child(8) .area_txt p{min-height:450px;}
}
@media (max-width:1024px) {
	.box02 ul > li{margin:0 30px 30px 0; width:calc(100%/2 - 15px); width:-webkit-calc(100%/2 - 15px);}
	.area_box div em br{display:none;}

	.ctt_tank02 .box02 ul.col4 > li{margin: 0 20px 20px 0; width: calc((100% / 3) - 14px); width: -webkit-calc((100% / 3) - 14px);}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(4n){margin: 0 20px 20px 0;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(3n){margin: 0;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+4) .area_txt p{min-height:auto;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+3) .area_txt p{min-height:150px;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(4) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(5) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(6) .area_txt p{min-height:350px;}
}
@media (max-width:900px) {
	.clean_list > li{height:auto; border:none;}
	.clean_list > li > i{width:40px; height:40px; line-height:40px; font-size:20px;}
	.clean_list > li > span{margin:5px 0 0; padding:15px 10px; border:1px solid #eee; display:block;}

	.clean_list.v2.col2 > li{border:1px solid #eee;}
	.clean_list.v2.col2 > li > span{border:none; margin:0; padding:0;}
	.clean_list.v2.col3 > li{border:1px solid #eee;}
	.clean_list.v2.col3 > li .area_txt{padding:10px;}
	.clean_list.v2.col3 > li{height:170px;}
	.clean_list.v2.col3 > li:nth-child(n+4){height:130px;}
}
@media (max-width:768px) {
	.box02{margin:50px 0 0;}
	.box02 ul > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px); width:-webkit-calc((100% / 2) - 5px);}
	.box02 ul > li .area_txt{padding:20px; margin:10px 0 0; min-height:280px;}
	.clean .box_txt > p{padding:10px 0;}

	.clean_list.v2 > li{height:100px; border:1px solid #eee;}
	.clean_list.v2 > li > span{border:none; padding:0; margin:0;}
	ul.col03 > li{margin:0 10px 10px 0; width:calc((100% / 3) - 9px); width:-webkit-calc((100% / 3) - 9px);}
	.area_box .w{display:none;}
	.area_box .m{display:block;}

	.clean_list.v2.col2 > li{width:100%; min-height:auto;}
	.clean_list.v2.col2 > li:nth-child(2n){margin:0 0 2%;}

	.clean_list.v2.col3 > li{margin:0 12px 12px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px); height:140px;}
	.clean_list.v2.col3 > li:nth-child(3n){margin:0 12px 12px 0;}
	.clean_list.v2.col3 > li:nth-child(2n){margin:0;}
	.clean_list.v2.col3 > li:nth-child(n+4){height:140px;}
	
	

	.ctt_tank02 .box02 ul.col4 > li{margin: 0 12px 12px 0; width: calc((100% / 2) - 6px); width: -webkit-calc((100% / 2) - 6px);}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(4n){margin: 0 12px 12px 0;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(3n){margin: 0 12px 12px 0;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(2n){margin: 0 0 12px;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+4) .area_txt p{min-height:auto;}
	

	ul.col04{margin:0 0 30px; text-align:left;}
	ul.col04 > li{display:inline-block; margin:0 10px 10px 0; width:45%; font-size:1.1em}
	ul.col04 > li p {font-size:1em; padding:10px; font-weight:500;}

}


@media (max-width:700px) {
	.area_box div .fbox{display:block;}
	.area_box div span.red{margin:10px 0;}
	
		
	.clean_list.v2.col4 > li{margin:50px 0 0;}
	.clean_list.v2.col4 > li{float:left; margin:0 10px 10px 0; width:calc(100%/2 - 10px); width:-webkit-calc(100%/2 - 10px); height:60px;}
	.clean_list.v2.col4 > li .area_txt{margin:30px 0 0; width:100%; position:relative; top:inherit; left:inherit; transform:none; padding:15px; text-align:left;}
	.clean_list.v2.col4 > li .area_txt p br{display:none;}


}
@media (max-width:650px) {
	.box02 ul > li .area_txt{padding:15px; min-height:300px;}
	.area_box .title{font-size:17px;}
}
@media (max-width:550px) {
    .area_box div.sbox {display:inline-block; width:100%; margin-right:0px;}
	.box02{margin:30px 0 0;}
	.box02 ul > li{margin:0 0 10px; width:100%;}
	.box02 ul > li:nth-child(2n){margin:0 0 10px;}
	.box02 ul > li .area_txt{min-height:auto;}
	 ul.col03 > li {width:48%; font-size:1.1em; margin-bottom:20px;!important; line-height:1.2em;}
	 
	 
	 
	 ul.col03 > li:nth-child(2n) {padding:0px} 
	 
	 ul.col03 > li:nth-child(1){margin:0 10px 10px;}
	.clean_list > li > i{width:30px; height:30px; line-height:30px; font-size:18px;}
	.clean_list > li{margin:0 0 10px;}
	.clean_list.v2 > li{height:120px;}
	.clean_list > li > span{font-size:15px;}
	.area_box div{padding:15px;}
	.area_box div ul li{font-size:15px;}
	.clean_list02 > li{font-size:15px;}
	.clean_list.v2 > li .area_txt span{font-size:17px;}
	.clean_list.v2 > li .area_txt p{font-size:15px;}
	.area_box div em{font-size:15px;}
	.area_content.tank .box02 ul > li:nth-child(5) .area_txt,
	.area_content.tank .box02 ul > li:nth-child(6) .area_txt{min-height:auto;}
	.box02 ul > li > i{width:30px; height:30px; line-height:30px; font-size: 18px;}
	.clean_list.v2.col3 > li{width:100%; margin:0 0 10px; height:auto;}
	.clean_list.v2.col3 > li:nth-child(n+4){height:auto;}
	.clean_list.v2.col3 > li > i{font-size:16px; width:100%; height:auto; line-height:1.5em;}
	.clean_list.v2.col3 > li .area_txt{margin:24px 0 0;}
	.clean_list.v2.col3 > li:nth-child(2n){margin:0 0 10px;}

	.ctt_tank02 .box02 ul.col4 > li{margin: 0 0 12px; width:100%;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(4n){margin: 0 0 12px;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(3n){margin: 0 0 12px;}
	.ctt_tank02 .box02 ul.col4 > li:nth-child(2n){margin: 0 0 12px;}

	.ctt_tank02 .box02 ul.col4 > li:nth-child(n+1) .area_txt p, 
	.ctt_tank02 .box02 ul.col4 > li:nth-child(-n+4) .area_txt p{min-height:auto;}
}
@media (max-width:450px) {
	.box02 ul > li .area_txt{padding:12px;}
	.box02 ul > li .area_txt h3{font-size:18px;}
}

@media (max-width:400px) {
	ul.col03 > li{width:100%; font-size:1.1em; letter-spacing:-1px;}
	ul.col03 > li:first-child {margin-left:0;}
	
	
}

/* table */
table.table caption{display:none;}
.area_table .table{border:1px solid #eee;}
.area_table .table > thead{padding:50px 0;}
.area_table .table > thead > tr > th{padding:15px; vertical-align:middle; font-size:17px; font-weight:bold; border:none; border-right:1px solid #eee; background:#f9f9f9; text-align:center;}
.area_table .table > thead > tr > th:last-child{border-right:none;}
.area_table .table > tbody > tr > td{padding:15px; background:#fff; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center;}
.area_table .table > tbody > tr > td:first-child{text-align:left;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}


@media screen and (max-width:850px) {
	.mob_info{display:block;}
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:850px;}
}

.sodok .area_box{margin:0 0 30px;}
.area_box .box_title{padding:0; border:none; width:100%;}
.area_box h4{min-width:194px; display:inline-block; margin:0 0 8px; padding:10px 15px; background:#1f3f77; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff; line-height:1.5em; word-break:keep-all;}
.area_box:after{content:''; display:block; clear:both;}	
.area_box .left{float:left; width:30%; margin:0; text-align:center;}
.area_box .left img{max-width:100%;}
.area_box .right{float:left; padding:10px; margin:0 0 0 1%; width:69%; display:table; height:202px; box-sizing:border-box;}
.area_box .right .table{display:table-cell; vertical-align:middle; height:100%;}
.area_box .right > ul{display:table-cell; vertical-align:middle; height:100%;}
.area_box p{display:block; margin:0 0 10px; font-size:16px; font-weight:500; color:#333; word-break:keep-all; line-height:1.5em;}
.sodok .table > tbody > tr:first-child > td{border-top:none;}
.sodok .table > tbody > tr > td{padding:8px 15px; box-sizing:border-box; font-size:16px; font-weight:500; color:#333;}
.sodok .insect02 .table > tbody > tr > td{padding:13px 15px;}
.sodok .table.v2 > tbody > tr > td:first-child{font-size:17px; font-weight:bold; text-align:center; vertical-align:middle; background:#f9f9f9;}
.sodok .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px dashed #eee;}

.sodok .col2 > li{margin: 0 60px 30px 0;}
.sodok .col2 > li img{max-width:100%;}
.sodok .box02.first{width:100%; margin:30px 0 0;}
.sodok .box02.col03{float:left; margin:60px 30px 60px 0; width:calc(100%/3 - 22px); width:-webkit-calc(100%/3 - 22px);}
.sodok .box02.col03:last-child{margin:60px 0;}

.box_title h4{display:inline-block; margin:0 0 8px; padding:2px 10px; background:#1f3f77; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff; line-height:1.5em; word-break:keep-all;}
.box02 p{font-size:15px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all; }
.ctt_sodok01 .box02 p{text-align:center; margin:15px 0 0;}
.box_img02{margin:0 auto; width:100%; height:0; padding-bottom:54%;}

.box_img02.sodok01{background:url(../img/sub/img_sodok01_06.jpg)no-repeat center; background-size:cover !important;}
.box_img02.sodok02{background:url(../img/sub/img_sodok01_09.jpg)no-repeat center; background-size:cover !important;}
.box_img02.sodok03{background:url(../img/sub/img_sodok01_08.jpg)no-repeat center; background-size:cover !important;}

.box_img02.sodok02_01{background:url(../img/sub/img_sodok02_07.jpg)no-repeat center; background-size:cover !important;}
.box_img02.sodok02_02{background:url(../img/sub/img_sodok02_08.jpg)no-repeat center; background-size:cover !important;}
.box_img02.sodok02_03{background:url(../img/sub/img_sodok02_09.jpg)no-repeat center; background-size:cover !important;}
.ctt_sodok02 .box02.col03 .area_img{padding:10px; margin:15px 0 0; border:1px solid #eee; box-sizing:border-box;}
.ctt_sodok02 .box02.col03 .area_img h5{display:block; margin:0 0 10px; font-size:15px; font-weight:bold; color:#333; word-break:keep-all;}

.area_box .area_table{border:none; padding:0; margin:30px 0 0;}
.area_box .box03{border:none; padding:0; width:100%;}
.area_box .box03:after{content:''; display:block; clear:both;}	
.box p.point{display:block; padding:0 0 10px; font-size:15px; font-weight:500; color:#555}
.box04{margin:10px 0 0; text-align:center; padding:50px 20px; box-sizing:border-box; border:5px solid #eee}
.box04 p{font-size:18px; font-weight:bold; color:#333; word-break:keep-all;}
@media (max-width: 1300px){
	.box03 .area_insect02 > li{background-size:cover;}
}
@media (max-width: 1024px){
	.sodok .col2 > li{margin: 0 30px 30px 0;}
}
@media (max-width: 768px){
	.sodok .col2 > li{margin: 0 10px 30px 0;}
	.sodok .box02.col03{float:left; margin:60px 0 0; width:100%;}
	.area_box h4{font}
	.area_box .left{width:100%;}
	.area_box .right{width:100%; margin:10px 0 0; height:auto;}
	.sodok .area_box{margin:0 0 10px;}
	.area_box .area_table{margin:20px 0 0;}
	.box02.margin{margin:30px 0;}
	.box04{margin:0; padding:20px 10px;}
	.box04 p{font-size:16px;}

	.box03 table{width:100%; margin:0 0 15px;}
	.box03.v2 table{width:100%;}
	.box03 .area_insect{width:100%;}
	.box03 .area_insect02{width:100%;}
	.box03 .area_insect02 > li{border:1px solid #eee; background-size:auto 90%;}

	.box02 ul.col4 > li{margin: 0 10px 10px 0; width: calc(100%/2 - 5px); width: -webkit-calc(100%/2 - 5px);}
	.box02 ul.col4 > li:nth-child(2n){margin:0;}
	.box02 ul.col4 > li:nth-child(4){margin:0;}
	.box02 ul.col4 > li .area_txt p{min-height:auto;}
}
@media (max-width: 550px){
	.sodok .col2 > li{margin:0 0 10px;}
	.sodok .box02.col03{margin:30px 0 0;}
	.sodok .box02.col03:last-child{margin:30px 0;}
	.box02 p{font-size:15px;}
	.ctt_sodok02 .box02.first{margin:10px 0 0;}
	.box02 ul.col4 > li{margin: 0 0 10px; width:100%;}
	.box02 ul.col4 > li:nth-child(2n){margin:0 0 10px;}
}