@charset "utf-8";

/* layout */
/* layout pc */
@media all and (min-width:769px) {
    .wrap{padding-top:0;}
    .container{padding-top:0; padding-bottom:4rem;}
}

@media all and (max-width:768px) {   
    .container{padding-top:0;}
}

/* header pc */
@media all and (min-width:769px) {
    .header{background-color:transparent; transition:background .2s}
    .header .main_logo a{width:32rem; position:relative;}
    .header .main_logo img{opacity:0; position:absolute; left:0; top:0; transition:opacity .2s;}
    .header .main_logo img.main_page_d_logo{opacity:1;}
    .header .gnb .depth01_btn{color:#FAFAFA; transition: color .2s}
    

    .header:hover{background-color:#fff}
    .header:hover .main_logo{height:4.7rem;}
    .header:hover .main_logo img{opacity:1;}
    .header:hover .main_logo img.main_page_d_logo{opacity:0;}
    .header:hover .gnb .depth01_btn{color:#0A0A0B;}
    
    .header.sc_active{background-color:#fff}
    .header.sc_active .main_logo{height:4.7rem;}
    .header.sc_active .main_logo img{opacity:1;}
    .header.sc_active .main_logo img.main_page_d_logo{opacity:0;}
    .header.sc_active .gnb .depth01_btn{color:#0A0A0B;}
}
/* header mobile */
@media all and (max-width:768px) {
    .header .main_logo img.main_page_d_logo{display:none;}
}

/* swiper_btns */
.swiper_btns{display:flex; align-items:center; justify-content:flex-end;}
.swiper_btns .swiper_prev{width:2.4rem; height:2.4rem; background:url('/images/icon/swiper_prev_btn.png') no-repeat center/contain; cursor:pointer; display:block !important;}
.swiper_btns .swiper_next{width:2.4rem; height:2.4rem; background:url('/images/icon/swiper_next_btn.png') no-repeat center/contain; cursor:pointer; display:block !important;}
.swiper_btns .swiper_pause{width:2.4rem; height:2.4rem; background:url('/images/icon/swiper_pause_btn.png') no-repeat center/contain; cursor:pointer; margin-left:.8rem;}




/* main_visual_sect */
.main_visual_sect{height:55.6rem; background:url('/images/background/main_visual_bg.png') no-repeat center top/cover;}
.main_visual_sect .guide{padding-top:19.8rem;}
.main_visual_sect .tit{font-size:3.4rem; font-weight:600; color:#fafafa; line-height:4.1rem;}
.main_visual_sect .en_tit{margin-top:2.4rem; font-size:3.4rem; line-height:4.1rem; color:#fafafa;}

@media all and (max-width:768px) {
    .main_visual_sect{height:20.3rem; background-image:url('/images/background/main_visual_bg_m.png');}
    .main_visual_sect .guide{padding-top:3.2rem;}
    .main_visual_sect .tit{font-size:2rem; line-height:2.8rem;}
    .main_visual_sect .en_tit{margin-top:.8rem; font-size:1.6rem; line-height:2.2rem; font-weight:500;}
}


/* sect01 */
.sect01 .guide{position:relative;}
.sect01 .inner_panel{background-color:#fff; border-radius:3.2rem; padding:2.8rem 3.2rem; box-shadow: 4px 4px 0px 0px #0000004D; position:absolute; left:0; right:0; top:-12rem; display:flex; align-items:center; gap:2.4rem;}
.sect01 .swiper{flex:1;}
.sect01 .sect01_prev_btn,
.sect01 .sect01_next_btn{width:4.4rem; height:4.4rem; border:2px solid #0062AC;  border-radius:50%; background:#fff no-repeat center/2.4rem;}
.sect01 .sect01_prev_btn{background-image:url('/images/icon/swiper_prev_01.png');}
.sect01 .sect01_next_btn{background-image:url('/images/icon/swiper_next_01.png');}
.sect01 .sect01_prev_btn:hover{background-image:url('/images/icon/swiper_prev_01_ac.png'); background-color:#0062AC;}
.sect01 .sect01_next_btn:hover{background-image:url('/images/icon/swiper_next_01_ac.png'); background-color:#0062AC;}
.sect01 .swiper-slide a{display:block; height:16rem; text-align:center;}
.sect01 .swiper-slide a .logo{display:block; width:9.3rem; height:9.3rem; border-radius:50%; overflow:hidden; margin:0 auto;}
.sect01 .swiper-slide a .logo img{width:100%; height:100%; object-fit:cover;}
.sect01 .swiper-slide a .tit{display:block; margin-top:1rem; font-size:2.4rem; font-weight:600; line-height:2.9rem;}

@media all and (max-width:768px) {
    .sect01 .inner_panel{top:-5.6rem; padding:1.5rem 1.4rem; gap:0; box-shadow: 2.84px 2.84px 0px 0px #0000004D; left:2rem; right:2rem;}
    .sect01 .sect01_prev_btn,
    .sect01 .sect01_next_btn{width:2.4rem; height:2.4rem; background-size:1.3rem;}
    .sect01 .swiper{margin:0 -1rem}
    .sect01 .swiper-slide a{height:8.8rem;}
    .sect01 .swiper-slide a .logo{width:5.3rem; height:5.3rem;}
    .sect01 .swiper-slide a .tit{margin-top:.6rem; font-size:1.3rem; font-weight:600; line-height:1.5rem;}
}


/* sect02 */
.sect02{padding-top:16.1rem;}
.sect02 .guide{display:flex; align-items:stretch; justify-content:space-between;}
.sect02 .guide .article_wrap{width:56.2rem; padding:2rem 0;}
.sect02 .guide .article_wrap .top{display:flex; justify-content:space-between; border-bottom:1px solid #9F9C9C; align-items:center;}
.sect02 .guide .article_wrap .tab_btns{display:flex; align-items:center; gap:1.6rem;}
.sect02 .guide .article_wrap .tab_btns .tab_btn{width:7.8rem; height:4.8rem; display:inline-flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:500; margin-bottom:-1px;}
.sect02 .guide .article_wrap .tab_btns .tab_btn.active{border-bottom:.3rem solid #0062AC; font-weight:700;}
.sect02 .guide .article_wrap .plus_btn{width:3.2rem; height:3.2rem; background:url('/images/icon/blue_plus.png') no-repeat center/contain; cursor:pointer;}
.sect02 .guide .article_list li{display:flex; align-items:center; gap:2.1rem; padding:1.3rem 2rem; border-bottom:1px solid #E3E3E3; cursor:pointer; background-color:#fff;}
.sect02 .guide .article_list li:hover{background-color:#F1F6F8;}
.sect02 .guide .article_list .tag{display:inline-flex; width:6.4rem; height:3.6rem; align-items:center; justify-content:center; background-color:#0062AC33; color:#0062AC; font-size:1.8rem; font-weight:500; border-radius:3.6rem;}
.sect02 .guide .article_list span{display:block; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sect02 .guide .swiper_wrap{width:69.2rem;}
.sect02 .guide .swiper_wrap .swiper_btns{justify-content:flex-end;}
.sect02 .guide .swiper_wrap .swiper{margin-top:1.2rem;}
.sect02 .guide .swiper_wrap .swiper-slide a{display:block; width:68.2rem; height:36.8rem; border-radius:2.4rem; overflow:hidden;}
.sect02 .guide .swiper_wrap .swiper-slide a img{width:100%; height:100%; object-fit:cover;}

@media all and (max-width:768px) {
    .sect02{padding-top:6.4rem;}
    .sect02 .guide{flex-direction:column; gap:3.2rem;}
    .sect02 .guide .article_wrap{width:auto; padding:1.3rem 0; margin:0 -2rem;}
    .sect02 .guide .article_wrap .top{flex-direction:column-reverse; align-items:flex-end;}
    .sect02 .guide .article_wrap .tab_btns{justify-content:space-between; gap:0; width:100%; padding:0 1.6rem;}
    .sect02 .guide .article_wrap .tab_btns .tab_btn{width:5.1rem; font-size:1.2rem; height:3.2rem;}
    .sect02 .guide .article_wrap .plus_btn{margin-right:2rem; width:2.1rem; height:2.1rem;}
    .sect02 .guide .article_list li{padding:.9rem 1.6rem; gap:1.4rem;}
    .sect02 .guide .article_list .tag{height:2.4rem; width:4.2rem; font-size:1.2rem;}
    .sect02 .guide .article_list span{font-size:1.2rem; font-weight:500;}
    .sect02 .guide .swiper_wrap{width:auto;}
    .sect02 .guide .swiper_wrap .swiper-slide a{width:100%; height:auto; border-radius:.8rem;}
}


/* sect03 */
.sect03{overflow:hidden; width:100%; margin-top:6.6rem; padding:11.4rem 0 7.6rem; position:relative;}
.sect03 .guide{display:flex; align-items:flex-start; justify-content:space-between;}
.sect03 .guide .news_wrap{width:63rem; position:relative;}
.sect03 .guide .news_wrap:before{content:''; display:block; width:50vw; height:27.6rem; border-radius:3.2rem; background-color:#00518F; position:absolute; top:-11.4rem; z-index:-1; right:21.2rem;}
.sect03 .guide .news_wrap .top_tit{display:flex; align-items:flex-end; gap:1.2rem;}
.sect03 .guide .news_wrap .top_tit b{font-size:3.4rem; font-weight:600; color:#fafafa; line-height:3.4rem;}
.sect03 .guide .news_wrap .top_tit span{font-size:1.4rem; color:#e3e3e3; line-height:1.4rem;}
.sect03 .guide .news_wrap .img_cont{margin-top:2.4rem; width:63rem; height:36.7rem; border:.4rem solid #fff; position:relative;}
.sect03 .guide .news_wrap .img_cont img{width:100%; height:100%; object-fit:cover;}
.sect03 .guide .news_wrap .img_cont .btm_tit{position:absolute; left:0; bottom:0; right:0; padding:.75rem 2rem; background-color:#FFFFFFCC;}
.sect03 .guide .news_wrap .img_cont .btm_tit .date{font-size:1.4rem; color:#0062AC;}
.sect03 .guide .news_wrap .img_cont .btm_tit .tit_wrap{margin-top:.4rem; display:flex; align-items:center; justify-content:space-between;font-size:1.8rem; font-weight:700;}
.sect03 .guide .news_wrap .img_cont .btm_tit .arrow_btn{width:2.4rem; height:2.4rem; background:url('/images/icon/new_arrow.png') no-repeat center/contain;}
.sect03 .guide .swiper_wrap{width:54.4rem; position:relative; margin-top:2rem;}
.sect03 .guide .swiper_wrap:before{content:''; display:block; width:50vw; height:33.4rem; border-radius:3.2rem; background-color:#E3EDF1; position:absolute; bottom:-7.6rem; z-index:-1; left:8.7rem;}
.sect03 .guide .swiper{margin-top:1.6rem;}
.sect03 .guide .swiper-slide a{display:block; width:100%; height:37.2rem; position:relative;}
.sect03 .guide .swiper-slide a img{width:100%; height:100%; object-fit:cover;}
.sect03 .guide .swiper-slide .tag{display:block; position:absolute; left:0; top:0; width:6rem; line-height:3.2rem; background:#FAFAFACC; border-bottom-right-radius:.8rem; text-align:center; font-size:1.6rem; font-weight:500;}

@media all and (max-width:768px) {
    .sect03{padding:0; margin-top:3.2rem;}
    .sect03 .guide{flex-direction:column; gap:3.2rem;}
    .sect03 .guide .news_wrap{width:100%;}
    .sect03 .guide .news_wrap .top_tit{gap:.8rem; align-items:center;}
    .sect03 .guide .news_wrap .top_tit b{color:#0A0A0B; font-size:2rem; line-height:2.8rem;}
    .sect03 .guide .news_wrap .top_tit span{color:#5A5555; font-size:1.6rem; font-weight:500;}
    .sect03 .guide .news_wrap .img_cont{width:100%; height:auto; margin-top:1.6rem; border:0;}
    .sect03 .guide .news_wrap .img_cont .btm_tit{padding:1.6rem 1.1rem;}
    .sect03 .guide .news_wrap .img_cont .btm_tit .tit_wrap{font-size:1.4rem; margin-top:.4rem;}
    .sect03 .guide .news_wrap .img_cont .btm_tit .arrow_btn{width:1.7rem; height:1.7rem;}

    .sect03 .guide .swiper{margin-top:1.2rem;}
    .sect03 .guide .swiper_wrap{width:100%;}
    .sect03 .guide .swiper_wrap .swiper-slide{width:auto;}
    .sect03 .guide .swiper-slide a{width:17.1rem; height:23.7rem;}
    .sect03 .guide .swiper-slide .tag{font-size:1.4rem; font-weight:500;}


    .sect03 .guide .news_wrap:before,
    .sect03 .guide .swiper_wrap:before{content:none;}

}


/* sect04 */
.sect04{margin-top:6.4rem;}
.sect04 .inner_panel{padding:4rem; border-radius:1.6rem; background: linear-gradient(90deg, #93B9C9 0%, #00518F 100%); display:flex; align-items:center; justify-content:space-between;}
.sect04 .inner_panel .tit{font-size:2.8rem; line-height:1; font-weight:600; color:#E3EDF1;}
.sect04 .inner_panel .btn_wrap{display:flex; align-items:center; gap:1.6rem;}
.sect04 .inner_panel .btn_wrap .btn{gap:.8rem; padding:1.6rem; height:5.6rem; border-radius:5.6rem; border:1px solid #fafafa; color:#fafafa; font-weight:600; font-size:1.4rem;}
.sect04 .inner_panel .btn_wrap .btn img{height:2.4rem;}
.sect04 .inner_panel .btn_wrap .btn .active_img{display:none;}
.sect04 .inner_panel .btn_wrap .btn:after{content:''; display:block; width:1.6rem; height:1.6rem; background:url('/images/icon/arrow_right_w.png') no-repeat center/contain; margin-left:.3rem;}
.sect04 .inner_panel .btn_wrap .btn.type_w{background-color:#fff; color:#0062AC;}
.sect04 .inner_panel .btn_wrap .btn.type_w:after{background-image:url('/images/icon/arrow_right_blue.png');}
.sect04 .inner_panel .btn_wrap .btn:hover{background-color:#E5EDF2; color:#0062AC;}
.sect04 .inner_panel .btn_wrap .btn:hover:after{background-image:url('/images/icon/arrow_right_blue.png');}
.sect04 .inner_panel .btn_wrap .btn:hover img{display:none;}
.sect04 .inner_panel .btn_wrap .btn:hover .active_img{display:block;}
.sect04 .inner_panel .btn_wrap .btn.type_w:hover{background-color:#193051; border-color:#193051; color:#fff;}
.sect04 .inner_panel .btn_wrap .btn.type_w:hover:after{background-image:url('/images/icon/arrow_right_w.png');}

@media all and (max-width:768px) {
    .sect04{margin-top:3.2rem;}
    .sect04 .inner_panel{display:block; padding:2.4rem 2.5rem;}
    .sect04 .inner_panel .tit{font-size:1.6rem;}
    .sect04 .inner_panel .btn_wrap{margin-top:1.6rem; gap:.8rem 1.6rem; flex-wrap:wrap;}
    .sect04 .inner_panel .btn_wrap .btn{width:calc(50% - .8rem); white-space:nowrap;}
}


/* sect05 */
.sect05{margin-top:10.3rem;}
.sect05 .guide{display:flex; justify-content:space-between; align-items:center; gap:7.6rem;}
.sect05 .swiper-slide{padding:.5rem 0; height:6rem; width:auto;}
.sect05 .swiper-slide a,
.sect05 .swiper-slide img{display:block; height:100%;}

@media all and (max-width:768px) {
    .sect05{margin-top:3.2rem;}
    .sect05 .guide{flex-direction:column-reverse; gap:1.2rem; align-items:flex-end;}
    .sect05 .swiper{width:100%;}
    .sect05 .swiper-slide{height:3.2rem; padding:0;}
}