/*------------------------------------------------------------------------------------------

10.about.html

------------------------------------------------------------------------------------------*/
.about_wrap{width:100%; height:auto; padding-top:120px; padding-bottom:50px;}
.about_wrap .txt_box{width:calc(100% - 40px); max-width:450px; margin:120px auto 130px auto;}
.about_wrap .txt_box > h1{font-size:3.125rem; color:#000; font-weight: 400; text-align: center; letter-spacing: 4px; height:3.125rem;}
.about_wrap .txt_box > p{font-size:1.25rem; color:#000; font-weight: 400; text-align: center; font-variant: small-caps;}
.about_wrap > .inner_wrap{width:calc(100% - 30px); max-width:1400px; margin:0 auto;}
.about_wrap .inner_wrap .aboutci_wrap{width:100%;}
.about_wrap .inner_wrap .aboutci_wrap:after{content:""; display:block; clear:both;}
.about_wrap .inner_wrap .aboutci_wrap .title_box > .stick{width:44px; height:3px; background: #000; margin-bottom:33px;}
.about_wrap .inner_wrap .aboutci_wrap .title_box > p{font-size:2.187rem; color:#000; letter-spacing: -1px; font-weight: 500; line-height: 2.187rem;}
.about_wrap .inner_wrap .aboutci_wrap .color_wrap{width:100%; float:left; margin-top:53px;}
.about_wrap .inner_wrap .aboutci_wrap .color_wrap > div{width:19px; height:19px; background-color: #242021; float:left; margin-right:5px;}
.about_wrap .inner_wrap .aboutci_wrap .color_wrap > p{font-size:0.937rem; color:#000; float:left; line-height: 19px; }
.about_wrap .inner_wrap .aboutci_wrap .left_box{float:left; margin-top:30px; width:30.785%; max-width:431px;}
.about_wrap .inner_wrap .aboutci_wrap .left_box > img{width:100%;}
.about_wrap .inner_wrap .aboutci_wrap .right_box{float:right; width:60%; max-width:840px;  margin-top:30px;}
.about_wrap .inner_wrap .aboutci_wrap .right_box > img{float:left; width:50%;}
.about_wrap .inner_wrap .aboutci_wrap .right_box > p{float:left; font-size:1.062rem; color:#767676; letter-spacing: -1px; margin-top:23px;}


.about_wrap .designatoz_wrap{width:100%; margin-top:268px; margin-bottom:150px;}
.about_wrap .designatoz_wrap:after{content:""; display:block; clear:both;}
.about_wrap .designatoz_wrap > .img_box{width:44.68%; height:561px; background: url("/project/templates/image/about/back.jpg") no-repeat center; background-size: cover; float:left;}
.about_wrap .designatoz_wrap .right_box{float: left; margin-left:67px; width:38.64%; max-width:734px;}
.about_wrap .designatoz_wrap .right_box .title_box .stick{width:44px; height:3px; background: #000; margin-bottom:33px;}
.about_wrap .designatoz_wrap .right_box .title_box p{font-size:2.187rem; color:#000; letter-spacing: -1px; font-weight: 500; line-height: 2.187rem;}
.about_wrap .designatoz_wrap .right_box .txt_wrap1 {margin-top:33px;}
.about_wrap .designatoz_wrap .right_box .txt_wrap1 > p{font-size:1.062rem; color:#767676; line-height:1.875rem; }
.about_wrap .designatoz_wrap .right_box .txt_wrap1 > p.title{font-size:1.25rem; font-weight:600; color:#000; line-height:1.875rem;}

.about_wrap .designatoz_wrap .right_box .txt_wrap2 {margin-top:33px;}
.about_wrap .designatoz_wrap .right_box .txt_wrap2 > p{font-size:1.062rem; color:#767676; line-height:1.875rem; float:left; }
.about_wrap .designatoz_wrap .right_box .txt_wrap2 > p.title{font-size:1.25rem; font-weight:600; color:#000; line-height:1.875rem;}
.about_wrap .designatoz_wrap .right_box .txt_wrap2 .icon_wrap{float:left; max-width:82px; width:11.20%; text-align: center; margin-right:18.39%; margin-top:17px; position:relative;}
.about_wrap .designatoz_wrap .right_box .txt_wrap2 .icon_wrap:last-child{margin-right:0;}
.about_wrap .designatoz_wrap .right_box .txt_wrap2 .icon_wrap > img{width:100%;}
.about_wrap .designatoz_wrap .right_box .txt_wrap2 .icon_wrap > p{font-size:13px; color:#000; font-weight:600; display:block; width:60px; height:20px; margin:0 auto; position:absolute; left:50%; bottom:-30px; transform: translate(-50%,0);}


@media only screen and (max-width: 640px){
	.about_wrap .designatoz_wrap{margin-top:100px; margin-bottom:50px;}
	.about_wrap .inner_wrap > .txt_box{margin-top:50px; margin-bottom:70px;}
	.about_wrap .inner_wrap .aboutci_wrap .left_box{width:100%; max-width:640px;}
	.about_wrap .inner_wrap .aboutci_wrap .right_box{width:100%; max-width:640px;}
	.about_wrap .designatoz_wrap > .img_box{width:100%; height:80px;}
	.about_wrap .designatoz_wrap .right_box{width:calc(100% - 30px); margin-left:15px; margin-top:30px;}
}