@charset "utf-8";

.fixed_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 140;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
.fixed_bg2{background: rgba(0,0,0,.5);position: fixed;z-index: 200;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}

/* header */
#header{position: relative; height: 80px; z-index: 150; background: #fff; border-bottom: 1px solid #ccc;}
#header .header_w{display: flex; align-items: center; justify-content: space-between;}
#logo{margin-left: 60px;}
#logo >a{display: block; background: url('/resources/gsfc/img/common/logo_b.png') no-repeat center / 100%; z-index: 1; width: 109px; height: 50px; transition: background .3s ease;}
#topNav{padding-left: 20px;}
#topNav .gnb{display: flex;}
#topNav .gnb >li{}
#topNav .gnb >li >a{display: flex; justify-content: center;height: 80px;font-size: 20px;font-weight: 500;padding: 0 1em;line-height: 1.2; transition: all .3s ease; flex-direction: column; }
#topNav .gnb >li >a > span{font-size: 16px; font-weight: 400;}
#topNav .gnb >li:hover >a,
#topNav .gnb >li >a:hover,
#topNav .gnb >li .active,
#topNav .gnb >li .current{color: #333; font-weight: 600;}
#topNav .depth2-wrap{display: none;position: absolute;top: 80px;left: 0;width: 100%;}
#topNav .depth2-wrap .in{display: flex;align-items: stretch;}
#topNav .gnb-text{width: 340px;background: #eee;padding: 50px;text-align: center;}
#topNav .gnb-text .tit{font-size: 22px;font-size: 1.375em;color: #222;font-weight: 600;margin-bottom: 1.364em;}
#topNav .gnb-text .img{}
#topNav .depth2{background: #fff;width: calc(100% - 340px);padding: 50px 220px 50px 60px;display: flex;align-items: flex-start;}
#topNav .depth2 >li{width: calc(25% - 40px);margin: 0 20px 20px;}
#topNav .depth2 >li >a{display: flex;font-size: 18px;font-size: 1.125em;font-weight: 500;padding-bottom: 0.9em;align-items: center;justify-content: space-between;border-bottom: 2px solid #aaa;transition: all .2s ease;}
#topNav .depth2 >li >a:after{content: ''; display: block; width: 7px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-arrow1.png') no-repeat center / 100%;}
#topNav .depth2 >li >a.d:after{width: 12px; height: 7px; background: url('/resources/gsfc/img/common/icon/ico-arrow1_d.png') no-repeat center / 100%;}
#topNav .depth2 >li:hover >a{font-weight: 600;color: #222;border-color: #333;}
#topNav .depth3{}
#topNav .depth3 >li{}
#topNav .depth3 >li >a{display: block; font-size: 1em; font-weight: 400; color: #666; padding: 10px 0; transition: all .2s ease;}
#topNav .depth3 >li >a:before{content: '\00b7'; display: inline-block; color: inherit;}
#topNav .depth3 >li >a:hover{font-weight: 600; color: #333; text-decoration: underline;}
#header .header-btn{display: flex;align-items: center;}
#header .header-btn >*{display: block;width: 80px;height: 80px;background: url('') no-repeat center;border-left: 1px solid #ccc;}
#header .header-btn .member{background-image: url('/resources/gsfc/img/common/header-mem_b.png');}
#header .header-btn .logout{background-image: url('/resources/gsfc/img/common/header-logout_b.png');}
#header .header-btn .search{background-image: url('/resources/gsfc/img/common/header-sch_b.png');}
#header .header-btn .btn-ham{background-image: url('/resources/gsfc/img/common/header-menu_b.png');}
#header .btn-menuM{display: none;}

.mainHeader #header{position: fixed; top: 0; left: 0; width: 100%;}
/* 
.sec0 .mainHeader #header{background: transparent;}
.sec0 .mainHeader #logo >a{background-image: url('/resources/gsfc/img/common/logo_w.png');}
.sec0 .mainHeader #topNav .gnb >li >a{color: #fff;}
.sec0 .mainHeader #header .header-btn .member{background-image: url('/resources/gsfc/img/common/header-mem_w.png');}
.sec0 .mainHeader #header .header-btn .logout{background-image: url('/resources/gsfc/img/common/header-logout_w.png');}
.sec0 .mainHeader #header .header-btn .search{background-image: url('/resources/gsfc/img/common/header-sch_w.png');}
.sec0 .mainHeader #header .header-btn .btn-ham{background-image: url('/resources/gsfc/img/common/header-menu_w.png');}

.over .mainHeader #header{background: #fff;}
.over .mainHeader #logo >a{background-image: url('/resources/gsfc/img/common/logo_b.png');}
.over .mainHeader #topNav .gnb >li >a{color: #666;}
.over .mainHeader #topNav .gnb >li:hover >a,
.over .mainHeader #topNav .gnb >li >a:hover,
.over .mainHeader #topNav .gnb >li .active,
.over .mainHeader #topNav .gnb >li .current{color: #333;}
.over .mainHeader #header .header-btn .member{background-image: url('/resources/gsfc/img/common/header-mem_b.png');}
.over .mainHeader #header .header-btn .logout{background-image: url('/resources/gsfc/img/common/header-logout_b.png');}
.over .mainHeader #header .header-btn .search{background-image: url('/resources/gsfc/img/common/header-sch_b.png');}
.over .mainHeader #header .header-btn .btn-ham{background-image: url('/resources/gsfc/img/common/header-menu_b.png');}

 */
