@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'SeoulHangangM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');
.en_font {font-family: 'Poppins', sans-serif;}

/**** 공통 ****/
body {min-width: 1903px; font-family: 'S-CoreDream-4Regular';}
.section_title {font-family: 'Nanum Myeongjo', serif; font-weight: 800; font-size: 60px; line-height: 80px; text-align: center; color: white;}
.section_title p {font-size: 20px; line-height: 38px; color: white; }
.section_title .sub {display: inline-block; padding: 20px 25px; background: #153140; color: white; font-size: 24px; line-height: 24px; font-family: 'S-CoreDream-4Regular'; font-weight: normal;}
.section_title .sub .bold {font-family: 'S-CoreDream-6Bold';}
.pad_t_100 {padding-top: 100px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_t_150 {padding-top: 150px;}
.pad_b_150 {padding-bottom: 150px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_b_100 {margin-bottom: 100px;}




.table_type_1 {border-top: 2px solid white; border-bottom: 2px solid white; width: 100%;}
.table_type_1 tr {border-bottom: 1px solid rgba(255,255,255,0.1);}
.table_type_1 tr:last-child {border-bottom: 0;}
.table_type_1 th, .table_type_1 td {padding: 30px; font-size: 20px; line-height: 38px; color: white; vertical-align: middle;}
.table_type_1 th {font-family: 'S-CoreDream-6Bold'; width: 200px;}

.table_wrap {overflow-x: auto;}
.table_type_2 {border: 1px solid white; min-width: 600px;  margin-top: 30px;}
.table_type_2 th {border-bottom: 1px solid white; border-right: 1px solid white; text-align: center; font-size: 18px; line-height: 18px; font-family: 'S-CoreDream-6Bold'; vertical-align: middle; color: white; height: 60px; min-width: 150px;}
.table_type_2 td {border-bottom: 1px solid white; border-right: 1px solid white; text-align: center; font-size: 18px; line-height: 18px; vertical-align: middle; color: white; height: 60px;}

.info_box {background: #021823; padding: 50px; border: 1px solid #0e232d; max-height: 250px; overflow-y: auto;}
.info_box .list {margin-bottom: 30px;}
.info_box .list:last-child {margin-bottom: 0;}
.info_box .list h4 {color: white; font-size: 18px; font-family: 'S-CoreDream-6Bold'; margin-bottom: 10px;}
.info_box .list p {color: white; font-size: 14px; line-height: 24px;}

/**** 스크롤바 ****/
.nicescroll-rails { z-index: 1000 !important;}
.nicescroll-cursors {border: none !important; background: white !important;}


/**** header ****/
header {background: #e5b329; height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 900;}
header .logo {float: left; margin-top: 24px;}
header ul {float: right; overflow: hidden; margin-top: 43px;}
header ul li {float: left; margin-left: 50px; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px;}
header ul li a:hover {text-decoration: underline;}

/**** section_1 ****/
#section_1 {margin-top: 100px; margin-bottom: -2px;}
#section_1 img {width:100%;}

/**** section_2 ****/
#section_2 {background: url('/gongju/images/section_2_bg.jpg') no-repeat top center; background-size: cover;}
#section_2 .section_title {margin-top: 500px;}
#section_2 .text_box {background: rgba(4,9,17,0.7); border: 2px solid white; padding: 50px;}
#section_2 .text_box p {font-size: 20px; line-height: 38px; text-align: center; color: white;}

/**** section_3 ****/
#section_3 {width: 100%; background: url('/gongju/images/section_3_bg.jpg') no-repeat bottom center; background-size: cover;}
#section_3 .text_box p {color: white; font-size: 24px; line-height: 40px;}

/**** section_4 ****/
#section_4 .tabs {text-align: center; padding: 30px 5%; background: #141414;}
#section_4 .tabs li {font-size: 24px; line-height: 60px; display: inline-block; padding: 0 15px; color: white; font-family: 'Poppins', sans-serif; font-weight: 700; border: 1px solid white;  margin: 0 10px; cursor: pointer;}
#section_4 .tabs li.active {border: 1px solid #e5b329; color: #e5b329;}

#section_4 .chapter_slide_wrap {width: 100%; height: 100vh; background: #141414;}
#section_4 .chapter_slide_wrap .chapt_name {position: absolute; top: 5%; left: 20%;}

#section_4 .chapter_1 {background: url('/gongju/images/section_4_bg.jpg') no-repeat center; background-size: cover;}
#section_4 .chapter_2 {background: url('/gongju/images/section_4_bg.jpg') no-repeat center; background-size: cover;}
#section_4 .chapter_3 {background: url('/gongju/images/section_4_bg.jpg') no-repeat center; background-size: cover;}
#section_4 .chapter_4 {background: url('/gongju/images/section_4_bg.jpg') no-repeat center; background-size: cover;}
#section_4 .swiper-slide {width: 100%; height: 100vh;}

#section_4 .character {position: absolute; bottom: 298px; left: 50%; transform: translateX(-50%);}
#section_4 .swiper-slide .character {opacity: 0;}
#section_4 .swiper-slide-active .character {opacity: 1;}
#section_4 .character .center {text-align: center;}
#section_4 .character .left {float: left; position: absolute; left: 0; bottom: 0;}
#section_4 .character .right {float: right; position: absolute; right: 0; bottom: 0;}

#section_4 .talk_box {position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; border-top: 2px solid #e5b329; background: #000; z-index: 10;}
#section_4 .talk_box .arrow {float: left; width: 360px; height: 100%;}
#section_4 .talk_box .arrow.left {background: url('/gongju/images/section_4_arrow_shadow_left.png') no-repeat center right;}
#section_4 .talk_box .arrow.right {background: url('/gongju/images/section_4_arrow_shadow_right.png') no-repeat center left;}
#section_4 .talk_box .talk {float: left; width: calc(100% - 720px); height: 100%; padding: 50px 5%;}
#section_4 .talk_box .talk .name {font-size: 30px; line-height: 30px; color: white; font-family: 'S-CoreDream-6Bold'; padding-bottom: 20px; border-bottom: 1px solid white;}
#section_4 .talk_box .talk .box {    height: 120px; overflow-y: auto;}
#section_4 .talk_box .talk p {font-size: 18px; line-height: 28px; color: white; margin-top: 20px;}

#section_4 .swiper-button-next, #section_4 .swiper-button-prev {width: 66px; height: 50px; bottom: 130px; top: auto;}
#section_4 .swiper-button-next {background: url('/gongju/images/section_4_arrow_right.png') no-repeat; right: 5%;}
#section_4 .swiper-button-prev {background: url('/gongju/images/section_4_arrow_left.png') no-repeat; left: 5%;}





/**** section_5 ****/
#section_5 {width: 100%; background: url('/gongju/images/section_5_bg.jpg') no-repeat center; background-size: cover;}
#section_5 .swiper-container {text-align: center;}
#section_5 .swiper-slide {opacity: 0 !important;}
#section_5 .swiper-slide-active {opacity: 1 !important;}
#section_5 .swiper-button-next, #section_5 .swiper-button-prev {width: 80px; height: 80px;}
#section_5 .swiper-button-next {background: url('/gongju/images/section_5_slide_right.png') no-repeat; right: 0;}
#section_5 .swiper-button-prev {background: url('/gongju/images/section_5_slide_left.png') no-repeat; left: 0;}


/**** section_6 ****/
#section_6 {width: 100%; background: #06141b;}
#section_6:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url('/gongju/images/section_6_bg_right.png') no-repeat top right;}
#section_6:after {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url('/gongju/images/section_6_bg_left.png') no-repeat bottom left;}
#section_6 .swiper-slide-prev {opacity: 0 !important;}


/**** section_7 ****/
#section_7 {width: 100%; background: url('/gongju/images/section_7_bg.jpg') no-repeat center; background-size: cover;}

/**** section_8 ****/
#section_8 {background: #0d1016;}
#section_8 h2 {font-size: 40px; line-height: 40px; color: white; font-family: 'Poppins', sans-serif; font-weight: 700;}
#section_8 .info {margin-bottom: 60px;}
#section_8 .info:last-child {margin-bottom: 0;}
#section_8 .info h3 {font-size: 22px; line-height: 22px; font-family: 'S-CoreDream-6Bold'; color: white; }
#section_8 .info p {font-size: 18px; line-height: 28px; margin-top: 25px; color: white;}

/**** section_9 ****/
#section_9 {width: 100%; background: url('/gongju/images/section_9_bg.jpg') no-repeat bottom center; background-size: cover;}
#section_9 .swiper-slide {padding-bottom: 50px;}
#section_9 .swiper-slide .box {padding: 50px; border: 1px solid white;}
#section_9 .swiper-slide .title {margin-bottom: 30px; text-align: left;}
#section_9 .swiper-slide .title p {font-size: 18px; line-height: 28px; color: white;}
#section_9 .swiper-slide .title h3 {font-size: 30px; line-height: 40px; font-family: 'S-CoreDream-6Bold'; color: #ffcc39; margin-bottom: 10px; }
#section_9 .swiper-slide .img {float: left;}
#section_9 .swiper-slide .text {float: left; width: calc(100% - 500px); padding-left: 50px; height: 300px; overflow-y: auto; }
#section_9 .swiper-slide .text h4 {font-size: 20px; line-height: 35px; color: white; margin-bottom: 40px;}
#section_9 .swiper-slide .text h4 span {font-family: 'S-CoreDream-6Bold';}
#section_9 .swiper-slide .text p {font-size: 18px; line-height: 28px; color: white;}
#section_9 .swiper-slide .text .tip {margin-top: 30px; padding-top: 30px; border-top: 1px solid white; font-size: 14px; line-height: 24px; color: white;}
#section_9 .swiper-pagination-bullet {width: 30px; height: 2px; border-radius: 0; background: white;}
#section_9 .swiper-pagination-bullet-active {background: white;}

#section_9 .poster_box img {float: left;}
#section_9 .poster_box .text {float: right; width: calc(100% - 450px); padding: 50px; background: #081224;}
#section_9 .poster_box .text p {font-size: 20px; line-height: 35px; color: white;}


/**** section_10 ****/
#section_10 {background:#021625; }
#section_10 .logo_part {float: left;}
#section_10 .logo_part p {margin-top: 30px; font-size: 20px; line-height: 20px; color: white;}
#section_10 .info_part {float: right; margin-left: 100px;}
#section_10 .info_part .info {margin-bottom: 20px;}
#section_10 .info_part .info h3 {font-family: 'S-CoreDream-6Bold'; display: inline-block; font-size: 20px; line-height: 35px; padding: 0 20px; background: white; border-radius: 5px; color: #021625;}
#section_10 .info_part .info img {height: 20px; margin-left: 20px; margin-right: 10px;}
#section_10 .info_part .info p {display: inline-block; font-size: 20px; line-height: 35px; color: white;}


/**** footer ****/
footer {background: #071b2d; text-align: center;}
footer .info {}
footer .info p {font-size: 16px; line-height: 32px; color: white; margin-bottom: 30px;}
footer .info .copy {font-size: 14px; line-height: 14px; color: white;}
footer h3 {font-size: 20px; line-height: 30px; font-family: 'S-CoreDream-6Bold'; color: #fff36f;}