@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {word-break: keep-all; font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {position:relative;padding: 30rem 0 50rem;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:515rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;}
#sub_visual h2{font-weight:800; font-size:55rem; color:#fff; animation:up .5s .2s forwards;  }
#sub_visual p{color:#fff; font-weight:800; position:relative;line-height:1.5;padding-top:220rem;font-size:15rem;letter-spacing:3px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:absolute; text-align:center; bottom:-20rem; left:50%; transform:translateX(-50%);}

.left_snb{display: flex; align-items: center; justify-content: center;   padding:18rem 50rem 20rem; width:1400rem; height:80rem; text-align:center; border-radius: 0 0 60rem 60rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {background:#fff; padding:0 60rem; }
.left_snb li {display:inline-block; letter-spacing:-.5px; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:16rem 25rem;font-size:18rem;color:#525252;font-weight:600;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.left_snb li.on a {border-top:7rem solid #1b1565; color:#1b1565; }


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem; }
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{font-size:16rem; padding-top:100rem;}


	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:13rem; padding-top:90rem;}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:35rem; height:35rem;}
	.tit01::after {left: 51%;} 
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

	#contents{padding:0rem 0 0}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */

.load_line .line{position:absolute;background-color:#dbdbdb;z-index:1}
.load_line .line span{background-color:#141414;display:inline-block;position:absolute;opacity:0}
.load_line .line.hrznt{width:100%;height:1px;animation:hrznt_load 1s .5s ease-out forwards;z-index:10}
.load_line .line.hrznt span{width:100px;height:100%;top:0;animation:hrznt_point_load 1s 1.5s forwards}
@keyframes hrznt_point_load{0%{left:calc((100% - 1400px)/2 - 40px - 50px + 200px);opacity:0}100%{left:calc((100% - 1400px)/2 - 40px - 50px);opacity:1}}
@keyframes hrznt_load{0%{top:0;left:0}100%{top:200px;left:0px}}
.load_line .line.vtcl{width:1px;height:100%;animation:vtcl_load 1s .5s ease-out forwards}
.load_line .line.vtcl span{width:1px;height:100px;left:0;animation:vtcl_point_load 1s 1.5s forwards}
@keyframes vtcl_point_load{0%{top:0;opacity:0}100%{top:150px;opacity:1}}@keyframes vtcl_load{0%{top:0;left:100%}100%{top:0;left:calc((100% - 1400px)/2 - 40px)}}

@media(max-width: 1400px){
.load_line .line.hrznt span{width:3vw;animation:hrznt_point_load 1s 1.5s forwards}
@keyframes hrznt_point_load{0%{left:calc((100% - 1400px)/2 - 1.5vw - 40px + 10%);opacity:0}100%{left:0;opacity:1}}
@keyframes hrznt_load{0%{top:0;left:0}100%{top:170px;left:0px}}
.load_line .line.vtcl{animation:vtcl_load 1s .5s ease-out forwards}
.load_line .line.vtcl span{height:3vw;animation:vtcl_point_load 1s 1.5s forwards}
@keyframes vtcl_point_load{0%{top:0;opacity:0}100%{top:calc(170px - 1.5vw);opacity:1}}
@keyframes vtcl_load{0%{top:0;left:100%}100%{top:0;left:1.5vw}}
}

@media(max-width: 1023px){
.load_line .line.hrznt span{animation:hrznt_point_load 1s 1.5s forwards}
@keyframes hrznt_point_load{0%{left:calc((100% - 1400px)/2 - 1.5vw - 40px + 10%);opacity:0}100%{left:0;opacity:1}}
@keyframes hrznt_load{0%{top:0;left:0}100%{top:150px;left:0px}}
.load_line .line.vtcl{animation:vtcl_load 1s .5s ease-out forwards}
.load_line .line.vtcl span{animation:vtcl_point_load 1s 1.5s forwards}
@keyframes vtcl_point_load{0%{top:0;opacity:0}100%{top:calc(150px - 1.5vw);opacity:1}}
@keyframes vtcl_load{0%{top:0;left:100%}100%{top:0;left:1.5vw}}
}

@media(max-width: 767px){.load_line{display:none}.load_line .line.hrznt span{animation:hrznt_point_load 1s 1.5s forwards}
@keyframes hrznt_point_load{0%{left:calc((100% - 1400px)/2 - 1.5vw - 40px + 10%);opacity:0}100%{left:0;opacity:1}}
@keyframes hrznt_load{0%{top:0;left:0}100%{top:200px;left:0px}}
.load_line .line.vtcl{animation:vtcl_load 1s .5s ease-out forwards}
.load_line .line.vtcl span{animation:vtcl_point_load 1s 1.5s forwards}
@keyframes vtcl_point_load{0%{top:0;opacity:0}100%{top:calc(200px - 1.5vw);opacity:1}}
@keyframes vtcl_load{0%{top:0;left:100%}100%{top:0;left:1.5vw}}
}

@media(max-width: 450px){.load_line .line.hrznt span{animation:hrznt_point_load 1s 1.5s forwards}
@keyframes hrznt_point_load{0%{left:calc((100% - 1400px)/2 - 1.5vw - 40px + 10%);opacity:0}100%{left:0;opacity:1}}
@keyframes hrznt_load{0%{top:0;left:0}100%{top:200px;left:0px}}
.load_line .line.vtcl{animation:vtcl_load 1s .5s ease-out forwards}
.load_line .line.vtcl span{animation:vtcl_point_load 1s 1.5s forwards}
@keyframes vtcl_point_load{0%{top:0;opacity:0}100%{top:calc(200px - 1.5vw);opacity:1}}
@keyframes vtcl_load{0%{top:0;left:100%}100%{top:0;left:1.5vw}}
}


.title_wrap {font-size:45rem; font-weight:800; color:#141414; padding-top:50rem; padding-bottom:100rem;}

@media (max-width:1023px) {
	.title_wrap {font-size:30rem; }
}

@media (max-width:600px) {
	.title_wrap {padding-bottom:50rem;}
}

.vision-cont {	padding: 0rem 0 100rem; background:url(../img/sub/vision_bg.jpg) center top no-repeat;}
.vision-cont .inner {	display: flex;	justify-content: center;	gap: 0 250px;}
.vision-cont__left {	flex-shrink: 0;}
.vision-cont__nav-wrap {	height: 100%;	padding-top: 70px;}
.vision-cont__nav {	position: sticky;	top: 200px; padding-left:0rem; }
.vision-cont__nav-item + .vision-cont__nav-item {	margin-top: 15rem;}
.vision-cont__nav-btn {	display: block;	position: relative;	padding-left: 25px;	font-size: 20rem;	font-weight: 800;	color: #c4c4c4;	line-height: 1;	border: 0;	background-color: transparent;	transition: color 0.3s;}
.vision-cont__nav-text {	position: relative;}
.vision-cont__nav-text::after {	bottom: 0;	width: 0;	height: 10px;	background-color: #eaebf4;	transition: width 0.3s;	z-index: -1;}
.vision-cont__nav-item.active .vision-cont__nav-btn {	color: #be3238;}
.vision-cont__right {	width: 100%;	max-width: 900rem; padding-top:100rem; }
.vision-cont__item {word-break: keep-all;}
.vision-cont__item h3 {font-size:35rem; font-weight:800; color:#1d1d1d; letter-spacing:-.5px; margin-bottom:30rem;}
.vision-cont__item p {font-size:18rem; font-weight:500; color:#1d1d1d; letter-spacing:-.5px; line-height:1.7;}
.vision-cont__list {padding-bottom:80rem; }
.vision-cont__list:first-child {	margin-top: -40px;}
.vision-cont__right .img_wrap{width:100vw;margin:100px 0;left:calc(-530px - (100vw - 1400px)/2);position:relative;overflow:hidden; z-index:10;}
.vision-cont__right .img_wrap img{width:100%;display:inline-block;-o-object-fit:contain;object-fit:contain}

@media (min-width: 1025px) {
	.vision-cont__nav-btn:hover {		color: #be3238;	}
}
@media (max-width: 1280px) {
	.vision-cont__nav-wrap {		padding-top: 0;	}
}
@media (max-width: 1023px) {
	.vision-cont .inner {		gap: 0 70px;	padding:0 20rem; }
	.vision-cont__left {		display: none;	}
	.vision-cont {		}
	.vision-cont__list {padding-bottom:0rem; padding-bottom:50rem;}
	.vision-cont__list:first-child {		margin-top: -30px;	}
	.vision-cont__item {		flex-direction: column;		gap: 30px 0;	}
	.vision-cont__item h3 {font-size:22rem;}
	.vision-cont__item p {font-size:16rem;}
	.vision-cont__right .img_wrap{width:100%;margin:20px 0;left:0;}

}

@font-face {
  font-family: 'Great'; /*Great Sejagad*/
  src: url('../fonts/Great-Sejagad.woff') format('woff');
  font-weight:400;
}

.overview-cont3 { padding:0rem 0 100rem; }
.overview-cont3 .circle-box { position:relative; margin-top:250px; }
.overview-cont3 .circle-box p {font-family: 'Great'; font-size:80rem; color:#be3238; text-align:center; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); }
.overview-cont3 .circle-box ul { position:relative; width:500px; height:500px; margin:0 auto; background:url(../img/sub/overview_bg1.png) center center no-repeat; }
.overview-cont3 .circle-box li .box { position:absolute; }
.overview-cont3 .circle-box li .s_circle { position:relative; }
.overview-cont3 .circle-box li .s_circle span { font-size:25rem; font-weight:800; position:relative; z-index:2; width:150px; height:150px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.overview-cont3 .circle-box li .s_circle:after { content:""; display:block; border-radius:50%; width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)  }
.overview-cont3 .circle-box li dl { position:absolute; }
.overview-cont3 .circle-box li dt { color:#111; font-weight:700; font-size:20px; margin-bottom:10rem;}
.overview-cont3 .circle-box li dd {  color:#333; font-weight:300; font-size:17rem; line-height:1.6 }
.overview-cont3 .circle-box li .box.box1 { top:-80px; left:50%; transform:translateX(-50%); text-align:center; }
.overview-cont3 .circle-box li .box.box1 dl { top:-160px; left:50%; transform:translateX(-50%); width:500px; text-align:center; margin:0 auto; }
.overview-cont3 .circle-box li .box.box1 .s_circle span { color:#be3238; box-shadow:rgba(230,0,45,0.4) 0 0 30px -2px;  }
.overview-cont3 .circle-box li .box.box1 .s_circle:after { background-color:rgba(230,0,45,0.05); }
.overview-cont3 .circle-box li .box.box2 { top:265px; left:50%; margin-left:166px; }
.overview-cont3 .circle-box li .box.box2 dl { top:30px; left:150%; width:300px; }
.overview-cont3 .circle-box li .box.box2 .s_circle:after { background-color:rgba(24,141,93,0.05); }
.overview-cont3 .circle-box li .box.box2 .s_circle span { color:#575555; box-shadow:rgba(24,141,93,0.4) 0 0 30px -2px; }
.overview-cont3 .circle-box li .box.box3 { top:265px; right:50%; margin-right:166px; }
.overview-cont3 .circle-box li .box.box3 dl {  top:30px; right:220px; width:500px; text-align:right; }
.overview-cont3 .circle-box li .box.box3 .s_circle:after { background-color:rgba(0,54,104,0.05); }
.overview-cont3 .circle-box li .box.box3 .s_circle span { color:#023565; box-shadow:rgba(0,54,104,0.4) 0 0 30px -2px; }

@media screen and (max-width:1400px){	
  .overview-cont3 { padding:50rem 0 100rem; }
  .overview-cont3 .circle-box li .box.box2 dl { top:200px; left:30px; }
  .overview-cont3 .circle-box li .box.box3 dl { top:200px; right:30px; }
}

@media screen and (max-width:1023px){	
  .overview-cont3 {margin-bottom:80rem; }
  .overview-cont3 .circle-box { margin-top:150px; }
  .overview-cont3 .circle-box ul { width:430px; height:430px; background-size:430px auto; }
  .overview-cont3 .circle-box li .s_circle span { font-size:22px; width:130px; height:130px; }
  .overview-cont3 .circle-box li .s_circle:after { width:170px; height:170px; }
  .overview-cont3 .circle-box li dt { font-size:19px; }
  .overview-cont3 .circle-box li dd {font-size:15rem; }
  .overview-cont3 .circle-box li .box.box1 { top:-60px; }
  .overview-cont3 .circle-box li .box.box1 dl { top:-120px; }
  .overview-cont3 .circle-box li .box.box2 { top:225px; margin-left:140px; }
  .overview-cont3 .circle-box li .box.box2 dl { top:150px;  }
  .overview-cont3 .circle-box li .box.box3 { top:225px; margin-right:140px; }
  .overview-cont3 .circle-box li .box.box3 dl { top:180px; }
 }


@media screen and (max-width:640px){	
  .overview-cont3 { margin-bottom:0; }
  .overview-cont3 .circle-box { margin-top:0px; }
  .overview-cont3 .circle-box p {font-size:60rem; }
  .overview-cont3 .circle-box p,
  .overview-cont3 .circle-box li .box,
  .overview-cont3 .circle-box li .box dl { position:relative; }
  .overview-cont3 .circle-box p { top:unset; left:unset; transform:translate(0);}
  .overview-cont3 .circle-box p img { width:140px; }
  .overview-cont3 .circle-box li .box { display:flex; }
  .overview-cont3 .circle-box ul { width:auto; height:auto; background:none; padding:0 15px; margin-top:50px; }
  .overview-cont3 .circle-box li:not(:last-child) { margin-bottom:30px; }
  .overview-cont3 .circle-box li .s_circle { width:130px; height:130px; }
  .overview-cont3 .circle-box li .s_circle span { font-size:18rem; width:100px; height:100px; }
  .overview-cont3 .circle-box li .s_circle span img { max-width:45px; }
  .overview-cont3 .circle-box li .s_circle:after { width:130px; height:130px; top:-15px; left:-15px; transform:translate(0, 0); }
  .overview-cont3 .circle-box li .box dl { padding:5px 0 0 30px; }
  .overview-cont3 .circle-box li dt { font-size:18rem; }
  .overview-cont3 .circle-box li dd {font-size:14rem; }
  .overview-cont3 .circle-box li .box.box1 { top:unset; left:unset; transform:translateX(0); text-align:left; }
  .overview-cont3 .circle-box li .box.box1 dl { top:unset; left:unset; transform:translateX(0); text-align:left; }
  .overview-cont3 .circle-box li .box.box2 { top:unset; left:unset; margin-left:0; }
  .overview-cont3 .circle-box li .box.box2 dl { top:unset; left:unset; }
  .overview-cont3 .circle-box li .box.box2 dt { padding-left:0; }
  .overview-cont3 .circle-box li .box.box3 { top:unset; right:unset; margin-right:0; }
  .overview-cont3 .circle-box li .box.box3 dl { top:unset; right:unset; text-align:left;}
  .overview-cont3 .circle-box li .box.box3 dt { padding-right:0; }
 }


.location {padding-bottom:50rem;}
.location article .location_content {display:flex; flex-direction: row-reverse;justify-content: space-between;}
.location article .location_content .left_cont {width:31.34%; margin:0  0 0 5.33%;}
.location article .location_content .left_cont .txtDiv .office_nameBox {margin:0 0 94px 0;}
.location article .location_content .left_cont .txtDiv .office_nameBox h3 {margin:0 0 14px 0; color:#121212; font-size:36px; font-weight:600; line-height:1; letter-spacing:-1.08px;}
.location article .location_content .left_cont .txtDiv .office_nameBox h6 {color:var(--sub-color);; font-family:'Montserrat', sans-serif; font-size:16px; font-weight:500; text-transform:uppercase; line-height:1;}

.location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox {margin:0 0 102px 0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div {display:flex; align-items:center; margin:0 0 30px 0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div .circleBox {display:flex; justify-content:center; align-items:center; width:70px; height:70px; margin:0 12px 0 0; border-radius:50%; background:#f0f0f0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div h5 {color:#1a1a1a; font-size:24px; font-weight:600; line-height:1; letter-spacing:-0.6px;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > h6 {color:#555555;  font-size:18px; font-weight:400; line-height:1.5; letter-spacing:-0.9px;}

.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area {display:flex;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox {width:46.31%; margin:0 7.38% 0 0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox:last-child {margin:0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div {display:flex; align-items:center; margin:0 0 28px 0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div .circleBox {display:flex; justify-content:center; align-items:center; width:70px; height:70px; margin:0 12px 0 0; border-radius:50%; background:#f0f0f0;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div h5 {color:#1a1a1a; font-size:24px; font-weight:600; line-height:1; letter-spacing:-0.6px;}
.location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox h6 {color:#555555; font-size:20px; font-weight:400; line-height:1;}

.location article .location_content .right_cont {width:63.33%;}
.location article .location_content .right_cont .mapDiv {width:100%; height:580px;}
.location article .location_content .right_cont .mapDiv .root_daum_roughmap .wrap_map {width:100%; height:100%;}

@media all and (max-width:1500px){
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > h6 {line-height:1.5;}
}

@media all and (max-width:1024px){
    /* location 오시는길 */
    .location article .location_content {display:flex;}
    .location article .location_content .left_cont {width:31.34%; margin:0 0 0 5.33% ;}
    .location article .location_content .left_cont .txtDiv .office_nameBox {margin:0 0 35px 0;}
    .location article .location_content .left_cont .txtDiv .office_nameBox h3 {margin:0 0 12px 0; font-size:32px; letter-spacing:-0.96px;}
    .location article .location_content .left_cont .txtDiv .office_nameBox h6 {font-size:15px;}

    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox {margin:0 0 35px 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div {margin:0 0 17px 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div .circleBox {width:60px; height:60px; margin:0 10px 0 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div .circleBox figure {max-width:28px;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div h5 {font-size:20px; letter-spacing:-0.5px;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > h6 {font-size:16px; letter-spacing:-0.8px;}

    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area {display:block;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox {width:100%; margin:0 0 35px 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div {margin:0 0 17px 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div .circleBox {width:60px; height:60px; margin:0 10px 0 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div .circleBox figure {max-width:28px;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div h5 {font-size:20px; letter-spacing:-0.5px;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox h6 {font-size:18px;}

    .location article .location_content .right_cont {width:63.33%;}
    .location article .location_content .right_cont .mapDiv {height:480px;}
}

@media all and (max-width:768px){
    /* location 오시는길 */
    .location article .location_content {display:flex; flex-direction:column-reverse;}
    .location article .location_content .left_cont {width:100%; margin:5vw 0 0 0;}
    .location article .location_content .left_cont .txtDiv .office_nameBox {margin:0 0 4vw 0;}
    .location article .location_content .left_cont .txtDiv .office_nameBox h3 {margin:0 0 2vw 0; font-size:5.2vw;}
    .location article .location_content .left_cont .txtDiv .office_nameBox h6 {font-size:3.2vw;}

    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox {margin:0 0 5vw 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div {margin:0 0 2.6vw 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div .circleBox {width:12vw; height:12vw; margin:0 2vw 0 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div .circleBox figure {max-width:5vw;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > div h5 {font-size:3.8vw;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .addressBox > h6 {font-size:3.4vw;}

    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox {margin:0 0 5vw 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div {margin:0 0 2.6vw 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div .circleBox {width:12vw; height:12vw; margin:0 2vw 0 0;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div .circleBox figure {max-width:5vw;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox > div h5 {font-size:3.8vw;}
    .location article .location_content .left_cont .txtDiv .location_info_wrap .telFax_area .telFaxBox h6 {font-size:3.6vw;}

    .location article .location_content .right_cont {width:100%;}
    .location article .location_content .right_cont .mapDiv {height:80vw; min-height:180px;}
}




.job_introduction{}
.job_introduction .scon{margin-bottom:150px;}
.job_introduction .scon:last-of-type{margin-bottom:0;}
.job_introduction .scon .bg{width: 100%; height: 440px; background-size:cover !important;}
.job_introduction .scon .bg01{background:url(../img/sub/all_img.jpg) 50% 50% no-repeat; }
.job_introduction .scon .ctn{max-width: 1200px; margin: -100px auto 0;}
.job_introduction .scon .ctn > .txt{background: #fff; text-align: center; padding:50rem 30rem;}
.job_introduction .scon .ctn > .txt h5{font-size:30rem; font-weight:bold; color: #222; margin-bottom:20px;}
.job_introduction .scon .ctn > .txt p{font-weight:400; font-size:18px; color: #222; line-height: 1.7;}
.job_introduction .scon .ctn > .txt p span{font-weight:600; color: #222;}


.job_introduction .scon02 .ctn .list .item{width: calc((100% - 84px) / 3); margin-right: 42px;}

@media screen and (max-width: 1200px){
	.job_introduction .scon{margin-bottom:100px;}
	.job_introduction .scon .bg{height: 350px;}
	.job_introduction .scon .bg01{background-size:100%;}
	.job_introduction .scon .ctn{box-sizing:border-box; padding: 0 16px;}
	.job_introduction .scon .ctn > .txt{padding-top: 80px;}
	.job_introduction .scon .ctn > .txt h5{font-size:22rem; }


}


@media screen and (max-width: 1023px){
	.job_introduction .scon .bg{height: 200px;}
	.job_introduction .scon .ctn{margin: -40px auto 0;}
	.job_introduction .scon .ctn > .txt{padding: 0 16px;}
	.job_introduction .scon .ctn > .txt{padding-top: 40px;}
	.job_introduction .scon .ctn > .txt p{font-size:15rem;}
	
}


.sec_about{padding:30rem 0 100rem;}
.sec_about .tt{padding-bottom:60px;}
.sec_about .tt em{display:block;padding-bottom:16px;font-size:15rem;letter-spacing:0;font-weight:600;color:#be3238; font-style:normal;}
.sec_about .tt h3{font-size:30rem;line-height:120%;font-weight:800;overflow:hidden;}
.sec_about .wrap{display:flex;align-items:center;}
.sec_about .pic{width:50%;overflow:hidden;}
.sec_about .pic img{display:block;width:100%;max-width:800px;margin:0 auto;}
.sec_about .txt{word-break: keep-all; width:50%;padding-left:100px;}
.sec_about .tt{padding-bottom:0;}
.sec_about .tt p{padding-top:40px;}
.sec_about .tt p b{font-size:inherit;font-weight:600;}
.sec_about .tt p b.color{color:#ec7aac;}

@media screen and (max-width: 1400px) {
    
    .sec_about .pic{width:45%;}
    .sec_about .txt{width:55%;padding-left:50px;}
}
@media screen and (max-width: 1023px) {
    
    .sec_about .wrap{display:block;}
    .sec_about .pic{width:100%;}
    .sec_about .txt{width:100%;padding-left:0;padding-top:40px;}
	.sec_about .tt h3{font-size:20rem;}
    .sec_about .tt p{padding-top:24px;}
}



.contact .article01 {}
.contact .article01 .conBox {margin:0 0 50rem;  }
.contact .inquiryWrap {background:#f2f4f6;padding:80px; }
.contact .inquiryWrap ul {display:flex; flex-wrap:wrap; }
.contact .inquiryWrap ul li{display:flex; flex-wrap:wrap; align-items: center; margin:0 0 20px; width:100%; }
.contact .inquiryWrap ul li.w50 {width:50%; }
.contact .inquiryWrap ul li > span {width:180px; font-size:16px; font-weight:600; }
.contact .inquiryWrap ul li > span em {font-style:normal; color:red;}
.contact .inquiryWrap ul li > .inputInner {display:flex; align-items: center;width:calc(100% - 180px); }
.contact .inquiryWrap ul li > .inputInner input, .contact .inquiryWrap ul li > .inputInner select {height: 45px; padding:0 15px; margin:0 10px 0 0; line-height:45px; background: #fff; border: 1px solid #eee; border-radius: 0; background:#fff; font-size: 16px; font-weight: 400;}
.contact .inquiryWrap ul li > .inputInner select {width:200rem; margin-left:10rem;}
.contact .inquiryWrap ul li > .inputInner input.input_s {width:200rem;}
.contact .inquiryWrap ul li > .inputInner input:focus, .contact .inquiryWrap ul li > .inputInner select:focus, .contact .inquiryWrap ul li > .inputInner textarea:focus {border:1px solid #111; background:#fff; }
.contact .inquiryWrap ul li > .inputInner input.btn_address{height:40px; line-height:40px; font-size:14px;background:#bbb; border:none; color:#fff;}
.contact .inquiryWrap ul li > .inputInner textarea {width:100%; height:230px;padding:0 15px; margin:0 10px 0 0; line-height:50px; background: #fff; border: 1px solid #eee; border-radius: 0; font-size: 16px; font-weight: 400;}
.contact .inquiryWrap ul li > .inputInner input.w100 {width:100%; }
.contact .inquiryWrap ul li > .inputInner .sub_txt {font-size:15px; }
.contact .inquiryWrap ul li > .inputInner strong {margin:0 10px 0 0;}

.contact .inquiryWrap .flexBox {display:flex; flex-wrap: wrap; justify-content: space-between; margin:30px 0 0;}
.contact .inquiryWrap .flexBox .titBox {display:flex; align-items: center;}
.contact .inquiryWrap .flexBox .titBox a { margin:0 0 0 8px; padding:3px 10px; background:#bbb; color:#fff; border-radius:30px; }
.contact .inquiryWrap .inputCheck input {display: none;}
.contact .inquiryWrap .inputCheck label {position:relative; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; cursor:pointer; font-size:16px;}
.contact .inquiryWrap .inputCheck label span {margin:0 0 0 5px; color:#000; }
.contact .inquiryWrap .inputCheck label span a {color:#000;}
.contact .inquiryWrap .inputCheck label:before {content:'';display:inline-block;width:15px;height:15px; background:url('/common/img/layout/form_checkb.png') no-repeat center/cover #fff; border:1px solid; }
.contact .inquiryWrap .inputCheck label:after {content:''; position:absolute; left:0; top:0; width:15px; height:15px; background:transparent}
.contact .inquiryWrap .inputCheck input:checked + label:before {background:url('/common/img/layout/form_checkb.png') no-repeat center/cover #d82f27; border-color:#d82f27; }
.contact .inquiryWrap .inputCheck input:checked + label span {color:#000; font-weight:600; }

.contact .inquiryWrap .btnWrap {text-align:center;}
.contact .inquiryWrap .btnWrap input{border:0; padding: 10px 30px; font-size: 16px; background: #d82f27; color: #fff; cursor:pointer;  }

@media all and (max-width:1200px){
	.contact .inquiryWrap { padding:50px;}
	.contact .inquiryWrap ul li > span {font-size:15px;}
	.contact .inquiryWrap ul li > span {width:150px; }
	.contact .inquiryWrap ul li > .inputInner {width:calc(100% - 150px);}
	.contact .inquiryWrap .inputCheck label {font-size:15px; }
	.contact .inquiryWrap ul li > .inputInner .sub_txt {font-size:14px; }
}
@media all and (max-width:1023px){
	.contact .inquiryWrap { padding:30px;}
	.contact .inquiryWrap ul li > span {font-size:14px;}
	.contact .inquiryWrap ul li > span {width:100%; }
	.contact .inquiryWrap ul li > .inputInner {width:100%;}
	.contact .inquiryWrap ul li {margin:0 0 10px;}
	.contact .inquiryWrap ul li > .inputInner input, .contact .inquiryWrap ul li > .inputInner select {height:40px; padding:0 10px; line-height:40px; font-size:14px;}
	.contact .inquiryWrap ul li > .inputInner input.btn_address {height:35px; line-height:35px; font-size:13px; }
	.contact .inquiryWrap .inputCheck label {font-size:14px; }
	.contact .inquiryWrap ul li > .inputInner .sub_txt {font-size:13px; }
	.contact .inquiryWrap .flexBox {margin:20px 0 0; }
}
@media all and (max-width:768px){
	.contact .inquiryWrap { padding:5vw; }
	.contact .inquiryWrap ul li > span {font-size:3.3vw;}
	.contact .inquiryWrap ul li > .inputInner select {width:29%; }
	.contact .inquiryWrap ul li > .inputInner input.input_s {width:29%;}

	.contact .inquiryWrap ul li {margin:0 0 2vw;}
	.contact .inquiryWrap ul li > .inputInner {flex-wrap:wrap; }
	.contact .inquiryWrap ul li > .inputInner input, .contact .inquiryWrap ul li > .inputInner select {height: 10vw;padding: 0 2vw; margin:0; line-height: 10vw; font-size: 3.3vw;}
	.contact .inquiryWrap ul li > .inputInner input.btn_address {height:7vw; line-height:7vw; font-size:3vw; }
	.contact .inquiryWrap ul li > .inputInner textarea {padding:0 2vw; height:40vw; margin:0; }
	.contact .inquiryWrap .inputCheck label {font-size:3vw; }
	.contact .inquiryWrap ul li > .inputInner .sub_txt {font-size:3vw; }
	.contact .inquiryWrap .flexBox {margin:3vw 0 0; }
	.contact .inquiryWrap .btnWrap {margin:4vw auto 0;}
	.contact .inquiryWrap .btnWrap button {padding:3vw 8vw; font-size:3.8vw; }
	.contact .inquiryWrap .inputCheck label:before {width:4vw; height:4vw; }
	.contact .inquiryWrap ul li > .inputInner input.fontStyle {width:100%; }
}