@charset "utf-8";
.concept-bg12 {
	background:url(/imgs/pat/03.jpg) 0 0 no-repeat;
}
.concept-bg13 {
	background:url(/imgs/pat/04.jpg) 0 0 no-repeat;
}
.concept-bg14 {
	background: rgba(190,130,100,1)  url(/imgs/pat/04.png) 0 0 no-repeat;
    background-attachment: fixed;
}

.concept-bg17 {
	background:url(/imgs/pat/07.jpg) 0 0 no-repeat;
    background-attachment: fixed;
}
.gtc-insta {
	position:relative;
}

.gtc-insta .box {
	position: relative;
    display: table;
	width:100%;
}


.gtc-insta .box .box-cell {position: relative;display: table-cell; width: 50%; vertical-align:top;}
.gtc-insta .tit-box {
	position:relative;
	
}
.dark-bg .gtc-insta .tit-box {
	color:#fff;
}
.gtc-insta .tit-box .tit {
	position:relative;
	font-size:44px;
	color: rgba(190,130,100,1);
	/*font-style:italic;*/
	line-height:120%;
	letter-spacing:-1px;
	
	font-family: "Sorts Mill Goudy","Noto Sans KR", serif;	
	
}
.gtc-insta .point {
	color:rgba(80,40,30,1);
	color:rgba(80,50,20,1);
}

.dark-bg .gtc-insta .tit-box .tit {
	color:#fff;
}
.dark-bg .gtc-insta .point {
	color:rgba(255,225,210,1);
}

.gtc-insta .tit-box .ment {
	position:relative;
	font-size:20px;
}
.gtc-insta .tit-box .sns_tit {
	position:relative;
}
.gtc-insta .sns_list { position: absolute; left: 0; bottom: 0;}
.gtc-insta .sns_list .sns_tit { position: relative; color:#fff;}
.gtc-insta .sns_list_ul {
	position:relative;
	display: flex; gap: 10px;
}
.gtc-insta .sns_list_ul img { width: 45px; }

@media screen and (max-width: 1280px) {
	.gtc-insta .tit-box .tit {
		font-size:40px;
	}
	.gtc-insta .tit-box .ment {
		font-size:18px;
	}	
	.gtc-insta .tit-box .sns_tit {
		font-size:15px;
	}
}

@media screen and (max-width: 768px) {
	.gtc-insta .box .box-cell {display: block; width: 100%;text-align:center;}
	.gtc-insta .sns_list { position: relative; left: auto; bottom: auto; width:auto;display:inline-block;padding:40px 0;}
}

@media screen and (max-width: 480px) {
	.gtc-insta .tit-box .ment {
		font-size:16px;
	}	
	.gtc-insta .tit-box .sns_tit {
		font-size:14px;
	}
}
.gtc-sns {
	position:relative;
	overflow:hidden;
    /*background: rgba(5,48,45,1);*/
}
.gtc-sns .line { opacity: 0; -webkit-transition: opacity .2s .5s ease-in-out; transition: opacity .2s .5s ease-in-out; }
.gtc-sns .line span { 
	border-radius: 50%; 
	display: block; 
	position: absolute; 
	top: 0; 
	border: 2px solid #fff; 
	opacity: .5; 
	width: 800px; height: 800px; 
	-webkit-transition: all 1.5s .5s ease-in-out; transition: all 1.5s .5s ease-in-out;
}
.gtc-sns.active .line {opacity: .6; }
.gtc-sns.active .line span { width: 1600px; height: 1600px; }
.gtc-sns .line span { 
	-webkit-transform: translate(-25%, -50%); 
	-ms-transform: translate(-25%, -50%); 
	transform: translate(-25%, -50%);
}

@media screen and (max-width: 1280px) {
	
	.gtc-sns.active .line span { width: 1000px; height: 1000px; }
	
}
@media screen and (max-width: 1024px) {
	
	
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	.gtc-sns .line span { 
		-webkit-transform: translate(-60%, -50%); 
		-ms-transform: translate(-60%, -50%); 
		transform: translate(-60%, -50%); 
	}
}