@charset "utf-8";

/**************************************************
*
*   main.css
*
***************************************************/
#wrap .fp-tableCell {overflow: hidden;}

#temp_block_page {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 500;}

#btn_main_scroll_down {opacity: 0; pointer-events: none; font-size: 22px; letter-spacing: -1px; font-weight: 600; display: flex; align-items: center; position: fixed; left: 50%; bottom: -100px; transform: translateX(-50%); color: #fff; z-index: 250; transition: color var(--com-duration-01) var(--com-timing-type-01); transition: opacity var(--com-duration-01) var(--com-timing-type-01), bottom var(--com-duration-01) var(--com-timing-type-01), color var(--com-duration-01) var(--com-timing-type-01), left var(--com-duration-01) var(--com-timing-type-01);}
#btn_main_scroll_down.active {opacity: 1; pointer-events: auto; bottom: 2.6%;}
#btn_main_scroll_down .icon {width: 23px; height: 40px; margin-right: 12px; border: 2px solid #fff; border-radius: 50px; position: relative; transition: border-color var(--com-duration-01) var(--com-timing-type-01);}
#btn_main_scroll_down .circle {width: 4px; height: 4px; background-color: #fff; border-radius: 50%; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); animation: scroll-down 1.2s ease infinite; transition: background-color var(--com-duration-01) var(--com-timing-type-01);}
#btn_main_scroll_down.ver_black {color: #000;}
#btn_main_scroll_down.ver_black .icon {border-color: #919191;}
#btn_main_scroll_down.ver_black .circle {background-color: #919191;}
#btn_main_scroll_down.to_left {left: 9%;}

@keyframes scroll-down {
    100% {top: 70%;}
}

#fullpage_menu {opacity: 0; pointer-events: none; color: #fff; position: fixed; top: 50%; right: -100px; transform: translateY(-50%); z-index: 250; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px 0; transition: opacity var(--com-duration-01) var(--com-timing-type-01), right var(--com-duration-01) var(--com-timing-type-01);}
#fullpage_menu.active {opacity: 1; pointer-events: auto; right: 2.6%;}
#fullpage_menu a {font-size: 20px; display: flex; justify-content: center; align-items: center; color: #fff; writing-mode: vertical-rl; position: relative;}
#fullpage_menu li:not(.active) a:hover .hover_txt {opacity: 1; pointer-events: auto; right: 35px;}
#fullpage_menu a:hover .circle_white {background-color: #fff;}
#fullpage_menu .hover_txt {opacity: 0; pointer-events: none; position: absolute; top: -4px; right: 0; writing-mode: horizontal-tb; transition: opacity 0.3s ease, right 0.3s ease; font-weight: 500;}
#fullpage_menu .circle_white {display: block; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; transition: border-color var(--com-duration-01) var(--com-timing-type-01), background-color 0.3s ease;}
#fullpage_menu .circle_blue {flex-shrink: 0; margin-bottom: 10px; display: block; width: 7px; height: 7px; background-color: #0df0e2; border-radius: 50%;}
#fullpage_menu .txt_box {max-height: 0; overflow: hidden; justify-content: center; align-items: center; transition: color var(--com-duration-01) var(--com-timing-type-01); font-weight: 500;}
#fullpage_menu .line {width: 2px; height: 70px; margin-top: 15px; background-color: #fff;}
#fullpage_menu li.active .circle_white {display: none;}
#fullpage_menu li.active .txt_box {display: flex; max-height: 100%; transition: max-height var(--com-duration-01) var(--com-timing-type-01), color var(--com-duration-01) var(--com-timing-type-01);}
#fullpage_menu.ver_black {}
#fullpage_menu.ver_black .txt_box {color: #000;}
#fullpage_menu.ver_black .line {background-color: #aaa;}
#fullpage_menu.ver_black a:hover .circle_white {background-color: #888;}
#fullpage_menu.ver_black .circle_white {border-color: #888;}
#fullpage_menu.ver_black .hover_txt {color: #000;}

#btn_main_top {opacity: 0; pointer-events: none; width: 50px; height: 50px; font-size: 25px; position: fixed; right: 2%; bottom: -100px; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #1d55b7; color: #fff; z-index: 250; border-radius: 50%; transition: background-color 0.3s ease, opacity var(--com-duration-01) var(--com-timing-type-01), bottom var(--com-duration-01) var(--com-timing-type-01);}
#btn_main_top:hover {background-color: var(--com-sub-color-05);}
#btn_main_top.active {opacity: 1; pointer-events: auto; bottom: 2.6%;}


