@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/* flex Setting */
.flex { display:flex; }
.flex.d_col { flex-direction: column; }
.flex.j_start { justify-content:flex-start; }
.flex.j_end { justify-content:flex-end; }
.flex.j_center { justify-content:center; }
.flex.j_space { justify-content: space-between; }
.flex.j_stretch { justify-content: stretch; }
.flex.a_start { align-items: flex-start; }
.flex.a_center { align-items: center; }
.flex.a_end { align-items: flex-end; }
.flex.a_stretch { align-items: stretch; }
.flex.wrap { flex-wrap: wrap; }
.flex.nowrap { flex-wrap: nowrap; }
.f_width { width:100%; }

.border_t { border-top:1px solid #ccc; }

.inner { max-width:1400px; margin:0 auto; }

/* font-size */
.font_size_title { font-size:45px; }
.font_size_common_text { font-size:14px; }
.font_weight_bold { font-weight:bold; }
.font_weight_300 { font-weight:300; }

/* 헤더 */
.user_header { position:fixed; top:0; left:0; right:0; z-index: 9999;  transition: .3s; }
.user_header.active { background-color:rgba(0,0,0,.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.hd_wrap { padding:20px 0; transition: .3s; }
.user_header.active .hd_wrap { padding:10px 0; }
.logo { width:200px; }
.nav { width:50%; }
.nav .gnb > li { width:calc(100% / 5);  height:44px; display:flex; justify-content: center; align-items: center;}
.nav .gnb > li > a { color:#fff; font-size:16px; hieght:100%; text-align:center; font-weight:500; display:block; padding:5px 0; width:100%; }
.user_header.active .nav .gnb > li > a { color:#fff; }
.mo_nav { display:none; }
.mo_nav_btn { display:none; }
.rela_li { position:relative; }
.nav .lnb { position:absolute; display:none; background-color:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; border-radius:20px; padding:10px; width:200px; top:44px; left:50%; transform:translateX(-50%) }
.nav .lnb li a { display:block; padding:10px; font-size:15px; color:#222; font-weight:500; }

/* 메인비주얼 */
.main_visual { height:100vh; position:relative; }
.mvSwiper { height:100%; overflow: hidden; }
.mv_content { text-align:center; }
.mv_controller { position:absolute; left:0; right:0; bottom:60px; width:100%; z-index:999;}
.mv_arr { color:#fff; margin:0 15px; font-size:20px; cursor:pointer; }
.slider_btn { color:#fff; cursor:pointer; }
.center_border { border-bottom:1px solid #fff; width:100px; margin-right:15px; }
.fraction_page { color:#fff; }
.mv_sub { display:inline-block; margin-bottom:10px; padding-bottom:10px; color:#fff; font-size:20px; border-bottom:1px solid #fff; }
.mv_main_text.thin { font-weight:300; }
.mv_main_text { color:#fff; font-size:50px; font-weight:500; }

/* section1 */
.section1 { padding:4% 0 0%; margin-bottom:-80px; background:url('/img/section1_back.png') center/cover; }
.sec1_left { width:45%; position:relative; }
.sec1_right { width:55%; }
.sec1_left h3 { color:#fff; font-weight:200; }
.sec1_left h3 span { font-weight:500; }
.sec1_left p { color:#fff; margin:30px 0; }
.plus_btn { font-size:20px; display:block; width:60px; height:60px; background-color:#fff; border-radius:100%; text-align:center; line-height:60px; }
.sec1Slider { width:90%; height:500px; overflow: hidden; margin-left:10px; }
.vertical_text p { color:#fff; transform:rotateZ(180deg); font-size:15px; text-orientation: mixed; writing-mode: vertical-rl; }
.sec1_dot  { width:60px; text-align:center; }
.sec1_dot span { width:5px; height:5px; background-color:#fff; border-radius:100%; margin:14px 0; }
.sec1_controller_wrap { position:absolute; left:0; bottom:20px; z-index:99; }
.sec1_arr { font-size:30px; margin-right:30px; }
.sec1_controller span { font-size:6px; margin-right:30px; }
.section1 .sec1_left .sec1_pagination span {  font-size:18px; background-color:transparent; border-radius:0; height:auto; margin-right:40px; opacity: .8; width:auto; }
.section1 .sec1_left .sec1_pagination span.swiper-pagination-bullet-active { border-bottom:1px solid #222; opacity: 1; font-weight:500; }

/* section2 */
.section2 { position:relative; padding:120px 0 90px; background:url('/img/section2_back.png') center/cover; }
.sec2_back { background-color:rgba(0,0,0,.1); opacity: .4; width:90%; height:270px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.section2 h3 { font-weight:500; }
.sec2Slider { overflow: hidden; }
.section2 .swiper-slide { width:300px; }
.sec2_slide_img { height:200px; }
.sec2_slider_wrap { padding-left:13%; margin-top:30px; }
.sec2_slide_text { background-color:#fff; padding:20px; }
.sec2_category { color:#b58e31; font-size:18px; font-weight:500; }
.sec2_title { font-size:18px; margin-bottom:15px; font-weight:500; }
.sec2_text { font-size:14px; }
.sec2_arr { width:60px; height:60px; border:1px solid #ccc; text-align:center; margin-right:-1px; line-height:50px; font-size:40px; }
.sec2Slider .swiper-slide { position:relative; }
.sec2_vertical_bar { display:block; height:30px; background-color:#888; width:1px; margin-bottom:10px; }
.sec2_vertical_text { position:absolute; right:-30px; top:0; font-size:14px; color:#888; text-orientation: sideways-right; writing-mode: vertical-rl; }

/* section3 */
.section3 { padding:8% 0 0; background:url('/img/logo_back.png') center no-repeat; }
.sec3_left { width:35%; }
.sec3_right { width:35%; }
.sec3_vertical_text { font-family: 'Noto Serif KR', serif; letter-spacing:5px;  font-size:40px; color:#ccc; text-orientation: mixed; writing-mode: vertical-rl; margin-right:10px; }
.sec3_content h3 { font-size:20px; margin-bottom:20px; }
.sec3_content p { color:#888; font-size:14px; }
.circle_btn { display: inline-block; font-weight:500; margin-top:20px; width:auto; border:1px solid #111; padding:10px 20px; border-radius:20px; }
.sec3_img { width:100%; padding-top:130%; }
.sec3_left_img { margin-top:60px; background:url('/img/section3_img1.png') center/cover no-repeat; }
.sec3_right_img { margin-bottom:60px; background:url('/img/section3_img2.png') center/cover no-repeat; }

/* section4 */
.section4 { padding:8% 0; }
.section4_title { text-align:center; position:relative; margin-bottom:50px; }
.circle_pin { width:15px; height:15px; border-radius:100%; background-color:#cbb47d; position:absolute; right:-15px; top:-5px; }
.notice_date { width:150px; }
.notice_date_day { font-size:50px; line-height:50px; font-weight:bold; }
.notice_date_day span { display:none; }
.notice_date_year { font-size:16px; }
.notice_content { width:calc(100% - 450px); font-size:16px; }
.notice_content p { color:#888; margin-top:20px; }
.notice_thumb { width:300px; padding-top:15%; background-color:#ddd; }
.notice_row { padding:30px; border-bottom:1px solid #ccc; }
.notice_more { padding:50px 0; }
.notice_more a { font-size:16px; width:200px; position:relative; padding-left:30px; }
.notice_more a i { margin-left:20px; }
.circle_point:before { position:absolute; z-index:-1; display:block; content:""; width:50px; height:50px; border-radius:100%; background-color:#cbb47d; left:-0px; top:-15px;}


/* section5 */
.section5 { padding-bottom:8%; }
.sec5_header p { width:250px; font-weight:500; font-size:16px; }
.sec5_header .mid_line { width:calc(100% - 450px); height:1px; background-color:#ddd; }
.sec5_sns { width:200px; }
.sec5_sns a { width:25%; text-align:center; font-size:20px; color:#8a8988; }
.gallery_row { width:calc(33.33333% - 10px); }
.pic_block { width:100%; margin:20px 0; }
.pic_block img { width:100%; }
.gallery_wrap { margin-top:80px; }
.gr_1 { padding-top:10%; }
.gr_3 { padding-top:10%; }
.sec5_logo { height:300px; }

/* footer */
.ft_top { background-color:#0f2144; padding:30px 0; }
.ft_tel p { color:#fff; font-family: 'Noto Serif KR', serif; font-size:30px; }
#ft_consult input[type=text] { color:#fff; width:180px; font-size:16px; padding:10px; background-color:transparent; border:1px solid #ddd; }
#ft_consult input::placeholder { color:#fff; }
#ft_consult select { background-color:transparent; width:180px; border:1px solid #ddd; font-size:16px;  color:#fff; padding:9px; }
#ft_consult select option { color:#222; }
.ft_privacy { padding:0 10px; margin-left:20px; }
.ft_privacy input { margin-right:10px; }
.ft_privacy label { color:#fff; }
.ft_privacy a { color:#fff; text-decoration: underline; }
.ft_submit_btn { border:none; font-size:16px; color:#fff; background-color:#0a1833; padding:10px 20px; }
#ft_wr { background-color:#05132d; }
.ft_menu { border-bottom:1px solid #1e2b42; padding:20px 0; }
.ft_menu a { font-size:14px; color:#ddd; }
.ft_menu span { color:#ddd; margin:0 10px; }
#ft_wr > .inner { padding:40px 0; }
.ft_logo { width:250px; }
.ft_copy p { color:#bababa; font-size:14px; }
#top_btn { position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px;  border-radius: 50%; background: #fff; border: 1px solid #d1d1d1;}
#top_btn i {color: #444;}
.menuAdminBtn { font-size:16px; border:1px solid #000; padding:5px 10px; }