@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */

.value-content{padding:100px 0;}
.value-content .value-bg{background:url("/images/content/value_img/value_bg.png") center no-repeat; background-size:90% auto}
.value-content .value-list{margin:0 -4.78%}
.value-content .value-list li{float:left; width:10.43%; margin:0 4.78%;}

.value-content .value-list .value-name{text-align:center; margin-top:15.54%; font-size:18px; color:#333; font-weight:bold; line-height:1.83em; letter-spacing:-0.25px;}
.value-content .value-list .value-circle{border-radius:100%; box-shadow: 18px 18px 29px rgba(0,0,0,0.09); border:1px solid #cfcfcf; box-sizing:border-box; padding-top:100%; background: center no-repeat, #fff; background-size:100%; }
.value-content .value-list dl .value-circle.value-icon-01{background-image:url("/images/content/value_img/value_icon_01.png");}
.value-content .value-list dl .value-circle.value-icon-02{background-image:url("/images/content/value_img/value_icon_02.png"); }
.value-content .value-list dl .value-circle.value-icon-03{background-image:url("/images/content/value_img/value_icon_03.png");}
.value-content .value-list dl .value-circle.value-icon-04{background-image:url("/images/content/value_img/value_icon_04.png");}
.value-content .value-list dl .value-circle.value-icon-05{background-image:url("/images/content/value_img/value_icon_05.png");}
.value-content .value-title{display:block; text-align:center; font-size:100px; letter-spacing:-0.25px; color:#333; font-weight:bold; opacity: 0.1;}
	
.value-txt{width:900px; margin: 0 auto;}
.value-txt .value-txt-list li{display:block; margin-top:50px; position:relative;  padding-left:225px}
.value-txt .value-txt-list .value-txt-title{font-size:30px; color: #333; font-weight:bold; line-height:1.1em; letter-spacing: -0.25px; position:absolute; left:0}
.value-txt .value-txt-list .txt{color:#666; line-height:1.83em; letter-spacing: -0.75px; font-size:18px;}
.value-txt .value-txt-list .txt br{display:none}

@media all and (min-width:641px){
	.value-content .value-list .value-01{margin-top:8.41%}
	.value-content .value-list .value-02{margin-top:0.76%}
	.value-content .value-list .value-03{margin-top:-3.47%}
	.value-content .value-list .value-04{margin-top:0.76%}
	.value-content .value-list .value-05{margin-top:8.41%}
}
@media all and (max-width:1024px){
	.value-txt{width:100%;}
	.value-content .value-title {font-size:70px;}
}
@media all and (max-width:800px){
	.value-content .value-list dl .value-circle {background-size:105px;}
	.value-txt .value-txt-list .value-txt-title{font-size:24px;}
	.value-content .value-title{font-size:50px;}
	.value-txt .value-txt-list .txt br{display:block}
	.value-content{padding:50px 0;}

	.value-content .value-list .value-name, .value-txt .value-txt-list .txt{font-size:14px;}
	.value-content .value-title{font-size:30px;}
	.value-txt .value-txt-list li {padding-left:0; margin-top:25px;}
	.value-txt .value-txt-list .value-txt-title{position:static; font-size:20px;}

}
@media all and (max-width:640px){
	/* 큰 모바일, 모바일 가로버전 사이즈 */
	.value-content{padding:0;}
	.value-content .value-bg{background:none;}
	.value-content .value-list{margin:0 -3.25%; text-align:center;}
	.value-content .value-list li{float:none; display:inline-block; margin:3.25%; width:26%;}
}