#main_page_01 {position: relative; overflow: hidden;}
#main_page_01 .main_page_01_bg {display: block; z-index: 100; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#main_page_01 .bg_video, #main_page_01 .bg_img {width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); object-fit: cover;}
#main_page_01 h1 {margin-bottom: 55px; word-break: keep-all; color: #fff; text-align: left;}
#main_page_01 h1 .kor {font-size: 70px; margin-bottom: 10px; font-family: "GmarketSans", sans-serif; line-height: 1.2;}
#main_page_01 h1 .eng {font-size: 35px; color: #fff; color: #0df0e2;}
#main_page_01 .center_txt_box {width: 100%; z-index: 200; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 8%; color: #fff; word-break: keep-all;}
#main_page_01 .center_txt_box h2 {font-weight: 500; line-height: 1.6; font-size: 30px;}



#main_page_02 {position: relative;}
#main_page_02 .bg_video, #main_page_02 .click_paper {aspect-ratio: 2000 / 1080; width: 80%; position: absolute; top: 57%; right: 0; transform: translateY(-50%); clip-path: inset(0);}
#main_page_02 .click_paper {z-index: 100;}
#main_page_02 .com_title_01 {position: absolute; top: 19%; left: 6%; z-index: 50;}
#main_page_02 .item_box {position: absolute; transform: translate(-50%, -50%);}
#main_page_02 .item_box:hover {z-index: 20 !important;}
#main_page_02 .item_box:nth-of-type(1) {top: 67%; left: 50%;}
#main_page_02 .item_box:nth-of-type(1) .detail_box {top: -200px;}
#main_page_02 .item_box:nth-of-type(1) .hover_box {left: 60%;}
#main_page_02 .item_box:nth-of-type(1) .hover_box::before {left: 37%;}
#main_page_02 .item_box:nth-of-type(2) {top: 75%; left: 37%;}
#main_page_02 .item_box:nth-of-type(2) .detail_box {top: -250px;}
#main_page_02 .item_box:nth-of-type(3) {top: 79%; left: 32%;}
#main_page_02 .item_box:nth-of-type(3) .detail_box {top: -300px;}
#main_page_02 .item_box:nth-of-type(4) {top: 53%; left: 22%;}
#main_page_02 .item_box:nth-of-type(5) {top: 69%; left: 45%;}
#main_page_02 .item_box:nth-of-type(5) .detail_box {top: -200px;}
#main_page_02 .item_box:nth-of-type(6) {top: 68%; left: 40%;}
#main_page_02 .item_box:nth-of-type(6) .detail_box {top: -200px;}
#main_page_02 .item_box:nth-of-type(7) {top: 59%; left: 62%;}
#main_page_02 .item_box:nth-of-type(7) .detail_box {top: -100px;}
#main_page_02 .item_box:nth-of-type(8) {top: 36%; left: 40%;}
#main_page_02 .item_box:nth-of-type(9) {top: 50%; left: 30%;}
#main_page_02 .item_box:nth-of-type(10) {top: 40%; left: 49%;}
#main_page_02 .item_box:nth-of-type(10) .hover_box {left: 100%;}
#main_page_02 .item_box:nth-of-type(10) .hover_box::before {left: 27%;}
#main_page_02 .item_box:nth-of-type(11) {top: 19%; left: 66%;}
#main_page_02 .item_box:nth-of-type(12) {top: 67%; left: 67%;}
#main_page_02 .item_box:nth-of-type(12) .detail_box {top: -200px;}
#main_page_02 .item_box .item_type {font-size: 14px; margin-bottom: 3px; font-weight: 500; color: #00fff0;}
#main_page_02 .item_box .item_name {font-size: 17px; font-weight: 500; color: #fff;}
#main_page_02 .hover_box.type01 {background-color: #2b5db7;}
#main_page_02 .hover_box.type01::before {border-top-color: #2b5db7;}
#main_page_02 .item_box:hover .hover_box.type01 {background-color: #183e86;}
#main_page_02 .item_box:hover .hover_box.type01::before {border-top-color: #183e86;}
#main_page_02 .hover_box.type02 {background-color: #0f2135;}
#main_page_02 .hover_box.type02::before {border-top-color: #0f2135;}
#main_page_02 .item_box:hover .hover_box.type02 {background-color: #000;}
#main_page_02 .item_box:hover .hover_box.type02::before {border-top-color: #000;}
#main_page_02 .hover_box.type03 {background-color: #3A7FCF;}
#main_page_02 .hover_box.type03::before {border-top-color: #3A7FCF;}
#main_page_02 .item_box:hover .hover_box.type03 {background-color: #2363ad;}
#main_page_02 .item_box:hover .hover_box.type03::before {border-top-color: #2363ad;}
#main_page_02 .hover_box {width: max-content; position: absolute; top: -57px; left: 50%; transform: translateX(-50%); padding: 8px; border-radius: 5px; transition: opacity 0.3s ease, background-color 0.3s ease; letter-spacing: -1px;}
#main_page_02 .hover_box::before {content: ""; position: absolute; top: calc(100% - 1px); left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent; transition: border 0.3s ease;}
#main_page_02 .pin_box {width: 100px; height: 80px; display: flex; justify-content: center; gap: 0 3px; position: relative;}
#main_page_02 .pin_box .circle_box {width: 40px; height: 40px; position: relative;}
#main_page_02 .pin_box .circle_box .circles {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.3); border-radius: 50%; background-color: rgba(255, 0, 0, 1);}
#main_page_02 .pin_box .circle_box .circle_pinned {width: 30%; height: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: rgb(255, 0, 0);}
#main_page_02 .pin_box .circle_box .circle_pinned::before {content: ""; width: 2px; height: 50px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: rgb(255, 0, 0);}
#main_page_02 .detail_box {width: 380px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); border: 1px solid #999;}
#main_page_02 .detail_box .vid_img_box video,
#main_page_02 .detail_box .vid_img_box img {aspect-ratio: 1920 / 1080; width: 100%; display: block;}
#main_page_02 .detail_box .item_info {height: 230px; padding: 15px 20px; background-color: var(--com-sub-color-01);}
#main_page_02 .detail_box .item_type {font-size: 15px;}
#main_page_02 .detail_box .item_name {font-size: 19px;}
#main_page_02 .detail_box .tab_box {position: relative; display: flex; margin-top: 10px;}
#main_page_02 .detail_box .tab_box > li {width: 50%; text-align: center; border: 1px solid #1044a1;}
#main_page_02 .detail_box .tab_box .tab {display: block; padding: 10px; font-size: 17px; color: #fff; background-color: var(--com-sub-color-03);}
#main_page_02 .detail_box .tab_box .tab:hover,
#main_page_02 .detail_box .tab_box .tab.active {background-color: var(--com-sub-color-04);}
#main_page_02 .detail_box .tab_box .tab.active + .tab_ctt_list {display: block;}
#main_page_02 .detail_box .tab_ctt_list {display: none; width: 100%; height: 75px; padding: 0 5px; overflow-y: auto; color: #fff; position: absolute; top: 60px; left: 0; text-align: left;}
#main_page_02 .detail_box .tab_ctt_list::-webkit-scrollbar {width: 6px;}
#main_page_02 .detail_box .tab_ctt_list::-webkit-scrollbar-thumb {border: 2px solid var(--com-sub-color-04); background-color: var(--com-sub-color-04); border-radius: 20px;}
#main_page_02 .detail_box .tab_ctt_list::-webkit-scrollbar-track {background-color: var(--com-sub-color-01);}
#main_page_02 .detail_box .tab_ctt_list li {position: relative; padding-left: 10px;}
#main_page_02 .detail_box .tab_ctt_list li:not(:last-of-type) {margin-bottom: 7px;}
#main_page_02 .detail_box .tab_ctt_list li::before {content: "\00B7"; position: absolute; top: 0; left: 0;}
#main_page_02 .detail_box .tab_ctt_list a {display: block; width: fit-content; color: #fff;}
#main_page_02 .mobile_bg {display: none;} 


