/* header */
.header{border-color:#ffffff;}
.float-area .iwd-box .logo a{background-image: url('../images/common/logo_w.png');}
.lnb > li > a{color:#fefefe;}
#gnb .txt{color:#fff}
#gnb > ul > li.gnb-item1 a{background-image: url('../images/common/gnb_img01_w.png');}
#gnb > ul > li.gnb-item2 a{background-image: url('../images/common/gnb_img02_w.png');}
#gnb > ul > li.gnb-item3 a{background-image: url('../images/common/gnb_img03_w.png');}
#gnb > ul > li.gnb-item4 a{background-image: url('../images/common/gnb_img04_w.png');}
#gnb > ul > li.gnb-item5 a{background-image: url('../images/common/gnb_img05_w.png');}
/*#gnb > ul > li.gnb-item6 button{background-image: url('../images/common/gnb_img06_w.png');}
#gnb > ul > li.gnb-item6 button.on{background-image: url('../images/common/gnb_img07_w.png');}*/
#gnb > ul > li.gnb-item7{display: none;}
#gnb > ul > li.gnb-item7 .btn-menu-open{background-image: url('../images/common/gnb_img05_w.png');}

/* 라이트 모드(기본) → gnb_img07_w */
#gnb > ul > li.gnb-item6 button {
    background-image: url('../images/common/gnb_img06_w.png');
}
/* 다크 모드 → gnb_img06_w */
body.dark #gnb > ul > li.gnb-item6 button {
    background-image: url('../images/common/gnb_img07_w.png');
}

