/*------------------------------------
	sub-title
------------------------------------*/
.sub-con-title{
	font-family: 'GmarketSansBold';
	color:#191a1d;
	font-size:5vw;
	line-height:1.4;
	margin-bottom:0;
}
h2.sub-con-title{
	font-family: 'GmarketSansMedium';
	font-weight:500;
}
.sub-con-header{
	margin-bottom:3rem;
}
.sub-con-header .sub-con-title{
	font-size:2rem;
}
.sub-con-header .sub-second-title{
	color:#191a1d;
	font-size:0.875rem;
	opacity:0.7;
	margin:1.25rem 0 0;
}
@media (min-width: 576px) {
	.sub-con-title{
		font-size:2.25rem;
	}
}
@media (min-width: 992px) {
	.sub-con-header .sub-con-title{
		font-size:2.75rem;
	}
	.sub-con-header .sub-second-title{
		font-size:1rem;
	}
}
@media (min-width: 1200px) {
	.sub-con-title{
		font-size:46px;
	}
	.sub-con-header{
		margin-bottom:4.5rem;
	}
	.sub-con-header .sub-con-title{
		font-size:52px;
	}
	.sub-con-header .sub-second-title{
		font-size:1.1875rem;
	}
}

/*------------------------------------
	sub-bg
------------------------------------*/
.con-bg-gray::before{
	content:'';
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:#ecf1fd url('../images/con-bg-gray.png') no-repeat 100% 0 / 50% auto;
}
@media (min-width: 1200px) {
	.con-bg-gray::before{
		background-size:auto auto;
	}
}
.con-bg-color{
	background:#484cfc url('../images/about-overview-bg.jpg') no-repeat 90% 100% / cover;
	padding:5rem 0;
}
.con-bg-color h3{
	font-family: 'GmarketSansMedium';
	font-size:2rem;
	margin-bottom:0;
	padding-bottom:1.75rem;
}
@media (min-width: 1200px) {
	.con-bg-color{
		padding:9rem 0;
	}
	.con-bg-color h3{
		font-size:2.875rem;
	}
}

ul.list-flex{
	word-break:keep-all;
	border-top:1px solid rgba(0, 0, 0, 0.065);
}
ul.list-flex > li{
	border-bottom:1px solid rgba(0, 0, 0, 0.065);
	padding:2rem 0;
	font-size:0.925rem;
	color:#222;
}
ul.list-flex > li:nth-child(odd){
	background-color:#f9fafb;
}
ul.list-flex li .col-12{
	padding-left:1.5rem !important;
	padding-right:1.5rem !important;
}
@media (min-width: 1200px) {
	ul.list-flex > li{
		padding:2.5rem 0;
		line-height:1.8;
		font-size:1.075rem;
	}
	ul.list-flex li .col-12{
		padding-left:2.5rem !important;
		padding-right:2.5rem !important;
	}
}