#main_page_03 {background: url('/resources/user/infra/img/sub/bg_main_page_03.jpg') no-repeat center center; background-size: cover;}
#main_page_03 .com_inner1600 {height: 100%; display: flex; flex-direction: column; justify-content: center;}
#main_page_03 .com_title_01 {margin-bottom: 30px; padding: 25px 20px;}
#main_page_03 .com_title_01 .eng {color: #00fff6;}
#main_page_03 .com_title_01 .kor {color: #fff}
#main_page_03 .list {display: flex; color: #fff; gap: 0 7px;}
#main_page_03 .list li {width: calc((100% - 650px) / 5); height: 400px; transition: width var(--com-duration-02) ease, background-position var(--com-duration-02) ease, background-size var(--com-duration-02) ease; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat;}
#main_page_03 .list li.active {width: 650px; background-position: 0 50%;}
#main_page_03 .list li.active .activate {opacity: 1; pointer-events: auto;}
#main_page_03 .list li.active .deactivate {opacity: 0; pointer-events: none; left: 0;}
#main_page_03 .list li.active .v_txt {left: 100%;}
#main_page_03 .list li:nth-of-type(1) {background-image: url('/resources/user/infra/img/sub/bg_main03_01.jpg'); background-position: 66% 50%;}
#main_page_03 .list li:nth-of-type(2) {background-image: url('/resources/user/infra/img/sub/bg_main03_02.jpg'); background-position: 22% 50%;}
#main_page_03 .list li:nth-of-type(3) {background-image: url('/resources/user/infra/img/sub/bg_main03_03.jpg');}
#main_page_03 .list li:nth-of-type(4) {background-image: url('/resources/user/infra/img/sub/bg_main03_04.jpg');}
#main_page_03 .list li:nth-of-type(5) {background-image: url('/resources/user/infra/img/sub/bg_main03_05.jpg');}
#main_page_03 .list li:nth-of-type(6) {background-image: url('/resources/user/infra/img/sub/bg_main03_06.jpg'); background-position: 67% 50%;}
#main_page_03 .list .activate {width: max-content; opacity: 0; pointer-events: none; transition: opacity var(--com-duration-02) ease; position: absolute; bottom: 30px; left: 40px;}
#main_page_03 .list .activate .eng {font-size: 17px; margin-bottom: 7px;}
#main_page_03 .list .activate .kor {font-size: 35px; font-weight: 600; margin-bottom: 40px;}
#main_page_03 .list .activate .btn_detail {width: 130px; height: 45px; font-size: 14px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-family: "SCDream", sans-serif; color: #fff;}
#main_page_03 .list .activate .btn_detail:hover {background-color: #fff; color: #000; font-weight: 500;}
#main_page_03 .list .deactivate {transition: opacity var(--com-duration-02) ease;}
#main_page_03 .list .v_txt {width: max-content; position: absolute; top: 40px; transform-origin: center left; transform: rotate(90deg); left: 50%; font-size: 22px; z-index: 100; font-weight: 500; transition: left var(--com-duration-02) ease;}
#main_page_03 .list .bg_black {background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}

