@charset "utf-8";

/* 반응형 재정의 : footer 넓이*/
.res_wrap{position:relative;width:1500px;margin:0 auto;}

@media screen and (max-width:1540px){
	.res_wrap{width:94%;margin:0 auto;}
}



/*메인비주얼*/
#main_visual_area{position:relative;background-color:#000;height:930px;overflow:hidden;}
#main_visual_area .typo{position:absolute;width:1000px;height:320px;left:50%;top:50%;margin-top:-90px;margin-left:-500px;text-align:center;z-index:4003;}
#main_visual_area .eng{font-size:14.8px;font-weight:600;color:#fff;letter-spacing:0;opacity:0.8;}
#main_visual_area .slogan span{color:#ffa902;}
#main_visual_area .slogan{font-size:68.4px;font-weight:900;color:#fff;line-height:68px;padding:35px 0 30px;letter-spacing:0px;text-shadow:1px 1px 1px rgba(0,0,0,0.25);}
#main_visual_area .exp{font-size:50px;font-weight:200;color:#fff;line-height:64px;letter-spacing:-1px;}

@media screen and (max-width:960px) {
#main_visual_area{height:500px;}
#main_visual_area .typo{width:100%;left:0;height:204px;margin-top:-50px;margin-left:0;text-align:center;}
#main_visual_area .eng{font-size:13px;}
#main_visual_area .slogan{font-size:46px;line-height:46px;padding:10px 0 12px;letter-spacing:-1px;}
#main_visual_area .exp{font-size:27px;line-height:30px;padding:0 30px;}
}

@media screen and (max-width:480px) {
#main_visual_area{height:280px;}
#main_visual_area .typo{height:100px;margin-top:-20px;}
#main_visual_area .eng{font-size:9px;}
#main_visual_area .slogan{font-size:28px;line-height:30px;padding:8px 0 8px;letter-spacing:-1px;}
#main_visual_area .exp{font-size:19px;line-height:22px;}
}




/*바로가기*/
#main_space{background-color:#F7F8FA;padding:140px 0 220px;text-align:center;}
#main_space h2{font-size:56px;line-height:1.1;font-weight:800;}
#main_space .exp{font-size:20.4px;font-weight:300;line-height:1.8;color:#333;padding:40px 0 100px;}

#main_space ul.list{display:flex;flex-wrap:wrap;flex-shrink:0;}
#main_space ul.list li{position:relative;width:22.75%; margin-right:3%;border-radius:40px;overflow:hidden;background-color:#fff;box-shadow:8px 8px 14px rgba(0,0,0,0.1);transition-duration:0.3s;}
#main_space ul.list li:last-child{margin-right:0;}
#main_space ul.list li a{display:block;padding:0 10px 50px;}
#main_space ul.list li a .img{text-align:center;padding:40px 0 15px;}
#main_space ul.list li a .title{font-size:24.6px;font-weight:800;color:#222;line-height:1.5;}
#main_space ul.list li a .text{font-size:17.4px;font-weight:400;color:#222;opacity:0.7;padding:10px 0 50px;}
#main_space ul.list li a span.more{display:block;position:absolute;bottom:0;left:0;width:100%;line-height:56px;background-color:#f8f8f8;font-size:13.4px;color:#aaa;font-weight:600;text-align:center;}
#main_space ul.list li:last-child a .text span{display:none;}
#main_space ul.list li:hover{box-shadow:9px 9px 15px rgba(0,0,0,0.3);background-color:#5c5346;}
#main_space ul.list li:hover a .title{color:#fff;}
#main_space ul.list li:hover a .text{color:#fff;}
#main_space ul.list li:hover a span.more{background-color:#564f47;color:#fff;}

@media screen and (max-width:1200px) {
#main_space .exp{letter-spacing:-0.5px;}
#main_space ul.list li{width:48%; margin:0 4% 4% 0;}
#main_space ul.list li:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:1000px) {
#main_space{padding:120px 0 150px;}
#main_space h2 img{width:250px;}
#main_space .exp{font-size:18.4px;padding:20px 20px 70px;}
#main_space .exp br{display:none;}
}

@media screen and (max-width:520px) {
#main_space{padding:50px 0 55px;}
#main_space h2 img{width:180px;}
#main_space .exp{font-size:16.4px;padding:0 5px 40px;letter-spacing:-1px;}

#main_space ul.list li{width:100%; margin:0 0 5% 0;}
#main_space ul.list li a{padding:0 10px 50px;}
#main_space ul.list li a .img{padding:20px 0 5px;}
#main_space ul.list li a .img img{width:130px;}
#main_space ul.list li a .title{font-size:20.4px;}
#main_space ul.list li a .text{font-size:16.4px;line-height:1.5;padding:10px 0 25px;}
#main_space ul.list li a span.more{line-height:50px;}
#main_space ul.list li:last-child a .text span{display:none;}
}



