@charset "utf-8";
/*-------------------------------------------------------------------
    ## 공통디자인
-------------------------------------------------------------------*/
/* 애니메이션 */
@keyframes slideUpStrong {
	0% {
		opacity: 0;
        transform: translate(0, 8rem);
    }
    100% {
    opacity: 1;
    transform: translate(0, 0);
    }
}

@keyframes slideUpText {
    0% {
        opacity: 0;
        transform: translate(0, 8rem);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.section_wrap { position:relative;}
.section_wrap:after { display:block; visibility:hidden; clear:both; content:""}

/*-------------------------------------------------------------------
    ## 컨텐츠
-------------------------------------------------------------------*/
/* main_section01 - 메인슬라이드 */
.main_section01 { position:relative; margin-bottom:9rem;}
.main_section01:after {display:block; visibility:hidden; clear:both; content:""}
.main_section01 .main_visual_wrap { position:relative;}
.main_section01 .main_visual_wrap .main_visual_box .visual { position:relative; height:62rem; overflow:hidden;}
.main_section01 .main_visual_wrap .main_visual_box .visual .bg { position:absolute; inset:0 0 0 0; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1); transition:transform 8s;}
.main_section01 .main_visual_wrap .main_visual_box .visual.on .bg { transform:scale(1);}
.main_section01 .main_visual_wrap .main_visual_box .visual01 .bg { background-image:url("../img/main_img01.jpg");}
.main_section01 .main_visual_wrap .main_visual_box .visual02 .bg { background-image:url("../img/main_img02.jpg");}
.main_section01 .main_visual_wrap .main_visual_box .visual .txt { position:absolute; top:50%; left:50%; width:100%; max-width:124rem; transform:translate(-50%, -50%); z-index:4; color:#fff;}
.main_section01 .main_visual_wrap .main_visual_box .visual .txt strong { display:block; line-height:1.25; font-size:4.4rem; text-shadow:0 0 16px rgba(0, 0, 0, 0.25);}
.main_section01 .main_visual_wrap .main_visual_box .visual .txt div { margin-top:1.6rem; margin-bottom:4rem; font-size:2.4rem; text-shadow:0 0 4px rgba(0, 0, 0, 0.25);}
.main_section01 .main_visual_wrap .main_visual_box .visual .txt strong { opacity:0; transform:translate(0, 8rem);}
.main_section01 .main_visual_wrap .main_visual_box .visual.on .txt strong { animation:slideUpStrong 0.4s ease-out 0.4s forwards;}
.main_section01 .main_visual_wrap .main_visual_box .visual .txt div { opacity:0; transform:translate(0, 8rem);}
.main_section01 .main_visual_wrap .main_visual_box .visual.on .txt div { animation:slideUpText 0.4s ease-out 0.8s forwards;}
.main_section01 .main_visual_wrap .page { position:absolute; left:50%; bottom:8rem; max-width:14rem; transform:translate(-50%, 0); z-index:5;}
.main_section01 .main_visual_wrap .page span { width:3.2rem; height:0.4rem; border-radius:0.2rem; background:#fff; opacity:.3;}
.main_section01 .main_visual_wrap .page span.swiper-pagination-bullet-active { background:#fff; opacity:1;}
.main_section01 .main_visual_wrap .arrows { position:absolute; top:calc(50% + 12rem); right:2.4rem; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-end; gap:1.6rem; transform:translate(0, -50%); z-index:5;}
.main_section01 .main_visual_wrap .arrows button { display:flex; align-items:center; justify-content:center; width:8rem; height:8rem; background:rgba(0, 0, 0, 0.25); border:2px solid #fff; border-radius:50%; transform:translate(0, -50%); font-size:3.6rem; opacity:0.4; color:#fff;}
.main_section01 .main_visual_wrap .arrows button:hover { background:rgba(0, 0, 0, 0.5); opacity:1;}
.main_section01 .main_visual_wrap .arrows button .icon { width:4rem; height:4rem; stroke:var(--white-color); stroke-width:1;}
.main_section01 .main_visual_wrap .main_visual_box .visual::before { content:""; position:absolute; inset:0 0 0 0; background: linear-gradient(rgba(0, 0, 0, 0.4) 40%, transparent); z-index:2;}
.main_section01 .main_visual_wrap .main_visual_box .visual::after { content:""; position:absolute; inset:0 0 0 0; z-index:3; background:url(../img/pt-bg01.png);}

/* main_section01 - 통합검색 */
.main_section01 .search_wrap { position:absolute; bottom:-4.3rem; left:50%; transform:translate(-50%, 0); z-index:10; overflow:hidden;}
.main_section01 .search_wrap .find_area { display:flex; justify-content:center; align-items:center; padding:1.8rem 0; background:#05315c; border-radius:5rem;}
.main_section01 .search_wrap .find_text { font-size:2.2rem; color:#00ffff;}
.main_section01 .search_wrap .find_input { position:relative; width:100%; max-width:83rem; margin:0 3rem;}
.main_section01 .search_wrap .find_input .search_inp { width:100%; height:5rem; line-height:5rem; padding-left:2.5rem; padding-right:9rem; border:1px solid #d9d9d9; color:#666;}
.main_section01 .search_wrap .find_input .search_btn { position:absolute; right:0; top:0; width:9rem; height:100%; background:#d9d9d9 url(../img/btn_search.png) no-repeat center; text-indent:-9999px;}
.main_section01 .search_wrap .find_detail .search_detail { display:block; width:19rem; max-width:19rem; height:5rem; line-height:5rem; text-align:center; background:#0072bc; color:#fff;}
.main_section01 .search_wrap .find_detail .search_detail span { margin-right:1rem;}

/* main_section02 */
.main_section02 { position:relative; margin-bottom:10rem;}
.main_section02:after { display:block; visibility:hidden; clear:both; content:""}
.subn_flex_wrap {display:flex; align-items:flex-start; gap:0 2rem;}
.subn_flex_wrap .subn_flex_wrap_left { flex-basis:62rem; width:62rem;}
.subn_flex_wrap .subn_flex_wrap_left .box-img img { width:100%;}
.subn_flex_wrap .subn_flex_wrap_left .subn-container { position:relative; width:100%; overflow:hidden;}
.subn_flex_wrap .subn_flex_wrap_right { flex-basis:calc(100% - 62rem); width:calc(100% - 62rem);}
.subn_flex_wrap .subn_flex_wrap_right .quick_box { height:40.5rem; padding:3rem; background:#e5e5e5; border:1px solid #b9b9b9;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list { display:flex; justify-content:space-between; flex-wrap:wrap; gap:3rem 0;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li { position:relative; width:25%;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li a { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li a .quick_icon { width:10rem; height:10rem; border-radius:50%; border:1px solid #a9a9a9; background-color:#fff; background-repeat:no-repeat;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(1) a .quick_icon { background-image:url(../img/quick_icon01.png); background-size:6.2rem 5rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(2) a .quick_icon { background-image:url(../img/quick_icon02.png); background-size:5.7rem 5rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(3) a .quick_icon { background-image:url(../img/quick_icon03.png); background-size:4.2rem 5.6rem; background-position:48% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(4) a .quick_icon { background-image:url(../img/quick_icon04.png); background-size:5.4rem 4.5rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(5) a .quick_icon { background-image:url(../img/quick_icon05.png); background-size:4.6rem 4.5rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(6) a .quick_icon { background-image:url(../img/quick_icon06.png); background-size:3.8rem 4.5rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(7) a .quick_icon { background-image:url(../img/quick_icon07.png); background-size:4rem 5.3rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li:nth-child(8) a .quick_icon { background-image:url(../img/quick_icon08.png); background-size:5.4rem 4.7rem; background-position:50% center;}
.subn_flex_wrap .subn_flex_wrap_right .quick_list li a p { margin-top:1rem;font-size: 1.6rem; color: #363636;font-weight: 500;}

/* main_section03 */
.main_section03 { position:relative; margin-bottom:14rem; background:#448ccb;}
.main_section03:after { display:block; visibility:hidden; clear:both; content:""}
.main_section03 .qb_flex_wrap { display:flex; gap:0;}
.main_section03 .qb_flex_wrap .qb_photo { width:50%; height:39rem; min-height:39rem; background:#448ccb url(../img/qb_photo.jpg) no-repeat 15% center; background-size:cover;}
.main_section03 .qb_flex_wrap .qb_txt { position:relative; display:flex; width:50%; color:#fff;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit { padding:5rem 0 0 10rem;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit h1 { margin-bottom:2rem; font-size:5rem; text-transform:uppercase;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_desc { margin-bottom:5rem;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul { display:flex; flex-wrap:wrap; gap:10px;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li { display:flex; width:33.3%;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(1),
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(2) { flex:0 0 calc(50% - 5px);}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(n+3) { flex:0 0 calc(33.333% - 10px);}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li .qb_btn { display:flex; justify-content:center; align-items:center; width:100%; padding:0.8rem 0; font-size:1.6rem; color:#fff;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li .qb_btn::before { content:'▶'; margin-right:0.8rem; font-size:0.7em;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(1) .qb_btn,
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(2) .qb_btn { background-color:#2c5e93;}
.main_section03 .qb_flex_wrap .qb_txt .qb__tit .qb_ul li:nth-child(n+3) .qb_btn { background-color:transparent; border:1px solid #fff;}

/* main_section04 */
.main_section04 { position:relative; margin-bottom:12rem;}
.main_section04:after { display:block; visibility:hidden; clear:both; content:""}
.main_section04 .advice__tit { margin-bottom:6rem; font-size:5.6rem; text-align:center; color:#000;}
.main_section04 .advice_flex_wrap ul { display:flex; gap:0 4.9rem;}
.main_section04 .advice_flex_wrap ul > li { position:relative; text-align:center;}
.main_section04 .advice_flex_wrap ul > li img { width:100%;}
.main_section04 .advice_flex_wrap ul > li strong { position:relative; font-size:4.6rem; color:#87756b;}
.main_section04 .advice_flex_wrap ul > li strong:before { content:""; position:absolute; bottom:1.6rem; right:-0.7rem; display:inline-block; width:2.5rem; height:0.1rem; background:#87756b; transform:skewY(135deg); z-index:1;}
.main_section04 .advice_flex_wrap ul > li strong:after { content:""; position:absolute; bottom:0.1rem; right:-0.1rem; display:inline-block; width:1.2rem; height:1.5rem; background:#fff; transform:skewY(135deg); z-index:1;}
.main_section04 .advice_flex_wrap ul > li .adv_tit { font-size:4rem; color:#063d6c;}
.main_section04 .advice_flex_wrap ul > li .adv_txt { margin: 1rem 0 2rem; /*margin-bottom:2rem;*/ letter-spacing:-0.05rem; color:#666;}
.main_section04 .advice_flex_wrap ul > li .adv_txt span { color:#000;}
.main_section04 .advice_flex_wrap ul > li .adv_more { padding:0.6rem 7rem; font-size:1.3rem; border:1px solid #ababab; color:#666;}

/* main_section05 */
.main_section05 { position:relative; margin-bottom:6rem;}
.main_section05:after { display:block; visibility:hidden; clear:both; content:""}
.main_section05 .board_flex_wrap {display:flex; align-items:flex-start; gap:0 6rem;}
.main_section05 .board_flex_wrap .board_flex_left { flex-basis:50%; width:50%;}
.main_section05 .board_flex_wrap .board_flex_right { flex-basis:50%; width:50%;}
.main_section05 .board_flex_wrap .board_flex_box .board__tit { display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem;}
.main_section05 .board_flex_wrap .board_flex_box .board__tit p { font-size:2.6rem;}
.main_section05 .board_flex_wrap .board_flex_box .board__tit .board_more { display:inline-block; color:#9e9e9e; font-size:1.4rem;padding-top: 1.5rem}
.main_section05 .board_flex_wrap .board_flex_box .board__list { border-top:1px solid #424242;}
.main_section05 .board_flex_wrap .board_flex_box .board__list > li { display:flex; flex-direction:column; justify-content:center; gap:0.8rem 0; height:5rem; border-bottom:1px solid #e0e0e0;}
.main_section05 .board_flex_wrap .board_flex_box .board__list_bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main_section05 .board_flex_wrap .board_flex_box li .board__list_txt { display:block; width:100%; font-size:1.6rem;font-weight: 400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_section05 .board_flex_wrap .board_flex_box li .board__list_txt.word-line { width:85%;}
.main_section05 .board_flex_wrap .board_flex_box li .board__list_date { font-size:1.4rem;font-weight: 400;}

/* main_section06 */
.main_section06 { position:relative; background:#ececec;}
.main_section06:after { display:block; visibility:hidden; clear:both; content:""}
.main_section06 > .inner { display:flex; align-items:center;}
.banner-container { position:relative; width:100%; height:10rem; overflow:hidden;}
.banner-container .swiper-slide a { display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.banner-container .swiper-slide a img { display:inline-block; max-width:14rem; width:100%;}
.banner-list__control { display:flex; align-items:center; gap:0 0.8rem;}
.banner-list__control [class^=banner-list__] { display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; font-size:2rem; background-color:#fff; border:1px solid #e0e0e0; border-radius:0.6rem; color:#9e9e9e;}
.banner-list__control [class^=banner-list__]:hover { border-color:#1f5afc; color:#1f5afc;}