@charset "utf-8";

.sub_com {}
.sub_com	*{box-sizing: border-box;}
.sub_com p{text-align: center;
    line-height: 2.0em;
    color: gray;}
.sub_com h3{    font-size: 1.8em;
    /* margin-bottom: 1em; */
    padding: 1em 0;}

@media screen and (max-width: 1000px) { 
	.sub_com {}
	.sub_com p{}
}

.com_full {     background-color: #ebebeb;
    background-repeat: no-repeat;
    /* margin-top: 5em; */
    padding:0;     display: table;
    width: 100%;}

ul.title1 {position: relative;
    padding: 0 0 0 6em;
    margin-bottom: 3em;}
ul.title1:after {        content: "";
    position: absolute;
    top: 15px;
    left: 0px;
    width: 75px;
    height: 1px;
    background-color: rgb(40 195 199 / 100%);}
ul.title1 li{}
ul.title1 li:nth-of-type(1){    font-size: 1.8em;
    font-weight: 400; text-transform: capitalize;}
ul.title1 li:nth-of-type(2){}
ul.title1 li:nth-of-type(2) span{    font-weight: 400;
    color: black;}

ul.product1 {    display: table;
    width: 100%;}
ul.product1 li{            width: 32.333%;
    float: left;
    height: 400px;
    border: 1px solid #eaeaea;
    margin-right: 1.1em;
    position: relative;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
ul.product1 li p{    
    position: absolute;
    width: 100%;
    bottom: -35px;}
ul.product1 li:nth-of-type(1){  }
ul.product1 li:nth-of-type(2){  margin-right: 0;}
ul.product1 li:nth-of-type(3){ float: right; margin-right: 0;}

ul.product2 {    position: relative;
    display: table;
    padding: 0 0 0 3em; width: 100%; margin-bottom: 8em;}
ul.product2:after {     content: "";
    position: absolute;
    top: 0px;
    left: 58%;
    width: 200px;
    height: 200px;
    /* background-color: rgba(63, 208, 212, 0.4); */
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: 72%; }
ul.product2 li{float: left;}
ul.product2 li:nth-of-type(1){     font-size: 1.4em;
    width: 25%;}
ul.product2 li:nth-last-child(1){}
ul.product2 > li:nth-last-child(1) span{    display: table;
    /* padding-left: 2em; */
    text-align: right;
    width: 100%;     margin-top: 2em; }

@media screen and (max-width: 1000px) { 
	ul.title1 {padding:0;}
	ul.title1:after {    display: none; }
	ul.product1 li {width:100%; margin-bottom: 3em;}
	ul.product2:after {display: table;
    position: relative;
    /* width: 100%; */
    left: 13%;
    top: 17px;
	}
}

div.img {    
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #ccc;}
div.img2 {    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #ccc;
    height: 20em;}
    
ul.cate {    display: table;
    width: 100%;
    text-align: center;}
ul.cate li{    display: inline-block; cursor: pointer;
    border:1px solid #f5f5f5;
    margin: 0em 0.5em 0.5em 0;
    padding: 1em;
    width: 19.0%;
    font-size: 0.9em;
    letter-spacing: -0.05em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;border-radius:5px;background-color:#f5f5f5}
ul.cate li:hover{border:1px solid #aaa; color:#888;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
ul.cate li.on {border:1px solid #333; color:#333;}
ul.cate li:nth-last-child(1){}
/*ul.cate li:nth-of-type(5),ul.cate li:nth-of-type(10),ul.cate li:nth-of-type(15) {margin-right:0;} */
@media screen and (max-width: 1000px) { 
	ul.cate li {width: 47%;
    margin: 0 0.3em 0.3em;
    letter-spacing: -1px;
    font-size: 0.8em;
	}
	div.img {background-size: contain;}
	div.img2 {}
}

div.p_com {}
p.p1 {}
p.p2 {font-size: 1.8em;
    padding-left: 0.8em;
    color: #4fa526;}
div.img_s1 { width: 100%;
    height: 459px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;     word-break: keep-all;}
div.img_s2 { width: 100%;
    height: 428px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;     word-break: keep-all;}



ul.s1 {    display: table;
    /* margin: 0 1em; */
    width: 100%;
    box-sizing: border-box;
    padding: 0 2em 0 2em;
	font-size: 1em;
    }
ul.s1 span {	font-weight: 400;
	font-size: 1.1em;
    margin-right: 0.5em;
	}
ul.s1> li{	position: relative;
    padding: 0 0 0.5em 1em;
    width: 100%;
    clear: both;
    box-sizing: border-box;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.6em;
    color: #6f6f6f;
	}
ul.s1> li::before{
	    content: "";
    width: 4px;
    height: 4px;
    background-color: #1ac0ff;
    margin: 8px 30px 0 0;
    position: absolute;
    left: 0px;
    top: 4px;
}
ul.s1> li .lt_date{     float: right;}
ul.s1> li .lt_date,ul.s1> li a {font-size:1em;}

ul.s1_1> li{	position: relative;
    padding: 0 0 0.5em 1em;
    width: 100%;
    clear: both;
    box-sizing: border-box;
	}
@media screen and (max-width: 1000px) { 
	ul.s1 {padding: 0 1em 0 0;}
}

.p_com div, .p_com p, .p_com li{font-size:1.4em;}
.p_com > h3:nth-of-type(1) {    margin-top: 0;}
ul.title_info {    display: table; margin-bottom: 5em;}
ul.title_info > li{    display: table;}
ul.title_info > li:nth-child(1){    float: left;
    width: 58%;}
ul.title_info > li:nth-child(2) {
    background-image: url(/img/page/1050/1.jpg);
	 float: right;
    /* display: table; */
    width: 446px;
    height: 295px;
    /* width: 100%; */
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 8px 8px 5px #a5a5a5;}
ul.title_info > li:nth-child(1) h4 {    font-size: 1.8em;     word-break: keep-all;}
ul.title_info > li:nth-child(1) p {font-size: 1.4em;
    font-weight: 300;
    margin-top: 1em; }
ul.title_info > li:nth-child(1) p:nth-last-child(1) {padding-bottom:0.6em;     line-height: 1.8em;
    padding-bottom: 0.6em;
    font-size: 1.3em;
    color: #000;
    font-weight: 300;
    word-break: keep-all;}
ul.title_info > li p span {font-weight:500;}
/*
ul.title_info {    width: 100%;
    display: table;
    box-sizing: border-box;
    margin: 0 0 3em 0;}
ul.title_info li {    box-sizing: border-box;
    display: table;}
ul.title_info li:nth-child(1) {
	        width: 30%;
    height: 14em;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1em;
	}
ul.title_info li:nth-child(2) { float: right;
    width: 65%;}
*/
div.title_info3 {
	            background-color: #8dcecc;
    padding: 2.5em 5em;
    background-repeat: no-repeat;
    /* background-position-y: 197px; */
    /* background-position-x: right; */
    /* border-bottom: 5px solid #4b7191; */
    border-radius: 2em;
    background-size: 98%;
    font-size: 1.1em;
    position: relative;
        height: 15em;
}
div.title_info3 h4 {    
    font-size: 2em;
    margin-bottom: 1em;
	font-weight: 600;}
div.title_info3 img {    
        position: absolute;
    top: 50%;
    right: 6em;
    width: 40%;
    margin-top: -3.5em;
    }
    div.title_info3 p {     word-break: keep-all;
    width: 50%; font-weight: 500;}

h3.title {         font-size: 2.8em;
    text-align: center;
    /* text-transform: uppercase; */
    letter-spacing: -0.05em;
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 1em;
    font-weight: 200;
    text-transform: capitalize;}
@media screen and (max-width: 1000px) { 
	h3.title {    margin-top: 4em;
    font-size: 2em;}
}
/*
h3.title:after {  content: "";
    width: 6px;
    height: 19px;
    background-color: #94c11f;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: rotate(45deg);
    margin-left: -7px;} */
    h3.title span {    display: table;
    margin: 0 auto;
    font-size: 0.4em;
    font-weight: 100;     font-family: 'Noto Sans KR', sans-serif; }
    
h2.stitle { margin: 1.5em 0 1em 0;     clear: both;  position: relative; padding-left: 1em;}
h2.stitle:after{ content: "";
    width: 6px;
    height: 19px;
    background-color: #e7182a;
    /* margin: 8px 30px 0 0; */
    position: absolute;
    left: 0px;
    top: 7px;
    transform: rotate(45deg);
}
h3.title2 {    font-size: 1.4em;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 0.5em; font-weight: 400;}
h3.title2 span{        font-size: 0.7em;
    display: inline-block;
    float: right;
    padding-top: 0.8em;
    color: #737373;}

ul.s2 {        display: table;
    width: 1300px;
    box-sizing: border-box;
    margin: 0 auto;}
ul.s2 li{        float: left;
    width: 11em;
    height: 9em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    box-sizing: border-box;
    border: 1px solid #bebebe;
    margin-right: 3em;
    margin-bottom: 1em;
    text-align: center;
    padding-top: 7em;
    position: relative;
	box-shadow: 3px 4px 4px 0px #8080805c;
	border-radius: 0.6em;}
/*ul.s2 li:after{        content: "";
    background-image: url(/img/common/arrow1.png);
    display: block;
    width: 47px;
    height: 46px;
    margin: 0px 0px 0px 0;
    position: absolute;
    top: 44%;
    right: -69px;
    background-repeat: no-repeat;*/ }
ul.s2 li:nth-of-type(1){ }
ul.s2 li:nth-of-type(2){ }
ul.s2 li:nth-of-type(3){ }
ul.s2 li:nth-of-type(4){ }
ul.s2 li:nth-of-type(5){ }
ul.s2 li:nth-of-type(6){ margin-right: 0;}
ul.s2 li:nth-of-type(6)::after {display:none;}

ul.s2 li span {        position: absolute;
    top: 2.6em;
    left: 0;
	right: 0;
    font-size: 1.2em;
	color: #29a02c;
    font-weight: 500;
	text-align: center;}

    
ul.th {    display: table;
    width: 100%;}
ul.th li{float: left;
    width: 25%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #f7f7f7;
    border-top: 2px solid gray;
    border-bottom: 1px solid gray;
    font-weight: 600;}
ul.th li:nth-last-child(1){}

ul.td {    display: table;
    width: 100%;}
ul.td li{float: left;
    width: 25%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #fff;
    border-bottom: 1px solid gray;
    font-weight: 400;}
ul.td li:nth-last-child(1){}

div.info {    margin: 1em 0 3em;
    display: table;
    width: 100%;}
div.info dl{    width: 25%;
    float: left;}
div.info dl:nth-of-type(3) {}
div.info dl:nth-last-child(1){}
div.info dl dt{width: 100%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #f7f7f7;
    border-top: 2px solid gray;
    border-bottom: 1px solid gray;
    font-weight: 600;}
div.info dl dd{width: 100%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #fff;
    border-bottom: 1px solid gray;
    font-weight: 400;}


@media screen and (max-width: 1000px) {
	ul.s2 li:after {display:none;}
	ul.s2 li span {    position: relative;
    clear: both;
    width: 100%;
    top: 0;
    display: table;}
	ul.s2, ul.s2 li {width: 100%;
    float: none;
    margin: 1em 0;
    height: auto;
    padding: 1em;}
	ul.s2 li:nth-of-type(4) {margin:1em 0;}
	div.info dl{    width: 100%;}
	h3.title2 span {    display: table;
    float: unset;}

}    
a.btn1 {            padding: 1em 3em;
    display: table;
    background-color: #3ea432;
    color: white;
    border-radius: 0.5em;
    font-size: 1.4em;
    box-sizing: border-box;
    border: 1px solid white;
}
a.btn1:hover { background-color: #fff; border:1px solid #3ea432; color:#3ea432;}

.center {margin:0 auto;}
.txt_center {text-align:center;}
.fright {float: right;}
.fleft {float: left;}
.w50 {width:50%;}
@media screen and (max-width: 1000px) { 
	.fright,.fleft {float:unset;}
	.w50 {width:100%}
}

.mt1 {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.mt4 {margin-top:4em;}
.mt5 {margin-top:5em;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}

@media screen and (max-width: 1000px) { 
	ul.title_info li:nth-child(1),ul.title_info li:nth-child(2) { margin-bottom:1em; width:100%; }
}	

.sub_all > h2 {    margin-top: 2em; margin-bottom: 1em; padding-left: 1em;
    clear: both; /*position: relative;*/ font-weight: 600;     font-size: 1.6em;     position: relative;}
.sub_all > h2:after{        content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 9px 0px 0px 0;
    border: 6px solid #3ca83f;
    /* float: left; */
    margin-right: 0.5em;
    border-radius: 2em;
    position: absolute;
    top: 0;
    left: 0;}
	.sub_all > h2 span {font-size: 0.7em;}
.sub_all > h1  {    margin-top: 1em; margin-bottom: 1em; clear: both; position: relative; font-weight: 400; font-size: 1.3em;}
.sub_all > h1::before{  content: ""; display: block; margin: 0 15px 20px 0; width: 100%; height: 2px; border-left: 460px solid #29a02c; background-color: #ececec;}
@media screen and (max-width: 1000px) { width: 100%;
	.sub_all {}
	.sub_all h1::before{ border-left: 260px solid #29a02c; margin: 1em 0;}
	.sub_all h2{    width: 300px;
    word-break: keep-all;
    position: relative;
    padding-left: 1.2em;}
}

.sub_full {    background-color: #ebebeb;
    background-image: url(/img/page/1010/1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 58%; margin-top: 5em;}
.sub_full * { box-sizing: border-box;}
.sub_img_1010 {}
.sub_img_1010 ul{    display: table;
    margin: 8em 0;}
.sub_img_1010 ul li{position: relative;}
.sub_img_1010 ul li:nth-of-type(1){    font-size: 3.4em;}
.sub_img_1010 ul li:nth-of-type(2){    font-size: 1.4em;
    font-weight: 400;}
.sub_img_1010 ul li:nth-of-type(3)::after{         content: "";
    position: absolute;
    top: 39px;
    left: 0;
    width: 10px;
    height: 61px;
    background-color: rgba(63, 208, 212, 0.4);}
.sub_img_1010 ul li:nth-of-type(3){padding: 2em 2em;}
p.info {text-align:center;}
ul.flow1 {      position: relative;  display: table;
    margin-bottom: 6em;
    width: 80%;
    margin: 0 auto;
    margin-top: 7em;
    margin-bottom: 11em;}
ul.flow1 > li{        display: table;
    background-repeat: no-repeat;
    height: 180px;
    float: left;
    width: 180px;
    background-color: #e8e8e8;
    margin-right: 3em;
    border-radius: 6em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-position-x: center;
    background-position-y: center;}
ul.flow1:before {        content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #cacaca;
    position: absolute;
    top: 90px;
    }    
/*
ul.flow1 > li::after {        content: ">";
    display: block;
    width: 60px;
    height: 39px;
    position: absolute;
    top: 34%;
    right: -54px;
    font-weight: bold;
    font-family: serif;
    font-size: 1.5em;
    color: #ccc;
} */
ul.flow1 > li:nth-last-child(1)::after {content: "";}

ul.flow1 > li p {position: absolute;
    /* bottom: -2em; */
    text-align: center;
    width: 100%;
    letter-spacing: -1px;
    /* margin-left: -22px; */
    color: black;
    font-weight: 600;
    top: 10em;
    letter-spacing: 0px;
    line-height: 1em;
    word-break: keep-all;
    font-size: 1.2em;
}
ul.flow1 > li p span {
    font-weight: 300;
    font-size: 0.7em;
    display: table;
    margin-top: 2em;}
@media screen and (max-width: 1000px) { 
	ul.flow1 > li {}
}    
    
ul.flow2 {display: table;
    margin-bottom: 10em;
    margin-left: 3em;}
ul.flow2 > li{    display: table;
    background-repeat: no-repeat;
    height: 100px;
    float: left;
    width: 102px;
    background-color: #e8e8e8;
    margin-right: 7em;
    border-radius: 4em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-position-x: center;
    background-position-y: center; }
ul.flow2 > li::after {            content: ">";
    display: block;
    width: 60px;
    height: 39px;
    position: absolute;
    top: 34%;
    right: -85px;
    font-weight: bold;
    font-family: serif;
    font-size: 1.5em;
    /* background-color: #ccc; */
    color: #ccc;
}
ul.flow2 > li:nth-last-child(1)::after {content: "";}

ul.flow2 > li p {position: absolute;
    /* bottom: -3em; */
    text-align: center;
    width: 200px;
    letter-spacing: -1px;
    margin-left: -45px;
    color: black;
    font-weight: 400;
    top: 7em;}

ul.flow3 {display: table;
    margin-bottom: -1em;}
ul.flow3 > li{                display: table;
    background-repeat: no-repeat;
    height: 250px;
    float: left;
    width: 250px;
    margin-left: 3em;
    border-radius: 1em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-position-x: center;
    background-position-y: center;
    margin-bottom: 4em;
    border: 1px solid;
    box-shadow: 5px 5px 10px #b3b3b3;
}

ul.flow3 > li:nth-last-child(1) {margin-right: 0;}
ul.flow3 > li::after {                content: ">";
    display: block;
    width: 50px;
    height: 39px;
    position: absolute;
    top: 48%;
    left: -50px;
    font-weight: bold;
    font-family: serif;
    font-size: 1.5em;
    /* background-color: #ccc; */
    color: #4a4a4a;
}
ul.flow3 > li:nth-child(1)::after {content: "";}

ul.flow3 > li span {
    color: white;
    text-align: left;
    /* width: 80%; */
    display: table;
    padding: 0.7em 0.8em;
    font-weight: 600;
    background-color: #bebebe;
    border-radius: 3em;
    position: absolute;
    left: 44%;
    top: 2em;
    font-size: 0.8em;}
ul.flow3 > li p {        position: absolute;
    /* bottom: -2em; */
    text-align: center;
    width: 100%;
    letter-spacing: -1px;
    /* margin-left: -22px; */
    color: #097b0c;
    font-weight: 400;
    top: 12em;
    letter-spacing: 0px;
    line-height: 1em;
    word-break: keep-all;
    text-align: center;
    left: 0em;
    padding-left: 0;
    font-weight: 500;
}

@media screen and (max-width: 1000px) {
	.sub_full {background-image: unset;}
	.sub_img_1010 ul {    margin: 1em 0;}
	.sub_img_1010 ul li:nth-of-type(1) {]
}

ul.flow4 {        display: table;
    margin: 0 auto;
    margin-bottom: 4em;
    margin-top: 4em;
    }
ul.flow4 > li{        display: table;
    background-repeat: no-repeat;
    height: 255px;
    float: left;
    width: 300px;
    margin-right: 0;
    /*border-radius: 1em;*/
    text-align: center;
    box-sizing: border-box;
    position: relative;
    /*background-position-x: center;
    background-position-y: center;
    background-color: #fff;
    border: 1px solid gray;
    box-shadow: 0px 5px 13px #9c9c9c;*/
}
ul.flow4 > li:nth-child(1){ }
ul.flow4 > li:nth-child(2){ }
ul.flow4 > li:nth-child(3){ margin-right: 0; }

ul.flow4 > li:nth-of-type(1)::after {content: "";
    width: 195px;
    height: 195px;
    background-image: url(/img/page/4010/6.png);
    position: absolute;
    left: 50%;
    margin-left: -92px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    border: 1px solid #bebebe;
	box-shadow: 3px 4px 4px 0px #8080805c;
    border-radius: 9em;
    /*top: -31%;*/
    background-color: white;}
ul.flow4 > li:nth-of-type(2)::after {content: "";
    width: 195px;
    height: 195px;
    background-image: url(/img/page/4010/7.png);
    position: absolute;
    left: 50%;
    margin-left: -92px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    border: 1px solid #bebebe;
	box-shadow: 3px 4px 4px 0px #8080805c;
    border-radius: 9em;
    /*top: -31%;*/
    background-color: white;}
ul.flow4 > li:nth-of-type(3)::after {content: "";
    width: 195px;
    height: 195px;
    background-image: url(/img/page/4010/8.png);
    position: absolute;
    left: 50%;
    margin-left: -92px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    border: 1px solid #bebebe;
	box-shadow: 3px 4px 4px 0px #8080805c;
    border-radius: 9em;
    /*top: -31%;*/
    background-color: white;}
ul.flow4 > li:nth-of-type(4)::after {content: "";
    width: 195px;
    height: 195px;
    background-image: url(/img/page/4010/9.png);
    position: absolute;
    left: 50%;
    margin-left: -92px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    border: 1px solid #bebebe;
	box-shadow: 3px 4px 4px 0px #8080805c;
    border-radius: 9em;
    /*top: -31%;*/
    background-color: white;}

ul.flow4 > li h3 {    position: absolute;
    width: 100%;
    top: 10em;
    font-size: 1.4em;
    font-weight: 400;
    color: #3ca83f;
 }
ul.flow4 > li p {    position: absolute;
    /* bottom: -2em; */
    text-align: center;
    width: 100%;
    letter-spacing: -1px;
    /* margin-left: -22px; */
    color: black;
    font-weight: 400;
    top: 10em;
    letter-spacing: 0px;
    line-height: 1.3em;
    word-break: keep-all;
    padding: 0 2em;
    text-align: center;
}

ul.flow5 {display: table;
    margin-bottom: 6em;}
ul.flow5 > li{        display: table;
    background-repeat: no-repeat;
    height: 144px;
    float: left;
    width: 192px;
    margin-right: 0em;
    border-radius: 1em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-position-x: center;
    background-position-y: 1em;
    margin-bottom: 4em;
}
ul.flow5 > li::after {   /*     content: ">";
    display: block;
    width: 60px;
    height: 39px;
    position: absolute;
    top: 34%;
    right: -54px;
    font-weight: bold;
    font-family: serif;
    font-size: 1.5em;
    color: #ccc; */
}
ul.flow5 > li:nth-last-child(1)::after {content: "";}
ul.flow5 > li span {color: red;
    text-align: left;
    width: 80%;
    display: table;
    padding: 0.5em 1em;
    font-weight: 600;}
ul.flow5 > li p {position: absolute;
    /* bottom: -2em; */
    text-align: center;
    width: 192px;
    letter-spacing: -1px;
    /* margin-left: -22px; */
    color: black;
    font-weight: 400;
    top: 10em;
    letter-spacing: 0px;
    line-height: 1em;
    word-break: keep-all;
    text-align: center;
    left: 0em;
}
ul.photo {    display: table;
    width: 100%; margin-top: 1em;}
ul.photo li{        display: table;
    width: 23.8%;
    height: 230px;
    border-radius: 1em;
    background-size: cover;
    float: left;
    margin-right: 1.2em;
    margin-bottom: 1em;
    border: 1px solid #c6c6c6;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;}
    
ul.photo li:nth-child(4){margin-right:0;}
ul.photo li:nth-child(8){margin-right:0;}
ul.photo li:nth-child(12){margin-right:0;}
ul.photo li:nth-child(16){margin-right:0;}

ul.photo1 {    display: table;
    width: 100%; margin-top: 1em;}
ul.photo1 p{
    font-size: 1em;
    color: #29a02c;
    font-weight: 500;
	text-align: center;}
ul.photo1 li{    display: table;
    background-size: cover;
    float: left;
    margin-right: 3em;
    margin-bottom: 2em;
	}
ul.photo1 li img{border: 1px solid #c6c6c6;
    height: 500px; cursor: pointer;}
ul.photo1 li p{    z-index: 111;
    /*position: absolute;
    padding-bottom: 20px;*/
    font-size: 1em;
    color: #29a02c;
    font-weight: 500;
	text-align: center;
	margin-bottom: 0.5em;}
    
ul.photo1 li:nth-child(3){margin-right:0; margin-bottom:2em;}
ul.photo1 li:nth-child(6){margin-right:0;}
ul.photo1 li:nth-child(9){margin-right:0;}
ul.photo1 li:nth-child(12){margin-right:0;}

@media screen and (max-width: 1000px) { 
	ul.flow3 > li {    width: 126%;}
	ul.flow3 > li:nth-child(3) {
    background-position-x: 3em;
	}
	
	ul.flow4{ width: 100%}
	ul.flow4 > li {    margin-bottom: 4em;
    width: 50%;
    float: left;
    height: 162px;}
	ul.flow4 > li h3 {      width: 100%;  top: 8em; }
	ul.flow4 > li p {      width: 124%;  top: 11em; }
	ul.flow4 > li:nth-of-type(1)::after{width: 150px;
    height: 150px; margin-left: -81px;}
	ul.flow4 > li:nth-of-type(2)::after{width: 150px;
    height: 150px; margin-left: -68px;}
	ul.flow4 > li:nth-of-type(3)::after{width: 150px;
    height: 150px; margin-left: -81px;}
	ul.flow4 > li:nth-of-type(4)::after{width: 150px;
    height: 150px; margin-left: -68px;}

	ul.title_info > li:nth-child(1){
	        width: 100%;
	}
	ul.photo, ul.photo li {width:100%;     height: 17em;}
	ul.photo1, ul.photo1 li {width:100%;}
}