@charset "UTF-8";

/*-------------------------------------------------------------------
	파일정의 : 공통
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#main {position:relative;}
#main #fullpage {display:block;}
#main .section {display:block;}
#main .main-area {display:block; width:100vw; max-width:1500px; margin:0 auto;}
#main .main-area:after {content:""; display:block; clear:both;}

#header .top-nav .logo .ver1 {display: none;}
#header .top-nav .logo .ver2 {display: inline-block;}
#header .top-nav .hd-btn a {display:inline-block; background-color: rgba(255, 255, 255, 0.2);}
#header .top-nav .hd-btn a:last-child {background-color: rgba(255, 255, 255, 0.2);}
#header .site-map .btn-site-map .ln {display:block; background-color: #ffffff;}

/* active */
#header.active .top-nav .logo .ver1 {display: inline-block;}
#header.active .top-nav .logo .ver2 {display: none;}
#header.active .top-nav .hd-btn {top: 18px;}
#header.active .top-nav .hd-btn a {background-color: #2A4681;}
#header.active .top-nav .hd-btn a:last-child {background-color: #111111;}
#header.active .site-map {top: 22px;}
#header.active .site-map .btn-site-map .ln {background-color: #111111;}

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
::selection {background:#2A4681; color:#fff;}
#header .top-nav .hd-btn a {transition: background-color 0.3s;}
#header .top-nav .hd-btn a:focus,
#header .top-nav .hd-btn a:hover {background-color: #2A4681;}
#header .top-nav .hd-btn a:last-child:focus,
#header .top-nav .hd-btn a:last-child:hover {background-color: #111111;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	#main .main-area {padding: 0 70px 0 20px;}
}
@media screen and (max-width: 1200px) {
	#header .top-nav .logo {text-align: left;}
}
@media screen and (max-width: 1024px) {
	#main .main-area {padding: 0 15px;}
	#main .section:last-child {padding:0;}
	#main #fullpage .fp-table {height: 100% !important; padding: 50px 0 0;}
	#main #fullpage #section-01.fp-table {padding: 0;}
	#main #fullpage .fp-tableCell {display:block; width:100% !important; height: 100% !important;}

	#header {height: auto;}
	#header.active {height: auto;}
	#header .top-nav {border-bottom: none;}
	#header > .top-nav > .logo {text-align: left;}
	#header .top-nav .logo img {width: 180px;}
}
@media screen and (max-width: 900px) {
	#main .section:last-child {padding:0;}
}
@media screen and (max-width: 800px) {
	#header .top-nav .hd-btn {display:none; position: unset; margin-top: 10px; text-align: center;}	
}
@media screen and (max-width: 600px) {
	#main #fullpage .fp-table {padding: 40px 0 0;}
	#header .top-nav {display: flex; padding: 0 20px; flex-direction: column;}
	#header > .top-nav > .logo {height: 80px; line-height: 80px;}
	#header .top-nav .logo img {width: 160px;}
	
}
@media screen and (max-width: 480px) {

}




/*-------------------------------------------------------------------
	파일정의 : section-01
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section-01 {display:block; position:relative;}
#section-01 .visual-slide {display: block; overflow: hidden; height:100vh; min-height: 700px;}
/* #section-01 .visual-slide .swiper-slide {display:block; width:100%; height: 100%; background-color:#fff; background-image: url(../images/main/img_visual01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
#section-01 .visual-slide .swiper-wrapper .swiper-slide:nth-child(2) {background-image: url(../images/main/img_visual02.jpg);} */
#section-01 .visual-slide .swiper-slide {display:block; width: 100% !important; height: 100%; background-color:#000; background-repeat: no-repeat; background-size: cover; background-position: center;}
/* txt-slide */
#section-01 .txt-wrap {display: block; position: absolute; top: 50%; left: 0; width: 100%;}
#section-01 .txt-wrap .con-area {display: block; position:relative; width: 100%; max-width:1500px; margin: 0 auto;}
#section-01 .txt-wrap .txt-slide-wrap {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; max-width: 970px; margin: 0 auto; transform: translateY(-50%);}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide {display:block; overflow: hidden;}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item {display:block;}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo {display:block; width: 100%; max-width: 340px;}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo img {width: 100%;}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .tit {display:inline-block; overflow:hidden; width: 100%; padding: 30px 0; line-height: 1.3; font-weight:600; font-size:1.75rem; font-family: 'S-CoreDream'; color:transparent; color:#ffffff;}
#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .txt {display: -webkit-box; overflow:hidden; width: 100%; height:auto; margin-bottom: 10px; line-height: 1.3; font-weight:400; font-size:1.125rem; color:#ffffff;}
/* utils */
#section-01 .txt-wrap .txt-slide-wrap .utils {display:flex; max-width:470px; width:100%; padding-top: 40px; align-items:center;}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page {display:flex; width:40%; align-items:center; flex-shrink:0;}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .item {display:block; font-weight:bold; font-size:1rem;}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .item.now {color:#ffffff;}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .item.total {color:rgba(255,225,255,0.5);}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .pagination {display:flex; width:100%; height:3px; padding:0 10px; align-items:center;}
#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .pagination .swiper-pagination-bullet {display:block; width:45%; height:100%; margin: 0; border-radius:0; background-color:#D9D9D9;}
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation {display:flex; height:30px; padding-left:20px; align-items:center;} 
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item {display:block;} 
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav {display:block; width:40px; height:40px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.2); background-size: 10px;} 
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-prev {display:block; background-image:url(../images/main/i_prev.svg);} 
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-pause {display:block; background-image:url(../images/main/i_pause.svg);} 
#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-next {display:block; margin-right:0; background-image:url(../images/main/i_next.svg);} 

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav {background-color:rgba(255,225,255,0.5); transition: background-color 0.3s , background-image 0.2s;} 