/*hover*/
.hover{background-color: #fff;border-bottom: 1px solid #000;}
.hover .float-area .iwd-box .logo a{background-image: url('../images/common/logo_b.png');}
.hover #gnb .txt{color:#000}
.hover #gnb > ul > li.gnb-item1 a{background-image: url('../images/common/gnb_img01_b.png');}
.hover #gnb > ul > li.gnb-item2 a{background-image: url('../images/common/gnb_img02_b.png');}
.hover #gnb > ul > li.gnb-item3 a{background-image: url('../images/common/gnb_img03_b.png');}
.hover #gnb > ul > li.gnb-item4 a{background-image: url('../images/common/gnb_img04_b.png');}
.hover #gnb > ul > li.gnb-item5 a{background-image: url('../images/common/gnb_img05_b.png');}
.hover #gnb > ul > li.gnb-item6 button{background-image: url('../images/common/gnb_img06_b.png');}
.hover #gnb > ul > li.gnb-item7 a{background-image: url('../images/common/gnb_img05_b.png');}
.hover .lnb > li > a{color: #000;}

h4.title{font-size:36px;color:var(--black1);font-weight:500;font-family: 'SBAggro';padding-top:90px;}
h4.title .f-light{font-weight:300;}
.flor3 .rig h4.title{font-family: "S-CoreDream", sans-serif;}
.flor1{height: 919px;}
.visual-box{position: relative;width: 98%;max-width: 844px;height: 100%;padding-top: 94px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;margin: 0 auto;z-index: 5;}
.visual-box .txt-part{font-size:28px;color:#ffffff;text-align:center;line-height: 1.25;}
.visual-box .txt-part strong{display:block;font-size:60px;color:#00b1ff;font-family:"SBAggro";font-weight:700;text-shadow: 2px 5px 23px #000;}
.visual-box .txt-part p{font-size: 22px; text-shadow: 2px 2px 3px #000;}
.main-search{position: relative;padding: 53px 0 0 57px;margin-bottom: 110px;}
.main-search::after{content: "";display: block;width: 92px;height: 129px;position: absolute;left:0;top:0;background: url('../images/main/icon_main_search.png') center no-repeat;}
.main-search .inpt-box{display: flex;flex-wrap: wrap;max-width: 664px; height: 59px;border:2px solid #fff;padding: 4px; background: url('../images/main/bg_main_search.png');border-radius: 15px;}
.main-search .inpt-box input[type=text]{flex-grow: 1; font-family: 'S-CoreDream';font-size: 22px;font-weight: 700;display: block;padding: 0 10px 0 44px;height: 100%;background: transparent;color:#fff;border: 0;}
.main-search .inpt-box input[type=text]::placeholder{color: #fff;}
.btn-main-search{flex-shrink: 0;width: 73px;height:47px;border-radius: 7px; background: #fff url('../images/main/btn_main_search.png') center no-repeat; }
.f-visual{margin-top:130px;}
.f-visual .fvl-box {display:flex;justify-content: center;gap: 35px;}
.f-visual .fvl-box a {color: #fff; display: block; font-size: 16px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);}
.f-visual .fvl-box p {line-height: 24px;}
.f-visual .fvl-box strong {font-weight: 500; font-size: 24px;}
.f-visual .fvl-box .link,
.f-visual .fvl-box .search{width:317px;height:111px;line-height: 106px;text-align: center;border-radius: 15px;}
.f-visual .fvl-box .link {position: relative;}
.f-visual .fvl-box .linkOpen,
.f-visual .fvl-box .linkList {transition: 0.3s; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.f-visual .fvl-box .linkOpen {box-sizing:border-box; border: solid 2px #fff;border-radius: 15px;}
.f-visual .fvl-box .linkOpen::before {content: ''; width: 27px; height: 27px; display: block; position: absolute; top: 50%; right: 32px; transform: translateY(-50%); background: url(../images/main/fvl_box_icon.png) no-repeat;}

.f-visual .fvl-box .linkClose {display:none; top:-30px; right:0; width: 30px; height: 30px; position: absolute; background: #fff url(../imgs/main/visual_link_close.png) no-repeat 50%; overflow:hidden; text-indent: -999px;}
.f-visual .fvl-box .linkOpen {transform-origin: top; transform: translatey(0) rotatex(0deg);}

.f-visual .fvl-box .linkList {z-index:2; }
.f-visual .fvl-box .linkList li {float: left; width: 50%; height: 50%; display: table;}
.f-visual .fvl-box .linkList li a {color:#000; background: #fff;width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; text-shadow: none;line-height:1;}

.f-visual .fvl-box .linkList li a {border-right: solid 1px #ddd;}
.f-visual .fvl-box .linkList li:nth-child(1) a{border-radius: 15px 0 0 0;}
.f-visual .fvl-box .linkList li:nth-child(2) a{border-radius: 0 15px 0 0;}
.f-visual .fvl-box .linkList li:nth-child(3) a {border-radius: 0 0 0 15px;border-top: solid 1px #ddd;}
.f-visual .fvl-box .linkList li:nth-child(4) a {border-radius: 0 0 15px 0;border-top: solid 1px #ddd;}
.f-visual .fvl-box .linkList li:nth-child(2n) a {border-right: 0;}
.f-visual .fvl-box .linkList{display:none; transform-origin: bottom; transform: translatey(-100%) rotatex(90deg);}
.f-visual .fvl-box .search {position: relative; border: solid 2px #fff;}
.f-visual .fvl-box .search a {position: relative; overflow:hidden; transition: 0.8s;border-radius: 10px;}
.f-visual .fvl-box .search::before {content: ''; width: 46px; height: 30px; display: block; position: absolute; top: 39px; right: 28px; /*background: url(../imgs/main/visual_icon2.png) no-repeat;*/ opacity: 0.7;}
.f-visual .fvl-box .search a p,
.f-visual .fvl-box .search a strong{z-index: 3; position: relative;}
.f-visual .fvl-box .search a::before,
.f-visual .fvl-box .search a::after {content: ''; width: 110%; height: 210%; top: -50%; display: block; position: absolute; background: #fff; transition: 0.6s; transform: rotate(60deg);}
.f-visual .fvl-box .search a::before {left: -110%;}
.f-visual .fvl-box .search a::after {right: -110%;}

.h-slide {position: absolute;width: 100%;top:0;}
.h-slide img{ width: 100%;}
.h-slide > div { position: relative;height: 919px;overflow: hidden;border-radius: 0 0 150px 0;}
.h-slide > div:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.2);border-radius: 0 0 150px 0;z-index: 1;}
.h-slide .slide_area { max-height: 919px; height:100%; overflow: hidden;}
.h-slide .slide_area::after {content: '';display: block;clear: both;}
.h-slide .slide_area span{ float: left;position:relative;}
.h-slide .slide_area span img {height: 100%; object-fit: cover;}
.h-slide .slide_area .slick-list,
.h-slide .slide_area .slick-track{height:100%;}
.h-slide .etc-btns {position: absolute;bottom: 35px;z-index: 2;left: 50%; transform: translateX(-50%);z-index: 10;}
.h-slide .etc-btns > button{display:inline-block;overflow: hidden;text-indent: -999px;background-repeat:no-repeat;}
.h-slide .etc-btns .mb_paging {display: inline-block;vertical-align: middle;}
.h-slide .etc-btns .mb_paging ul::after{content:"";display:block;clear:both;}
.h-slide .etc-btns .mb_paging ul li { float: left; margin: 0 16px 0 0;}
.h-slide .etc-btns .mb_paging ul li:last-child{margin-right:0;}
.h-slide .etc-btns .mb_paging ul li.slick-active button {border-bottom:1px solid #fff;}
.h-slide .etc-btns .mb_paging ul li button span{font-size:16px;color:#ffffff;font-family: 'Pretendard';}
.h-slide .etc-btns .mb_paging .slick-dots{margin-right: 17px;}
.h-slide .etc-btns .prev,
.h-slide .etc-btns .next {width: 7px;  height: 12px; margin-right:14px;}
.h-slide .etc-btns .prev {background-image: url(../images/main/h_slick_prev.png); }
.h-slide .etc-btns .next {background-image: url(../images/main/h_slick_next.png); }
.h-slide .etc-btns .stop { width: 9px; height: 12px; background-image: url(../images/main/h_slick_pause.png);  }

/*  */
/*  */
.flor2{background:url(../images/main/folr2_bg.png) no-repeat top -20px right;background-color: var(--white1); overflow: hidden;}
.flor2 .slick-box{display:flex;padding-left: 80px;}
.flor2 .slick-banner{margin-top:50px;border-radius:80px 0 0 0;background: linear-gradient(to right, #00b1ff, #467ce0);padding:35px 0;height: 398px;}
.flor2 .slick-banner .fronter{flex: 0 0 auto;width: 325px;padding:30px 0 0 0;margin-right:50px;}
.flor2 .slick-banner .fronter .txt{margin-top:12px;display:inline-block;font-size:20px;color:#151515;font-weight: 700;position:relative;z-index: 0;}
.flor2 .slick-banner .fronter .txt::before{content:'';position:absolute;bottom:-6px;left:-4px;width:calc(100% + 8px);height:10px;background:#eaf5ff;z-index: -1;}
.flor2 .slicker {width: calc(100% - 395px);transform: translateY(-70px);}
.flor2 .slicker .slick-slide{width: 410px;padding:65px 0 0 0;}
.flor2 .slicker .slick-track{display:flex;align-items: flex-end;}
.flor2 .slicker .abcd{transform-origin: bottom;position: relative;z-index: 1;width: 610px;height: 393px;padding-top: 0;}
.flor2 .slicker .abcd a{padding:0;height: 100%;}
.flor2 .slicker .abcd .txt-part{display:none;}
.flor2 .slicker .slick-slide > div{margin:0 0 0 -9px;}
.flor2 .slicker .slick-slide > div  a{margin:9px 0 0 9px;}
.flor2 .slicker > div {position: relative;}
.flor2 .slicker > div .slide_area {overflow-x: hidden;overflow-y: inherit;margin-bottom:0;}
.flor2 .slicker > div .slide_area:after {content: '';display: block;clear: both;}
.flor2 .slicker > div .slide_area a {display:block;padding-bottom: 7px;}
.flor2 .slicker > div .slide_area a .img-part{display:block;display: flex;justify-content: center;border-radius:15px;height: 100%; padding: 10px;}
.flor2 .slicker > div .slide_area a .img-part img {width: 100%;margin: 0 auto;border-radius:15px;box-shadow: 0px 8px 11px 0px rgb(0, 0, 0, 0.4);}
.flor2 .slicker > div .slide_area a .txt-part{display:block;margin-top:8px;font-size:24px;color:#ffffff;font-family: "Paperlogy";padding-left: 10px;}
.flor2 .slicker > div .slide_area a .txt-part .num{font-weight:600;}
.flor2 .slicker > div > .oparate-panel {text-align: center; line-height: 24px;}
.flor2 .slicker > div > .oparate-panel .prev,
.flor2 .slicker > div > .oparate-panel .next {position: absolute;top: 50%;transform: translateY(-20px);display: block;width: 36px;height: 66px;background-repeat:no-repeat;}
.flor2 .slicker > div > .oparate-panel .prev {left: -38px; background-image:url(../images/main/flor2_l_arrow.png);}
.flor2 .slicker > div > .oparate-panel .next {right: 50px; background-image:url(../images/main/flor2_r_arrow.png);}

.flor2 .oparate-panel2{margin-top:45px;display:flex;}
.flor2 .oparate-panel2 .nex-prv{border-radius:40px;background:#ffffff;position:relative;height:72px;padding:0 18px;display:flex;align-items:center;}
.flor2 .oparate-panel2 .nex-prv .prev,
.flor2 .oparate-panel2 .nex-prv .next{position: static; top: 50%;width: 8px;  height: 12px; background-repeat:no-repeat;}
.flor2 .oparate-panel2 .nex-prv .prev{left: -35px; background-image:url(../images/main/flor2_l_arrow2.png);}
.flor2 .oparate-panel2 .nex-prv .next{right: -35px; background-image:url(../images/main/flor2_r_arrow2.png);}
.flor2 .oparate-panel2 .pag-num{display:inline-block;padding:0 20px;}
.flor2 .oparate-panel2 .pag-num span{display:inline-block;}
.flor2 .oparate-panel2 .pag-num .num{display:inline-block;font-size:18px;color:#000000;font-weight:300;}
.flor2 .oparate-panel2 .pag-num .num.tt{padding-left:50px;position:relative;}
.flor2 .oparate-panel2 .pag-num .num.tt::before{content:'';position:absolute;top: 50%;transform: translateY(-50%);left:4px;width:36px;height:1px;background:#000000;}
.flor2 .oparate-panel2 .pause-btn{display:block;margin-left:20px;width:68px;height:68px;border-radius:50%;background:url(../images/main/flor2_pause.png) center no-repeat #000000;}
.flor2 .oparate-panel2 .pause-btn.active{background-image:url(../images/main/flor2_slick_play.png);}
.flor2 .fronter .txt-panel{color:#ffffff;font-family: "Paperlogy";}
.flor2 .fronter .txt-panel .ttop{font-size:36px;word-break: keep-all;}
.flor2 .fronter .txt-panel .ttop strong{font-weight:600;}
.flor2 .fronter .txt-panel .tbtm{font-size:18px;font-weight:500;padding-top: 8px;padding-right: 20px; word-break: keep-all;}

/*  */
.flor3{padding-bottom:110px;}
.flor3 .lef{width:calc(100% - 540px);}
.flor3 .lef .nied-box{margin-top:55px;display:flex;gap:25px;align-items: flex-end;}
.flor3 .lef .nied-box .nied-tit{width: 168px;}
.flor3 .lef .nied-box .nied-menu li{padding:18px 0;border-bottom:1px solid #848484;}
.flor3 .lef .nied-box .nied-menu li.on{border-bottom:2px solid #0ec0cf;}
.flor3 .lef .nied-box .nied-menu li a{display:block;font-size:20px;color:#757575;background:url(../images/main/flor3_t_ico_tarrow.png) no-repeat top 7px right;padding-right: 19px;width: 168px;}
.flor3 .lef .nied-box .nied-menu li.on a{color:#0ec0cf;font-weight:700;background-image:url(../images/main/flor3_t_ico_tarrow_on.png);}
.flor3 .lef .nied-box .tab-box {display:none;width:calc(100% - 193px);position:relative;}
.flor3 .lef .nied-box .tab-box.on{display:block;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a{display:block;border-radius:20px;border:1px solid #d5d5d5;background-color: #fff; position:relative;padding:60px 15px 55px;min-height:311px;}
.flor3 .lef .nied-box .nied-cont .tag{display:inline-block;padding:6px 10px 6px 8px;background:#0ebfce;border-radius:0 50px 50px 0;font-size:18px;color:#ffffff;font-weight:600;position:absolute;top:15px;left:0;}
.flor3 .lef .nied-box .nied-cont .ttxt,
.flor3 .lef .nied-box .nied-cont .dtxt{display:-webkit-box;-webkit-line-clamp:3;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.flor3 .lef .nied-box .nied-cont .ttxt{font-size:22px;color:#414141;font-weight:500;}
.flor3 .lef .nied-box .nied-cont .dtxt{padding-top:15px;font-size:14px;color:#000000;}
.flor3 .lef .nied-box .nied-cont .bm-field{position:absolute;bottom: 10px;left: 15px;right: 15px;width: calc(100% - 30px);padding-top:15px;border-top:1px solid #111111;}
.flor3 .lef .nied-box .nied-cont .bm-field .date{display:inline-block;float:left;font-size:14px;color:#000000;}
.flor3 .lef .nied-box .nied-cont .bm-field .yiMore{display:inline-block;float:right;width:12px;height:12px;background:url(../images/main/flor3_t_ico_add.png) no-repeat;}
.flor3 .flx-style{display:flex;justify-content:space-between;}
.flor3 .lef .nied-box .tab-box .cont{position:relative;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover{border-color:transparent;background:url(../images/main/flor3_l_bg_01.png) no-repeat;background-size: 100% 100%;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .tag{background:#fff;color:#0ec0cf;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .ttxt,
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .dtxt,
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .date{color:#fff;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .bm-field{border-color:#fff;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:hover .yiMore{background-image:url(../images/main/flor3_t_ico_add_on.png);}
.flor3 .slide-ctrl .nied-prev,
.flor3 .slide-ctrl .nied-next{width:9px;height:15px;right:0;top: -44px;left:auto;bottom:auto;margin:0;}
.flor3 .slide-ctrl .nied-prev{background:url(../images/main/flor3_sns_larrow.png) no-repeat;right:122px;}
.flor3 .slide-ctrl .nied-next{background:url(../images/main/flor3_sns_rarrow.png) no-repeat;right:82px;}
.flor3 .slide-ctrl .more-btn{display:block;position:absolute;right:0;top: -45px;left:auto;bottom:auto;}
.flor3 .slide-ctrl .more-btn > span{vertical-align:middle;}
.swiper-button-next:after,
.swiper-button-prev:after{display:none;}
.nied-box .nied-tit{height: 320px;display: flex;align-items: flex-end;}
.nied-box .swiper-container{position: relative;/* width: 710px;height: 320px; */overflow: hidden;width: 100%;}
.slide-ctrl{display: flex;align-items: center;}
.swiper-notification{display: none;}
.swiper-horizontal{touch-action:pan-y;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity: .75;}

.flor3 .rig .tab-box{margin-top: 67px;}
.flor3 .rig .tab-box .cont{position:relative;}
.flor3 .rig .nied-cont{position:relative; width: 438px; overflow:hidden;}
.flor3 .rig .swiper-slide a{display:block;border-radius:23px;border:1px solid #d5d5d5;height:312px;overflow: hidden;}
.flor3 .rig .swiper-slide a img{width: 440px;height: 312px;}

.flor3 .nisns-box{margin-top:70px;display:flex;gap:60px;align-items: flex-end;}
.flor3 .nisns-box .nisns-tit{width: 374px;background:url(../images/main/flor3_sns_bg.png) no-repeat #477cde; border-radius:0 80px 20px 0;padding:50px 0;}
.flor3 .nisns-box .nisns-tit .t-tit{font-size:36px;color:#ffffff;font-weight:300;font-family: 'SBAggro';padding-left:80px;}
.flor3 .nisns-box .nisns-tit .t-tit strong{font-weight:500;}
.flor3 .nisns-box .nisns-menu{margin-top:40px;}
.flor3 .nisns-box .nisns-menu li + li{margin-top:15px;}
.flor3 .nisns-box .nisns-menu li a{display:block;font-size:24px;color:#ffffff;max-width: 314px;text-align:center;border-radius: 0 60px 60px 0;padding:13px 0 13px 80px;position:relative;}
.flor3 .nisns-box .nisns-menu li a::before{display:none;content:'';position:absolute;top:-40px;left:60px;background-repeat:no-repeat;}
.flor3 .nisns-box .nisns-menu li .insta::before{width:70px;height:72px;background-image:url(../images/main/flor3_sns_h_img01.png);}
.flor3 .nisns-box .nisns-menu li .youtu::before{width:72px;height:72px;background-image:url(../images/main/flor3_sns_h_img02.png);}
.flor3 .nisns-box .nisns-menu li .threads::before{width:67px;height:69px;background-image:url(../images/main/flor3_sns_h_img03.png);}
.flor3 .nisns-box .nisns-menu li .blog::before{width:67px;height:70px;background-image:url(../images/main/flor3_sns_h_img04.png);}
.flor3 .nisns-box .nisns-menu li.on a{color:#467ce0;font-weight:700;background:#fff;}
.flor3 .nisns-box .nisns-menu li.on a::before{display:block;}
.flor3 .nisns-box .tab-box {display:none;width:calc(100% - 434px);position:relative;}
.flor3 .nisns-box .tab-box.on{display:block;}
.flor3 .nisns-box .tab-box .tab-box{position:relative;}
.flor3 .nisns-box .swiper-container{position:relative;overflow:hidden; padding-top: 47px;}
.nis_crt{width: 175px; margin:0 auto; }

.flor3 .nisns-box .nisns-cont .swiper-slide a{display:block;border-radius:18px;position:relative;height:443px;transition: 0.3s;overflow: hidden;}
.flor3 .nisns-box .nisns-cont .swiper-slide a:hover{transform: translateY(-20px);}
.flor3 .nisns-box .nisns-cont .program{display:inline-block;position:absolute;left:0;top:-10px;width:66px;height:66px;background-repeat:no-repeat;}
.flor3 .nisns-box .nisns-cont .program.insta{background-image:url(../images/main/flor3_sns_img01.png);}
.flor3 .nisns-box .nisns-cont .program.youtu{background-image:url(../images/main/flor3_sns_img02.png);}
.flor3 .nisns-box .nisns-cont .program.threads{background-image:url(../images/main/flor3_sns_img03.png);}
.flor3 .nisns-box .nisns-cont .program.blog{background-image:url(../images/main/flor3_sns_img04.png);}

.flor3 .nisns-box .nisns-cont .img-part{display:block;height:443px;}
.flor3 .nisns-box .nisns-cont .img-part img{width:100%;height:100%;}
.flor3 .nisns-box .nisns-cont .txt-part{display:block;position:absolute;bottom:0;background:#f1f1f1;width:100%;height:78px;padding:16px 18px 0;}
.flor3 .nisns-box .nisns-cont .txt-part > span{display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#000000;font-weight:500;font-family: "Paperlogy";}
.flor3 .nisns-box .nisns-prev,
.flor3 .nisns-box .nisns-next{display:block;width:61px;height:61px;background:#ffffff;right:auto;top: 50%;transform: translateY(-50%);left:auto;bottom:auto;margin:0;border-radius:50%;box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);}
.flor3 .nisns-box .nisns-prev{background:url(../images/main/flor3_sns_larrow.png) no-repeat center #fff;left:-30px;}
.flor3 .nisns-box .nisns-next{background:url(../images/main/flor3_sns_rarrow.png) no-repeat center #fff;right:80px;}
.img_cover{object-fit: cover;}

/* 스코프 */
.nisns-box .cont { position: relative; }

/* 컨트롤 레이어를 슬라이드 위에 올림 */
.nisns-box .nisns-ctrl {
    position: absolute;
    inset: 0;                 /* 상하좌우 전부 덮기 */
    z-index: 5;
    pointer-events: none;     /* 빈 공간은 아래로 통과 */
}

/* 실제 버튼만 클릭 받기 */
.nisns-box .nisns-prev,
.nisns-box .nisns-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;              /* 실클릭 영역 확보 */
    height: 44px;
    pointer-events: auto;     /* 버튼은 클릭 가능 */
    cursor: pointer;
}

/* 좌우 위치 */
.nisns-box .nisns-prev { left: 8px; }
.nisns-box .nisns-next { right: 8px; }

/* 슬라이드 링크가 위로 올라오지 않게(혹시 대비) */
.nisns-box .nisns-cont { position: relative; z-index: 1; }


/*flor4*/
.flor4{background:url(../images/main/flor4_bg.png) no-repeat left bottom -90px #e7f6f7;padding-bottom:60px;}
.flor4 .flx-style{display:flex;justify-content:space-between;}
.flor4 .lef{width:573px;position:relative;}
.flor4 .video-frame{margin-top:80px;display:block;height:342px;width:100%;border-radius:25px;position:relative;overflow: hidden;}
.flor4 .video-frame::before{content:'';position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width:78px;height:78px;/*background:url(../images/main/ico_play_for4.png) no-repeat;*/}
.flor4 .video-frame img{width:100%;height:100%;}
.flor4 .more-btn{display:block;position:absolute;right:0;top:160px;left:auto;bottom:auto;}
.flor4 .more-btn > span{vertical-align:middle;}
.flor4 .rig .more-btn{right: 80px;}
.flor4  .rig{width:calc(100% - 623px);position:relative;}
.flor4 .tab-box {position:relative;margin-top: 70px;}
.flor4 .swiper-container{position:relative;overflow:hidden;}
.flor4 .nigallary-cont .swiper-slide{width: 407px; padding-top:10px;}
.flor4 .nigallary-cont .swiper-slide a{display:block;border-radius:18px;position:relative;transition: 0.3s;}
.flor4 .nigallary-cont .swiper-slide a .img-part img{transition: all 0.3s ease;}
.flor4 .nigallary-cont .swiper-slide a:hover .img-part img{transform:scale(1.06); }
.flor4 .nigallary-cont .img-part{display:block;height:340px;}
.flor4 .nigallary-cont .img-part{border-radius: 18px;overflow: hidden;}
.flor4 .nigallary-cont .img-part img{width:100%;height:100%;   object-fit: cover;}
.flor4 .nigallary-cont .txt-part{display:block;padding:12px 0 0;font-size:18px;color:var(--black1);font-weight:500;font-family: "Paperlogy";white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.flor4 .nigallary-prev,
.flor4 .nigallary-next{display:block;width:61px;height:61px;background:#ffffff;right:auto;top: 50%;transform: translateY(-50%);left:auto;bottom:auto;margin:0;border-radius:50%;box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);}
.flor4 .nigallary-prev{background:url(../images/main/flor3_sns_larrow.png) no-repeat center #fff;left:-30px;}
.flor4 .nigallary-next{background:url(../images/main/flor3_sns_rarrow.png) no-repeat center #fff;right:80px;}

/*다크모드*/
.dark .flor4{background-color: #4b4a48;}
.dark .flor3 .lef .nied-box .nied-menu li a{color:#d0d0d0}
.dark .flor3 .slide-ctrl .nied-prev{background: url(../images/main/flor3_sns_larrow_w.png) no-repeat;}
.dark .flor3 .slide-ctrl .nied-next{background:url(../images/main/flor3_sns_rarrow_w.png) no-repeat;}

/**/
@media screen and (min-width: 1025px) {
    .f-visual .fvl-box .hov .linkOpen {transform: translatey(100%) rotatex(90deg);}
    .f-visual .fvl-box .hov .linkList {transform: translatey(0) rotatex(0deg);}
    .f-visual .fvl-box .linkOpen:hover {border:0;}
    .f-visual .fvl-box .linkList li a:hover {color: #fff; background: linear-gradient(to right, #00b1ff, #117fc6); box-shadow: 7px 7px 16px rgba(0, 0, 0, 0.15);}

    .f-visual .fvl-box .search:hover a {color: #33567a; text-shadow: none;}
    .f-visual .fvl-box .search:hover:before {transition: 0.8s;/* background: url(../imgs/main/visual_icon3.png) no-repeat; */opacity: 1; z-index: 3;}
    .f-visual .fvl-box .search:hover a::before {left: -33%;}
    .f-visual .fvl-box .search:hover a::after {right: -33%;}
}

@media screen and (max-width: 1802px) {
    .flor2 h4.title{padding: 90px 20px 0 20px;}
    .flor2 .slick-box{padding-left: 20px;}
    .wd-1762{padding: 0 20px;}
    .pdf-80{padding-left: 20px;}
    .flor4 .rig .more-btn{right: 20px;}
    .flor4 .nigallary-next{right: 20px;}
}

@media screen and (max-width: 1400px) {
    
    .flor3 .lef{width: calc(100% - 390px);}
    .flor3 .rig .nied-cont{width: 360px;}
    .flor4 .lef{width: 480px;}
    .flor4 .rig{width: calc(100% - 520px);}
}


@media screen and (max-width: 1250px) {
    .visual-box{align-items: center;}
    .flor2 .slicker .abcd{width: 430px;height: 340px;}

    .flor3 .lef{width: calc(100% - 390px);}
    .flor3 .rig .nied-cont{width: 360px;}
    .flor3 .nisns-box .nisns-tit{width: 250px;}
    .flor3 .nisns-box .nisns-tit .t-tit{padding-left: 20px;letter-spacing: -1px;}    
    .flor3 .nisns-box .nisns-menu li a{padding-left: 20px;width: calc(100% - 20px);}
    .flor3 .nisns-box .nisns-menu li a::before {left:10px}
    .flor3 .nisns-box .tab-box{width: calc(100% - 310px);}
    .flor3 .nisns-box .nisns-next{right: 20px;}

    .flor4 .flx-style{padding: 0 20px;}
    .flor4 .lef{width: calc(50% - 15px);}
    .flor4 .rig{width: calc(50% - 30px);}
    .flor4 .nigallary-next{right:-15px;}
}

@media screen and (max-width: 1024px) {
    h4.title{font-size: 30px;}
    .nis_crt{display: none;}
    .flor1,
    .h-slide > div{height: 830px;}
    .visual-box{justify-content: space-around;}
    .visual-box .txt-part strong{font-size: 48px;}
    .visual-box .txt-part p{font-size: 18px;}
    .f-visual{margin-top: 0;}
    .f-visual .fvl-box .link,
    .f-visual .fvl-box .search{width: 212px; height: 75px;line-height: 75px;background: url(../images/main/bg_main_search.png);}
    .f-visual .fvl-box strong{font-size: 16px;}
    .f-visual .fvl-box .linkList li a{letter-spacing: -1px;}
    .f-visual .fvl-box .linkList li:nth-child(1) a,
    .f-visual .fvl-box .linkList li:nth-child(4) a{background: linear-gradient(to right, #00b1ff, #117fc6);color:#fff}
    .f-visual .fvl-box .linkOpen{display: none !important;}
    .f-visual .fvl-box .linkList{display: block !important;transform: translatey(0) rotatex(0deg);}
    .f-visual .fvl-box .search::before,
    .f-visual .fvl-box .search a::after,
    .f-visual .fvl-box .search a::before{display: none;}
    
    .flor2{background-size: 66% auto;}
    .flor2 .slick-banner{height: auto;padding: 25px 0;}
    .flor2 .slick-box{flex-direction: column-reverse;padding: 0 60px;}
    .flor2 .slicker{width: 100%;transform: translateY(0)}
    .flor2 .slicker .slick-slide{padding-top: 0;}
    .flor2 .slicker > div .slide_area a .txt-part{display: none;}
    .flor2 .slicker > div > .oparate-panel .prev, 
    .flor2 .slicker > div > .oparate-panel .next{width: 27px;height: 49px;background-size: 100%;}
    .flor2 .slicker > div > .oparate-panel .next{right: -38px;}
    .flor2 .slicker > div > .oparate-panel .prev{background-size: 100%;}
    .flor2 .slick-banner .fronter{width: 100%;margin-right: 0;}
    
    .flor2 .slicker{height: 270px;}
    .flor2 .slick-banner{margin-top: 35px;}
    .flor2 .slicker > div{height: 100%;}
    .flor2 .slicker > div .slide_area{height: 100%;display: flex;align-items: center;padding-left: 290px;}
    .flor2 .slicker .slick-slide{width: 300px;}
    .flor2 .slicker .abcd{display: none;}
    .flor2 .slicker .slick-track{height: 100%;}
    .flor2 .slicker > div .slide_area a .img-part{height: 100%;}
    .flor2 .slicker .slick-slide.slick-cloned{display: none;}
    .flor2 .slicker .mobile-active{display: block;width: 360px;height: 270px;position: absolute;left:0;top:0;z-index: 1;}
    .flor2 .slicker .mobile-active a{display: block;padding-bottom: 7px;height: 100%;}
    .flor2 .slicker .mobile-active a .txt-part{display: none;}
    .flor2 .slicker .mobile-active a .img-part{display: flex;justify-content: center;height: 100%;padding: 10px;}
    .flor2 .slicker .mobile-active a .img-part img{width: 100%;height: 100%;margin: 0 auto;border-radius: 15px;box-shadow: 0px 8px 11px 0px rgb(0, 0, 0, 0.4);}
    .flor2 .slick-banner .fronter{position: relative;z-index: 1;padding-top: 20px;}
    .flor2 .oparate-panel2{position: absolute;right:0;top:-60px; margin-top: 0;}
    .flor2 .oparate-panel2 .nex-prv{height:43px ;}
    .flor2 .oparate-panel2 .pag-num{padding: 0 10px;}
    .flor2 .oparate-panel2 .pag-num .num{font-size: 12px;}
    .flor2 .oparate-panel2 .pag-num .num.tt{padding-left: 32px;}
    .flor2 .oparate-panel2 .pag-num .num.tt::before{width: 23px;}
    .flor2 .oparate-panel2 .pause-btn{width: 43px;height: 43px;margin-left: 6px;}
    .flor2 .fronter .txt-panel .ttop{font-size: 24px;}
    .flor2 .fronter .txt-panel .tbtm{font-size: 14px;}

    .flor3 .flx-style{display: block;}
    .flor3 h4.title{padding-top: 60px;}
    .flor3 .lef{width: 100%;}
    .flor3 .lef .nied-box{gap: 17px;margin-top: 0;}
    .flor3 .lef .nied-box .nied-tit{width: 115px;height: 245px;}
    .flor3 .lef .nied-box .nied-menu li a{width: 100%;font-size: 15px;}
    .flor3 .lef .nied-box .tab-box{width: calc(100% - 132px);}
    .flor3 .lef .nied-box .nied-cont .swiper-slide{height: auto;}
    .flor3 .lef .nied-box .nied-cont .swiper-slide a{height: 100%;min-height: 215px;}
    .flor3 .lef .nied-box .nied-cont .ttxt{font-size: 16px;word-break: keep-all;}
    .flor3 .lef .nied-box .nied-cont .ttxt br{display: none;}
    .flor3 .lef .nied-box .nied-cont .dtxt br{display: none;}
    .flor3 .lef .nied-box .nied-cont .tag{font-size: 16px;}
    .flor3 .rig .nied-cont{width: 100%;}
    .flor3 .lef .nied-box .nied-menu li{padding: 10px 0;}
    .flor3 .rig .swiper-slide a{height: auto;}
    .flor3 .slide-ctrl .nied-prev, .flor3 .slide-ctrl .nied-next{width: 7px;height: 12px;background-size: 100%;top:-24px}
    .flor3 .slide-ctrl .nied-next{right: 67px;}
    .flor3 .slide-ctrl .nied-prev{right: 98px;}
    .flor3 .slide-ctrl .more-btn{font-size: 14px;top:-30px}

    .flor3 .rig .tab-box{margin-top: 35px;}
    .flor3 .nisns-box .nisns-tit{width: 205px;padding: 30px 0 17px 0;height: 284px;}
    .flor3 .nisns-box .nisns-tit .t-tit{font-size: 26px;}
    .flor3 .nisns-box .nisns-menu{margin-top: 23px;}
    .flor3 .nisns-box .nisns-menu li + li{margin-top: 9px;}
    .flor3 .nisns-box .nisns-menu li a{font-size: 15px;width: calc(100% - 20px);padding: 9px 0 9px 40px;}
    .flor3 .nisns-box .nisns-menu li a::before{left:15px;top:-20px}
    .flor3 .nisns-box .nisns-menu li .youtu::before,
    .flor3 .nisns-box .nisns-menu li .insta::before,
    .flor3 .nisns-box .nisns-menu li .threads::before,
    .flor3 .nisns-box .nisns-menu li .blog::before{width: 48px;height: 49px;background-size: 100%;}
    .flor3 .nisns-box{margin-top: 80px;gap: 0;}
    .flor3 .nisns-box .tab-box{width: calc(100% - 220px);margin-left: 15px;}
    .flor3 .nisns-box .swiper-container{padding-top: 25px;}
    .flor3 .nisns-box .nisns-cont .img-part{height: 100%;}
    .flor3 .nisns-box .nisns-cont .program{display: none}
    .flor3 .nisns-box .nisns-prev, 
    .flor3 .nisns-box .nisns-next{width: 37px;height: 37px;}
    .flor3 .nisns-box .nisns-cont .swiper-slide a{height: 267px;}
    .flor3 .nisns-box .nisns-cont .txt-part{height: 48px;padding: 5px;}
    .flor3 .nisns-box .nisns-cont .txt-part > span{font-size: 14px;}
    .flor3 .nisns-box .swiper-container .swiper-slide-active{transform: translateY(-20px);}

    .flor4 h4.title{padding-top: 40px;}
    .flor4 .video-frame{margin-top: 40px;}
    .flor4 .tab-box{margin-top: 40px;}
    .flor4 .more-btn{top:85px}
    .flor4 .nigallary-prev, 
    .flor4 .nigallary-next{width: 35px;height: 34px;}
    .flor4 .rig{width: calc(50% - 15px);}
    .flor4 .nigallary-prev{left: 0;}
    .flor4 .nigallary-next{right: 0;}
}

@media screen and (max-width: 768px) {
    .flor4{background-image: none;}
    .flor4 .flx-style{display: block;}
    .flor4 .lef{width: 100%;margin-bottom: 60px;}
    .flor4 .rig{width: 100%;}
    .flor4 .nigallary-prev{left:0}
    .flor4 .nigallary-next{right:0}
    .flor4 .nigallary-cont .img-part{height:290px;}
}


@media screen and (max-width: 640px) {
    .flor1{height: 1025px;}
    .visual-box{display: block;width: 100%;padding: 0 10px;padding-top: 94px;}
    .h-slide > div,
    .visual-box {height: 817px;}

    .txt-part{height:723px ; display: flex;flex-direction: column-reverse;justify-content: center;justify-content: center;padding-top: 0;margin-bottom: 25px;}
    .main-search{width: 100%;padding: 35px 20px 0 20px;margin: 0 auto;margin-top: 180px;}
    
    .main-search::after{width: 66px;height: 95px;background-size: 100%;}
    .main-search .inpt-box{height: 55px;}
    .main-search .inpt-box input[type=text]{font-size: 18px;}
    .btn-main-search{width:56px ;height: 43px;}

    .f-visual .fvl-box .link, 
    .f-visual .fvl-box .search{width: 100%;height: 94px ;max-width: 365px;margin: 0 auto;margin-bottom: 20px; border:2px solid #00b1ff;border-radius: 15px;overflow: hidden;}
    .f-visual .fvl-box .linkList{width: 100% ;} 
    .f-visual .fvl-box .linkList li:nth-child(1n) a,
    .f-visual .fvl-box .linkList li:nth-child(2n) a,
    .f-visual .fvl-box .linkList li:nth-child(3n) a,
    .f-visual .fvl-box .linkList li:nth-child(4n) a{border-radius: 0;}    
    .f-visual .fvl-box{display: block;}
    .fvl-box{display: block }  
    .f-visual .fvl-box .search{background-color: #00b1ff;background-image: none;line-height: 94px;margin-bottom: 0;}
    .f-visual .fvl-box a{text-shadow: none;}
    .f-visual .fvl-box .search a{transition: none;border-radius: 0;}
    .f-visual .fvl-box .linkOpen, 
    .f-visual .fvl-box .linkList{position: relative;}

    .flor2 {background-size: 74% auto;}
    .flor2 .oparate-panel2{display: none;}
    .flor2 h4.title{padding-left: 10px;}
    .flor2 .slicker{height: auto;}
    
    .flor2 .slicker .mobile-active{display: none;}
    .flor2 .slick-box{padding: 0 25px;}
    .flor2 .slicker .slick-slide{width: auto;}
    .flor2 .slicker .abcd{display: block;width: auto;height: auto;}
    .flor2 .slicker > div .slide_area{padding-left: 0;}
    .flor2 .slicker > div .slide_area a {max-width: 504px;}
    .flor2 .slicker > div > .oparate-panel .prev, 
    .flor2 .slicker > div > .oparate-panel .next{width: 20px;height: 38px;}
    .flor2 .slicker > div > .oparate-panel .prev{left: -15px;}
    .flor2 .slicker > div > .oparate-panel .next{right: -15px;}
    .flor2 .slick-banner .fronter{padding-top: 10px;}

    .flor3 .lef .nied-box .nied-cont .dtxt{display: none;}
    .flor3 .nisns-box{display: block;}
    .flor3 .nisns-box .nisns-tit{display: flex;width: 100%;background: none;height: auto;padding: 0;margin-bottom: 35px;}
    .flor3 .nisns-box .nisns-tit .t-tit{display: flex;align-items: center;width: 197px;height: 76px;font-size: 26px;background: url(../images/main/flor3_sns_bg.png) right center no-repeat #477cde;border-radius:  0 50px 20px 0 ;padding: 0 0 0 10px;}
    .flor3 .nisns-box .nisns-menu{display: flex;align-items: center;justify-content: space-around;width: calc(100% - 197px);padding: 0 10px;margin-top: 0;}
    .flor3 .nisns-box .nisns-menu li + li{margin-top: 0;}
    .flor3 .nisns-box .nisns-menu li a{display: flex;align-items: center;width: 100%; min-height: 34px; color: #477cde;padding: 0 5px;font-size: 14px;}
    .flor3 .nisns-box .nisns-menu li a::before{left: -10px;top:-23px}
    .flor3 .nisns-box .nisns-menu li .youtu::before, 
    .flor3 .nisns-box .nisns-menu li .insta::before,
    .flor3 .nisns-box .nisns-menu li .threads::before, 
    .flor3 .nisns-box .nisns-menu li .blog::before{width:34px ;height: 34px;}
    .flor3 .nisns-box .nisns-menu li.on a{background-color: #477cde;color:#fff;border-radius: 20px;}
    .flor3 .nisns-box .tab-box{width: 100%;padding: 0 30px;margin: 0;}
    .flor3 .nisns-box .swiper-container{padding-top: 0;}
    .flor3 .nisns-box .swiper-container .swiper-slide-active{transform: none;}
    .flor3 .nisns-box .nisns-cont .swiper-slide a{height: 257px;}
    .flor3 .nisns-box .nisns-cont .txt-part{margin-bottom: 0;}
    .flor3 .nisns-box .nisns-prev{left: 10px;}
    .flor3 .nisns-box .nisns-next{right: 10px;}

    .flor4 .flx-style{padding: 0 10px;}
    .flor4 .nigallary-cont .txt-part{margin-bottom: 0;height: auto;}     
    

}


@media screen and (max-width: 480px) {
    .flor1{height: 827px;}
    .h-slide > div, .visual-box{height: 600px;}
    
    .txt-part{height: 500px;}
    .main-search{padding: 0;margin-top: 85px;}
    .main-search::after{top:-74px}
    .main-search .inpt-box input[type=text]{padding-left: 5px;width: calc(100% - 70px);}

    .flor2 h4.title{padding-top: 30px;}
    .flor2 .slicker .slick-slide.slick-cloned{display: block;}

    .flor3{padding-bottom: 50px;}
    .flor3 h4.title{padding-top: 30px;}
    .flor3 .lef .nied-box{margin-bottom: 20px;}
    .flor3 .nisns-box{margin-top: 50px;}
    .flor3 .nisns-box .nisns-tit{display: block;}
    .flor3 .nisns-box .nisns-tit .t-tit{height: 50px;margin-bottom: 30px;}
    .flor3 .nisns-box .nisns-menu{width: 100%;}
    .flor3 .nisns-box .nisns-menu li a{padding:  0 10px;background-color: #477cde;color: #fff;border-radius: 20px;}
    .flor3 .nisns-box .nisns-cont .txt-part{display: flex;justify-content: center;}
    
    .flor4{padding-bottom: 0;}
    .flor4 .lef{margin-bottom: 0;}
    .flor4 .nigallary-cont .img-part{height: auto;}

}

/*웹접근성*/
.flor2 .slick-banner{background: linear-gradient(to right, #0A96E0, #467ce0);}
.flor2 .slicker > div .slide_area a:focus {outline-color: #000; outline-offset: -2px;}
.flor2 .slicker > div > .oparate-panel .slick-arrow:focus {outline-color: #000;}
.flor3 .lef .nied-box .nied-cont .swiper-slide a:focus {outline-offset: -2px;}
.flor3 .nisns-box .nisns-menu li a:focus {outline-color: #000;}
.flor3 .nisns-box .nisns-cont .swiper-slide a:focus {outline-color: #000;outline-offset: -2px;}
 .flor4 .nigallary-cont .swiper-slide a:focus {outline-offset: -2px;}
.f-visual .fvl-box .linkList li a:focus {outline-offset: -4px;}
.f-visual .fvl-box .search a:focus{background-color: #fff;color:#000}

@media screen and (min-width: 1025px) {
	.mobile-active{display: none}
}