.blue {color: #00baff !important;}
.blue2 {color: #00baff !important;}
.white {color: #fff !important;}
.orange {color: #f68121 !important;}
.blind {position: absolute; font-size: 0; height: 0; width: 0; top:0; left:0;}

#header {position: fixed; height: 50px; width: 100%; background: rgba(0,0,0,0.9); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1000}
#header * {font-family: 'Noto Sans KR', sans-serif; color: #fff;}
#logo { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; padding-top:5px;}
#logo img {height: 40px;}
#header.opacity {background: #222;}

#menuBtn { position: absolute; right: 10px; top:10px; width: 36px; padding: 4px; -webkit-transition: all 0.3s; transition: all .3s; }
#menuBtn span {display: block; background: #f8f9fa; height: 4px; position: relative; -webkit-transition: all 0.3s; transition: all .3s;}
#menuBtn span + span {margin-top: 5px;}
#menuBtn.close {transform: rotate(45deg);}
#menuBtn.close span:nth-child(1) {transform: rotate(-90deg) translate(-8px, 0); background: #e03131}
#menuBtn.close span:nth-child(2) {opacity: 0;}
#menuBtn.close span:nth-child(3) {transform: translate(0, -10px); background: #e03131}

#map,
#nav-top {display: none;}

#nav-xs {background: rgba(0,0,0,0.6); position: fixed; display: block; width: 100%; height: calc(100% - 110px); margin-top:50px; color : #fff; z-index: 3000; -webkit-transition: all 0.4s; transition: all .4s; font-size: 1rem;}
#nav-xs.show {transform: translateX(0);}
#nav-xs {transform: translateX(100%)}

#nav-xs > ul {display: block; height: 100%; min-width: 300px; position: absolute; right: 0; background: #303030; padding: 0.5em 0; overflow-y:auto;}
#nav-xs li {padding: 5px 0px 5px 0px; border-bottom: 1px solid #000; line-height: 1.5em; position: relative;}
#nav-xs a {display: block; padding: 5px 0; margin-left: 40px;}
#nav-xs .fa {font-size: 1em; color:#00baff;  display: block;width: 40px; text-align: center; float: left; position: relative; top: 9px; }
#nav-xs .hasSub > .fa {transform: rotate(90deg);}
#nav-xs li + li {border-top:1px solid #505050;}
#nav-xs > ul > li > a { font-size: 1.25em; font-weight: 500; color:#fff;}
#nav-xs .hasSub {padding-bottom: 0;}
#nav-xs .sub li {padding-left: 60px; background:#393939; }
#nav-xs .sub li::before {content: ""; display: block; width: 4px; height: 4px; position: absolute; left:46px; top:20px; background: #00baff; border-radius: 50%;}

#nav-xs .sub li:first-child {border-top:1px solid #505050; margin-top: 5px}
#nav-xs .sub li:last-child {border-bottom: 0;}
#nav-xs .sub a {margin-left: 0; font-size: 0.875em; color: #d4d4d4; }

#nav-xs a.selected {color: #00baff;}


.aside { width: 100%; height: 60px; position: fixed; bottom: 0; left: 0; z-index: 200; border-top: 1px solid #505050;}
.aside ul {width: 100%; display: flex; background:#222;}
.aside li {width: 45%; line-height: 60px; display:flex; justify-content: center; align-items: center; border-left: 1px solid #505050; border-right:1px solid #171717; }
.aside li:first-child {display: none;}
.aside li:last-child {width: 10%;}
.aside li a {display: block; margin: 0 5%;}
.aside li img {max-width:100%;}
.aside li:nth-child(2) {background: #00baff;}

#swiper-main {width: 100%; height: 300px; position: relative;}
#swiper-main .guide {position: relative; max-width: 1200px; margin: 0 auto;  padding-top: 50px; opacity: 0; height: inherit;}
#swiper-main .ani {position: absolute;}
.spl {display: inline-block;}

#swiper-main .swiper-pagination-bullet {background: #fff; opacity: 1;}
#swiper-main .swiper-pagination-bullet-active {background: #00baff; opacity: 1;}

#swiper-main .sw0 {background: url(../img/main/xs_slider_1.jpg)center no-repeat; background-size: cover; font-family: 'Noto Sans KR', sans-serif;} 
#swiper-main .sw1 {background: url(../img/main/xs_slider_2.jpg)center no-repeat; background-size: cover; font-family: 'Noto Sans KR', sans-serif;}
#swiper-main .sw2 {background: url(../img/main/xs_slider_3.jpg)center no-repeat; background-size: cover; font-family: 'Noto Sans KR', sans-serif;}


#swiper-main .sw0 .a1 {background: rgba(0,0,0,0.75); }
#swiper-main .sw0 .a2 {font-size: 24px; font-weight: 500; }
#swiper-main .sw0 .a3,
#swiper-main .sw0 .a4 {font-size: 10px; color:#fff; font-weight: 300; }
#swiper-main .sw0 .a3 .blue {font-weight: 500;}

#swiper-main .sw1 .a1 {background: rgba(0,0,0,0.75); }
#swiper-main .sw1 .a2 {font-size: 24px; font-weight: 500; }
#swiper-main .sw1 .a3,
#swiper-main .sw1 .a4 {font-size: 10px; color:#fff; }
#swiper-main .sw1 .a3 .blue {font-weight: 500;}

#swiper-main .sw2 .a1 {background: rgba(0,0,0,0.75); }
#swiper-main .sw2 .a2 {font-size: 24px; font-weight: 500; }
#swiper-main .sw2 .a3,
#swiper-main .sw2 .a4 {font-size: 10px; color:#fff; }
#swiper-main .sw2 .a3 .blue {font-weight: 500;}

.m-cont {margin: 0 16px; font-size: 1rem; transition: all 0.3s; font-family: "Noto Sans KR", sans-serif; }
.m-title {font-family:inherit; color: inherit; text-align: center; font-size: 1.5em; font-weight: 500; letter-spacing: -2px;}
.m-paragraph {text-align: center; color: inherit; font-size: 0.875em; line-height: 24px; margin-top:10px; font-weight: 300; word-break: keep-all;}
.rect {position: relative; }
.rect::after{content: ""; display: block; padding-top:100%;}
.rect > *:first-child{position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }

#cont1 {color: #363636; margin-top: 30px; margin-bottom:30px;}
#cont1 .xs-view {display: block; margin-top: 30px;}
#cont1 .xs-hide {display: none;}
#cont1 .xs-view li {position: relative; margin-top:1em;}
#cont1 .xs-view li::after{content: ""; display: block; padding-top:20%;}
#cont1 .xs-view li:nth-child(1) {background: url(../img/main/cont1_01_xs.jpg) center/cover;}
#cont1 .xs-view li:nth-child(2) {background: url(../img/main/cont1_02_xs.jpg) center/cover;}
#cont1 .xs-view li:nth-child(3) {background: url(../img/main/cont1_03_xs.jpg) center/cover;}
#cont1 .xs-view li:nth-child(4) {background: url(../img/main/cont1_04_xs.jpg) center/cover;}
#cont1 .xs-view li:nth-child(5) {background: url(../img/main/cont1_05_xs.jpg) center/cover;}
#cont1 .xs-view li a {display: flex; justify-content: center; align-items: center; width: 25%; height: 100%; position: absolute; background: rgba(0,186,255,0.9);}
#cont1 .xs-view li a > div {color: #fff; font-weight: 500 }

#cont5 .m-cont,
#cont4 .m-cont,
#cont2 .m-cont {padding: 30px 0}

#cont2 {background: url(../img/main/cont2_bg_xs.jpg) center top/cover fixed; color: #fff;}
#cont2 .m-cont {overflow: hidden;}


#cont2 ul {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 30px;}
#cont2 ul li {width: 21.5%; text-align: center; margin:10px 5px; border-radius: 50%}
#cont2 ul li:nth-child(1) {background: #cc5de8 url(../img/main/cont2_01.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(2) {background: #5c7cfa url(../img/main/cont2_02.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(3) {background: #339af0 url(../img/main/cont2_03.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(4) {background: #845ef7 url(../img/main/cont2_04.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(5) {background: #22b8cf url(../img/main/cont2_05.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(6) {background: #20c997 url(../img/main/cont2_06.png) no-repeat center center/55%;}
#cont2 ul li:nth-child(7) {background: #51cf66 url(../img/main/cont2_07.png) no-repeat center center/55%;}

#cont3 {color: #363636; margin: 30px auto}
#cont3 ul {display: flex; justify-content: space-between; margin-top: 30px;}
#cont3 ul li {width: 31.6%;}
#cont3 ul li.rect::after {padding-top: 130%;}
#cont3 ul li > div {background-size: cover;}
#cont3 ul li:nth-child(1) > div {background-image: url('../img/main/cont3_01.jpg')}
#cont3 ul li:nth-child(2) > div {background-image: url('../img/main/cont3_02.jpg')}
#cont3 ul li:nth-child(3) > div {background-image: url('../img/main/cont3_04.jpg')}
#cont3 ul li > div > a {position: absolute; left:0; bottom: 0; height: 25%; width: 100%; display: flex; justify-content: center; align-items: center; transition: all 0.3s; }
#cont3 ul li > div > a:hover {height: 100%; width: 100%;}
#cont3 ul li:nth-child(1) > div a {background: rgba(0,186,255,0.7);}
#cont3 ul li:nth-child(2) > div a {background: rgba(255,0,48,0.7);}
#cont3 ul li:nth-child(3) > div a {background: rgba(108,208,0,0.7);}
#cont3 ul li > div > a:hover {height: 100%; width: 100%;}
#cont3 ul li > div  > a span {color:#fff; font-size: 20px;}

#cont4 {background: url(../img/main/cont4_bg_xs.jpg) center center/cover fixed; color: #fff;}

#cont5 {background: #f8f8f8;}

#cont6 .m-cont {margin: 0;}
#cont6 .m-cont::after{content: ""; display: block; clear: both;}
#cont6 li {background: #082e3c;}
#cont6 .m-cont > ul {float: left; width: 50%;}
#cont6 .m-cont .cont6_1 {width: 100%;}
#cont6 .m-cont .cont6_1 li:first-child {display: none;}
#cont6 .m-cont li > div{display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center;}
#cont6 .m-cont .show_Video {max-height: 70%; cursor: pointer;}
#cont6 .m-cont .cont6_1 li:nth-child(2)::after{padding-top:50%;}
#cont6 .m-cont .cont6_1 li:nth-child(3)::after{padding-top:30%;}
#cont6 .m-cont .cont6_1 li:nth-child(3) p {color:#00baff;}

#cont6 .arrow_right {color:#fff;}
#cont6 .arrow_right::after {content: ""; display: inline-block; margin-left:10px;  width: 20px; height: 1em; background: url(../img/main/right_arrow.png) no-repeat left center/100%;}

#cont6 .m-cont .arrow_right {display: block;}
#cont6 .m-cont .cont6_2  .bg_green {background: #43bd3e;}
#cont6 .m-cont .cont6_2  .blog {padding-top: 100px; background: url(../img/main/blog.png) no-repeat top center/auto 70%;}
#cont6 .m-cont .cont6_2  .bg_white {background: #fff;}
#cont6 .m-cont .cont6_2  .bg_pink {background: #ff9c9c;}
#cont6 .m-cont .cont6_2  .bg_img.bg1 {background: url(../img/main/cont6_bgimg_01.jpg) no-repeat center/cover;}
#cont6 .m-cont .cont6_2  .bg_img.bg2 {background: url(../img/main/cont6_bgimg_02.jpg) no-repeat center/cover;}
#cont6 .m-cont .cont6_2  .bg_img.bg3 {background: url(../img/main/cont6_bgimg_03.jpg) no-repeat center/cover;}
#cont6 .m-cont .cont6_2  .roundBtn  {display: inline-block; background: #082e3c; margin-top:0.5em; padding: 0.5em 1em; border-radius: 2em;}
#cont6 .m-cont .cont6_2  .roundBtn.red {background: #ff5c8e}
#cont6 .subject {font-size: 1.563em;} 
#cont6 .blog span {font-size: 1.25em;}


#cont7 {background: #fff; position: relative;}
#cont7 .bg {background:url(../img/main/cont7_bg_xs.jpg) no-repeat center/cover fixed; height: 50%; position: absolute; width: 100%; top:0px;}
#cont7 .m-cont {padding: 80px 0 80px; overflow: hidden;}
#cont7 .frame {width: 80%; margin: 0 auto; background: url(../img/main/cont7_flower_xs.jpg) no-repeat center/cover; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  }
#cont7 .frame::after {padding-top:60%;}
#cont7 .frame > div {background: url(../img/main/cont7_frame_xs.png) no-repeat center/100%}
#cont7 .text {position: relative; margin: 30px auto 0; text-align: center; max-width: 280px; height: 80px;}
#cont7 .text h4 {font-size: 1.7em; font-family: "Noto Sans KR", sans-serif; font-weight: 500}
#cont7 .text p {font-size: 0.875em; color: #606060; margin-top: 0.5em; font-weight: 300;}
#cont7 .text .door {height: 100%;  width: 50%; background: #fff; position: absolute; top: 0px; transition: all 0.8s;}
#cont7 .text .door span {position: relative; font-weight: 700; font-size: 4.75em; color:#ff4587; top:-20px; text-shadow:  0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#cont7 .text .door.left{text-align: right;}
#cont7 .text .door.right{text-align: left; left:50%; }

#cont7 .text.aos-animate .door.left { -webkit-animation-name: door_left; animation-name: door_left;}
#cont7 .text.aos-animate .door.right { -webkit-animation-name: door_right; animation-name: door_right;}
#cont7 .text.aos-animate .door { 
	-webkit-animation-delay: 0.7s; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
	animation-delay: 0.7s; animation-duration: 0.3s;animation-fill-mode: forwards;
}

.MOBILE #cont7 .bg,
.MOBILE #cont4, 
.MOBILE #cont2 {background-attachment: scroll; background-size: cover; }

@-webkit-keyframes door_left {
	from { transform: translateX(0%)}
	to { transform: translateX(-100%)}
}
@-webkit-keyframes door_right {
	from { transform: translateX(0%)}
	to { transform: translateX(100%)}
}

@keyframes door_left {
	from { transform: translateX(0%)}
	to { transform: translateX(-100%)}
}
@keyframes door_right {
	from { transform: translateX(0%)}
	to { transform: translateX(100%)}
}

#foot {background: #222; color: #b2b2b2; padding-bottom: 60px; font-size: 1rem; -webkit-transition: all 0.3s; transition: all 0.3s; clear: both;}
#foot * {-webkit-transition: all 0.3s; transition: all 0.3s;}
#foot .m-cont {padding: 30px 0;}
#foot .ft-icon,
#foot .ft-logo {display:none;}
#foot .ft-logo img {max-width: 100%;}
#foot .ft-copy {width: 100%; font-family: "Noto Sans KR", sans-serif; text-align: center; font-size: 0.75em; letter-spacing: -1px; line-height: 1.75em; }
#foot .ft-copy span {color : #7a7979; font-weight: 500}


/* 모달 */
.modal {display: none; position: fixed;z-index: 100001;left: 0;top: 0;width: 100%; height: 100%; background-color: rgba(0,0,0,0.9);}
.modal-content {margin: auto;display: block; max-width: 700px; position: relative; top:50%; transform: translateY(-50%); }
.modal-content::before {content: ""; display: block; padding-top: 79%;}
.modal-content iframe {position: absolute; top:0; left:0; width: 100%; height: 100%;}

/* Add Animation */
.modal-content {  
	-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s;
	animation-name: zoom; animation-duration: 0.6s;
}
  
@-webkit-keyframes zoom {
	from {-webkit-transform: translateY(-70%);} 
	to {-webkit-transform: translateY(-50%);}
}
  
@keyframes zoom {
	from {transform:  translateY(-70%);} 
	to {transform:  translateY(-50%);}
}

 
.modal .close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.modal .close:hover,
.modal .close:focus {color: #bbb; text-decoration: none; cursor: pointer;}




@media (min-width:576px){ /*폰 가로*/

	#swiper-main .sw0 .a2, 
	#swiper-main .sw1 .a2, 
	#swiper-main .sw2 .a2 {font-size: 28px; }

	#swiper-main .sw0 .a3,#swiper-main .sw0 .a4,
	#swiper-main .sw1 .a3,#swiper-main .sw1 .a4,
	#swiper-main .sw2 .a3,#swiper-main .sw2 .a4	{font-size: 12px; }

	#cont1 .xs-view {display: none;}
	#cont1 .xs-hide {display: flex; justify-content: space-between; margin-top: 30px;}

	
	#cont1 .xs-hide li { width: 18%;}
	#cont1 .xs-hide li:nth-child(1) a{background: url(../img/main/cont1_01.png) center center/cover;}
	#cont1 .xs-hide li:nth-child(2) a{background: url(../img/main/cont1_02.png) center center/cover;}
	#cont1 .xs-hide li:nth-child(3) a{background: url(../img/main/cont1_03.png) center center/cover;}
	#cont1 .xs-hide li:nth-child(4) a{background: url(../img/main/cont1_04.png) center center/cover;}
	#cont1 .xs-hide li:nth-child(5) a{background: url(../img/main/cont1_05.png) center center/cover;}

	#cont1 .xs-hide li a {display: block;}
	#cont1 .xs-hide li a > div { display: flex;  justify-content: center; align-items: center; position: absolute; background: rgba(0,0,0,0.35); width: 100%; height: 40px; font-size: 18px;bottom: 0px; color:#fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
	#cont1 .xs-hide li a > div > span {display: flex;  justify-content: center; align-items: center; position: relative; background: transparent; height: 100%; width: 100%; margin: 0 auto; text-align: center;}
	#cont1 .xs-hide li a:hover > div {height: 100%; background: rgba(0,0,0,0.6)}
	#cont1 .xs-hide li a:hover > div::before { content: ""; display: block; position: absolute; width: 2px; height: 15%; top:0px; left:50%; margin-left:-1px; background: #00baff;}
	#cont1 .xs-hide li a:hover > div > span {background: #00baff; height: 50%; width: 50%; border-radius:50%; font-size: 13px;}


	#cont2 {background-image: url(../img/main/cont2_bg_md.jpg)}

	#cont3 ul li > div > a {width: 50%;}
	#cont4 {background-image: url(../img/main/cont4_bg_md.jpg)}

	#cont6 .m-cont .cont6_1 li {float: left; width: 50%;}
	#cont6 .m-cont .cont6_1 li:nth-child(3)::after,
	#cont6 .m-cont .cont6_1 li:nth-child(2)::after{padding-top:100%;}
	#cont6 .m-cont .show_Video {max-height: 100%;}

	#cont7 .bg {background-image: url(../img/main/cont7_bg_sm.jpg)}
	#cont7 .text {max-width: 320px;}

}
@media (min-width:767px){ /*테블릿 세로*/
	body {padding-bottom: 0px;}
	#header {height: 100px; }
	#logo { padding-top: 15px;}
	#logo img {height: 60px;}

	.aside {height: auto; position: absolute; left:auto; bottom:auto;   border-top:none;}
	.aside ul {width: 146px; position: absolute; display: block;  box-shadow: 3px 3px 10px rgba(0,0,0,0.35);  transition: transform 1s;}
	.aside li {width: 100%; border-top: 1px solid #505050; border-bottom:1px solid #171717; height: 96px; border-left:none; border-right:none; line-height: 96px; text-align: center;}
	.aside li a {margin: 0;}
	.aside li:last-child {height: 60px; line-height: 60px; width: 100%;}

	.aside li:first-child {display: flex; align-items: flex-start; flex-direction: column; line-height: 3em;}
	.aside li:first-child a {display: block; color:#fff; font-size: 1.5em; margin-left:20px;}

	#nav-xs  {height: calc(100% - 100px); margin-top:100px; font-family: 'Noto Sans KR', sans-serif;}
	#menuBtn {top:20px; zoom :1.4;}
	#swiper-main {height: 500px;}

	#cont6 .m-cont,
	.m-cont {margin: 0 16px 0 164px;}
	.m-title {font-size: 1.75em;}
	.m-paragraph {font-size: 0.925em}

	#swiper-main .sw0 {background-image: url(../img/main/md_slider_1.jpg);}
	#swiper-main .sw1 {background-image: url(../img/main/md_slider_2.jpg);}
	#swiper-main .sw2 {background-image: url(../img/main/md_slider_3.jpg);}

	
	#swiper-main .sw0 .a2, 
	#swiper-main .sw1 .a2, 
	#swiper-main .sw2 .a2 {font-size: 488px; }

	#swiper-main .sw0 .a3,#swiper-main .sw0 .a4,
	#swiper-main .sw1 .a3,#swiper-main .sw1 .a4,
	#swiper-main .sw2 .a3,#swiper-main .sw2 .a4	{font-size: 16px; }


	#cont3, #cont1 {margin-top: 50px; margin-bottom: 50px;}
	#cont1 .xs-hide,
	#cont2 ul , #cont3 ul {margin-top:50px;}

	#cont5 .m-cont,
	#cont4 .m-cont,
	#cont2 .m-cont {padding: 50px 0}

	
	#cont6 {background: url(../img/main/cont6_bg_md.jpg) no-repeat center/cover fixed}
	

	#cont6 .m-cont .cont6_1 li {float: left; width: 50%;}
	#cont6 .m-cont .cont6_1 li:nth-child(3)::after,
	#cont6 .m-cont .cont6_1 li:nth-child(2)::after{padding-top:100%;}

	#cont7 .bg {background-image: url(../img/main/cont7_bg_md.jpg)}
	
	#cont7 .m-cont {padding: 110px 0 110px; }
	#cont7 .text {margin-top: 50px; max-width: 400px; font-size: 1.2em; height: 100px;}
	#cont7 .text .door span {top:-28px}
	
	#foot {padding: 0;}
	#foot .m-cont {margin: 0; padding : 50px 0; position: relative;}
	#foot .ft-logo {display: block; width: 160px; position: absolute; top:50%; transform: translateY(-50%);  left:20px; }
	#foot .ft-copy {width: auto; text-align: left; margin:0 160px 0 220px ;}
	#foot .ft-icon {width : 100px; position: absolute; top:50%; transform: translateY(-50%); right: 20px; display: flex;  text-align: center; justify-content: center; align-items: center;}
	#foot .ft-icon li {margin: 5px; background: #626262;  height: 40px; width: 40px; border-radius: 50%;}
	#foot .ft-icon li a { display: block; height: 40px; line-height: 40px; color:#d0d0d0; font-weight: bold; font-size: 22px;}
}

@media (min-width:992px){ /* 테블릿 가로*/

	#header {height: 100px; }

	

	#nav-top .gnb {margin-left: 20%; width: 80%;}
	#nav-top .gnb a { font-size: 16px;}
	#map .sub > ul a {font-size: 13px; line-height: 30px;}
	#map .sub > ul:nth-child(2) {margin-left: 46px;}
	#map .sub > ul:nth-child(6) {margin-left: 125px;}
	#map .sub > ul:nth-child(7) {margin-left: 114px;}

	#swiper-main {height: 700px;}
	

	#swiper-main .sw0 .a2, 
	#swiper-main .sw1 .a2, 
	#swiper-main .sw2 .a2 {font-size: 70px; }

	#swiper-main .sw0 .a3,#swiper-main .sw0 .a4,
	#swiper-main .sw1 .a3,#swiper-main .sw1 .a4,
	#swiper-main .sw2 .a3,#swiper-main .sw2 .a4	{font-size: 18px; }


	#cont2 ul {flex-flow: nowrap; justify-content: space-between;}
	#cont2 ul li {width: 13%; margin: 0;}

	#cont6 .m-cont .cont6_1 {width: 50%;}
	#cont6 .m-cont .cont6_2 {width: 25%;}

	#cont6 .m-cont .cont6_1 li:first-child {display: block;}
	#cont6 .m-cont .cont6_1 li {float: none; width: 100%;}
	#cont6 .m-cont .cont6_1 li::after {padding-top: 50% !important;}

	#cont7 .frame {background-image: url(../img/main/cont7_flower.jpg)}

	#foot .ft-logo {width: 200px; left:40px}
	#foot .ft-copy {margin-left: 300px; font-size: 0.875em;}

}

@media (min-width:1200px) { /* PC */
	#header {height: 120px; }
	#logo {float: left; padding-top: 26px; padding-left: 20px;}

	#swiper-main {height: 750px;}

	#swiper-main .sw0 .a2, 
	#swiper-main .sw1 .a2, 
	#swiper-main .sw2 .a2 {font-size: 90px; }

	#swiper-main .sw0 .a3,#swiper-main .sw0 .a4,
	#swiper-main .sw1 .a3,#swiper-main .sw1 .a4,
	#swiper-main .sw2 .a3,#swiper-main .sw2 .a4	{font-size: 22px; }
	
	.wrapper {max-width: 1200px; margin: 0 auto; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

	/* 상단 메뉴 */
	#nav-top {display: block;}
	#menuBtn ,
	#nav-xs {display: none;}

	
	
	#nav-top .gnb {margin-left: 25%; height: 120px; width: 75%; transition: all 0.3s ease;}
	#nav-top .gnb::after{content: ""; display: block; clear: both;}
	#nav-top .gnb li {float: left; margin-left: 35px; height: 120px; line-height: 124px;}
	#nav-top .gnb li:first-child{margin-left:0;}
	#nav-top .gnb a { font-size: 20px;  transition: all 0.3s ease;}

	#map {background: rgba(0,0,0,0.9); display: none; border-top:1px solid #00baff }
	#map .sub {padding: 20px 0 30px 25%;  }
	#map .sub::after{content: ""; display: block; clear: both;}
	#map .sub > ul {float: left; width: 130px;}
	#map .sub > ul a {font-size: 15px; line-height: 36px; font-weight: 300;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	#map .sub > ul:nth-child(2) {margin-left: 110px;}
	#map .sub > ul:nth-child(5) {margin-left: 159px;}
	#map .sub > ul:nth-child(6) {margin-left: 326px;}
	#map .sub > ul:nth-child(7) {margin-left: -3px;}

	#nav-top a:hover,
	#map .sub a:hover,
	#map .sub a.selected,
	#nav-top a.selected {color: #00baff;}

	#swiper-main .sw0 {background-image: url(../img/main/lg_slider_1.jpg);}
	#swiper-main .sw1 {background-image: url(../img/main/lg_slider_2.jpg);}
	#swiper-main .sw2 {background-image: url(../img/main/lg_slider_3.jpg);}

	.m-cont {margin: 0 16px 0 250px; font-family: "Noto Sans KR", sans-serif; }
	.m-title {font-size: 2.2em;}
	.m-paragraph {font-size: 1em}

	#cont3, #cont1 {margin-top: 80px; margin-bottom: 80px;}

	#cont1 .xs-hide,
	#cont2 ul , #cont3 ul {margin-top:80px;}

	#cont2 {background-image: url(../img/main/cont2_bg.jpg)}
	#cont5 .m-cont, #cont4 .m-cont, #cont2 .m-cont {padding: 80px 0}
	#cont4 {background-image: url(../img/main/cont4_bg.jpg)}

	
	#cont6 {background-image: url(../img/main/cont6_bg.jpg);}
	#cont6 .m-cont .cont6_1 {width: 40%;}
	#cont6 .m-cont .cont6_2 {width: 30%;}
	#cont6 .m-cont .cont6_2 .rect::after{padding-top:66.6666666666666667%;}
	#cont6 .subject {font-size: 1.563em;} 
	#cont6 .blog span {font-size: 1.25em;}

	
	#cont7 .bg {background-image: url(../img/main/cont7_bg.jpg)}

	#cont7 .m-cont {padding: 130px 0 130px; }
	#cont7 .text {margin-top: 80px; max-width: 500px; font-size: 1.5em; height: 125px;}
	#cont7 .text p {font-size: 0.75em;}
	#cont7 .text .door span {top:-36px}


}



.hoverBox {position: relative; display: block; width: 100%; height: 100%; border: 1px solid #cacaca; padding: 10px; background: #fff; color:#343a40; transition: all 0.3s;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.15);
}
.hoverBox::after,
.hoverBox::before {
	display: block;
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity 0.3s -webkit-transform 0.3s;
    transition: opacity 0.5s, transform 0.5s;
}
.hoverBox::before {
	border-top: 2px solid #00baff ;
    border-bottom: 2px solid #00baff ;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.hoverBox::after {
	border-left: 2px solid #00baff ;
    border-right: 2px solid #00baff ;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.hoverBox:hover::after, .hoverBox:hover::before,
.hoverBox:focus::after, .hoverBox:focus::before {
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}