@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto%20Sans%20KR");

* {box-sizing:border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.725;
	border: 0;
	vertical-align: baseline;
   box-sizing: border-box;
}

img {max-width:100%;}

#wrap {position:relative;overflow:hidden;}
#header {position:fixed;left:0;top:0;width:100%;z-index:200;box-shadow:inset 0 -1px rgba(255,255,255,0.35);padding:0 20px;transition:0.3s;}
#header .inner {max-width:1520px;height:100px;position:relative;text-align:center;padding:0 83px 0 102px;transition:0.3s;margin:0 auto;}
#header .mnu {display:none;width:34px;height:34px;right:0;top:50%;margin-top:-17px;background:none;color:#c2c2c2;font-size:24px;position:absolute;border:none;transition:0.3s;}
#header .logo {position:absolute;left:0;top:30px;transition:0.3s}
#header .logo a {display:block;width:219px;height:48px;background:url(../images/logo.png) no-repeat;text-indent:-9999px;}

.headSc #header {box-shadow:0 1px 1px rgba(0,0,0,0.15);background:rgba(255,255,255,1);}
.headSc #header .gnb > li > a {color:#333;}
.headSc #header .gnb > li.active > a {color:#ffba01;}
.headSc #header .mnu {color:#333;}
.headSc #header .link {color:#333;}

@media all and (min-width:1025px){
	#header .gnb {text-align:center;font-size:0;}
	#header .gnb > li {display:inline-block;vertical-align:top;}
	#header .gnb > li > a {
	display:block;
	padding:0 24px;
	height:100px;
	line-height:100px;
	color:#fff;
	font-weight:500;
	font-size:19px;
	font-family: 'Noto Sans KR', sans-serif;
	transition:0.3s;
	}
	#header .link {position:absolute;right:0;top:50%;font-size:14px;font-weight:400;color:rgba(255,255,255,0.5);margin-top:-8px;display:block;transition:0.3s;}

	.headSc #header .inner {height:70px;}
	.headSc #header .logo {top:14px;}
	.headSc #header .gnb > li > a {height:70px;line-height:70px;}
}

@media all and (max-width:1100px){
	#header .gnb > li > a {padding:0 15px;}
}

@media all and (max-width:1024px){
	#header .inner {height:50px;padding:0;}
	#header .logo {top:50%;margin-top:-15px;}
	#header .logo a {width:130px;height:32px;background-size:contain;}
	#header .mnu {display:block;}

	#nav {display:none;position:fixed;top:50px;left:0;width:100%;background:#fff;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,0.15);border-top:1px solid #ddd;}
	#nav .gnb > li {border-bottom:1px solid #ddd;}
	#nav .gnb > li > a {display:block;font-size:20px;padding:20px;color:#000;}
	#nav .link {font-size:16px;color:#888;padding:15px;display:block;background:#f9f9f9;}

	.navOn #header {background:#fff;}
	.navOn #header .mnu i:before {content:"\e937";}
	.navOn #nav {display:block;}
}

#footer {text-align:center;background:#171717;padding:25px 10px;color:#fff;font-size:14px;font-weight:300;}
.page-foot-default .rights {
	color: #fff;
	font-weight: 300;
}

.page-foot .brand + * {
	margin-top: 22px;
}

.page-foot * + .link-block {
	margin-top: 15px;
}

.page-foot .footer-title + * {
	margin-top: 30px;
}

.page-foot .contact-info * + .unit {
	margin-top: 15px;
}
@media all and (max-width:1024px){
	#footer {padding:20px 10px;font-size:12px;}
}

.section-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

#vis,
#vis .vis {height:100vh;position:relative;overflow:hidden;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-size:0;padding:100px 20px 0;white-space:nowrap;text-align:center;}
#vis .vis:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis dl {display:inline-block;vertical-align:middle;white-space:normal;color:#fff;}
#vis .vis dl > * {transform:translate3d(0,-20px,0);opacity:0;}
#vis .vis dl dt {font-size:120px;}
#vis .vis dl dd {font-size:22px;line-height:1.3em;margin-top:10px;}

#vis .vis1 {background-image:url(../images/vis1.jpg);}
#vis .vis2 {background-image:url(../images/vis2.jpg);}
#vis .vis3 {background-image:url(../images/vis3.jpg);}
#vis .vis4 {background-image:url(../images/vis4.jpg);}

#vis .slick-current .vis dl > * {animation:visAni 1s;animation-fill-mode:forwards;
font-weight:500;text-shadow:0 0 10px rgba(0,0,0,0.5);}
#vis .slick-current .vis dl dt {animation-delay:0.1s;}
#vis .slick-current .vis dl dd {animation-delay:0.4s;}

#vis .slick-arrow {
	position:absolute;
	top:50%;
	margin-top:-50px;
	width:100px;
	height:100px;
	display:block;
	text-align:left;
	color:#fff;
	border:1px solid #fff;
	font-size:0;
	background:none;
	border-radius:50%; 
	text-indent:-9999px;
	overflow:visible;
	line-height:0;
	transition:0.3s;
	opacity:0.6;
	z-index:100;
}
#vis .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;text-indent:0;line-height:98px;text-align:center;font-size:30px;}
#vis .slick-arrow.slick-prev {left:5%;}
#vis .slick-arrow.slick-next {right:5%;}
#vis .slick-arrow.slick-prev:after {content:"\f15f";}
#vis .slick-arrow.slick-next:after {content:"\f18f";}
#vis .slick-arrow:hover {opacity:1;}