#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:focus.btn-prev,
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:hover.btn-prev, 
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-prev.active {background-color:#ffffff; background-image:url(../images/main/i_prev_on.svg);} 

#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:focus.btn-next,
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:hover.btn-next,
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-next.active {background-color:#ffffff; background-image:url(../images/main/i_next_on.svg);} 

#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:hover.btn-pause,  
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav:focus.btn-pause {background-color:#ffffff; background-image:url(../images/main/i_pause_on.svg);}

#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-pause.active {background-color:#ffffff; background-image:url(../images/main/i_play_active.svg);}

#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-pause.active:hover,  
#section-01 .txt-slide-wrap .utils .navigation .nav-item .btn-nav.btn-pause.active:focus {background-color:#ffffff; background-image:url(../images/main/i_play_active_on.svg);}

#section-01 .visual-slide {transition: height 0.3s, min-height 0.3s;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1500px){
	#section-01 .txt-wrap .txt-slide-wrap {padding: 0 70px 0 20px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo {max-width: 300px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .tit {padding: 20px 0; font-size:1.75rem;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .txt {margin-bottom: 10px; font-size:1.125rem;}
}
@media screen and (max-width:1200px){
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo {max-width: 280px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .tit {font-size:1.5rem;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .txt {font-size:1.063rem;}
}
@media screen and (max-width:1024px){
	#section-01 .visual-slide {height:60vh; min-height: 750px;}
	#section-01 .txt-wrap .txt-slide-wrap {padding: 0 15px;}
}
@media screen and (max-width:800px){
	#section-01 .visual-slide {height:60vh; min-height: 600px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo {max-width: 200px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .tit {padding: 20px 0 15px; font-size:1.25rem;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .txt {font-size:1rem;}
	#section-01 .txt-wrap .txt-slide-wrap .utils {padding-top: 30px;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav {width:30px; height:30px; background-size: 7px;}
}
@media screen and (max-width:600px){
	#section-01 .txt-wrap .txt-slide-wrap .utils {max-width: 100%;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page {flex-grow: 1;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page .pagination .swiper-pagination-bullet {flex-grow: 1;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav {border-radius:5px;}
}
@media screen and (max-width:425px){
	#section-01 .visual-slide {height:60vh; min-height: 460px;}
	#section-01 .txt-wrap {top:54%;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .t-logo {max-width: 170px}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .tit {padding: 15px 0 10px;}
	#section-01 .txt-wrap .txt-slide-wrap .txt-slide .swiper-slide .item .txt {display: inline;}
	#section-01 .txt-wrap .txt-slide-wrap .utils {padding-top: 20px; flex-direction: column;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .slide-page {width: 100%; flex-grow: 1;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .navigation {width: 100%; margin: 0 -5px; padding: 30px 0 0 0;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item {width: 100%; margin: 0 5px;}
	#section-01 .txt-wrap .txt-slide-wrap .utils .navigation .nav-item .btn-nav {width: 100%; border-radius:5px;}
}




/*-------------------------------------------------------------------
	@ section-02
-------------------------------------------------------------------*/
#section-02 {display:block; position: relative; background-color:#fff;}
#section-02::before {content: ''; display: block; position: absolute; bottom: -30px; left: -60px; width: 560px; height: 750px; background-image: url(../images/main/img_sec02_bg1.png); background-repeat: no-repeat; background-position: bottom left; opacity:0.2;}
#section-02::after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 970px; height: 380px; background-image: url(../images/main/img_sec02_bg2.png); background-repeat: no-repeat; background-position: top right;}
#section-02 .wrap-box {display: flex; position: relative; z-index: 1; justify-content: space-between; align-items: stretch;}
#section-02 .wrap-box .l-wrap {display: flex; width: 100%; max-width:350px; margin-right: 30px; flex-direction: column; flex-shrink: 0;}
#section-02 .wrap-box .l-wrap .final-box {position: relative; display: flex; margin-bottom: 20px; padding: 25px 50px; border-radius: 20px; background: linear-gradient(345deg, rgba(1,67,138,1) 0%, rgba(1,181,235,1) 100%); text-align: center; color: #ffffff; flex-direction: column; justify-content: center;}
#section-02 .wrap-box .l-wrap .final-box::before {content: ''; display: block; position: absolute; top: 5px; left: 0; width: 100%; height: 100%; max-height: 125px;  background: url(../images/sub/i_logo_cuop.png) no-repeat top left/contain;}
#section-02 .wrap-box .l-wrap .final-box .num-wrap {display: block;}
#section-02 .wrap-box .l-wrap .final-box .tit {position: relative; display: flex; font-size: 1.25rem; font-weight: 600; justify-content: center; align-items: center;}
#section-02 .wrap-box .l-wrap .final-box .tit::before {content: ''; display: block; width: 28px; height: 34px; margin-right: 10px; background: url(../images/sub/i_fimal.svg) no-repeat center/cover;}
#section-02 .wrap-box .l-wrap .final-box .num {position: relative; display: block; margin: 10px 0 20px; font-size: 1.875rem; font-weight: 600;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap {display:block; position: relative; width: 100%;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {display: flex; width: 100%; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 15px; background-color: rgba(255, 255, 255, 0.1); font-size: 1.125rem; justify-content: center; align-items: center;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box::before {content: ''; display: block; width: 20px; height: 20px; margin-right: 10px; background: url(../images/sub/i_registra_cw.svg) no-repeat center/cover;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box:last-child:before {background-image: url(../images/sub/i_registra_sw.svg);}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box:first-child {margin-bottom: 15px;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box .total {display: flex; font-weight: 500; text-align: left; align-items: center;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box .total::after {content: ''; display: block; width: 1px; height: 11px; margin-left: 20px; background-color: #D9D9D9;}
#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box .total-num {display:block; margin-left: 20px; font-weight: 600;}

#section-02 .wrap-box .l-wrap .period-list {display: flex; padding: 25px 50px; border-radius: 20px; background-color: #209ED9; color: #ffffff; flex-direction: column; justify-content: center; align-items: flex-start; flex-grow: 1;}
#section-02 .wrap-box .l-wrap .period-list li {display: flex; margin-bottom: 20px; flex-direction: column; justify-content: flex-start; align-items: center;}
#section-02 .wrap-box .l-wrap .period-list li:last-child {margin-bottom: 0;}
#section-02 .wrap-box .l-wrap .period-list li .txt {display:block; position: relative; padding-left: 30px; font-size: 1.125rem; font-weight: 600;}
#section-02 .wrap-box .l-wrap .period-list li .txt::before {content: ''; display: block; position: absolute; top:2px; left: 0; width: 20px; height: 20px; background: url(../images/sub/i_registra_cw.svg) no-repeat center/cover; flex-shrink: 0;}
#section-02 .wrap-box .l-wrap .period-list li:last-child .txt::before {background-image: url(../images/sub/i_registra_sw.svg);}
#section-02 .wrap-box .l-wrap .period-list li .date {display: block; padding-left: 30px; font-size: 1.125rem; font-weight: 600;}

#section-02 .wrap-box .r-wrap {display: flex; margin: -10px 0; flex-direction: column; justify-content: space-between; flex-grow: 1;}
#section-02 .wrap-box .r-wrap > li {display:flex; margin: 10px 0; border-radius: 20px; background-color:#ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); flex-grow:1;}
#section-02 .wrap-box .r-wrap > li .con-box {display:block; position: relative; display: flex; padding: 20px 20px 20px 150px; justify-content: center; align-items: center;}
#section-02 .wrap-box .r-wrap > li .con-box::before {position: absolute; top: 50%; left: 30px; content: ''; display: block; width: 90px; height: 35px; background: url(../images/sub/i_logo_kaist.png) no-repeat center center/contain; transform:translateY(-50%);}
#section-02 .wrap-box .r-wrap > li:nth-child(2) .con-box::before {background-image: url(../images/sub/i_logo_dgist.png);}
#section-02 .wrap-box .r-wrap > li:nth-child(3) .con-box::before {background-image: url(../images/sub/i_logo_gist.png);}
#section-02 .wrap-box .r-wrap > li:nth-child(4) .con-box::before {background-image: url(../images/sub/i_logo_unist.png);}
#section-02 .wrap-box .r-wrap > li .con-box .num {display:block; margin-right: 40px; font-size: 1.125rem; font-weight: 700; flex-shrink: 0;}
#section-02 .wrap-box .r-wrap > li .con-box .class-list {display: flex; margin: 0 -12px;}
#section-02 .wrap-box .r-wrap > li .con-box .class-list li {display:block; margin: 0 12px; color: #666666; flex-shrink: 0;}
#section-02 .wrap-box .r-wrap > li .con-box .class-list li::before {background-color: #02448B;}

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#section-02 .wrap-box .l-wrap .final-box {transition: padding 0.3, box-shadow 0.3s;}
#section-02 .wrap-box .l-wrap .final-box:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#section-02 .wrap-box .l-wrap .period-list {transition: box-shadow 0.3s;}
#section-02 .wrap-box .l-wrap .period-list:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#section-02 .wrap-box .r-wrap > li {transition: box-shadow 0.3s;}
#section-02 .wrap-box .r-wrap > li:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

/*------------------------------------------------------------------- 
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#section-02 .wrap-box .l-wrap .final-box .num {font-size: 1.75rem;}
}
@media screen and (max-width: 1350px) {
	#section-02 .wrap-box .r-wrap > li .con-box {flex-direction: column; align-items: flex-start;}
	#section-02 .wrap-box .r-wrap > li .con-box .num {margin-bottom: 8px; margin-right: 0;}
}
@media screen and (max-width: 1200px) {
	#section-02 .wrap-box {flex-direction: column;}
	#section-02 .wrap-box .l-wrap {max-width: 100%; margin-bottom: 20px; margin: 0 0 20px; flex-direction: column;}
	#section-02 .wrap-box .l-wrap .final-box {min-width: unset; margin-bottom: 10px; padding: 20px 100px 20px 100px; flex-direction: row; align-items: center;}
	#section-02 .wrap-box .l-wrap .final-box .num-wrap {min-width: 300px; flex-shrink: 0;}
	#section-02 .wrap-box .l-wrap .final-box .tit {font-size: 1.125rem;}
	#section-02 .wrap-box .l-wrap .final-box .tit::before {width: 20px; height: 30px; margin-right: 10px;}
	#section-02 .wrap-box .l-wrap .final-box .num {margin: 5px 0 10px; font-size: 1.5rem;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {padding: 12px 20px; justify-content: flex-start;}
	#section-02 .wrap-box .l-wrap .period-list {padding: 20px 30px;}
	#section-02 .wrap-box .l-wrap .period-list li {margin-bottom: 0; flex-direction: row; align-items: center;}
	#section-02 .wrap-box .l-wrap .period-list li:last-child {padding-top: 10px;}
	#section-02 .wrap-box .l-wrap .period-list li .txt {display:flex; align-items: center;}
	#section-02 .wrap-box .l-wrap .period-list li .date {padding-left: 10px;}
	#section-02 .wrap-box .r-wrap > li {margin: 5px 0;}
}
@media screen and (max-width: 1024px) {
	#section-02 .wrap-box .l-wrap .final-box {padding: 20px 80px 20px 20px; border-radius: 15px;}
	#section-02 .wrap-box .l-wrap .final-box .num-wrap {min-width: 270px;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {border-radius: 10px;}
	#section-02 .wrap-box .l-wrap .period-list {border-radius: 15px;}
	#section-02 .wrap-box .l-wrap .period-list li .txt::before {top: 0;}
	#section-02 .wrap-box .r-wrap > li {border-radius: 15px;}
	#section-02 .wrap-box .r-wrap > li .con-box {padding: 20px 20px 20px 120px;}
	#section-02 .wrap-box .r-wrap > li .con-box::before {left: 20px; width: 80px;}
}
@media screen and (max-width: 800px) {
	#section-02 .wrap-box .l-wrap .final-box {padding: 20px 50px 20px 20px;}
	#section-02 .wrap-box .l-wrap .final-box .num-wrap {min-width: 220px;}
	#section-02 .wrap-box .l-wrap .final-box .num {margin: 0 0 10px; font-size: 1.25rem;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {padding: 10px 15px; font-size: 1rem;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box .total::after {margin-left: 10px;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box .total-num {margin-left: 10px;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box:first-child {margin-bottom: 10px;}
	#section-02 .wrap-box .r-wrap > li .con-box {flex-direction: column;}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list {flex-wrap: wrap;}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list li {width: calc((100% - 48px) / 2); max-width: 150px;}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list li:nth-child(n+3) {margin-top: 5px;}
}
@media screen and (max-width: 600px) {
	#section-02 .wrap-box .l-wrap .final-box {padding:15px 20px; border-radius: 10px; flex-direction: column; align-items: flex-start;}
	#section-02 .wrap-box .l-wrap .final-box .num-wrap {min-width: unset;}
	#section-02 .wrap-box .l-wrap .final-box .tit {font-size: 1.063rem;}
	#section-02 .wrap-box .l-wrap .final-box .num {font-size: 1.125rem;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {font-size: 1rem;}
	#section-02 .wrap-box .l-wrap .period-list {padding: 15px 20px; border-radius: 10px;}
	#section-02 .wrap-box .l-wrap .period-list li .txt {font-size: 1.063rem;}
	#section-02 .wrap-box .r-wrap {margin: -5px 0;}
	#section-02 .wrap-box .r-wrap > li {margin: 5px 0; border-radius: 10px;}
	#section-02 .wrap-box .r-wrap > li .con-box {padding: 60px 20px 20px; flex-direction: column;}
	#section-02 .wrap-box .r-wrap > li .con-box::before {top: 15px; left: 15px; width: 80px; background-position: center left; transform: translateY(0);}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list {margin: -3px -5px; flex-wrap: wrap;}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list li {margin: 3px 5px;}

}
@media screen and (max-width: 480px) {
	#section-02 .wrap-box .l-wrap {margin-bottom: 15px;}
	#section-02 .wrap-box .l-wrap .final-box {padding: 15px;}
	#section-02 .wrap-box .l-wrap .final-box .total-wrap .total-box {justify-content: flex-start;}
	#section-02 .wrap-box .l-wrap .period-list {padding: 15px;}
	#section-02 .wrap-box .r-wrap > li .con-box {padding: 60px 15px 15px;}
	#section-02 .wrap-box .r-wrap > li .con-box .class-list li {width: 100%;}
}
@media screen and (max-width: 425px) {
	#section-02 .wrap-box .l-wrap .period-list li {flex-direction: column;}
	#section-02 .wrap-box .l-wrap .period-list li .date {padding-left: 42px;}
}




/*-------------------------------------------------------------------
	@ section-03
-------------------------------------------------------------------*/
#section-03 {display:block; position:relative; background-color:#EFF4F7;}
#section-03 .tit {display: flex; width: 100%; font-family: 'S-CoreDream'; font-size: 1.75rem; font-weight:700; color: #2A4681; align-items: flex-start; justify-content: center;}
#section-03 .tit::before {content: ''; display: block; width: 22px; height: 14px; margin-right: 10px; background: url(../images/main/i_mark.svg) no-repeat top center/contain; flex-shrink: 0;}
#section-03 .tit::after {content: ''; display: block; width: 22px; height: 14px; margin-left: 10px; background: url(../images/main/i_mark.svg) no-repeat top center/contain; transform: scaleX(-1); flex-shrink: 0;}

#section-03 .con-wrap {display:block; padding-top: 30px;}
#section-03 .con-wrap > ul {display: block; padding-bottom: 15px;}
#section-03 .con-wrap > ul > li {display:table; padding-bottom: 5px; font-size: 1rem; color: #666666;}
#section-03 .con-wrap > ul > li:last-child {padding-bottom: 0;}
#section-03 .con-wrap .con-box {display: flex; margin: 0 -10px; flex-wrap: wrap;}
#section-03 .con-wrap .con-box .inner {display: block; position: relative; width: calc((100% - 60px) /3); margin: 0 10px; padding: 120px 20px 20px 20px; border-radius: 20px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
#section-03 .con-wrap .con-box .inner::before {position: absolute; top: 45px; right: 0; left: 0; margin: 0 auto; content: ''; display: block; width: 90px; height: 35px; background: url(../images/sub/i_logo_kaist.png) no-repeat center center/contain;}
#section-03 .con-wrap .con-box .inner:nth-child(2)::before {background-image: url(../images/sub/i_logo_dgist.png);}
#section-03 .con-wrap .con-box .inner:nth-child(3)::before {background-image: url(../images/sub/i_logo_gist.png);}
#section-03 .con-wrap .con-box .inner:nth-child(4)::before {background-image: url(../images/sub/i_logo_unist.png);}
#section-03 .con-wrap .con-box .inner > ul {display: block; height: 100%; padding:20px 0 0 20px; border-top: 2px solid #F0F0F0;}
#section-03 .con-wrap .con-box .inner > ul > li {display: flex; margin-bottom: 0; padding-bottom: 6px; align-items: baseline;}
#section-03 .con-wrap .con-box .inner > ul > li .box-tit {display: block; width: 90px; font-size:1rem; font-weight: 700; flex-shrink: 0;}
#section-03 .con-wrap .con-box .inner > ul > li .txt {display: block; font-size:0.938rem; color: #666666; word-break: break-all;}
#section-03 .con-wrap .con-box .inner > ul > li .txt .bold {display:block; margin-bottom:5px; font-weight: 600; color: #666666;}
#section-03 .con-wrap .con-box .inner > ul > li .txt ul li {display: block; margin-bottom: 3px; word-break: break-all; color: #666666;} 
#section-03 .con-wrap .con-box .inner > ul > li .txt ul li::before {background-color: #666666} 

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#section-03 .con-wrap .con-box .inner {transition: box-shadow 0.3s;}
#section-03 .con-wrap .con-box .inner:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#section-03 .tit {font-size: 1.625rem;}
	#section-03 .tit::before {width: 20px;}
	#section-03 .tit::after {width: 20px}
}
@media screen and (max-width: 1200px) {
	#section-03 .con-wrap {padding-top: 20px;}
	#section-03 .con-wrap .con-box .inner > ul {padding-top:15px; padding-left: 0; border-left: none; border-top: 2px solid #F0F0F0;}
	#section-03 .con-wrap .con-box .inner > ul > li {padding-bottom: 5px;}
}
@media screen and (max-width: 1024px) {
	#section-03 .tit {font-size: 1.5rem;}
	#section-03 .tit::before {width: 16px;}
	#section-03 .tit::after {width: 16px}
	#section-03 .con-wrap .con-box {margin: 0 -7px;}
	#section-03 .con-wrap .con-box .inner {margin: 0 7px; border-radius: 15px; width: 100%; padding: 60px 20px 20px 20px;}
	#section-03 .con-wrap .con-box .inner:nth-child(n+2) {margin-top: 15px;}
	#section-03 .con-wrap .con-box .inner::before {top: 15px; width: 70px;}
	#section-03 .con-wrap .con-box .inner br {display: none;}
	#section-03 .con-wrap .con-box .inner > ul {padding-top:10px;}
}
@media screen and (max-width: 600px) {
	#section-03 .tit {font-size: 1.25rem;}
	#section-03 .tit::before {width: 14px;}
	#section-03 .tit::after {width: 14px}
	#section-03 .con-wrap {padding-top: 15px;}
	#section-03 .con-wrap > ul {padding-bottom: 15px;}
	#section-03 .con-wrap .con-box .inner {border-radius: 10px;}
	#section-03 .con-wrap .con-box .inner:nth-child(n+2) {margin-top: 10px;}
}
@media screen and (max-width: 480px) {
	#section-03 .tit {font-size: 1.125rem;}
	#section-03 .tit::before {width: 12px;}
	#section-03 .tit::after {width: 12px}
	#section-03 .con-wrap .con-box .inner {border-radius: 0; padding: 55px 15px 15px 15px;}
	#section-03 .con-wrap .con-box .inner::before {height: 32px;}
}
@media screen and (max-width: 380px) {
	#section-03 .con-wrap .con-box .inner > ul > li {flex-direction:column;}
	#section-03 .con-wrap .con-box .inner > ul > li .txt {padding-top:5px;}
}




/*-------------------------------------------------------------------
	@ section-04
-------------------------------------------------------------------*/
#section-04 {display:block; position:relative; z-index: -2; background-color:#FAFAFA;}
#section-04::after {content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-image: url(../images/main/img_sec04_bg1.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover;}
#section-04 .main-area > .tit {display: flex; width: 100%; font-family: 'S-CoreDream'; font-size: 1.75rem; font-weight:700; color: #2A4681; align-items: flex-start; justify-content: center;}
#section-04 .main-area > .tit::before {content: ''; display: block; width: 22px; height: 14px; margin-right: 10px; background: url(../images/main/i_mark.svg) no-repeat top center/contain; flex-shrink: 0;}
#section-04 .main-area > .tit::after {content: ''; display: block; width: 22px; height: 14px; margin-left: 10px; background: url(../images/main/i_mark.svg) no-repeat top center/contain; transform: scaleX(-1); flex-shrink: 0;}
#section-04 .main-area > .tit-txt {display: block; padding-top: 10px; font-size:1.125rem; font-weight: 600; text-align: center; color: #666666;}

#section-04 .box-tit {display: block; padding-bottom:10px; font-size:1.375rem; font-weight: 700;}
#section-04 .box-tit span {display: inline-block;padding-left: 5px; font-size:1rem; font-weight: 400;}
#section-04 .bul-list {display: block; font-size:1.125rem; font-weight: 600; color: #3986C0;}
#section-04 .bul-list > li {display: flex; padding-bottom: 15px; align-items: baseline;}
#section-04 .bul-list > li:last-child {padding-bottom: 5px;}
#section-04 .bul-list > li::before {content: '01'; display: block; width: 20px; height: 30px; margin-right: 10px; padding: 0 5px; border-radius: 50%; background-color: #3986C0; font-size: 0.938rem; text-align: center; line-height: 30px; color: #ffffff; flex-shrink: 0;}
#section-04 .bul-list > li:nth-child(2)::before {content: '02';}
#section-04 .bul-list > li:nth-child(3)::before {content: '03';}
#section-04 .bul-list > li:nth-child(4)::before {content: '04'; padding-bottom: 0;}
#section-04 .dot-list {display: block; font-size:1rem; font-weight: 400; color: #666666;}
#section-04 .bul-list .dot-list {display: block; padding-top: 10px;}
#section-04 .bul-list .dot-list > li {display: block;}
#section-04 .bul-list .dot-list > li::before {background-color: #666666;}

#section-04 .box-wrap {display: flex; width: 100%; margin: 0 -10px 0 -10px;}
#section-04 .box-wrap.t-box {width: 100%; padding-top: 30px;}
#section-04 .box-wrap.b-box {width: 100%; padding-top: 20px;}
#section-04 .box-wrap .con-box {display: block; width: calc(50% - 10px); margin: 0 10px; padding: 20px 25px; border: 1px solid #EDEDED; border-radius: 20px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); flex-shrink: 0;}

#section-04 .b-box .r-box .link-list > li {padding-bottom: 20px;}
#section-04 .b-box .r-box .link-list > li .slide-wrap {display: block; position: relative; width: 100%; margin-top:10px; padding: 0 40px;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide {display: block; overflow: hidden; width: 100%;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide .swiper-slide {display: block; width: 100%;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide .swiper-slide .slide-item {display: block;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide .swiper-slide .slide-item .txt-box {display: block; padding: 10px; border-top: 1px solid #e9e9e9; border-radius:5px; background-color: #2A4681;}
#section-04 .b-box .r-box .link-list > li:nth-child(2) .slide-wrap .gallery_slide .swiper-slide .slide-item .txt-box {display: block;background-color: #209ED9;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide .swiper-slide .slide-item .txt-box .tit {display: block; overflow: hidden; font-weight: 400; font-size: 0.938rem; text-align:center; color: #ffffff; white-space: nowrap; text-overflow: ellipsis;}

#section-04 .b-box .r-box .link-list > li .slide-wrap .slide-nav .btn_nav {display: block; position: absolute; top: 50%; width: 26px; height: 26px; border: 1px solid #e9e9e9; border-radius: 50%; font-size: 0; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 30%; transform: translateY(-50%);}
#section-04 .b-box .r-box .link-list > li .slide-wrap .slide-nav .btn_nav.btn_prev {left: 0; background-image: url(../images/main/i_prev_on.svg);}
#section-04 .b-box .r-box .link-list > li .slide-wrap .slide-nav .btn_nav.btn_next {right: 0; background-image: url(../images/main/i_next_on.svg);}

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#section-04 .box-wrap .con-box {transition: box-shadow 0.3s;}
#section-04 .box-wrap .con-box:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide1 .swiper-slide .slide-item .txt-box {transition: background-color 0.3s;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide1 .swiper-slide .slide-item .txt-box:hover {background-color: #193061;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide2 .swiper-slide .slide-item .txt-box {transition: background-color 0.3s;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .gallery_slide2 .swiper-slide .slide-item .txt-box:hover {background-color: #1c8dc2;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .slide-nav .btn_nav {transition: border 0.3s, background-color 0.3s;}
#section-04 .b-box .r-box .link-list > li .slide-wrap .slide-nav .btn_nav:hover {border: 1px solid #dddddd; background-color: #dddddd;}


/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#section-04 .main-area > .tit {font-size: 1.625rem;}
	#section-04 .main-area > .tit::before {width: 20px;}
	#section-04 .main-area > .tit::after {width: 20px}
	#section-04 .box-tit {font-size:1.25rem;}
}
@media screen and (max-width: 1200px) {
	#section-04 .main-area > .tit::before {width: 20px;}
	#section-04 .main-area > .tit::after {width: 20px}
}
@media screen and (max-width: 1024px) {
	#section-04 .main-area > .tit {font-size: 1.5rem;}
	#section-04 .main-area > .tit::before {width: 16px;}
	#section-04 .main-area > .tit::after {width: 16px}
	#section-04 .box-tit {font-size:1.25rem;}
	#section-04 .box-tit span {padding-left: 3px; font-size: 0.938rem;}
	#section-04 .box-wrap {margin: 0 -7px;}
	#section-04 .box-wrap.b-box {padding-top: 15px;}
	#section-04 .box-wrap .con-box {width: calc(50% - 14px); margin: 0 7px; padding: 20px; border-radius: 15px;}
	#section-04 .bul-list > li {font-size: 1.063rem;}
	#section-04 .bul-list > li::before {width: 16px; height: 26px; line-height: 26px;}
}
@media screen and (max-width: 800px) {
	#section-04 .main-area > .tit {font-size: 1.25rem;}
	#section-04 .main-area > .tit::before {width: 16px;}
	#section-04 .main-area > .tit::after {width: 16px}
	
	#section-04 .box-tit {font-size:1.125rem;}
	#section-04 .box-tit span {font-size:0.9375rem;}
	#section-04 .box-wrap {flex-direction: column;}
	#section-04 .box-wrap.t-box {padding-top: 15px;}
	#section-04 .box-wrap .con-box {width:100%;}
	#section-04 .box-wrap .con-box:first-child {margin-bottom: 15px;}
	#section-04 .b-box .r-box .link-list > li .slide-wrap {padding: 0 35px;}
}
@media screen and (max-width: 600px) {
	#section-04 .main-area > .tit {font-size: 1.25rem;}
	#section-04 .main-area > .tit::before {width: 14px;}
	#section-04 .main-area > .tit::after {width: 14px}
	#section-04 .main-area > .tit-txt {font-size: 1rem; text-align: left;}
	#section-04 .box-tit {padding-bottom: 10px;}
	#section-04 .box-wrap.b-box {padding-top: 10px;}
	#section-04 .box-wrap .con-box {padding: 15px; border-radius: 10px;}
	#section-04 .box-wrap .con-box:first-child {margin-bottom: 10px;}
	#section-04 .bul-list .dot-list {padding-top: 5px;}
	#section-04 .bul-list > li {padding-bottom:10px;}
	#section-04 .bul-list > li::before {width: 16px;height: 22px;font-size: 0.8125rem;line-height: 22px;padding: 0 3px;}
}
@media screen and (max-width: 480px) {
	#section-04 .main-area > .tit {font-size: 1.125rem;}
	#section-04 .main-area > .tit::before {width: 12px;}
	#section-04 .main-area > .tit::after {width: 12px}
	#section-04 .box-tit {padding-bottom: 8px;}
	#section-04 .box-wrap .con-box {border-radius: 0;}
	#section-04 .bul-list > li {padding-bottom:5px;}
}




/*-------------------------------------------------------------------
	@ section-05
-------------------------------------------------------------------*/
#section-05 {display:block; background-color:#ffffff; z-index: -2;}
#section-05::after {content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-image: url(../images/main/img_sec05_bg1.png); background-repeat: no-repeat; background-position: top left; background-size: contain;}
#section-05::before {content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-image: url(../images/main/img_sec05_bg2.png); background-repeat: no-repeat; background-position: bottom center; background-size: contain;}

#section-05 .box-list {display: flex; margin: 0 -10px;}
#section-05 .box-list > li {display: block; position: relative; overflow: hidden; width: calc((100% - 20px) /3); margin: 0 10px; padding: 80px 20px 90px; border: 1px solid #EDEDED; border-radius: 20px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
#section-05 .box-list > li .img-box {display: block;}
#section-05 .box-list > li .img-box::before {position: absolute; top: 30px; left: 50%; content: ''; display: block; width: 90px; height: 35px; background: url(../images/sub/i_logo_kaist.png) no-repeat center center/contain; transform:translateX(-50%);}
#section-05 .box-list > li:nth-child(2) .img-box::before {background-image: url(../images/sub/i_logo_dgist.png);}
#section-05 .box-list > li:nth-child(3) .img-box::before {background-image: url(../images/sub/i_logo_gist.png);}
#section-05 .box-list > li:nth-child(4) .img-box::before {background-image: url(../images/sub/i_logo_unist.png);}
#section-05 .box-list > li .address {display: block; padding: 10px 0 20px; font-size: 1rem; font-weight: 500; text-align: center;} 
#section-05 .box-list > li .address .team {display: block; padding-top:5px; color: #2A4681;} 
#section-05 .box-list > li .link {display: flex; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; border-top: 1px solid #EDEDED; font-weight: 500; justify-content: center; align-items: center;}
#section-05 .box-list > li .link::after {content: ''; display: block; width: 16px; height: 16px; margin-left: 10px; background: url(../images/main/i_goto.svg) no-repeat center/contain;}
#section-05 .box-list > li .dot-list > li {word-break: break-all;}

#section-05 .link-wrap {display: flex; margin: 0 -10px; padding-top:50px;} 
#section-05 .link-wrap > li {display: block; position: relative; width: calc((100% - 20px) /3); margin: 0 10px; border-radius: 20px; background-color: #F1F5FF;}
#section-05 .link-wrap > li .link-box {display: block; width: 100%; height: 100%; padding: 30px 30px 30px 110px;}
#section-05 .link-wrap > li .link-box::before {display: block; position: absolute; top: 50%; left: 5%; content: ''; width: 60px; height: 60px; background: url(../images/main/img_sec05_1.png) no-repeat center center/contain; transform:translateY(-50%);}
#section-05 .link-wrap > li:nth-child(2) .link-box::before {background-image: url(../images/main/img_sec05_2.png);}
#section-05 .link-wrap > li:nth-child(3) .link-box::before {background-image: url(../images/main/img_sec05_3.png);}
#section-05 .link-wrap > li .link-box .txt-box {display: block; font-size: 1.25rem; font-weight: 700; color: #111111;}
#section-05 .link-wrap > li .link-box .txt {display: block; padding-top: 10px; font-size: 1rem; font-weight: 400;}

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#section-05 .box-list > li {transition: border 0.3s;}
#section-05 .box-list > li:hover {border: 1px solid #2A4681;}
#section-05 .box-list > li .link {transition: border 0.3s, background-color 0.3s, color 0.3s;}
#section-05 .box-list > li:hover .link {border-top: 1px solid #2A4681; background-color: #2A4681; color: #ffffff;}
#section-05 .box-list > li .link::after {transition: background-image 0.3s;}
#section-05 .box-list > li:hover .link::after {background-image: url(../images/main/i_goto_on.svg);}

#section-05 .link-wrap {transition: padding 0.3s;}
#section-05 .link-wrap > li {transition: background-color 0.3s;}
#section-05 .link-wrap > li:focus,
#section-05 .link-wrap > li:hover {background-color: #2A4681;}
#section-05 .link-wrap > li .link-box .txt-box {transition: color 0.3s;}
#section-05 .link-wrap > li:focus .link-box .txt-box,
#section-05 .link-wrap > li:hover .link-box .txt-box {color: #ffffff;}
#section-05 .link-wrap > li .link-box .txt {transition: color 0.3s;}
#section-05 .link-wrap > li:focus .link-box .txt,
#section-05 .link-wrap > li:hover .link-box .txt {color: #ffffff;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#section-05 .box-list > li {padding: 70px 20px 80px;}
	#section-05 .box-list > li .img-box::before {top:25px}
	#section-05 .box-list > li .link {height: 50px;}
	#section-05 .link-wrap {padding-top: 30px;}
}
@media screen and (max-width: 1200px) {
	#section-05 .link-wrap {margin: 0 -10px;}
	#section-05 .link-wrap > li {margin: 0 10px;}
	#section-05 .link-wrap > li .link-box {padding: 20px 20px 20px 80px;}
	#section-05 .link-wrap > li .link-box::before {width: 50px; height: 50px;}
	#section-05 .link-wrap > li .link-box .txt-box {font-size: 1.125rem;}
	#section-05 .link-wrap > li .link-box .txt {padding-top: 5px;}
}
@media screen and (max-width: 1050px) {
	#section-05 .box-list {margin: 0 -7px; flex-wrap: wrap; border-radius: 15x;}
	#section-05 .box-list > li {width: calc(50% - 14px); margin: 0 7px; padding: 60px 20px 70px;}
	#section-05 .box-list > li:nth-child(n+3) {margin-top: 15px;}
	#section-05 .box-list > li .img-box::before {top: 20px; left: 20px; transform: translateY(0); background-position: center left;}
	#section-05 .box-list > li .address {padding: 10px 0; text-align: left;}
	#section-05 .box-list > li .link {height: 50px;}
	#section-05 .link-wrap {margin: 0 -7px; padding-top: 20px;}
	#section-05 .link-wrap > li {margin: 0 7px; border-radius: 15px;}
	#section-05 .link-wrap > li .link-box {padding: 70px 20px 20px; align-items: flex-start;}
	#section-05 .link-wrap > li .link-box::before {top: 20px; left: 20px; width: 40px; height: 40px; transform: translateY(0);}
}
@media screen and (max-width: 800px) {
	#section-05 .box-list > li {border-radius: 5px;}
	#section-05 .link-wrap > li {border-radius: 5px;}
}
@media screen and (max-width: 600px) {
	#section-05 .box-list > li {padding: 50px 20px 60px; border-radius: 10px;}
	#section-05 .box-list > li .img-box::before {width: 70px; height: 30px;}
	#section-05 .box-list > li .link {height: 45px;}
	#section-05 .box-list > li .link::after {width: 12px; height: 12px;}
	#section-05 .box-list > li .address .team {padding-top:3px;}
	#section-05 .link-wrap {padding-top:25px; flex-wrap: wrap;}
	#section-05 .link-wrap > li {width:100%; border-radius: 10;}
	#section-05 .link-wrap > li:nth-child(n+2) {margin-top: 10px;}
}
@media screen and (max-width: 480px) {
	#section-05 .box-list > li {width:100%; padding: 45px 15px 60px;}
	#section-05 .box-list > li:nth-child(n+2) {margin-top: 10px;}
	#section-05 .box-list > li .img-box::before {top: 15px; left: 15px;}
	#section-05 .link-wrap {padding-top:20px;}
	#section-05 .link-wrap > li .link-box {padding: 60px 15px 15px; align-items: flex-start;}
	#section-05 .link-wrap > li .link-box::before {top: 15px; left: 15px; width: 35px; height: 35px; transform: translateY(0);}
}





/*-------------------------------------------------------------------
	@ fp-nav
-------------------------------------------------------------------*/
#fp-nav {display:block; position:fixed; top:50%; z-index:10; opacity:1; transform:translateY(-50%);} 
#fp-nav ul {display:block;} 
#fp-nav ul li {display:block;}

#fp-nav ul li a::before,
.fp-slidesNav ul li a::before,
#fp-nav ul li:hover a::before,
.fp-slidesNav ul li:hover a::before{
    content:'';
    position: absolute;
    top:3px;
    left:3px;
    z-index:-1;
    width:20px;
    height:20px;
    background-color: rgba(255,255,255,0.2);
    border-radius:50%;
    opacity:0;
    transition:opacity 0.4s;
 }
#fp-nav ul li a.active::before,
.fp-slidesNav ul li a.active::before,
#fp-nav ul li:hover a.active::before,
.fp-slidesNav ul li:hover a.active::before{
    opacity:1;
 }

.fp-viewing-firstPage #fp-nav ul li a span,
.fp-viewing-firstPage .fp-slidesNav ul li a span {background-color:#bac4da;}

.fp-viewing-firstPage #fp-nav ul li a.active::before,
.fp-viewing-firstPage .fp-slidesNav ul li a.active::before {background-color:#2A4681;}

#fp-nav ul li a.active::before, 
.fp-slidesNav ul li a.active {background:#D0D5E2;}

.fp-viewing-firstPage #fp-nav ul li a.active span,
.fp-viewing-firstPage .fp-slidesNav ul li a.active span {background-color:#ffffff;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#main #fp-nav ul li a, 
	#main .fp-slidesNav ul li a {width:25px; height:25px; transition:width 0.3s, height 0.3s;}
	#main #fp-nav ul li a::before, 
	#main .fp-slidesNav ul li a::before, 
	#main #fp-nav ul li:hover a::before, 
	#main .fp-slidesNav ul li:hover a::before {width:25px; height:25px;}
	#main #fp-nav ul li a span, 
	#main .fp-slidesNav ul li a span {width:5px; height:5px; transition:width 0.3s, height 0.3s;}
	#main #fp-nav ul li a::before, 
	#main .fp-slidesNav ul li a::before, 
	#main #fp-nav ul li:hover a::before, 
	#main .fp-slidesNav ul li:hover a::before {top:0px; left:0px;}
	#main #fp-nav ul li a span, 
	#main .fp-slidesNav ul li a span {margin:0;}
}
@media screen and (max-width: 1024px) {
	#main #fp-nav {display:none;}
}

 


/*-------------------------------------------------------------------
	@Popup
-------------------------------------------------------------------*/
/* 메인 팝업 */
#main .popupwrap {display:inline-block; position:absolute; top:150px; left:300px; z-index:9999999; background-color:#003863;}
#main .main-popup{background:#ffffff;}
#main .popuphead {padding: 10px; background:linear-gradient(to top, #2A4681, #2A4681);}
#main .popuphead .tit {line-height: 22px; font-weight: 700; font-size: 1rem; color: #fff;}
#main .popupcontent {display: block; border-top:2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd;}
#main .popupcontent .con-box {display: block;}
#main .popupcontent .con-box > img {display: block; width:100%; margin:0 auto;}
#main .popupfoot {margin-bottom:-3px;padding:7px 0;background:#ffffff; border:1px solid #d9d9d9;}
#main .popupfoot:after {display:block;content:"";clear:both;}
#main .popupfoot .popfleft {float:left;margin-left:15px; color: #777; line-height: 25px; font-size: 1rem;}
#main .popupfoot .popfleft > label {padding:0 5px;}
#main .popupfoot .popfright {float:right;margin-right:15px;}
#main .popupfoot .popfright .btn-close {display: block; height: 25px; padding: 0 10px; border-radius: 3px; background-color:#666;}
#main .popupfoot .popfright .btn-close > span { color: #fff;}

/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#main .popupfoot .popfright .btn-close {background-color:#666; transition:background 0.3s;}

#main .popupfoot .popfright .btn-close:focus,
#main .popupfoot .popfright .btn-close:hover,
#main .popupfoot .popfright .btn-close.active {background-color:#222;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#main .popupwrap {left: 0px !important;}
}
@media screen and (max-width: 1024px) {
    #main .popupwrap {top: 137px !important;}
    #main .popupcontent {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 800px) {
    #main .popupwrap {top: 127px !important;}
}
@media screen and (max-width: 600px) {
    #main .popupwrap {top: 97px !important;}
}





