@charset "utf-8";

/* 공통 */
.df{display: flex; flex-wrap: wrap;}

/* 폰트 */
.mft{font-family: 'Montserrat';}

/* 상단 레이아웃 */
.head {width:100%;position: absolute;top:0;left:0;z-index: 999;}
.head.on {background: #FFF;}

.head-wrapper {position:relative;margin:0 auto;zoom:1;height: 80px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.head-wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.head-logo {display: flex;margin: 0;padding: 0 20px;float: left;z-index: 90;position: relative;width: 34%;}
.head-logo a img:nth-child(2){display: none;}
.head.on .head-logo a img:nth-child(1) {display: none;}
.head.on .head-logo a img:nth-child(2) {display: inline;}
.head-logo a img:nth-child(3) {margin-left:10px;}

@media screen and (max-width:1400px){
	.head-wrapper {height: 75px;}
	/* .head-logo img {height: 75px;} */
}

@media screen and (max-width:1200px){
  .head-wrapper {height:75px;}
}

@media screen and (max-width:768px){
	.head-wrapper {height:auto;}
	.head-logo {padding: 6px 10px}
	/* .head-logo img{width:200px;height:auto;} */
}

/* 메인메뉴 */
.head.on {background:#fff;}
.head.on .navi > ul > li > a.dep01 {color:#333;}
.head.on .sitemap .sitemap-btn span {background:#333;}
.head.on .navi > ul > li > a:before {background:#333;}

.navi {position: absolute;top: 0;left: 0;width: 100%;}
.navi > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.navi .navi-bg {width:100%;position:absolute;left:0;top: 80px;background: #f5f8ff;display:none;height: 250px;z-index: 990;border-top: 1px solid #ddd;}
.navi:after {display:block; content:"";clear:both;}
.navi .navi-1depth  {display:inline-block;float:right;margin-right:80px;}
.navi > ul > li {position:relative;z-index: 9999;display:inline-block;float: left;}
.navi > ul > li:after {display:block;content:"";position:absolute;bottom: -2px;left: 50%;transform:translateX(-50%);transition:all 0.3s;width:0%;height:3px;background: #377cfd;}
.navi > ul > li:hover:after {width:100%;}
.navi > ul > li > a.dep01{font-size: 18px;font-weight: 500;color: #fff;display:block;text-align:center;padding: 26px 45px;position:relative;transition: all 0.3s;}
.navi > ul > li > a:before {display:block;content:'';position:absolute;width:1px;height: 16px;left:0;background: #fff;top: 50%;margin-top: -8px;opacity: 0.3;}
.navi > ul > li > ul {display: none;width: 100%;height: 250px;position: absolute;top: 80px;left:0px;/* background:#fff; */text-align: center;}
.navi > ul > li:first-child > ul:before {display:block; content:''; position:absolute;left:0px;top:0;width:1px;height:100%;background:#ddd;z-index:1;}
.navi > ul > li > ul:after {display:block; content:''; position:absolute;right:0px;top:0;width:1px;height:100%;background:#ddd;z-index:1;}

.navi > ul > li.active > a {color:#377cfd;}
.navi > ul > li.active > ul {/* background: #f9f9f9; */}
.navi > ul > li:hover > ul {background:#fff;}
.navi > ul > li > ul > li > a {position:relative;color: #464646;}
.navi > ul > li > ul > li {/* padding: 3px 0; */background:none;clear:both;}
.navi > ul > li > ul > li > a, .navi > ul > li.first > ul > li > a {display:block;width: 100%;font-size: 15px;letter-spacing: -1px;line-height: 40px;}
.navi>  ul > li > ul > li > a:hover, .navi > ul > li > ul > li > a:focus {font-weight:bold;color:#377cfd;}

@media screen and (max-width:1300px){
  .navi {display:none;}
  .head-logo{width: auto}
}

@media screen and (max-width:600px){
	.head-logo{width: 80%;line-height: 55px;}
  }


/* 메인메뉴 */
.navi{position:relative}
.navi-bg {display:none;width:100%;position:absolute;left:0;top: 80px;background: #f5f8ff;height: 250px;border-top: 1px solid #ddd;}
.navi-1depth{display:inline-block;float:right;margin-right:90px}
.navi-1depth>li{position:relative;display:inline-block;float:left;z-index: 999;}
.navi-1depth>li:after {display:block;content:"";position:absolute;bottom: -1px;left: 50%;transform:translateX(-50%);transition:all 0.3s;width:0%;height:3px;background: #377cfd;}
.navi-1depth>li:hover:after {width:100%;}
.navi-1depth>li.active>a{color:#377cfd}
.navi-1depth>li>a{font-size:18px;font-weight:500;color:#fff;display:block;text-align:center;padding:26px 45px;position:relative;transition:all .3s;}
.navi-1depth>li>a:before {display:block;content:'';position:absolute;width:1px;height: 16px;left:0;background: #fff;top: 50%;margin-top: -8px;opacity: 0.3;}
.head.on .navi-1depth>li>a{color: #333}


.navi-2depth {display: none;height: 250px;}
.navi-2depth>li{text-align:center}
.navi-2depth>li>a{display:block;width:100%;font-size:15px;letter-spacing:-1px;line-height:40px;}
.navi-2depth>li>a:hover {font-weight:bold;color:#377cfd;}

/* 사이트맵 */
.sitemap{position:absolute;right:0;top:5px}
.sitemap-btn {width: 70px;height: 70px;border:0;background: transparent;padding: 20px;position: relative;z-index: 9999;}
.sitemap-btn span {display: block;width: 100%;/* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); *//* border-radius: 3px; */height: 3px;background: #fff;transition: all .3s;position: relative;}
.sitemap-btn span + span {margin-top: 6px;}

.sitemap-btn.active span:nth-child(1) {animation: ease .7s top forwards;}
.sitemap-btn.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
.sitemap-btn.active span:nth-child(2) {animation: ease .7s scaled forwards;}
.sitemap-btn.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
.sitemap-btn.active span:nth-child(3) {animation: ease .7s bottom forwards;}
.sitemap-btn.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

@keyframes top {
  0% {top: 0;transform: rotate(0);}
  50% {top: 6px;transform: rotate(0);}
  100% {top: 6px;transform: rotate(45deg); background:#fff;}
	
}

@keyframes top-2 {
  0% {top: 6px;transform: rotate(45deg);}
  50% {top: 6px;transform: rotate(0deg);}
  100% {top: 0;transform: rotate(0deg);}
}

@keyframes bottom {
  0% {bottom: 0;transform: rotate(0);}
  50% {bottom: 6px;transform: rotate(0);}
  100% {bottom: 12px;transform: rotate(135deg); background:#fff;}
}

@keyframes bottom-2 {
  0% {bottom: 6px;transform: rotate(135deg);}
  50% {bottom: 10px;transform: rotate(0);}
  100% {bottom: 0;transform: rotate(0);}
}

@keyframes scaled {
  50% {transform: scale(0);}
  100% {transform: scale(0);}
}

@keyframes scaled-2 {
  0% {transform: scale(0);}
  50% {transform: scale(0);}
  100% {transform: scale(1);}
}


.navi-all {display:none;position: fixed;width: 100%;background: rgba(40,46,62,0.95);z-index: 9990;height: 100%;top: 0;left: 0;}
.navi-all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef;display: none;}
.navi-all-1depth {display:table;width:100%;padding: 30px;position: absolute;top: 50%;transform: translateY(-50%);}
.navi-all-1depth:after {display:block;visibility:hidden;clear:both;content:""}
.navi-all-1depth > li:nth-child(5n+1) {border-left:0}
.navi-all-1depth > li {display:table-cell;width: calc(100% / 5);vertical-align: top;padding: 20px 30px;text-align: center;}
.navi-all-1depth > li > a {font-size: 25px;display:block;position:relative;margin-bottom: 25px;font-weight: 500;color: #fff;border-bottom: 1px solid #fff;padding: 20px;}
.navi-all-2depth > li {line-height: 35px;}
.navi-all-2depth > li a {color: #fff;font-size: 16px;transition:all 0.3s;}

.navi-all-2depth > li:hover > a {color:#377cfd;}
.navi-all-2depth > li > a:hover {font-weight:700;color:#377cfd;}
.navi-all-bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

@media screen and (max-width:1300px){
  .sitemap {display:none;}
}
@media screen and (max-width:768px){
  .sitemap {padding:5px 10px;}
  .sitemap-btn {padding:15px;}
}

@media screen and (max-width:480px){
  .sitemap {padding:5px;}
}

/* 모바일 메뉴 */
.mobile-navi {display:none;float: right;}
.mobile-navi .mobile-navi-button {width: 75px;height: 75px;border:0;background: transparent;padding: 23px;position: relative;z-index: 9999;}
.mobile-navi .mobile-navi-button span {display: block;width: 100%;/* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); *//* border-radius: 3px; */height: 3px;background: #fff;transition: all .3s;position: relative;}
.mobile-navi .mobile-navi-button span + span {margin-top: 6px;}
.mobile-navi .mobile-navi-button.active span:nth-child(1) {animation: ease .7s top forwards;}
.mobile-navi .mobile-navi-button.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
.mobile-navi .mobile-navi-button.active span:nth-child(2) {animation: ease .7s scaled forwards;}
.mobile-navi .mobile-navi-button.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
.mobile-navi .mobile-navi-button.active span:nth-child(3) {animation: ease .7s bottom forwards;}
.mobile-navi .mobile-navi-button.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

.mobile-navi-all{position: fixed;width: 49%;z-index: 1001;top: 0;right:-100%;background: #ffffff;height: 100%;min-width: 300px;transition: all 0.8s;}
.mobile-navi-overlay {width:100%;height:100%;position: fixed;top: 0;z-index: 999;display: none;background-color: rgba(0, 0, 0, 0.6);cursor: pointer;left: 0;}
.mobile-navi-all h2 {font-size:0; height:0;}

.mobile-navi-top {width:100%;height: 75px;background-size: 100%;overflow:hidden;padding: 10px;background: #fff;border-bottom: 1px solid #ddd;}
.mobile-navi-top a {display:inline-block;text-align:center;position: relative;font-size: 14px;border: 1px solid #5984b5;margin: 18px 3px;font-weight: 500;padding: 2px 15px;border-radius: 50px;color: #5984b5;}

.mobile-navi-1depth {height:calc(100% - 110px);overflow-x: hidden;overflow-y: auto;}
.mobile-navi-1depth > li {display:block;color: #2c3646;font-size: 17px;font-weight:500;}
.mobile-navi-1depth > li > a {display: block;padding: 10px 25px 10px 20px;color: #3a3a3a;font-size: 16px;position:relative;}
.mobile-navi-1depth > li.on > a {background: #606e91;font-weight:700;color: #fff;}
.mobile-navi-1depth > li > a:after {display:block;content:'';position:absolute;width: 15px;height: 2px;right: -100px;top: 21px;/* border-radius:100%; */background: #ffffff;transition:all 0.3s;}
.mobile-navi-1depth > li.on > a:after {right:20px;}


.mobile-navi-2depth {display:none;background: #f7f7f7;padding: 10px 0;}
.mobile-navi-2depth > li {line-height: 35px;font-size: 15px;}
.mobile-navi-2depth > li:last-child {border-bottom:0;}
.mobile-navi-2depth > li > a {display:block;color: #505050;padding: 0 40px;position:relative;font-weight:400;}
.mobile-navi-2depth > li > a:before {display: none;content:'+';position:absolute;top:0px;left: 24px;color: #787878;transition:all 0.4s;}
.mobile-navi-2depth > li.on > a:before {transform:rotate(90deg); color:#fff;}
.mobile-navi-2depth > li.on > a {background:#494949; color:#fff;}

.mobile-navi-3depth  {display: none;}
.mobile-navi-3depth > li {padding:3px 0;}
.mobile-navi-3depth > li > a {display:block;padding: 5px 20px 5px 50px;position:relative;line-height:25px;color:#333;font-size:14px;word-break: keep-all;}
.mobile-navi-3depth > li > a:before {display:block;content:''; position:absolute; left:40px; top:16px; width:3px; height:3px; background:#167ac6; border-radius:100%; }


@media screen and (min-width:1301px){
  .mobile-navi-overlay {display:none !important;}
}

@media screen and (max-width:1300px){
	.mobile-navi {display:block;}
	.mobile-navi-button {background: #282e3e !important;}
  .mobile-navi-all.active {right: 0;top: 0;}
}

/* Section01 */
#section01 {width:100%;overflow: hidden;position: relative;}
.section01-wr {width: 100%;position:relative;}
.main-visual-wr {width:100%;position:relative;}
.main-visual {width:100%;overflow: hidden;}
.main-visual .visual {display: block !important;max-height: calc(100vh - 75px);}
.main-visual .visual > video{width:100%;margin: 0 auto;display:block;}

.youtube {height: 304px;}

.main-visu-top {position:absolute;bottom: 15%;right: 291px;width: 541px;height: 304px;}
.banner{display: block;}
.banner-wr {width:100%;position: relative;top: 25%;padding: 0 20px 0 20px;}
.banner-title {font-size:20px;display:inline-block;color:#fff;font-weight: 600;padding:0 0 10px;}
.main-banner {width:100%;overflow: hidden;}
.banner {background: #FFF;padding: 30px;}
.banner-ttl {font-size: 18px; color: #000; padding: 0 0 15px; border-bottom: 1px solid #cccccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner-txt {font-size: 15px; color: #000; padding: 15px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner-year {font-size: 14px; color: #000; padding: 5px 0 0;}
.main-banner .slick-slide {width:100%;float:left;display: block;margin-right: 10px; cursor: pointer;}
.main-banner .slick-slide img {width: 100%;}

.banner-wr .slick-arrow {position:absolute;display:block;width:15px;height:20px;top: 5px;transition:all 0.2s !important;z-index: 990;}
.banner-wr .slick-arrow.ban-prev {background:url('../img/arr2-l-w.png') no-repeat center;right: 55px;}
.banner-wr .slick-arrow.ban-next {background:url('../img/arr2-r-w.png') no-repeat center;right: 15px;}
.banner-wr .slick-arrow.ban-prev:after {display:block;content:'';position:absolute;width:1px;height: 15px;background:#fff;opacity:0.2;right: -15px;top: 2px;}

.main-con {width:100%;background:#3c63b3;}
.main-con ul {max-width:1400px; margin:0 auto;}
.main-con ul li {width:calc(100% / 4);}
.main-con ul li a {display: flex;padding: 10px 20px;text-align:center;color:#fff;width: 100%;justify-content: center;align-items: center;border-left: 1px solid rgba(255,255,255,0.2);transition: all 0.2s;}
.main-con ul li a .ic {width:55px;height:55px;display: inline-block;}
.main-con ul li a .ic.ic01 {background:url('../img/sec01-ic-01.png') no-repeat center;}
.main-con ul li a .ic.ic02 {background:url('../img/sec01-ic-02.png') no-repeat center;}
.main-con ul li a .ic.ic03 {background:url('../img/sec01-ic-03.png') no-repeat center;}
.main-con ul li a .ic.ic04 {background:url('../img/sec01-ic-04.png') no-repeat center;}
.main-con ul li a .ttl {display: inline-block;padding: 0 5px;font-size: 17px;}
.main-con ul li:last-child a {border-right:1px solid rgba(255,255,255,0.2);}
.main-con ul li a:hover {background:#355196;}

@media screen and (max-width:1700px){
	.main-visu-top {right: 230px;}
}

@media screen and (max-width:1300px){
	.main-visu-top {right:80px;}
}

@media screen and (max-width:1250px){
	.main-visu-top {width:500px; top:130px; right:30px;}
}

@media screen and (max-width:960px){
	.main-visu-top {width:350px;}

	.main-con ul li a {padding:10px 15px;}
	.main-con ul li a .ic {width:35px;height:35px;background-size:100% !important;}
	.main-con ul li a .ttl {font-size:15px;}
}
@media screen and (max-width:768px){
	.main-visual .visual{height:430px;overflow:hidden}
	.main-visual .visual > video{width:768px;height:100%;}
	.main-visu-top {right:auto;left: 15%;top: auto;bottom: 3px;width: 70%;padding:0 20px;}
	.banner{padding:20px;}
	.banner-ttl{font-size: 16px;}

	.youtube {height: 279px;}

	
	.main-con ul li a {padding: 10px 5px;display:block;text-align:center;}
	.main-con ul li a .ic {display:block;margin:0 auto;}
	.main-con ul li a .ttl {font-size:14px;padding:0;}
}
@media screen and (max-width:480px){
	.banner-title{font-size:16px;}
	.main-visu-top {bottom: -106px;left: 15%;padding:0 15px;width: 70%;}
	.main-visu-top .board-wr {margin-bottom:5px;}

	.main-con ul li a .ic {width:25px;height:25px;}
	.main-con ul li a .ttl  {font-size: 3vw;}

	.youtube {height: 168px;}
}

@media screen and (max-width:425px){
	.main-visual .slick-slide .m-only{height:350px}

	.youtube {height: 174px;}
		.main-visu-top {top: 180px;left: 10%;padding:0 15px;height: 180px;width: 80%;}
}

/* section02 */
#section02 {width:100%;}
.section02-wr {width:100%;align-items: stretch;justify-content: space-between;}
.section02-wr .section02-box {display:table;}
.section02-wr .section02-box .con {display:table-cell;color:#fff;text-align:left;vertical-align:middle;height: 100%;}

.section02-wr .section02-box.box-l {min-height: 815px; width:50%;background:url('../img/sec02-bg-02.png') no-repeat bottom left, url('../img/sec02-bg-03.png') no-repeat top right, #13161b;position:relative;}
.section02-wr .section02-box.box-l .logo {position:absolute;top:0;left:0;display:inline-block;}
.section02-wr .section02-box.box-l .con {text-align:center;}
.section02-wr .section02-box.box-l .con .eng {font-size: 13px;font-weight:400;}
.section02-wr .section02-box.box-l .con .txt {font-size: 28px;font-weight:300;padding: 10px 0;line-height: 40px;}
.section02-wr .section02-box.box-l .con .txt01 {font-size: 28px;font-weight:300;padding: 10px 0;line-height: 40px;}
.section02-wr .section02-box.box-l .con .txt span {display: block;font-size: 35px;margin-top: 5px;display: block;word-break: keep-all;}
.section02-wr .section02-box.box-l .con .more-btn {display:inline-block;background: #3c63b3;padding: 15px 40px;color: #fff;font-size: 16px;font-weight: 600;text-align: center;margin: 30px 0 0;transition: all 0.2s;}
.section02-wr .section02-box.box-l .con .more-btn:hover {background:#fff; color:#333;}

.section02-wr .section02-box.box-r {width:50%;padding: 120px 50px;}
.section02-wr .section02-box.box-r .con{display:flex;flex-direction:column;gap:20px}
.section02-wr .section02-box.box-r .con a {display:block;padding: 20px;}
.section02-wr .section02-box.box-r .con a img {width: 100%;transition:all 0.2s;border:1px solid transparent;}
.section02-wr .section02-box.box-r .con a:hover img {border:1px solid #3c63b3;}
.section02-wr .section02-box.box-r .con a .ttl {font-size:22px;font-weight:500;padding:10px 0 0;}
.section02-wr .section02-box.box-r .con a .txt {font-size:16px;color:#555;}
.section02-wr .section02-box.box-r .con a:hover .ttl, .section02-wr .section02-box.box-r .con a:hover .txt{color:#3c63b3;}

@media screen and (max-width:1024px){
	.section02-wr .section02-box.box-l {/* min-height:700px; */}
	.section02-wr .section02-box.box-l .con {padding:0 50px;}
}

@media screen and (max-width:960px){
	.section02-wr .section02-box.box-l, .section02-wr .section02-box.box-r {width:100%;}
	.section02-wr .section02-box.box-l {min-height: unset;height:auto; text-align:center;padding:120px 0 50px; background-size:70vw, 40vw;}
	.section02-wr .section02-box.box-l .logo {width:200px;top:5px;left:5px;}
	.section02-wr .section02-box.box-l .logo img {width:100%;}
	.section02-wr .section02-box.box-l .con {text-align:center;}
	.section02-wr .section02-box.box-l .con .eng {font-size: 20px;}
	.section02-wr .section02-box.box-l .con .txt {font-size: 25px;line-height: 35px;}
	.section02-wr .section02-box.box-l .con .txt span {font-size: 33px;}
	.section02-wr .section02-box.box-l .con .more-btn {margin:20px 0;}

	.section02-wr .section02-box.box-r {padding: 50px 20px;}
	.section02-wr .section02-box.box-r .con a {padding:5px;}
	.section02-wr .section02-box.box-r .con a .ttl {font-size:18px;padding: 3px 0;}
	.section02-wr .section02-box.box-r .con a .txt {font-size:14px;word-break:keep-all;}
}

@media screen and (max-width:768px){
	.section02-wr .section02-box.box-l {padding:50px 0 }
	.section02-wr .section02-box.box-l .con {padding:0 20px;}
	.section02-wr .section02-box.box-l .con .eng {font-size:18px; word-break:keep-all;}
	.section02-wr .section02-box.box-l .con .txt {font-size:18px;line-height:25px; word-break:keep-all;}
	.section02-wr .section02-box.box-l .con .txt01{font-size:20px;}
	.section02-wr .section02-box.box-l .con .txt span {font-size: 24px;line-height:30px;}
	.section02-wr .section02-box.box-l .con .more-btn {margin:20px 0;}
	.section02-wr .section02-box.box-r {padding:40px 15px;}
	.section02-wr .section02-box.box-r .con a .ttl {font-size:16px;padding:3px 0 0;}
	.section02-wr .section02-box.box-r .con a .txt {font-size:13px;}	
}

@media screen and (max-width:425px){
	.section02-wr .section02-box.box-l {padding: 30px 0}
	.section02-wr .section02-box.box-l .con .eng {font-size:14px;}
	.section02-wr .section02-box.box-l .con .txt01{font-size: 16px;}
	.section02-wr .section02-box.box-l .con .txt span{font-size: 20px;line-height:26px;}
	.section02-wr .section02-box.box-l .con .more-btn{font-size: 14px;}
}

/* section03 */
#section03 {width:100%;}
.section03-wr {width:100%; overflow:hidden;align-items: stretch;justify-content: space-between;}
.section03-wr .section03-box {width:50%;}
.section03-wr .section03-box.box-l .con {width:100%;display:block;padding: 70px 25%; position:relative;}
.section03-wr .section03-box.box-l .con.con01 {background:url('../img/sec03-ic-01.png') no-repeat center right 15% #282c33;}
.section03-wr .section03-box.box-l .con.con02 {background:url('../img/sec03-ic-02.png') no-repeat center right 15% #3d424a;}
.section03-wr .section03-box.box-l .con .eng {font-size: 15px;font-weight: 600;color:#91acec; word-break:keep-all;}
.section03-wr .section03-box.box-l .con .ttl {font-size:30px;  color:#fff;padding:10px 0 25px;position:relative;margin-bottom:10px;}
.section03-wr .section03-box.box-l .con .ttl:after {display:block; content:''; position:absolute; width:35px;height:1px;background:#fff;opacity:0.5;bottom:15px;left:0;}
.section03-wr .section03-box.box-l .con .txt {font-size:16px;color:#ccc;word-break: keep-all;}
.section03-wr .section03-box.box-l .con .plus {width:60px;height:60px;position:absolute;display:block;bottom:0;right:0;transition:all 0.2s;background:url('../img/plus-w.png') no-repeat center rgba(0,0,0,0.3);}
.section03-wr .section03-box.box-l .con:hover .plus {background:url('../img/plus-b.png') no-repeat center #fff;}


.section03-wr .section03-box.box-r {background:#ddd;}
.section03-wr .section03-box.box-r .youtube {padding:40px;display: flex;align-items: stretch;height: 100%;}

@media screen and (max-width:1700px){
	.section03-wr .section03-box.box-l .con {background-size:13vw !important;}
}
@media screen and (max-width:1400px){
	.section03-wr .section03-box.box-l .con {padding:50px 15vw 50px 50px;}
	.section03-wr .section03-box.box-l .con .plus {width:36px;height:36px;background-size:100% !important;}
	
	.section03-wr .section03-box.box-r {min-height:400px;}
}
@media screen and (max-width:960px){
	.section03-wr .section03-box.box-l, .section03-wr .section03-box.box-r {width:100%;}
	.section03-wr .section03-box.box-l .con {padding:30px 150px 40px 30px;background-size:130px !important; background-position:center right 20px !important;}
	.section03-wr .section03-box.box-l .con .ttl {font-size:20px;padding-bottom:10px;margin-bottom:15px;}
	.section03-wr .section03-box.box-l .con .ttl:after {bottom:0;}
	.section03-wr .section03-box.box-l .con .txt {font-size:14px;}
}

@media screen and (max-width: 768px){
	.section03-wr .section03-box.box-r .youtube{padding: 20px; }
}

@media screen and (max-width:425px){
	.section03-wr .section03-box.box-l .con .eng {font-size: 14px;}
	.section03-wr .section03-box.box-l .con .ttl {font-size: 16px;}
}


/* 하단 레이아웃 */
.foot {margin:0 auto;text-align:center;}
.foot-wr {width:100%;display:table;}
.foot-wr .foot-box {width:50%;display:table-cell;vertical-align:middle;padding: 50px 30px;}
.foot-wr .foot-box:first-child {background:#202329;}
.foot-wr .foot-box:nth-child(2) {background:#282c33;}
.foot-wr .foot-box.ft-bottom{display: flex; width: 100%;}
.foot-wr .foot-box .ft_logo {float:left;padding: 10px 30px;}
.foot-wr .foot-box .ft_logo img {width:100%; max-width: 120px;} 
.foot-wr .foot-box .foot-info {padding:0 30px; width:calc(100% - 200px);text-align:left;float: left;}
.foot-wr .foot-box .foot-info ul li {display:inline-block;color: #d6d6d6;padding:3px 10px;font-size: 14px;position:relative;}
.foot-wr .foot-box .foot-info ul li:after {display:block;content:'';position:absolute;width:1px;height: 12px;background: #fff;opacity:0.3;right: -2px;top: 8px;}
.foot-wr .foot-box .foot-info ul li a {color: #d6d6d6;transition: all 0.3s;}
.foot-wr .foot-box .foot-info ul li a:hover{color: #0997da;}
.foot-wr .foot-box .foot-info ul li.copy {display:block;width:100%;color: #7a7a7a;margin-top: 5px;}
.foot-wr .foot-box .foot-info ul li.copy:after {display:none;}
.foot-wr .foot-box .foot-info ul li:nth-child(6):after {display:none;}

.foot-wr .foot-box .foot-info ul.list01 {padding: 0 0 20px;}
.foot-wr .foot-box .foot-info ul.list02 li {color: rgba(255,255,255,0.6);}

.foot-wr .foot-box .foot-select {position:relative;float: right;width: 250px;}
.foot-wr .foot-box .foot-select #foot_BtnSite {width: 249px;height:45px;background: #202329;color: #ffffff;text-align: left;position: relative;border: 1px solid #31353e;font-weight: 300;}
.foot-wr .foot-box .foot-select #foot_BtnSite p {padding-left: 15px;/* font-weight:300; */letter-spacing:-1px;font-size: 14px;padding-right: 0;margin: 0;}
.foot-wr .foot-box .foot-select #foot_BtnSite span {display: block;background: url('../img/sub-arr-w.png') no-repeat center;width: 17px;height: 12px;position:absolute;right: 15px;top: 17px;transition: all 0.5s;content: '';z-index: 999;}
.foot-wr .foot-box .foot-select #foot_BtnSite span.on {transform:rotate(180deg);}
.foot-wr .foot-box .foot-select .foot-site{display:none;position: absolute;bottom: 44px;font-size: 15px;background: #Fff;width: 245px;text-align: left;height: 225px;z-index: 999;overflow-y: scroll !important;border: 1px solid #222;}
.foot-wr .foot-box .foot-select .foot-site ul{margin:10px}
.foot-wr .foot-box .foot-select .foot-site li{position:relative;padding-left: 5px;}
.foot-wr .foot-box .foot-select .foot-site li::before{content:"";width:2px;height:2px;position:absolute;left:0;top: 50%;background:#222;}
.foot-wr .foot-box .foot-select .foot-site a{color: #2c2c2c;font-size:13px;padding-left:10px;line-height: 30px;}
.foot-wr .foot-box .foot-select .foot-site a:hover {text-decoration:underline;}

@media screen and (max-width:1400px){
	.foot-wr .foot-box {padding:50px 15px;}
	.foot-wr .foot-box .foot-info {width:calc(100% - 120px);padding:0 15px;}
}
@media screen and (max-width:960px){
	.foot-wr {display:block;}
	.foot-wr .foot-box {width:100%;display:block;padding:30px; text-align:center;}
	.foot-wr .foot-box:first-child {overflow:hidden;}
	.foot-wr .foot-box:nth-child(2) {padding:20px;}
  .foot-wr .foot-box .foot-select {float:none; width:100%;}
  .foot-wr .foot-box .foot-select #foot_BtnSite {width:100%;}
	.foot-wr .foot-box .foot-select #foot_BtnSite p {font-size:14px;}
  .foot-wr .foot-box .foot-select .foot-site {width:100%;}
}
@media screen and (max-width:768px){
	.foot-wr .foot-box:first-child {padding:15px;}
	.foot-wr .foot-box .foot-info {width:100%;float:none;padding:0;text-align:center;}
	.foot-wr .foot-box .foot-info ul li {font-size:12px;padding:0px 5px;}
	.foot-wr .foot-box .foot-info ul li.copy {font-size:13px;}
	.foot-wr .foot-box .foot-info ul li:after {top:4px;height:11px;}
	.foot-wr .foot-box .foot-select #foot_BtnSite p {font-size:13px;}
}