@charset "utf-8";

/* intro */
.values_intro{background:#f8f8f8; border:1px solid #ccc; max-width:1300px; margin:0 auto 70px auto; padding:40px 20px;text-align:center; box-sizing: border-box;}
.values_intro img{display:block; max-width:750px; width:100%; margin:0 auto;}

/* list */
.values_list{ max-width:1300px; margin:0 auto;}
.values_list div.values_box{float:left; width:33.3%;padding-right:50px; box-sizing: border-box;}
.values_list div.vbox_2{width:36%;}
.values_list div.vbox_3{width:30.6%; padding-right:0;}

div.values_box p{font-size:30px; color:#1c4591; padding-bottom:10px; margin-bottom:30px;
				 background:url('/images/management/man01_values_box_p.gif') 0 bottom no-repeat;}
div.vbox_2 p{color:#38962f; background:url('/images/management/man01_values_box_p2.gif') 0 bottom no-repeat;}
div.vbox_3 p{color:#e3a80a; background:url('/images/management/man01_values_box_p3.gif') 0 bottom no-repeat;}
div.values_box dl dt{font-size:22px; line-height:28px; margin-bottom:20px;}
div.values_box dl dd{color:#888;}

@media screen and (max-width:1300px) {	

	/* list */
	.values_list{ width:94%; margin:0 auto;}

}

@media screen and (max-width:768px) {
	
	/* list */
	.values_list div.values_box{float:none; width:100%; padding-right:0; margin-bottom:60px;}
	div.values_box p{font-size:22px; background:url('/images/management/man01_values_box_p.gif') -10px bottom no-repeat; margin-bottom:20px;}
	div.vbox_2 p{color:#38962f; background:url('/images/management/man01_values_box_p2.gif') -10px bottom no-repeat;}
	div.vbox_3 p{color:#e3a80a; background:url('/images/management/man01_values_box_p3.gif') -10px bottom no-repeat;}
	div.values_box dl dt{font-size:18px;margin-bottom:4px;}
	div.values_box dl dt br{display:none;}
}

.listWrap{margin:0 -0.37%; margin-top:100px;}
.listWrap > li{float:left; width:32.59%; margin:0 0.37%;}
.listDiv{border:1px solid #ccc; background-color:#f8f8f8; padding:50px 35px; min-height:600px; text-align:center;}
.listDiv > img{display:block; max-width:100%; margin:0 auto 40px;}
.listDiv > .tit{font-size:25px; color:#000; font-weight:700; line-height:1.5em; margin-bottom:30px;}
.txtArea{min-height:78px;}
.txtArea > li{position:relative; padding-left:12px; font-size:18px; line-height:30px; color:#000; letter-spacing:-0.07em; word-break:keep-all;}
.txtArea > li:before{position:absolute; top:11px; left:0; display:inline-block; content:""; width:4px; height:4px; background-color:#004799; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.txtList {margin-bottom:15px;}
.txtList > p{position:relative; padding-left:12px; font-size:15px; line-height:24px; color:#555; letter-spacing:-1px; word-break:keep-all;}
.txtList > p:before{position:absolute; top:11px; left:0; display:inline-block; content:""; width:5px; height:1px; background-color:#666;}


/* graph */
.graphBox{overflow:hidden; width:100%; margin:100px auto 0; padding:100px 0; background:#f8f8f8;}
.graphBox h4 {margin-bottom:30px; text-align:center; font-size:30px; font-weight:700;}
.graph{/*background:#f8f8f8; border:1px solid #ccc; */max-width:1300px; margin:0 auto; padding:40px 0;text-align:center; box-sizing: border-box;}
.graph img{display:block; max-width:1096px; width:100%; margin:0 auto;}

@media screen and (max-width:1300px) {	

	.listWrap{ width:94%; margin:0 auto;}

}
@media screen and (max-width:1024px) {	
	.listWrap > li {width:100%; margin:0 0 10px; }
	.listDiv{padding:50px 35px; min-height:auto;}
	.listDiv > .tit{font-size:20px; margin-bottom:30px;}
	
	
}
@media screen and (max-width:768px) {	
	.txtArea > li{word-break:break-all;}
	.txtList > p{word-break:break-all;}
	
	.graphBox{margin:50px auto 0; padding:50px 0; }
	.graphBox h4 {margin-bottom:0; font-size:24px; }

}


/* ¾ÈÀüº¸°Çȯ°æ */
.safe-view {position:relative;overflow:hidden;max-width:1300px;margin:100px auto 80px;padding:0;}
.safe-view p{font-size:26px;line-height:1.5em;color:#666;text-align:center;}
.safe-view .tit {margin-bottom:30px;font-size:40px;color:#333;font-weight:700;}
.safe-view .tit span{color:#0f64b4;}

.safe-cont {position:relative;width:100%;height:100%;padding:80px 0;background:#f2f3f7;}
ul.safe-list {border:1px solid #cfcfcf;background:#fff;}
ul.safe-list:after {display:block;clear:both;content:'';}
ul.safe-list li{float:left;width:33.33%;padding:70px 0 50px;border-right:1px solid #cfcfcf;box-sizing:border-box;text-align:center;}
ul.safe-list li:last-child {border-right:0;}
ul.safe-list li strong{display:block;font-size:26px;letter-spacing:-0.7px;padding:40px 0 30px;}
ul.safe-list li p{font-size:17px;line-height:30px;color:#666;}


@media screen and (max-width:768px) {	
	
	.safe-view {width:80%;margin:50px auto 50px;}
	.safe-view p {font-size:17px;}
	.safe-view p br {display:none;}
	.safe-view .tit {font-size: 26px;line-height:1.25em;}

	.safe-cont {padding:50px 0;}
	ul.safe-list {width:90%;margin:0 auto;}
	ul.safe-list li{float:none;width:100% !important;padding:25px 0;border-right:0;border-bottom:1px solid #cfcfcf;}
	ul.safe-list li:last-child {border-bottom:0;}
	ul.safe-list li img{height:60px}
	ul.safe-list li strong{font-size:18px;padding:15px 0 10px;}
	ul.safe-list li p{font-size:13px;line-height:20px;}

}