/*sc인증 추가를 위한 4페이지 추가*/
#main_page_04 {background: url('/resources/user/infra/img/sub/bg_main_page_03.jpg') no-repeat center center; background-size: cover;}
#main_page_04 .com_inner1600 {height: 100%; display: flex; flex-direction: column; justify-content: center;}
#main_page_04 .com_title_01 {margin-bottom: 30px; padding: 25px 20px;}
#main_page_04 .com_title_01 .eng {color: #00fff6;}
#main_page_04 .com_title_01 .kor {color: #fff}
#main_page_04 .list {display: flex; color: #fff; gap: 0 7px;}
#main_page_04 .list li {width: calc((100% - 650px) / 5); height: 400px; transition: width var(--com-duration-02) ease, background-position var(--com-duration-02) ease, background-size var(--com-duration-02) ease; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat;}
#main_page_04 .list li.active {width: 650px; background-position: 0 50%;}
#main_page_04 .list li.active .activate {opacity: 1; pointer-events: auto;}
#main_page_04 .list li.active .deactivate {opacity: 0; pointer-events: none; left: 0;}
#main_page_04 .list li.active .v_txt {left: 100%;}
#main_page_04 .list li:nth-of-type(1) {background-image: url('/common/file.do?file=y8ZPlNmRDkEW/OU7Hb+FydQ9FWnw0H17VtfbKzaGHa3PVAFcFChKuSo7SjwH4vLg'); background-position: 66% 50%;}
/*#main_page_04 .list li:nth-of-type(1) {background-image: url('/resources/user/infra/img/sub/bg_main03_01.jpg'); background-position: 66% 50%;}    단체표준인증에서 기존 사용하던 그림*/
#main_page_04 .list li:nth-of-type(2) {background-image: url('/common/file.do?file=n38apirgNjKZ/iGZB1invRYTLWMkC1ICEXvlpTcKZ35C8sQ9i3XUZf4t6bznEX7w'); background-position: 22% 50%;}
#main_page_04 .list li:nth-of-type(3) {background-image: url('/common/file.do?file=n38apirgNjKZ/iGZB1invdx22hnowIRM1IDcaqBdN/XRvpERh5FS0mYVTb5C/31I');}
#main_page_04 .list li:nth-of-type(4) {background-image: url('/common/file.do?file=n38apirgNjKZ/iGZB1invd1mJFBlZo6OAP334Od2kkLHfNV9B18n3er07aIyxbUW;');}
#main_page_04 .list li:nth-of-type(5) {background-image: url('/common/file.do?file=n38apirgNjKZ/iGZB1invYbYpaHrs7Aiu3Hsl0GnEY952HolG04ytlIgQKTd06wl');}
#main_page_04 .list li:nth-of-type(6) {background-image: url('/common/file.do?file=n38apirgNjKZ/iGZB1invUN2TSACxKIkDDJRXO7ExO52+UdxGbQzgZ9I2i6IRuEj'); background-position: 67% 50%;}
#main_page_04 .list .activate {width: max-content; opacity: 0; pointer-events: none; transition: opacity var(--com-duration-02) ease; position: absolute; bottom: 30px; left: 40px;}
#main_page_04 .list .activate .eng {font-size: 17px; margin-bottom: 7px;}
#main_page_04 .list .activate .kor {font-size: 35px; font-weight: 600; margin-bottom: 40px;}
#main_page_04 .list .activate .btn_detail {width: 130px; height: 45px; font-size: 14px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-family: "SCDream", sans-serif; color: #fff;}
#main_page_04 .list .activate .btn_detail:hover {background-color: #fff; color: #000; font-weight: 500;}
#main_page_04 .list .deactivate {transition: opacity var(--com-duration-02) ease;}
#main_page_04 .list .v_txt {width: max-content; position: absolute; top: 40px; transform-origin: center left; transform: rotate(90deg); left: 50%; font-size: 22px; z-index: 100; font-weight: 500; transition: left var(--com-duration-02) ease;}
#main_page_04 .list .bg_black {background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}


