@charset "utf-8";

#container { width: 1200px; margin: 0 auto;}

.main_vis {height:100vh; position:relative; z-index:2;}

.swiper-slide {}
.swiper-slide .inner { height:100%;}
.swiper-container .swiper-slide-active .bg{ animation-name: zoomIn00; animation-duration: 2.5s; animation-fill-mode: forwards; }
.swiper-container .swiper-slide .bg{ background-size:cover; background-position: center; width:100%; height:100%; position: absolute; left:0; top:0; /*transform: scale(1.2); */}
    .swiper-container {width: 100%; height: 100%;}
.vis01{text-align:center; background-color:#000; background-image:url("/resources/img/main/vis01.jpg"); background-size:cover; background-position: bottom;}
.vis02{text-align:center; background-color:#000; background-image:url("/resources/img/main/vis02_2.jpg"); background-size:cover; background-position: bottom;}

.slide_txt{ z-index:5; width:100%; position:absolute; text-align:center; top:49%; transform:translateY(-42%);}
.slide_txt .tit1 { font-family: 'SeoulNamsan'; font-size:30px; color:#39b54a; margin-bottom:36px;}
.slide_txt .vis_bigfont { font-family: 'SeoulNamsan'; margin: 25px 0 35px; color:#fff; font-size:72px;}
.slide_txt .vis_logo {text-indent: -99999px; background: url("/resources/img/main/vis_logo.png") center no-repeat; padding: 62px 0; margin-top: 15px; }
.slide_txt .tit2 { color:#eee; font-size:22px; font-weight:100;}
.slide_txt .vis_logo2 { margin: 30px 0 0 0; position: relative; display: inline-block;}
.slide_txt .vis_logo2 span { text-indent: -99999px; background: url(/resources/img/main/main_vis_logo1.png) center/contain no-repeat; display: block; padding: 8px 100px;}
.slide_txt .vl_lee { margin-top: 70px; margin-bottom: 20px;}
.slide_txt .vis_logo2 span.vl_park { background: url(/resources/img/main/main_vis_logo2.png) center/contain no-repeat; padding: 9px 102px; }

.swiper-pagination { top:50%;  transform:translateY(-50%); right:40px;}
.swiper-pagination > span {  height:15px; width:15px; display:block; box-sizing:border-box; background:rgba(255,255,255,.4); opacity:1; margin-top:27px;}
.swiper-pagination > span:first-child { margin-top:0;}
.swiper-pagination-bullet-active { transition:.3s ease; background:0 !important; border:3px solid #e6c16d;}

.main_contents { position:relative;}
.cont01 { position:relative; height:470px; margin:102px auto 157px;}
.cont01 > div { float:left; height:100%;}
.cont01 .class_info { width:410px; background:url("/resources/img/main/class_info.jpg") center bottom 60% no-repeat; background-size:cover; text-align:center;}
.cont01 .class_info > a {  display:block; height:100%;}
.cont01 .class_info .tit { display:block; padding-top:96px; color:#fff; font-size:33px; }
.cont01 .class_info .txt { color:#eee; margin:40px 0; line-height:25px;}
.cont01 .class_btn { transition:.3s ease; padding:0 30px; height:36px; color:#fff; display:inline-block; border:1px solid #eee; line-height:36px; box-sizing:border-box;}
.cont01 .class_info:hover .class_btn,.cont01 .class_btn:hover { background:#fff; color:#333; border-color:#fffff9;}

.cont01 .type_box { width:690px; height:100%;}
.cont01 .type_box > div { width:100%; height:50%;}
.cont01 .type_box .item {  padding:0 20px; text-align:center; height:100%; float:left; width:50%; box-sizing:border-box; word-break:keep-all; }
.cont01 .type_box .type_img { overflow:hidden; padding:0;}
.cont01 .type_box .type_top .item { position:relative; z-index:1; background:#79973d}
.cont01 .type_box .type_top .type_txt::before { content:''; display:inline-block; width:60px; height:60px; position:absolute; background:#79973d; transform:rotate(45deg) translateY(-50%); top:50%; left:-30px; z-index:-1;}
.cont01 .type_box .item .tit { font-weight:400; display:block; color:#fff; font-size:20px; margin-top:50px; margin-bottom:15px;}
.cont01 .type_box .item .txt { font-size:15px; color:#eee; letter-spacing:-.8px; margin-bottom:20px;}
.cont01 .type_top:hover .type_img img, .cont01 .type_bottom:hover .type_img img { transition:.3s ease-in-out; transform:scale(1.1);}

.cont01 .type_box .type_bottom .item { background:#39b54a}
.cont01 .type_box .type_bottom .type_txt {position:relative;  z-index:1;}
.cont01 .type_box .type_bottom .type_txt::before { content:''; display:inline-block; width:60px; height:60px; position:absolute; background:#39b54a; transform:rotate(45deg) translateY(-50%); top:50%; right:10px; z-index:-1;}


.cont02 {position:relative; width:100%; height:217px; background:url("/resources/img/main/cont02_bg.jpg") no-repeat; background-size:cover;}
.cont02 .inner {height:100%;}
.cont02 .banner_img { display:inline-block; width:534px; height:290px; position:absolute; right:0; bottom:0; background:url("/resources/img/main/banner01.png") no-repeat; background-size:contain;}
.cont02 .banner_tit { position:relative; bottom:54px;}
.cont02 .banner_tit > span { font-weight:bold; margin-bottom:15px; font-family:'montserrat'; color:#ddd; font-size:13px; letter-spacing:1.8px; }
.cont02 .banner_tit .tit { font-size: 40px; font-weight:400; color:#000; letter-spacing:4px;  margin-bottom:19px; }
.cont02 .banner_tit .txt {  margin-bottom:22px; line-height:160%; letter-spacing:.8px }
.cont02 .more_btn { transition:.3s ease; border:1px solid #333; display:inline-block; padding:8px 40px;} 
.cont02 .more_btn:hover { color:#fff; background:#333;}

.cont03 {width:100%; padding:92px 0 110px; background:url("/resources/img/main/cont03_bg.jpg");}
.cont03 div { box-sizing:border-box;}
.cont03 .notice { float:left; margin-right:30px; padding:33px; background:#fff; position:relative; width:520px; height:280px; border:1px solid #eee;}
.cont03 .notice::before { width:46px; height:46px; border-top:1px solid #79973d; border-left:1px solid #79973d; position:absolute; left:-1px; top:-1px; content:''; clear:both; display:block;}
.cont03 .notice::after { width:46px; height:46px; border-bottom:1px solid #79973d; border-right:1px solid #79973d; position:absolute; right:-1px; bottom:-1px; content:''; clear:both; display:block;}
.cont03 .notice h3 { margin:0 0 24px; color:#79973d; font-size:22px; font-family:'Noto Sans KR'; font-weight:400;}
.cont03 .notice li { box-sizing:border-box; margin-bottom:3px; width:100%; background:url("/resources/img/common/layout_sp.png") -794px -165px no-repeat; padding-left:13px; font-size:16px; color:#555555;}
.cont03 .notice li.first {box-sizing:border-box; margin-bottom:20px; border-bottom:1px dashed #eee; padding-left:97px; height:100px;background:url("/resources/img/common/layout_sp.png") -725px -58px no-repeat; padding-bottom:20px;}
.cont03 .notice li.first a {  width: 100%; white-space: normal;display:block;}
.cont03 .notice li.first .tit {width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:inline-block; color:#333;font-weight:400; font-size:18px; margin-bottom:5px;}
.cont03 .notice li.first .txt {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  line-height: 1.2em; height: 2.4em;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#555; font-size:16px; word-break: keep-all;}
.cont03 .notice li > a { color:#555; width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:inline-block; }
.cont03 .notice li a:hover { text-decoration:underline; }
.cont03 .notice li > span { float:right;}
.cont03 .notice .more_btn { transition:.3s ease; position:absolute; right:30px; top:30px; text-indent:-99999px; display:inline-block; width:29px; height:29px; border:1px solid #aaa; border-radius:50px; background:url("/resources/img/common/layout_sp.png") -93px -70px  no-repeat;}
.cont03 .notice .more_btn:hover { border-color:#79973d; transform:rotate(90deg);}
.cont03 .quick_btn { float:left; height:280px; width:550px; }
.cont03 .quick_btn > div { display:inline-block; width:50%;}
.cont03 .quick_btn .gallery { float:left; height:100%; background:url("/resources/img/main/gallery_bg.jpg") no-repeat; background-size:cover;}
.cont03 .quick_btn .gallery a {height:100%; display:block; text-align:center;}
.cont03 .quick_btn .gallery .ico { width:62px; height:53px; margin:52px 0 15px; display:inline-block;  background:url("/resources/img/common/layout_sp.png") -178px -1px  no-repeat;}
.cont03 .quick_btn .gallery .tit { font-weight:400; margin-bottom:25px; font-size:22px; color:#fff;}
.cont03 .quick_btn .more_btn { transition:.3s ease; color:#fff; border:1px solid #fff; padding:0 22px;line-height: 32px; height: 32px;    display: inline-block; }
.cont03 .quick_btn a:hover .more_btn { background:#fff; color:#333;}
.cont03 .quick_btn .r_btn { float:left; height:100%;}
.cont03 .quick_btn .r_btn a > p {float:left;}
.cont03 .quick_btn .r_btn a > p .tit { font-weight:400; display:block; font-size:22px; color:#fff; margin-bottom:8px; margin-top:33px; }
.cont03 .quick_btn .r_btn > div {height:50%; display:block;}
.cont03 .quick_btn .r_btn a { display:block; height:100%;}
.cont03 .quick_btn .r_btn .map { background:#20cd68;}
.cont03 .quick_btn .r_btn .qna { background:#39b54a;}
.cont03 .quick_btn .r_btn .ico {float:left; width:58px; height:58px; margin: 40px 24px 0 37px;}
.cont03 .quick_btn .r_btn .map .ico {background:url("/resources/img/common/layout_sp.png") -281px 0px  no-repeat;}
.cont03 .quick_btn .r_btn .qna .ico { background:url("/resources/img/common/layout_sp.png") -383px 4px  no-repeat;}


.shopping_bnr { display:none; position:relative; opacity:0; position: fixed; z-index:1; top:300px; right: 180px;}
.bnr_fixed { transition:.3s ease-in-out;  opacity:1;}
.shopping_bnr .bnr_close { cursor:pointer; background:#c04431; color:#fff; border-radius:50px; text-align:center; width:20px; height:20px;  font-size:13px; position:absolute; right:4px; top:-5px; box-sizing:border-box;}
.shopping_bnr .bnr_close strong {font-size:0;}
.shopping_mb {position: fixed;  bottom: 0; width: 100%; background: rgba(31,41,53,0.9); text-align: center; z-index: 3;color: #fff;  font-weight: bold;}
.shopping_mb a {transition:.3s ease; display:block; color:#fff; height:100%; font-size:18px; font-weight:300; padding:20px 0; }
.shopping_mb a span {position:absolute; right:30px; top:50%; transform: translateY(-50%); font-size:15px;  box-sizing:border-box; width:90px; text-align:center; border:1px solid #fff; border-radius:50px; padding:7px; transition:.3s ease;}
.shopping_mb a:hover {background:#2ca53d;}
.shopping_mb a:hover span { color:#333; background:#fff;}


@media screen and (max-width: 1600px){
.shopping_bnr { right:30px;}
}


@media screen and (max-width: 1200px){
	.main_contents .inner { margin:20px auto; width:95%;}
	.main_vis { height:380px;}
	.swiper-pagination { right:auto; left:50%; top:auto; bottom:50px; transform:translateX(-50%);}
	.swiper-pagination > span { display:inline-block; margin-left:5px;}
	.swiper-pagination > span:first-child { margin:0;}
	.slide_txt { top:50%; transform:translateY(-50%);}
	.slide_txt .tit1 { font-size:16px;}
	.slide_txt .vis_bigfont { font-size:30px; margin: 5px 0;}
    .slide_txt .vis_logo { background-size: contain; padding: 20px; }
	.slide_txt .tit2 { font-size:14px; text-shadow:1px 1px 5px #000;}
    .slide_txt .vis_logo2 span { display: block;  padding: 0px 50px; }
    .slide_txt .vl_lee {margin: 0 0 3px 0;}
    .slide_txt .vis_logo2 span.vl_park {padding: 0 50px;}
	.cont01 {height:350px;}
	.cont01 .class_info {position:relative; height:50%; width:100%;}
	.cont01 .class_info::before {content:''; width:100%; height:100%; background:rgba(121, 151, 61, .25); z-index:1; position:absolute; left:0;top:0;}
	.cont01 .class_info a { position:relative; z-index:1;}
	.cont01 .class_info .tit {padding-top: 40px; margin-bottom:15px; font-size:22px;}
	.cont01 .class_info .txt,.cont01 .type_box .item .txt { display:none;}
	.cont01 .type_box { width:100%; height:50%;}
	.cont01 .type_box { width:100%;}
	.cont01 .type_box > div {width:50%; height:100%; float:left;}
	.cont01 .type_box .item { padding-top:30px; width:100%;}
	.cont01 .type_txt .class_btn { margin-top:15px;}
	.cont01 .type_box .type_img {display:none;}
	
	.cont01 .type_box .item .tit { margin:0}
	.cont01 .type_box .type_top .type_txt::before,.cont01 .type_box .type_bottom .type_txt::before { display:none;}
	.cont02 { height:350px;}
	.cont02 .banner_tit { position:relative; z-index:1; text-align:center; bottom:0; padding:20px 0;}
	.cont02 .banner_img {left:50%; right:auto; transform:translateX(-50%); width:50%; height:50%;    background-position: bottom;}
	.cont02 .banner_tit > span { letter-spacing:0;}
	.cont02 .banner_tit .tit { font-size:30px;}
	.cont02 .banner_tit .txt {letter-spacing:-.8px; font-size:15px;}
	.cont02 .more_btn { background:rgba(255,255,255,.7);}
	.cont03 { padding-top:0; padding-bottom:0;}
	.cont03 .notice {padding:20px; margin-bottom:10px;}
	.cont03 .notice .more_btn {right:20px; top:20px;}
	.cont03 .notice,.cont03 .quick_btn { width:100%;}
	.cont03 .notice li.first { background:none; padding-left:0;}

}




@media screen and (max-width: 768px){
	.cont03 .quick_btn .r_btn a { text-align:center;}
	.cont03 .quick_btn .r_btn .ico { display:none;}

	.cont03 .quick_btn .r_btn a > p { width:100%;}
	.cont03 .quick_btn .r_btn a > p .tit { font-size:18px; }
	.cont03 .quick_btn .more_btn {     padding: 0 14px;}
	
}

@media screen and (max-width: 460px){
.shopping_mb a { box-sizing:border-box; padding-left:30px;}
.shopping_mb a span { position:relative; right:0; margin-left:10px;padding:7px 20px; border:0; background:#39b54a;}

}


@media screen and (max-width: 400px){
	.cont01 .type_box .item .tit {vertical-align:middle; letter-spacing:-1px;  font-size:20px; font-weight:300;}
}