/* mobile GNB */
#topNav_m{display: none; position: fixed; right: -9999px; top:0;width: 90%;max-width:1024px; z-index: 300;background: #fff;overflow-y: auto;height: 100%;}
#topNav_m .top{border-bottom: 1px solid #ccc;}
#topNav_m .top .logo_m{display: inline-block;padding: 1.25em;}
#topNav_m .etc{font-size: 0;border-bottom: 1px solid #ccc;text-align: right;}
#topNav_m .etc >li{font-size: 1rem;display: inline-block;}
#topNav_m .etc >li >a{display: block;font-size: 1.25em;padding: 1em;}

#topNav_m .gnb{position: relative;height: 100%;}
#topNav_m .gnb >li{/* position: relative; *//* width: 50%; */}
#topNav_m .gnb >li >button{display: block;font-size: 26px;font-size: 1.625em;font-weight: 700;padding: 1.769em 1.538em;width: 100%;padding-right: 51%;border-bottom: 1px solid #ccc;text-align: left;}
#topNav_m .gnb >li >.on{color: #333; border-bottom: 2px solid #333;}
#topNav_m .depth2{position: absolute;top: 0;right: 0;width: 50%; min-height: 100%; background: #f4f4f4;border-left: 1px solid #ccc;padding-top: 1.429em;display: none;}
#topNav_m .depth2 >li{}
#topNav_m .depth2 >li >a{display: block;font-size: 22px;font-size: 1.375em;padding: 0.909em 1.818em 0.682em;}
#topNav_m .depth2 >li >.current,
#topNav_m .depth2 >li >.on,
#topNav_m .depth2 >li:hover >a{color: #333; font-weight: 700;}
#topNav_m .depth3{display: none;}
#topNav_m .depth3 >li{}
#topNav_m .depth3 >li >a{display: block;font-size: 17px;font-size: 1.063em;color: #666;padding: 0.5em 2.353em;}
#topNav_m .depth3 >li >.current,
#topNav_m .depth3 >li >.on,
#topNav_m .depth3 >li >a:hover{color: #333; font-weight: 700; text-decoration: underline;}
#topNav_m .depth3 >li:first-child >a{padding-top: 0;}
#topNav_m .btn-closeM{position: absolute;top: 2em;right: 1.25em;width: 20px;height: 20px;}
#topNav_m .btn-closeM:before{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: #333;}
#topNav_m .btn-closeM:after{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 100%;height: 2px;background: #333;}