/*


#main_page_04 {display: flex; justify-content: center; align-items: center; padding: 0 20px;}
#main_page_04 .com_inner1600 {height: 100%; display: flex; flex-direction: column; justify-content: center;}
#main_page_04 .hd_box {display: flex; justify-content: space-between; align-items: flex-end; position: relative;}
#main_page_04 .ctrl_box {display: flex; gap:  0 10px;}
#main_page_04 .ctrl_box button {width: 60px; height: 60px; font-size: 22px; border-radius: 50%; border: 1px solid #e3e3e3; display: flex; justify-content: center; align-items: center; color: #aaa; position: static; transform: none; background-color: #fff; margin: 0;}
#main_page_04 .ctrl_box button:hover {background-color: #f9f9f9;}
#main_page_04 .ctrl_box button::after {display: none;}
#main_page_04 .ctrl_box button i {font-weight: 800;}
#main_page_04 .slide_box {height: 55%;}
#main_page_04 .notice_slide {height: 100%; padding-top: 40px;}
#main_page_04 .notice_slide p {transition: all 0.2s ease;}
#main_page_04 .notice_slide .swiper-slide {transition: none; border: 1px solid #ddd;}
#main_page_04 .notice_slide a, #main_page_04 .notice_slide .etc_box {padding-left: max(20px, 12%); padding-right: max(20px, 12%);}
#main_page_04 .notice_slide a {display: block; height: 100%; padding-top: 11%; background-color: #fff; position: relative; color: #000;}
#main_page_04 .notice_slide .title {margin-bottom: 20px; font-size: 23px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis;}
#main_page_04 .notice_slide .ctt {font-size: 18px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; text-overflow: ellipsis;}
#main_page_04 .notice_slide .etc_box {width: 100%; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
#main_page_04 .notice_slide .date {font-weight: 500;}
#main_page_04 .notice_slide .arrow {width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #eee; border-radius: 50%; transition: all 0.2s ease;}
#main_page_04 .notice_slide .arrow i {color: #aaa; font-size: 16px; font-weight: 800; transition: all 0.2s ease;}
#main_page_04 .notice_slide a:hover {background-color: var(--com-sub-color-01); box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.75);}
#main_page_04 .notice_slide a:hover p {color: #fff;}
#main_page_04 .notice_slide a:hover .arrow {background-color: #fff;}
#main_page_04 .notice_slide a:hover .arrow i {background-color: #fff; color: var(--com-sub-color-01);}
*/

#main_page_05 {padding: 25px 20px; background: url('/resources/user/infra/img/sub/bg_main_page_05.jpg') no-repeat center center; background-size: cover;}
#main_page_05 .com_inner1600 {height: 100%; display: flex; flex-direction: column; justify-content: space-around;}
#main_page_05 .list {width: 63%; min-width: 1000px; display: grid; grid-template-columns: 30% 35% 35%; margin-left: auto; gap: 100px 0; margin-top: -80px;}
#main_page_05 .list > div {padding: 0 10px;}
#main_page_05 .list .type {font-weight: 600; font-size: 20px; font-family: "SCDream",sans-serif; margin-bottom: 50px;}
#main_page_05 .list dd {font-weight: 600; color: #1a2c4b;}
#main_page_05 .list dd .tit {font-size: 50px; font-family: "GmarketSans",sans-serif;}
#main_page_05 .list .num { font-size: 100px; font-family: "GmarketSans",sans-serif; letter-spacing: -5px; line-height: 1; word-break: break-all;}



