.sub_top{background-image: url("../img/s04_cn02_01.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

h1,h2,p{text-align: center;}

/* common_etc */
.p_19{font-size: 19px;color: #343434;font-weight: bold;}
.p_21{font-size: 21px;color: #343434;font-weight: bold;}
.p_20{font-size: 20px;color: #343434;font-weight: bold;}
.p_23{font-size: 23px;color: #343434;font-weight: bold;}
.section1 > .span{padding: 60px 55px;background-position-x: right;background-position-y:top; }
.section1 > .span1{background: url("/img/common_etc/s04_cn02_01.gif") repeat;text-align: center;}
.section1 > .span1 > h1{margin: 10px 0 40px 0;color: #6568c9;}
.section1 > .span1 > ul{max-width: 869px;margin: 0 auto;}
.section1 > .span1 > ul li{width: 49.5%;font-weight: bold;}
.section1 > .span1 > ul .li1 .span_in1{background:url("/img/common_etc/s04_cn02_02.jpg") no-repeat;height: 175px;background-position: center;}
.section1 > .span1 > ul .li2 .span_in1{background:url("/img/common_etc/s04_cn02_03.jpg") no-repeat;height: 175px;background-position: center;}
.section1 > .span1 > ul .li1{margin-right: 1%;border: 1px solid #717fac;}
.section1 > .span1 > ul .li2{border: 1px solid #e9554b;}
.section1 > .span1 > ul li .span_in2{height: 88px;background: #fff;display: table;width: 100%;}
.section1 > .span1 > ul li .span_in2 > *{display: table-cell;vertical-align: middle;}
.section1 > .span1 > ul li .span_in2 > h4{width: 22%;text-align: center;color: #3e4a84;position: relative;}
.section1 > .span1 > ul li .span_in2 > h4:AFTER{position: absolute;content: "";border-right:1px solid #ccd1e5;width: 1px;height: 38px; right: 0;top: 50%;margin-top: -19px;}
.section1 > .span1 > ul .li2 .span_in2 > h4{color: #ef634c;}
.section1 > .span1 > ul li .span_in2 > p{width: 78%;text-align: left;padding:0 10px;font-size: 15px;}
.section1 > .span1 > ul li .span_in2 > p span{background: #ffe0de;color: #f24e4d;padding: 0 3px;}
.section1 > .span1 > ul li .span_in2 > p .span_custom{background: #e2e9f3;color: #3d508a;}
.section1 > .span1 > .span_in3{display: inline-block;background:#fefefe; padding: 17px 80px;border-radius:100px;position: relative;z-index: 1; }
.section1 > .span1 > .span_in3:AFTER{position: absolute;content: "";background:url("/img/common_etc/s04_cn02_icon.png");background-position: 0 -30px;
width:140px;height: 72px; top: 23px;right: 150px;z-index: -1; }
.section1 > .span1 > .span_in3 > *{color:#322e7b;text-align: center;}
.section1 > .span1 > .span_in3 > h4{margin-bottom: 5px;}
.section1 > .span1 > .span_bg{width: 31px ;height: 27px;background: url("/img/common_etc/s04_cn02_icon.png");background-position: 0 0;margin: 20px auto 14px auto;}
.m_br{display: none;}

.section1 > .span2{border-bottom: 1px solid #e1e1e1;}
.section1 > .span2 > .span_in1{position: relative;text-align: center;border: 3px solid #ccd1e7;padding: 35px 0;margin-bottom: 55px;}
.section1 > .span2 > .span_in1 > h2{position: absolute;background: #fff;width: 357px;height: 40px;top: -20px;left: 50%;margin-left: -178.5px;}
.section1 > .span2 > .span_in1 ul li{display: inline-block;width: 233px;height: 233px;border: 1px solid #bebfc3;border-radius:50%;vertical-align: top;overflow: hidden;
-webkit-box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);
    -moz-box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);
    box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);}
.section1 > .span2 > .span_in1 ul li *{color:#5f6ba5; }
.section1 > .span2 > .span_in1 ul li p span{color:#f37670; }
.section1 > .span2 > .span_in1 ul .li3 .p2{color: #46508b;}
.section1 > .span2 > .span_in1 ul li .p1{height: 35%;background: #43496b;color: #fff;padding-top: 45px;margin-bottom: 22px;}
.section1 > .span2 > .span_in1 ul .li3 .p1{color:#f55851; }
.section1 > .span2 > .span_in1 ul .icon_li{background:url("/img/common_etc/s04_cn02_icon.png");width: 38px;height: 65px;background-position:0 -493px; 
border: none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin: 84px 30px 0 30px;}

/* common_etc */

.p_40{font-size: 40px;color: #343434;font-weight: bold;line-height: 42px;}
.p_51{font-size: 51px;color: #343434;font-weight: bold;}
.p_24{font-size: 24px;color: #343434;font-weight: bold;}
.p_30{font-size: 30px;font-weight: bold;}
.section1 > .span2 > .span_in2 *{ text-align: left;}
.section1 > .span2 > .span_in2 .li1{width: 60%;}
.section1 > .span2 > .span_in2 .li1 > .p_40 span{color:#7e85a2; }
.section1 > .span2 > .span_in2 .li1 > h3{color:#f65b59;margin: 32px 0 20px 0; }
.section1 > .span2 > .span_in2 .li1 > .p_19{color: #8895c2;margin-top: 20px;}
.section1 > .span2 > .span_in2 .li2{width: 40%;    padding-top: 50px;}

.section1 > .span3 > *{text-align: left;}
.section1 > .span3 > .p_40{margin-bottom: 30px;}
.section1 > .span3 > .p_40 span{color: #7e85a2;}
.section1 > .span3 table{margin: 23px 0 85px 0;}
.section1 > .span3 th{padding: 15px 0;text-align: center;}
.section1 > .span3 td{text-align: center;padding: 15px 0;font-weight: bold;}
.section1 > .span3 .th1{width: 43.5%;min-width: 43.5%;background: #e2e2e2;}
.section1 > .span3 .th2{width: 13%;min-width:13%;}
.section1 > .span3 .th3{width: 43.5%;min-width: 43.5%;background: #43496b; }
.section1 > .span3 .td1{background: #f7f7f7;color: #8b8b8b;}
.section1 > .span3 .td2{color:#2e2e2e; }
.section1 > .span3 .td3{background: #d9dfed; color: #54587d;}
.section1 > .span3 thead tr{border-top:2px solid #3b4367;border-bottom:1px solid #a5a3b0; }
.section1 > .span3 tbody tr{border-bottom:1px solid #cdcdcd;}
.section1 > .span3 tbody .last_tr{border-bottom:2px solid #3d4367;}
.section1 > .span3 th .p_custom{display: inline-block;padding-top: 8px;margin-top: 5px;border-top: 1px solid #b3b3b3;}
.section1 > .span3 .th3 .p_24{color:#f5605c; }
.section1 > .span3 .th3 .p_custom{border-top: 1px solid #6b708d;color: #fff;}
.section1 > .span3 .th2 .p_51{color:#48416a; }
.section1 > .span3 .span_in1 > ul > li{max-width: 901px;margin: 0 auto;}
.section1 > .span3 .span_in1 > .p_40{margin-bottom: 30px;}
.section1 > .span3 .span_in1 .left_ul{margin: 10px 0 25px 0;}
.section1 > .span3 .span_in1 .left_ul li{width: 50%;padding-left: 7px;}
.section1 > .span3 .span_in1 .left_ul li p{display: inline-block;font-weight: bold;color: #505976;}
.section1 > .span3 .span_in1 .left_ul li .p_30{margin-right: 8px;}
.section1 > .span3 .span_in1 .left_ul li:FIRST-CHILD p{color:#575757; }
.section1 > .span3 .span_in1 .left_ul li:FIRST-CHILD .p_30{font-weight: normal;}

.section1 > .span4{background-repeat: repeat;padding: 40px;}
.section1 > .span4 ul{max-width: 874px;margin: 33px auto 0 auto;}
.section1 > .span4 ul li{width: 20%;border-left: 1px solid #e6e7e9;background-color: #fff;height: 190px;padding-top: 104px;position: relative;}
.section1 > .span4 ul li > *{text-align: center;}
.section1 > .span4 ul .li1{border: none;}
.section1 > .span4 ul li:AFTER {position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: 50%;top: 30px;}
.section1 > .span4 ul .li1:AFTER {width: 69px;height: 60px;background-position: 0 -119px;margin-left: -34.5px;}
.section1 > .span4 ul .li2:AFTER {width: 66px;height: 68px;background-position: 0 -192px;margin-left: -33px;}
.section1 > .span4 ul .li3:AFTER {width: 68px;height: 62px;background-position: 0 -271px;margin-left: -34px;}
.section1 > .span4 ul .li4:AFTER {width: 64px;height: 61px;background-position: 0 -348px;margin-left: -32px;}
.section1 > .span4 ul .li5:AFTER {width: 50px;height: 66px;background-position: 0 -422px;margin-left: -25px;}

.section1 > .span5{background-repeat: no-repeat;background-position: top left;}
.section1 > .span5 > *{text-align: left;}
.section1 > .span5 > h1{color: #fff;}
.section1 > .span5 > p{color: #d2c7c5;margin-top: 26px;}
.section1 > .span5 > p span{color: #e28f7d;}
.section1 > .span5 img{margin-left: 0;margin-top: 26px;}

@media only screen and (max-width: 1023px) {
	.p_40{font-size: 28px;}
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	
	/* common_etc */
	.section1 > .span1 > .span_in3:AFTER{top: 40px;right: 120px;}
	.m_br{display: block;}
	.section1 > .span1 > ul li .span_in2 > p{font-size: 12px;width: 100%;display: block;}
	.section1 > .span1 > ul li .span_in2 > h4{font-size: 14px;width: 100%;display: block;    margin: 5px 0;}
	.section1 > .span1 > ul li .span_in2 > h4 br{display: none;}
	.section1 > .span1 > ul li .span_in2{height: 98px;}
	.section1 > .span1 > ul li .span_in2 > h4:AFTER{display: none;}
	
	.section1 > .span2 > .span_in1 ul li{width: 180px;height: 180px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 30px;margin-bottom: 12px;}
	.section1 > .span2 > .span_in1 ul li p br{display: block;}
	.section1 > .span2 > .span_in1 ul .icon_li{    margin: 0;background: none;width: 10px;}
	.section1 > .span2 > .span_in1 ul .p_20{font-size: 16px;}
	.section1 > .span2 > .span_in1 ul .p_21{font-size: 17px}
	.section1 > .span2 > .span_in1 ul .p_23{font-size: 18px;}
	.section1 > .span2 > .span_in1 > h2{top: -15px;height: 30px;}
	
	/* common_etc */
	
	.section1 > .span2 > .span_in2 .li1{float: none;width: 100%;}
	.section1 > .span2 > .span_in2 .li2{float: none;width: 100%;}
	
	.section1 > .span3 td{font-size: 12px;padding: 10px 5px;}
	.section1 > .span3 th .p_custom{font-size: 13px;}
	.section1 > .span3 th .p_24{font-size: 20px}
	.section1 > .span3 .th2 .p_51{font-size: 20px;}
	.section1 > .span3 .th1,
	.section1 > .span3 .th3{vertical-align: top;}
	.section1 > .span3 > .p_40{font-size: 28px;}
	.section1 > .span3 .span_in1 .left_ul li p{font-size: 13px;}
	.section1 > .span3 .span_in1 .left_ul li{padding-left: 3px;}
	.section1 > .span3 .span_in1 .left_ul li .p_30{margin-right: 0;font-size: 16px;}
}


@media only screen and (max-width: 640px) {
	
	/* common_etc */
	.section1 > .span1 > ul li .span_in2{height: 150px;}
	.section1 > .span1 > .span_in3{padding: 17px 20px;margin-top: 25px;}
	.section1 > .span1 > .span_in3 > h4{font-size: 14px;}
	.section1 > .span1 > .span_in3 > h3{font-size: 17px;}
	.section1 > .span1 > .span_in3:AFTER{top: 38px;right: 40px;}
	.section1 > .span1 .span_bg{display: none;}
	.section1 > .span1 > ul .li1 .span_in1,
	.section1 > .span1 > ul .li2 .span_in1{background-size:cover;height: 94px; }
	
	.section1 > .span2 > .span_in1 > h2{width: 237px;margin-left: -118.5px;}
	.section1 > .span2 > .span_in1 ul .icon_li{display: none;}
	.section1 > .span2 > .span_in1 ul li{width: 100px;height: 100px;}
	.section1 > .span2 > .span_in1 ul .p_20{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul .p_21{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul .p_23{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul h4{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 15px;margin-bottom: 5px;}
	/* common_etc */
	
	.section1 > .span4 ul li{height: 220px;}
	.section1 > .span3 .th1,
	.section1 > .span3 .th3{width: 40%;min-width: 40%;}
	.section1 > .span3 .th2{width: 20%;min-width: 20%;}
	.section1 > .span4 ul li{float: none;width: 100%;height: 80px;padding: 0;border-left: none;border-bottom: 1px solid #e6e7e9 !important;}
	.section1 > .span4 ul li > *{text-align: left;padding-left:90px;}
	.section1 > .span4 ul li:AFTER{top: 10px;left: 40px;}
	.section1 > .span4 ul li h4{padding-top: 20px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	/* common_etc */
	.section1 > .span1 > .span_in3 > h3{font-size: 24px;}
	.section1 > .span1 > .span_in3:AFTER{right: 140px;top: 20px;}
	
	.section1 > .span2 > .span_in1 ul li{width: 200px;height: 200px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 35px;}
	.section1 > .span2 > .span_in1 ul .icon_li{    margin: 67.5px 30px 0 30px;}
	
	/* common_etc */
	
	.section1 > .span2 > .span_in2 .li1{width: 70%;}
	.section1 > .span2 > .span_in2 .li2{width: 30%;padding-top: 95px;}
	
}