/* 사이트맵 */
.siteMap{position: absolute;top: 0;left: 0;background: #fff;z-index: 160;width: 100%;height: auto;padding: 3em 0; display: none;}
.siteMap >.inner{position: relative;}
.siteMap .top{display: flex;align-items: center;padding-bottom: 1.25em;}
.siteMap .logo{}
.siteMap .top .t{font-size: 30px;font-size: 1.875em;font-weight: 700;color: #666; margin-left: 1em;}
.siteMap .map-menu{padding-top: 10px;border-top: 1px solid #ccc;}
.siteMap .map-menu >li{padding: 2.5em 0 1.4em;border-bottom: 1px solid #ccc;display: flex;flex-wrap: wrap;align-items: flex-start;}
.siteMap .map-menu >li:last-child{border-bottom: 0;}
.siteMap .map-menu .depth1{font-size: 26px;font-size: 1.625em;font-weight: 700;width: 220px; color: #333;}
.siteMap .map-menu .depth2{flex: 1;width: 100%;display: flex;flex-wrap: wrap;margin-top: -1em;}
.siteMap .map-menu .depth2 >li{width: 25%;margin: 1.125em 0;}
.siteMap .map-menu .depth2 >li >a{display: block;font-size: 22px;font-size: 1.375em;}
.siteMap .map-menu .depth3{padding-top: 5px;}
.siteMap .map-menu .depth3 >li{}
.siteMap .map-menu .depth3 >li >a{display: block;font-size: 17px;font-size: 1.063em;color: #666;padding: 6px 0;}
.siteMap .map-menu .depth2 >li:hover >a{font-weight: 700; color: #333;}
.siteMap .map-menu .depth3 >li >a:hover{font-weight: 700; color: #333; text-decoration: underline;}
.siteMap .btn-close{position: absolute;top: 1em;right: 2.5em;width: 20px;height: 20px;}
.siteMap .btn-close:before{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: #333;}
.siteMap .btn-close:after{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 100%;height: 2px;background: #333;}


.navi_w{position:fixed;bottom: 50px;left: 90px;z-index:30;}
.navi{padding:0 20px 0 30px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items: center;}
.navi >*{display: flex;writing-mode: vertical-rl;font-size: 0;flex-direction: row;align-items: center;color: #fff;letter-spacing: -2px;margin: 10px 0;}
.navi .active{font-size: 13px;}
.navi >*:before,
.navi >*:after{content: ''; display: block;}
.navi >*:before{width: 6px;height: 6px;border-radius: 100%;border: 2px solid rgba(255, 255,255, 0.6);}
.navi .active:before{background: #fff; border-color: #fff; margin-bottom: 10px;}
.navi .active:after{width: 1px;height: 50px;background: rgba(255, 255, 255, 0.8); margin-top: 20px;}
/* navi 색상 변경 */
.sec1 .navi >*,
.sec2 .navi >*,
.sec4 .navi >*{color: #666;}
.sec1 .navi >*:before,
.sec2 .navi >*:before,
.sec4 .navi >*:before{border-color: #a4a4a4;}
.sec1 .navi .active:before,
.sec2 .navi .active:before,
.sec4 .navi .active:before{background: var(--sky); border-color: var(--sky);}
.sec1 .navi .active:after,
.sec2 .navi .active:after,
.sec4 .navi .active:after{background: #cdcdcd;}


#footer{background: #333;}
.foot__top{padding: 1.25em 0;border-bottom: 1px solid rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: space-between;}
.foot__menu{font-size: 0;}
.foot__menu >li{position: relative;font-size: 15px;font-size: 0.938rem;display: inline-block;color: #ccc;padding-right: 4em;}
.foot__menu >li:not(:last-child):not(.t):after{content: '';display: inline-block;width: 1px;height: 1em;background: rgba(255,255,255,0.2);position: absolute;top: 4px;right: 2em;}
.foot__menu >li >a{display: block;}
.foot__menu .adr{width: 449px;}
.foot__menu .t{width: 106px;padding-right: 0; font-weight: 600;}
.foot__site{position: relative;}
.foot__site .btn-rel{font-size: 15px;font-size: 0.938em;padding: 0 2em 0 1em;color: #ccc;background: url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat right 10px center;line-height: 50px;}
.foot__site .btn-rel.on{background-color: #fff;color: #333;}
.foot__site .depth{position: absolute;bottom: 100%;left: -1px;width: calc(100% + 2px);background: #fff;color: #333;border: 1px solid #333;border-bottom: 0;display: none;}
.foot__site .depth >li{}
.foot__site .depth >li >a{display: block;font-size: 15px;font-size: 0.938em;padding: 5px 1em;}
.foot__bot{padding: 1.875em 0; display: flex;align-items: center;justify-content: space-between;}
.foot__bot .l{}
.foot__bot .copy{font-size: 14px; font-size: 0.875em; color: #6f6f6f; margin-top: 1em;}
.foot__sns{display: flex; align-items: center;}
.foot__sns .i{display: block;width: 40px;height: 40px;background: url('') no-repeat center;border: 1px solid transparent;border-radius: 100%;opacity: 0.4;transition: all .2s ease-in-out;margin: 0 5px;}
.foot__sns .in{background-image: url('/resources/gsfc/img/common/sns-in.png');}
.foot__sns .na{background-image: url('/resources/gsfc/img/common/sns-na.png');}
.foot__sns .fb{background-image: url('/resources/gsfc/img/common/sns-fb.png');}
.foot__sns .yt{background-image: url('/resources/gsfc/img/common/sns-yt.png');}
.foot__sns .i:hover{opacity: 1; border-color: #fff;}

.gotop{display: none; position: fixed;right: 30px;bottom:30px;z-index: 30;background: rgba(0, 0, 0, 0.7);box-shadow: 2px 2px 8px rgb(0,0,0,.3);border-radius: 100%;color: #fff;width: 50px;line-height: 50px;font-size: 14px;font-weight: 700;}


/* section */
.section-wrap{}
.section:not(.section1){padding-top: 100px; padding-bottom: 80px;}
.tit-main{font-size: 46px; font-size: 2.875em; font-family: 'VITRO'; margin-bottom: 0.435em; line-height: 1.2; text-align: center; color: #333;}

/* section1 */
.main__visual-com{height: 760px;overflow: hidden;border-bottom-right-radius: 300px; background: url('') no-repeat center / cover; position: relative;}
.main__visual{position: relative; display: flex;align-items: center;justify-content: space-between;height: 100%;}
.main__visual-info{width: calc(100% - 510px); display: none;}
.main__visual-info >*{color: #fff;}
.main__visual-info .t1{font-size: 24px;font-size: 1.5em;font-weight: 600;margin-bottom: 10px;text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);}
.main__visual-info .t2{font-family: 'Tenada';font-size: 60px;font-size: 3.750em;line-height: 1.1;text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.main__visual-info .t3{font-size: 24px;font-size: 1.5em;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.main__visual-poster{margin: 0 80px;width: 350px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); display: none;}
.main__visual-poster .slick-list{}
.main__visual-poster .slick-slide{}
.main__visual-poster .img{position: relative;width: 350px;height: 500px;}
.main__visual-poster .img >img{width: 100%; height: 100%; object-fit: cover;}

.main__visual-com .btn-link{background: rgba(0, 0, 0, .1);border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50px;margin-top: 40px;padding: 0 30px;}
.main__visual-com .slick-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 100px;height: 100px;background: url('') no-repeat center; background-color: rgba(0, 0, 0, 0.2); border-radius: 100%; z-index: 1;text-indent: -9999px;}
.main__visual-com .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev3.png'); left: 80px;}
.main__visual-com .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next3.png'); right: 80px;}

/* section2, section3 */
.main__board-com_w{display: flex;align-items: center;justify-content: center; flex-direction: column; height: 100%;}
.main__tabs-tit{position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #bbb;border-radius: 50px;background: #f8f8f8;padding: 10px 20px;width: fit-content;margin: 0 auto;}
.main__tabs-tit a{display: flex;align-items: center;justify-content: center;font-size: 18px;font-size: 1.125em;height: 50px;min-width: 160px;}
.main__tabs-tit .active{background: #333;color: #fff;border-radius: 50px;}
.main__tabs-tit .btn-more{min-width: auto;width: 50px;height: 50px;background: url('/resources/gsfc/img/common/icon/btn-more.png') no-repeat center / 100%;margin-left: 10px;}

.main__tabs-tit.type2{background: #fff;}
.main__tabs-tit.type2 .btn-more{background: url('/resources/gsfc/img/common/icon/btn-more2.png') no-repeat center / 100%;}

.main__board-list{display: none;}
.main__board-list.active{display: block;}
.main__board-list{margin-top: 1.5em;}
.main__board-list .slider{}
.main__board-list.active.height-0 .slider{min-height: 500px;}
.main__board-list .slick-list{margin: 0 -20px;}
.main__board-list .slick-slide{margin: 0 20px;}
.main__board-list .slick-arrow{position: absolute;top: 35%;/* transform: translateY(-50%); */text-indent: -9999px;width: 70px;height: 70px;background: url('') no-repeat center / 100%;z-index: 1}
.main__board-list .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev4.png');left: -90px;}
.main__board-list .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next4.png');right: -90px;}
.main__board-list .item{display: block; position: relative;}
.main__board-list .img{position: relative;width: 100%;padding-bottom: 125%;overflow: hidden;border-radius: 0 0 20px 20px;margin-bottom: 20px;}
.main__board-list .img >img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main__board-list .img .view{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 50px;background: rgba(0, 0, 0, 0.6) url('/resources/gsfc/img/common/icon/ico-arrow1_w.png') no-repeat right 30px center;color: #fff;padding: 0 30px;}
.main__board-list .cont{position: relative;background: #fff;padding-top: 20px;transition: all .3s;top: -70px;}
.main__board-list .sorts{margin: 0 -2px 10px;}
.main__board-list .sorts >*{font-size: 13px;font-weight: 500;width: 80px;line-height: 26px;border-radius: 30px;border: 1px solid var(--sky);background: var(--sky);text-align: center;margin: 0 2px 5px;}
.main__board-list .sorts .ing{border-color: #222; color: #222; background: #fff;}
.main__board-list .sorts .end{border-color: #bbb; color: #666; background: #efefef;}
.main__board-list .t{font-size: 20px;font-size: 1.25em;font-weight: 500;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 1.2;}
.main__board-list .txt{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em;height: 2.8em;margin-top: 10px;}
.main__board-list .desc{margin-top: 10px;}
.main__board-list .desc >li{display: flex; align-items: flex-start; margin-top: 5px; position: relative; padding-left: 0.6em;}
.main__board-list .desc >li::before{content: '\00b7';display: block;position: absolute;top: 0;left: 0; font-weight: 900; color: #666;}
.main__board-list .desc .t1{color: #333;font-weight: 500;margin-right: 9px;white-space: nowrap;}
.main__board-list .item:hover .cont{top: -20px; background: transparent;}
.main__board-list .item:hover .img{box-shadow: 0 7px 15px rgba(0,0,0,0.3);}
.main__board-list .progress_bar{/* margin-top: 1.5em; */}
.main__board-list .progress_bar .bar{display: block;width: 100%;height: 4px;overflow: hidden;background-color: #eee;background-image: linear-gradient(to right, var(--sky), var(--sky));background-repeat: no-repeat;background-size: 30%;transition: background-position-x .4s ease-in-out;}

/* section4 */
.section4{overflow: hidden}
.sec4__cont-wrap{height: 100%; display: flex; width: 300vw; position: relative; left: -100vw;}
.sec4__cont{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width: 100vw;position: relative;background: url('/resources/gsfc/img/main/bg_sec4.jpg') no-repeat center / cover; padding: 80px 0;}
.sec4__cont .in{max-width: 1400px; margin: 0 auto; width: 100%;}
.sec4__cont .space{font-size: 50px; font-size: 3.125em; font-weight: 600; color: #333; text-align: center; line-height: 1;}
.sec4__cont-slider{margin-top: 2.5em;}
.sec4__cont-slider .slider{}
.sec4__cont-slider .item{display: flex;flex-wrap: wrap;overflow: hidden;border-radius: 50px;}
.sec4__cont-slider .item >*{width: 50%;}
.sec4__cont-slider .img{position: relative;padding-bottom: 40%;}
.sec4__cont-slider .img >img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.sec4__cont-slider .cont{background: #fff; padding: 2.5em;}
.sec4__cont-slider .cont .top{margin-bottom: 1.25em;}
.sec4__cont-slider .cont .t1{font-size: 28px;font-size: 1.750em;font-weight: 600;color: #333;margin-bottom: 0.5em;}
.sec4__cont-slider .cont .t2{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.4em;max-height: 4.2em;overflow: hidden;}
.sec4__cont-slider .cont .desc{padding-top: 1.25em;border-top: 1px dotted #666;display: flex;flex-wrap: wrap;}
.sec4__cont-slider .cont .desc >li{display: flex;align-items: flex-start;margin-top: 5px;position: relative;padding-left: 0.6em;width: 50%;}
.sec4__cont-slider .cont .desc >li::before{content: '\00b7';display: block;position: absolute;top: 0;left: 0; font-weight: 900; color: #666;}
.sec4__cont-slider .cont .desc .t{color: #333; font-weight: 500; margin-right: 5px; float: left; white-space: nowrap;}
.sec4__cont-slider .cont .desc p{float: left;}
.sec4__cont-slider .cont .btns{margin: 1.875em -2px 0;}
.sec4__cont-slider .cont .btns >*{width: 120px; line-height: 38px; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 20px; border-radius: 5px; background: #333; color: #fff; font-size: 15px; margin: 0 2px;}
.sec4__cont-slider .cont .btns >*:after{content: ''; display: inline-block; width: 7px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-arrow1_w.png') no-repeat center / 100%;}
.sec4__cont .arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 180px;line-height: 60px;color: #fff;background: #333;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.sec4__cont .arrow.left{left: 0;border-radius: 0 30px 30px 0;}
.sec4__cont .arrow.left:before{content: ''; display: block; width: 15px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-arrow3_w.png') no-repeat center / 100%; transform: rotate(180deg)}
.sec4__cont .arrow.right{right: 0;border-radius: 30px 0 0 30px;}
.sec4__cont .arrow.right:after{content: ''; display: block; width: 15px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-arrow3_w.png') no-repeat center / 100%;}
.sec4__cont .slider-control{display: flex;align-items: center;justify-content: center;margin-top: 1.875em;}
.sec4__cont .slider-control .status{font-size: 22px;color: #fff;margin: 0 50px;}
.sec4__cont .slider-control .current{font-weight: 600; color: #333;}
.sec4__cont .slick-arrow{text-indent: -9999px; width: 70px; height: 70px; background: url('') no-repeat center / 100%; z-index: 1}
.sec4__cont .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev4.png'); left: 0;}
.sec4__cont .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next4.png'); right: 0;}


/* section5 */
.section5{padding: 140px 0; background: url('/resources/gsfc/img/main/bg_sec5_2.jpg') no-repeat center bottom / cover;}
.sec5__cont1{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.sec5__cont1 >*{width: 48%;}
.sec5__cont1-info{}
.sec5__cont1-info .tit{font-size: 28px;font-size: 1.750em;font-weight: 600;color: #333;margin-bottom: 1em;}
.sec5__cont1-info .contact{padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.sec5__cont1-info .contact .num{display: flex;align-items: center;font-size: 38px;font-size: 2.375em;font-weight: 600;color: #333;}
.sec5__cont1-info .contact .num img{margin-right: 0.526em;}
.sec5__cont1-info .contact .btn-phn{}
.sec5__cont1-info .desc{padding-top: 20px; border-top: 1px dotted #666;}
.sec5__cont1-info .desc >li{display: flex; align-items: flex-start; margin-top: 5px; position: relative; padding-left: 0.6em;}
.sec5__cont1-info .desc >li::before{content: '\00b7';display: block;position: absolute;top: 0;left: 0; font-weight: 900; color: #666;}
.sec5__cont1-info .desc .t1{color: #333; font-weight: 500; margin-right: 5px;}

.sec5__cont1-slider{position: relative;}
.sec5__cont1-slider .slider{overflow: hidden;border-radius: 20px;}
.sec5__cont1-slider .slick-slide{}
.sec5__cont1-slider .slick-slide .img{display: block;position: relative;width: 100%;padding-bottom: 60%;}
.sec5__cont1-slider .slick-slide .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.sec5__cont1-slider .slider-controls{position: absolute;bottom: 0;right: 0;font-size: 0;}
.sec5__cont1-slider .slider-controls >*{width: 50px;height: 50px; border: 1px solid #ccc;margin-left: -1px; background: #fff url('') no-repeat center;}
.sec5__cont1-slider .slider-controls .play{background-image: url('/resources/gsfc/img/common/icon/ico-play2.png');}
.sec5__cont1-slider .slider-controls .pause{background-image: url('/resources/gsfc/img/common/icon/ico-pause.png');}
.sec5__cont1-slider .slick-arrow{text-indent: -9999px;}
.sec5__cont1-slider .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev.png');}
.sec5__cont1-slider .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next.png');}

.sec5__cont2{padding: 120px 0;margin-left: calc(50% - 700px);display: flex;align-items: flex-start;flex-wrap: wrap;}
.sec5__cont2 >*{}
.sec5__cont2 .left{width: 460px;}
.sec5__cont2 .right{flex: 1;width: calc(100% - 460px);}

.main__tabs2-tit{/* display: flex; */border: 1px solid #bbb;border-radius: 20px;background: #f8f8f8;padding: 20px;width: 220px;}
.main__tabs2-tit a{display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-size: 1.125em;height: 50px;padding: 0 10px;}
.main__tabs2-tit .active{width: 220px;background: #333;color: #fff;border-radius: 50px;padding: 0 30px;}
.main__tabs2-tit a:after{content: ''; display: block; width: 10px; height: 2px; background: #888;}
.main__tabs2-tit .active:after{content: ''; width: 15px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-arrow3_w.png') no-repeat;}
.main__tabs2-tit .btn-more{min-width: auto;width: 50px;height: 50px;background: url('/resources/gsfc/img/common/icon/btn-more.png') no-repeat center / 100%;}
.main__tabs2-cont{display: none;}
.main__tabs2-cont.active{display: block;}

.main__news{}
.main__news .slider{}
.main__news .slick-list{padding-right: 18%;}
.main__news .slick-slide{padding: 20px;}
.main__news .slick-current{}
.main__news .item{display: block;padding: 50px;background: #f7f7f7;border-radius: 20px;border: 3px solid #f7f7f7;}
.main__news .item .img{position: relative;width: 100%;padding-bottom: 74%;}
.main__news .item .img >img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.main__news .item .label{width: 100px;line-height: 26px;font-size: 13px;text-align: center;font-weight: 500;color: #666;background: #efefef;border: 1px solid #bbb;border-radius: 20px;margin: 0 0 1em;}
.main__news .item .tit{font-size: 20px;font-size: 1.25em;font-weight: 600;color: #222;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.5em;}
.main__news .item .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;line-height: 1.2em;height: 14em;overflow: hidden;margin-bottom: 10px;}
.main__news .item .date{color: #888;}
.main__news .slick-current .label{color: #00a3f1; background: #fff; border-color: var(--sky);}
.main__news .slick-current .item{background: #fff;border-color: var(--sky);box-shadow: 7px 7px 20px rgba(0,0,0,0.2);}
.main__news .slider-controls{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 240px); margin-top: 60px;}
.main__news .slider-controls .arrows{display: flex;}
.main__news .slick-arrow{text-indent: -9999px; width: 65px; height: 65px; background: url('') no-repeat center;}
.main__news .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev5.png');}
.main__news .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next5.png');}
.main__news .progress_bar{width: 100%;}
.main__news .progress_bar .bar{display: block;width: 100%;height: 4px;overflow: hidden;background-color: #eee;background-image: linear-gradient(to right, var(--sky), var(--sky));background-repeat: no-repeat;background-size: 30%;transition: background-position-x .4s ease-in-out;}

.sec5__cont3{}
.main__menu{display: flex;align-items: center;flex-wrap: wrap;background: var(--sky);border-radius: 100px;padding: 20px 50px;}
.main__menu >li{width: 16.66666666666667%;}
.main__menu >li >a{display: block;text-align: center;}
.main__menu >li >a .img{display: block;width: 75px;height: 75px;line-height: 65px;transition: all .2s ease-in-out;margin: 0 auto;margin-bottom: 5px;border-radius: 100%;}
.main__menu >li >a .txt{display: block;font-size: 17px;font-size: 1.063em;transition: all .2s ease-in-out;color: #333;}
.main__menu >li >a:hover .img{background: #fff;}
.main__menu >li >a:hover .txt{font-weight: 600;}


/* section6 */
.sec6__cont1{background: #eee; padding-bottom: 120px;}
.main__archive-list{display: none;}
.main__archive-list.active{display: block;}
.main__archive-list{margin-top: 2.5em;}
.main__archive-list .slider{}
.main__archive-list .slick-list{margin: 0 -20px;}
.main__archive-list .slick-slide{margin: 0 20px;}
.main__archive-list .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); text-indent: -9999px; width: 70px; height: 70px; background: url('') no-repeat center / 100%; z-index: 1}
.main__archive-list .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev4.png');left: -150px;}
.main__archive-list .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next4.png');right: -150px;}
.main__archive-list .item{display: block; position: relative;}
.main__archive-list .img{position: relative;width: 100%;padding-bottom: 75%;overflow: hidden;border-radius: 0 0 30px 30px;}
.main__archive-list .img >img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.main__archive-list .img .view{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 50px;background: rgba(0, 0, 0, 0.6) url('/resources/gsfc/img/common/icon/ico-arrow1_w.png') no-repeat right 30px center;color: #fff;padding: 0 30px;}
.main__archive-list .cont{position: relative;background: #eee;padding-top: 20px;transition: all .3s;top: -50px;}
.main__archive-list .sorts{margin-bottom: 10px;}
.main__archive-list .sorts >*{font-size: 13px; font-weight: 500; width: 80px; line-height: 26px; border-radius: 30px; border: 1px solid var(--sky); background: var(--sky); text-align: center; margin: 0 2px;}
.main__archive-list .sorts .ing{border-color: #222; color: #222; background: #fff;}
.main__archive-list .sorts .end{border-color: #bbb; color: #666; background: #efefef;}
.main__archive-list .t{font-size: 20px;font-size: 1.25em;font-weight: 500;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;margin-bottom: 10px;}
.main__archive-list .txt{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em;height: 2.8em;margin-top: 10px;}
.main__archive-list .desc{margin-top: 10px;}
.main__archive-list .desc >li{display: flex; align-items: flex-start; margin-top: 5px; position: relative; padding-left: 0.6em;}
.main__archive-list .desc >li::before{content: '\00b7';display: block;position: absolute;top: 0;left: 0; font-weight: 900; color: #666;}
.main__archive-list .desc .t1{color: #333; font-weight: 500; margin-right: 5px;}
.main__archive-list .item:hover .cont{top: 0;background: transparent;}
.main__archive-list .progress_bar{margin-top: 1.5em;}
.main__archive-list .progress_bar .bar{display: block;width: 100%;height: 4px;overflow: hidden;background-color: #fff;background-image: linear-gradient(to right, var(--sky), var(--sky));background-repeat: no-repeat;background-size: 30%;transition: background-position-x .4s ease-in-out;}


.sec6__cont2{padding: 120px 0 0;margin-left: calc(50% - 700px);display: flex;align-items: flex-start;flex-wrap: wrap;}
.sec6__cont2 >*{}
.sec6__cont2 .left{width: 460px;}
.sec6__cont2 .right{flex: 1;width: calc(100% - 460px);}

.main__commu{}
.main__commu .slider{}
.main__commu .slick-list{padding-right: 23%; margin-left: -20px;}
.main__commu .slick-slide{margin: 0 20px;}
.main__commu .item{display: block;}
.main__commu .item .img{position: relative;width: 100%;padding-bottom: 100%;}
.main__commu .item .img >img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.main__commu .item .img .sns{position: absolute;top: 20px;left: 20px; width: 29px; height: 28px; background: url('') no-repeat center / 100%; text-indent: -9999px;}
.main__commu .item .img .in{background-image: url('/resources/gsfc/img/common/icon/ico-insta.png');}
.main__commu .item .img .fb{background-image: url('/resources/gsfc/img/common/icon/ico-facebook.png');}
.main__commu .item .img .yt{background-image: url('/resources/gsfc/img/common/icon/ico-youtube.png');}
.main__commu .item .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.4em;height: 2.8em;overflow: hidden;margin-top: 10px;}
.main__commu .item .date{color: #888;}
.main__commu .slider-controls{display: flex;align-items: center;justify-content: space-between;}
.main__commu .slider-controls .arrows{display: flex;}
.main__commu .slick-arrow{text-indent: -9999px; width: 65px; height: 65px; background: url('') no-repeat center;}
.main__commu .slick-prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev5.png');}
.main__commu .slick-next{background-image: url('/resources/gsfc/img/common/icon/btn-next5.png');}
.main__commu .progress_bar{width: 100%;}
.main__commu .progress_bar .bar{display: block;width: 100%;height: 4px;overflow: hidden;background-color: #eee;background-image: linear-gradient(to right, var(--sky), var(--sky));background-repeat: no-repeat;background-size: 30%;transition: background-position-x .4s ease-in-out;}

@media screen and (max-width: 1840px){
/* 	.main__visual-com .slick-arrow{position: static; transform: translate(0);} */
	.main__visual-com .slick-prev{left: -2em;background-position-x: 65%;}
	.main__visual-com .slick-next{right: -2em;background-position-x: 35%;}
}

@media screen and (max-width: 1800px){
	.navi_w{left: 1em;}
	.navi{padding-left: 0;}
}
@media screen and (max-width: 1720px){
	.main__archive-list{padding: 0 100px;}
	.main__archive-list .slick-prev{left: -100px;}
	.main__archive-list .slick-next{right: -100px;}
}
@media screen and (max-width: 1640px){
    .gotop{right: 40px; bottom: 40px;}

	.main__visual-info{padding-left: 80px;}
	.main__board-list{padding: 0 100px;}
}
@media screen and (max-width: 1500px){
	.section5,
	.section-wrap .section:not(.section1):not(.section4){padding-left: 3em;}

	.sec6__cont2 .left,
	.sec5__cont2 .left{width: 300px;}
	.sec6__cont2 .right,
	.sec5__cont2 .right{width: calc(100% - 300px);}
}
@media screen and (max-width: 1440px){
	#logo{margin-left: 20px;}
	#topNav .gnb >li >a{padding: 0 10px;font-size: 18px;}
	
	
	.section:not(.section1){padding: 80px 0 50px;}
	.section5,
	.section-wrap .section:not(.section1):not(.section4){padding-left: 0;}
	
	.main__visual-com{border-bottom-right-radius: 200px;}
	.main__visual-img .slick-prev{left: 2.5em}
	.main__visual-img .slick-next{right: 2.5em;}
	
	.main__board-list .slick-list{margin: 0 -10px;}
	.main__board-list .slick-slide{margin: 0 10px;}
	
	.sec4__cont .in{padding-left: 2.5em; padding-right: 2.5em;}
	.sec4__cont .arrow{top: 15%;}

	.sec6__cont2,
	.sec5__cont2{margin-left: 1.25em;}
	.main__news .item{padding: 1.875em;}
	.main__news .slider-controls{width: calc(100% - 2.5em);}
}
@media screen and (max-width: 1280px){
	#topNav .gnb >li >a{font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.main__visual-info{width: calc(100% - 350px - 5em); padding-left: 2.5em;}
	.main__visual-poster{margin: 0 2.5em;}
	.main__visual-com .slick-arrow{width: 80px; height: 80px;}
	.main__visual-com .btn-link{min-width: 150px; line-height: 38px; margin-top: 2em;}
}
@media screen and (max-width: 1024px){
	#header{height: auto;}
	#header .in{}
	#header .logo >a{height: 5em;}
	#header .logo >a img{height: 99%;}
	#topNav{display: none;}
	#topNav .gnb >li >a{font-size: 2.5em;}	
	#header .btn-sitemap{display: none;}
	#header .btn-menuM{display: block;}
	
	.navi{display: none;}
	
	.foot__menu >li{padding-right: 30px;}
	.foot__menu >li:not(:last-child):not(.t):after{right: 15px;}
	.foot__menu .adr{width: 371px;}
	
	.main__visual-com{border-bottom-right-radius: 0;height: auto;padding: 150px 0 50px;}
	.main__visual{display: block;}
	.main__visual-info{width: 100%;padding-left: 0;}
	.main__visual-poster{margin: 2.5em 2.5em 0 auto;width: 250px;}
	.main__visual-poster .img{width: 250px; height: auto;}
	.main__visual-com .slick-prev{left: -2em;background-position-x: 65%;}
	.main__visual-com .slick-next{right: -2em;background-position-x: 35%;}
	

	.main__tabs-tit a{min-width: 120px}

	.sec4__cont .arrow{top: 70px;}

	.sec5__cont1 >*{width: 100%;}
	.sec5__cont1-slider{margin-top: 2.5em;}
	
	.main__commu .slick-list{padding-right: 20%; margin-left: -10px;}
	.main__commu .slick-slide{margin: 0 10px;}
}
@media screen and (max-width: 720px){
	#topNav .gnb >li >a{padding: 0 0.5em;}
	#header .header-btn >*{width: 60px; height: 60px;}
	
	#topNav_m .gnb >li >button{font-size: 1.25em;padding: 1.25em;padding-right: 51%;}
	#topNav_m .depth2 >li >a{
    font-size: 1.125em;
    padding: 10px 20px;
}
	
	.foot__top{flex-direction: column;border-bottom: 0;padding-bottom: 0;align-items: center;}
	.foot__site{width: 100%;margin-top: 20px;}
	.foot__site .btn-rel{width: 100%;border: 1px solid #ccc;}
	.foot__menu{text-align: center;}
	.foot__menu .t{width: auto;display: block;}
	.foot__menu .adr{width: auto;}
	.foot__bot{flex-direction: column;align-items: center;text-align: center;}
	.foot__sns{margin-top: 20px;}

	.main__visual-img .slick-arrow{width: 80px;height: 80px;top: 57%;}

	.main__board-list{padding: 0;}
	.main__board-list .slick-list{padding: 0 25%;}
	.main__board-list .slick-prev{left: 0}
	.main__board-list .slick-next{right: 0;}
	.main__board-list .slick-list{margin: 0 -2.5em;}
	.main__board-list .slick-slide{opacity: 0.6; transition: all .3s ease-in-out}
	.main__board-list .slick-current{opacity: 1;}
	
	.sec4__cont-slider .item >*{width: 100%;}
	.sec4__cont-slider .cont{padding: 1.5em;}
	.sec4__cont-slider{margin-top: 5em;}
	.sec4__cont-slider .img{padding-bottom: 60%;}
	.sec4__cont .arrow{top: 130px;width: 150px;line-height: 45px;}

	.sec5__cont1-info .contact{flex-wrap: wrap; margin-bottom: -10px}
	.sec5__cont1-info .contact >*{margin-bottom: 10px;}
	.sec5__cont1-info .contact .btn-phn{min-width: 150px;line-height: 48px;}

	.sec6__cont2,
	.sec5__cont2{margin: 0;}
	.sec6__cont2 .left,
	.sec5__cont2 .left{width: 100%;}
	.sec6__cont2 .right,
	.sec5__cont2 .right{width: 100%; margin-top: 2.5em;}
	.main__news .slick-list{padding: 0 20%;}
	.main__news .slick-slide{padding: 10px;}
	.main__news .slick-current .item{box-shadow: 0 7px 10px rgba(0,0,0,0.2);}
	.main__news .slider-controls{margin: 0 auto;}
	
	.tit-main.tal{text-align: center !important;}
	.main__tabs2-tit{display: flex;align-items: center;justify-content: center;border-radius: 50px;padding: 10px;width: fit-content;margin: 0 auto;}
	.main__tabs2-tit a{justify-content: center;font-size: 1em;height: 40px;}
	.main__tabs2-tit a:after{display: none;}
	.main__tabs2-tit .active{width: auto; background: #333;color: #fff;border-radius: 50px; padding: 0 1em;}
	.main__tabs2-tit .btn-more{min-width: auto;width: 50px;height: 50px;background: url('/resources/gsfc/img/common/icon/btn-more.png') no-repeat center / 100%;}

	.sec5__cont3{padding: 0;}
	.main__menu{border-radius: 0;padding: 0;}
	.main__menu >li{width: 33.3333%;}
	.main__menu >li >a{padding: 1em 10px;}
	
	
	.main__archive-list{padding: 0;}
	.main__archive-list .slick-list{padding: 0 25%;}
	.main__archive-list .slick-prev{left: 0}
	.main__archive-list .slick-next{right: 0;}
	.main__archive-list .slick-list{margin: 0 -2.5em;}
	.main__archive-list .slick-slide{opacity: 0.6; transition: all .3s ease-in-out}
	.main__archive-list .slick-current{opacity: 1;}
	
	.main__commu .slick-list{padding: 0 20%; margin: 0;}
	.main__commu .slick-slide{opacity: 0.6; transition: all .3s ease-in-out}
	.main__commu .slick-current{opacity: 1;}
}
@media screen and (max-width: 640px){
    .gotop{position: static; width: 100%; border-radius: 0;}
	.main__visual-info .t2{font-size: 3em;}
	.main__tabs-tit{padding-right: 70px;flex-wrap: wrap;border-radius: 20px;}
	.main__tabs-tit li{width: 50%;}
	.main__tabs-tit a{font-size: 1em;min-width: auto;padding: 10px;height: auto;text-align: center;}
	.main__tabs-tit .btn-more{width: 40px;height: 40px;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
	
	.sec4__cont-slider{margin-top: 7em;}
	.sec4__cont .arrow{top: 210px;}
}
@media screen and (max-width: 480px){
	#topNav .gnb >li >a{padding: 0 0.5em;font-size: 1.063em;}
	#topNav .gnb >li >a >span{padding: 0;}
	#topNav_m .depth2 >li >a{font-size: 1.25em;padding: 15px 1em;}

	.main__visual-img .text-wrap{font-size: 0.8em;}
	.main__visual-img .text-wrap .btn-link{min-width: 150px;width: 150px;padding: 0 20px;font-size: 14px;}
	.main__visual-img .slick-arrow{background-size: 24px;}

	.main__board-list .slick-list{padding: 0 20%;}
	.main__board-list .slick-arrow{width: 50px; height: 50px;}
	.main__board-list .sorts{margin: 0 -1px 10px}
	.main__board-list .sorts >*{width: 60px; margin: 0 1px 5px;}
	
	.main__tabs-tit{padding-right: 60px}
	.main__tabs-tit a{letter-spacing: -1px;padding: 7px 5px;}

	.main__tabs2-tit{flex-wrap: wrap;padding: 10px 20px;margin: 0 20px;border-radius: 20px;}
	.main__tabs2-tit li{width: 50%;}

	.sec4__cont .in{padding-left: 1.25em; padding-right: 1.25em;}
	.sec4__cont-slider .item{border-radius: 30px}

	.sec5__cont1-info .contact .num img{width: 50px;}
	.sec5__cont1-info .contact .btn-phn{line-height: 38px;}

	.main__news .slick-current .item{padding: 1.25em}
	
	.main__archive-list .slick-list{padding: 0 20%;}
	.main__archive-list .slick-arrow{width: 50px; height: 50px;}
}
@media screen and (max-width: 350px){
	.main__board-list .slick-list{padding: 0 15%;}
	.main__visual-poster{width: 200px;}
	.main__visual-poster .img{width: 200px;}
}