@media screen and (max-width: 1400px) {
    #btn_main_scroll_down {}
    #btn_main_scroll_down.active {bottom: 20px;}

    #fullpage_menu {}
    #fullpage_menu.active {right: 20px;}

    #btn_main_top {right: 20px;}
    #btn_main_top.active {bottom: 20px;}



    #main_page_01 h1 {margin-bottom: 40px;}
    #main_page_01 h1 .kor {font-size: 65px;}
    #main_page_01 h1 .eng {font-size: 30px;}
    #main_page_01 .center_txt_box h2 {font-size: 25px;}

    #main_page_02 .bg_video, #main_page_02 .click_paper {width: 95%;}
    #main_page_02 .com_title_01 {top: 13%;}
    #main_page_02 .pin_box .txt_box {border-radius: 15px 15px 0 15px; padding: 10px 12px;}
    #main_page_02 .item_box:nth-of-type(10) .hover_box {left: 95%;}
    #main_page_02 .item_box:nth-of-type(10) .hover_box::before {left: 26%;}
    #main_page_02 .item_box .item_type {font-size: 13px; margin-bottom: 2px;}
    #main_page_02 .item_box .item_name {font-size: 15px;}
    #main_page_02 .detail_box {width: 300px;}
    #main_page_02 .detail_box .item_info {height: 200px; padding: 15px;}
    #main_page_02 .detail_box .item_type {font-size: 14px; margin-bottom: 3px;}
    #main_page_02 .detail_box .item_name {font-size: 17px;}
    #main_page_02 .detail_box .tab_box .tab {padding: 8px; font-size: 15px;}
    #main_page_02 .detail_box .tab_ctt_list {font-size: 14px; top: 50px; height: 60px;}
    #main_page_02 .detail_box .tab_ctt_list li {padding-left: 7px;}
    #main_page_02 .detail_box .tab_ctt_list li:not(:last-of-type) {margin-bottom: 5px;}

    #main_page_03 .list li {width: calc((100% - 585px) / 5); height: 360px;}
    #main_page_03 .list li.active {width: 585px;}
    #main_page_03 .list .v_txt {font-size: 20px;}
    #main_page_03 .list .activate .kor {font-size: 30px; margin-bottom: 20px;}
    #main_page_03 .list .activate .eng {margin-bottom: 3px;}
    #main_page_03 .list .activate .btn_detail {width: 110px; height: 40px; font-size: 13px;}

/*sc인증 추가를 위한 4페이지 추가*/
    #main_page_04 .list li {width: calc((100% - 585px) / 5); height: 360px;}
    #main_page_04 .list li.active {width: 585px;}
    #main_page_04 .list .v_txt {font-size: 20px;}
    #main_page_04 .list .activate .kor {font-size: 30px; margin-bottom: 20px;}
    #main_page_04 .list .activate .eng {margin-bottom: 3px;}
    #main_page_04 .list .activate .btn_detail {width: 110px; height: 40px; font-size: 13px;}
  
  
    #main_page_05 .list {min-width: 850px; margin-top: 40px; gap: 70px 0;}
    #main_page_05 .list .num {font-size: 75px; letter-spacing: -3px;}
    #main_page_05 .list .type {font-size: 18px; margin-bottom: 40px;}
    #main_page_05 .list .num .tit {font-size: 45px;}

}