/*------------------------------------
  카카오톡 문의
------------------------------------*/
.contact-wrap{
	padding:0 5%;
}
.contact-con{
	background-color:#fae100;
	color:#381c1e;
	margin:0 auto;
	max-width:500px;
	text-align:center;
	padding:3rem 2.5rem;
	border-radius:0.5rem;
}
.contact-con img{
	max-width:7rem;
}
.contact-con .text-style01{
	margin:2rem 0 2rem;
	font-weight:700;
	font-size:1.875rem;
	letter-spacing:-0.1rem;
}
.contact-con .text-style02{
	font-weight:500;
	font-size:1.125rem;
	letter-spacing:-0.07rem;
	line-height:1.4;
}
.contact-con .text-style03{
	margin:1rem 0 4rem;
	opacity:0.9;
}
.contact-con a.btn-kt{
	display:block;
	border-radius:0.25rem;
	background-color:#381c1e;
	color:#fff;
	font-size:1.125rem;
	font-weight:700;
	padding:1.25rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.contact-con a.btn-kt:hover{
	background-color:#472527;
	box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
	.contact-con{
		padding:3.5rem 3rem;
	}
	.contact-con img{
		max-width:100%;
	}
	.contact-con .text-style01{
		font-size:2.25rem;
	}
}

/*------------------------------------
  소개
------------------------------------*/
.about-wrap{
	word-break:keep-all;
}
.about-wrap h3{
	color:#9c825b;
	font-weight:700;
}
.about-wrap p{
	color:#333;
	font-size:0.875rem;
	margin-right:5%;
	margin-bottom:0;
}
.about-wrap .about-con02{
	position:relative;
	background:#f1ece6;
	padding:4rem 0 0;
}
.about-wrap .about-con02 .img-area{
	width:100%;
	padding-top:60%;
	margin-top:4rem;
	background:url('../images/about-img02-v02.jpg') no-repeat 50% 50% /cover;
}

@media (min-width: 992px) {
	.about-wrap .about-con02 .text-area{
		width:40%;
		padding:9rem 0 13rem;
	}
	.about-wrap .about-con02 .img-area{
		position:absolute;
		left:50%;
		top:0;
		width:50%;
		height:100%;
		padding-top:0;
		margin-top:0;
	}
}
@media (min-width: 1200px) {
	.about-wrap h3{
		font-size:2.25rem;
		margin-bottom: 3rem;
	}
	.about-wrap p{
		font-size:1.1875rem;
		margin-right:0;
		line-height:170%;
	}
	.about-wrap  .about-con{
		padding:9rem 0 7rem;
		background-size:auto;
	}
	.about-wrap  .about-con p{
		color:#191a1d;
		font-size:20px;
	}
	.about-wrap  .about-con p strong{
		font-size:30px;
		letter-spacing:-0.1rem;
	}
}
@media (min-width: 1340px) {
	.about-wrap  .about-img{
		padding-top:0;
		height:560px;
	}
	.about-wrap  .about-img img{
		top:-50%;
		max-width:100%;
	}
}


/*------------------------------------
	회사개요
------------------------------------*/
.con-bg-color.about-overview  h3{
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.about-overview dl{
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	padding:2.5rem 0;
	margin:0;
}
.about-overview dt{
	font-weight:700;
	font-size:1.2rem;
	letter-spacing:0;
}
.about-overview dd{
	margin:1rem 0 0;
}
@media (min-width: 1200px) {
	.about-overview dl{
		padding:2.5rem 0;
	}
	.about-overview dt{
		font-size:1.625rem;
	}
	.about-overview dd{
		margin:1.65rem 0 0;
		font-size:1.05rem;
	}
}


/*------------------------------------
	history-header
------------------------------------*/
.history-header .sub-header-title{
	text-align:center;
}
.history-header .sub-con-header .sub-con-title{
	font-size:1.75rem;
}
.history-header{
	position:relative;
	padding-top:3rem;
}
.history-nav {
	border-top:1px solid rgba(255, 255, 255, 0.15);
}
.history-nav .nav-link::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	right:0;
	z-index:-1;
	opacity:0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.history-nav .nav-link.active::before{
	opacity:1;
	background:url('../images/history-bg01.jpg') no-repeat 70% 50% /cover;
}
.history-nav li:nth-child(2) .nav-link.active::before{
	background:url('../images/history-bg02.jpg') no-repeat 20% 50% /cover;
}
.history-nav li:nth-child(3) .nav-link.active::before{
	background:url('../images/history-bg03.jpg') no-repeat 50% 50% /cover;
}
.history-nav .nav-link{
	display:inline-block;
    padding: 0;
}
.history-nav .nav-link span{
	display:block;
    position:relative;
	padding: 1.75rem 1rem;
	color:rgba(255, 255, 255, 0.6);
	font-weight:300;
	letter-spacing:0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.history-nav .nav-link span::before{
	content:'';
	position:absolute;
	top:-4px;
	left:50%;
	width:7px;
	height:7px;
	border-radius:50%;
	background:#fff;
	transform:translateX(-50%);
	opacity:0.5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.history-nav .nav-link span::after{
	content:'';
	position:absolute;
	top:-15px;
	left:50%;
	width:29px;
	height:29px;
	border-radius:50%;
	border:1px solid #fff;
	transform:translateX(-50%);
	opacity:0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.history-nav .nav-link:hover span{
	color:rgba(255, 255, 255, 1);
}
.history-nav .nav-link:hover span::before{
	opacity:1;
}
.history-nav .nav-link.active span{
	color:rgba(255, 255, 255, 1);
	font-weight:800;
	text-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
}
.history-nav .nav-link.active span::before{
	opacity:1;
}
.history-nav .nav-link.active span::after{
	opacity:0.7;
}

@media (min-width: 992px) {
	.history-header .sub-header-title .title-text{
		font-size:45px;
	}
	.history-header .sub-con-header .sub-second-title{
		font-size:18px;
		font-weight:300;
	}
}
@media (min-width: 1200px) {
	.history-header {
		padding-top:7rem;
	}
	.history-header .sub-con-header{
		text-align:left;
		margin-bottom:8rem;
	}
	.history-header .sub-con-header .sub-con-title{
		font-size:55px;
	}
	.history-header .sub-con-header .sub-second-title{
		font-size:20px;
	}
	.history-nav .nav-link span{
		font-size:28px;
		padding: 2.5rem 1.5rem;
	}
	.history-nav .nav-link span::before{
		width:9px;
		height:9px;
		top:-5px;
	}
	.history-nav .nav-link span::after{
		top:-20px;
		width:39px;
		height:39px;
	}
}
@media (min-width: 1340px) {
	.history-nav .nav-link::before{
		left:4%;
	}
}


/*------------------------------------
	history-list
------------------------------------*/
.history-wrap{
	margin-top:4rem;
	position:relative;
}
.history-wrap .history-text{
	margin-bottom:3rem;
	text-align:center;
	color:#191a1d;
}
.history-wrap .history-text::after{
	content:'';
	display:block;
	width:3.25rem;
	height:1px;
	background:#191a1d;
	margin:1.5rem auto 0;
}
.history-wrap .history-text .text-title{
	font-family: 'GmarketSansLight';
	font-size:2.15rem;
	letter-spacing:-0.08rem;
	margin-bottom:0.25rem;
}
.history-wrap .history-text .text-year{
	font-size:1.65rem;
}
.history-wrap .history-text .text-year strong{
	font-weight:800;
}
.history-list {
	position:relative;
	padding:0 0 3rem 2rem;
	margin-bottom:0;
}
.history-list::before{
	content:'';
	position:absolute;
	top:0.3rem;
	left:0;
	width:1px;
	height:100%;
	background:#e2e7f0;
}
.history-list::after{
	content:'';
	position:absolute;
	top:0;
	left:-8px;
	border:6px solid #db3f4a;
	border-radius:50%;
	width:17px;
	height:17px;
	background:#fff;
}
.history-list:last-child{
	padding-bottom:0;
}
.history-list:last-child::before{
	display:none;
}
.history-list dt{
	font-weight:800;
	font-size:1.25rem;
	letter-spacing:0;
	color:#191a1d;
	line-height:1;
	margin-bottom:1.5rem;
}
.history-list dd{
	font-size:0.875rem;
}

@media (min-width: 1200px) {
	.history-wrap{
		margin-top:8rem;
	}
	.history-wrap .history-text{
		text-align:left;
	}
	.history-wrap .history-text::after{
		display:none;
	}
	.history-wrap .history-text .text-title{
		font-size:80px;
		line-height:1.15;
		letter-spacing:-0.275rem;
		margin-bottom:1.75rem;
	}
	.history-wrap .history-text .text-year{
		font-size:50px;
	}
	.history-list {
		padding:0 0 5rem 3rem;
	}
	.history-list::after{
		width:23px;
		height:23px;	
		top:0.275rem;	
		left:-11px;
	}
	.history-list dt{
		font-size:33px;
		margin-bottom:2.5rem;
	}
	.history-list dd{
		font-size:1.05rem;
	}
}


/*------------------------------------
	찾아오시는길 
------------------------------------*/
.map-area{
	height:0;
	padding-top:100%;
	position:relative;
}
.map-area > div{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	border:0 !important;
	border-radius: 0 !important;
	padding:0 !important;
}
.map-area > div > div{
	border-radius: 0 !important;
}
.map-area > div > div.wrap_map{
	width:100% !important;
	height:calc(100% - 32px) !important;
	padding:0 !important;
}
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
	top:1px;
}

.map-info dl{
	position:relative;
	height:100%;
	padding:1.75rem 1rem; 
	border-bottom:1px solid #eee;
	word-break:keep-all;
	font-family: 'Encode Sans', 'Noto Sans KR', sans-serif;
	margin-bottom:0;
	letter-spacing:0;
}
.map-info dl dt{
	color: #191a1d;
	font-size:1.05rem;
	font-weight:700;
	margin-bottom:0.75rem;
}
.map-info dl dd{
	color: #191a1d;
	margin-top:0.5rem;
}
.map-info dl dd i{
	margin-right:0.25rem;
}
@media (min-width: 768px) {
	.map-area{
		padding-top:0;
		height:450px;
	}	
}
@media (min-width: 1200px) {
	.map-area{
		margin:0 4%;
		height:600px;
	}
	.map-info{
		border-bottom:1px solid #eee;
	}
	.map-info dl{
		border-bottom:none;
		padding:4rem 0; 
	}
	.map-info dl dt{
		font-size:1.35rem;
		letter-spacing:-0.07rem;
		margin-bottom:1.5rem;
	}
	.map-info dl dd{
		margin-bottom:0;
	}
	.map-info dl dd.icon{
		right:1.75rem;
		top:auto;
		bottom:0;
		width:3.5rem;
		height:3.5rem;
		line-height:3.5rem;
		font-size:1.35rem;
	}
}


/*------------------------------------
	협력사
------------------------------------*/
.partner-wrap ul li{
	margin-bottom:2.5rem;
}
.partner-wrap ul li .img-wrap{
	text-align:center;
	background:#fff;
	padding:1.9rem 0.5rem;
	border-radius:0.4rem;
	box-shadow:8px 10px 15px 0 rgba(0, 25, 84, 0.08);
}


/*------------------------------------
	조직도 > 사업소개
------------------------------------*/
.business-info{
	margin-top:5rem;
}
.business-info li{
	margin-bottom:2rem;
}
.business-info dl{
	height:100%;
	background:#fff;
	border-radius:1rem;
	padding:2.5rem 2rem;
	color:#191a1d;
	margin-bottom:0;
}
.business-info dl dt{
	font-family: 'GmarketSansBold';
	font-size:1.35rem;
	margin-bottom:1.5rem;
}
.business-info dl dd{
	margin:0.5rem 0 0;
}
@media (min-width: 1200px) {
	.business-info{
		margin-top:8rem;
	}
	.business-info li{
		margin-bottom:0;
	}
	.business-info dl{
		padding:3.5rem 3rem;
	}
	.business-info dl dt{
		font-size:28px;
	}
	.business-info dl dd{
		font-size:17px;
	}
}


/*------------------------------------
	제품전체보기
------------------------------------*/
.product-bn-wrapper{
	background:#ecf1fd;
	padding-bottom:5rem;
}
.product-bn-header{
	text-align:center;
	padding:5rem 0;
	background:url('../images/product-bn-bg.jpg') no-repeat 50% 50% /cover;
}
.product-bn-list{
	margin-top:-4rem;
	margin-left:-8px;
	margin-right:-8px;
}
.product-bn-list li{
	padding-left:8px;
	padding-right:8px;
	margin-bottom:2.5rem;
}
.product-bn-list li a{
	position:relative;
	display:block;
	background:#fff;
	border-radius:1.5rem;
	text-align:center;
	padding:1.5rem 1rem 2.5rem;
	box-shadow:8px 10px 15px 0 rgba(0, 25, 84, 0.08);
}
.product-bn-list li .btn-more{
	position:absolute;
	right:0.75rem;
	bottom:0.75rem;
	width:2.15rem;
	height:2.15rem;
	border-radius:50%;
	background:#cdd1e5;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.product-bn-list li:hover .btn-more{
	background:#db3f4a;
}
.product-bn-list li .img-wrap{
	padding:0 1rem;
}
.product-bn-list li .title-text{
	color: #191a1d;
	font-size:1.15rem;
	font-family: 'GmarketSansBold';
	margin-bottom:0.75rem;
}
@media (min-width: 1200px) {
	.product-bn-wrapper{
		padding-bottom:8rem;
	}
	.product-bn-header{
		padding:10rem 0 9.5rem;
	}
	.product-bn-list{
		margin-top:-6.5rem;
		margin-left:-20px;
		margin-right:-20px;
	}
	.product-bn-list li{
		padding-left:20px;
		padding-right:20px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.product-bn-list li:hover{
		margin-top:-0.75rem;
		padding-bottom:0.75rem;
	}
	.product-bn-list li a{
		border-radius:1.85rem;
		padding:2.75rem 1rem;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;		
	}
	.product-bn-list li:hover a{
		box-shadow:8px 15px 30px 0 rgba(0, 25, 84, 0.15);
	}
	.product-bn-list li .btn-more{
		right:1.15rem;
		bottom:1.15rem;
		width:44px;
		height:44px;
	}
	.product-bn-list li .title-text{
		font-size:28px;
		margin-bottom:1.75rem;
	}
}


/*------------------------------------
	업종별 가이드
------------------------------------*/
.guide-bn-wrapper{
	background:#ecf1fd;
	padding-bottom:8rem;
}
.guide-bn-header{
	text-align:center;
	padding:5rem 0 7rem;
	background:#484cfc url('../images/guide-bn-bg.jpg') no-repeat 50% 100% /cover;
}
.guide-bn-list{
	margin-top:-6rem;
	margin-left:-8px;
	margin-right:-8px;
}
.guide-bn-list li{
	padding-left:8px;
	padding-right:8px;
	margin-bottom:2.5rem;
}
.guide-bn-list li a{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	-ms-flex: 1 0 0%;
    flex: 1 0 0%;
	position:relative;
	background:#fff;
	height:100%;
	text-align:center;
	border-radius:1.5rem 1.5rem 1.25rem 1.25rem;
	box-shadow:8px 10px 15px 0 rgba(0, 25, 84, 0.08);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;		
}
.guide-bn-list a .img-wrap{
	position:relative;
	overflow:hidden;
	border-radius:1.25rem 1.25rem 0 0;
}
.guide-bn-list a .img-wrap img{
	border-radius:1.25rem 1.25rem 0 0;
	transform:scale(1);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}
.guide-bn-list a .title-text{
	-ms-flexbox!important;
	display: flex!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important;
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
	padding:1.25rem 1rem;
	color: #191a1d;
	font-size:1.15rem;
	line-height:1.4;
	font-family: 'GmarketSansBold';
}
.guide-bn-list a .title-text span{
	display:block;
	font-family: 'GmarketSansMedium';
	font-size:80%;
}
.guide-bn-list li a::before{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.45);
	opacity:0;
	border-radius:1.25rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;		
}
.guide-bn-list a .img-wrap::after{
	content:'MORE VIEW';
	position:absolute;
	transform:translate(-50%, -50%);
	z-index:2;
	top:40%;
	left:50%;
	width:6.5rem;
	height:6.5rem;
	background:#db3f4a;
	opacity:0;
	border-radius:50%;
	-ms-flexbox!important;
	display: flex!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
	font-weight:800;
	font-size:0.75rem;
	letter-spacing:0.025rem;
	color:#fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;		
}
.guide-bn-list li a:hover .img-wrap::after{
	top:50%;
	opacity:1;
}
.guide-bn-list li a:hover{
	box-shadow:8px 15px 30px 0 rgba(0, 25, 84, 0.15);
}
.guide-bn-list li a:hover::before{
	opacity:1;	
}
.guide-bn-list li a:hover .img-wrap img{
	transform:scale(1.1);
}

.guide-bn-wrapper .bg-com-name .img-area{
	position:absolute;
	bottom:4rem;
	left:0;
	width:160vw;
	max-width:2350px;
	opacity:0.1;
}
.guide-bn-wrapper .bg-com-name .img-area.img-01{
	-webkit-animation:text-flow 20s linear  1;
	animation:text-flow 20s linear 1;
	transform:translateX(100%);
}
.guide-bn-wrapper .bg-com-name .img-area.img-02{
	-webkit-animation:text-flow02 40s linear infinite;
	animation:text-flow02 40s linear infinite;
	transform:translateX(-100%);
}
.guide-bn-wrapper .bg-com-name .img-area.img-03{
	-webkit-animation:text-flow02 40s linear 20s infinite;
	animation:text-flow02 40s linear 20s infinite;
	transform:translateX(-100%);
}

@media (min-width: 1200px) {
	.guide-bn-wrapper{
		padding-bottom:16rem;
	}
	.guide-bn-header{
		padding:10rem 0 14rem;
	}
	.guide-bn-list{
		margin-top:-11rem;
		margin-left:-11px;
		margin-right:-11px;
	}
	.guide-bn-list li{
		padding-left:11px;
		padding-right:11px;
	}
	.guide-bn-list a .btn-more{
		right:1.15rem;
		bottom:1.15rem;
		width:44px;
		height:44px;
	}
	.guide-bn-list a .title-text{
		font-size:28px;
		padding:1.5rem 1rem;
	}
	.guide-bn-list a .img-wrap::after{
		width:8rem;
		height:8rem;
		font-size:0.9rem;
	}
}


/*------------------------------------
	신청서류
------------------------------------*/
.doc-wrap{
	padding-bottom:5rem;
}
.doc-list-box{
	height:100%;
	background:#fff;
	border-radius:1rem;
	box-shadow:8px 10px 15px 0 rgba(0, 25, 84, 0.08);
}
.doc-list-box h3{
	text-align:center;
	color: #191a1d;
	font-size:1.15rem;
	line-height:1.4;
	font-family: 'GmarketSansBold';
	padding:1.55rem 1.75rem 1rem;
	margin-bottom:0;
	border-bottom:7px solid #ecf1fd ;
}
.doc-list-box .con-area{
	padding:2rem 2rem 2rem;
}
.doc-list-box .con-area ol{
	font-size:1.05rem;
	color: #191a1d;
	font-weight:500;
}
.doc-list-box .con-area ol span{
	font-size:0.875rem;
	color: #6f717a;
	font-weight:400;
}
.doc-list-box .con-area ol ul{
	font-size:0.975rem;
	color: #6f717a;
	font-weight:400;
}
@media (min-width: 1200px) {
	.doc-wrap{
		padding-bottom:8rem;
	}
	.doc-list-box h3{
		font-size:28px;
	}
}