/*헌화*/
#flower{position:relative;background:url(/img/main/bg_flower.jpg) no-repeat center 0;background-size:cover; background-attachment: fixed;padding:160px 0;overflow:hidden;}
#flower .title{padding-left:15px;}
#flower .title h2{font-size:56px;line-height:1.1;font-weight:800;color:#fff;}
#flower .title .exp{font-size:19.4px;font-weight:600;line-height:1.9;color:#fff;padding:18px 0 80px;}
#flower .title .exp span{color:#fbd824;}

#flower .btn_area{font-size:0;text-align:right;margin-top:50px;padding-right:15px;}
#flower .btn_area a{display:inline-block;line-height:60px;font-size:17.4px;font-weight:600;color:#fff;width:170px;background-color:#e2a41b;text-align:center;border-radius:10px;overflow:hidden;margin-left:10px;}
#flower .btn_area a:last-child{background-color:#6d5235;}
#flower .btn_area a:hover{opacity:0.5;}

@media screen and (max-width:1000px) {
#flower{padding:90px 0 100px;}
#flower .title{padding-left:0;text-align:center;}
#flower .title h2{font-size:40px;line-height:1.1;}
#flower .title .exp{font-size:18.4px;line-height:1.5;padding:18px 0 60px;}

#flower .btn_area{margin-top:50px;padding-right:0;text-align:center;}
#flower .btn_area a{line-height:60px;font-size:17.4px;width:170px;margin:0 5px;}
}

@media screen and (max-width:600px) {
#flower{padding:50px 0 55px;}
#flower .title h2{font-size:27px;line-height:35px;}
#flower .title .exp{font-size:16.4px;padding:15px 0 40px;letter-spacing:-1px;}

#flower .btn_area{margin-top:30px;}
#flower .btn_area a{line-height:50px;font-size:15.4px;width:150px;}
}


#flower_list{}
#flower_list .slick-slide {margin: 0 15px;}
#flower_list li{background-color:#fff;border-radius:30px;overflow:hidden;}
#flower_list li .top{padding:25px 0 20px 90px;position:relative;}
#flower_list li .top .name{font-size:21.4px;font-weight:700;color:#222;line-height:28px;}
#flower_list li .top .date{font-size:15.4px;font-weight:300;color:#999;line-height:22px;}
#flower_list li .top span.mark{position:absolute;display:block;top:20px;left:20px;width:59px;height:59px;border-radius:60px;overflow:hidden;}
#flower_list li .top span.icon{position:absolute;top:25px;right:20px;}
#flower_list li .top span.icon img{width:50px;}
#flower_list li .memo{padding:30px;background-color:#f8f8f8;font-size:18.4px;line-height:1.6;font-weight:400;color:#666;min-height:230px;}

#flower_list .slick-next{display: block;position:absolute;right:-75px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/img/main/arrow_next_white.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.5;}
#flower_list .slick-next:hover{opacity:0.8;}
#flower_list .slick-prev{display: block;position:absolute;left:-75px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/arrow_prev_white.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.5;}
#flower_list .slick-prev:hover{opacity:0.8;}

@media screen and (max-width:1650px) {
#flower_list .slick-next{display: none !important;}
#flower_list .slick-prev{display: none !important;}
}




/*새소식*/
#main_news{background-color:#fff;padding:150px 0 160px;}
#main_news h2{font-size:56px;line-height:1.1;font-weight:800;text-align:center;}
#main_news .exp{font-size:20.4px;font-weight:300;line-height:1.3;text-align:center;color:#444;padding:18px 0 80px;}

@media screen and (max-width:1000px) {
#main_news{padding:90px 0 100px;}
#main_news h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#main_news .exp{text-align:center;font-size:18.4px;padding:10px 0 60px;}
}

@media screen and (max-width:600px) {
#main_news{padding:50px 0 55px;}
#main_news h2{font-size:27px;line-height:35px;}
#main_news .exp{font-size:16.4px;padding:5px 0 40px;letter-spacing:-1px;}
}

#main_news .tab{position:relative;margin:0 0 45px;}
#main_news .tab ul{font-size:0;}
#main_news .tab li{display:inline-block;font-size:16.4px;line-height:42px;font-weight:600;color:#555;width:120px;text-align:center;border:1px solid #d4d4d4;border-radius:50px;margin-right:5px;cursor:pointer;}
#main_news .tab li:hover{border:1px solid #e2a41b;color:#e2a41b;}
#main_news .tab li.selected{background-color:#e2a41b;border:1px solid #e2a41b;color:#fff;font-weight:600;}
#main_news .tab a{position:absolute;bottom:0;right:0;display:block;width:65px;font-size:12.4px;line-height:30px;font-weight:500;color:#fff;text-align:center;background-color:#d4d4d4;border-radius:40px;}
#main_news .tab a:hover{opacity:0.6;}

@media screen and (max-width:1000px) {
#main_news .tab{margin:0 0 35px;}
#main_news .tab ul{text-align:center;}
#main_news .tab li{width:auto;padding:0 15px;margin:0 3px;}
#main_news .tab a{display:none;}
}

@media screen and (max-width:600px) {
#main_news .tab{margin:0 0 25px;}
}


