@charset "utf-8";


.intro1 .top{width: 100%; position: relative;}
.intro1 .top .img{width: 100%;}
.intro1 .top .img img{width: 100%;}
.intro1 .top .txt{position: absolute; width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: end; color: #fff;top: 0;left: 0;padding: 50px;}
.intro1 .top .txt h3{font-size: 4rem; line-height: 6rem;}
.intro1 .cont{padding: 60px 50px 0;}
.intro1 .cont p{font-size: 2rem; color: #222; line-height: 3.3rem;}
.intro1 .cont p + p{margin-top: 40px;}
.intro1 .cont .name p{font-size: 2.3rem; color: #222; margin-top: 60px; font-weight: bold; text-align: right;}
br.br980{display: none;}

@media screen and (max-width:1280px){
    .intro1 .top .txt{padding: 40px;}
    .intro1 .top .txt h3{font-size: 3rem; line-height: 4.5rem;}
    .intro1 .cont{padding: 50px 30px 0;}
    .intro1 .cont p{font-size: 1.8rem;}
    .intro1 .cont .name p{font-size: 2rem; margin-top: 40px;}
}
@media screen and (max-width:980px){
    .intro1 .top .img{height: 300px;overflow: hidden;}
    .intro1 .top .img img{width: auto; height: 100%;}
    .intro1 .cont br{display: none;}
    .intro1 .cont p + p{margin-top: 20px;}
    br.br980{display: block;}
}
@media screen and (max-width:680px){
    .intro1 .top .txt{padding: 30px;}
    .intro1 .top .txt h3{font-size: 2.5rem; line-height: 3.5rem;}
    .intro1 .cont{padding: 30px 20px 0;}
    .intro1 .cont p{font-size: 1.6rem; line-height: 2.6rem;}
    .intro1 .cont .name p{font-size: 1.8rem;margin-top: 20px;}
}

.loca .root_daum_roughmap .wrap_map { height: 500px !important }
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont .section {display:none}

#location {display:flex; flex-wrap:wrap; }
#location #in-box {padding:3% 30px; color:#000}
#location #in-box.bg1 {width: 100%; background:#f8b62c33; display:flex; flex-wrap:Wrap;  justify-content:center; gap:10px 30px}
#location #in-box dl {display:flex; flex-wrap:Wrap; justify-content:center; align-items: center; gap:5px 0;}
#location #in-box dl i { font-size:1.4rem; border-radius:100px; background:#fac861; width:36px; line-height:36px;	text-align:center;color: #fff;}
#location #in-box dl dt {margin:0 0.7em 0 0.5em; font-size:2.6rem; font-weight:700;  color:#000; }
#location #in-box dl dd { font-size:2.2rem; }

#location #in-box .mapLink {margin-top:20px; width:100%; display:flex; flex-wrap:Wrap; justify-content:center; gap:10px 0}
#location #in-box .mapLink li {padding:10px 30px 10px 15px}
#location #in-box .mapLink li a { font-size:1.8rem; display:flex; flex-wrap:Wrap; align-items: center; color:#FFF}
#location #in-box .mapLink li.icon1 {background:#fae100}
#location #in-box .mapLink li.icon1 a {color:#222}
#location #in-box .mapLink li.icon2 {background:#06bd34}
#location #in-box .mapLink li .icon {background:#fae100; width:40px;}


@media all and (max-width:1024px) {
	#location #in-box dl dt {margin:0 0.5em 0;}
	#location #in-box .mapLink li {padding:5px 20px 5px 10px}
}
@media all and (max-width:680px) {
    #location #in-box dl {justify-content: start;}
    #location #in-box.bg1 { justify-content:start; gap: 20px;}
    #location #in-box dl {gap: 10px 0;}
    #location #in-box dd {width: 100%;}
}
@media all and (max-width:480px) {
	.loca .root_daum_roughmap .wrap_map { height: 90vw !important }
	#location #in-box {padding:7vw 5vw; }
	#location #in-box dl i { font-size:1.3rem; width:7vw; line-height:7vw; }	
	#location #in-box dl dt { font-size:2.0rem;}
	#location #in-box dl dd { font-size:1.8rem; }
	#location #in-box .mapLink {margin-top:10px}
	#location #in-box .mapLink li {padding:0 10px 0 0; line-height:12vw}
	#location #in-box .mapLink li a { font-size:1.6rem;}
	#location #in-box .mapLink li .icon {width:8vw;}
	#location #in-box.bg1 { justify-content:left }
}


#gold_top {display:flex; flex-wrap:wrap;  overflow:hidden; padding: 5% 0;}
#gold_top #imgWrap {width:43.75%; text-align:right}
#gold_top #contWrap  {width:56.25%; background:#f9f9f9}

#gold_top #contWrap .title,  
#gold_top #contWrap .cont {}

#gold_top #contWrap .title {padding:25px ; padding-left:120px; background:#FFF; position:relative}
#gold_top #contWrap .title:before {content:'KGB'; font-size:7vw; color:#f9f9f9; position:absolute; right:0; bottom:0; line-height:0.6em;	font-family: 'montserrat', serif; z-index:1; font-weight: bold;}
#gold_top #contWrap .title h3 {font-size:4.5rem; font-weight:300; color:#222;  position:relative; z-index:3}
#gold_top #contWrap .title h4 {margin:20px 0 50px ; font-size:2rem; font-weight:600; color:#f8b62c;  position:relative; z-index:3; font-family: 'montserrat'; font-weight: bold; opacity: 0.3;}

#gold_top #contWrap .cont {padding-left:120px; }
#gold_top #contWrap .cont .t1 {padding-top:90px; font-size:2rem; line-height:1.8em;  width:90%; max-width:800px;  position:relative}
#gold_top #contWrap .cont .t1 b{font-size: 1.05em; color: #f8b62c}
#gold_top #contWrap .cont .t1:before {content:''; width:2px; height:100px; background:#f8b62c; position:absolute; left:0; top:-45px;  }

@media all and (max-width:1599px){
	#gold_top #contWrap .title, 
	#gold_top #contWrap .cont {padding-left:80px; }
}
@media all and (max-width:1280px){
	#gold_top #imgWrap img {width:560px}

	#gold_top #contWrap .title {padding:15px; padding-left:80px; }
	#gold_top #contWrap .title:before { font-size:10vw; }
	#gold_top #contWrap .title h3 {font-size:4rem; }
	#gold_top #contWrap .title h4 {margin:20px 0 30px ; font-size:1.8rem; }

	#gold_top #contWrap .cont .t1 {padding-top:50px; font-size:1.7rem}
	#gold_top #contWrap .cont .t1:before {height:70px; top:-35px;  }
}
@media all and (max-width:1023px){
	#gold_top #imgWrap,
	#gold_top #contWrap {width:100%}

	#gold_top #imgWrap {margin-bottom:50px; text-align:center}
	#gold_top #imgWrap img {width:100%; max-width:680px; }
	#gold_top #contWrap .cont {padding-bottom:50px}
}
@media all and (max-width:850px){
	#gold_top #contWrap .title {padding-left:5%; }
	#gold_top #contWrap .cont  {padding-left:5%}
	#gold_top #contWrap .cont .t1 {width:95%; } 

}
@media all and (max-width:480px){
	#gold_top #imgWrap {margin-bottom:30px;}

	#gold_top #contWrap .title:before { font-size:13vw; }
	#gold_top #contWrap .title h3 {font-size:4.0rem; }
	#gold_top #contWrap .title h4 { margin:10px 0 20px; font-size:2.0rem; line-height:1.4em}
	
	#gold_top #contWrap .cont {padding-bottom:30px}
	#gold_top #contWrap .cont .t1 {padding-top:40px; font-size:1.6rem}
	#gold_top #contWrap .cont .t1:before {height:45px; top:-20px;  }

}

ul.img_list{width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
ul.img_list li{width: calc(100%/4 - 60px/4); position: relative;}
ul.img_list li:hover a img{transform: scale(1.1); transition: 0.3s;}
ul.img_list li a{display: inline-block;width: 100%;  border-radius: 10px; overflow: hidden;}
ul.img_list li a img{width: 100%; transition: 0.3s;}

@media all and (max-width:1280px){
    ul.img_list li{width: calc(100%/3 - 40px/3);}
}
@media all and (max-width:880px){
    ul.img_list li{width: calc(100%/2 - 20px/2);}
}
@media all and (max-width:480px){
    ul.img_list{gap: 10px;}
    ul.img_list li{width: calc(100%/2 - 10px/2);}
    ul.img_list li a{border-radius: 5px;}
}