@charset "utf-8";

/***** 인사말 *****/
.greeting_wp h4{text-align:center;}
.greeting_wp .intro_box {display:flex;}
.greeting_wp .intro_box .img {position:relative; width:45%; text-align:right; }
.greeting_wp .intro_box .img img {max-width:100%;}
.greeting_wp .intro_box .img:after {position:absolute; bottom:0; left:0; width:32vw; height:40%; background: #E52F42; content:''; z-index:-1; }

.greeting_wp .intro_box .txt_box {position:relative; width:55%; padding:0 15% 5% 0;}
.greeting_wp .intro_box .txt_box:after {position:absolute; bottom:0; right:0; width:68vw; height:75%; background: #F6F6F6; content:''; z-index:-1; }
.greeting_wp .intro_box .txt_box p{width:100%; margin-top:3rem; line-height:1.8;  word-break:keep-all;}
.greeting_wp .intro_box .txt_box .f50 {line-height:1.4; margin:5rem 0 9rem 0; font-size:4rem;}
.greeting_wp .intro_box .txt_box .line {width:213px; height:177px; display:inline-block; position:absolute; right:0; top:100px;
background: url(../image/sub/bg_greeting.png)no-repeat 50% 50%; animation: line1 1.3s both;}
@keyframes line1 {
	from { height: 0; opacity: 0; }
	to { height: 177px; opacity: 1; }
}

.greeting_wp .value_box {width:100%; margin:4rem 0 0 0;}
.greeting_wp .value_box ul {display:flex;}
.greeting_wp .value_box ul li {flex:1; width:25%; height:600px; margin-left:1%; background: #ddd; text-align:center; font-size:3rem; transition:all .3s;
background-repeat:no-repeat; background-position: 50% 50%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.greeting_wp .value_box ul li.bg1 {background-image: url(../image/sub/bg_value1.png);}
.greeting_wp .value_box ul li.bg2 {background-image: url(../image/sub/bg_value2.png);}
.greeting_wp .value_box ul li.bg3 {background-image: url(../image/sub/bg_value3.png);}
.greeting_wp .value_box ul li.bg4 {background-image: url(../image/sub/bg_value4.png);}

.greeting_wp .value_box ul li svg {width:35px; height:35px; margin-bottom:2rem; }
.greeting_wp .value_box ul li:hover {flex:2;}
.greeting_wp .value_box ul li:first-child {margin-left:0;}
.greeting_wp .value_box ul li p {color:#fff;}

.st0{stroke:#fff; stroke-miterlimit:10;  /*stroke-width: 0.5px;*/ stroke-dasharray: 436; stroke-dashoffset: 436; fill: transparent;
  animation: dash 4s linear alternate both;}

@keyframes dash {
  0% {stroke-dashoffset: -140;} 
  70% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: 436; fill: #fff;} 
}

.greeting_wp .inner {display:flex; flex-wrap:wrap;}
.greeting_wp .inner dl {width:50%; display:flex; border-bottom:1px solid #BCBCBC;}
.greeting_wp .inner dl:nth-of-type(1),
.greeting_wp .inner dl:nth-of-type(2){border-top:2px solid #000;  margin-top:4rem;}
.greeting_wp .inner dl dt,
.greeting_wp .inner dl dd{padding:3rem 0;}
.greeting_wp .inner dl dt {width:13rem; font-weight:600; background: url(../image/common/bul_li1.png)no-repeat 0 50%; padding-left:2.3rem;}
.greeting_wp .inner dl dd {letter-spacing:0; font-weight:500;} 
.greeting_wp .inner dl.w100 {width:100%;}

@media all and (max-width:1600px){ 
	.greeting_wp .intro_box .txt_box .f50 {width:100%; line-height:1.4; margin:3rem 0 5rem 0; font-size:3.5rem;}
	.greeting_wp .intro_box .txt_box .line {width:150px; height:160px; background-size:150px; top:0;}

	.greeting_wp .value_box ul li {height:500px; font-size:2.5rem;}

}
@media all and (max-width:1440px){
	.greeting_wp .intro_box .txt_box {padding-right:5%;}
	.greeting_wp .intro_box .txt_box .f50 {width:100%; font-size:3.5rem;}
	.greeting_wp .intro_box .txt_box .line {display:none;}

	.greeting_wp .value_box ul li {height:400px; font-size:2rem;}

	.greeting_wp .inner dl:nth-of-type(1), 
	.greeting_wp .inner dl:nth-of-type(2) {margin-top:2rem;}
	.greeting_wp .inner dl dt,
	.greeting_wp .inner dl dd{padding:2rem 0 2rem 2.3rem;}
	.greeting_wp .inner dl dt {width:8rem; background-position:0 25px;}

}
@media all and (max-width:1023px){
	.greeting_wp .intro_box {width:100%; flex-direction:column; align-items: center;}
	.greeting_wp .intro_box .img {width:100%; text-align:center;}
	.greeting_wp .intro_box .img img {max-width:50%;}
	.greeting_wp .intro_box .img:after {width:60%;}
	.greeting_wp .intro_box .txt_box {width:100%; padding:1% 5%; text-align:center; margin:0 auto;}
	.greeting_wp .intro_box .txt_box:after {display:none;}
	.greeting_wp .intro_box .txt_box .f50 {margin:3rem 0 1rem 0; font-size:2.5rem;}
	
	.greeting_wp .intro_box .txt_box p {margin-top:1.5rem;}
	
	
	.greeting_wp .value_box {margin:2rem 0 0 0;}
	.greeting_wp .value_box ul {flex-wrap:wrap;}
	.greeting_wp .value_box ul li {height:300px; font-size:1.8rem;}

}
@media all and (max-width:768px){
	.greeting_wp .intro_box .img img {max-width:80%;}

	.greeting_wp .value_box ul {flex-wrap:wrap;}
	.greeting_wp .value_box ul li {width:100%; flex:100%; margin-bottom:1%; margin-left:0; height:auto; padding:6% 0; font-size:1.6rem;}
	.greeting_wp .value_box ul li:hover {flex: inherit;}
	.greeting_wp .value_box ul li svg {width:25px; height:25px;}

	.greeting_wp .inner dl {width:100%;}
	.greeting_wp .inner dl:nth-of-type(2) {margin-top:0; border-top:0;}
	.greeting_wp .inner dl dt, .greeting_wp .inner dl dd {padding:1.5rem 0 1.5rem 2rem;}
	.greeting_wp .inner dl dt {background-position:0 20px;}
	.greeting_wp .inner dl dd {width:calc(100% - 8rem); line-height:1.4;}
}


/***** 비전 *****/
.vision_wp h4{text-align:center; line-height:1.5; letter-spacing:-0.06em; margin-bottom:14rem;}
.vision_wp h4 span {font-weight:300;}
.vision_wp .vision_li {width:1440px; margin:4rem auto; display:flex;}
.vision_wp .vision_li > li {width:31%; margin-left:2%;}
.vision_wp .vision_li > li:first-child {margin-left:0;}
.vision_wp .vision_li > li img {max-width:100%;}
.vision_wp .vision_li > li > div {display:flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; align-items: center;
 border-top:2px solid #D2D2D2; padding:3rem 0;}
.vision_wp .vision_li > li > div p {font-size:2.4rem; font-weight:600;}
.vision_wp .vision_li > li > div span {font-size:4rem; color:#DCDCDC; font-weight:600;}
.vision_wp .vision_li > li ul {margin-top:3rem;} 

@media all and (max-width:1440px){
	/***** 비전 *****/
	.vision_wp h4{margin-bottom:8rem;}

	.vision_wp .vision_li {width:100%; margin:2rem auto; padding:0 5%;}
	.vision_wp .vision_li > li {width:33%;}
	.vision_wp .vision_li > li > div {padding:2rem 0;}
	.vision_wp .vision_li > li > div p {font-size:1.8rem;}
	.vision_wp .vision_li > li > div span {font-size:3rem;}
	.vision_wp .vision_li > li ul {margin-top:2rem;}
}

@media all and (max-width:1023px){
	/***** 비전 *****/
	.vision_wp h4{margin-bottom:5rem;}
	.vision_wp .vision_li > li > div p {font-size:1.6rem;}
	.vision_wp .vision_li > li > div span {font-size:2rem;}

}
@media all and (max-width:768px){
	/***** 비전 *****/
	.vision_wp .sect1 {padding:0 5%;}
	.vision_wp h4 {font-size:1.8rem; word-break:keep-all; margin:5rem auto;}

	.vision_wp .vision_li {flex-wrap: wrap;}
	.vision_wp .vision_li > li {width:100%; margin-bottom:2rem; margin-left:0;}
	.vision_wp .vision_li > li img {width:100%;}
	.vision_wp .vision_li > li > div {padding:1.5rem 0;}
	.vision_wp .vision_li > li > div p {font-size:1.5rem;}
	.vision_wp .vision_li > li > div span {font-size:1.6rem;}

}


/***** 연혁 *****/
.his_img {width:100%; height:50rem; background: url('../image/sub/bg_history.jpg')no-repeat 50% 50% / cover; margin-bottom:8rem;}

.year_cont {position:relative; width:100%; display:flex; flex-wrap:wrap; padding:10rem 0;}
.year_cont::before {content: ''; position: absolute; top: 0; left: calc(50% - 1px); width: 3px; height: 100%; background: #ddd;}
.year_cont.fir::after {content: ''; position: absolute; top: -28px; left: calc(50% - 15px); width:30px; height:30px; 
content:''; background: #fff url(../image/sub/img_his_logo.png) no-repeat 0 50%; background-size:30px;}
.year_cont > div {width:50%;}
.year_cont .year_txt {position:relative; padding:0 0 0 10rem;}
.year_cont .year_txt p {margin-bottom:5rem;}
.year_cont .year_txt p:before {position:absolute; left:-1.5rem; top:1rem; width:30px; height:30px; content:''; background: url(../image/sub/img_his_dot.png) no-repeat 0 50%; background-size:30px;}
.year_cont .year_txt dl {position:relative; padding:0 0 3rem 12rem;}
.year_cont .year_txt dl dt {position:absolute; left:0; top:0; font-size:2.2rem; color:#000; font-weight:600; letter-spacing:0;}
.year_cont .year_txt dl dd {position:relative; padding-bottom:1.1rem; padding-left:5rem; line-height:1.4;}
.year_cont .year_txt dl dd span {position:absolute; top:0; left:0; font-weight:500; color:#515151;}

.history_wp .inner {position:relative;}
.bar-box{position:absolute;top:0px;left:50%;z-index:2;}
.bar-box > .bar{position:absolute;top:0;left:50%;width:3px;height:75px; margin-left:-1px; /*padding-bottom:75px;*/ background:#e52f42;}
/*.bar-box > .bar::after{content:'';position:absolute;left:-43px;bottom:-37px;display:block;width:66px;height:37px;background:url(/uploads/media/history-bar-btn.png) no-repeat center;}*/

.year_cont .year_img {position:relative; opacity: 0; transform: translateY(-200px); transition: all 1s;}
.year_cont .year_img > div {position:relative;}
.year_cont .year_img .line {width:213px; height:177px; display:inline-block; position:absolute; right:80px; top:35rem;
background: url(../image/sub/bg_greeting.png)no-repeat 50% 50%; animation: line1 1.3s both;}
.year_cont .year_img.on {opacity:1; transform: translateY(0);}


@media all and (max-width:1440px){
	/***** 비전 *****/
	.his_img {width:100%; height:40rem;}
	.year_cont {padding:8rem 0;}
	.year_cont .year_txt p {margin-bottom:4rem;}
	
	.year_cont .year_txt dl {padding:0 0 2rem 10rem;}
	.year_cont .year_txt dl dt {font-size:2rem;}
	.year_cont .year_txt dl dd {padding-bottom:1rem; padding-left:4rem;}
	
	.year_cont .year_img img {max-width:85%}
	.year_cont .year_img .line {width:120px; height:177px; background-size:120px; top:auto;  bottom:-7rem;}

}
@media all and (max-width:1023px){
	/***** 연혁 *****/
	.his_img {height:30rem;}

	.year_cont::before {left: calc(0% - 1px);}
	.year_cont.fir::after {left: calc(0% - 15px);}
	.year_cont > div {width:100%;}
	.year_cont .year_img {margin:0 5rem 5rem 5rem; text-align:center;}
	.year_cont .year_img img {max-width:100%;}
	.year_cont .year_txt {padding: 0 0 0 5rem;}
	.year_cont .year_txt p {margin-bottom:5rem;}
	.year_cont .year_txt p:before {position:absolute; left:-1.5rem; top:1rem; width:30px; height:30px; content:''; background: url(../image/sub/img_his_dot.png) no-repeat 0 50%; background-size:30px;}
	.bar-box{left:5%;}
	.bar-box > .bar{left:0%;}

	.year_cont .year_img .line {width:100px; right:0; background-size:100px;}
}
@media all and (max-width:768px){
	/***** 연혁 *****/
	.his_img {height:20rem;}

	.year_cont {padding:5rem 0}
	.year_cont .year_img {margin:0 3rem 3rem 3rem;}

	.year_cont .year_txt {padding:0 0 0 3rem;}
	.year_cont .year_txt p {margin-bottom:3rem;}
	.year_cont .year_txt p:before {width:20px; height:20px; -webkit-background-size: 20px;
	background-size: 20px; left: -1rem; top: 0rem;}
	.year_cont .year_txt dl {padding:0 0 2rem 6rem;}
	.year_cont .year_txt dl dt {font-size:1.6rem;}
	.year_cont .year_txt dl dd {padding-left:3rem; padding-bottom:0.5rem;}
	
	.year_cont .year_img .line {display:none;}
}

/***** 오시는길 *****/
.location_wp .root_daum_roughmap .wrap_map {height:600px !important;}
.location_wp .root_daum_roughmap .wrap_controllers {display:none;}
.location_wp .minfo {position:relative; z-index:2; display:flex; align-items: flex-end; margin-top:-100px; padding:0 5%; margin-bottom:8rem;}
.location_wp .minfo .box {width:200px; height:200px; font-size:3rem; line-height:1.4; background: #E52F42; color:#fff; box-shadow:20px 20px 40px rgba(0,0,0,0.3); display:flex; justify-content: center; 
align-items: center; text-align:center;}
.location_wp .minfo .box span {display:block; font-size:1.6rem; letter-spacing:0;}
.location_wp .minfo .info {width:calc(100% - 200px); padding:0 10%;}
.location_wp .minfo .info dl {display:flex; margin-top:2.5rem;}
.location_wp .minfo .info dl dt {width:15%; font-weight:500; color:#000;}
.location_wp .minfo .info dl:first-child dt {letter-spacing:3rem;}
.location_wp .minfo .info dl dd {letter-spacing:0;}

.location_wp .traffic_box {display:flex; margin-top:4rem;}
.location_wp .traffic_box > div {width:50%; min-height:40rem; border:1px solid #D0D0D0; padding:6rem 5rem; box-sizing:border-box; display:flex; flex-direction: column; justify-content: center;}
.location_wp .traffic_box > div:first-child {margin-right:-1px;}
.location_wp .traffic_box > div .tit {font-size:3.2rem; font-weight:600; margin-bottom:3rem;}

.location_wp .traffic_box .stit {position:relative; font-weight:600; margin-bottom:2rem; padding-left:2rem;}
.location_wp .traffic_box .stit:before {position:absolute; content:''; top:5px; left:0; width:6px; height:6px; background: #E52F42; border-radius:50%;}
.location_wp .traffic_box .traffic_li {}
.location_wp .traffic_box .traffic_li li {font-size:1.5rem; line-height:1.4; letter-spacing:-0.05rem; padding:.4rem 0;}
.location_wp .traffic_box .traffic_li li span {display:inline-block; padding:0.2rem 1rem; font-size:1.3rem; font-weight:500; border:1px solid #ddd; border-radius:5px; margin-right:1rem;}
.location_wp .traffic_box .traffic_li li span.green {border-color:#4bab00; color:#4bab00;}
.location_wp .traffic_box .traffic_li li span.blue {border-color:#0585b7; color:#0585b7;}
.location_wp .traffic_box .traffic_li li span.orange {border-color:#e55c0c; color:#e55c0c;}

@media all and (max-width:1023px){
	.location_wp .root_daum_roughmap .wrap_map {height:500px !important;}
	.location_wp .minfo {align-items: center;  margin-top: 2rem;  padding: 0; margin-bottom:6rem;}
	.location_wp .minfo .box {width:150px; height:150px; font-size:2rem;}
	.location_wp .minfo .box span {font-size:1.5rem;}
	.location_wp .minfo .info {width: calc(100% - 150px); padding: 0 0 0 10%;}
	.location_wp .minfo .info dl {display:flex; margin-top:2rem; flex-direction: column;}
	.location_wp .minfo .info dl:nth-of-type(1) {margin-top:0;}
	.location_wp .minfo .info dl dt {margin-bottom:1rem;}
	.location_wp .minfo .info dl dd {line-height:1.4;}
	
	.location_wp .traffic_box {margin-top:2rem;}
	.location_wp .traffic_box > div {padding:4rem; justify-content: inherit;}
	.location_wp .traffic_box > div .tit {font-size:2.5rem; margin-bottom:2rem;}
	.location_wp .traffic_box .traffic_li li {font-size:1.4rem;}
	.location_wp .traffic_box .traffic_li li span {font-size:1.2rem;}
}
@media all and (max-width:900px){
	.location_wp .traffic_box {flex-direction: column;}
	.location_wp .traffic_box > div {width:100%; min-height:auto; padding:3rem; margin-top:-1px;}
}

@media all and (max-width:768px){
	.location_wp .root_daum_roughmap .wrap_map {height:300px !important;}
	.location_wp .minfo {margin-bottom:4rem;}
	.location_wp .minfo .box {display:none;}
	.location_wp .minfo .info {width: 100%; padding: 0;}

	.location_wp .traffic_box .traffic_li li {padding:.2rem 0;}
	
}


/***** 영업소 *****/
.office_wp .map_bg {width:100%; background: #9DBAD1;}
.office_wp .map_wp {position: relative; width:100%; max-width:1440px; height:79rem; margin: 0 auto; overflow:hidden;}
.office_wp .map_wp .map {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:103.8rem; height:82.1rem; background:url('../image/sub/bg_office_map.png') no-repeat center; background-size: contain;}
.office_wp .map_wp .sec {position: absolute; top:50%; left:50%;}
.office_wp .map_wp .sec .pin a {position:relative; display: block;}
.office_wp .map_wp .sec a i {width:28px; height:42px; display:block; background: url('../image/sub/ico_map_pin.png')no-repeat 50% 50%;}
.office_wp .map_wp .sec a:hover i,
.office_wp .map_wp .sec a.on i {width:28px; height:42px; display:block; background: url('../image/sub/ico_map_pin_on.png')no-repeat 50% 50%;}

.office_wp .map_wp .sec .pin.on:before,
.office_wp .map_wp .sec .pin.on:after {display: block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top: 15px;
width:50px;height:50px;border-radius:50%;border:1px solid #E52F42; opacity:0; transition:1s;}
.office_wp .map_wp .sec .pin.on:before{animation:motion 3s ease-in infinite 0.6s;}
.office_wp .map_wp .sec .pin.on:after{animation:motion 3s ease-in infinite 0.9s;}

@keyframes motion{
	0%{opacity:0; width:50px;height:50px;}
	50%{opacity:0.9;}
	100%{opacity:0;	width:190px;height:190px;}
}

.office_wp .map_wp .sec.sec1 {transform: translate(315%, -153%);}
.office_wp .map_wp .sec.sec2 {transform: translate(62%, -750%);}
.office_wp .map_wp .sec.sec3 {transform: translate(-318%, -411%);}
.office_wp .map_wp .sec.sec4 {transform: translate(182%, -274%);}
.office_wp .map_wp .sec.sec5 {transform: translate(-448%, -149%);}
.office_wp .map_wp .sec.sec6 {transform: translate(-442%, -729%);}
.office_wp .map_wp .sec.sec7 {transform: translate(-382%, 9%);}
.office_wp .map_wp .sec.sec8 {transform: translate(222%, 38%);}
.office_wp .map_wp .sec.sec9 {transform: translate(-691%, 141%);}
.office_wp .map_wp .sec.sec10 {transform: translate(-779%, 757%)}
.office_wp .map_wp .info {position: absolute; top:50%; left:50%; border:2px solid #E52F42; border-radius: 0 20px  0 20px; box-shadow:10px 10px 20px rgba(0,0,0,0.3); padding:2.5rem; display: inline-block; background:#fff; z-index:1;}
.office_wp .map_wp .info.info1 {transform:  translate(56%, -39%);} 
.office_wp .map_wp .info.info2 {transform: translate(62%, -298%);} 
.office_wp .map_wp .info.info3 {transform: translate(-15%, -136%);} 
.office_wp .map_wp .info.info4 {transform: translate(57%, -90%);} 
.office_wp .map_wp .info.info5 {transform: translate(-177%, -47%)} 
.office_wp .map_wp .info.info6 {transform: translate(-195%, -281%);} 
.office_wp .map_wp .info.info7 {transform: translate(-177%, 5%);} 
.office_wp .map_wp .info.info8 {transform: translate(73%, 28%);} 
.office_wp .map_wp .info.info9 {transform: translate(-214%, 50%);} 
.office_wp .map_wp .info.info10 {transform: translate(-160%, 116%);} 
.office_wp .map_wp .info .txt_box {margin-top:1.5rem;}
.office_wp .map_wp .info .txt_box:nth-child(1) {margin-top: 0;}
.office_wp .map_wp .info .txt_box .tit {font-size:1.8rem; font-weight: 600; color:#000; margin-bottom:.6rem;}
.office_wp .map_wp .info .txt_box .txt {font-size:1.5rem; line-height:160%; letter-spacing:0; font-weight:500;}
.office_wp .map_wp .info:before {position: absolute; content:""; height:2px; background:#E52F42; display: block;}
.office_wp .map_wp .info1:before {width: 54px; top: 16%; left: -56px;}
.office_wp .map_wp .info2:before {width: 66px; top: 26%; left: -44%;}
.office_wp .map_wp .info3:before {width: 45px; top: 26%; left: -24%;}
.office_wp .map_wp .info4:before {width: 45px; top: 26%; left: -24%;}
.office_wp .map_wp .info5:before {width: 37px; top: 26%; right: -20%;}
.office_wp .map_wp .info6:before {width: 64px; top: 10%; right: -64px;}
.office_wp .map_wp .info7:before {width: 58px; top: 26%; right: -30%;}
.office_wp .map_wp .info8:before {width: 62px; top: 13%; left: -34%;}
.office_wp .map_wp .info9:before {width: 63px; top: 26%; right: -64px;}
.office_wp .map_wp .info10:before {width: 2px; left: 90px; bottom: -50px; height: 49px;}


/* 정보 */
.office_wp .add_li {margin-top:13rem; border-top:2px solid #000;}
.office_wp .add_li li {position:relative; display:flex; align-items: center; min-height:130px; padding:3.5rem 0; border-bottom:1px solid #B7B7B7; transition:all .3s;}
.office_wp .add_li li:hover {background: #fff9f9;}
.office_wp .add_li li > p {width:250px; text-align:center; font-size:2.5rem; line-height:1.4; color:#E52F42; font-weight:500;}
.office_wp .add_li li > div {width:calc( 100% - 250px);}
.office_wp .add_li li > div p {display:inline-block; background-repeat:no-repeat; background-position: 0% 50%; padding-left:3rem;}
.office_wp .add_li li > div p.add {display:block; margin-bottom:2rem; padding-left:0;} 
.office_wp .add_li li > div p.tel {background-image: url(../image/sub/ico_map_tel.png); margin-right:4rem;}
.office_wp .add_li li > div p.mail {background-image: url(../image/sub/ico_map_mail.png);}

.office_wp .add_li li > a {position:absolute; right:2%; font-size:0; text-indent:-99999px; width:55px; height:55px; border-radius:55px; background: #222 url('../image/sub/ico_map_arr.png')no-repeat 50% 50%;}


@media all and (max-width:1440px){
	/* 정보 */
	.office_wp .add_li {margin-top:10rem;}
	.office_wp .add_li li {min-height:100px; padding:3rem 0;}
	.office_wp .add_li li > p {width:200px; font-size:2rem;}
	.office_wp .add_li li > div {width:calc( 100% - 200px);}

	.office_wp .add_li li > a {width:40px; height:40px; background-size:12px; }
}

@media all and (max-width:1023px){
	.office_wp .map_wp {max-width:100%; height:65rem;}
	.office_wp .map_wp .map_scale{transform:scale(0.8); position:absolute; top:50%; left:50%;}
}

@media all and (max-width:768px){
	.office_wp .map_wp {max-width:100%; height:40rem;}
	.office_wp .map_wp .map_scale{transform:scale(0.5); position:absolute; top:50%; left:50%;}

	.office_wp .map_wp .info {transform:scale(1.5) !important; top: 75%; left: 45%;}
	.office_wp .map_wp .info:before {display:none;}

	/* 정보 */
	.office_wp .add_li {margin-top:4rem;}
	.office_wp .add_li li {min-height:100px; padding:2rem 0 8rem 0; flex-direction: column; }
	.office_wp .add_li li > p {width:auto; font-size:1.6rem; margin-bottom:1rem;}
	.office_wp .add_li li > p br {display:none;}
	.office_wp .add_li li > div {width:100%; padding: 0 5%;}
	.office_wp .add_li li > div p.add {margin-bottom:0; margin-top:0; padding-right: 0; line-height: 1.5;}
	.office_wp .add_li li > div p {margin-top:1rem;}
	.office_wp .add_li li > a {width:30px; height:35px; background:none; top: inherit; right: inherit; transform: inherit;
    position: static; width: 80%; border-radius: 0; bottom: 20px; position: absolute; background-image: none; color: #fff;
    text-indent: 0; font-size: 1.4rem; text-align: center; line-height: 35px; background: #646464;  border-radius: 20px;}
}


/***** product *****/
#board_top .total {text-align:left; display:inline-block; padding:2rem 1.5rem; font-size:1.6rem; color:#737373;}
#board_top .total span {color:#E52F42; font-weight:600;}

#board_top .search_area {width:100%;}
#board_top .search_area .input_search {position:relative; max-width:700px; margin:0 auto;}
#board_top .search_area .input_search input {width:100%; height:60px; border-radius:40px; border:2px solid #ddd;
font-size:1.6rem; letter-spacing:-0.05em; padding: 0 80px 0 15px;  -webkit-appearance: none;}
#board_top .search_area .input_search .btn_search {width:30px; height:60px; background: url(../image/common/ico_search.png) 0 center no-repeat;
    background-size: 100% auto;  border: 0 none; position: absolute; right: 20px; top: 0;}

#product_li {width:100%; text-align:center;}
#product_li > ul {width:100%; display:flex; flex-wrap:wrap;}
#product_li > ul li {width:23%; margin:0 1% 5rem 1%; text-align:left;} 
#product_li > ul li:hover .pic {transform:scale(1.2);  transition:all .3s;}
#product_li > ul li > a {}
#product_li > ul li .thumb {width:100%; height:auto;  border:1px solid #ddd; margin-bottom:2rem; overflow:hidden;}
#product_li > ul li .thumb .pic {width:100%; /*height:100%;*/ padding-top : calc(330 / 320 * 100%); background-repeat:no-repeat; background-position:50% 50%; background-size: cover;}
#product_li > ul li .cate {position:relative; font-size:1.6rem; color:#E52F42; font-weight:600; margin-bottom:1rem; padding-left:1.5rem;}
#product_li > ul li .cate:after {position:absolute; top:0; left:0; content:''; width:4px; height:15px; background: #E52F42;}
#product_li > ul li .tit {font-size:2rem; font-weight:600; margin-top:1.5rem;}

.pg_wrap {float:none !important; margin-top:8rem;}
.pg_wrap .pg_page {background: 0; border:0;}
.pg_wrap .pg_page:hover {background: none;}
.pg_wrap .pg_current {position:relative; color:#000; font-weight:bold; background: 0;  border:0; border-radius:0;}
.pg_wrap .pg_current:after {position:absolute; width:18px; height:3px; left:51%; transform:translateX(-50%); bottom:-4px; background: #E52F42; content:'';}
.pg_wrap .pg_page.pg_prev,
.pg_wrap .pg_page.pg_next,
.pg_wrap .pg_page.pg_end{text-indent: -999px; overflow: hidden; padding: 0; background-repeat: no-repeat; background-position: 50% 50%;}
.pg_wrap .pg_page.pg_prev,
.pg_wrap .pg_page.pg_prev:hover{background-image: url(../img/btn_prev.gif);}
.pg_wrap .pg_page.pg_next,
.pg_wrap .pg_page.pg_next:hover{background-image: url(../img/btn_next.gif);}
.pg_wrap .pg_page.pg_end,
.pg_wrap .pg_page.pg_end:hover{background-image: url(../img/btn_end.gif);}

@media all and (max-width:1200px){
	#board_top .total {padding:2rem 1rem; font-size:1.5rem; }

	#board_top .search_area .input_search {max-width:100%;}
	#board_top .search_area .input_search input {height:50px; font-size:1.5rem;}
	#board_top .search_area .input_search .btn_search {height:50px; background-size:25px;}

	#product_li > ul li {width:31.334%;} 
	#product_li > ul li .cate {font-size:1.5rem;}
	#product_li > ul li .tit {font-size:1.8rem;}

	.pg_wrap {margin-top:6rem;}
}
@media all and (max-width:768px){
	#board_top .total {font-size:1.4rem; }

	#board_top .search_area .input_search {max-width:100%;}
	#board_top .search_area .input_search input {height:45px; font-size:1.4rem;}
	#board_top .search_area .input_search .btn_search {height:45px; }

	#product_li > ul li {width:48%; margin:0 1% 3.5rem 1%} 
	#product_li > ul li .cate {font-size:1.3rem; padding-left:1.2rem;}
	#product_li > ul li .tit {font-size:1.5rem;}

	.pg_wrap {margin-top:4rem;}
}
/***** 팝업 *****/
.pop-layer {display:none;position:fixed;/*top:50%;*//*right:0;bottom:0;*//*left:50%; transform:translate(-50%,-50%);*/ 
width:1200px;height:600px; z-index:999;margin:0 auto;background-color:#fff;}
.pop-header {position:relative;padding:15px 20px; }
.pop-header .title {font-size:16px;font-weight:bold;}
.pop-contns-box {position:absolute;top:50px;right:0;bottom:50px;left:0;}
.pop-contns-box .box-inner {height: 100%;}
.pop-contns-box .box-inner .pop-box {position:absolute;top:0;right:0;bottom:0;left:0; width:100%; height:100%; overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.pop-contns-box .box-inner .pop-box .prod_box {display:flex; padding: 0 4rem}
.pop-contns-box .box-inner .pop-box .prod_box .prd_img {width:50rem; height:50rem; border:1px solid #D4D4D4;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_img .pic {width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con {width:calc(100% - 50rem); padding: 4rem 6rem;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con .tit {font-size:4.5rem; font-weight:600; margin-bottom:2.5rem;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con .con {margin-bottom:1rem; line-height:1.5;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl {display:flex; border-bottom:1px solid #ddd; padding:2rem 0;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl:nth-of-type(1) {border-top:2px solid #222;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dt {width:100px; font-weight:600; color:#222;}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd {width:calc(100% - 100px);}
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd ul li {line-height:1.5; padding:1rem 0 0; font-weight:500;} 
.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd ul li:first-child {padding-top:0;}
.pop-contns-box .con_btn {border:1px solid #E52F42; color:#E52F42; line-height: 5rem; display: inline-block; transition:all .3s;
    width: 50%; text-align: center; margin-top: 4rem;}
.pop-contns-box .con_btn:hover {background: #E52F42; color:#fff}

.dim-layer {display:none; position:absolute; top:0; left: 0; z-index:100;}
.dim-layer .dimBg {position:fixed; top:0;left:0;width:100%;height: 100%;background: #000;opacity:.8;filter:alpha(opacity=80);}
.dim-layer .pop-layer {display:block;}
.popup-close {position:absolute;display:inline-block;top:20px;right:20px;width:50px;height:50px;background-size:50px auto;cursor:pointer;
background-image: url(../image/common/ico_close.png); background-repeat: no-repeat; background-position: 50% 50%; font-size:0; text-indent:-99999px; border:0; background-color: initial;} 


@media all and (max-width:1440px){
	.pop-layer {width:90vw; height:60vh; left: 50% !important; transform: translateX(-50%);}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_img {width:40rem; height:40rem; }
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con {width:calc(100% - 40rem); padding: 3rem 5rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con .tit {font-size:3.5rem; font-weight:600; margin-bottom:2rem;}

	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd ul li {padding:0.5rem 0 0;}
	.pop-contns-box .con_btn {line-height: 4rem; margin-top: 3rem;}
}

@media all and (max-width:1023px){
	.pop-layer {width:90vw; height:65vh;}
	.pop-contns-box .box-inner .pop-box .prod_box {padding: 0 2rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_img {width:30rem; height:30rem; }
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con {width:calc(100% - 30rem); padding: 2rem 3rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con .tit {font-size:2.5rem; margin-bottom:1.5rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con .con {font-size:1.4rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl {padding: 1.5rem 0; font-size:1.5rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dt {font-size:1.5rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd ul li { font-size:1.5rem;}
	.pop-contns-box .con_btn {line-height: 3.5rem; margin-top: 2rem;}

	.popup-close {background-size:30px;}
}

@media all and (max-width:768px){
	.pop-layer {width:90vw; height:85vh;}
	.pop-contns-box .box-inner .pop-box .prod_box {flex-direction: column;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_img {width:100%; height:25rem; margin-top:2rem; }
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con {width:100%; padding: 2rem 0;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con .tit {font-size:2rem; margin-bottom:1.2rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl {padding: 1.2rem 0; font-size:1.3rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dt {font-size:1.3rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd ul li {font-size:1.3rem;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dt {width:70px;}
	.pop-contns-box .box-inner .pop-box .prod_box .prd_con dl dd {width:calc(100% - 70px);}
	.pop-contns-box .con_btn {line-height: 3.2rem;}

	.popup-close {top:0; right:0; background-size:25px;}
}
/***** 제품글쓰기 *****/
#product_write_li {position: relative;}
#product_write_li .bo_write {border-top:1px solid #000; }
#product_write_li .bo_write > ul {}
#product_write_li .bo_write > ul > li {border-bottom:1px solid #ddd;display:flex; width:100%;}
#product_write_li .bo_write > ul > li .w_subj {display: table-cell; width:20%; background: #f5f5f5; padding:20px 30px;position: relative;}
#product_write_li .bo_write > ul > li .w_subj span {display: block;    position: absolute; top: 50%;    transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);  }
#product_write_li .bo_write > ul > li .w_subj strong { font-size:0;   position: absolute; margin-left: 10px; width: 6px; height: 6px; background: #e52f42; 
border-radius: 10px;}
#product_write_li .bo_write > ul > li .w_content {display: table-cell; width:80%; padding:20px;}
#product_write_li .bo_write > ul > li .w_content textarea {width:100%; border:1px solid #ddd;}


/***** 고객센터 *****/
.contact_wp {}
.contact_wp:before {position: absolute; left: 50%; top: -12rem; z-index: -2; width: 50%; height: 120%; content: '';  background: #f7f7f7;}
.contact_wp .inner {display:flex;}
.contact_wp .inner > div {width:50%;}
.contact_wp .inner .textbox_area h3 {text-align:left !important; font-size:5rem; line-height:1.5; margin-bottom:4rem;}
.contact_wp .inner .textbox_area h3 span {color:#e52f42;}
.contact_wp .inner .textbox_area p {line-height:1.6; word-break:keep-all;}

.contact_wp .inner .form_box {padding:0 5rem;}
.contact_wp .inner .form_box ul li {position:relative; margin:1.5rem 0; background: #fff; border-radius:10px; overflow:hidden; padding:0.5rem 0; border:1px solid #ddd;}
.contact_wp .inner .form_box ul li label {position:absolute; top:21px; left:2rem; font-size:1.6rem; font-weight:500;}
.contact_wp .inner .form_box ul li label span {color:red; margin-left:.5rem;}
.contact_wp .inner .form_box ul li .form-control {width:100%; height:4.5rem; line-height:1.4; padding:0.5rem 2rem 0.5rem 10rem; font-size:1.6rem; border:0; box-sizing:border-box;}
.contact_wp .inner .form_box ul li input::placeholder {font-size:1.4rem; letter-spacing:-0.05em; padding: 1rem 0; color:#666;}
.contact_wp .inner .form_box ul li .form-control.textarea {height:25rem;}
.contact_wp .inner .form_box .keynumber {margin:1rem 0 0 10rem; color:#fff; display: inline-block; padding:.5rem; font-size: 1.4rem; 
font-weight: 500; border-radius:.5rem;}
.contact_wp .inner .form_box .keynumber .text-danger {color:#ff1717;  font-size: 1.2em;}
.contact_wp #captcha.m_captcha audio {width:100%; height:30px;}
.contact_wp #captcha.m_captcha #captcha_reload {width:30px; height:30px; background-position:50% 0%; background-size:30px;}

.contact_wp .inner .form_box .agree_box { margin-bottom:2rem;background: #fff; border-radius:10px; overflow:hidden; padding:0.5rem 0; border:1px solid #ddd;}
.contact_wp .inner .form_box .agree_box .box_in {padding:2rem;}
.contact_wp .inner .form_box .agree_box .box_in ul li {line-height:1.4; border:0; font-size:1.5rem; padding:.2rem 0 .2rem 1.8rem; margin:0; background:url(../image/common/bul_li2.png)no-repeat 0 50%;}

.contact_wp .inner .form_box .con_btn.send {width:100%; padding:1.5rem 0; color:#fff; display:block; text-align:center; background: #e52f42; margin-top:5rem;
box-shadow:0px 5px 10px rgba(0,0,0,0.3); border:0; letter-spacing: -0.05em; font-weight: 500; font-family: 'NotoKr',sans-serif; outline:0;}

@media all and (max-width:1440px){
	.contact_wp:before {width: 100%; height: 100%; top: auto; bottom: -230px; left: 0;}
	.contact_wp .inner {flex-direction: column;}
	.contact_wp .inner > div {width:100%;}
	.contact_wp .inner .textbox_area h3 {font-size:3.5rem; margin-bottom:2rem;}
	.contact_wp .inner .textbox_area p br {display:none;}
	.contact_wp .inner .form_box {padding:0; margin-top:6rem;}
	.contact_wp .inner .form_box ul li {margin:1rem 0;}
	.contact_wp .inner .form_box ul li label {font-size:1.5rem;}
	.contact_wp .inner .form_box ul li .form-control {font-size:1.5rem;}
	.contact_wp .inner .form_box .agree_box .box_in ul li {font-size:1.4rem}
	.contact_wp .inner .form_box .con_btn.send {margin-top:4rem;}

}
@media all and (max-width:768px){
	.contact_wp:before {width: 100%; height: 80%; top: auto; bottom: 0; left: 0;}

	.contact_wp .inner .textbox_area h3 {font-size:2.5rem;}
	.contact_wp .inner .form_box {padding:0; margin-top:4rem;}

		.contact_wp .inner .form_box {padding:0; margin-top:4rem;}
	.contact_wp .inner .form_box ul li {margin:.5rem 0; padding:0;}
	.contact_wp .inner .form_box ul li label {font-size:1.4rem; top:16px;}
	.contact_wp .inner .form_box ul li .form-control {font-size:1.4rem; padding:0.5rem 2rem 0.5rem 9rem;}
	.contact_wp .inner .form_box .keynumber {margin:1rem 0 0 9rem}
	.contact_wp .inner .form_box .agree_box .box_in ul li {font-size:1.3rem}
	.contact_wp .inner .form_box .con_btn.send {margin-top:2rem;}

}