@charset "utf-8";

/* Thin */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-1Thin.ttf') format('truetype');
  font-weight: 100;
}

/* ExtraLight */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-2ExtraLight.ttf') format('truetype');
  font-weight: 200;
}

/* Light */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-3Light.ttf') format('truetype');
  font-weight: 300;
}

/* Regular */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-4Regular.ttf') format('truetype');
  font-weight: 400;
}

/* Medium */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-5Medium.ttf') format('truetype');
  font-weight: 500;
}

/* SemiBold */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-6SemiBold.ttf') format('truetype');
  font-weight: 600;
}

/* Bold */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-7Bold.ttf') format('truetype');
  font-weight: 700;
}

/* ExtraBold */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-8ExtraBold.ttf') format('truetype');
  font-weight: 800;
}

/* Black */
@font-face {
  font-family: 'Paperlogy';
  src: url('/css/font/Paperlogy-9Black.ttf') format('truetype');
  font-weight: 900;
}


.wrap {width:100%; max-width:1240px; margin:0 auto;}
.main_hero {background-image: url('/img/html/main_bg.png'); background-position: center top; background-repeat: no-repeat; margin-bottom:120px;}
.main_hero .wrap {text-align:center;}
.main_hero .swp_hero {overflow: hidden; border-radius: 20px; position: relative;}
.main_hero .swp_hero img {width: 100%;}
.swp_hero .swiper-button-next, .swp_hero .swiper-button-prev {color:#fff;}
.mh_txt {padding-top:260px; font-size: 50px; line-height:1.2; color:#fff; margin-bottom: 50px;}
.swp_hero .swiper-pagination-bullet {width: 30px; height: 6px; border-radius: 3px; background-color: #fff;}
.swiper-pagination.swpH {bottom: 30px;}

a.a_link {text-decoration:underline;}

#header {transition:0.2s; position:fixed; left:0; top:0; width: 100%;padding: 0 50px; box-sizing:border-box; z-index:100; background-color:#fff; border-bottom:1px solid #ddd; text-align:center;}
#header .h_logo img {width: 200px;}
#header.on {background-color:#fff; border-bottom:1px solid #ddd;}
#header .nav a {color:#000;}
#header.on .h_menu {background-image:url('/img/html/i_menu_open.png');}
#header .h_top {display:flex; align-items:center; justify-content: center; position:relative; height: 100px; padding: 30px 0;}
#header .h_top .h_logo {margin: auto; display:inline-block;}
#header .h_top .h_logo a {display:block;}
#header .h_top .h_logo img {width: 250px}
#header .h_top .h_menu {position:absolute; right:0; top: 50%; margin-top: -30px;}
.h_menu {display:block; width: 60px; height: 60px; background-image:url('/img/html/i_menu_open.png'); background-position:center; background-repeat:no-repeat;}
.menu_bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.7 ); display:none; z-index:105;}
.menu_bg .mb_nav {position: fixed; right:0; top:0; height:100%; width: 300px; background-color:#fff;}
.menu_bg .mb_nav > ul {padding: 15px;}
.menu_bg .mb_nav > ul > li {}
.menu_bg .mb_nav > ul > li:first-child {}
.menu_bg .mb_nav > ul > li > a {display:block; padding: 0 10px; font-size: 18px; line-height: 70px; text-transform: uppercase; font-weight: 600; background-color: #f5f5f5; border-radius: 10px;}
.mb_2dep a {display: block; padding: 0 10px; font-size: 16px; border-bottom: 1px solid #eee; line-height: 50px; font-weight: 400;}
.mb_2dep li:last-child a {border-bottom:0;}
.h_close {
  position: fixed;
  right: 320px;
  top: 40px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.h_close::before,
.h_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
}

.h_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.h_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.nav {border-top:1px solid #eee;}
.n_1dep {display: flex; gap: 50px; justify-content:center;}
.nav a {}
.n_1dep_li {position: relative;}

.n_1dep_link {display:inline-block; line-height: 70px; font-size: 20px; font-weight: 400; color:#fff; text-transform: uppercase;}
.n_2dep_box {display:none;}
.n_1dep_li:hover .n_2dep_box {display:block;}
.n_2dep_box {position: absolute; left:50%; top: 50px; width: 200px; background-color: #fff; margin-left: -100px; text-align: center; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.n_2dep_box a {display:block; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 400;}
.n_2dep_box a:hover {color:#fff !important; background-color:#2f3d54}
.n_2dep_box li:last-child a {border-bottom: 0px;}

.main_notice {background-color:#fff; 120px; margin-top: 50px; border: 1px solid #bbbfc5; border-radius: 20px; display: flex; height:100px; align-items: center; padding: 0 50px; gap: 70px;}
.main_notice .tit {display: inline-block; font-size: 20px; font-weight:600;}
.main_notice .mn_list {flex:1; line-height: 1.7;}
.main_notice .mn_list li {display: flex; justify-content: space-between;}
.main_notice .mn_list a {display:block; flex:1; font-size: 20px; font-weight: 400; color:#444; text-align: left;}
/* .main_notice .mn_list a strong {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;} */
.main_notice .mn_list .lt_date {color:#999; display:block; font-size: 20px; font-weight: 400;}
.main_notice .more {}

.main_tit {margin-bottom: 50px; text-align: center; padding: 45px 0; background-image: url('/img/html/tit_bg.png'); background-repeat: no-repeat; background-position: center;}
.main_tit p {font-size: 40px; line-height: 1.4; font-weight: 700; margin-bottom: 20px; color:#2f3d54;}
.main_tit span {display: block; color:#444; font-size: 20px; line-height: 1.4;}

.main_info {margin-bottom: 120px;}
.mi_list {display: flex; justify-content: space-between;}
.mi_list .item {flex-basis: calc( 50% - 15px );}
.mi_list img {max-width:100%;}
.mi_list .mil_img {border-radius: 20px; overflow: hidden;}
.mi_list .mil_txt {padding: 0 50px;}
.mi_list .mil_txt .box {background-color: rgba(32, 175, 223, 0.9); text-align: center; padding: 50px; margin-top: -80px; position: relative; z-index: 10; border-radius: 20px; color:#fff;}
.mi_list .mil_txt .box p {font-size: 30px; font-weight: 700; line-height: 1.7; margin-bottom: 10px;}
.mi_list .mil_txt .box span {font-size: 20px; line-height: 1.5; font-weight: 400;}
.mi_list .mil_txt .box.bgg {background-color: rgba(12, 192, 181, 0.9);}


.mg_list ul {display: flex; gap:20px;}
.mg_list li {flex-basis: calc( 33.33% - 13.33px ); text-align: center;}
.mg_list li .lt_img {border-radius: 20px; overflow: hidden; display: block;}
.mg_list li .lt_img img {width:100%;}
.mg_list li .lt_txt {display:block; font-size: 18px; line-height: 1.7; font-weight: 400; color: #444; margin-top: 10px;}
.main_gallery {margin-bottom: 120px;}
.main_gallery .btn_area {text-align: center; margin-top: 50px;}
.main_gallery .btn_area .lt_more {display:inline-block; width: 200px; height: 60px; border-radius: 10px; border:1px solid #ddd; line-height: 60px; font-size: 18px; font-weight: 500;}
.main_gallery .btn_area .lt_more:hover {background-color:#f5f5f5;}

#footer {background-color:#f2f4f7; padding: 50px 0;}
#footer .wrap {display:flex; gap: 30px;}
#footer .f_info {font-size: 14px; font-weight: 400; line-height: 1.7; flex:1;}

#footer .f_info .deco {display:block; width: 250px; line-height: 30px; background-color:#fff; color:#6888c1; font-size: 14px; font-weight: 500; text-align: center; border-radius: 5px; margin-bottom: 10px;}
#footer .f_info li {display:inline-block; padding:0 10px;}
#footer .f_info li:first-child {padding-left:0;}
#footer .f_info .copy {color:#2f3d54; font-weight: 600; font-size: 12px; margin-top:10px;}

#footer .f_right {flex-basis: 150px;}
#footer .f_right select {width:100%; height: 40px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; padding: 0 10px; box-sizing: border-box; margin-bottom:10px;}
#footer .f_right .btn {width:100%; height: 40px; line-height: 40px; background-color:#2f3d54; color:#fff; font-size: 14px; font-weight: 400; display:block; border-radius: 5px;}


.c_top {padding-top: 170px; height: 380px; background-image:url('/img/html/bg.jpg'); background-position:center; background-size: cover; display:flex; align-items:center; justify-content: center;}
.c_top p {font-size: 40px; color:#fff; line-height:1; text-transform: uppercase; font-weight: 700;}

.c_nav {background-color: #fcfcfd; border-bottom: 1px solid #eeeef0;}
.c_nav ul {display: flex; align-items: center; justify-content: center; }
.c_nav li:first-child {border-left: 1px solid #eeeef0;}
.c_nav li {border-right:1px solid #eeeef0;}
.c_nav li a {display: block; line-height: 80px; font-size:22px; font-weight:500; width:200px; text-align: center; position: relative;}
.c_nav li a.on {font-weight: 700;}
.c_nav li a.on::before {content: ''; position: absolute; left:0; right:0; bottom:0; height: 1px; background-color: #000;}

.c_contents {padding: 120px 0;}

.about {display: flex; gap: 50px}
.about .a_img img {max-width:100%;}
.about .at_tit {font-size: 24px; line-height: 1.4; margin-bottom: 30px;}
.about .a_txt {flex-basis: 660px; padding: 20px 0;}
.about p {font-size: 18px; line-height: 1.4;}

.justify {text-align: justify;}

.c_contents section {margin-bottom: 80px;}
.c_contents section:last-child {margin-bottom:0;}

.c_contents .sub_tit {padding: 30px 20px; background-color: #f2f4f7; font-size: 20px; font-weight: 600; border-radius: 10px; margin-bottom: 20px;}
.c_contents .sub_txt {font-size: 18px; line-height: 1.5; font-weight: 400;}

.e_table {width:100%; border-top:2px solid #222; border-left: 1px solid #ddd; max-width: 500px; margin:0 auto;}
.e_table td {border-bottom: 1px solid #ddd; text-align: center; padding: 10px; font-size: 18px; line-height: 1.7; border-right: 1px solid #ddd;}
.e_table th {border-bottom: 1px solid #ddd; padding: 10px; font-size: 18px; line-height: 1.7; border-right: 1px solid #ddd; background-color:#f5f5f5; font-weight: 500;}

.btn_area {text-align: center;}
.btn {background-color: #797c9a; border-radius: 5px; display: inline-block; color:#fff; font-weight: 300 !important; vertical-align: middle;}
.btn.small {}

.g_list {display: flex; flex-wrap: wrap; gap: 20px;}
.g_list li {flex-basis: calc(33.33% - 13.33px);}
.g_list img {width:100%;}
.gc_img {border-radius: 20px; display: block; overflow: hidden;}
.chk_box {z-index: 10;}
.c_contents #bo_gall .bo_tit {font-size: 20px; line-height: 1.7; margin-bottom: 5px;}
.c_contents #bo_gall .bo_cnt {font-size: 16px; line-height: 1.7; display: block;}
.g_list .gall_date, .g_list .gall_view {font-size: 16px; line-height: 1.7; font-weight: 400;}
.g_list .gall_info {display: flex; gap: 30px;}

.status_box li {background-color:#f6f9fc; margin-bottom: 50px; border-radius: 20px;}
.status_list {padding: 50px;}
.status_list .tit {font-size: 24px; line-height:1.7; font-weight: 700; margin-bottom: 10px;}
.status_list .item:first-child {border-top: 1px solid #dfe7ee;}
.status_list .item {display: flex; gap:50px; padding: 10px 20px; border-bottom: 1px solid #dfe7ee;}
.status_list .item p {flex-basis: 80px; font-size: 18px; line-height:1.7; font-weight: 600; text-align: justify; text-align-last: justify;}
.status_list .item span {flex:1; font-size: 18px; line-height:1.7; font-weight: 400;}


#bo_v_con * {font-family: 'Paperlogy' !important;}

    @media all and (max-width:1240px) {
        #header {padding: 0 20px;}
        .wrap {padding: 0 20px;}
        .mi_list .mil_txt .box {padding: 20px 10px;}
        .mi_list .mil_txt .box p {font-size: 24px;}
        .mi_list .mil_txt .box span {font-size: 16px;}
        .main_tit p {font-size: 30px;}
        .main_tit span {font-size: 16px;}
        .main_hero, .main_notice, .main_info, .main_gallery {margin-bottom: 80px;}
        .main_tit {margin-bottom: 30px;}
        .mh_txt {font-size: 40px;}
        .main_notice {height: 80px; gap: 30px;}
        .main_notice .tit, .main_notice .mn_list a, .main_notice .mn_list .lt_date {font-size: 18px; }

    }

    @media all and (max-width:1024px) {

        .nav {display:none;}
        .mi_list {display: block;}
        .mi_list .item {margin-bottom: 30px; text-align: center;}
        .mi_list .mil_img {display:inline-block;}
        .mi_list .mil_txt {padding: 0 30px;}        
        .mh_txt {font-size: 30px; padding-top: 150px;}
        .main_hero, .main_notice, .main_info, .main_gallery {margin-bottom: 50px;}
        #footer .wrap {display: block;}
        #footer .f_info {padding: 30px 0;}
        .main_hero {background-size: auto 500px;}

        .about {display: block;}
        .about .a_img {text-align: center;}
        .about .at_tit {font-size: 20px;}
        .about p {font-size: 16px;}

        .c_contents {padding: 80px 0;}

        .c_top {height: 200px; padding-top: 100px;}
        .c_top p {font-size: 30px;}
        .c_nav li a {line-height: 50px; font-size: 16px;}
		.c_contents #bo_gall .bo_tit {font-size: 16px;}
		.c_contents #bo_gall .bo_cnt {font-size: 14px; line-height: 20px;}
		.gall_date {font-size: 14px;}

        

    }

    @media all and (max-width:768px) {
        .mg_list ul {display: block;}
        .mg_list li {margin-bottom: 30px;}
        .main_notice {display: block; height: auto; padding: 20px 15px;}
        .main_notice .tit {width:100%; line-height: 1.4;}
        .main_notice .mn_list li {display: block;  line-height: 1.4;}
		.main_notice .mn_list li a {text-align:center;}

        .c_contents {padding: 50px 0;} 
        .e_table th {padding: 5px; font-size: 14px;}
        .e_table td {padding: 5px; font-size: 14px;}
		.c_contents section {margin-bottom: 50px;}
		.main_notice .tit, .main_notice .mn_list a, .main_notice .mn_list .lt_date {font-size: 16px; line-height: 1.6;}
		.g_list li {flex-basis: calc(50% - 10px);}
		#bo_gall .gall_box {margin-bottom: 30px !important;}
		.menu_bg .mb_nav > ul > li > a {line-height: 50px;}

		.status_list {padding: 30px 20px;}
		.status_list .tit {font-size: 18px; margin-bottom:0;}
		.status_list .item {display:block; padding: 10px 0;}
		.status_list .item p {text-align:left; text-align-last: inherit; font-size: 16px;}
		.status_list .item span {font-size: 16px;}

    }

    @media all and (max-width:600px) {
		#header .h_top .h_logo {margin: inherit; margin-right: auto;}
        .mh_txt {font-size: 24px;}
        .main_tit {padding: 35px 0; margin-bottom:10px;}
        .main_tit p {font-size: 24px; margin-bottom: 10px;}
        .mi_list .mil_txt {padding: 0 10px;}
        .main_notice {margin-top: 20px;}
        .main_notice .mn_list li {font-size: 14px !important;}
        .c_nav li {width: 33.33%;}
        .c_nav li a {width:100%;}
        .c_top p {font-size: 22px;}
        .c_contents .sub_tit {padding: 15px 10px;  font-size: 16px;}
        .c_contents .sub_txt {font-size: 14px; line-height: 20px;}
		.about p {font-size: 15px;}
		.g_list li {flex-basis: 100%;}

    }