.news_list {}
.news_list ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:2.8%;}
.news_list ul li{min-width:100%;}
.news_list ul li .img{position:relative;padding-top:82%;border-radius:24px;overflow:hidden;transition-duration:0.3s;}
.news_list ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition-duration:0.3s;}
.news_list ul li:hover .img img{width:120%;height:120%;}
.news_list ul li .category{font-size:16.6px;font-weight:500;color:#e2a41b;padding:25px 0 8px;}
.news_list ul li .subject{font-size:19.4px;font-weight:600;color:#222;line-height:1.5;}
.news_list ul li .date{font-size:15.6px;line-height:1.5;font-weight:500;color:#999;padding:7px 0 0;}

@media screen and (max-width:1000px) {
.news_list ul{grid-template-columns:repeat(2, 1fr);grid-gap:40px 40px;}
.news_list ul li .category{font-size:16.4px;padding:15px 0 0;}
.news_list ul li .subject{font-size:20px;}
}

@media screen and (max-width:600px) {
.news_list ul{grid-gap:20px 15px;}
.news_list ul li{padding-bottom:10px;}
.news_list ul li .img{border-radius:14px;}
.news_list ul li .category{font-size:15px;padding:12px 0 0;}
.news_list ul li .subject{font-size:17px;}
}


.link_list {margin-top:100px;}
.link_list{display:flex;flex-wrap:wrap;flex-shrink:0;}
.link_list li{width:31.7333333333%;margin-right:2.4%;position:relative;background-color:#f6f2ec;border-radius:30px;overflow:hidden;padding:30px 35px;}
.link_list li:last-child{margin:0;}
.link_list li a{display:block;}
.link_list li a h4{font-size:22.4px;font-weight:700;color:#333;}
.link_list li a p{font-size:15.8px;font-weight:400;color:#000;line-height:1.5;opacity:0.6;padding:5px 0 25px;}
.link_list li a span.more{display:block;width:65px;font-size:12.4px;line-height:30px;font-weight:500;color:#e2a41b;text-align:center;background-color:#fff;border-radius:40px;}
.link_list li a span.icon{position:absolute;bottom:30px;right:30px;}
.link_list li a:hover{opacity:0.5;}

@media screen and (max-width:1000px) {
.link_list li{width:100%;margin:0 0 15px 0;}
}

@media screen and (max-width:600px) {
.link_list {margin-top:40px;}
.link_list li{padding:25px 30px;border-radius:15px;}
.link_list li a h4{font-size:19.4px;}
.link_list li a span.icon{bottom:25px;right:20px;}
.link_list li a span.icon img{width:60px;}
}



/*배너*/
#banner_zone{background-color:#F6F6F6;padding:150px 0 160px;text-align:center;}
#banner_zone h2{font-size:56px;line-height:1.1;font-weight:800;text-indent:-2px;}
#banner_zone .exp{font-size:19.4px;font-weight:600;line-height:1.3;color:#888;padding:30px 0 80px;}

#banner_list{}
#banner_list .slick-list {padding:20px 0;}
#banner_list .slick-slide {margin: 0 15px;}
#banner_list li{background-color:#fff;border-radius:30px;overflow:hidden;box-shadow:6px 6px 10px rgba(0,0,0,0.1);text-align:center;}
#banner_list li a{display:block;}
#banner_list li a img{margin:0 auto;}

@media screen and (max-width:1000px) {
#banner_zone{padding:90px 0 100px;}
#banner_zone h2{font-size:40px;line-height:50px;text-indent:0px;}
#banner_zone .exp{font-size:18.4px;padding:10px 0 60px;}

#banner_list .slick-slide {margin: 0 8px;}
#banner_list li{border-radius:15px;box-shadow:4px 4px 8px rgba(0,0,0,0.1);}
}

@media screen and (max-width:600px) {
#banner_zone{padding:50px 0 40px;}
#banner_zone h2{font-size:27px;line-height:35px;}
#banner_zone .exp{font-size:16.4px;padding:5px 0 20px;letter-spacing:-1px;}
}



#banner_list .slick-next{display: block;position:absolute;right:-75px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/img/main/arrow_next_black.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.1;}
#banner_list .slick-next:hover{opacity:0.8;}
#banner_list .slick-prev{display: block;position:absolute;left:-75px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/arrow_prev_black.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.1;}
#banner_list .slick-prev:hover{opacity:0.8;}

@media screen and (max-width:1650px) {
#banner_list .slick-next{display: none !important;}
#banner_list .slick-prev{display: none !important;}
}



/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:460px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:650px;background: #fff;font-size:0;line-height:0;overflow:hidden;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
	.popup_zone .popup_wrap .pop_slide {height:650px}
}
@media screen and (max-width:768px){
	.popup_zone .popup_wrap {width:420px}
	.popup_zone .popup_wrap .pop_slide {height: 593px;}
	.popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
	.popup_zone .popup_wrap {width:300px;}
	.popup_zone .popup_wrap .pop_slide {height: 425px;}
	.popup_zone .popup_wrap .pup_button a {line-height:54px}
}