/* 공통 */
p, dd{word-break:keep-all;}
.pc {display: block;}
.mob {display: none;}
.inner{max-width:1400px; margin:0 auto;}
a.main_btn{font-size: 16px; font-weight: 500; font-family: 'Montserrat'; color:#7A7A7A; padding: 10px 20px 10px 30px; display:inline-block; border-radius: 50px; border: 1px solid #7A7A7A; transition:all 0.3s;}
a.main_btn i{display:inline-block; vertical-align:middle; width: 30px; height: 30px; background:url("/img/main/main_btn_ic.svg") no-repeat center / 100%; margin-top:-3px; transition:all 0.3s;}
a.main_btn.vis{font-weight: 700; color:#000; border: 1px solid #000;}
a.main_btn.vis i{background:url("/img/main/main_btn_ic_b.svg") no-repeat center / 100%;}
a.main_btn:hover{background: #9BC31C; color:#FFF !important; border-color:#9BC31C;}
a.main_btn:hover i{background-image:url("/img/main/main_btn_ic_ov.svg") !important;}
.main_tit{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:50px;}
.main_tit .txt em{font-size: 22px; font-weight: 500; color:#6D6D6D;}
.main_tit .txt .wrap{display:flex; align-items:center; margin-top:5px;}
.main_tit .txt .wrap strong{font-size: 50px; font-family: 'Montserrat'; line-height: 1; padding-right:50px; border-right:1px solid #000;}
.main_tit .txt .wrap p{font-size: 18px; color:#6D6D6D; line-height:1.5; padding-left:50px;}
.main > div{padding:100px 0;}


/* header */
.header{height:100px; position:fixed; top:0; z-index:100; width:100%; border-bottom: 1px solid #E3E3E3;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .logo img{width: 291px;}
.header .gnb{display:flex; gap:75px; height: 100%; align-items: center;}
.header .gnb > li{position:relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 18px; font-weight: 700; text-align:center; display: block;}
.header .gnb > li > a span{font-size: 12px; font-weight: 400; display:block; margin-top:5px;}
.header .gnb > li:hover .gnb_2depth{display:block;}
.header .gnb_2depth{position:absolute; top:90px; left:50%; transform:translateX(-50%); display:none; background: #fff; padding:25px 30px; width: 200px; border: 1px solid #E3E3E3;}
.header .gnb_2depth li + li{margin-top:20px;}
.header .gnb_2depth li a{font-size: 15px; font-weight: 700; color:#6D6D6D;}
.header .gnb_2depth li a span{display:block; font-size: 12px; font-weight: 500; padding-top:5px;}
.header .gnb_2depth li a:hover{color: #F57605;}
.header .all_menu_btn img{cursor:pointer; width: 28px;}
.head_mob_btn{display:none;}
.head_bg{display:none;}
.head_mob_bg{display:none;}
.header:hover, .header.fixed{background: #FFF;}


/* all menu */
.all_menu{position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; padding-top:70px; z-index:1000;}
.all_menu .title{display:flex; justify-content:space-between; align-items:flex-end;}
.all_menu .title strong{font-size: 60px; font-family: 'Montserrat';}
.all_menu .title .all_menu_close{width: 35px; cursor:pointer;}
.all_cont{margin-top:70px;}
.all_cont li{border-bottom:1px solid rgba(0, 0, 0, 0.10); padding:40px 0; display:flex;}
.all_cont li:first-child{padding-top:0;}
.all_cont li .left{font-size: 24px; font-weight: 700; width:27%; color:#F57605;}
.all_cont li .left p{font-size: 12px; font-weight: 400; margin-top:5px;}
.all_cont li .right{width:73%; display:flex;}
.all_cont li .right dl{width:25%;}
.all_cont li .right dt a{font-size: 18px; font-weight: 700;}
.all_cont li .right dt a p{font-size: 12px; font-weight: 500; color:#6D6D6D; padding-top:5px;}
.all_cont li .right dd{margin-top:13px;}
.all_cont li .right dd a{font-size: 15px; color:#6D6D6D;}
.all_cont li .right dt:hover a, .all_cont li .right dt:hover a p, .all_cont li .right dd a:hover{color:#649C30;}


/* visual */
.vis_slide{position:relative; height: 770px; padding:0 !important;}
.vis_slide .vis01{background:url("/img/main/vis_img1.jpg") no-repeat center / cover;}
.vis_slide .vis_txt{margin-top:265px;}
.vis_slide .vis_txt em{font-size: 22px; font-weight: 500; letter-spacing: -0.4px;}
.vis_slide .vis_txt .title{font-size: 60px; font-weight: 900; letter-spacing: -2px; color:#649C30; margin-top:5px;}
.vis_slide .vis_txt p{font-size: 18px; margin-top:20px; line-height:1.5;}
.vis_slide .vis_txt .main_btn{margin-top:35px;}
.vis_arrow div{position:absolute; top:50%; transform:translateY(-50%); width: 60px; z-index:10; cursor:pointer;}
.vis_arrow .prev{left:65px;}
.vis_arrow .next{right:65px;}
.vis_page{position:absolute; bottom:50px !important; z-index:10; display:flex; justify-content:center; align-items:center; gap:25px;}
.vis_page .swiper-pagination-bullet{width: 5px; height: 5px; background:#6D6D6D; border-radius:50%; margin:0 !important; opacity:1;}
.vis_page .swiper-pagination-bullet-active{width: 15px; height: 15px; background:none; border:2px solid #6D6D6D;}


/* sec1 */
/* .sec1_slide .swiper-slide{width: 430px; margin:0 30px;} */
.sec1_slide_wrap{position:relative;}
.sec1_slide{position:initial;}
.sec1_slide .swiper-slide .img{position:relative; width:100%; height: 330px;}
.sec1_slide .swiper-slide .img:before{content:''; display:block; width:100%; height:100%; position:absolute; background:linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.20) 100%); opacity: 0; transition:all 0.3s;}
.sec1_slide .swiper-slide .img:after{content:''; display:block; width: 60px; height: 60px; position:absolute; background: #9BC31C url("/img/main/img_ov_ic.svg") no-repeat center / 30px; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); opacity: 0; transition:all 0.3s;}
.sec1_slide .swiper-slide:hover .img:before{opacity: 0.7;}
.sec1_slide .swiper-slide:hover .img:after{opacity: 1;}
.sec1_slide .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}
.sec1_slide .swiper-slide .img .cate{position:absolute; top:15px; left:15px; font-size: 14px; font-weight: 700; font-family: 'Montserrat'; display:inline-block; color:#fff; padding: 8px 16px; background: #9BC31C;}
.sec1_slide .swiper-slide .img .best{width: 50px; height: 50px; position:absolute; bottom:20px; right:20px; background: url("/img/main/best_ic.svg") no-repeat center / 100%;}
.sec1_slide .swiper-slide .txt{margin-top:40px;}
.sec1_slide .swiper-slide .txt strong{display:block; font-size: 24px; letter-spacing: -0.4px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.sec1_slide .swiper-slide .txt p{font-size: 18px; color:#6D6D6D; line-height:1.5; margin-top:15px; height: 54px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sec1_slide .swiper-slide .txt .bt_wrap{margin-top:25px; display:flex; justify-content:space-between; align-items:center;}
.sec1_slide .swiper-slide .txt .bt_wrap .age{font-size: 20px; font-weight: 500; color:#8E8E8E; display:inline-block; padding: 10px 30px; border-radius: 30px; border: 1px solid #E3E3E3;}
.sec1_slide .swiper-slide .txt .bt_wrap .star i{display:inline-block; width: 25px; height: 25px; background:url("/img/main/star_fill.svg") no-repeat center / 100%; margin-left:10px;}
.sec1_slide .swiper-slide .txt .bt_wrap .star i.empty{background-image:url("/img/main/star_empty.svg");}
/* .sec1_slide .sec1_arrow{margin-top:60px; display:flex; justify-content:center; gap:15px;} */
.sec1_arrow div{width:60px; height: 60px; cursor:pointer; transition:all 0.3s; position:absolute; top:50%; transform:translateY(-50%);}
.sec1_arrow .prev{background:url("/img/main/sec1_arrow_prev.svg") no-repeat center / 100%; left:-100px;}
.sec1_arrow .prev:hover{background-image:url("/img/main/sec1_arrow_prev_ov.svg");}
.sec1_arrow .next{background:url("/img/main/sec1_arrow_next.svg") no-repeat center / 100%; right:-100px;}
.sec1_arrow .next:hover{background-image:url("/img/main/sec1_arrow_next_ov.svg");}


/* sec2 */
.sec2{height: 650px; background:url("/img/main/sec2_bg_img.jpg") no-repeat center / cover; padding:0 !important;}
.sec2 > a{display:block; height:100%; cursor:none;}
.sec2 .inner{height: 100%;}
.sec2_txt{height: 100%; display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff;}
.sec2_txt em{font-size: 30px; font-family: 'Montserrat';}
.sec2_txt .title{font-size: 60px; font-weight: 900; letter-spacing: -2px; margin-top:15px;}
.sec2_txt p{font-size: 18px; line-height:1.5; margin-top:20px;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none;}
.cursor{display:flex; justify-content:center; align-items:center; width: 0px; height: 0px; border-radius:50%; background:#9BC31C; gap:15px; transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor.on{width: 200px; height: 200px;}
.cursor span{font-size: 0; font-weight: 700; letter-spacing: -0.4px; color:#fff; transition:all 0.3s;}
.cursor.on span{font-size: 24px;}
.cursor img{width:0; transition:all 0.3s;}
.cursor.on img{width:17px;}


/* sec3 */
.sec3{background: #F4FAEF;}
.sec3_slide .img{width:100%; height: 360px; position:relative;}
.sec3_slide .img img{width:100%; height:100%; object-fit:cover;}
.sec3_slide .img:before{content:''; display:block; width:100%; height:100%; position:absolute; background:linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.20) 100%); opacity: 0; transition:all 0.3s;}
.sec3_slide .img:after{content:''; display:block; width: 80px; height: 80px; position:absolute; background: #9BC31C url("/img/main/img_ov_ic.svg") no-repeat center / 40px; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); opacity: 0; transition:all 0.3s;}
.sec3_slide .swiper-slide:hover .img:before{opacity: 0.7;}
.sec3_slide .swiper-slide:hover .img:after{opacity: 1;}
.sec3_slide .txt{margin-top:40px;}
.sec3_slide .txt strong{font-size: 24px; letter-spacing: -0.4px; line-height:1.4; max-height: 63px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sec3_slide .txt p{font-size: 18px; color:#6D6D6D; line-height:1.5; margin-top:20px; max-height: 54px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sec3_slide .txt span{display:block; margin-top:25px; font-size: 18px; color:#BEBEBE;}
.sec3_bt{margin-top:65px; display:flex; align-items:center; justify-content:space-between;}
.sec3_bt .scrollbar{width: 1230px; height: 3px; background: #D9D9D9;}
.sec3_bt .swiper-scrollbar-drag{background: #000;}
.sec3_bt .right{display:flex; align-items:center; gap:25px;}
.sec3_bt .right .arrow{width: 20px; cursor:pointer;}
.sec3_bt .right .page{position: initial !important; font-size: 18px; font-family: 'Montserrat'; color:#6D6D6D; width: 40px;}
.sec3_bt .right .swiper-pagination-current{font-weight: 700; color:#000;}


/* sec4 */
.sec4 .tabnav{display:flex; gap:15px;}
.sec4 .tabnav li a{font-size: 18px; font-weight: 700; color:#BEBEBE; padding: 0 40px; line-height: 50px; display:block; border-radius: 50px; border: 1px solid #BEBEBE; font-family: 'Montserrat';}
.sec4 .tabnav li a.active{background: #649C30; color:#fff; border-color:#649C30;}
.sec4 .tabcont{margin-top:50px; position:relative;}
.sec4 .news_slide .swiper-slide a{display:flex; gap:40px;}
.sec4 .news_slide .swiper-slide .img{width: 250px; height: 200px;}
.sec4 .news_slide .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}
.sec4 .news_slide .swiper-slide .txt{width:calc(100% - 250px - 40px);}
.sec4 .swiper-slide .txt strong{font-size: 24px; letter-spacing: -0.4px; line-height:1.4; max-height: 63px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition:all 0.3s;}
.sec4 .swiper-slide:hover .txt strong{color:#649C30;}
.sec4 .swiper-slide .txt p{font-size: 18px; color:#6D6D6D; line-height:1.5; margin-top:15px; max-height: 54px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sec4 .swiper-slide .txt span{display:block; margin-top:35px; font-size: 18px; color:#BEBEBE;}
.sec4 .sec1_arrow div{position:absolute; top:50%; transform:translateY(-50%); width: 60px; cursor:pointer;}
.sec4 .sec1_arrow .prev{left:-135px;}
.sec4 .sec1_arrow .next{right:-135px;}
.sec4 .logo{margin-top:110px; text-align:center;}
.sec4 .logo img{width:516.5px;}


/* quick menu */
#quick_menu{position:fixed; bottom:70px; right:60px; z-index:100;}
#quick_menu a{display:block; border-radius: 50px; background: #E7E7E7; padding:25px 20px; text-align:center;}
#quick_menu a img{width: 30px;}
#quick_menu a p{font-size: 14px; font-weight: 700; color:#6D6D6D; margin-top:15px;}


/* footer */
.footer{background: #000; padding:80px 0;}
.footer .inner{display:flex; justify-content:space-between;}
.footer .ft_lt{display:flex; gap:60px;}
.footer .ft_lt .logo{width: 291px;}
.footer .ft_lt .logo img{width:100%;}
.footer .ft_lt .info{font-size: 16px; }
.footer .ft_lt .info strong{font-weight: 600; color:#fff;}
.footer .ft_lt .info p{color:#BEBEBE; margin-top:10px;}
.footer .ft_lt .info p span + span{margin-left:20px;}
.footer .ft_lt .info .copy{font-weight: 300; color:#fff; margin-top:25px;}
.footer .ft_rt{text-align:right;}
.footer .ft_rt li + li{margin-top:10px;}
.footer .ft_rt li a{font-size: 16px; color:#BEBEBE;}
.footer .ft_rt li:first-child a{color:#fff;}




@media screen and (max-width:1700px){

	.vis_arrow .prev{left: 0;}
	.vis_arrow .next{right: 0;}

	.sec4 .sec1_arrow{display:flex; gap:15px; position:absolute; right:0; top:-110px;}
	.sec4 .sec1_arrow div{position:initial; transform: translateY(0);}

}


@media screen and (max-width:1620px){

	.sec1_slide .sec1_arrow{margin-top:60px; display:flex; justify-content:center; gap:15px;}
	.sec1_arrow div{position:initial; transform:translateY(0);}

}


@media screen and (max-width:1540px){

	.vis_arrow{display:none;}

}



@media screen and (max-width:1400px){

	/* 공통 */
	.inner{max-width:100%; padding:0 2.86vw;}
	a.main_btn{font-size: 1.14vw; padding: 0.71vw 1.43vw 0.71vw 2.14vw;}
	a.main_btn i{width: 2.14vw; height: 2.14vw; margin-top:-0.21vw;}
	.main_tit{margin-bottom:3.57vw;}
	.main_tit .txt em{font-size: 1.57vw;}
	.main_tit .txt .wrap{margin-top:0.36vw;}
	.main_tit .txt .wrap strong{font-size: 3.57vw; padding-right:3.57vw;}
	.main_tit .txt .wrap p{font-size: 1.29vw; padding-left:3.57vw;}
	.main > div{padding:7.14vw 0;}


	/* header */
	.header{height:7.14vw;}
	.header .logo img{width: 20.79vw;}
	.header .gnb{gap:5.36vw;}
	.header .gnb > li > a{font-size: 1.29vw;}
	.header .gnb > li > a span{font-size: 0.86vw; margin-top:0.36vw;}
	.header .gnb_2depth{top:6.43vw; padding:1.79vw 2.14vw; width: 14.29vw;}
	.header .gnb_2depth li + li{margin-top:1.43vw;}
	.header .gnb_2depth li a{font-size: 1.07vw;}
	.header .gnb_2depth li a span{font-size: 0.86vw; padding-top:0.36vw;}
	.header .all_menu_btn img{width: 2.00vw;}


	/* all menu */
	.all_menu{padding-top:5.00vw;}
	.all_menu .title strong{font-size: 4.29vw;}
	.all_menu .title .all_menu_close{width: 2.50vw;}
	.all_cont{margin-top:5.00vw;}
	.all_cont li{padding:2.86vw 0;}
	.all_cont li .left{font-size: 1.71vw;}
	.all_cont li .left p{font-size: 0.86vw; margin-top:0.36vw;}
	.all_cont li .right{width:73%;}
	.all_cont li .right dl{width:25%;}
	.all_cont li .right dt a{font-size: 1.29vw;}
	.all_cont li .right dt a p{font-size: 0.86vw; padding-top:0.36vw;}
	.all_cont li .right dd{margin-top:0.93vw;}
	.all_cont li .right dd a{font-size: 1.07vw;}


	/* visual */
	.vis_slide{height: 55.00vw;}
	.vis_slide .vis_txt{margin-top:18.93vw;}
	.vis_slide .vis_txt em{font-size: 1.57vw;}
	.vis_slide .vis_txt .title{font-size: 4.29vw; margin-top:0.36vw;}
	.vis_slide .vis_txt p{font-size: 1.29vw; margin-top:1.43vw;}
	.vis_slide .vis_txt .main_btn{margin-top:2.50vw;}
	.vis_arrow div{width: 4.29vw;}
	.vis_arrow .prev{left:4.64vw;}
	.vis_arrow .next{right:4.64vw;}
	.vis_page{bottom:3.57vw !important; gap:1.79vw;}


	/* sec1 */
	/* .sec1_slide .swiper-slide{width: 26vw; margin:0 2.14vw;} */
	.sec1_slide .swiper-slide .img{height: 21.57vw;}
	.sec1_slide .swiper-slide .img:after{width: 4.29vw; height: 4.29vw; background-size: 2.14vw;}
	.sec1_slide .swiper-slide .img .cate{top:1.07vw; left:1.07vw; font-size: 1.00vw; padding: 0.57vw 1.14vw;}
	.sec1_slide .swiper-slide .img .best{width: 3.57vw; height: 3.57vw; bottom:1.43vw; right:1.43vw;}
	.sec1_slide .swiper-slide .txt{margin-top:2.86vw;}
	.sec1_slide .swiper-slide .txt strong{font-size: 1.71vw;}
	.sec1_slide .swiper-slide .txt p{font-size: 1.29vw; margin-top:1.07vw; height: 3.86vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap{margin-top:1.79vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .age{font-size: 1.43vw; padding: 0.71vw 2.14vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .star i{width: 1.79vw; height: 1.79vw; margin-left:0.71vw;}
	.sec1_slide .sec1_arrow{margin-top:4.29vw; gap:1.07vw;}
	.sec1_arrow div{width:4.29vw; height: 4.29vw;}


	/* sec2 */
	.sec2{height: 46.43vw;}
	.sec2_txt em{font-size: 2.14vw;}
	.sec2_txt .title{font-size: 4.29vw; margin-top:1.07vw;}
	.sec2_txt p{font-size: 1.29vw; margin-top:1.43vw;}
	.cursor{gap:1.07vw;}
	.cursor.on{width: 14.29vw; height: 14.29vw;}
	.cursor.on span{font-size: 1.71vw;}
	.cursor.on img{width:1.21vw;}


	/* sec3 */
	.sec3_slide .img{height: 25.71vw;}
	.sec3_slide .img:after{width: 5.71vw; height: 5.71vw; background-size: 2.86vw;}
	.sec3_slide .txt{margin-top:2.86vw;}
	.sec3_slide .txt strong{font-size: 1.71vw; max-height: 4.50vw;}
	.sec3_slide .txt p{font-size: 1.29vw; margin-top:1.43vw; max-height: 3.86vw;}
	.sec3_slide .txt span{margin-top:1.79vw; font-size: 1.29vw;}
	.sec3_bt{margin-top:4.64vw;}
	.sec3_bt .scrollbar{width: 79.86vw;}
	.sec3_bt .right{gap:1.79vw;}
	.sec3_bt .right .arrow{width: 1.43vw;}
	.sec3_bt .right .page{font-size: 1.29vw; width: 2.86vw;}


	/* sec4 */
	.sec4 .tabnav{gap:1.07vw;}
	.sec4 .tabnav li a{font-size: 1.29vw; padding: 0 2.86vw; line-height: 3.57vw;}
	.sec4 .tabcont{margin-top:3.57vw;}
	.sec4 .news_slide .swiper-slide a{gap:2.86vw;}
	.sec4 .news_slide .swiper-slide .img{width: 17.86vw; height: 14.29vw;}
	.sec4 .news_slide .swiper-slide .txt{width:calc(100% - 17.86vw - 2.86vw);}
	.sec4 .swiper-slide .txt strong{font-size: 1.71vw; max-height: 4.50vw;}
	.sec4 .swiper-slide .txt p{font-size: 1.29vw; margin-top:1.07vw; max-height: 3.86vw;}
	.sec4 .swiper-slide .txt span{ margin-top:2.50vw; font-size: 1.29vw;}
	.sec4 .sec1_arrow{gap:1.07vw; top:-7.86vw;}
	.sec4 .sec1_arrow div{width: 4.29vw;}
	.sec4 .logo{margin-top:7.86vw;}
	.sec4 .logo img{width:36.89vw;}


	/* quick menu */
	#quick_menu{bottom:5.00vw; right:2.86vw;}
	#quick_menu a{padding:1.79vw 1.43vw;}
	#quick_menu a img{width: 2.14vw;}
	#quick_menu a p{font-size: 1.00vw; margin-top:1.07vw;}


	/* footer */
	.footer{padding:5.71vw 0;}
	.footer .ft_lt{gap:4.29vw;}
	.footer .ft_lt .logo{width: 20.79vw;}
	.footer .ft_lt .info{font-size: 1.14vw;}
	.footer .ft_lt .info p{margin-top:0.71vw;}
	.footer .ft_lt .info p span + span{margin-left:1.43vw;}
	.footer .ft_lt .info .copy{margin-top:1.79vw;}
	.footer .ft_rt li + li{margin-top:0.71vw;}
	.footer .ft_rt li a{font-size: 1.14vw;}

}



@media screen and (max-width:1280px){

	/* 공통 */
	.inner{padding:0 3.13vw;}
	a.main_btn{font-size: 1.27vw; padding: 0.70vw 1.41vw 0.70vw 2.11vw;}
	a.main_btn i{width: 2.11vw; height: 2.11vw; margin-top:-0.23vw;}
	.main_tit{margin-bottom:3.59vw;}
	.main_tit .txt em{font-size: 1.56vw;}
	.main_tit .txt .wrap{margin-top:0.39vw;}
	.main_tit .txt .wrap strong{font-size: 3.59vw; padding-right:2.7vw;}
	.main_tit .txt .wrap p{font-size: 1.43vw; padding-left:2.7vw;}
	.main > div{padding:7.11vw 0;}


	/* header */
	.header{height:7.11vw;}
	.header .logo img{width: 24.78vw;}
	.header .gnb{gap:4.39vw;}
	.header .gnb > li > a{font-size: 1.43vw;}
	.header .gnb > li > a span{font-size: 1.2vw; margin-top:0.39vw;}
	.header .gnb_2depth{top:6.41vw; padding:1.80vw 2.11vw; width: 14.30vw;}
	.header .gnb_2depth li + li{margin-top:1.41vw;}
	.header .gnb_2depth li a{font-size: 1.39vw;}
	.header .gnb_2depth li a span{font-size: 1.2vw; padding-top:0.39vw;}
	.header .all_menu_btn img{width: 2.03vw;}


	/* all menu */
	.all_menu{padding-top:5.00vw;}
	.all_menu .title strong{font-size: 4.30vw;}
	.all_menu .title .all_menu_close{width: 2.50vw;}
	.all_cont{margin-top:5.00vw;}
	.all_cont li{padding:2.89vw 0;}
	.all_cont li .left{font-size: 1.72vw;}
	.all_cont li .left p{font-size: 1.3vw; margin-top:0.39vw;}
	.all_cont li .right{width:73%;}
	.all_cont li .right dl{width:25%;}
	.all_cont li .right dt a{font-size: 1.53vw;}
	.all_cont li .right dt a p{font-size: 1.2vw; padding-top:0.39vw;}
	.all_cont li .right dd{margin-top:0.94vw;}
	.all_cont li .right dd a{font-size: 1.3vw;}


	/* visual */
	.vis_slide{height: 55.00vw;}
	.vis_slide .vis_txt{margin-top:18.91vw;}
	.vis_slide .vis_txt em{font-size: 1.56vw;}
	.vis_slide .vis_txt .title{font-size: 4.30vw; margin-top:0.39vw;}
	.vis_slide .vis_txt p{font-size: 1.43vw; margin-top:1.41vw;}
	.vis_slide .vis_txt .main_btn{margin-top:2.50vw;}
	.vis_arrow div{width: 4.30vw;}
	.vis_arrow .prev{left:4.61vw;}
	.vis_arrow .next{right:4.61vw;}
	.vis_page{bottom:3.59vw !important; gap:1.80vw;}
	.vis_page .swiper-pagination-bullet{width: 4px; height: 4px;}
	.vis_page .swiper-pagination-bullet-active{width: 12px; height: 12px;}


	/* sec1 */
	/* .sec1_slide .swiper-slide{width: 26.02vw; margin:0 2.11vw;} */
	.sec1_slide .swiper-slide .img{height: 21.41vw;}
	.sec1_slide .swiper-slide .img:after{width: 4.30vw; height: 4.30vw; background-size: 2.11vw;}
	.sec1_slide .swiper-slide .img .cate{top:1.09vw; left:1.09vw; font-size: 1.02vw; padding: 0.55vw 1.17vw;}
	.sec1_slide .swiper-slide .img .best{width: 3.59vw; height: 3.59vw; bottom:1.41vw; right:1.41vw;}
	.sec1_slide .swiper-slide .txt{margin-top:2.89vw;}
	.sec1_slide .swiper-slide .txt strong{font-size: 1.72vw;}
	.sec1_slide .swiper-slide .txt p{font-size: 1.43vw; margin-top:1.09vw; height: 3.83vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap{margin-top:1.80vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .age{font-size: 1.41vw; padding: 0.70vw 2.11vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .star i{width: 1.80vw; height: 1.80vw; margin-left:0.70vw;}
	.sec1_slide .sec1_arrow{margin-top:4.30vw; gap:1.09vw;}
	.sec1_arrow div{width:4.30vw; height: 4.30vw;}


	/* sec2 */
	.sec2{height: 46.41vw;}
	.sec2_txt em{font-size: 2.11vw;}
	.sec2_txt .title{font-size: 4.30vw; margin-top:1.09vw;}
	.sec2_txt p{font-size: 1.43vw; margin-top:1.41vw;}
	.cursor{gap:1.09vw;}
	.cursor.on{width: 14.30vw; height: 14.30vw;}
	.cursor.on span{font-size: 1.72vw;}
	.cursor.on img{width:1.17vw;}


	/* sec3 */
	.sec3_slide .img{height: 25.70vw;}
	.sec3_slide .img:after{width: 5.70vw; height: 5.70vw; background-size: 2.89vw;}
	.sec3_slide .txt{margin-top:2.89vw;}
	.sec3_slide .txt strong{font-size: 1.72vw; max-height: 4.53vw;}
	.sec3_slide .txt p{font-size: 1.43vw; margin-top:1.41vw; max-height: 3.83vw;}
	.sec3_slide .txt span{margin-top:1.80vw; font-size: 1.43vw;}
	.sec3_bt{margin-top:4.61vw;}
	.sec3_bt .scrollbar{width: 79.84vw;}
	.sec3_bt .right{gap:1.80vw;}
	.sec3_bt .right .arrow{width: 1.41vw;}
	.sec3_bt .right .page{font-size: 1.43vw; width: 2.89vw;}


	/* sec4 */
	.sec4 .tabnav{gap:1.09vw;}
	.sec4 .tabnav li a{font-size: 1.43vw; padding: 0 2.89vw; line-height: 3.59vw;}
	.sec4 .tabcont{margin-top:3.59vw;}
	.sec4 .news_slide .swiper-slide a{gap:2.89vw;}
	.sec4 .news_slide .swiper-slide .img{width: 17.89vw; height: 14.30vw;}
	.sec4 .news_slide .swiper-slide .txt{width:calc(100% - 17.89vw - 2.89vw);}
	.sec4 .swiper-slide .txt strong{font-size: 1.72vw; max-height: 4.53vw;}
	.sec4 .swiper-slide .txt p{font-size: 1.43vw; margin-top:1.09vw; max-height: 3.83vw;}
	.sec4 .swiper-slide .txt span{ margin-top:2.50vw; font-size: 1.43vw;}
	.sec4 .sec1_arrow{gap:1.09vw; top:-7.89vw;}
	.sec4 .sec1_arrow div{width: 4.30vw;}
	.sec4 .logo{margin-top:7.89vw;}
	.sec4 .logo img{width:40.35vw;}


	/* quick menu */
	#quick_menu{bottom:5.00vw; right:2.89vw;}
	#quick_menu a{padding:1.80vw 1.41vw;}
	#quick_menu a img{width: 2.11vw;}
	#quick_menu a p{font-size: 1.02vw; margin-top:1.09vw;}


	/* footer */
	.footer{padding:5.70vw 0;}
	.footer .ft_lt{gap:4.30vw;}
	.footer .ft_lt .logo{width: 24.78vw;}
	.footer .ft_lt .info{font-size: 1.27vw;}
	.footer .ft_lt .info p{margin-top:0.70vw;}
	.footer .ft_lt .info p span + span{margin-left:1.41vw;}
	.footer .ft_lt .info .copy{margin-top:1.80vw;}
	.footer .ft_rt li + li{margin-top:0.70vw;}
	.footer .ft_rt li a{font-size: 1.27vw;}

}



@media screen and (max-width:768px){

	/* 공통 */
	.pc {display: none;}
	.mob {display: block;}
	.inner{padding:0 3.13vw;}
	a.main_btn{font-size: 3.00vw; padding: 2.00vw 3.34vw 2.00vw 4.52vw; margin:4.5vw 0 0 3.99vw;}
	a.main_btn.vis{margin:0;}
	a.main_btn i{width: 5.52vw; height: 5.52vw; margin-top:-0.39vw;}
	.main_tit{margin-bottom:10.99vw; display:block;}
	.main_tit .txt em{font-size: 4.17vw;}
	.main_tit .txt .wrap{margin-top:1.2vw; display:block;}
	.main_tit .txt .wrap strong{font-size: 9.11vw; padding-right:0; display:block; border-right:none;}
	.main_tit .txt .wrap p{font-size: 3.5vw; padding-left:3.99vw; border-left:1px solid #000; line-height:1.3; margin-top:6vw;}
	.main_tit .txt .wrap p br{display:none;}
	.main > div{padding:15.85vw 0;}


	/* header */
	.header{height:15.63vw;}
	.header .logo img{width: 57.29vw;}
	.header .gnb{display:none;}
	.header .all_menu_btn .head_btn{display:none;}
	.header .all_menu_btn .head_mob_btn{display:block;}
	.header .all_menu_btn img{width: 4.89vw;}

    html.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
	body.active {height: 100% !important; min-height: 100% !important;  overflow:hidden !important; touch-action:none;}
	.head_mob_overlay {display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
	.head_mob_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 88%; padding: 0 4.21vw; background: #fff; overflow-y: scroll; z-index: 710;}
	.head_mob_bg.active {display: block;}
	.head_mob_tp {padding: 16.21vw 0 10vw; position:relative;}
	.head_mob_tp .logo img {width: 57.29vw;}
	.head_mob_close {width: 6.51vw; height: 6.51vw; position:absolute; top:5vw; right: -1.60vw; cursor:pointer;}
	.accordion {margin-top: 1.95vw;}
	.accordion > li:last-child .link {border-bottom: 1px solid #E7E7E7;}
	.accordion .link {position: relative; cursor: pointer; padding: 3.88vw 0; display: block; font-size: 4.17vw; font-weight: 700; border-top: 1px solid #E7E7E7;}
	.accordion .link:after{content:''; display:block; width: 1.58vw; height: 2.79vw; background:url("/img/main/accordion_arrow.svg") no-repeat center / contain; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s;}
	.accordion .link p{font-size: 2.86vw; font-weight: 400; margin-top:1.5vw;}
	.accordion .link a {display: block;}
	.accordion li.open .link {color: #649C30;}
	.accordion li.open .link:after{background-image:url("/img/main/accordion_arrow_on.svg"); transform:translateY(-50%) rotate(90deg);}
	.accordion li:last-child.open .submenu{border-top:none;}
	.submenu {display: none;  padding: 7vw 3.91vw; border-top: 1px solid #E7E7E7; background: #F4FAEF;}
	.submenu li + li {margin-top: 3vw;}
	.submenu a {display: block; font-size: 3.65vw; font-weight: 700;}
	.submenu a span{font-size:2.60vw; font-weight: 500; color:#6D6D6D; display:inline-block; vertical-align:middle; margin-left:1vw;}
	.submenu a:hover, .submenu a:hover span {color: #649C30;}
	.head_bg.on {display: none;}


	/* visual */
	.vis_slide{height: 135.42vw;}
	.vis_slide .vis01{background: url("/img/main/vis_img1_mob.jpg") no-repeat center / cover; }
	.vis_slide .vis_txt{margin-top:20.51vw;}
	.vis_slide .vis_txt em{font-size: 3.60vw;}
	.vis_slide .vis_txt .title{font-size: 7.16vw; margin-top:1.8vw;}
	.vis_slide .vis_txt p{font-size: 3.13vw; margin-top:2.4vw;}
	.vis_slide .vis_txt .main_btn{margin-top:4.17vw;}
	.vis_arrow div{width: 7.16vw;}
	.vis_arrow .prev{left:7.68vw;}
	.vis_arrow .next{right:7.68vw;}
	.vis_page{bottom:5.99vw !important; gap:3.99vw;}
	.vis_page .swiper-pagination-bullet{width: 5px; height: 5px;}
	.vis_page .swiper-pagination-bullet-active{width: 15px; height: 15px;}


	/* sec1 */
	/* .sec1_slide .swiper-slide{width: 81.36vw; margin:0 2.5vw;} */
	.sec1_slide .swiper-slide .img{height: 67.68vw;}
	.sec1_slide .swiper-slide .img:after{width: 11.16vw; height: 11.16vw; background-size: 5.52vw;}
	.sec1_slide .swiper-slide .img .cate{top:2.82vw; left:2.82vw; font-size: 3.13vw; padding: 2.2vw 3.95vw;}
	.sec1_slide .swiper-slide .img .best{width: 8.99vw; height: 8.99vw; bottom:3.34vw; right:3.34vw;}
	.sec1_slide .swiper-slide .txt{margin-top:6.82vw;}
	.sec1_slide .swiper-slide .txt strong{font-size: 4.17vw;}
	.sec1_slide .swiper-slide .txt p{font-size: 3.65vw; margin-top:2.82vw; height: 10.38vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap{margin-top:4.99vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .age{font-size: 3.65vw; padding: 2vw 6.52vw;}
	.sec1_slide .swiper-slide .txt .bt_wrap .star i{width: 4.29vw; height: 4.29vw; margin-left:1.7vw;}
	.sec1_slide .sec1_arrow{margin-top:8.16vw; gap:2.5vw;}
	.sec1_arrow div{width:10.16vw; height: 10.16vw;}


	/* sec2 */
	.sec2{height: 91.15vw; background:url("/img/main/sec2_bg_img_mob.jpg") no-repeat center / cover;}
	.sec2_txt em{font-size: 4.17vw;}
	.sec2_txt .title{font-size: 7.16vw; margin-top:4.82vw;}
	.sec2_txt p{font-size: 3.65vw; margin-top:4.34vw;}
	.sec2 .main_btn{width: fit-content; margin: 5.5vw auto 0; border-color:#fff; color:#fff;}
	.sec2 .main_btn i{background: url(/img/main/main_btn_ic_ov.svg) no-repeat center / 100%;}
	#cursor_div{display:none;}
	.cursor{gap:1.82vw;}
	.cursor.on{width: 23.83vw; height: 23.83vw;}
	.cursor.on span{font-size: 2.86vw;}
	.cursor.on img{width:1.95vw;}


	/* sec3 */
	.sec3_slide .img{height: 47.84vw;}
	.sec3_slide .img:after{width:12.51vw; height: 12.51vw; background-size: 5.82vw;}
	.sec3_slide .txt{margin-top:5.82vw;}
	.sec3_slide .txt strong{font-size: 4.17vw; max-height: 10.55vw;}
	.sec3_slide .txt p{font-size: 3.65vw; margin-top:5.34vw; max-height: 10.68vw;}
	.sec3_slide .txt span{margin-top:4.99vw; font-size: 3.65vw;}
	.sec3_bt{margin-top:8.68vw;}
	.sec3_bt .scrollbar{width: 63.07vw; height: 4px;}
	.sec3_bt .right{gap:3.13vw;}
	.sec3_bt .right .arrow{width: 3.34vw;}
	.sec3_bt .right .page{font-size: 3.13vw; width: 7vw;}


	/* sec4 */
	.sec4 .tabnav{gap:2.82vw; justify-content:center;}
	.sec4 .tabnav li a{font-size: 3.65vw; padding: 0 7.82vw; line-height: 8.99vw;}
	.sec4 .tabcont{margin-top:9.99vw;}
	.sec4 .news_slide .swiper-slide a{flex-direction:column; gap:5.82vw;}
	.sec4 .news_slide .swiper-slide .img{width: 100%; height: 49.83vw;}
	.sec4 .news_slide .swiper-slide .txt{width:100%;}
	.sec4 .swiper-slide .txt strong{font-size: 4.17vw; max-height: 11.5vw;}
	.sec4 .swiper-slide .txt p{font-size: 3.65vw; margin-top:3.82vw; max-height: 10.68vw;}
	.sec4 .swiper-slide .txt span{margin-top:5.17vw; font-size: 3.65vw;}
	.sec4 .sec1_arrow{justify-content:center; gap:1.82vw; position:initial; margin-top: 8vw;}
	.sec4 .sec1_arrow div{width: 10.16vw;}
	.sec4 .logo{margin-top:13.15vw;}
	.sec4 .logo img{width:67.25vw;}


	/* quick menu */
	#quick_menu{bottom:10.33vw; right:3.13vw;}
	#quick_menu a{padding:3.99vw 2.34vw;}
	#quick_menu a img{width: 4.52vw;}
	#quick_menu a p{font-size: 2.60vw; margin-top:1.82vw;}


	/* footer */
	.footer{padding:13.51vw 0;}
	.footer .inner{display:block;}
	.footer .ft_lt{display:block;}
	.footer .ft_lt .logo{width: 57.29vw;}
	.footer .ft_lt .info{font-size: 3.65vw; margin-top:9vw; line-height:1.5;}
	.footer .ft_lt .info p{margin-top:3.17vw;}
	.footer .ft_lt .info p span{display:block;}
	.footer .ft_lt .info p span + span{margin-left:0;}
	.footer .ft_lt .info .copy{margin-top:5.99vw;}
	.footer .ft_rt{text-align:left; display:flex; gap:4vw; margin-top:7.99vw;}
	.footer .ft_rt li + li{margin-top:0;}
	.footer .ft_rt li a{font-size: 3.65vw; color:#FFF;}

}