@media screen and (max-width: 1080px) {
    #btn_main_scroll_down {display: none;}

    #fullpage_menu {display: none;}

    #btn_main_top {display: none;}


    #main_page_01 h1 {margin-bottom: 30px;}
    #main_page_01 h1 .kor {font-size: 60px; margin-bottom: 5px;}
    #main_page_01 h1 .eng {font-size: 25px;}
    #main_page_01 .center_txt_box h2 {font-size: 20px;}


    #main_page_02 .com_title_01 {position: static; margin-bottom: 40px; padding: 25px 20px 0;}
    #main_page_02 .bg_video {width: 100%; position: static; transform: unset;}
    #main_page_02 .click_paper {width: 100%; top: 59.7%; transform: translate(-50%,-50%); left: 50%; right: unset;}
    #main_page_02 .pin_box {width: 70px;}

    #main_page_02 .item_box:nth-of-type(10) .detail_box {left: 100px;}
    #main_page_02 .item_box:nth-of-type(10) .hover_box {left: 113%;}


    #main_page_03 {}
    #main_page_03 .list {flex-wrap: wrap; gap: 0;}
    #main_page_03 .list li {width: calc(100% / 3); height: 300px; background-size: auto 100%;}
    #main_page_03 .list li:nth-of-type(1) {background-position: 85% 50%;}
    #main_page_03 .list li.active {width: calc(100% / 3); background-size: auto 125%;}
    #main_page_03 .list .v_txt {font-size: 18px; transform-origin: center center; transform: translateX(-50%);}
    #main_page_03 .list .activate {width: 100%; bottom: 20px; left: 20px; padding-right: 40px;}
    #main_page_03 .list .activate .kor {font-size: 25px; margin-bottom: 15px;}
    #main_page_03 .list .activate .eng {font-size: 16px; margin-bottom: 2px;}
    #main_page_03 .list .activate .btn_detail {width: 95px; height: 35px;}

  
 /*sc인증 추가를 위한 4페이지 추가*/
    #main_page_04 {}
    #main_page_04 .list {flex-wrap: wrap; gap: 0;}
    #main_page_04 .list li {width: calc(100% / 3); height: 300px; background-size: auto 100%;}
    #main_page_04 .list li:nth-of-type(1) {background-position: 85% 50%;}
    #main_page_04 .list li.active {width: calc(100% / 3); background-size: auto 125%;}
    #main_page_04 .list .v_txt {font-size: 18px; transform-origin: center center; transform: translateX(-50%);}
    #main_page_04 .list .activate {width: 100%; bottom: 20px; left: 20px; padding-right: 40px;}
    #main_page_04 .list .activate .kor {font-size: 25px; margin-bottom: 15px;}
    #main_page_04 .list .activate .eng {font-size: 16px; margin-bottom: 2px;}
    #main_page_04 .list .activate .btn_detail {width: 95px; height: 35px;}


/*
    #main_page_04 {padding: 25px 20px;}
    #main_page_04 .com_title_01 {padding-top: 0;}
    #main_page_04 .slide_box {margin-top: 60px; height: 640px;}
    #main_page_04 .ctrl_box {position: absolute; bottom: -45px; right: 0; gap: 0 5px;}
    #main_page_04 .ctrl_box button {width: 40px; height: 40px; font-size: 16px;}
    #main_page_04 .notice_slide {padding: 0;}
    #main_page_04 .notice_slide a, #main_page_04 .notice_slide .etc_box {padding: 25px;}
    #main_page_04 .notice_slide .etc_box {padding-top: 0; padding-bottom: 0;}
    #main_page_04 .notice_slide a:hover {box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);}
    #main_page_04 .notice_slide .swiper-slide {height: calc(50% - 7.5px) !important;}
    #main_page_04 .notice_slide .title {font-size: 20px; margin-bottom: 15px;}
    #main_page_04 .notice_slide .ctt {font-size: 16px;}
    #main_page_04 .notice_slide .date {font-size: 14px;}
    #main_page_04 .notice_slide .arrow {width: 30px; height: 30px;}
    #main_page_04 .notice_slide .arrow i {font-size: 12px;}
    #main_page_04 .notice_slide .etc_box {bottom: 20px;}
*/
  

}

    #main_page_05 {background-position: 38% 50%;}
    #main_page_05 .list {grid-template-columns: repeat(2, 1fr); width: 50%; min-width: 500px;}
    #main_page_05 .list .blank {display: none;}
    #main_page_05 .list .num {font-size: 100px;} 
    #main_page_05 .list .type {margin-bottom: 30px; font-size: 17px;}
    #main_page_05 .list dd .tit {font-size: 35px;}
}

@media screen and (max-width: 768px) {

    
    #main_page_01 h1 {margin-bottom: 20px;}
    #main_page_01 h1 .kor {font-size: 50px;}
    #main_page_01 h1 .eng {font-size: 25px;}
    #main_page_01 .center_txt_box h2 {font-size: 20px;}


    #main_page_02 .bg_video {display: none;}
    #main_page_02 .click_paper, #main_page_02 .mobile_bg {height: auto; max-width: 500px;}
    #main_page_02 .click_paper {aspect-ratio: 725 / 2700; width: 100%; top: 53.5%; left: 50%; transform: translate(-50%,-50%);}
    #main_page_02 .mobile_bg {display: block; width: 100%; position: static; margin: 20px auto 0;}
    #main_page_02 .pin_box {width: auto;}
    #main_page_02 .item_box:nth-of-type(1) {top: 85%; left: 73%;}
    #main_page_02 .item_box:nth-of-type(1) .hover_box {left: 75%;}
    #main_page_02 .item_box:nth-of-type(2) {top: 90%; left: 29%;}
    #main_page_02 .item_box:nth-of-type(2) .detail_box {left: 120px; top: -250px;}
    #main_page_02 .item_box:nth-of-type(3) {top: 92%; left: 15%;}
    #main_page_02 .item_box:nth-of-type(3) .detail_box {left: 140px; top: -250px;}
    #main_page_02 .item_box:nth-of-type(4) {top: 45%; left: 37%;}
    #main_page_02 .item_box:nth-of-type(4) .detail_box {left: 100px;}
    #main_page_02 .item_box:nth-of-type(5) {top: 87%; left: 58%;}
    #main_page_02 .item_box:nth-of-type(6) {top: 86%; left: 43%;}
    #main_page_02 .item_box:nth-of-type(6) .detail_box {left: 100px;}
    #main_page_02 .item_box:nth-of-type(7) {top: 71%; left: 45%;}
    #main_page_02 .item_box:nth-of-type(8) {top: 32%; left: 40%;}
    #main_page_02 .item_box:nth-of-type(9) {top: 44%; left: 65%;}
    #main_page_02 .item_box:nth-of-type(10) {top: 54%; left: 48%;}
    #main_page_02 .item_box:nth-of-type(10) .detail_box {left: 50%;}
    #main_page_02 .item_box:nth-of-type(10) .hover_box {left: 50%;}
    #main_page_02 .item_box:nth-of-type(10) .hover_box::before {left: 50%;}
    #main_page_02 .item_box:nth-of-type(11) {left: 55%;}
    #main_page_02 .item_box:nth-of-type(12) {top: 74%; left: 66%;}

    
    #main_page_03 .list {display: flex; flex-wrap: wrap;}
    #main_page_03 .list li {aspect-ratio: 650 / 400; width: 100%; max-height: 200px; background-size: 100% auto;}
    #main_page_03 .list li.active {width: 100%; background-size: 125% auto;}





    #main_page_05 .list {min-width: 360px; gap: 40px 0;}
    #main_page_05 .list .num {font-size: 45px;}
    #main_page_05 .list .type {font-size: 16px; margin-bottom: 20px;}
    #main_page_05 .list dd .tit {font-size: 25px;}


}

