/* 
*** 회사소개 ***
*/ 


/* 인사말 */


.sub_about {display:flex; justify-content:center; align-items: center; gap: 100px; margin-bottom:100px;}

.sub_about .about_img {overflow: hidden; border-radius: 40%; box-shadow:  0 0 20px #ddd;}

.sub_about .about_img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sub_about_txt {text-align:left;padding:0;}
.sub_about_txt p {}
.sub_about_txt .txt01 {position:relative;font-size:35px;color:#222;padding:2.4% 0 1.2% 0;}
.sub_about_txt .txt01::before {top:0;width:50px;height:2px;transform:translateX(-50%);position:absolute;left:50%;content:"";display:block;background:#222;}
.sub_about_txt .txt02 {font-size:27px;color:#333;font-weight:700;padding-bottom:2.4%;}
.sub_about_txt .txt03 {font-size:18px;color:#777;line-height:1.6; }
.sub_about_txt .txt03 b {color: rgba(231, 62, 29,1); font-weight: bold;}
.sub_about_txt .txt03 .bold { font-weight: bold; color: #333;}
.sub_about_txt .txt03 + .txt03{margin-top: 10px;}
.sub_about_txt .txt03.mt-30{margin-top: 30px;}
.sub_about_list {border:1px solid #ccc;vertical-align:top;}
.sub_about_list li {float:left;width:25%;height:auto;box-sizing:border-box;position:relative;text-align:center;font-size:0px;vertical-align:top;}
.sub_about_list li + li {border-left:1px solid #ccc;}
.sub_about_list li:after,
.sub_about_list li:before,
.sub_about_list li p {display:block;z-index:1;text-align:Center;margin:0;padding:0;vertical-align:top;}
.sub_about_list li:after,
.sub_about_list li:before {transition:all 0.3s;left:50%;transform:translateX(-50%);position:absolute;}
.sub_about_list li:after {top:10%;content:'';width:100%;padding:0 0 30% 0;z-index:5;}
.sub_about_list li:before {top:12%;content:"";width:50%;padding:0 0 26% 0;z-index:1;}
.sub_about_list li p {padding-top:40%;padding-bottom:12%;padding-left:3%;padding-right:3%;width:100%;z-index:10;box-sizing:border-box;}
.sub_about_list li p strong,
.sub_about_list li p span {display:inline-block;width:100%;margin:0;padding:0;vertical-align:top;text-align:center;line-height:22px;font-size:14px;color:#777;}
.sub_about_list li p strong {line-height:32px;font-size:20px;color:#333;font-weight:700;padding-bottom:2%;}
.sub_about_list li p span.for_m {display:none;}


@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {
	.sub_about_txt {margin:5.6% 0 0 0;}
	.sub_about_txt p {padding:0 4%; text-align:center;}
	.sub_about_txt .txt01 {font-size:32px;padding:3.6% 0 2% 0;}
	.sub_about_txt .txt01::before {width:50px;height:2px;}
	.sub_about_txt .txt02 {font-size:18px;padding-bottom:3.6%;}
	.sub_about_txt .txt03 {text-align:left; font-size:16px;line-height:18px;}
	.sub_about_list li {width:50%;}
	.sub_about_list li + li + li {border-top:1px #ccc solid;}
	.sub_about_list li:nth-of-type(3) {border-left:0;clear:both;float:left;}
	.sub_about_list li:after {top:8%;width:100%;padding:0 0 26% 0;}
	.sub_about_list li:before {top:10%;width:50%;padding:0 0 22% 0;}
	.sub_about_list li p {padding-top:32%;padding-bottom:8%;}
	.sub_about_list li p strong {line-height:32px;font-size:18px;}
	.sub_about_list li p span {line-height:20px;font-size:13px;}

	.sub_about {display:block; margin-top:30px; text-align:center;}
}
@media only screen and (max-width:860px) {
	.sub_about_img {padding:0 0 38% 0;}
	.sub_about_txt {margin:6.8% 0 0 0;}
	.sub_about_txt p {padding:0 5%;}
	.sub_about_txt .txt01 {font-size:30px;line-height:34px;letter-spacing:-1px;padding-top:4.8%;}
	.sub_about_txt .txt01::before {width:50px;height:2px;}
	.sub_about_txt .txt02 {padding-bottom:3%;}
	
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	.sub_about_img {padding:0 0 50% 0;background-size:cover;position:relative;z-index:1;}
	.sub_about_txt p {padding:0;}
	.sub_about_txt .txt01 {font-size:26px;line-height:32px;letter-spacing:-1px;}
	.sub_about_txt .txt01::before {width:50px;}
	.sub_about_txt .txt02 {font-size:18px;padding-top:1.6%;}
	.sub_about_txt .txt03 {font-size:14px;line-height:20px;}
	
	.sub_about_list li:after {top:8%;padding:0 0 30% 0;}
	.sub_about_list li:before {top:10%;padding:0 0 26% 0;}
	.sub_about_list li p {padding-top:38%;padding-bottom:8%;}
	.sub_about_list li p strong {line-height:30px;font-size:17px;}
	.sub_about_list li p span {line-height:22px;font-size:14px;}
}
@media only screen and (max-width:479px) {
	.sub_about_txt {margin:7.2% 0 0 0;}
	.sub_about_txt .txt02 {padding-top:2.4%;}
	.sub_about_list li:after {top:8%;padding:0 0 36% 0;}
	.sub_about_list li:before {top:10%;padding:0 0 32% 0;}
	.sub_about_list li p {padding-top:42%;padding-bottom:8%;}
	.sub_about_list li p span {display:none;}
	.sub_about_list li p span.for_m {display:inline-block;}
}

.main-horizontal{overflow: hidden; padding-bottom: 100px;}

.main-horizontal .inner{
    position: relative;
}
.main-horizontal .track { width: fit-content; padding:260px 20% 0 0;}
.main-horizontal .track-flex { display: flex; justify-content: flex-start;}
.main-horizontal .track-flex .panel-wide { width:38vw; margin-right:2.6vw; flex: 0 0 auto; position:relative;}
.main-horizontal .text{font-size:120px; color:#111; opacity: .1; position:absolute; top:100px; left:0; font-weight:700;}
.main-horizontal .panel-wide .img-box{position:relative; padding-bottom:calc(720 / 730 * 100%);}
.main-horizontal .panel-wide .img-box img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.main-horizontal .panel-wide .title{position:absolute; top:50px; left:50px; font-size:40px; color:#fff; font-weight:700;}
.main-horizontal .panel-wide .sub-txt{position:absolute; bottom:70px; left:50px; color:#fff;}
.main-horizontal .panel-wide.on .sub-txt{opacity: 1; transform: translateY(0);}
.main-horizontal .panel-wide .sub-txt h3{font-size:30px; font-weight:700; margin-bottom:25px;}
.main-horizontal .panel-wide .sub-txt p{font-size:18px; font-weight:600;}
@media screen and (min-width: 769px){
.main-horizontal .panel-wide .sub-txt{ opacity: 0; transform: translateY(30px); transition: all ease .3s;}
.main-horizontal .panel-wide.on .sub-txt{opacity: 1; transform: translateY(0);}

}

@media screen and (max-width: 768px){
.main-horizontal{padding-bottom: 50px;}
    .main-horizontal .text{font-size:40px; top:0; left:0;}
    .main-horizontal{height:auto; padding-bottom:30px;}
	.main-horizontal .track{width:100%; padding:60px 0 0;}
	.main-horizontal .track-flex{height:auto; padding-right:0; display: block;}
	.main-horizontal .track-flex .panel-wide{width:100%;flex-wrap:wrap; margin-bottom:20px;}
    .main-horizontal .panel-wide .img-box{padding-bottom:calc(420 / 730 * 100%);}

	.main-horizontal .panel-wide .left{width:100%;}
    .main-horizontal .panel-wide .title{top:30px; left:20px; font-size:22px;}
    .main-horizontal .panel-wide .sub-txt{left:20px; bottom:30px;}
    .main-horizontal .panel-wide .sub-txt h3{font-size:20px; margin-bottom:10px;}
    .main-horizontal .panel-wide .sub-txt p{font-size:16px;}

}

@media screen and (max-width: 480px){
    .main-horizontal .panel-wide .img-box{padding-bottom:calc(720 / 730 * 100%);}
}

/* 인사말 */

/* 연혁 */

.history .inner{
    position: relative;
}


/*** FIXED LNB ***/
	.fixed-lnb {
		position: absolute;
		-webkit-transform: none;
		transform: none;
		/* top: 320px; */
		top: 360px;
		width: auto;
		font-size: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1200;
		overflow-x: auto;
		pointer-events: auto;
	}

	.fixed-lnb.is-pc {
		top: 0 !important;
		-webkit-transform: translateY(245px) !important;
		transform: translateY(245px) !important;
	}

	@media screen and (max-width: 768px) {
		.fixed-lnb {
			opacity: 0;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			padding: 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transform: none !important;
			transform: none !important;
			-webkit-transition: none;
			transition: none;
		}

		.is-scroller .fixed-lnb {
			position: fixed;
		}

		.fixed-lnb::-webkit-scrollbar-thumb {
			display: none;
		}

		.fixed-lnb::before {
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #fff;
		}

		.fixed-lnb.is-fixed {
			position: fixed;
			top: 80px;
			-webkit-transform: none !important;
			transform: none !important;
			z-index: 1080;
			opacity: 1 !important;
			-webkit-transition: 0s;
			transition: 0s;
		}

		.fixed-lnb.is-fixed.is-sticky {
			-webkit-transition: 0s;
			transition: 0s;
			-webkit-transform: translateY(85px) !important;
			transform: translateY(85px) !important;
		}

		.is-scroller .fixed-lnb.is-fixed.is-sticky {
			top: 85px !important;
		}

		.is-scroller .fixed-lnb.is-sticky {
			top: 85px !important;
			-webkit-transform: none !important;
			transform: none !important;
		}
	}

	@media screen and (max-width: 768px) {
		.fixed-lnb ul {
			min-width: -webkit-max-content;
			min-width: -moz-max-content;
			min-width: max-content;
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			left: 0;
			width: 100%;
			padding: 0 20px;
			margin: 0;
			background-color: #fff;
		}

		.is-dark .fixed-lnb ul {
			background-color: #171C22;
		}

		.fixed-lnb ul::before,
		.fixed-lnb ul::after {
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background-color: #f7f7f7;
			z-index: 1;
		}

		.is-dark .fixed-lnb ul::before,
		.is-dark .fixed-lnb ul::after {
			background-color: #585858;
		}

		.fixed-lnb ul::after {
			top: auto;
			bottom: 0;
		}
	}

	.fixed-lnb li {
		position: relative;
		margin-bottom:20px;
	}

	.fixed-lnb li:last-child{
		margin-bottom: 0;
	}

	@media screen and (max-width: 768px) {
		.fixed-lnb li {
			white-space: nowrap;
			padding: 0 15px 0;
			pointer-events: auto;
			background-color: #fff;
		}

		.fixed-lnb li:first-of-type {
			padding: 0 15px 0 0;
		}

		.is-dark .fixed-lnb li {
			background-color: #171C22;
		}
	}

	.fixed-lnb button,
	.fixed-lnb a {
		position: relative;
		display: inline-block;
		color: #999  !important;
		font-size: 25px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: -0.07em;
		cursor: pointer;
		text-align: left;
	}

	.is-dark .fixed-lnb button,
	.is-dark .fixed-lnb a {
		color: #e2e2e2 !important;
	}

	.is-dark .fixed-lnb button.is-active,
	.is-dark .fixed-lnb a.is-active {
		color: #fff !important;
		
	}

	.fixed-lnb button.is-active,
	.fixed-lnb a.is-active {
		color: #fc5c00 !important;
		
	}

	@media screen and (max-width: 768px) {

		.fixed-lnb button,
		.fixed-lnb a {
			padding: 20px 0;
			font-size: 14px;
		}
	}

	.fixed-lnb button .bar,
	.fixed-lnb a .bar {
		position: absolute;
		display: block;
		bottom: 0;
		width: 100%;
		height: 2px;
		margin: auto;
		background-color: #fc5c00 ;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top center;
		transform-origin: top center;
	}

	@media screen and (max-width: 768px) {

		.fixed-lnb button .bar,
		.fixed-lnb a .bar {
			width: 100%;
			height: 2px;
			top: auto;
			bottom: 1px;
			background-color: #000;
		}

		.is-dark .fixed-lnb button .bar,
		.is-dark .fixed-lnb a .bar {
			background-color: #fff;
		}
	}


	/* ======= history ======= */
	.bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #4d4d4d;
	-webkit-transform: translateX(-102%);
		  transform: translateX(-102%);
	}

	.bar-container {
	position: absolute;
	width: calc(100% - 60px);
	height: 100%;
	height: 4px;
	top: 24px;
	right: -30px;
	-webkit-transform: translateX(100%);
		  transform: translateX(100%);
	overflow: hidden;
	}

	.bar-container .bar {
	top: 0;
	height: 100%;
	margin: auto;
	background-color: #fc5c00;
	display: none;
	}

	@media screen and (max-width: 768px) {
	.bar-container {
	top: 12px;
	right: 0;
	width: calc(50vw - 20px);
	-webkit-transform: none;
			transform: none;
	}
	}
	.section-about-history-content {
	padding-top: 250px;
	/* width: calc(10vw * 6); */
	/* margin-left: calc(10vw * 3); */
	}

	@media screen and (max-width: 768px) {
	.section-about-history-content {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	}

	.section-about-history-content .history-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content:flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	  -ms-flex-direction: row;
		  flex-direction: row;
	-webkit-box-align: start;
	  -ms-flex-align: start;
		  align-items: flex-start;
	}

	@media screen and (max-width: 768px) {
	.section-about-history-content .history-container {
	width: 100%;
	padding: 250px 0 0;
	margin-bottom: 140px;
	}
	}

    @media screen and (max-width:480px) {
        .section-about-history-content .history-container{
            padding: 100px 0 0;
        }
    }

	.section-about-history-content .history-year {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

	.section-about-history-content .history-year .year-count {
	position: relative;
	width: 20vw;
	/* padding: 0 30px; */
	margin: 0;
	font-weight: 700;
	font-size: 60px;
	letter-spacing: -0.02em;
	line-height: 0.5;
	white-space: nowrap;
	}

	.is-dark .section-about-history-content .history-year .year-count {
	color: #fff;
	}

	@media screen and (max-width: 1080px) {
	.section-about-history-content .history-year .year-count {
	font-size: 44px;
	}
	}

	@media screen and (max-width: 768px) {
	.section-about-history-content .history-year .year-count {
	width: 100%;
	padding: 0;
	font-size:22px;
	}
	}

	.section-about-history-content .history-year .year-count .bar {
	top: 50%;
	opacity: 0;
	}

	.section-about-history-content .history-year .line {
	position: absolute;
	right: 0;
	width: 20vw;
	}

	@media screen and (max-width: 768px) {
	.section-about-history-content .history-year {
	top: 250px;
	left: 20px;
	width: calc(100% - 40px);
	}
	}

	.section-about-history-content .history-content {
	width: 60vw;
	padding: 0 30px 25vh;
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
	overflow: auto;
	color: #585858;
	}

	@media screen and (max-width: 768px) {
	.section-about-history-content .history-content {
	width: 68%;
	margin: 0 0 0 auto;
	padding: 0 20px 0 0;
	}
	}

    @media screen and (max-width:480px) {
        .section-about-history-content .history-content {
            padding: 0 0px 0 0;
            } 
    }

	.section-about-history-content .history-content .content {
	position: relative;
	padding-top: 2px;
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
	/* opacity: 0.1; */
	opacity: 1;
	transition: opacity ease .35s;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	}
	.section-about-history-content .history-content .content .img-box{margin-bottom:60px; max-width: 400px;}
	.section-about-history-content .history-content .content.is-active{
		opacity: 1;
	}

	.section-about-history-content .history-content ul {
	padding: 40px 0;
	margin: 0;
	}

	.section-about-history-content .history-content li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	  -ms-flex-direction: row;
		  flex-direction: row;
	-webkit-box-align: start;
	  -ms-flex-align: start;
		  align-items: flex-start;
	padding: 24px 0;
	column-gap:80px;
	color: inherit;
	font-size: 18px;
	letter-spacing: -0.06em;
	line-height: 2;
	word-break: break-all;
	color:#666;
	}
	.section-about-history-content .history-content li em{font-weight:600; color:#111; white-space:pre;}

	@media screen and (max-width: 768px) {
	.section-about-history-content .history-content li {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.02em;
	}
	}

	.history-lnb {
	z-index: 1000;
	}
	.history-lnb.is-fixed{
		position: fixed;
	}

	@media screen and (max-width: 768px) {
	.history-lnb {
	overflow-x: auto;
	pointer-events: auto;
	}
	.history-lnb ul {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	}
	}

	.history-mask-image {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
	-webkit-box-pack: justify;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
	top: 5%;
	left: 0;
	width: calc(10vw * 6.5);
	height: 90%;
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
	-webkit-transform: translateX(-5%);
		  transform: translateX(-5%);
	pointer-events: none;
	z-index: 10;
	}

	@media screen and (max-width: 768px) {
	.history-mask-image {
	display: none;
	}
	}

	.history-mask-image div {
	position: relative;
	margin: 0 0 0 auto;
	}

	.history-mask-image div:nth-of-type(2n) {
	margin: 0 auto 0 0;
	}

	.history-mask-image .image-horizon {
	width: 22%;
	min-width: 130px;
	}

	.history-mask-image .image-vertical {
	width: 25%;
	min-width: 150px;
	}

	.history-mask-image img {
	width: 100%;
	}

	.history-mask-image .image-container {
	-webkit-box-sizing: content-box;
		  box-sizing: content-box;
	-webkit-transform: translateX(-50%);
		  transform: translateX(-50%);
	}

	.history-mask-image .image-container > img {
	width: 100%;
	}

	.history-mask-image .image-transform {
	position: absolute;
	width: 80%;
	bottom: 0;
	right: 0;
	z-index: -1;
	-webkit-transform: translate(30%, 70%);
		  transform: translate(30%, 70%);
	}

	.history-mask-image .image-transform img {
	padding: 0;
	}

	@media screen and (max-width: 768px) {
	.fixed-lnb {
	z-index: 1000 !important;
	}
	.section-about-history-content .history-content li{column-gap: 20px;}
	}

	.intro-section {
	min-height: calc(100vh - 240px);
	}

    @media screen {
        
    }


/* 연혁 */



/* 오시는 길 */


/* 사업장 */
.location-cont{ overflow: hidden; margin-bottom: 100px;}
.location-cont *{ letter-spacing: 0; }
.location-cont section:not(:last-of-type){ padding-bottom: 170px; }
.location-cont .section-title{ margin-bottom: 45px; }

.location-cont figure {
    width: 100%;
    height: 680px;
    position: relative;
}
.location-cont figure  .root_daum_roughmap {
    width: 100%;
    height: 100%;
}
.location-cont figure .root_daum_roughmap .wrap_map {
    height: 100%;
}

.location-cont figure .block { z-index: 5; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; padding: 24px; width: 100%; height: 100%; font-size: 28px; font-weight: 400; color: #fff; font-weight: bold; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity ease .35s; }


.location-cont .flex-box{ display: flex; margin-top: 35px; align-items: center;}
.location-cont .flex-box h5{ font-size: 32px; font-weight: 700; color: #111; padding-right: 240px; }
.location-cont .flex-box ul{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 80px; }
.location-cont .flex-box ul li{ display: flex; align-items: center; font-size: 16px; font-weight: 400; color: #333; }
.location-cont .flex-box ul li i{ margin-right: 10px; color: #fc5c00;}
.location-cont .flex-box ul li span{ display: inline-block; font-weight: 700; margin-right: 15px; }

.location-cont .flex-box ul li a:hover{
    text-decoration: underline;
}

.location-cont .location_button {
    width: 200px; 
    margin: 0 auto; 
    margin-top: 45px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #fc5c00;
    border-radius: 100px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.location-cont .location_button{  width: 200px; margin: 0 auto; margin-top: 45px; }

@media screen and (max-width: 1500px){
	.location-cont section:not(:last-of-type){ padding-bottom: 100px; }
	.location-cont .flex-box h5{ font-size: 28px; padding-right: 200px; }

	.location-cont .location_button{ width: 180px; height: 55px; }
}

@media screen and (max-width: 1250px){
	.location-cont section:not(:last-of-type){ padding-bottom: 70px; }
	.location-cont .section-title{ margin-bottom: 30px; }
	/* .location-cont .flex-box{ margin-top: 15px; } */
	.location-cont .flex-box h5{ font-size: 24px; padding-right: 160px; }
    .location-cont figure {
        height: 580px;
    }
}

@media screen and (max-width: 850px){
	.location-cont .section-title{ margin-bottom: 20px; }
	.location-cont .flex-box{ flex-direction: column; align-items: flex-start; }
	.location-cont .flex-box h5{  padding-right: 0; }
	.location-cont .flex-box ul{ margin-top: 15px; }

	.location-cont .location_button{ width: 175px; height: 50px; margin-top: 25px; }
   
}

@media screen and (max-width:768px) {
.location-cont{margin-bottom: 50px;}
.location-cont figure {
    height: 365px;
}
}

/* 오시는 길 */





/* 
**** 고객센터 ****
**** 고객센터 ****
*/

/* 문의하기 */
.customer .cont_body {
    width: 1000px;
    margin: 0 auto;
}

.customer .doc_name {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    padding: 30px 0;
    border-top: 2px solid #181818;
}

.customer .inquiry {
    padding: 50px 30px;
}

.customer .inquiry .conbox {
    display: flex;
	align-items: center;
}

.customer .inquiry .conbox + .conbox {
    margin-top: 30px;
}

.customer .inquiry .conbox .con_title {
    width: 200px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
	letter-spacing: -1px;
}

.customer .inquiry .conbox .con_title:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fc5c00;
    left: -10px;
    top: 0;
    border-radius: 50%;
}

.customer .inquiry .conbox .con_title.not_dot::before{
	display: none;
}

.customer .inquiry .conbox .con_title.no-require:before {
    display: none;
}

.customer .inquiry .conbox .con_input {
    width: calc(100% - 220px);
    position: relative;
    font-size: 0;
}

.customer .inquiry .conbox .con_input ::placeholder {
    color: #ccc;
}

.customer .inquiry .conbox .con_input input[type="text"], .customer .inquiry .conbox .con_input input[type="tel"], .customer .inquiry .conbox .con_input input[type="email"] {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    padding: 0 10px;
    font-size: 18px;
}

.customer .inquiry .conbox .con_input textarea {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    padding: 10px;
    font-size: 18px;
    resize: none;
    line-height: 30px;
}

.customer .inquiry .conbox .con_input .word_count {
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-size: 16px;
    color: #888;
    pointer-events: none;
}

.customer .inquiry .conbox .con_input .upload-name3 {
    height: 50px;
    border-radius: 5px 0 0 5px;
    font-size: 18px;
    color: #888;
    padding: 0 10px;
    background-color: #eee;
}

.customer .inquiry .conbox .con_input .upload-name3 + label {
    line-height: 50px;
    border-radius: 0 5px 5px 0;
    background-color: #181818;
    font-size: 18px;
    vertical-align: top;
    color: white;
    width: 120px;
    text-align: center;
}

.customer .inquiry .conbox .con_input .upload-hidden3 {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0.1;
}

.customer .inquiry .privacy_agree {
    margin-top: 50px;
    position: relative;
}

.customer .inquiry .privacy_agree #agree {
    position: absolute;
    top: 50%;
    left: 50%;
}

.customer .inquiry .privacy_agree .fake_chk {
    position: relative;
    text-align: center;
}

.customer .inquiry .privacy_agree .fake_chk .label {
    background-color: #eee;
    border-radius: 22px;
    padding: 10px 20px 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.customer .inquiry .privacy_agree .fake_chk .label label {
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
	display: inline-block;
}

.customer .inquiry .privacy_agree .fake_chk button {
    font-size: 18px;
    font-weight: 500;
}

.customer .inquiry .privacy_agree .fake_chk button span {
    text-decoration: underline;
    text-underline-position: under;
}

.customer .inquiry .privacy_agree #agree:checked + .fake_chk .label {
    background-color: #fc5c00;
    color: white;
}

.customer .inquiry .privacy_agree #agree:checked + .fake_chk .label label {
    background: white url(../../images/common/chk_agree.svg) no-repeat center / 14px;
}

.customer .inquiry .privacy_agree .privacy_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    display: none;
}

.customer .inquiry .privacy_agree .privacy_popup.active {
    display: block;
}

.customer .inquiry .privacy_agree .privacy_popup .pop_inner {
    width: 1000px;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.customer .inquiry .privacy_agree .privacy_popup .pop_close {
    font-size: 0;
    color: transparent;
    width: 30px;
    height: 30px;
    background: url(../../images/common/icon_close_w.png) no-repeat center / contain;
    position: absolute;
    top: -50px;
    right: 0;
}

.customer .inquiry .privacy_agree .privacy_popup .privacy_box {
    background-color: white;
    overflow: auto;
    height: 70vh;
    padding: 30px;
    border-radius: 10px 10px 0 0;
}

.customer .inquiry .privacy_agree .privacy_popup .privacy_box::-webkit-scrollbar {
    width: 4px;
}

.customer .inquiry .privacy_agree .privacy_popup .pop_btn {
    background-color: #f8f8f8;
    padding: 30px 0;
    font-size: 0;
    text-align: center;
    border-radius: 0 0 10px 10px;
}

.customer .inquiry .privacy_agree .privacy_popup .pop_btn button {
    width: 150px;
    height: 50px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 5px;
}

.customer .inquiry .privacy_agree .privacy_popup .pop_btn .pop_confirm {
    background-color: #181818;
    color: white;
    margin-right: 20px;
}

.customer .inquiry .privacy_agree .privacy_popup .pop_btn .close {
    border: 1px solid #181818;
}

.customer .inquiry .submit_box {
    text-align: center;
    margin-top: 50px;
}

.customer .inquiry .submit_box .btn_submit {
    height: 60px;
    width: 380px;
    background-color: black;
    font-size: 20px;
    font-weight: 600;
    color: white;
    border-radius: 5px;
}

@media screen and (max-width: 1000px) {
    .customer .cont_body {
        width: 92%;
    }

    .customer .doc_name {
        font-size: 30px;
        padding: 25px 0;
    }

    .customer .inquiry {
        padding: 40px 20px;
    }

    .customer .inquiry .conbox + .conbox {
        margin-top: 25px;
    }

    .customer .inquiry .conbox .con_title {
        /* width: 120px; */
        font-size: 18px;
    }

    .customer .inquiry .conbox .con_title:before {
        width: 4px;
        height: 4px;
        left: -12px;
    }

    .customer .inquiry .conbox .con_input {
        width: calc(100% - 120px);
    }

    .customer .inquiry .conbox .con_input input[type="text"], .customer .inquiry .conbox .con_input input[type="tel"], .customer .inquiry .conbox .con_input input[type="email"] {
        font-size: 16px;
        height: 40px;
    }

    .customer .inquiry .conbox .con_input textarea {
        font-size: 16px;
        resize: none;
        line-height: 26px;
    }

    .customer .inquiry .conbox .con_input .word_count {
        font-size: 14px;
        right: 20px;
    }

    .customer .inquiry .conbox .con_input .upload-name3 {
        height: 40px;
        font-size: 16px;
    }

    .customer .inquiry .conbox .con_input .upload-name3 + label {
        line-height: 40px;
        font-size: 16px;
    }

    .customer .inquiry .privacy_agree .fake_chk button {
        font-size: 16px;
    }

    .customer .inquiry .privacy_agree .privacy_popup {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_inner {
        width: 100%;
        top: 0;
        left: 0;
        transform: translateX(0);
        height: 100%;
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_close {
        top: 10px;
        right: 15px;
        background-image: url(../../images/common/icon_close.png);
    }

    .customer .inquiry .privacy_agree .privacy_popup .privacy_box {
        height: calc(100% - 80px);
        padding-top: 50px;
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_btn {
        padding: 20px 0;
        border-radius: 0;
        height: 80px;
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_btn button {
        font-size: 18px;
        height: 40px;
    }

    .customer .inquiry .submit_box .btn_submit {
        font-size: 18px;
        height: 50px;
    }
}

@media screen and (max-width: 640px) {
    .customer .doc_name {
        font-size: 26px;
        padding: 20px 0;
    }

    .customer .inquiry {
        padding: 40px 0;
    }

    .customer .inquiry .conbox {
        flex-direction: column;
		align-items: flex-start;
    }

    .customer .inquiry .conbox + .conbox {
        margin-top: 20px;
    }

    .customer .inquiry .conbox .con_title {
        width: auto;
        font-size: 16px;
        padding-top: 0;
        padding-left: 5px;
        margin-bottom: 10px;
    }

    .customer .inquiry .conbox .con_title.no-require {
        padding-left: 0;
    }

    .customer .inquiry .conbox .con_title:before {
        width: 4px;
        height: 4px;
        left: 0;
    }

    .customer .inquiry .conbox .con_input {
        width: 100%;
    }

    .customer .inquiry .conbox .con_input .upload-name3 {
        height: 40px;
        font-size: 16px;
        width: calc(100% - 100px);
    }

    .customer .inquiry .conbox .con_input .upload-name3 + label {
        width: 100px;
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_btn {
        padding: 20px 0;
    }

    .customer .inquiry .privacy_agree .privacy_popup .pop_btn .pop_confirm {
        margin-right: 10px;
    }

    .customer .inquiry .submit_box .btn_submit {
        width: 300px;
    }
}

.complete_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 200;
    display: none;
}

.complete_pop .pop_inner {
    position: absolute;
    width: 600px;
    border-radius: 20px;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 50px 0;
}

.complete_pop .pop_inner p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.complete_pop .pop_inner .pop_close {
    width: 380px;
    height: 60px;
    background-color: black;
    color: white;
    font-weight: 600;
    font-size: 24px;
}

.complete_pop .pop_inner .imgbox {
    height: 40px;
    margin-bottom: 60px;
}





/* 개인정보 처리방침 */
.yc_policy .cont_body{width: 1000px;margin: 0 auto;padding-top: 100px;}
.privacy_box .first_context{margin-bottom: 50px;border-bottom: 1px solid #181818;padding-bottom: 50px;}
.privacy_box .first_context p{font-size: 18px;line-height: 38px;word-break: keep-all;font-weight: 600;}
.privacy_box .first_context p + p{margin-top: 38px;}
.privacy_box .context + .context{margin-top: 50px;}
.privacy_box .context .text{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.privacy_box .context * + ol, .privacy_box .context * + ul, .privacy_box .context * + p{margin-top: 8px;}
.privacy_box .context li, .privacy_box .context p{position:relative;font-size: 16px;font-weight: 400;line-height: 24px;word-break: keep-all;}
.privacy_box .context p span{font-weight: 500;}
.privacy_box .context li + li{margin-top: 8px;}
.privacy_box .context ol > li{padding-left: 20px;}
.privacy_box .context ol > li > i{position: absolute;top: 0;left: 0;}
.privacy_box .context ul > li{padding-left: 20px;}
.privacy_box .context ul > li:before{content: "";position: absolute;left: 4px;width: 6px;top: 11px;height: 1px;background-color: #888;display: block;}
.privacy_box .context .table_box{width: 800px;margin: 20px auto 0;padding-bottom: 20px;}
.privacy_box .context .table{width: 100%;}
.privacy_box .context .table th, .privacy_box .context .table td{padding: 10px 20px;}
.privacy_box .context .table th{text-align: center;background-color: #e6f5ed;border-top: 2px solid #181818;border-bottom: 1px solid #ccc;font-weight: 600;}
.privacy_box .context .table td{border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.privacy_box .context .table td:first-child{border-left: none;}
.privacy_box .context .table.type2 td{text-align: center;}
@media (max-width:1000px) {
    .privacy_box .cont_body{width: 92vw;padding-top: 50px;}
    .privacy_box .first_context{margin-bottom: 40px;padding-bottom: 40px;}
    .privacy_box .context + .context{margin-top: 40px;}
    .privacy_box .context .table_box{width: 100%;}
    .privacy_box .context .table_box.scroll_type{overflow-x: auto;}
    .privacy_box .context .table_box.scroll_type .table{min-width: 800px;}
}
@media (max-width:640px) {
    .privacy_box .first_context{margin-bottom: 30px;padding-bottom: 30px;}
    .privacy_box .first_context p{font-size: 16px;line-height: 30px;}
    .privacy_box .first_context p + p{margin-top: 30px;}
    .privacy_box .context + .context{margin-top: 30px;}
    .privacy_box .context .text{font-size: 16px;}
    .privacy_box .context li, .privacy_box .context p{font-size: 14px;line-height: 20px;}
    .privacy_box .context ol > li{padding-left: 14px;}
    .privacy_box .context ul > li{padding-left: 14px;}
    .privacy_box .context ul > li:before{left: 2px;width: 5px;top: 9px;}
}
/* 개인정보 처리방짐 리뉴얼 끝 */



.branch-map{
	padding: 100px 0;
}