/* ==================<메인 이전>================= */
@import url(/resources/css/cluster/basic.css?v=20190821);
/* NotoSans */
@font-face {
  font-family: 'Noto';
  src: url("../font/NotoSans-Light.eot");
  src: url("../font/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../font/NotoSans-Light.woff2") format("woff2"), url("../font/NotoSans-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Noto';
  src: url("../font/notokr-demilight.eot");
  src: url("../font/notokr-demilight.eot?#iefix") format("embedded-opentype"), url("../font/notokr-demilight.woff2") format("woff2"), url("../font/notokr-demilight.woff") format("woff");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Noto';
  src: url("../font/notokr-regular.eot");
  src: url("../font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../font/notokr-regular.woff2") format("woff2"), url("../font/notokr-regular.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Noto';
  src: url("../font/NotoSans-Medium.eot");
  src: url("../font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/NotoSans-Medium.woff2") format("woff2"), url("../font/NotoSans-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Noto';
  src: url("../font/notokr-bold.eot");
  src: url("../font/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../font/notokr-bold.woff2") format("woff2"), url("../font/notokr-bold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
/* Gotham */
@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-thin.eot") format("eot");
  src: url("../font/Gotham-thin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-light.eot") format("eot");
  src: url("../font/Gotham-light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-medium.eot") format("eot");
  src: url("../font/Gotham-medium.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-book.eot") format("eot");
  src: url("../font/Gotham-book.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-bold.eot") format("eot");
  src: url("../font/Gotham-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

  @font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-2ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-1Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LAB디지털';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/LAB디지털.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BMYEONSUNG';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMYEONSUNG.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html body{font-family: 'GmarketSans', 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', Dotum, Gulim, AppleGothic, sans-serif;}
/*-------------------------------------------------
Version : 1.0
=== Author : YoungJe,LEE NitroEye
-------------------------------------------------*/

/* 첫번째 섹션 제외 나머지에서는 헤더 나오지 않음. 메뉴만 나오도록 수정 */
.headerT {display: none;}
.wrap.firstPage #header .headerT {display: block;}

/* ======================================
메인메뉴
========================================*/

.depth02-layout.active {padding-bottom: 90px; box-shadow: 0 30px 30px rgba(0, 0, 0, 0.04);}

.section {position: relative;}

/* ======================================
메인비쥬얼
========================================*/ 

#section01{width: 100%;/* background: url(/resources/images/cluster/main/r_visual1.png); */ background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;;  position: relative;}
#section01 .section1_wrap{width: 100%; margin: 0 auto;;}
#section01 .section1_wrap_in {position: absolute; bottom: 100px;;}
#section01 .section1_wrap_in h2{font-size: 82px; font-family: 'S-CoreDream-1Thin'; color: #fff;font-weight: 100;}
#section01 .section1_wrap_in p{font-size:17px; font-family: 'S-CoreDream-1Thin'; color: #fff;font-weight: 100; line-height: 1.5;}

.video-box__over{position: absolute;top:0;left:0;width:100%;height:100%;background-image: url('/resources/images/cluster/main/video-over-img.png');	background-repeat: repeat;	background-position: 0 0;	}
.video_over{position: absolute;top:0;left:0;width:100%;height:100%;background-image: url('/resources/images/cluster/main/video-over-img.png');	background-repeat: repeat;z-index:9;	background-position: 0 0;	}
.video_over h2{text-align:center; font-size:24px; color:#fff; padding-top:20%; }
.video_over .video_over_a_wrap{text-align:center; margin-top:20px; }
.video_over .video_over_a_wrap a{color:#fff; font-size:18px; border:1px solid;  padding:5px;}
.visual-layout {position: relative; height: 738px; overflow: hidden;position: relative;}

.visual-layout .list-img > li {float: left; width: 100%; text-align: center;}
.visual-layout .list-img > li img {height: 585px;}
.visual-layout .list-btn {position: absolute; top: 0; left: 50%; margin-left: 240px; padding: 30px 0; width: 400px; height: 100%; background-color: rgba(255,255,255,0.8); z-index: 100;}
.visual-layout .list-btn > li > a {display: block; padding: 0 40px; width: 100%; height: 50px; line-height: 50px; color: #323232; overflow: hidden;}
.visual-layout .list-btn > li.active > a,
.visual-layout .list-btn > li > a:hover {color: #fff; background-color: #3fa2ef;}

.visual-layout .ban_list_item{position: absolute; left: 50%; z-index: 9999999999;}

/* 효과 */
/* 최상단 팝업 오픈 
.wrap.firstPage .visual-layout {margin-top: 200px;}
.wrap.popupActive.firstPage .visual-layout {margin-top: 350px;}
*/

/* ======================================
로그인정보
========================================*/

.inner.member-layout {position: absolute; bottom: 0; left: 50%; margin-left: -640px; background-color: #fff; z-index: 110;}
.myInfo {width: 100%; height: 60px; line-height: 60px; overflow: hidden;}
.myInfo > strong,
.myInfo > span,
.myInfo > a {float: left; display: inline-block;}
.myInfo > strong {display: inline-block; width: 200px; text-align: center; color: #fff; background-color: #3fa2ef;}
.myInfo .txt {position: relative; padding-left: 50px;}
.myInfo .txt + .txt:before {position: absolute; top: 20px; left: 0; width: 1px; height: 20px; background-color: #e1e1e1; content: "";}
.myInfo .txt input {display: inline-block; padding: 0 10px; width: 290px; height: 60px; vertical-align: top; border: none;}
.myInfo .txt label {position: absolute; top: 0; left: 30px; display: inline-block; width: 30px; height: 100%; font-family: 'xeicon'; font-size: 20px; color: #e1e1e1;}
.myInfo .login,
.myInfo .logout,
.myInfo .find,
.myInfo .info {width: 200px; color: #fff; text-align: center;}
.myInfo .login,
.myInfo .logout {background-color: #afafae;}
.myInfo .find,
.myInfo .info {background-color: #50585e;}
.myInfo .thumb_img {width: 260px; text-align: center;}
.myInfo .thumb_img strong {margin: 0 5px;}
.myInfo .thumb_img img {margin: 5px; width: 50px; height: 50px; border-radius: 50%;}
.myInfo .point {padding-left: 38px; width: 420px; font-size: 22px; font-weight: 300; color: #afb5bb; background: url(/resources/images/cluster/main/leaf.png) no-repeat left center;}
.myInfo .point em {display: inline-block; margin-right: 10px; font-size: 32px; font-weight: 700; color: #424242; letter-spacing: -0.05em}

/* 로그인전 */

/* 로그인후 */


/* ======================================
배너
========================================*/


/* ======================================
QUICK SEARCH
========================================*/

#quickSearch {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 20;}
#quickSearch .inner {position: absolute; left: 50%; top: 50%; margin: -380px 0 0 -640px; padding: 40px; width: 1280px; height: 760px; background-color: #fff;}
#quickSearch .btn-quickSearch-close {position: absolute; top: 0; right: 0; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff; background-color: #38404c;}

#quickSearch h2.quicksearch {margin-bottom: 15px; font-family: 'Gotham'; font-size: 22px; color: #323232;}
#quickSearch h2.quicksearch + p {font-size: 17px; color: #323232;}
#quickSearch .refresh {position: relative; display: inline-block; margin-left: 40px; padding-left: 20px; width: 155px; height: 45px; line-height: 45px; color: #fff; background-color: #4d5265;}
#quickSearch .refresh:before {position: absolute; bottom: 23px; right: 0; width: 40px; height: 1px; background-color: rgba(255,255,255,0.2); content: '';}


.mCSB_inside > .mCSB_container{margin-right: 70px !important;}

.facebook .js-nav{overflow:hidden; margin-bottom:50px;}
.facebook .js-nav__list{float:left;}
.facebook .js-nav__list a{display: block;min-width:145px;text-align:center;position: relative;font-weight: 400;font-size: 24px;color: #7c8bab;border: 1px solid ;padding:10px 20px; }
.facebook .js-nav__list:first-child a{border-top-left-radius: 20px;   border-bottom-left-radius: 20px;}
.facebook .js-nav__list:last-child a{border-top-right-radius: 20px;   border-bottom-right-radius: 20px;}
.facebook .js-nav__list.on a{display: block;position: relative;color:#fff}


#newsletter{/* background:url(/resources/images/cluster/main/r_visual8.png)  */}
#newsletter .newsletter_in {margin-top:100px; margin-bottom:100px; position:relative;}
#newsletter .newsletter_in h2{color: #fff; font-size: 28px;; margin-bottom:10px}
#newsletter .newsletter_in p{color: #fff; font-size: 16px;;}
#newsletter .newsletter_in a{position: absolute;display:block; top:40%;right: 0; padding: 10px;  border: 1px solid; background-color: transparent; color: #fff;}


footer{width:100% ;}
footer .inner{position: relative;}
footer .inner h1{position: absolute; top:30px;}
footer .inner .address{padding-left: 200px;width: 880px; padding-top: 30px;}
footer .inner .address li{display:inline-block; width:30%; color:#aaa; font-size:15px; margin-bottom:20px;}
footer .inner .address li span{border:1px solid #aaa; padding:2px 7px; border-radius: 50px; font-size:12px; margin-left:10px; }

/* footer .inner .sns_wrap{position: absolute; right: 250px; overflow: hidden; top: 20px;} */
/* footer .inner .sns_wrap ul li{float: left; margin-left: 10px;;} */

.info_list_wrap{margin-top: 20px;;border-top: 1px solid #585858; padding-top: 10px; overflow: hidden; padding-bottom: 50px;;}
.info_list_wrap ul li {float: left; }
.info_list_wrap ul li a {color: #aaa; padding:0 15px;position: relative; font-size: 14px;;}
.info_list_wrap ul li:first-child a {padding-left: 0px;}
.info_list_wrap ul li a::before {content: '|'; position: absolute; right: 0;}
.info_list_wrap ul li:last-child a::before {content: '';}

.familys {position: absolute; top: 20px; color:#333;right: 0; width: 190px; font-size: 13px; background-color: #999;  border-radius:30px;;overflow: hidden; z-index: 1;}
.familys h3 a,
.familys ul li a {display: block; padding: 0 20px; width: 100%; height: 50px; line-height:50px; color: #333;}
.familys h3 a {position: relative;}
.familys h3 a:before {position: absolute; top: 0; right: 20px; font-family: 'xeicon'; content: "\e938";}
.familys h3 a.open:before {content: "\e932";}
.familys #family-list {display: none; height: 100px; overflow-y: auto;}
.familys ul {padding: 10px 0; overflow: hidden;}
.familys ul li {margin-bottom: 15px;}
.familys ul li a {height: auto; line-height: 1.3;}


.main-tab__cont{display:none}
.main-tab__cont.on{display:block;}



.lozad-picture{width:100%; }


.new_vr_wrap{width: 100%; display:flex;align-items: center; background: url("/resources/images/cluster/main/new_vr_wrap_bg.png"); height: 580px;background-size: contain; background-repeat: no-repeat}
.new_vr_wrap .new_vr_wrap_in{width: 80%; margin: 0 auto; padding-top: 30px;padding-bottom: 30px}
.new_vr_wrap ul {display: flex;}
.new_vr_wrap ul li{width: 50%; display: flex; align-items: center; margin-bottom: 20px;}
.new_vr_wrap .new_vr_wrap_item_left{margin-right:40px; margin-left:70px;}
.new_vr_wrap .new_vr_wrap_item_right {color: #fff;}
.new_vr_wrap .new_vr_wrap_item_right span{font-size: 24px; }
.new_vr_wrap .new_vr_wrap_item_right a{border: 1px solid #fff; border-radius: 20px; display: inline-block; padding: 5px 10px; margin-top: 10px; font-size: 16px; }



.fp-tableCell{background-image:none!important;}

#sectionnews.mCnts .right_bg{background:none !important;}
#sectionnews.mCnts .left_bg{background:none !important;}


/* ==================<메인 2023.07.21>================= */

:root{
  --main_width: 1400px;
  --header_height: 161px;
  --main_padding: 20px;
  --sc01_slide_gap: 25px;
  --main_point_color: #0954ff;
  --more_btn_width: 22px;
}
.section_inner {
    width: 100%;
    max-width: calc(var(--main_width) + var(--main_padding) * 2);
    padding: 0 var(--main_padding);
    margin: 0 auto;
    letter-spacing: -0.04em;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}
.section_inner button,
.section_inner a,
.section_inner input{
  font-family: GmarketSans, "Noto Sans KR", "Nanum Gothic", 나눔고딕, Dotum, Gulim, AppleGothic, sans-serif;
}
br.mobile{
  display: none;
}
@media screen and (max-width:1024px) {
  :root{
    --header_height: 97px;
  }
}
@media screen and (max-width:768px) {
  :root{
    --sc01_slide_gap: 20px;
  }
  br.mobile{
    display: block;
  }
}
html{
  overflow-y:visible !important;
}

/* ==================<퀵메뉴>================= */
.quick_bar{
  position: fixed;
  width: 107px;
  top: calc(50% + 80px);
  right: 50px;
  z-index: 11;
  transform: translateY(-50%);
  box-shadow: 0px 4px 20px rgba(125,135,150,0.3);
  -webkit-box-shadow: 0px 4px 20px rgba(125,135,150,0.3);
  -moz-box-shadow: 0px 4px 20px rgba(125,135,150,0.3);
}
.quick_bar .title_box{
  width: 100%;
  height: 49px;
  background-color: #1d397a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}
.quick_bar .quick_list{
  border: 1px solid #dfdfdf;
  background-color: #fff;
}
.quick_bar .quick_item{
  padding: 20px 10px;
}
.quick_bar .quick_item:not(:last-of-type){
  border-bottom: 1px solid #ebebeb;
}
.quick_bar .quick_link{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.quick_bar .quick_link::before{
  content: '';
  display: block;
  margin: 0 auto 10px;
  width: 34px;
  aspect-ratio: 1 / 1;
  transition: 0.3s;
  background: no-repeat center;
}
.quick_bar .quick_link.place::before{
  background-image: url(../img/main/ico_quick01.png);
}
.quick_bar .quick_link.seat::before{
  background-image: url(../img/main/ico_quick02.png);
}
.quick_bar .quick_link.equip::before{
  background-image: url(../img/main/ico_quick03.png);
}
.quick_bar .quick_item_title{
  font-size: 16px;
  font-weight: 400;
  color: #000;
  transition: 0.3s;
}
.quick_bar .quick_toggle{
  background: url(../img/main/ico_quick_up.png) no-repeat center #fff;
  width: 100%;
  height: 100%;
  display: block;
}
.quick_bar .quick_toggle.close{
  background: url(../img/main/ico_quick_down.png) no-repeat center #fff;
}
@media screen and (max-width:1500px) {
  .quick_bar{
    display: none;
  }
}
@media screen and (hover:hover) {
  .quick_bar .quick_link.place:hover::before{
    background-image: url(../img/main/ico_quick01_hover.png);
  }
  .quick_bar .quick_link.seat:hover::before{
    background-image: url(../img/main/ico_quick02_hover.png);
  }
  .quick_bar .quick_link.equip:hover::before{
    background-image: url(../img/main/ico_quick03_hover.png);
  }
  .quick_bar .quick_link:hover .quick_item_title{
    color: #1d397a;
  }
}
/* ==================<섹션01>================= */
.section1 .section_inner{
  padding: var(--header_height) 0 65px;
  max-width: calc(var(--main_width) + var(--sc01_slide_gap) * 2);
  color: #fff;
}
.section1{
  background: url(../img/main/img_main_bg.jpg) no-repeat center;
  background-size: cover;
}
.section1 .text_area{
  text-align: center;
  padding: 65px 0 40px;
}
.section1 .sub_text{
  font-size: 32px;
  margin-bottom: 15px;
}
.section1 .main_text{
  font-size: 50px;
  font-weight: 500;
}
.section1 .sc01_dot{
  display: flex;
  gap: 30px;
}
.section1 .sc01_dots{
  font-size: 0;
}
.section1 .sc01_dots button{
  font-size: 0;
  width: 14px;
  aspect-ratio: 1 / 1;
  background-color: #7d89c5;
  border-radius: 50%;
}
.section1 .sc01_dots .slick-active button{
  background-color: #00ccff;
}
.section1 .sc01_toggle_btn > button{
  width: 13px;
  aspect-ratio: 13 / 14;
  display: block;
  background: no-repeat center;
}
.section1 .sc01_toggle_btn > button.pause{
  background-image: url(../img/main/ico_slide_pause.png);
}
.section1 .sc01_toggle_btn > button.play{
  background-image: url(../img/main/ico_slide_play.png);
  display: none;
}
.section1 .sc01_toggle_btn.stop > button.play{
  display: block;
}
.section1 .sc01_toggle_btn.stop > button.pause{
  display: none;
}
.section1 .slide_navigation{
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}
.section1 .sc01_slide_item{
  padding: 2px var(--sc01_slide_gap);
}
.section1 .sc01_slide_item > .frame{
  display: flex;
  gap: calc(var(--sc01_slide_gap) * 2);
  padding: 2px;
}
.section1 .sc01_slide_item .inner{
  flex: 1;
  min-width: 0;
}
.section1 .sc01_slide_item .img_box{
    /* height: 295px; */
    aspect-ratio: 1 /1;
    max-height: 310.5px;
    margin: 0 auto;
}
.section1 .sc01_slide_item .img_box > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section1 .sc01_slide_item .slide_title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 60px;
  border-bottom: 1px solid #fff;
  font-weight: 400;
}
.section1 .sc01_slide_item .slide_tag{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  padding-top: 17px;
}
.section1 .sc01_slide_item .slide_date{
  font-size: 15px;
  padding-top: 12px;
  font-weight: 400;
}
.section1 .sc01_slide_item .status_box{
  height: 46px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main_point_color);
  margin-top: 22px;
  font-size: 18px;
  font-weight: 400;
}
.section1 .sc01_slide_item .status_box.disabled{
  background-color: #7b828f;
}
@media screen and (max-width:768px) {
  .section1 .section_inner{
    padding-bottom: 50px;
  }
  .section1 .sub_text{
    font-size: 21px;
    margin-bottom: 15px;
  }
  .section1 .main_text{
    font-size: 28px;
    font-weight: 500;
  }
  .section1 .text_area{
    padding: 35px 0 20px;
  }
  /* .section1 .sc01_slide_item .img_box{
    height: 307px;
  } */
  .section1 .sc01_slide_item .slide_title{
    line-height: 55px;
  }
  .section1 .sc01_slide_item .slide_tag{
    padding-top: 12px;
  }
  .section1 .sc01_slide_item .slide_date{
    padding-top: 6px;
  }
  .section1 .sc01_slide_item .status_box{
    height: 42px;
    font-size: 16px;
  }
  .section1 .sc01_slide_item .status_box{
    margin-top: 20px;
  }
  .section1 .sc01_slide_item > .frame{
    flex-direction: column;
    margin-bottom:25px;
  }
  .section1 .slide_navigation{
    margin-top: 32px;
    gap: 15px;
  }
  .section1 .sc01_dots button{
    width: 11px;
  }
  .section1 .sc01_dot{
    gap: 18px;
  }
}
/* ==================<섹션01 끝>================= */

/* ==================<섹션02>================= */
.section2 .section_inner{
  padding-top: 65px;
}
.sc2_menu_item{
  width: 100%;
}
.section2 .sc2_menu_title{
  font-size: 22px;
  font-weight: 400;
  color: #222;
  text-align: center;
  white-space: nowrap;
  display: block;
  transition: 0.3s;
}
.section2 .sc2_menu_title::before{
  content: '';
  display: block;
  margin: 0 auto 20px;
  max-width: 208px;
  height: 197px;
  border: 1px solid #ebebeb;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.section2 .sc2_menu_list{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.section2 .west .sc2_menu_title::before{
  background-image: url(../img/main/ico_west.png);
}
.section2 .south .sc2_menu_title::before{
  background-image: url(../img/main/ico_south.png);
}
.section2 .north .sc2_menu_title::before{
  background-image: url(../img/main/ico_north.png);
}
.section2 .east .sc2_menu_title::before{
  background-image: url(../img/main/ico_east.png);
}
@media screen and (max-width:1024px) {
  .section2 .sc2_menu_list{
    flex-wrap: wrap;
  }
  .section2 .sc2_menu_title::before{
    padding: 0;
  }
  .sc2_menu_item{
    width: calc(50% - 10px);
  }
  .section2 .sc2_menu_title::before{
    max-width: 258px;
    height: 234px;
  }
}
@media screen and (max-width:520px){
  .sc2_menu_item{
    /*width: 100%;*/
  }
  .section2 .section_inner{
    padding-top: 50px;
  }
  .section2 .sc2_menu_list{
    gap: 15px;
  }
  .section2 .sc2_menu_title {  
  	white-space: initial;
  	font-size: 16px;
  }
  .section2 .sc2_menu_title::before {
  	height: auto;
  	aspect-ratio: 1/1;
  	background-size: 80%;
  }
}
@media screen and (hover:hover) {
  .section2 .west:hover .sc2_menu_title::before{
    border: 1px solid #f15c46;
  }
  .section2 .west:hover .sc2_menu_title{
    color: #f15c46;
  }
  .section2 .south:hover  .sc2_menu_title::before{
    border: 1px solid #7e64ad;
  }
  .section2 .south:hover  .sc2_menu_title{
    color: #7e64ad;
  }
  .section2 .north:hover  .sc2_menu_title::before{
    border: 1px solid #00ac86;
  }
  .section2 .north:hover  .sc2_menu_title{
    color: #00ac86;
  }
  .section2 .east:hover  .sc2_menu_title::before{
    border: 1px solid #fedd30;
  }
  .section2 .east:hover  .sc2_menu_title{
    color: #fedd30;
  }
}
/* ==================<섹션02 끝>================= */

/* ==================<섹션03>================= */
.section3 .section_inner{
  padding-bottom: 80px;
  padding-top: 50px;
}
.content_frame{
  display: flex;
  gap: 60px;
}
.section3 .content_frame > div{
  min-width: 0;
  flex: 1;
  --tab_btn_height:85px;
}
.tab_item_list{
  position: relative;
  display: flex;
  gap: 15px;
  padding-right: var(--more_btn_width);
  padding-bottom: 555px;
}
.tab_btn{
  padding: 20px 5px 15px;
  display: flex;
  align-items: flex-end;
}
.tab_cont{
  position: absolute;
  left: 0;
  font-weight: 300;
  text-align: left;
  font-size: var(--sub_font_size);
  width: 100%;
  top: var(--tab_btn_height);
  display: none;
}
.board_item_wrap{
  border-top: 1px solid #b8bdcc;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.board_item_wrap > li{
  display: flex;
  justify-content: space-between;
}
.tab_item_list > li .tab_btn{
  font-size: 24px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  min-height: var(--tab_btn_height);
  font-weight: 400;
}
.tab_item_list > li.on .tab_btn{
  color: var(--main_point_color);
}
.tab_item_list > li.on .tab_cont{
  display: block;
}
.tab_item_list > li .tab_btn::before{
  opacity: 0;
  display: block;
  content: '';
  width: 10px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transition: 0.3s;
}
.tab_item_list > li.on .tab_btn::before{
  opacity: 1;
  background-color: var(--main_point_color);
}
.ebook {
  display: flex;
  gap: 16px;
}
.ebook > li {
  flex: 1;
  border: 1px solid #ebebeb;
}
.ebook .ebook_img {
  aspect-ratio: 109/154;
}
.ebook .ebook_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.ebook .ebook_txt {
  padding: 25px 15px;
}
.ebook .ebook_txt span{
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid_board_box .grid_board_list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 50px;
}
.grid_board_box .grid_board_item{
  border: 1px solid #dbdbdb;
  box-shadow: 0px 4px 20px rgba(125,135,150,0.1);
  -webkit-box-shadow: 0px 4px 20px rgba(125,135,150,0.1);
  -moz-box-shadow: 0px 4px 20px rgba(125,135,150,0.1);
}
.grid_board_box .item_top{
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 0px 30px;
  border-bottom: 1px solid #dbdbdb;
  height: 90px;
  align-items: flex-start;
}
.grid_board_box .item_top .year{
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.grid_board_box .item_top .date{
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
}
.grid_board_box .item_top .item_area{
  width: 63px;
  aspect-ratio: 63 / 52;
  border: 1px solid var(--main_point_color);
  color: var(--main_point_color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
}
.grid_board_box .item_top .item_area > span{
  padding-top: 4px;
}
.grid_board_box .item_bot{
  padding: 25px 30px;
}
.grid_board_box .item_title{
  font-size: 20px;
  line-height: 26px;
  min-height: 78px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  margin-bottom: 15px;
}
.grid_board_box .item_more_btn{
  border: 1px solid #3b80ff;
  --grid_item_height: 32px;
  height: var(--grid_item_height);
  border-radius: calc(var(--grid_item_height) / 2);
  padding: 0 calc(var(--grid_item_height) / 2);
  display: inline-flex;
  font-size: 14px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  transition: 0.3s;
}
.grid_board_box .item_more_btn > span{
  padding-top: 3px;
}
.grid_board_box .item_more_btn::after{
  content:'';
  display: block;
  width: 6px;
  aspect-ratio: 6 / 11;
  background: url(../img/main/ico_item_more_btn.png) no-repeat center;
}
.content_frame .util_box {
  position: absolute;
  top: -43px;
  right: 0px;
  display: flex;
}
.content_frame .img_content_box .util_box {
  top: 42px;
}
.content_frame .util_box .more_view {
  width: var(--more_btn_width);
  aspect-ratio: 1 / 1;
  background: url(../img/main/ico_plus2.png) no-repeat center;
  transition: 0.3s;
}
.img_content_box{
  position: relative;
}
.img_content_box .title{
  height: var(--tab_btn_height);
  padding: 20px 5px 15px;
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  font-weight: 400;
}
.img_content_box .content_box{
  display: flex;
  flex-direction: column;
  height: 550px;
}
.img_content_box .youtube_player{
  flex: 1;
  height: 100%;
}
.img_content_box .content_title_box{
  padding-top: 20px;
}
.img_content_box .content_title{
  font-size: 22px;
  margin-bottom: 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
.img_content_box .youtube_author{
  display: flex;
  align-items: center;
  gap: 6px;
}
.img_content_box .youtube_author > span{
  padding-top: 2px;
}
.img_content_box .youtube_author::before{
  content: '';
  display: block;
  width: 40px;
  aspect-ratio: 1 / 1;
  background:url(../img/main/ico_ghub_logo.png) no-repeat center;
}
@media screen and (max-width:1400px) {
  .grid_board_box .grid_board_list{
    gap: 20px;
  }
  .section3 .content_frame > div{
    flex: auto;
  }
  .section3 .content_frame > div.tab_content_box{
    width: 60%;
  }
  .section3 .content_frame > div.img_content_box{
    width: 40%;
  }
  .content_frame{
    gap: 30px;
  }
}
@media screen and (max-width:1024px) {
  .section3 .content_frame{
    flex-direction: column;
  }
  .section3 .content_frame > div.tab_content_box{
    width: 100%;
  }
  .section3 .content_frame > div.img_content_box{
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .section3 .section_inner{
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .section3 .content_frame > div{
    --tab_btn_height: 75px;
  }
  .tab_item_list > li .tab_btn{
    font-size: 20px;
    padding: 0px 0 30px;
  }
  .content_frame{
    gap: 25px;
  }
  .content_frame .util_box{
    top: -57px;
  }
  .content_frame .img_content_box .util_box {
    top: 17px;
  }
  .tab_item_list{
    gap: 8px;
    padding-bottom: 585px;
  }
  .grid_board_box .item_title{
    margin-bottom: 30px;
  }
  .img_content_box .content_title {
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .img_content_box .youtube_author{
    font-size: 16px;
  }
  .img_content_box .content_title_box{
    padding-top: 18px;
  }
  .img_content_box .title{
    font-size: 20px;
    padding-bottom: 30px;
  }
  .img_content_box .content_box{
    height: 310px;
  }
}
@media screen and (max-width:600px) {
  .grid_board_box .grid_board_list{
    grid-template-columns: repeat(1, 1fr);
  }
  .grid_board_box .grid_board_list > li:nth-of-type(n+3){
    display: none;
  }
}
@media screen and (hover:hover) {
  .grid_board_box .item_more_btn:hover{
    background-color: #3b80ff;
    color: #fff;
  }
  .grid_board_box .item_more_btn:hover::after{
    background-image: url(../img/main/ico_item_more_btn_hover.png);
  }
  .content_title_box:hover .content_title{
    text-decoration: underline;
  }
  .content_frame .util_box .more_view:hover {
    background: url(../img/main/ico_plus2_hover.png) no-repeat center;
  }
}