@charset "utf-8";
/*-------------------------------------------------------------------
    ## Wrapper
-------------------------------------------------------------------*/

/* Settings - structure */
#wrap { position:relative;}
.inner { position:relative; width:140rem; margin:0 auto;} /*width 값은 해당 사이트 디자인 별 적용 변경 사용*/
.inner:after { content:""; display:block; visibility:hidden; clear:both;}
.h_inner { width:140rem; margin:0 auto;} /*width 값은 해당 사이트 디자인 별 적용 변경 사용*/
.h_inner:after { content:""; display:block; visibility:hidden; clear:both;}
.s_inner { position:relative; width:140rem; margin:0 auto; padding:0 4rem;} /*width 값은 해당 사이트 디자인 별 적용 변경 사용*/
.s_inner:after { content:""; display:block; visibility:hidden; clear:both;}
.clear { content:""; display:block; visibility:hidden; clear:both;}

/* 위로가기 */
.top_btn { display:none; position:fixed; bottom:2rem; right:2rem; width:5rem; height:5rem; line-height:4.6rem; border:2px solid #333; text-align:center; font-size:1.5rem; z-index:1; background:rgba(255,255,255,0.5); color:#333;}
.top_btn:hover{ border-color:#05315c; background:#05315c; color:#fff;}

/* 서브페이지 오른쪽 퀵메뉴 */
.right_quick.fixed { position:fixed; right:1.6rem; top:50%; margin-bottom:50px; z-index:100;}
.right_quick ul.quick_info { position:relative; height:240px}
.right_quick ul.quick_info li { position:absolute; height:60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top:0;}
.right_quick ul.quick_info li:nth-child(2) {top:60px;}
.right_quick ul.quick_info li:nth-child(3) {top:120px;}
.right_quick ul.quick_info li:nth-child(4) {top:180px;}
.right_quick ul.quick_info li a { position:relative; display:block; width:60px; height:60px; text-align:center; border-bottom:1px solid #252525; background:#475071; transition:all 0.4s; overflow:hidden;}
.right_quick ul.quick_info li a:hover { width:180px; background:#2253b8;}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.ico { position:absolute; right:20px; top:10px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i { right:20px;}
.right_quick ul.quick_info li:nth-child(2) i { right:20px;}
.right_quick ul.quick_info li:nth-child(3) i { right:20px;}
.right_quick ul.quick_info li:nth-child(4) i { right:23px;}
.right_quick ul.quick_info li a span{ position:absolute; left:30px; height:60px; line-height:60px; text-align:left; font-size:1.4rem; transition:all 0.2s; opacity:0; color:#fff; z-index:2}
.right_quick ul.quick_info li a:hover span { opacity:1; left:30px;}

/* 최고관리자 접속 메뉴 */
.admin_wrap .admin_box { position:relative; width:100%; height:8rem; line-height:8rem; background:#101831; text-align:center; font-weight:700; font-size:15px; color:#fff;}
.admin_wrap .admin_box a { color:#01bfcb;}

/*-------------------------------------------------------------------
    ## Header
-------------------------------------------------------------------*/

/* 상단메뉴 */
.header_wrap { position:relative; z-index:99;}
.header_wrap:after { content:""; display:block; visibility:hidden; clear:both;}

/* 상단메뉴_바로가기 */
.header_top { border-bottom:1px solid #d9d9d9;}
.header_top .h_inner { display:flex; align-items:center; justify-content:right; height:5.5rem;}
.header_top .lnb_box { display:flex; align-items:center; gap:0 2.5rem;}
.header_top .lnb_box li.lnb_id { font-size:1.4rem; color:#4c4c4c;}
.header_top .lnb_box li.lnb_id span { color:#1174ff;}
.header_top .lnb_box li a { display:block; font-size:1.6rem; color:#4c4c4c;}
.header_top .lnb_box li.lnb_login a { display:block; padding-left:2rem; background:url(../img/icon_login.png) no-repeat left 60%;}
.header_top .lnb_box li.lnb_logout a { display:block; padding-left:2rem; background:url(../img/icon_logout.png) no-repeat left 60%;}
.header_top .lnb_box li.lnb_register a { display:block; padding-left:2rem; background:url(../img/icon_register.png) no-repeat left 70%;}
.header_top .lnb_box li.lnb_myinfo a { display:block; padding-left:2rem; background:url(../img/icon_myinfo.png) no-repeat left 70%;}
.header_top .lnb_box li.lnb_member a { display:block; width:15rem; height:4rem; line-height:4rem; background:#f26c4f; text-align:center; color:#fff;}
.header_top .lnb_box li.lnb_sitemap a { display:block; width:4rem; height:4rem; text-indent:-9999px; background:url(../img/btn_allmenu.png) no-repeat center;}

/* 상단주메뉴_바로가기 */
.header_bottom { border-bottom:1px solid #b3b3b3;}
.header_bottom .h_inner { display:flex; align-items:center; justify-content:flex-start; height:8rem;}
.header_bottom .logo_box { position:relative; margin-right:10rem;}
.header_bottom .logo_box a { display:block; width:22rem; height:8rem; text-indent:-9999px; background:url("../img/logo.png") no-repeat left center; background-size:contain;}
.header_bottom .gnb_box { width:100%; display:flex; align-items:center; justify-content:space-between; gap:0 2.4rem;}
.header_bottom .gnb_box li > a.depth1 { position:relative; display:block; line-height:8rem; text-align:center; text-transform:uppercase; white-space:nowrap; color:#000;}
.header_bottom .gnb_box li:hover > a.depth1:after { content:''; position:absolute; bottom:0; left:0; background:#1d5b83; width:100%; height:2px;}
.header_bottom .gnb_box li .gnb_area { position:absolute; left:0; display:flex; justify-content:space-between; width:100%;  min-height:14rem; background: rgba(229,229,229,1); opacity:0; visibility:hidden; transition:opacity 0.3s;}
.header_bottom .gnb_box li:hover .gnb_area { opacity:1; overflow:visible; visibility:visible;}
.header_bottom .gnb_box li .gnb_area .ca_title { position:relative; width:25%; min-height:14rem;}
.header_bottom .gnb_box li .gnb_area .ca_title div { min-height:14rem; text-indent:-9999px; background:url("../img/ca_title.png") 90% center no-repeat;}
.header_bottom .gnb_box li .gnb_area .ca_depth { position:relative; display:flex; flex-wrap:wrap; width:69%;}
.header_bottom .gnb_box li .gnb_area .ca_depth li > a.depth2 { display:block; line-height:7rem; padding:0 2rem; font-size:1.7rem; font-weight:500; color:#333;}
.header_bottom .gnb_box li .gnb_area .ca_depth li > a.depth2:hover {color:#f26522;}

/* 전체메뉴 */
.sitemap { position:fixed; top:-100%; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:8rem; background:#090c23; z-index:100; opacity:0; transition:.35s;}
.sitemap.on { top:0; opacity:1;}
.sitemap .s_inner { position:relative; width:100%;}
.sitemap h1 { font-size:3.6rem; text-align:center; padding-bottom:20px; border-bottom:1px solid rgba(255, 255, 255, .3); color:#fff;}
.sitemap .site_depth1 { display:flex; justify-content:space-between; padding-top:6.5rem;}
.sitemap .site_depth1 >li > a { display:block; margin-bottom:20px; font-size:2.2rem; color:#fff;}
.sitemap .site_depth2 > li { position:relative;}
.sitemap .site_depth2 > li:before { content:""; position:absolute; left:0; top:15px; display:block; width:7px; height:3px; background:#336791;}
.sitemap .site_depth2 > li > a { display:block; line-height:2.1; padding-left:20px; color:#fff; opacity:.7;}
.sitemap .site_depth2 > li > a:hover { opacity:1;}
.sitemap .site_close { position:absolute; top:0; right:0; width:32px; height:32px; background: url(../img/btn_close.png) no-repeat center; text-indent:-9999px; transition:transform .35s; color:#fff;}
.sitemap .site_close:hover { transform:rotate(180deg);}

/* 모바일 오른쪽 메뉴 */
.all_btn { display:none; position:absolute; right:1.6rem;}
.all_btn button { width:28px; height:24px; text-indent:-9999px; background:url("../img/menu-icon-black.png") no-repeat; background-size:cover;}

/* 모바일 슬라이드 메뉴 */
.dim { display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.mobile_navigation { display:none; position:fixed; right:-120%; top:0; z-index:101; transition:right 0.7s; width:calc(100% - 100px); height:100%; background:#fff;}
.mobile_navigation.on { right:0;}
.mobile_navigation.on .slide_close_btn { position:absolute; top:0; left:-50px; width:50px; height:50px; background:#05315c; font-size:1.714em; color:#fff;}
.mobile_navigation:after { content:""; display:block; visibility:hidden; clear:both;}
.mobile_navigation .slide_mobile_wrap { position:relative; width:100%; height:100%;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_top { }
.mobile_navigation .slide_mobile_wrap .slide_mobile_top:after { content:""; display:block; visibility:hidden; clear:both;}

/* 모바일 슬라이드 상단 */
.menu-before { padding:0 24px 24px; border-bottom-right-radius:40px; background-color:#f5f5f5;}
.menu-before__top { display:flex; align-items:center; justify-content:space-between; height:60px;}
.menu-before__top--list { display:flex; align-items:center; gap:0 10px;}
.menu-before__top--list > li .inside { display:inline-block; min-width:6rem; padding:3px 12px; font-size:13px; text-align:center; vertical-align:middle; border-radius:13px;}
.menu-before__top--list > li.menu__admin .inside { background-color:#101831; color:#fff;}
.menu-before__top--list > li.menu__member .inside { background-color:#f26c4f; color:#fff;}
.menu-before__top--list > li.menu__logout .inside { border:1px solid #e0e0e0; color:#9e9e9e;}
.menu-before__top--list > li.menu__login .inside { border:1px solid #c0c0c0; color:#9e9e9e;}
.menu-before__top--list > li.menu__join .inside { border:1px solid #e0e0e0; color:#9e9e9e;}
.menu-comment .info_btn { display:inline-block; vertical-align:middle; padding-bottom:9px; font-size:13px; color:#9e9e9e;}

/* 1depth 메뉴 */
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav { }
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav:after { content:""; display:block; visibility:hidden; clear:both;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 > li { position:relative; line-height:4vh;border-bottom:1px solid #eee;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 li { position:relative; line-height:4vh;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 li a { display:block;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 > li > a { position:relative; padding:5px 20px; font-size:14px;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 > li > a:before {content:""; position:absolute; top:50%; right:20px; width:12px; height:2px; background:#05315c; margin:-1px 0 0 -6px;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 > li > a:after {content:""; position:absolute; top:50%; right:25px; width:2px; height:12px; background:#05315c; margin:-6px 0 0 -1px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_nav .mobile_depth1 > li.active > a:after {transform:rotate(90deg);}

/* 2depth 메뉴 */
.mobile_navigation .slide_mobile_nav .mobile_depth1 > li > ul > li { height:0px; overflow:hidden; transition: all 0.3s; -webkit-transition: all 0.3s; }
.mobile_navigation .slide_mobile_nav .mobile_depth1 > li.active > ul > li { height:auto;}
.mobile_navigation .slide_mobile_nav .mobile_depth1 > li.active > ul > li > a { padding:5px 30px; font-size:14px; background:#05315c; color:#fff;}
.mobile_navigation .slide_mobile_nav .mobile_depth1 > li.active > ul > li > a:after { content:""; position:absolute; top:50%; left:20px; width:5px; height:1px; background:#fff;}

/* 로그인,로그아웃 버튼 메뉴 */
.mobile_navigation .slide_mobile_wrap .slide_mobile_bottom { position:absolute; bottom:0; left:0; width:100%; line-height:50px; text-align:center;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_bottom:after { content:""; display:block; visibility:hidden; clear:both;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_bottom .mobile_member { display:flex; align-items:center; justify-content:space-between; gap:0;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_bottom .mobile_member li { width:33.3%; height:50px; background:#f3f5f9;}
.mobile_navigation .slide_mobile_wrap .slide_mobile_bottom .mobile_member li a { display:block; font-size:14px; color:#05315c;}

/*-------------------------------------------------------------------
    ## Content
-------------------------------------------------------------------*/
/* 서브이미지 */
.sub_visual { position:relative; height:25rem;}
.sub_visual.sub_bg00 { background:url("../img/sub/sub-img-0.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg01 { background:url("../img/sub/sub-img-1.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg02 { background:url("../img/sub/sub-img-2.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg03 { background:url("../img/sub/sub-img-3.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg04 { background:url("../img/sub/sub-img-4.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg05 { background:url("../img/sub/sub-img-5.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg06 { background:url("../img/sub/sub-img-6.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg07 { background:url("../img/sub/sub-img-7.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg08 { background:url("../img/sub/sub-img-8.png") center center no-repeat; background-size:cover;}
.sub_visual.sub_bg09 { background:url("../img/sub/sub-img-9.png") center center no-repeat; background-size:cover;}
.sub_visual:after { content:""; display:block; visibility:hidden; clear:both;}
.sub_visual .sub_title_box { position:absolute; top:8rem; left:1.6rem; color:#fff;}
.sub_visual .sub_title_box .sub_title { font-size:5rem; text-shadow:3px 3px 6px rgba(0, 0, 0, 0.5);}
.sub_visual .sub_title_box .sub_txt { font-size:2.4rem; text-shadow:3px 3px 6px rgba(0, 0, 0, 0.5);}

/* 서브 콘텐츠 바로가기메뉴 */
.sub_nav { position:relative; line-height:6.4rem; margin-bottom:6rem; border-bottom: 1px solid #ddd;}
.sub_nav .inner { display:flex; justify-content:space-between;}
.sub_nav .sub_lnb_wrap > a { display: none;}
.sub_nav .sub_lnb_wrap ul { display:flex; gap:0;}
.sub_nav .sub_lnb_wrap ul a { display:block; padding:0 4rem; font-size:1.6rem; white-space:nowrap;}
.sub_nav .sub_lnb_wrap ul li ~ li { border-left:1px solid #ddd;}
.sub_nav .sub_lnb_wrap ul li.on a { border-top:4px solid #e57c30; margin-top:-4px;}

/* 서브 콘텐츠 메뉴 */
.sub_body { position:relative; min-height:50rem; margin-bottom:10rem;}
.sub_body:after { content:""; display:block; visibility:hidden; clear:both;}

/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
.footer_wrap { background:#162231;}
.footer_wrap:after { content:""; display:block; visibility:hidden; clear:both;}

/* 하단메뉴_바로가기 */
.footer_wrap .footer_top { padding:2rem 0; border-bottom:1px solid #666;}
.footer_wrap .footer_top ul.f_menu { display:flex; gap:0 2rem;}
.footer_wrap .footer_top ul.f_menu li { position:relative;}
.footer_wrap .footer_top ul.f_menu li:after { content:""; position:absolute; top:50%; left:-1rem; display:block; width:1px; height:1.5rem; margin:-0.6rem 0 0; background:#dedfe0;}
.footer_wrap .footer_top ul.f_menu li:first-child:after { display:none;}
.footer_wrap .footer_top ul.f_menu li a { font-size:1.4rem; font-weight:400; color:#cccccc;}

/* 하단메뉴_회사정보,카피라이트 */
.footer_wrap .footer_bottom { position:relative; padding:5rem 0;}
.footer_wrap .footer_bottom .footer_info { display:flex; gap:0 5rem;}
.footer_wrap .footer_bottom .footer_logo a { display:block; width:21rem; height:4.2rem; text-indent:-9999px; background:url("../img/footer_logo.png") no-repeat; background-size:contain;}
.footer_wrap .footer_bottom .copyright { font-size:1.4rem; font-weight:400; color:#b7b7b7;}