@charset "UTF-8";

/* set */
:root {
    --color: #65dbbc;
    --fs40: 4.0rem;
    --fs32: 3.2rem;
    --fs28: 2.8rem;
    --fs24: 2.4rem;
    --fs22: 2.2rem;
    --fs20: 2.0rem;
    --fs18: 1.8rem;
    --fs14: 1.4rem;
    --c-01: #0d5daa;
    --f-01:#fff;
}

*,
*:before,
*:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
i, em{font-style:normal;}

.all_wrap{position:relative; overflow:hidden;}

.jarallax{position:relative; z-index:0; height:100%;}
.jarallax>.jarallax-img{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; object-fit:cover;}

.main_admin{position:fixed; top:95px; right:10px; z-index:11;}
.main_admin a{display:inline-block; width:80px; height:30px; line-height:30px; margin-bottom:5px; background:#fff; font-weight:500; font-size:14px; text-align:center; border-radius:5px;}

/* 공통 */
.width{position:relative; width:92% !important; margin:0 auto; max-width:1400px;}
#section0 .width{/* max-width:1550px; */}
.common{padding:90px 0px;}

.board_title{padding:150px 0 0px 0px;}
.board_title h2{width:92%; margin:0 auto; padding-bottom:40px; border-bottom:1px solid #eee; font-weight:700; font-size:var(--fs32); max-width:1400px;}
.board_title p{margin-top:10px; font-size:var(--fs20);}

/* header */
#header{position:fixed;top:0;z-index:999;width:100%;background:#fff;transition:0.3s all;padding: 15px 0px;border-bottom: 1px solid #eee;}
#header .head_login_wrap{display:flex; align-items:center;}
#header .head_login{display:flex; justify-content:flex-end; margin-right:25px; padding:7px 10px; border:1px solid #333; border-radius:30px;}
#header .head_login li{margin:0px 5px;}
#header .head_login a{font-weight:400; font-size:1.2rem; color:#333; white-space:nowrap;}
#header .head_login i{font-size:20px;}
#header .head_menu .logo .main{display:none;}
#header.scroll{top:-36px;}
#header .head_menu{display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; height:70px;}
#header .head_menu .main_menu{display:flex;justify-content:flex-end;align-items:center;z-index:9;width:70%;height:100%;text-align:center;gap: 61px;}
#header .head_menu .main_menu .dept1{position:relative;padding:15px 0px;}
#header .head_menu .main_menu .dept1>a{font-weight:500; font-size:1.8rem;}
#header .head_menu .main_menu .dept1>a.active{/* font-weight:bold; */color: var(--c-01) !important;}
#header .head_menu .main_menu .dept1>a.menuon{font-weight:bold; color:#5a3100;}
#header .head_menu .sub_menu{display:none; position:absolute; top:100%; left:50%; width:100%; padding-top:20px; padding-bottom:30px; transform:translateX(-50%);}
#header .head_menu .main_menu .dept2{padding:12px 0px;}
#header .head_menu .main_menu .dept2 a{display:block; font-size:1.5rem;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus{font-weight:bold; color:#65dbbc;}
#header .menu_bg{position:absolute; left:0; z-index:1; width:100%; height:0; background:#fff; border-top:1px solid #eee;}

/* 다크모드 */
#header[data-hd-bg]{background: #fff !important;}
#header[data-hd-bg="dark"],
body:has(#header[data-hd-bg="dark"]) .mobile_head{background: #000 !important;}
#header[data-hd-bg="dark"] #section1{height:100%; background:url(../img/mt_bg.png) no-repeat; background-size:cover; background-position:center;}
#header[data-hd-bg="dark"] #section2{height:100%; background:url(../img/mt2_bg.png) no-repeat; background-size:cover; background-position:center;}
#header[data-hd-bg="dark"] #section3,
#header[data-hd-bg="dark"] .main_map{background:#333;}
#header[data-hd-bg="dark"] .head_menu .main_menu .dept1>a,
body:has(#header[data-hd-bg="dark"]) .ri-menu-3-line:before{color:#fff !important;}
#header[data-hd-bg="dark"]{border-bottom:0;}

#header .head_menu .logo img,
a.foot_logo img{max-width: 100%;}

@media all and (max-width: 1024px){
	.common{padding:60px 0px;}
}
@media all and (max-width: 1024px){
	.common{padding:60px 0px;}
}

/* 모바일 */
.mobile_head{display:flex; display:none; justify-content:space-between; align-items:center; position:fixed; z-index:99; width:100%; height:60px; padding:0px 15px; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);}
.mobile_head .mobile_logo{width:80px;}
.mobile_head .mobile_logo img, #mobile_menu .mob_logo a img{height: 22px;}
#mobile_menu{display:none; position:fixed; top:0; right:-75%; z-index:1000; width:75%; height:100vh; background:#fff; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none;}
#mobile_menu::-webkit-scrollbar{display:none;}
#mobile_menu .mob_logo{display:flex; justify-content:space-between; align-items:center; width:100%; height:70px; padding:0px 20px; background:#fff;}
#mobile_menu .mob_logo a{width:100px;}
/*#mobile_menu .mob_logo a img{width:100%;}*/
#mobile_menu .mobile_close{font-size:30px; color:#333; cursor:pointer;}
#mobile_menu .mob_menu .top_menu{display:flex;justify-content:space-between;align-items:center;padding:20px 20px;border-bottom:1px solid #eeee;font-weight:600;font-size: 16px;}
.mobile_open{font-size:24px;}
#mobile_menu .mob_menu .topmenu.on{color:#fff;}
#mobile_menu .mob_menu .sub_menu{visibility:visible; padding:15px 15px; background:#e6e3f5;}
#mobile_menu .mob_menu .sub_menu a{display:block; padding:10px; font-weight:400; font-size:17px; color:#333;}
#mobile_menu .mob_menu_btn{display:flex; justify-content:space-between; margin:0px 20px; padding:10px 0px;}
#mobile_menu .mob_menu_btn li{width:49%;}
#mobile_menu .mob_menu_btn a{display:flex; justify-content:center; align-items:center; height:50px; background:#ddd; font-size:17px;}
#mobile_menu .mob_menu_btn a i{margin-right:5px; font-size:16px;}
.mob_bg{display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100vh; background:rgba(0, 0, 0, 0.5);}

/* 메인비주얼 */
.Hfull{height:880px;}
.Hfull .swiper_visual{height:100%;}
.Hfull .slide1{background:url('../img/slide1.png')no-repeat; background-size:cover; background-position:center;}
.Hfull .slide2{background:url('../img/slide2.png')no-repeat; background-size:cover; background-position:center;}
.pc{display:block !important;}
.mob{display:none !important;}

@media screen and (max-width: 1400px){
	#pcmenu .topmenu{font-size:16px;}
	#pcmenu .submenu a{font-size:14px;}
}

@media screen and (max-width: 1024px){
	#header{display:none;}
	.mobile_head{display:flex;}
}

@media all and (max-width: 900px) {
    .pc{display:none !important;}
    .mob{display:block !important;}    
}

/* board warp */
.board_warp .latest_wrap{display:flex; justify-content:space-between;}
.board_warp .main_btn{display:flex; justify-content:space-between; margin-top:100px;}
.board_warp .main_btn a{display:flex; align-items:center; width:24%; padding:40px 0px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); flex-direction:column;}
.board_warp .main_btn a i{display:flex; justify-content:center; align-items:center; width:100px; height:100px; margin-bottom:20px; background:#eee; font-size:5.0rem; color:#333; border-radius:50%;}
.board_warp .main_btn a span{font-size:var(--fs20);}
.board_warp .main_btn a:hover{animation:slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -webkit-animation:slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.latest_wrap .latest_top_wr{width:48.5%;}
.latest_top_wr h2{margin-bottom:40px; font-weight:bold; font-size:var(--fs24);}
.latest_top_wr h2 i{margin-right:7px; font-weight:300;}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@media all and (max-width: 1300px){
	.pic_lt .lt_wrap .lt_text_top .lt_info{min-width:80px; min-height:80px;}
	.pic_lt .lt_wrap{padding:12px;}
}

@media all and (max-width: 950px){
	.board_warp .latest_wrap{flex-direction:column;}
	.latest_wrap .latest_top_wr{width:100%;}
	.latest_wrap .latest_top_wr:first-child{margin-bottom:60px;}
}

@media all and (max-width: 768px){
	.board_warp .main_btn{margin-top:60px; flex-wrap:wrap; gap:15px 0px;}
	.board_warp .main_btn a{width:49%; padding:25px 0px;}
}

/* 하단 */
#ft{width:100%; padding:40px 0px; background:#333;}

/* sub_visual */
.sub_visual{display:flex; justify-content:center; align-items:center; width:100%; height:400px; background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important; flex-direction:column;}
.sub_visual .sub_top_text{padding-top:100px; color:#fff; text-align:center;}
.sub_visual .sub_top_text h3{position:relative; font-size:var(--fs40);}
.sub_visual .sub_top_text p{font-weight:600; font-size:var(--fs22);}

@media all and (max-width: 1024px){
	.sub_visual{height:250px;}
	.sub_visual .sub_top_text{padding-top:70px;}
}

/* lnb */
.lnb_wrap{position:relative;}
.lnb{background:#fff; border-bottom:1px solid #ddd;}
.lnb .lnb_map{display:flex; align-items:center; height:60px; border-left:1px solid #f1f1f1;}
.lnb .lnb_map .home{display:flex; justify-content:center; align-items:center; width:60px; height:100%; background:#fff;}
.lnb .lnb_map .home a{color:#333;}
.lnb .lnb_map .home i{font-size:20px;}
.lnb .lnb_map>li{position:relative; width:250px; height:100%; padding:0px 15px; border-right:1px solid #f1f1f1;}
.lnb .lnb_map li.dep a{display:flex; align-items:center; width:100%; height:100%; font-size:14px;}
.lnb .lnb_map li.dep a span{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:1.7rem; color:#333;}
.lnb .lnb_map li.dep a span i{font-size:16px;}
.lnb .lnb_map li.dep ul{display:none; position:absolute; top:61px; left:0; z-index:10; width:100%;}
.lnb .lnb_map li.dep ul li{width:100%; background:#f9f9f9; border-bottom:1px solid #fff;}
.lnb .lnb_map li.dep ul li a{padding:15px 15px; font-size:1.6rem;}
.lnb .lnb_map li.dep ul li a:hover{background:#2DAAE1; color:#fff; transition:0.3s all;}
.lnb .lnb_map li.dep ul li a.on{background:#f1f1f1;}

@media screen and (max-width:1400px){
	.lnb .lnb_map{width:100% !important;}
}

@media screen and (max-width:900px){
	.lnb .lnb_map{height:55px;}
	.lnb .lnb_map .home i{font-size:16px;}
	.lnb .lnb_map li.dep ul{top:56px;}
}

@media screen and (max-width:600px){
	.lnb .lnb_map{height:50px;}
	.lnb .lnb_map .home{width:12%;}
	.lnb .lnb_map li{width:44%;}
	.lnb .lnb_map li:last-child{width:44%;}
	.lnb .lnb_map li.dep ul{top:51px;}
	.lnb .lnb_map li.dep a{font-size:12.5px;}
	.lnb .lnb_map li.dep ul li a{font-size:12.5px;}
}

/* 페이지 네비, 게시판 등 */
/* .bo_cate_link{border-radius: 30px;}
.bo_v_topcon .bo_v_cate{border-radius: 30px;} */
#bo_gall .is_notice{border-radius:30px;}
.quick_banner{position:fixed;right: 30px;bottom:20px;z-index:99;animation:quickBounce .8s infinite alternate;}

/* @keyframes quickBounce {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }

@keyframes quickBounce2 {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
} */

#ft img{/*mix-blend-mode: darken;*/}

#top_btn{width: 50px;height: 50px;border: none;background: #fff;border-radius: 50%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);transition: 0.3s all;}
#top_btn span{font-size: 12px;font-weight: bold;}
#top_btn:hover{background: #eee; color: #000;}

.floating_menu {position: fixed;bottom: 52px;z-index: 99;}
.floating_menu input { position: absolute; width: 45px; height: 45px; margin: 0; opacity: 0; cursor: pointer; }
.floating_menu input:checked ~ .floating_plus { transform: rotate(135deg); }
.floating_menu input ~ .floating_plus { transform: rotate(0); }
.floating_menu > .floating_plus { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 20px; color: #FFFFFF; background:#2DAAE1; border-radius: 50%; transform: rotate(0); transition: all 0.5s ease; pointer-events: none; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.floating_menu > .floating_plus i { line-height: normal !important; }
.floating_menu > .floating_nav {display: flex;justify-content: flex-end;align-items: center;padding: 0;margin: 0;position: absolute;z-index: -1;flex-direction: column;bottom: 40px;gap: 5px;}
.floating_nav li {display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #fff;cursor: pointer;transition: all 0.5s ease;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);}
.floating_menu > .floating_nav li a i { font-size: 20px; color: #222; }
.floating_menu > .floating_nav li a i.xi-kakaotalk { font-size: 28px; margin-top: 3px; }
.floating_nav .call {display: none;}
@media all and (max-width: 850px) {
   .floating_nav .call {display: flex;}
}
.pg_wrap{display:flex; justify-content:center; width:100%; margin-top:60px;}
.pg_wrap .pg{display:flex;}
.pg_page{display:flex; justify-content:center; align-items:center; width:30px; height:30px; margin:0 2px; background-color:none; border:1px solid #ccc;}
.pg_current{display:flex; justify-content:center; align-items:center; width:30px; height:30px; margin:0 2px; background:none; border:1px solid #8e8e8e;}

@media all and (max-width: 1400px) {
    /* html{font-size: 55% !important;} */
    :root {
        --fs40: 3.4rem;
        --fs32: 2.8rem;
        --fs28: 2.4rem;
    }
}

/* 갤러리 */
@media all and (max-width: 1024px){
	.gall_row .col-gn-4{width:33.33333%;}
	.gall_row .col-gn-5{width:25%;}
}

@media all and (max-width: 850px){
	.gall_row .col-gn-4,
	.gall_row .col-gn-3,
	.gall_row .col-gn-5{width:50%;}
	#bo_cate li{width:25%; margin-bottom:10px;}
	#bo_cate ul{flex-wrap:wrap;}
}

@media all and (max-width: 600px){
	.gall_row .col-gn-4,
	.gall_row .col-gn-3,
	.gall_row .col-gn-5,
	.gall_row .col-gn-2{width:100%;}
}

/* 리스트 */
@media all and (max-width: 850px){
	.prdt_list .prdt_top th.psize,
	.prdt_list .prdt_table .psize{display:none;}
	.prdt_list .prdt_top th.pcolor,
	.prdt_list .prdt_table .pcolor{display:none;}
}

@media all and (max-width: 650px){
	.prdt_list .prdt_top th.num{min-width:60px;}
	.prdt_list .prdt_top th.pintro,
	.prdt_list .prdt_table .pintro{display:none;}
	.prdt_list .prdt_top th.pname{width:100%;}
	.prdt_list .prdt_table .pname{text-align:center;}

	.quick_banner{right: 10px;bottom: 20px;}
}

/* 애니메이션 */