@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #142042;
    --black-color : #222;
    --white-color : #fff;
    --sub1 : #2C4AA2;
    --sub2 : #0070C0;
}

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }


/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
body.no-scroll {  overflow: hidden; /* 스크롤 막기 */  }
img { max-width: 100%; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }
p{ word-break: keep-all; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 3vw; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */


/* hedaer */
header{  position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: linear-gradient(90deg, rgba(144, 107, 163, 0.00) 0%, #906BA3 100%), #278FB3; box-shadow: 4px 13px 23px 0 rgba(0, 0, 0, 0.15); }
header.main{ background: unset;   }
/* header .inner{ display: flex; align-items: center; justify-content: space-between; position: relative; } */
header .menu_list{ display: flex; align-items: center;  gap: 90px; font-family: 'Paperlogy'; color: #fff; font-size: 16px; font-weight: 600;  }
header .menu_btn{ display: none; }

header .menu_list a { display: block; height: 100%; }

header .header_1 { padding: 12px 0; background-color: #222; }
header .header_1 .inner { display: flex; justify-content: space-between; }

header .header_2 { display: none; border-top: 1px solid #7a7a7a; padding: 40px 0; width: 100%; background: #222222; }
header .header_2 .menu_div { display: flex; align-items:; justify-content: space-between; }
header .header_2 .menu_div > li > a { width: 156px; display: block; padding: 15px 0; background: #fff; border-radius: 100px; text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 25px; } 
header .header_2 .menu_div .menu_box { display: flex; align-items: center; flex-direction: column; text-align: center; gap: 15px; }
header .header_2 .menu_div .menu_box > div { color: #fff; }


@media screen and (max-width: 1250px) { 
    header .menu_btn{ display: block; background-color: transparent; border: none; }
    header .menu_btn .icon{ width: 30px; }
    header .menu_list{ display: none; }
    header .header_2 { display: none; }
}
@media screen and (max-width: 650px) { 
    header .logo{ width: 120px; }
    header .menu_btn .icon{ width: 20px; }
}

/* slide_menu */
.slide_menu{ transition: right .5s; position: fixed; z-index: 9999; right: -300px; top: 0; background-color: #fff; overflow-y: scroll; width: 300px; height: 100%; max-width: 90%; }
.slide_menu.show{ right: 0; }
.slide_menu .btn_wrap{ padding: 20px 10px; display: flex; align-items: center; justify-content: flex-end; }
.slide_menu .btn_wrap .close_btn{ background: transparent; border: none; background: transparent; border: none; }
.slide_menu .btn_wrap .close_btn .icon{ width: 20px; }
.slide_menu .menu_list{ color: #373737; font-size: 20px; border-top: 1px dashed rgba(144, 107, 163, 1); }
.slide_menu .menu_list .item{ cursor: pointer; padding: 20px 10px; font-family: 'Paperlogy'; font-weight: 600; border-bottom: 1px dashed rgba(144, 107, 163, 1); }

.slide_menu .menu_list .sub-menu{ display: none; border-bottom: 1px dashed rgba(144, 107, 163, 1); padding: 10px 0; }
.slide_menu .menu_list .sub-menu a{ display: block; padding: 10px 20px; }

.menu_close_bg{ opacity: 0; visibility: hidden; backdrop-filter: blur(2px); position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999; cursor: pointer; }
.menu_close_bg.show{ opacity: 1; visibility: visible; }

/* footer */
footer{ line-height: 1.5em; background-color: #4C5256; padding: 28px 0; color: rgba(196, 196, 196, 1); }
footer .inner{ gap: 48px; display: flex; align-items:flex-start;  }
footer .content_box{ flex-grow: 1; }
footer .copy_right{ margin-top: 8px; font-size: .8em; }
footer .info_btn{ background-color: transparent; border: none; }

@media screen and (max-width: 950px) { 
    footer .inner{ flex-direction: column; gap: 20px; }
    footer .content_box{ order: 1; }
}
@media screen and (max-width: 650px) { 
    footer .logo{ width: 120px; }
    footer{ font-size: 14px; }
}

/* .sec_top */
.sec_top{ padding-top: 72px; }
@media screen and (max-width: 650px) { 
    .sec_top{ padding-top: 59px; }
}

/* .main .slide_section */
.main .slide_section{ padding: 100px 0; display: flex; align-items: center; justify-content: center; min-height: 100vh; overflow:hidden; position: relative; background: linear-gradient(90deg, rgba(144, 107, 163, 0.00) 0%, #906BA3 100%), #278FB3; box-shadow: 4px 13px 23px 0 rgba(0, 0, 0, 0.15); }
.main .slide_section .pcBg{ border-radius: 20px; box-shadow: 10px 15px 19px 0 rgba(0, 0, 0, 0.25); padding: 100px 0; height: 625px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .slide_section .moBg{ display: none; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .slide_section .swiper-pagination{ bottom: 25px; display: flex; align-items: center; gap: 15px; justify-content: center; }
.main .slide_section .swiper-pagination-bullet{ opacity: 1; background-color: #fff; border-radius: 50%; border: 2px solid #222; width: 26px; height: 26px; box-shadow: 0 3px 0 0 #222; }
.main .slide_section .swiper-pagination-bullet-active{ background-color: #EBE168; }
@media screen and (max-width: 1250px) { 
    .main .slide_section{ min-height: unset; }
    .main .slide_section .pcBg{ height: 40vw; }
}
@media screen and (max-width: 950px) { 
    .main .slide_section{ min-height: 100vh; padding: 0; }
    .main .slide_section .pcBg{ display: none; }
    .main .slide_section .moBg{ border-radius: 2vw; box-shadow: 10px 15px 19px 0 rgba(0, 0, 0, 0.25); display: block; height: 126vw; }
    .main .slide_section .swiper-pagination{ bottom: 15px; gap: 10px; }
    .main .slide_section .swiper-pagination-bullet{ width: 15px; height: 15px; }
}

/* .main .keywrod_slide */
.main .keywrod_slide{ padding: 30px 0; position: relative; overflow: hidden; background-color: #906BA3; border-top: 1px solid #222; border-bottom: 1px solid #222; }
.main .keywrod_slide .keyword_list{ display: flex; align-items: center; }
.main .keywrod_slide .keyword_list + .keyword_list{ margin-top: 25px; }
.main .keywrod_slide .keyword_list.reverse{ justify-content: flex-end; }
@media screen and (max-width: 650px) { 
    .main .keywrod_slide{ padding:14px 0; }
    .main .keywrod_slide .keyword_list .keywrod{ width: auto; height: 30px; }
    .main .keywrod_slide .keyword_list + .keyword_list{ margin-top: 10px; }
}

/* .main .video_section */
.main .video_section{ background-image: url('../img/main/video_section/background.jpg'); background-size:cover; background-repeat:no-repeat; background-position: top center; padding: 74px 0; padding: 80px 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.main .video_section .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .video_section .t1{ position: relative; padding-bottom: 10px; text-align: center; color: #fff; font-family: 'Paperlogy'; font-weight: 700; font-size: 46px; }
.main .video_section .t1::after{ content:''; display: span; background-color: #fff; width: 100%; height: 5px; position: absolute; left: 0; bottom: 0; }
.main .video_section .video_wrap{ margin-top: 27px; width: 1300px; max-width: 100%; overflow: hidden; border-radius: 10px; height: 750px; }

@media screen and (max-width: 1320px) { 
    .main .video_section{ min-height: unset; }
    .main .video_section .video_wrap{ height: 52vw; }
    .main .video_section .t1{ font-size: 30px; }
}

@media screen and (max-width: 650px) { 
    .main .video_section .t1{ font-size: 6vw; padding-bottom: 1.7vw; }
    .main .video_section .t1::after{ height: .7vw; }
}

/* .sub .sub_banner{ padding: 0 0 36px 0; color: #fff; background-color: #222; font-family: 'Paperlogy'; }
.sub .sub_banner .inner{ padding-top: 100px; background-repeat: no-repeat; background-position: right bottom; }
.sub .sub_banner .map{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-weight: 700; }
.sub .sub_banner h1{ margin-top: 12px; font-family: 'Paperlogy' !important; font-size: 36px; font-weight: 700; }

@media screen and (max-width: 650px) { 
    .sub .sub_banner .map{ font-size: 14px; }
    .sub .sub_banner h1{ font-size: 6vw; margin-top: 10px; }
}

.sub .content_section{ padding:100px 0; }
.sub .content_section h2{ text-align: center; font-family: 'Paperlogy' !important; font-weight: 600; font-size: 36px; }
@media screen and (max-width: 1250px) { 
    .sub .content_section h2{ font-size: 32px; }
}
@media screen and (max-width: 650px) { 
    .sub .content_section{ padding:10vw 0 20vw 0; }
    .sub .content_section h2{ font-size: 5.5vw; }
} */

/* .sub.question */
/* .sub.question .sub_banner{ background-color: #EA5E75; } */
/* .sub.question .sub_banner .inner{ background-image: url('../img/question/banner_icon.svg'); } */
.sub.question .qna_list{ margin-top: 36px; }
.sub.question .qna_list > li + li{ margin-top: 6px; }
.sub.question .qna_list > li .item{ padding: 10px 20px; border-radius: 10px; overflow: hidden; border: 1px solid #E4E4E4; box-shadow: 4px 10px 4px 0 rgba(0, 0, 0, 0.15); }
.sub.question .qna_list .box{ background-repeat: no-repeat; background-position: left 10px top 8px; font-size: 18px; font-weight: 700; padding: 15px 10px; padding-left: 50px; display: flex; align-items: flex-start; }
.sub.question .qna_list .box .text{ flex-grow: 1; }
.sub.question .qna_list .box.q_box{ cursor:pointer; background-image: url('../img/question/q_icon.svg'); }
.sub.question .qna_list .box.a_box{ background-position: left 10px top 12px; display: none; border-top: 1px solid #E4E4E4; padding-top: 15px; margin-bottom: 10px; background-image: url('../img/question/a_icon.svg'); }
.sub.question .qna_list .box .arrow_box{ background-color: transparent; border: none; transition: transform .5s; }  
.sub.question .qna_list .item.show .arrow_box{ transform: rotate(-180deg); }

@media screen and (max-width: 650px) { 
    .sub.question .qna_list > li .item{ padding: 10px; }
    .sub.question .qna_list .box{ background-size: 20px; padding-left: 45px; font-size: 16px; }
    .sub.question .qna_list .box.q_box{ background-position: left 10px top 10px; }
    .sub.question .qna_list .box.a_box{ background-position: left 10px top 14px; }
}


/* .intro_section */
.intro_section{ background-color: #8E67A1; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%;  } 
.intro_section.fade-out{  opacity: 0; transition: opacity 1s ease-in-out; }
.intro_section > img{ max-width: 100%; }
.intro_section .ab{ position: absolute; opacity: 0; }
.intro_section .mo{ display: none; }

@media screen and (max-width: 950px) { 
    .intro_section .mo{ display: block; }
    .intro_section .pc{ display: none; }
}

/* .main .main_banner */
.main .main_banner{ display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; text-align: center; font-family: 'Paperlogy'; padding: 100px 0; min-height: 100vh; background-image: url('../img/main/main_banner/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .main_banner .box{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-color: rgba(0,0,0,.4); border-radius: 10px; border: 2px solid #fff; padding: 60px 20px; }
.main .main_banner .content-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .main_banner .box .t1{ font-size: 28px; color: #fff; font-weight: 700;  }
.main .main_banner .box h2{ font-family: "Paperlogy"; color: #fff; line-height: 1em; text-shadow: 6px 10px 13px rgba(0, 0, 0, 0.25); background: linear-gradient( to bottom,  rgba(182, 181, 239, 1) 0%,  rgb(255, 255, 255) 100% ); font-weight: 700; -webkit-text-stroke-width: 0.4px;   -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #FFF; font-size: 120px; }
.main .main_banner .box h2 .small{ font-size: .8em; }
.main .main_banner .box .t2{ margin-top: 8px; background-color: rgba(0,0,0,.4); padding: 10px 20px; border-radius: 100px; color: #fff; font-size: 22px; }
.main .main_banner .box .date{ color: #fff; font-family: Paperlogy; font-size: 28px; font-weight: 700; margin-top: 24px; padding: 14px 20px; border-radius: 4px; background-color: #703EFF; }
.main .main_banner .drone{ position: absolute; }
.main .main_banner .drone1{ left: -194px; top: 59px; }
.main .main_banner .drone2{ right: -350px; bottom: -154px; }
.main .main_banner .countdown-div{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 35px; }
.main .main_banner .countdown-div .title-box{ border-radius: 10px; border: 2px solid #703EFF; background-color: #000; padding: 12px 47px; }
.main .main_banner .countdown-div .title{ background: linear-gradient(90deg, #703EFF 0%, #EC605D 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: #000; text-shadow: 6px 10px 13px rgba(0, 0, 0, 0.25); font-family: "Paperlogy"; font-size: 64px; font-weight: 700; }
.main .main_banner .countdown-div #getting-started{ margin-top: 36px; display: flex; gap: 9px; }
.main .main_banner .countdown-div #getting-started .time-block{ gap: 9px;  width: 175px; display: flex; flex-wrap: wrap; }
.main .main_banner .countdown-div #getting-started .time-block .time-digit{ height: 120px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.40); font-size: 72px; font-weight: 700; display: flex; align-items: center; justify-content: center; background-color:#0D172C; border-radius: 10px; color:#FFF; width: calc(50% - 4.5px); }
.main .main_banner .countdown-div #getting-started .time-block .time-label{ color: #fff; font-size: 24px; font-weight: 700; width: 100%; text-align: center; }
.main .main_banner .countdown-div #getting-started .slash{ height: 120px; display: flex; align-items: center; justify-content: center; padding: 0 9px; ;font-size: 72px; color: #fff; font-weight: 700; }

@media screen and (max-width: 1250px) { 
    .main .main_banner .box .t1{ font-size: 24px; }
    .main .main_banner .box h2{ font-size: 90px; }
    .main .main_banner .box .t2{ font-size: 18px; }
    .main .main_banner .box .date{ font-size: 20px; }

    .main .main_banner .drone1{ width: 50%; left: -10%; top: 5%; }
    .main .main_banner .drone2{ width: 60%; right: -35%; bottom: -30%; }
    .main .main_banner .countdown-div .title{ font-size: 50px; }
    
    .main .main_banner .countdown-div #getting-started .time-block{ width: 85px; }
    .main .main_banner .countdown-div #getting-started .time-block .time-digit{ height: 60px; font-size: 28px; border-radius: 5px; }
    .main .main_banner .countdown-div #getting-started .slash{ font-size: 20px; height: 60px; }
}
@media screen and (max-width: 950px) { 
    
}
@media screen and (max-width: 650px) { 
    .main .main_banner .box .t1{ font-size: 18px; }
    .main .main_banner .box h2{ font-size: 53px; }
    .main .main_banner .box .t2{ font-size: 12px; line-height: 1.5em; }
    .main .main_banner .box .date{ padding: 10px 15px; font-size: 16px; }
    .main .main_banner .drone2{ bottom: -6%; }
    .main .main_banner .countdown-div .title-box{ padding: 10px; }
    .main .main_banner .countdown-div .title{ font-size: 17px; width: 100%; text-align: center; }
    .main .main_banner .countdown-div #getting-started{ gap: 2px; }
    .main .main_banner .countdown-div #getting-started .time-block{ justify-content: space-around; width: 50px; gap: 4px; }
    .main .main_banner .countdown-div #getting-started .time-block .time-digit{ width: calc(50% - 4px); font-size: 16px; height: 38px; border-radius: 2px; }
    .main .main_banner .countdown-div #getting-started .slash{ padding: 0 4px; height: 38px;  }
    .main .main_banner .countdown-div #getting-started .time-block .time-label{ font-size: 16px; }
    
}

/* 9/3 */
#ctt { margin: 0 !important; display: none !important; }
/* sub 공통 탑 배너 */
section.sub_banner { padding: 60px 0; }
.sub_1 section.sub_banner { background: url('../img/sub_sec/background/sub_1_bg.jpg') no-repeat center / cover; }
.sub_2 section.sub_banner { background: url('../img/sub_sec/background/sub_2_bg.jpg') no-repeat center / cover; }
.sub_3 section.sub_banner { background: url('../img/sub_sec/background/sub_3_bg.jpg') no-repeat center / cover; }
.sub_4 section.sub_banner { background: url('../img/sub_sec/background/sub_4_bg.jpg') no-repeat center / cover; }
.sub_5 section.sub_banner { background: url('../img/sub_sec/background/sub_5_bg.jpg') no-repeat center / cover; }
.sub_6 section.sub_banner { background: url('../img/sub_sec/background/sub_6_bg.jpg') no-repeat center / cover; }
section.sub_banner .c_banner_img { max-width: 100%; }

@media screen and (max-width: 720px) {
    section.sub_banner { padding: 40px 0; }
}

/* sub 네이비 공통 메뉴 */
section.sub_menu_sec { height: 0; display: flex; align-items: center; justify-content: center; position: relative; z-index: 99;  }
section.sub_menu_sec .navy_menu_ul { width: 100%; display: flex; flex-wrap: wrap; }
section.sub_menu_sec .navy_menu_ul li { width: calc(100%/3);  background: var(--white-color); box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15); }
section.sub_menu_sec .navy_menu_ul li.on { background: var(--main-color); color: var(--white-color); }
section.sub_menu_sec .navy_menu_ul li .navy_menu {  width: 100%; height: 100%;  font-size: 18px; font-weight: 700; text-align: center; }
section.sub_menu_sec .navy_menu_ul li a { padding: 20px 0; display: block;  }


@media screen and (max-width: 1250px) {
    section.sub_menu_sec .navy_menu_ul li a { padding: 15px; }
    section.sub_menu_sec .navy_menu_ul li .navy_menu { font-size: 16px; }
}
@media screen and (max-width: 720px) {
    section.sub_menu_sec { padding: 20px 0 0; }
    section.sub_menu_sec .inner{ padding: 0; }
    section.sub_menu_sec .navy_menu_ul li a { padding: 10px; } 
    section.sub_menu_sec .navy_menu_ul li .navy_menu { font-size: 14px; }
}
@media screen and (max-width: 500px) {
    section.sub_menu_sec .navy_menu_ul li .navy_menu { font-size: 3vw; }
}

/* sub 공통 타이틀 */
.common_title { margin-bottom: 40px; display: inline-block; font-size: 32px; font-weight: 700; padding-bottom: 10px; border-bottom: 4px solid var(--main-color); }

/* 모바일 */
.mo { display: none; }
.pc { display: block; }

@media screen and (max-width: 720px) {
    .common_title { margin-bottom: 20px; font-size: 24px; }
    .mo { display: block; }
    .pc { display: none; }
}

/* sub_1_1 */
/* sec1 */
.sub_1_1 .sec1 { padding: 100px 0; }
.sub_1_1 .sec1 .sec1_div { padding: 35px; background: #E8E9ED; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }
.sub_1_1 .sec1 .sec1_div .sub_1_1_sec1_img2 { display: block; }
.sub_1_1 .sec1 .sec1_div .sub_1_1_sec1_img2.d1250 { display: none; }
@media screen and (max-width: 1250px) {
    .sub_1_1 .sec1 .sec1_div {  }
    .sub_1_1 .sec1 .sec1_div .sub_1_1_sec1_img2 { display: none; }
    .sub_1_1 .sec1 .sec1_div .sub_1_1_sec1_img2.d1250 { display: block; }
}

/* sec2 */
.sub_1_1 .sec2 { padding: 60px 0; background: url('../img/sub_sec/sub_1/sub_1_1_sec1_img3.png') no-repeat center / cover; }
.sub_1_1 .sec2 .sec2_div {font-weight: 700; color: var(--white-color); font-family: 'Paperlogy';}
.sub_1_1 .sec2 .sec2_div .text_1 { font-size: 16px; }
.sub_1_1 .sec2 .sec2_div .text_2 { margin: 10px 0 40px; font-size: 72px; }
.sub_1_1 .sec2 .sec2_div .text_2 b { font-size: 0.8em; }
.sub_1_1 .sec2 .sec2_div .text_3 {  }

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

}


/* delete */
.delete { margin-top: 20px; }
.sub_2_1 section.sub_menu_sec .navy_menu_ul li { width: 100%; }
.sub_3 section.sub_menu_sec .navy_menu_ul li { width: calc(100%/4); }
.sub_6_1 section.sub_menu_sec .navy_menu_ul li { width: calc(100%/4); }
.content_section { padding: 100px 0; }


@media screen and (max-width: 1250px) {
    .sub_3_1 section.sub_menu_sec .navy_menu_ul li { width: calc(100%/3); }
    .sub_3 section.sub_menu_sec .navy_menu_ul li { width: calc(100%/2); }
    .sub_6_1 section.sub_menu_sec .navy_menu_ul li { width: calc(100%/2); }
}


/* 9/5 */
#bo_v_con { font-size: 16px; }

.f_banner { display: block; margin: 80px auto 0; }
@media screen and (max-width: 650px) {
    #bo_v_con  { font-size: 14px; }
    .f_banner { margin: 40px auto 0 auto; padding: 0 3vw; }
}

/* sub_2_1 */
.wrap { display: flex; flex-direction: column; gap: 100px; }
.sub_2 .sec1{ padding: 100px 0; }
.sub_2 .sec2 { padding: 100px 0; }
@media screen and (max-width: 720px) {
    .sub_2 .sec1{ padding: 100px 0 60px; }
    .sub_2 .sec2 { padding: 0 0 0; }
}


.sub_4 .sec1{ padding: 100px 0; }
.sub_4 .sec1 + .sec1{ padding-top: 0; }
.sub_4 .sec1 .pc-box{ margin: 0; }
.sub_4 .sec1 .mo-box{ margin: 0; }
@media screen and (max-width: 720px) {
  .sub_4 .sec1{ padding: 100px 0 60px; }
}

.sub_5 .sec1{ padding: 100px 0; }
.sub_5 .sec1 + .sec1{ padding-top: 0; }
.sub_5 .sec1 .pc-box{ margin: 0; }
.sub_5 .sec1 .mo-box{ margin: 0; }
@media screen and (max-width: 720px) {
  .sub_5 .sec1{ padding: 100px 0 60px; }
}


/* sub_1_3 */
.sub_1_3 { }
.sub1_3_img1_mo { display: none; }
.sub_1_3 .item { display: flex; gap: 20px; }
.sub_1_3 .item .mapBox { width: 740px; position: relative; border-radius: 20px; overflow: hidden; }
.sub_1_3 .item .sub1_3_label { position: absolute; top: 0; right: 0; border-radius: 0 0 0 20px; } 

.sub_1 .sec1{ padding: 100px 0; }
.sub_1 .sec2 { padding: 100px 0; }
@media screen and (max-width: 720px) {
    .sub_1 .sec1{ padding: 100px 0 60px; }
    .sub_1 .sec2 { padding: 0 0 0; }
}

@media screen and (max-width: 1250px) {
    .sub_1_3 .item { display: flex; flex-direction: column; gap: 20px; }
    .sub_1_3 .item .mapBox { max-width: 100%; width: 100%; height: 53vw;  }
    .sub1_3_img1_pc { display: none; }
    .sub1_3_img1_mo { max-width: 650px; width: 100%; margin: 0 auto; display: block; margin-bottom: 7vw; }
}
@media screen and (max-width: 720px) {
    .sub_1_3 .item .sub1_3_label { width: 150px; }
}
@media screen and (max-width: 500px) {
    .sub1_3_img1_mo { max-width: 100%; }
    .sub_1_3 .item .sub1_3_label { width: 100px; }
}

/* sub_3_1 */
.sub_3 .sec1{ padding: 100px 0; }
.sub_3 .sec2 { padding: 100px 0; }
.sub_3_1 .sec2 .sec2_span { padding-top: 20px; display: inline-block; padding-left: 20px; }
@media screen and (max-width: 720px) {
    .sub_3 .sec1{ padding: 100px 0 60px; }
    .sub_3 .sec2 { padding: 0 0 0; }
}


/* pc-box / mo-box */
.pc-box{ margin-top: 100px; }
.pc-box img{ display: block; margin: 0 auto; max-width: 100%; }

.mo-box{ margin-top: 50px; display: none; }
.mo-box img{ display: block; margin: 0 auto; max-width: 100%; }

@media screen and (max-width: 720px) {
  .pc-box{ display: none; }
  .mo-box{ display: block; }
}

.mo-box .table-wrap{  position: relative; }
.mo-box .table-wrap .scroll-x{ overflow-x: scroll; }
.mo-box .table-wrap .touch-slide{ color: #fff; font-weight: 700; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; }
.mo-box .table-wrap .touch-slide .icon{ animation: smoothBlink 2s ease-in-out infinite; width: 80px; }
.mo-box .table-wrap .scroll-x .delete{ width: 700px; max-width: 700px; }
@keyframes smoothBlink {
  0%   { opacity: 1; }   /* 완전히 보임 */
  50%  { opacity: 0; }   /* 서서히 사라짐 */
  100% { opacity: 1; }   /* 다시 서서히 나타남 */
}

.sub_1 .sec1 .content-box{ background-color: #fff; border: 1px solid #CCCCCC; flex-grow: 1; border-radius: 10px; overflow:hidden; }
.sub_1 .sec1 .content-box .img-box{ height: 268px; background-image: url('../img/sub_sec/sub_1/sub1-3-poster.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub_1 .sec1 .content-box .content-wrap,
.sub_1 .sec1 .content-box .info-icon{ padding: 10px 20px 25px 20px; }
.sub_1 .sec1 .content-box .content-wrap .icon-title{ display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #CCC; }
.sub_1 .sec1 .content-box .content-wrap .content{ margin-top: 10px; font-size: 1.05em; }
.sub_1 .sec1 .content-box .info-icon .item{ text-align: center; border-radius: 10px; display: block; padding: 10px;color: #fff; background-color: #142042; font-size: 1.25em; }
.sub_1 .sec1 .content-box .info-icon .item + .item{ margin-top: 10px; }


@media screen and (max-width: 1250px) {
  .sub_1 .sec1 .content-box .img-box{ height: 56vw; }
}




.gallery-list{ display: flex; flex-wrap: wrap; width: calc(100% + 18px); margin-left: -9px; }
.gallery-list > li{ width: calc(100% / 3); padding: 9px; }
.gallery-list > li .item{ height: 248px; background-color: #F0F0F0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.gallery-list > li.empty_list{ width: 100%; }

@media screen and (max-width: 1250px) {
  .gallery-list > li .item{ height: 20vw; }
}
@media screen and (max-width: 950px) {
  .gallery-list { width:calc(100% + 10px);  margin-left:-5px;}
  .gallery-list > li { padding: 5px; width: calc(100% / 2); }
  .gallery-list > li .item{ height: 32vw; }
}
@media screen and (max-width: 650px) {

}