@import url("https://fonts.dubuplus.com/css?family=Titillium Web");



.sub ul+p {margin-top:20px;}



.s_con {padding: 50px 20px;}
.s_con+.s_con {}
.s_con h4 {margin-bottom:30px;
	font: 600 35px /1.3 'Titillium Web', 'Noto Sans KR';letter-spacing:-0.04em;color:#333;}
.s_con h4:before {content:'';width:40px;height:3px;display:block;margin-bottom:15px;
	background-color:#88C426;}
/*
.s_con h4:after {content:'';display:block;width:10px;height:10px;border-left:2px solid #3DA24A;border-bottom:2px solid #3DA24A;margin:10px auto;
    transform:rotate(-45deg)}
*/



/*----- con1 - ( ------*/
.con1 h4 {font-weight:300;}



/* bar */
.bar li{padding-left:15px;}
.bar li+li {margin-top:5px;}
.bar li:before{display:inline-block; content:''; width:7px; height:2px;margin-right:10px;margin-left:-15px;
    vertical-align:middle;
    background-color:#333;
}
.bar li span {display:block;
    padding: 3px 0px;
	font-size:.9em;color:#999;}



/* dot */
.dot li{padding-left:13px;}
.dot li+li {margin-top:5px;}
.dot li:before{display:inline-block; content:''; width:3px; height:3px;margin-right:10px;margin-left:-13px;
    border-radius:50%; vertical-align:middle;
    background-color:#6b8007;
}



.con1 div {overflow:hidden;}
.con1 dl {float:left;width:50%;margin-bottom:50px;min-height:121px;}
.con1 dl dt {margin-bottom:5px;
	font:600 21px 'Titillium Web';color:#222;}
.con1 dl dd {padding: 0 10px}
/*----- ) - con1 ------*/



/* imgs */
dl+.imgs {margin-top:50px;}
.imgs {overflow:hidden;border:1px solid #ddd;
	padding:3%;}
.imgs img {float:left;}
.imgs p {margin-bottom:30px;
    font: 500 21px 'Noto Sans KR';text-align:center;letter-spacing:-0.05em;color:#333;}



.con1-1 .imgs img:nth-of-type(1) {width:30%}
.con1-1 .imgs img:nth-of-type(2) {width:25%}
.con1-1 .imgs img:nth-of-type(3) {width:13%}
.con1-1 .imgs img:nth-of-type(4) {width:26%}
.con1-1 .imgs img+img {margin-left:2%;}



.con1-2 .imgs img:nth-of-type(1) {width:37%}
.con1-2 .imgs img:nth-of-type(2) {width:22%}
.con1-2 .imgs img:nth-of-type(3) {width:37%}
.con1-2 .imgs img+img {margin-left:2%;}



.con1-3 .imgs img:nth-of-type(1) {width:30%}
.con1-3 .imgs img:nth-of-type(2) {width:28.5%}
.con1-3 .imgs img:nth-of-type(3) {width:37.5%}
.con1-3 .imgs img+img {margin-left:2%;}



.con1-4 .imgs img:nth-of-type(1) {width:29.5%}
.con1-4 .imgs img:nth-of-type(2) {width:20%}
.con1-4 .imgs img:nth-of-type(3) {width:19%}
.con1-4 .imgs img:nth-of-type(4) {width:25.5%}
.con1-4 .imgs img+img {margin-left:2%;}



.con1-5 .imgs > img:nth-of-type(1) {width:24%}
.con1-5 .imgs > img:nth-of-type(2) {width:35%}
.con1-5 .imgs > img:nth-of-type(3) {width:12%}
.con1-5 .imgs span {display:block;float:left;width:23%;}
.con1-5 .imgs span img {width:100%;float:none;}
.con1-5 .imgs > img+img {margin-left:2%;}
.con1-5 .imgs > img+span {margin-left:2%;}



.con1-6 .imgs img:nth-of-type(1) {width:35%}
.con1-6 .imgs img:nth-of-type(2) {width:28%}
.con1-6 .imgs img:nth-of-type(3) {width:33%}
.con1-6 .imgs img+img {margin-left:2%;}



.con1-7 .imgs img:nth-of-type(1) {width:15%}
.con1-7 .imgs img:nth-of-type(2) {width:43.5%}
.con1-7 .imgs img:nth-of-type(3) {width:18%}
.con1-7 .imgs img:nth-of-type(4) {width:17.5%}
.con1-7 .imgs img+img {margin-left:2%;}



.con1-8 .imgs img:nth-of-type(1) {width:13.8%}
.con1-8 .imgs img:nth-of-type(2) {width:25.5%}
.con1-8 .imgs img:nth-of-type(3) {width:29.2%}
.con1-8 .imgs img:nth-of-type(4) {width:25.0%}
.con1-8 .imgs img+img {margin-left:2%;}



.con1-9 .imgs img:nth-of-type(1) {width:28%}
.con1-9 .imgs img:nth-of-type(2) {width:37%}
.con1-9 .imgs img:nth-of-type(3) {width:31%}
.con1-9 .imgs img+img {margin-left:2%;}



.con1-10 .imgs img:nth-of-type(1) {width:14%}
.con1-10 .imgs img:nth-of-type(2) {width:84%}
.con1-10 .imgs img+img {margin-left:2%;}



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    
}

/* mobile */
@media screen and (max-width:768px){
    .s_con h4 {font-size:23px;word-break:keep-all;}
    
    
    
    .con1 dl {float:none;width:100%;min-height:auto;}
    .con1 dl dt {font-size:17px;}
    
    
    
    .imgs p {font-size:15px;word-break:keep-all;text-align:left;}
    
    .sub .con1 .imgs img {width:100%;float:none;margin-left:0}
    .sub .con1 .imgs img+img {margin-top:30px;}
    .imgs p {}
}