#vis .slick-dots {font-size:0;position:absolute;width:760px;left:50%;z-index:150;bottom:80px;text-align:right;}
#vis .slick-dots li {display:inline-block;vertical-align:top;}
#vis .slick-dots li ~ li {margin-left:10px;}
#vis .slick-dots li button {box-sizing:border-box;width:16px;height:16px;border-radius:50%;background:#fff;border:none;text-indent:-9999px;text-align:left;opacity:0.3;transition:0.3s;}
#vis .slick-dots .slick-active button {opacity:1;}


@keyframes visAni {
	0 {transform:translate3d(0,-20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@media all and (max-width:1560px){
	#vis .slick-dots {width:100%;padding:0 20px;left:0;}
}

@media all and (max-width:1024px){
	#vis .vis {padding:50px 20px 0;background-attachment:scroll;background-size:cover;}
	#vis .vis dl dt {font-size:45px;}
	#vis .vis dl dd {font-size:16px;line-height:1.3em;margin-top:10px;}
	#vis .slick-arrow {display:none !important;}
	#vis .slick-dots {bottom:20px;}
	#vis .slick-dots li ~ li {margin-left:5px;}
	#vis .slick-dots li button {width:12px;height:12px;}
}

#ah {position:relative;padding:50px;}
#ah:before,
#ah:after {content:"";display:block;position:absolute;top:0;height:100%;width:50%;}
#ah:before {right:50%;background:#b1d1dd;}
#ah:after {left:50%;background:#f5f5f5;}
#ah > .inner {position:relative;z-index:10;max-width:1520px;margin:0 auto;}
#ah > .inner:after {content:"";display:block;clear:both;}
#ah > .inner > div {float:left;width:50%;}
#ah h3 {/* padding-top:65px; */position:relative;font-size:24px;font-weight:900;color:#4d4c4c;}
/* #ah h3:before {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:53px;background:#000;} */
#ah h4 {font-size:29px;font-weight:800;color:#111;margin-top:25px;line-height:1.31em;}
#ah .txt {font-size:18px;color:#333;line-height:1.65em;font-weight:500;margin-top:30px;letter-spacing:-0.04em;}
#ah .about {background:#b1d1dd;padding-right:110px;}
#ah .history {background:#f5f5f5;padding-left:110px;}
#ah .history .area {position:relative;font-size:0;overflow:auto;padding-bottom:70px;}
#ah .history .area .roll {position:relative;white-space:nowrap;background:url(../images/history-line.gif) repeat-x 0 50%;padding:0 60px;display:inline-block;}
#ah .history .area .roll:before,
#ah .history .area .roll:after {content:"";display:block;width:100%;position:absolute;top:50%;width:7px;margin-top:-3.5px;height:7px;border-radius:50%;background:#b7b7b7;}
#ah .history .area .roll:before {left:0;}
#ah .history .area .roll:after {right:0;}
#ah .history .area .box {position:relative;display:inline-block;width:170px;height:260px;}
#ah .history .area .box:before {content:"";display:block;width:27px;height:27px;background:url(../images/history-dot.png) no-repeat 50% 50%;background-size:contain;position:absolute;left:-13.5px;top:50%;margin-top:-13.5px;}
#ah .history .area .box dl {border-left:1px solid #022f72;display:flex;flex-direction:column;padding-left:15px;width:100%;left:0;position:absolute;height:50%;}
#ah .history .area .box dl dt {font-size:21px;font-weight:600;color:#022f72;letter-spacing:-0.025em;order:2;}
#ah .history .area .box dl dd {font-size:16px;font-weight:300;color:#848484;line-height:1.3em;order:1;}
#ah .history .area .box:nth-child(odd) dl {top:50%;flex-direction:column-reverse;}
#ah .history .area .box:nth-child(even) dl {bottom:50%;}
#ah .history .btn {font-size:0;margin:50px 0 30px;}
#ah .history .btn button {display:inline-block;width:50px;height:51px;border:1px solid #7f7f7f;text-indent:-9999px;background-size:contain !important}
#ah .history .btn .prev {background:url(../images/ah-prev.gif) no-repeat 50% 50%;}
#ah .history .btn .next {background:url(../images/ah-next.gif) no-repeat 50% 50%;margin-left:-1px;}
#ah .os-scrollbar-vertical {opacity:0 !important;}
#ah .os-scrollbar-horizontal {}
#ah .os-scrollbar-track {background:#dcdcdc;}
#ah .os-scrollbar-handle {}

@media all and (max-width:1200px){
	#ah .about {padding-right:30px;}
	#ah .history {padding-left:30px;}
}

@media all and (max-width:1024px){
	#ah {padding:0;}
	#ah:before,
	#ah:after {display:none;}
	#ah > .inner > div {float:none;width:auto;}
	#ah h3 {padding-top:20px;font-size:16px;}
	#ah h3:before {height:10px;}
	#ah h4 {font-size:24px;margin-top:15px;}
	#ah .txt {font-size:14px;line-height:1.5em;margin-top:20px;}
	#ah .about {padding:30px 20px;}
	#ah .history {padding:30px 20px 100px;}
	#ah .history .area {padding:0;margin-top:20px;border-left:1px solid #e1e1e1;padding-left:20px;}
	#ah .history .area .os-viewport {overflow:visible !important;}
	#ah .history .area .os-size-auto-observer {overflow:visible !important;}
	#ah .history .area .roll {padding:0;display:block;white-space:normal;background:none;}
	#ah .history .area .roll:before,
	#ah .history .area .roll:after {display:none;}
	#ah .history .area .box {display:block;width:auto;height:auto;}
	#ah .history .area .box:before {width:16px;height:16px;left:-28px;top:3px;margin-top:0;}
	#ah .history .area .box ~ .box {margin-top:15px;}
	#ah .history .area .box dl {border-left:none;display:block;padding-left:0;position:relative;height:auto;}
	#ah .history .area .box dl:before {content:"";display:block;background:#022f72;width:15px;height:1px;position:absolute;left:-20px;top:10px;}
	#ah .history .area .box dl dt {font-size:20px;}
	#ah .history .area .box dl dd {font-size:14px;}
	#ah .history .area .box:nth-child(odd) dl {top:auto;}
	#ah .history .area .box:nth-child(even) dl {bottom:auto;}
	#ah .history .btn {display:none;}
}


#pdt {background:url(../images/pdt-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#pdt .area {margin:130px -6px 0;font-size:0;}
#pdt .area:after {content:'';display:block;clear:both;}
#pdt .area .box {float:left;width:33.33333%;padding:0 6px;position:relative;}
#pdt .area .box .in {height:670px;position:relative;}
#pdt .area .box .in:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
#pdt .area .box dl {position:absolute;left:0;bottom:30;width:100%;padding:50px 30px;color:#000;}
#pdt .area .box dl dt {font-size:37px;font-weight:700;font-family: 'Noto Sans KR', sans-serif;}
#pdt .area .box dl dd {font-size:15px;line-height:1.4em;min-height:12.6em;margin-top:30px;}
#pdt .area .box2 dl {top:0;bottom:auto;color:#000;}
#pdt .area .box1 .in,
#pdt .area .box3 .in {margin-top:120px;}
#pdt .area .box1 .in:before {background-image:url(../images/pdt1.jpg);}
#pdt .area .box2 .in:before {background-image:url(../images/pdt2.jpg);background-position:50% 100%;}
#pdt .area .box3 .in:before {background-image:url(../images/pdt3.jpg);}

@media all and (max-width:1024px){
	#pdt {padding:50px 20px 100px;}
	#pdt .area {margin:20px 0 0;}
	#pdt .area .box {float:none;width:auto;padding:0;}
	#pdt .area .box ~ .box {margin-top:30px;}
	#pdt .area .box .in {height:auto;background:#000;}
	#pdt .area .box .in:before {opacity:0.5;}
	#pdt .area .box dl {position:relative;padding:30px 20px;}
	#pdt .area .box dl dt {font-size:20px;}
	#pdt .area .box dl dd {font-size:14px;line-height:1.5em;min-height:0;margin-top:10px;}
	#pdt .area .box1 .in {margin:0;}
	#pdt .area .box2 dl {color:#fff;}
	#pdt .area .box3 .in {margin:0;}
}

#intro {background:url(../images/intro-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#intro .area {margin:130px -6px 0;font-size:0;}
#intro .area:after {content:'';display:block;clear:both;}

#doc {background:url(../images/doc-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#doc .area {margin:130px -6px 0;font-size:0;}
#doc .area:after {content:'';display:block;clear:both;}

#info {background:url(../images/info-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#info .area {margin:130px -6px 0;font-size:0;}
#info .area:after {content:'';display:block;clear:both;}

#shin {background:url(../images/shin-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#shin .area {margin:130px -6px 0;font-size:0;}
#shin .area:after {content:'';display:block;clear:both;}

#floor {background:url(../images/floor-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#floor .area {margin:130px -6px 0;font-size:0;}
#floor .area:after {content:'';display:block;clear:both;}

#bb {background:url(../images/bb-bg.jpg) no-repeat 50% 50%;background-size:cover;padding:110px 20px;position:relative;}
#bb .area {margin:130px -6px 0;font-size:0;}
#bb .area:after {content:'';display:block;clear:both;}


@media all and (max-width:1024px){
	#intro {padding:50px 20px 100px;}
	#intro .area {margin:20px 0 0;}

}


#service {background:#f5f5f5;padding:120px 20px 200px;position:relative;}
#service .inner {max-width:1200px;margin:0 auto;}
#service .area {margin:90px -30px 0;}
#service .area:after {content:'';display:block;clear:both;}
#service .area .box {float:left;width:33.33333%;padding:0 30px;position:relative;}
#service .area .box dl {margin-top:55px;color:#000;}
#service .area .box dl dt {font-size:21px;font-weight:500;}
#service .area .box dl dd {font-size:16px;line-height:1.8em;margin-top:20px;letter-spacing:-0.025em;}

@media all and (max-width:1024px){
	#service {padding:50px 20px 100px;}
	#service .area {margin:20px 0 0;}
	#service .area .box {float:none;width:auto;padding:0;}
	#service .area .box ~ .box {margin-top:30px;}
	#service .area .box .img img {display:block;width:100%;}
	#service .area .box dl {margin-top:15px;color:#000;}
	#service .area .box dl dt {font-size:20px;}
	#service .area .box dl dd {font-size:14px;line-height:1.5em;margin-top:10px;}
}

#fac {background:#bbc6d0;position:relative;padding:90px 20px;}
#fac .inner {max-width:1520px;margin:0 auto;}
#fac .__tit {position:absolute;right:0;top:50%;width:510px;text-align:left;margin-top:-63px;z-index:10;pointer-events:none;}
#fac .map {display:inline-block;position:relative;}
#fac .partner {position:absolute;left:0;bottom:120px;width:100%;text-align:center;}
#fac .float {position:absolute;left:50%;top:50%;z-index:150;box-shadow:10px 10px 10px rgba(0,0,0,0.3);display:none;}
#fac .float .txt {background:#ffd437;padding:5px;text-align:center;color:#000;font-size:14px;font-weight:600;}
#fac .float .close {width:30px;height:30px;border-radius:50%;background:#333;border:none;color:#fff;position:absolute;right:-15px;top:-15px;font-size:0;}
#fac .float .close i {font-size:18px;display:block;line-height:30px;}
#fac .float .box {display:none;}

@media all and (max-width:1024px){
	#fac {padding:50px 20px 100px;}
	#fac .__tit {top:0;width:auto;text-align:center;margin:0 0 20px;position:relative;}
	#fac .map {display:inline-block;position:relative;}
	#fac .partner {position:relative;bottom:0;margin-top:10px;}
}

#respon {padding:110px 20px;}
#respon .inner {max-width:1300px;margin:0 auto;}
#respon .area {margin-top:70px;}
#respon .area .box {display:flex;align-items:center;}
#respon .area .box ~ .box {margin-top:120px;}
#respon .area .box > div {flex-grow:1;width:0;}
#respon .area .box dl {color:#000;}
#respon .area .box dl dt {font-size:30px;font-weight:bold;}
#respon .area .box dl dd {font-size:17px;line-height:1.8em;margin-top:15px;}
#respon .area .box:nth-child(odd) .img {order:1;}
#respon .area .box:nth-child(odd) .info {padding-right:60px;}
#respon .area .box:nth-child(even) .info {padding-left:60px;}

@media all and (max-width:1024px){
	#respon {padding:50px 20px;}
	#respon .area {margin-top:20px;}
	#respon .area .box {display:block;}
	#respon .area .box > div {width:auto;}
	#respon .area .box .img img {width:100%;}
	#respon .area .box ~ .box {margin-top:30px;}
	#respon .area .box .info {padding:0 !important;margin-top:15px;}
	#respon .area .box dl dt {font-size:18px;}
	#respon .area .box dl dd {font-size:14px;line-height:1.5em;margin-top:10px;}
}

#contact {padding:120px 20px;background:#f5f5f5;}
#contact .area {margin-top:60px;}
#contact .area:after {content:'';display:block;clear:both;}
#contact .area > div {float:left;position:relative;}
#contact .area .loc {width:52%;height:450px;}
#contact .area .loc iframe {display:block;width:100%;height:100%;}
#contact .area .info {width:48%;padding-left:180px;margin-top:20px;}
#contact .area .info .wrap {position:relative;padding-top:10px;}
#contact .area .info dl ~ dl {margin-top:45px;}
#contact .area .info dl dt {font-size:19px;color:#067eb6;font-weight:500;}
#contact .area .info dl dd {font-size:15px;margin-top:10px;line-height: 1.71429;}
#contact .area .info .img {position:absolute;right:100%;top:0;margin-right:60px;width:301px;}

@media all and (max-width:1024px){
	#contact {padding:50px 20px;}
	#contact .area {margin-top:20px;}
	#contact .area > div {float:none;width:auto !important;}
	#contact .area .loc {height:250px;}
	#contact .area .info {padding-left:0;}
	#contact .area .info .wrap {padding-top:0;}
	#contact .area .info dl ~ dl {margin-top:20px;}
	#contact .area .info dl dt {font-size:18px;}
	#contact .area .info dl dd {font-size:14px;margin-top:5px;line-height:1.4em;}
	#contact .area .info .img {position:relative;right:0;;margin-right:0;width:auto;text-align:center;margin-top:20px;}
}

.__mouse {display:block;position:absolute;left:50%;margin-left:-50px;width:100px;color:#fff;bottom:50px;z-index:100;padding-top:38px;font-size:12px;text-align:center;animation:mouse 1s ease infinite;}
.__mouse:before {content:"";display:block;position:absolute;width:22px;height:34px;background:url(../images/mouse.png) no-repeat 50% 0;background-size:contain;left:50%;margin-left:-11px;top:0;}
.__mouse.black {color:#222;}
.__mouse.black:before {background-image:url(../images/mouse2.png);}

@keyframes mouse {
 0% {transform:translate3d(0,0,0);}
 50% {transform:translate3d(0,10px,0);}
 100% {transform:translate3d(0,0,0);}
}

@media all and (max-width:1024px){
	.__mouse {width:100px;bottom:30px;padding-top:30px;}
	.__mouse:before {width:16px;height:25px;}
}


.__tit {text-align:center;color:#000;}
.__tit h3 {font-size:60px;}
.__tit p {font-size:16px;font-weight:300;margin-top:10px;line-height:1.5em;}
.__tit h6 {font-size:13px;font-weight:300;margin-top:10px;line-height:1.5em;}
.__tit.white {color:#fff;}

@media all and (max-width:1024px){
	.__tit h3 {font-size:30px;}
	.__tit p {font-size:14px;margin-top:5px;}
}


@media all and (max-width:1024px){
	
 }
}

.section-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.section-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section-35 {
	padding-top: 35px;
	padding-bottom: 35px;
}

.section-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-45 {
	padding-top: 45px;
	padding-bottom: 45px;
}

.section-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-66 {
	padding-top: 66px;
	padding-bottom: 66px;
}

.section-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}

.section-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.section-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.section-130 {
	padding-top: 130px;
	padding-bottom: 130px;
}

.section-145 {
	padding-top: 145px;
	padding-bottom: 145px;
}

.section-165 {
	padding-top: 165px;
	padding-bottom: 165px;
}

@media (min-width: 576px) {
	.section-sm-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.section-sm-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-sm-35 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-sm-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-sm-45 {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-sm-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-sm-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-sm-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-sm-75 {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.section-sm-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-sm-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-sm-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.section-sm-130 {
		padding-top: 130px;
		padding-bottom: 130px;
	}
	.section-sm-145 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
	.section-sm-165 {
		padding-top: 165px;
		padding-bottom: 165px;
	}
}

@media (min-width: 768px) {
	.section-md-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.section-md-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-md-35 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-md-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-md-45 {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-md-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-md-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-md-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-md-75 {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.section-md-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-md-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-md-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.section-md-130 {
		padding-top: 130px;
		padding-bottom: 130px;
	}
	.section-md-145 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
	.section-md-165 {
		padding-top: 165px;
		padding-bottom: 165px;
	}
}

@media (min-width: 992px) {
	.section-lg-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.section-lg-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-lg-35 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-lg-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-lg-45 {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-lg-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-lg-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-lg-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-lg-75 {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.section-lg-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-lg-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-lg-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.section-lg-130 {
		padding-top: 130px;
		padding-bottom: 130px;
	}
	.section-lg-145 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
	.section-lg-165 {
		padding-top: 165px;
		padding-bottom: 165px;
	}
}

@media (min-width: 1200px) {
	.section-xl-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.section-xl-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-xl-35 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-xl-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-xl-45 {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-xl-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-xl-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-xl-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-xl-75 {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.section-xl-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-xl-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-xl-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.section-xl-130 {
		padding-top: 130px;
		padding-bottom: 130px;
	}
	.section-xl-145 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
	.section-xl-165 {
		padding-top: 165px;
		padding-bottom: 165px;
	}
}

@media (min-width: 1800px) {
	.section-xxl-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.section-xxl-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-xxl-35 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-xxl-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-xxl-45 {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-xxl-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-xxl-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-xxl-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-xxl-75 {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.section-xxl-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-xxl-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-xxl-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.section-xxl-130 {
		padding-top: 130px;
		padding-bottom: 130px;
	}
	.section-xxl-145 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
	.section-xxl-165 {
		padding-top: 165px;
		padding-bottom: 165px;
	}
}

.section-top-15 {
	padding-top: 15px;
}

.section-top-30 {
	padding-top: 30px;
}

.section-top-35 {
	padding-top: 35px;
}

.section-top-40 {
	padding-top: 40px;
}

.section-top-45 {
	padding-top: 45px;
}

.section-top-50 {
	padding-top: 50px;
}

.section-top-60 {
	padding-top: 60px;
}

.section-top-66 {
	padding-top: 66px;
}

.section-top-75 {
	padding-top: 75px;
}

.section-top-90 {
	padding-top: 90px;
}

.section-top-100 {
	padding-top: 100px;
}

.section-top-120 {
	padding-top: 120px;
}

.section-top-130 {
	padding-top: 130px;
}

.section-top-145 {
	padding-top: 145px;
}

.section-top-165 {
	padding-top: 165px;
}

@media (min-width: 576px) {
	.section-sm-top-15 {
		padding-top: 15px;
	}
	.section-sm-top-30 {
		padding-top: 30px;
	}
	.section-sm-top-35 {
		padding-top: 35px;
	}
	.section-sm-top-40 {
		padding-top: 40px;
	}
	.section-sm-top-45 {
		padding-top: 45px;
	}
	.section-sm-top-50 {
		padding-top: 50px;
	}
	.section-sm-top-60 {
		padding-top: 60px;
	}
	.section-sm-top-66 {
		padding-top: 66px;
	}
	.section-sm-top-75 {
		padding-top: 75px;
	}
	.section-sm-top-90 {
		padding-top: 90px;
	}
	.section-sm-top-100 {
		padding-top: 100px;
	}
	.section-sm-top-120 {
		padding-top: 120px;
	}
	.section-sm-top-130 {
		padding-top: 130px;
	}
	.section-sm-top-145 {
		padding-top: 145px;
	}
	.section-sm-top-165 {
		padding-top: 165px;
	}
}

@media (min-width: 768px) {
	.section-md-top-15 {
		padding-top: 15px;
	}
	.section-md-top-30 {
		padding-top: 30px;
	}
	.section-md-top-35 {
		padding-top: 35px;
	}
	.section-md-top-40 {
		padding-top: 40px;
	}
	.section-md-top-45 {
		padding-top: 45px;
	}
	.section-md-top-50 {
		padding-top: 50px;
	}
	.section-md-top-60 {
		padding-top: 60px;
	}
	.section-md-top-66 {
		padding-top: 66px;
	}
	.section-md-top-75 {
		padding-top: 75px;
	}
	.section-md-top-90 {
		padding-top: 90px;
	}
	.section-md-top-100 {
		padding-top: 100px;
	}
	.section-md-top-120 {
		padding-top: 120px;
	}
	.section-md-top-130 {
		padding-top: 130px;
	}
	.section-md-top-145 {
		padding-top: 145px;
	}
	.section-md-top-165 {
		padding-top: 165px;
	}
}

@media (min-width: 992px) {
	.section-lg-top-15 {
		padding-top: 15px;
	}
	.section-lg-top-30 {
		padding-top: 30px;
	}
	.section-lg-top-35 {
		padding-top: 35px;
	}
	.section-lg-top-40 {
		padding-top: 40px;
	}
	.section-lg-top-45 {
		padding-top: 45px;
	}
	.section-lg-top-50 {
		padding-top: 50px;
	}
	.section-lg-top-60 {
		padding-top: 60px;
	}
	.section-lg-top-66 {
		padding-top: 66px;
	}
	.section-lg-top-75 {
		padding-top: 75px;
	}
	.section-lg-top-90 {
		padding-top: 90px;
	}
	.section-lg-top-100 {
		padding-top: 100px;
	}
	.section-lg-top-120 {
		padding-top: 120px;
	}
	.section-lg-top-130 {
		padding-top: 130px;
	}
	.section-lg-top-145 {
		padding-top: 145px;
	}
	.section-lg-top-165 {
		padding-top: 165px;
	}
}

@media (min-width: 1200px) {
	.section-xl-top-15 {
		padding-top: 15px;
	}
	.section-xl-top-30 {
		padding-top: 30px;
	}
	.section-xl-top-35 {
		padding-top: 35px;
	}
	.section-xl-top-40 {
		padding-top: 40px;
	}
	.section-xl-top-45 {
		padding-top: 45px;
	}
	.section-xl-top-50 {
		padding-top: 50px;
	}
	.section-xl-top-60 {
		padding-top: 60px;
	}
	.section-xl-top-66 {
		padding-top: 66px;
	}
	.section-xl-top-75 {
		padding-top: 75px;
	}
	.section-xl-top-90 {
		padding-top: 90px;
	}
	.section-xl-top-100 {
		padding-top: 100px;
	}
	.section-xl-top-120 {
		padding-top: 120px;
	}
	.section-xl-top-130 {
		padding-top: 130px;
	}
	.section-xl-top-145 {
		padding-top: 145px;
	}
	.section-xl-top-165 {
		padding-top: 165px;
	}
}

@media (min-width: 1800px) {
	.section-xxl-top-15 {
		padding-top: 15px;
	}
	.section-xxl-top-30 {
		padding-top: 30px;
	}
	.section-xxl-top-35 {
		padding-top: 35px;
	}
	.section-xxl-top-40 {
		padding-top: 40px;
	}
	.section-xxl-top-45 {
		padding-top: 45px;
	}
	.section-xxl-top-50 {
		padding-top: 50px;
	}
	.section-xxl-top-60 {
		padding-top: 60px;
	}
	.section-xxl-top-66 {
		padding-top: 66px;
	}
	.section-xxl-top-75 {
		padding-top: 75px;
	}
	.section-xxl-top-90 {
		padding-top: 90px;
	}
	.section-xxl-top-100 {
		padding-top: 100px;
	}
	.section-xxl-top-120 {
		padding-top: 120px;
	}
	.section-xxl-top-130 {
		padding-top: 130px;
	}
	.section-xxl-top-145 {
		padding-top: 145px;
	}
	.section-xxl-top-165 {
		padding-top: 165px;
	}
}

.section-bottom-15 {
	padding-bottom: 15px;
}

.section-bottom-30 {
	padding-bottom: 30px;
}

.section-bottom-35 {
	padding-bottom: 35px;
}

.section-bottom-40 {
	padding-bottom: 40px;
}

.section-bottom-45 {
	padding-bottom: 45px;
}

.section-bottom-50 {
	padding-bottom: 50px;
}

.section-bottom-60 {
	padding-bottom: 60px;
}

.section-bottom-66 {
	padding-bottom: 66px;
}

.section-bottom-75 {
	padding-bottom: 75px;
}

.section-bottom-90 {
	padding-bottom: 90px;
}

.section-bottom-100 {
	padding-bottom: 100px;
}

.section-bottom-120 {
	padding-bottom: 120px;
}

.section-bottom-130 {
	padding-bottom: 130px;
}

.section-bottom-145 {
	padding-bottom: 145px;
}

.section-bottom-165 {
	padding-bottom: 165px;
}

@media (min-width: 576px) {
	.section-sm-bottom-15 {
		padding-bottom: 15px;
	}
	.section-sm-bottom-30 {
		padding-bottom: 30px;
	}
	.section-sm-bottom-35 {
		padding-bottom: 35px;
	}
	.section-sm-bottom-40 {
		padding-bottom: 40px;
	}
	.section-sm-bottom-45 {
		padding-bottom: 45px;
	}
	.section-sm-bottom-50 {
		padding-bottom: 50px;
	}
	.section-sm-bottom-60 {
		padding-bottom: 60px;
	}
	.section-sm-bottom-66 {
		padding-bottom: 66px;
	}
	.section-sm-bottom-75 {
		padding-bottom: 75px;
	}
	.section-sm-bottom-90 {
		padding-bottom: 90px;
	}
	.section-sm-bottom-100 {
		padding-bottom: 100px;
	}
	.section-sm-bottom-120 {
		padding-bottom: 120px;
	}
	.section-sm-bottom-130 {
		padding-bottom: 130px;
	}
	.section-sm-bottom-145 {
		padding-bottom: 145px;
	}
	.section-sm-bottom-165 {
		padding-bottom: 165px;
	}
}

@media (min-width: 768px) {
	.section-md-bottom-15 {
		padding-bottom: 15px;
	}
	.section-md-bottom-30 {
		padding-bottom: 30px;
	}
	.section-md-bottom-35 {
		padding-bottom: 35px;
	}
	.section-md-bottom-40 {
		padding-bottom: 40px;
	}
	.section-md-bottom-45 {
		padding-bottom: 45px;
	}
	.section-md-bottom-50 {
		padding-bottom: 50px;
	}
	.section-md-bottom-60 {
		padding-bottom: 60px;
	}
	.section-md-bottom-66 {
		padding-bottom: 66px;
	}
	.section-md-bottom-75 {
		padding-bottom: 75px;
	}
	.section-md-bottom-90 {
		padding-bottom: 90px;
	}
	.section-md-bottom-100 {
		padding-bottom: 100px;
	}
	.section-md-bottom-120 {
		padding-bottom: 120px;
	}
	.section-md-bottom-130 {
		padding-bottom: 130px;
	}
	.section-md-bottom-145 {
		padding-bottom: 145px;
	}
	.section-md-bottom-165 {
		padding-bottom: 165px;
	}
}

@media (min-width: 992px) {
	.section-lg-bottom-15 {
		padding-bottom: 15px;
	}
	.section-lg-bottom-30 {
		padding-bottom: 30px;
	}
	.section-lg-bottom-35 {
		padding-bottom: 35px;
	}
	.section-lg-bottom-40 {
		padding-bottom: 40px;
	}
	.section-lg-bottom-45 {
		padding-bottom: 45px;
	}
	.section-lg-bottom-50 {
		padding-bottom: 50px;
	}
	.section-lg-bottom-60 {
		padding-bottom: 60px;
	}
	.section-lg-bottom-66 {
		padding-bottom: 66px;
	}
	.section-lg-bottom-75 {
		padding-bottom: 75px;
	}
	.section-lg-bottom-90 {
		padding-bottom: 90px;
	}
	.section-lg-bottom-100 {
		padding-bottom: 100px;
	}
	.section-lg-bottom-120 {
		padding-bottom: 120px;
	}
	.section-lg-bottom-130 {
		padding-bottom: 130px;
	}
	.section-lg-bottom-145 {
		padding-bottom: 145px;
	}
	.section-lg-bottom-165 {
		padding-bottom: 165px;
	}
}

@media (min-width: 1200px) {
	.section-xl-bottom-15 {
		padding-bottom: 15px;
	}
	.section-xl-bottom-30 {
		padding-bottom: 30px;
	}
	.section-xl-bottom-35 {
		padding-bottom: 35px;
	}
	.section-xl-bottom-40 {
		padding-bottom: 40px;
	}
	.section-xl-bottom-45 {
		padding-bottom: 45px;
	}
	.section-xl-bottom-50 {
		padding-bottom: 50px;
	}
	.section-xl-bottom-60 {
		padding-bottom: 60px;
	}
	.section-xl-bottom-66 {
		padding-bottom: 66px;
	}
	.section-xl-bottom-75 {
		padding-bottom: 75px;
	}
	.section-xl-bottom-90 {
		padding-bottom: 90px;
	}
	.section-xl-bottom-100 {
		padding-bottom: 100px;
	}
	.section-xl-bottom-120 {
		padding-bottom: 120px;
	}
	.section-xl-bottom-130 {
		padding-bottom: 130px;
	}
	.section-xl-bottom-145 {
		padding-bottom: 145px;
	}
	.section-xl-bottom-165 {
		padding-bottom: 165px;
	}
}

@media (min-width: 1800px) {
	.section-xxl-bottom-15 {
		padding-bottom: 15px;
	}
	.section-xxl-bottom-30 {
		padding-bottom: 30px;
	}
	.section-xxl-bottom-35 {
		padding-bottom: 35px;
	}
	.section-xxl-bottom-40 {
		padding-bottom: 40px;
	}
	.section-xxl-bottom-45 {
		padding-bottom: 45px;
	}
	.section-xxl-bottom-50 {
		padding-bottom: 50px;
	}
	.section-xxl-bottom-60 {
		padding-bottom: 60px;
	}
	.section-xxl-bottom-66 {
		padding-bottom: 66px;
	}
	.section-xxl-bottom-75 {
		padding-bottom: 75px;
	}
	.section-xxl-bottom-90 {
		padding-bottom: 90px;
	}
	.section-xxl-bottom-100 {
		padding-bottom: 100px;
	}
	.section-xxl-bottom-120 {
		padding-bottom: 120px;
	}
	.section-xxl-bottom-130 {
		padding-bottom: 130px;
	}
	.section-xxl-bottom-145 {
		padding-bottom: 145px;
	}
	.section-xxl-bottom-165 {
		padding-bottom: 165px;
	}
}


h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}



#mchk:checked + #nav .close,
:not(:checked) + #nav .close {
  display: block;
}

.word-break {
   word-break: normal;   /****  영어는 어절단위 / 타언어 음절단위  ****/
}

.kword-break {
   word-break: keep-all;     /****   타언어 어절단위  ****/
}



/* 대메뉴 *********************************************************/
.gnb > li {
  position: relative;
}

/* 중메뉴 */
.gnb > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 200px; /* 중메뉴의 넓이 */
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.8); /* 배경색의 opacity를 80%로 설정 */
  border: 1px solid #ccc;
  border-top: none;
  z-index: 999;
}

/* 대메뉴에 마우스 오버 시 중메뉴 보이기 */
.gnb > li:hover > ul {
  display: block;
}

/* 중메뉴 스타일 */
.gnb > li > ul > li {
  display: block;
  padding: 15px 10px;/* 상하 15px, 좌우 10px */
  border-bottom: 1px solid #e5e5e5;
}

.gnb > li > ul > li:last-child {
  border-bottom: none;
}

.gnb > li > ul > li > a {
  display: block;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}

.gnb > li > ul > li > a:hover {
  color: #000;
}

nav ul ul {
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: hidden;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

nav ul li:hover > ul {
  left: 0;
  top: 100%;
  opacity: 1;
  visibility: visible;
}


/* 전체화면 검게 바꾸기 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}

/* 레이어팝업 디자인 */
.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  padding: 20px;
  border-radius: 5px;
  color: #fff; /* 모든 글자를 흰색으로 */
}

/* 레이어팝업 닫기 버튼 디자인 */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #fff; /* 닫기 버튼 글자를 흰색으로 */
}


/* 검은 레이어 화면을 화면 중앙에 정렬합니다. */
.overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}






/*********************************************/
.container {
  max-width: 1140px;
  margin: 0 auto;
}

.col-lg-2 {
  width: 16.66666667%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-lg-2 {
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-6 {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .col-6 {
    width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-6 {
    width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .col-md-4 {
    width: 33.33% !important;
  }
}
@media screen and (min-width: 1200px) {
  .col-lg-2 {
    width: 16.66666667% !important;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* SITE MAP 줄간격 */
.col-lg-2, .col-md-4, .col-sm-6, .col-6 {
  padding: 20px;
.col-lg-2, .col-md-4, .col-sm-6, .col-6 {
  margin-bottom: 20px;
 }
}

.heading-panel-decor {
  border-bottom: 1px solid #707070;
  padding: 2px;
}

.heading-panel-decor2 {
  border-bottom: 1px solid #707070;
  padding: 5px;
  width: 95%
}

.heading-panel-decor3 {
  border-bottom: 1px solid #252525;
  padding: 5px;
}

.text-thin {
	font-weight: 100;
}





.grid1 {
  width: 10%;
  height: 100%;
  background-color: rgba(0,0,0,0); /* 투명 배경 */
}

.grid12 {
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6); /* 반투명 배경 */
}


/* foot grid */
.grid-container {
  display: grid;
  grid-template-columns: 30% 40% 20%;
}

.left-grid, .middle-grid, .right-grid {
  color: white;
}

.text-left {
	text-align: left !important;
 }


@media only screen and (max-width: 768px) {
  .grid-container {
    display: block;
  }

  .left-grid, .middle-grid, .right-grid {
    width: 100%;
    margin-bottom: 20px;
  }

  .left-grid img {
    width: 100%;
    max-width: 200px;
  }
}