.area_about .service_img{}

@media (max-width: 1000px) {
	.area_about .service_img img{width: 100%;}

}

/*서비스*/
.area_service h2{font-size: 2em; margin-bottom: 20px;}
.area_service .process{display: flex; flex-wrap: wrap;}
.area_service .process dl{width: calc((100% / 3) - 60px); position: relative; background-color: #fff; margin: 30px; padding: 20px 15px; border-radius: 20px; border: 1px solid #eee; box-shadow: 3px 3px 1px RGBA(190, 144, 96, 0.8);}
.area_service .process dl:after{position:absolute; right:-35px; top:50%; transform: translateY(-50%);
	font-family: "Font Awesome 5 Pro"; content: "\f061"; color: #be9060; font-size: 1.4em;}
.area_service .process dl dt > span{font-size: 0.9em; font-weight: 600; margin-bottom: 10px; display: inline-block; background-color: #efefef; border-radius: 20px;}
.area_service .process dl dt > p{font-size: 1.2em; font-weight: 600; margin-bottom: 5px;}
.area_service .process dl:first-child dt > p{text-decoration: underline; cursor: pointer;}
.area_service .process dl dd{opacity: 0.8; font-size: 0.9em;}

.area_service .process dl:nth-child(3n):after{display: none}


@media (max-width: 1000px){
	.area_service .process dl:after{content: "\f063"; right:50%; top:auto; bottom: -40px; transform: translateX(50%);}
	.area_service .process dl:nth-child(3n):after{display: block}
	.area_service .process dl:last-child:after{display: none;}

	.area_service .process dl{width: 100%;}
}


/*About */

.area_intro{}
.area_box{margin:0 0 50px; position:relative; width:100%;}
.area_box:after{display:block; clear:both;content:"";}
.area_box > div{float:left;}
.area_box .area_img{width:65%;}
.area_box .area_img img{max-width:100%;}
.area_box .area_logo{width:35%; height:361px; margin:0; text-align:center; box-sizing:border-box;}
.area_box .area_logo img{padding-top:41%; width:45%; max-width:100%;}
/*
.area_box .area_logo{position:absolute; right:0; bottom:-50px; padding:60px 40px; width:380px; height:auto; background:#fff;  box-shadow: 4.067px 9.135px 16px 4px rgba(190, 144, 96, 0.1); border:1px solid #be9060; box-sizing:border-box; text-align:center;}
.area_box .area_logo img{width:55%; max-width:100%;}
*/
.area_box .area_txt{}
.area_txt > h2{font-size:35px; font-weight:400; color:#b88550; line-height:1.5em; word-break:keep-all;}
.area_txt > p{display:block; margin:20px 0; font-size:16px; font-weight:400; color:#555; line-height:2em; word-break:inherit;}

.box{margin:50px 0 0; text-align:center;}
.box h3{font-size:26px; font-weight:bold; color:#333;}
.area_map{margin:30px 0;}
.box .area_txt > h3{font-size:20px; font-weight:400; color:#333; line-height:1.6em; word-break:keep-all;}
.box .area_txt .area_location{margin:30px 0 0; position:relative; background:#fff; border:1px solid #be9060; text-align:left;  box-shadow: 4.067px 9.135px 16px 4px rgba(190, 144, 96, 0.1);}
.box .area_txt .area_location > li{position:relative; margin:0 20px; padding:20px 0; box-sizing:border-box; border-bottom:1px dashed #eee;}
.box .area_txt .area_location > li:last-child{border-bottom:none;}
.area_location > li .area_icon{position:absolute; top:0; left:0; bottom:0; width:17%; text-align:center;}
.area_location > li .area_icon > i{position:relative; top:50%; transform:translateY(-50%); display:inline-block; width:90px; height:90px; box-sizing:border-box; border-radius:50%; background:#b88550 url('../img/sub/icon_subway.svg')no-repeat center; background-size:40%;}
.area_location > li:nth-child(2) .area_icon > i{background:#b88550 url('../img/sub/icon_car.svg')no-repeat center; background-size:50%;}
.area_location > li .area_txt{display:table; width:83%; margin-left:17%; height:90px;}
.area_location > li .area_txt .area_txt_wrap{display:table-cell; vertical-align:middle; height:100%; padding:0 0 0 10px;}
.area_location > li .area_txt .area_txt_wrap p{font-size:17px; font-weight:bold; color:#333; line-height:1.5em; word-break:keep-all;}
.area_location > li .area_txt .area_txt_wrap span{display:block; margin:5px 0 0; font-size:16px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.root_daum_roughmap .wrap_map{border-bottom:1px solid #cfd0cc;}


@media (max-width: 1200px){
	.area_box > div{float:unset; margin:0 auto;}
	.area_box .area_img{width:80%;}
	.area_box .area_logo{width:35%;  height:auto; padding:0 20px; margin: 0 auto 50px;}
	.area_box .area_logo img{padding-top:0; width:55%;}
}

@media (max-width: 768px){
	.area_box{margin:0 0 40px;}
	.area_box .area_logo{padding:15px 10px; width:50%; margin:0 auto 30px;}
	.area_box .area_img{width:100%;}
	.area_txt > h2{font-size:30px;}
	.area_txt > p{margin:10px 0;}
	.area_txt > p br{display:none;}
	.area_txt .makeup > p br{display:block;}
	.area_location > li .area_icon{width:25%;}
	.area_location > li .area_txt{width:75%; margin-left:25%;}

}
@media (max-width: 550px){
	.box{margin:30px 0 0;}
	.box h3{font-size:22px;}
	.area_map{margin:20px 0;}
	.area_txt > h2{font-size:26px;}
	.area_box{margin:0 0 20px;}
	.area_box .area_logo{margin:0 auto 20px; padding:0 10px;}
	.area_box .area_logo img{width:55%;}
	.area_txt > p{margin:5px 0; font-size:15px; line-height:1.8em;}
	.box .area_txt > h3{width:80%; margin:0 10%; font-size:18px;}
	.box .area_txt .area_location{margin:15px 0 0;}
	.box .area_txt .area_location > li{margin:0 10px; padding:10px 0;}
	.area_location > li .area_icon{width:30%;}
	.area_location > li .area_icon > i{width:80px; height:80px;}
	.area_location > li .area_txt{width:70%; margin-left:30%;}
	.area_location > li .area_txt .area_txt_wrap p{font-size:16px;}
	.area_location > li .area_txt .area_txt_wrap span{font-size:15px; line-height:1.6em;}
}
@media (max-width: 450px){
	.area_txt > h2{font-size:23px;}
	.area_txt > p span{display:block;}
}
@media (max-width: 415px){
	.area_txt > p span.v2{display:inline;}
}
@media (max-width: 380px){
	.area_txt > p span{display:inline;}
}
/* Partners */
.partner_list{}
.partner_list > li{display:table; width:100%; height:130px; padding:30px; margin:0 0 30px; background:#fff; box-shadow: 4.067px 9.135px 16px 4px rgba(190, 144, 96, 0.1); box-sizing:border-box; border:1px solid #be9060; }
.partner_list > li .area_txt{display:table-cell; height:100%; vertical-align:middle;}
.partner_list > li .area_txt > h3{margin:0 0 15px; font-size:17px; font-weight:bold;}
.partner_list > li .area_txt > h3 > span{position:relative; margin:0 5px 0 0; background:#be9060; padding:2px 10px; border-radius:50px; box-sizing:border-box; font-weight:400; color:#fff;}
.partner_list > li .area_txt > p{margin:0 0 0; line-height:1.5em}

@media (max-width: 768px){
	.partner_list > li{padding:20px; margin:0 0 20px;}
}
@media (max-width: 550px){
	.partner_list > li .area_txt > h3{margin:0 0 10px;}
	.partner_list > li{padding:15px; margin:0 0 15px;}
	.partner_list > li .area_txt > h3{font-size:16px;}
}
/*가로스크롤*/
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
.tbl table{ font-size:1em;  }
}