@media screen and (max-width: 480px) {


    #main_page_01 h1 .kor {font-size: 30px;}
    #main_page_01 h1 .eng {font-size: 20px; -webkit-text-stroke-width: 0.5px;}
    #main_page_01 .center_txt_box h2 {font-size: 16px;}

    #main_page_02 .pin_box .txt_box {min-width: unset;}
    #main_page_02 .item_box .item_type {font-size: 12px; margin-bottom: 1px;}
    #main_page_02 .item_box .item_name {font-size: 13px;}
    #main_page_02 .detail_box {width: 220px;}
    #main_page_02 .detail_box .item_info {height: 170px;}
    #main_page_02 .detail_box .item_type {font-size: 13px;}
    #main_page_02 .detail_box .item_name {font-size: 15px;}
    #main_page_02 .detail_box .tab_box .tab {padding: 6px; font-size: 13px;}
    #main_page_02 .detail_box .tab_ctt_list {font-size: 13px; top: 42px; height: 53px;}
    #main_page_02 .detail_box .tab_ctt_list li:not(:last-of-type) {margin-bottom: 3px;}
    #main_page_02 .pin_box .txt_box {border-radius: 10px 10px 0 10px; padding: 7px 10px;}
    #main_page_02 .hover_box {top: -44px; padding: 6px;}
    #main_page_02 .hover_box::before {border-left-width: 6px; border-right-width: 6px; border-top-width: 8px;}
    #main_page_02 .item_box:nth-of-type(1) .hover_box::before {left: 34%;}
    

    #main_page_03 .list li {max-height: 160px;}
    #main_page_03 .list .activate .eng {font-size: 14px;}
    #main_page_03 .list .activate .kor {font-size: 20px; margin-bottom: 10px;}
    #main_page_03 .list .activate .btn_detail {font-size: 12px; width: 82px; height: 32px;}
    #main_page_03 .list .v_txt {top: 30px;}

  /*sc인증 추가를 위한 변경 */
    #main_page_04 .list li {max-height: 160px;}
    #main_page_04 .list .activate .eng {font-size: 14px;}
    #main_page_04 .list .activate .kor {font-size: 20px; margin-bottom: 10px;}
    #main_page_04 .list .activate .btn_detail {font-size: 12px; width: 82px; height: 32px;}
    #main_page_04 .list .v_txt {top: 30px;}

  
/*
    #main_page_04 .slide_box {height: 480px;}
    #main_page_04 .notice_slide a {padding: 20px;}
    #main_page_04 .notice_slide .etc_box {padding: 0 20px; bottom: 15px;}
    #main_page_04 .notice_slide .title {font-size: 16px; margin-bottom: 10px;}
    #main_page_04 .notice_slide .ctt {font-size: 14px;}
    #main_page_04 .notice_slide .arrow {width: 25px; height: 25px;}
    #main_page_04 .notice_slide .arrow i {font-size: 10px;}
    #main_page_04 .ctrl_box {gap: 0 3ox;}
    #main_page_04 .ctrl_box button {width: 30px; height: 30px; font-size: 12px;}
*/
    #main_page_05 {background-position: 0% 40%; background-size: auto;}
    #main_page_05 .list {min-width: unset; width: 100%; gap: 30px 0;}
    #main_page_05 .list .num {font-size: 35px;}
    #main_page_05 .list .type {font-size: 15px; margin-bottom: 15px;}
    #main_page_05 .list dd .tit {font-size: 20px; padding-left: 5px;}
     #main_page_05 .stat-source{
    margin-top: 40px;
    font-size: 14px;
    color: #888;
    text-align: right;
    line-height: 1.6;


}



/* 20260106추가 */
#main_page_05 .loading .tit{display: none;}
#main_page_05 .loading .num{font-size: 40px; color: #999;}
@media screen and (max-width: 1080px) {
#main_page_05 .loading .num{font-size: 30px;}
}


@media screen and (max-width: 1560px) {
    
}
@media screen and (max-width: 1400px) {
    
}
@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1080px) {
    
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 480px) {
    
}