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



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



.s_con {padding: 50px 20px;}
.s_con:nth-of-type(2n) {border-top:1px solid #ddd;}
.s_con h4 {margin-bottom:30px;
	text-align:center;font: 600 35px /1.3 'Titillium Web', 'Noto Sans KR';letter-spacing:-0.04em;color:#333;}
.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 {text-align:center;}
.con1 h4 {font-weight:300;}



.con1 > ul {overflow:hidden;margin-top:50px;
    padding: 0 80px;}
.con1 > ul > li {overflow:hidden;}
.con1 > ul > li+li {margin-top:50px;padding-top:50px;border-top:1px dotted #ddd;}
.con1 > ul > li > img {border:1px solid #ececec;float:left;max-width:220px;width:30%;}
.con1 > ul > li:nth-child(2) > img {border:1px solid #ececec;float:right;}
.con1 > ul > li div {/* float:right; */float:left;width:68%;}
.con1 > ul > li:nth-child(2) div {/* float:left; */float:right;width:68%;}


.con1 > ul > li h5 {margin:30px 0 10px;
	font: 600 27px 'Titillium Web';color:#222;letter-spacing:-0.05em;}
.con1 > ul > li h5 img {width:30px;margin-right:15px;
	vertical-align:middle;}


.con1 > ul > li h5 + p:before {content:'';width: 30px;height: 2px;margin:0 auto 15px;display:block;
	background-color:#ddd;}
.con1 > ul > li h5 + p {margin-bottom: 20px;
	font: 17px 'Noto Sans KR';}
.con1 > ul > li h5 + p * {font-family:inherit;}
.con1 > ul > li h5 + p strong {display:block;
	color:#333;letter-spacing:0.2em;font-weight:600;}
.con1 > ul > li h5 + p strong b {display:inline-block;border-right: 2px solid #ececec;margin-right:15px;
    font-size:.9em;color:#88C425;font-weight:900;
	padding-right:15px;}
.con1 > ul > li h5 + p span {display:block;margin-top:5px;
    color:#519548;font-size:1.5em;;letter-spacing:-0.05em;}



.say {margin:40px auto;max-width:400px;
	text-align:left;font-size:21px;font-weight:600;letter-spacing:-0.05em;color:#f2ad09;}
.say span {display:block;
	text-align:right;font-size:.7em;font-weight:500;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 ------*/



/*----- con2 - ( ------*/
/*----- ) - con2 ------*/



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .con1 > ul {padding: 0;}
    .con1 > ul > li h5 {margin-top:0;}
}

/* mobile */
@media screen and (max-width:768px){
    .s_con h4 {font-size:29px;word-break:keep-all;}
    
    

    /*----- con1 - ( ------*/
    .con1 > ul {padding:0 10px;}
    .con1 > ul > li {}
    .con1 > ul > li+li {width:100%;float:none;}
    .con1 > ul > li > img {width:100%;float:none;}
    .con1 > ul > li:nth-child(2) > img {width:100%;float:none;}
    .con1 > ul > li div {width:100%;float:none;}
    .con1 > ul > li:nth-child(2) div {width:100%;float:none;}
    
    
    .con1 > ul > li h5 {font-size:19px;}
    .con1 > ul > li h5 img {width:20px}
    
    
    .con1 > ul > li h5 + p {font-size:15px;}
    .con1 > ul > li h5 + p strong{letter-spacing:0em; }
    
    
    
    .say  {font-size:17px;}
    /*----- ) - con1 ------*/
}