@charset "utf-8";

/** layout common **/
#wrap{overflow:hidden;}

/** header **/
#wrap-header{width:100%;height:var(--header);}
.header-body{position:relative;width:100%;height:100%;padding:0 20px;z-index:99;}

.header-cont{display:flex;align-items:center;justify-content:space-between;max-width:1800px;height:var(--header);margin:0 auto;transition:padding .2s .1s;}
.header-cont #logo{width:248px;height:30px;}
.header-cont #logo > a{display:block;width:100%;height:100%;text-indent:-9999px;background:url(/images/common/logo.png) no-repeat center / cover;}

.wrap-gnb{height:100%;}
.wrap-gnb .gnb-cont{height:100%;}

/** GNB Slogan **/
.gnb-slogan{display:none;position:absolute;top:var(--header);left:0;background:var(--main01);z-index:1;}
.gnb-slogan strong{display:block;position:absolute;top:40px;right:60px;color:#fff;font-size:36px;font-weight:600;}

/** GNB **/
#gnb{height:100%;}
#gnb:after{content:'';position:absolute;left:50%;top:var(--header);width:100vw;height:1px;transform:translateX(-50%);background:#d2d2d2;opacity:0;}
#gnb a{color:#222;}
#gnb .depth1{display:flex;height:100%;}
#gnb .depth1 > li{padding:0 clamp(20px,1.9vw,37px);}
#gnb .depth1 > li > a{display:flex;justify-content:center;align-items:center;position:relative;height:100%;font-size:20px;letter-spacing:-0.8px;transition:color .2s;z-index:1;}
#gnb .depth1 > li > a i{display:inline-block;position:relative;font-weight:700;}
#gnb .depth1 > li > a i:before{content:'';position:absolute;top:-5px;right:-15px;width:13px;height:13px;border:3px solid #ccdcef;border-radius:50%;background:#0051ad;transform:scale(0);transition:all .3s cubic-bezier(.62,.16,.13,1.01);}
#gnb .depth1 > li > a:is(:focus,:hover,.is-on) i:before{transform:scale(1);}

.header-cont .wrap-aside{flex:none;display:flex;align-items:center;height:100%;}
.header-cont .wrap-aside > a{color:#424242;font-size:15px;transition:all .2s;}
.header-cont .wrap-aside > a:is(:hover,:focus){color:var(--main01);text-decoration:underline;}
.header-cont .wrap-aside > a+a{margin-left:25px;}
.header-cont .wrap-aside > a i{font-weight:500;}
.menu-btn{padding-left:25px;background:url(/images/common/sitemap.png) left center no-repeat;}
.menu-btn:is(:hover,:focus){background-image:url(/images/common/sitemap_ov.png);}

.header-cont .wrap-aside:not(:has(.srch-total-open)){margin-left:clamp(30px,3.4vw,68px);}

/** 통합검색 **/
:is(.srch-total-btn,.srch-total-open){display:block;width:43px;height:43px;border-radius:50%;text-indent:-9999px;background:#1c9bb6 url(/images/common/srch_total.png) 50% no-repeat;}
.srch-total-open{margin-right:25px;background-size:19px;}
.srch-total-open:is(:hover,:focus,.active){background-color:#072a64;}
.srch-total{display:none;position:absolute;top:100%;left:0;width:100%;padding:55px 20px 90px;border-radius:0 0 100px 0;background-image:linear-gradient(79deg, rgba(26,165,159,1) 0%, rgba(30,146,208,1) 100%),url(/images/common/srch_bg.png);background-repeat:no-repeat;background-position:right top;background-blend-mode:multiply;z-index:10;}
.srch-total fieldset{max-width:750px;margin:0 auto;}
.srch-total .srch-total-cont{display:flex;align-items:flex-start;}
.srch-total .srch-wrap-txt{flex:1;position:relative;width:100%;}
.srch-total .srch-wrap-txt .srch-txt{overflow:hidden;display:flex;position:relative;width:calc(100% - 45px);height:60px;padding-right:15px;font-size:14px;border:6px solid #5fb7cf;border-radius:15px 15px 25px 15px;background:#fff;}
.srch-total .srch-wrap-txt .srch-txt:after{content:'';position:absolute;top:calc(50% - 12px);left:145px;width:1px;height:25px;background:#cdcdcd;}
.srch-total .srch-wrap-txt .srch-txt *{height:100%;border-width:0;}
.srch-total .srch-wrap-txt select{width:145px;padding:0 35px 0 25px;color:#363636;font-weight:500;background-image:url(/images/common/srch_arr.png);}
.srch-total .srch-wrap-txt input[type='text']{flex:1;width:100%;padding:0 20px;background:transparent;}
.srch-total .srch-wrap-txt input[type='text']::placeholder{color:#a2a2a2;}
.srch-total .srch-wrap-txt .srch-total-btn{position:absolute;top:calc(50% - 29px);right:0;width:58px;height:58px;box-shadow:0px 6px 10px 1px rgba(0, 0, 0, .4);background-color:#072a64;background-size:25px;}
.srch-total .detail-btn{display:block;margin-top:5px;margin-left:11px;padding:14px 23px;color:#fff;font-size:17px;border-radius:25px;background:#006493;}
.srch-total .detail-btn i{font-weight:500;}
.srch-total .srch-popular{display:flex;align-items:center;margin-top:13px;margin-left:30px;}
.srch-total .srch-popular *{color:#fff;font-size:15px;font-weight:500;}
.srch-total .srch-popular > b{padding:7px 14px;border-radius:25px;background:#072a64;}
.srch-total .srch-popular > div{display:flex;flex:1;flex-wrap:wrap;margin-top:-5px;margin-left:20px;}
.srch-total .srch-popular > div a{margin-top:5px;color:#a9dae1;}
.srch-total .srch-popular > div a:is(:hover,:focus){text-decoration:underline;}
.srch-total .srch-popular > div a+a{margin-left:25px;}
.srch-total .srch-close-btn{position:absolute;bottom:-28px;left:calc(50% - 28px);width:56px;height:56px;border-radius:50%;text-indent:-9999px;background:#1c9ab9 url(/images/common/ico_close.png) no-repeat center;}

.srch-total .srch-wrap-txt .srch-total-btn:is(:hover,:focus){background-color:#1c9ab9;}
.srch-total :is(.srch-close-btn,.detail-btn):is(:hover,:focus){background-color:#072a64;}

/** sub layout **/
#wrap-container{position:relative;}
#wrap-container:has(.wrap-remote){display:flex;max-width:1420px;margin:0 auto;padding:0 20px;}
.wrap-remote+.wrap-content{flex:1;width:calc(100% - 310px);padding:78px 0 88px;}

/** wrap-remote **/
.wrap-remote{position:relative;width:260px;margin-top:20px;margin-right:50px;z-index:10;}
.remote-tit{height:95px;padding:25px 20px;color:#fff;font-size:26px;text-align:center;border-radius:20px 20px 0 0;background:#19284e;}
.remote-tit i{font-weight:700;letter-spacing:.5px;}

/** snb메뉴 **/
/** snb common **/
.wrap-snb{position:relative;margin-top:-20px;border:1px solid #d9dee7;border-radius:20px;background:#fff;}
.snb{padding:15px 25px;}
.snb li{position:relative;}

.snb ul{display:none;padding:0;background:#fff}
.snb ul li a{padding-left:10px;line-height:18px;color:#222;}
.snb ul li a:before{top:7px;left:0;width:3px;height:3px;background:#8e8e8e;}

/** 1depth **/
.snb > li > a{overflow:hidden;margin-right:0;padding:16px 30px 16px 8px;color:#333;font-size:18px;letter-spacing:-1px;}
.snb > li+li > a{border-top:1px solid #d9dee7;}
.snb > li > a i{font-weight:500;}
.snb > li:not(.is-on) > a:is(:hover,:focus){color:var(--main02);}
.snb > li:not(.no-depth).is-on > a:is(:hover,:focus):after,.snb > li:not(.no-depth).is-on > a:after{transform:rotate(0);}

/** no-depth **/
.snb a[target=_blank]:after,
.snb > li.no-depth > a:is(:hover,:focus):after,.snb > li:not(.no-depth) > a:after{top:calc(50% - 12px);right:0;width:24px;height:24px;background:no-repeat 50%;}

.snb li:not(.no-depth) > a:after{border-radius:50%;transform:rotate(90deg);background-color:#e6eaf1;background-image:url(/images/common/snb_depth01_arr01.png);}
.snb li:not(.no-depth).is-current:after{display:none;}

.snb > li > ul > li:not(.no-depth) > a:after{top:calc(50% - 7px);right:0;width:14px;width:14px;background-size:100%;}
.snb > li > ul > li:not(.no-depth).is-current > a{text-decoration:none;}

.snb a:before,.snb a:after{content:'';display:block;position:absolute;}
.snb a,.snb a i{display:block;position:relative;}
.snb a[target=_blank]:after{background-image:url(/images/ico/ico_blank01.png) !important}
.snb a[target=_blank]:is(:hover,:focus):after{filter:brightness(0) saturate(100%) invert(15%) sepia(67%) saturate(2994%) hue-rotate(221deg) brightness(90%) contrast(89%);}

/** depth :is-on **/
.snb > li.is-on > a{color:var(--main02);}
.snb > li.is-on > a i{font-weight:700;}
.snb > li:not(.no-depth).is-on+li > a{border-top:0;}
.snb > li:not(.no-depth).is-on > a{color:var(--main02) !important;}

/** 2depth **/
.snb > li > ul{position:relative;padding:21px;border-radius:10px;background:#f2f4f8;}
.snb > li > ul > li+li{margin-top:12px;}
.snb > li > ul > li.is-current > a{color:var(--main02);}
.snb > li > ul > li.is-current > a:before{background:var(--main02);}
.snb > li > ul > li:not(.is-current) > a:is(:hover,:focus){color:var(--main02);}
.snb > li > ul > li:not(.is-current) > a:is(:hover,:focus):before{background:var(--main02);}
.snb > li > ul > li:not(.no-depth).is-current > a{text-decoration:none;}

.snb > li > ul a[target=_blank]{padding-right:30px;}
.snb > li > ul a[target=_blank]:after{top:-3px;}

/** footer **/
#wrap-footer{position:relative;padding:0 20px;background:#282828;z-index:1;}
#wrap-footer > [class^='footer']{display:flex;justify-content:space-between;max-width:var(--inner);width:100%;margin:0 auto;}

.footer-head{padding:18px 0;border-bottom:1px solid #4d4d4d;}
.footer-nav{display:flex;flex:1;align-items:center;}
.footer-nav li{position:relative;}
.footer-nav li+li{margin-left:40px;}
.footer-nav li:before{content:'';position:absolute;top:calc(50% - 7px);left:-25px;width:1px;height:15px;background:#696969;}
.footer-nav li:first-child:before{content:none;}
.footer-nav a{color:#fff;}
.footer-nav a:is(:hover,:focus){text-decoration:underline;}
.footer-nav a.private{color:#6fcbc7;}

.footer-org{width:300px;}
.org-site{display:flex;}
.org-site > li{position:relative;width:100%;height:100%;border-radius:7px;background:#1c1c1c;}
.org-site > li .site-tit,
.org-site > li .site-btn-more,
.org-site > li .site-btn-more span,
.org-site > li .site-box ul li a,
.org-site > li .site-box ul+a{display:block;color:#fff;font-weight:400;}
.org-site > li .site-tit{padding:0 50px 0 25px;line-height:48px;}
.org-site > li .site-btn-more,.org-site > li .site-btn-more span{position:absolute;}
.org-site > li .site-btn-more{top:0;right:0;width:100%;height:100%;}
.org-site > li .site-btn-more span{display:block;width:100%;height:100%;text-indent:-9999px;}
.org-site > li .site-btn-more span:after{content:'';position:absolute;top:calc(50% - 9px);right:20px;width:18px;height:18px;transform:rotate(180deg);background:url(/images/ico/org_more.png) no-repeat 50%;}
.org-site > li .site-box{display:none;position:absolute;bottom:calc(100% + 3px);left:-1px;width:calc(100% + 2px);padding:28px 32px;border-radius:7px;background:#1c1c1c;z-index:10;}
.org-site > li .site-box ul{overflow-y:auto;max-height:280px;}
.org-site > li .site-box ul li+li{margin-top:10px;}
.org-site > li .site-box ul li a:is(:hover,:focus){color:#6fcbc7;}
.org-site > li .site-box ul+a{position:absolute;top:100%;right:0;width:100%;line-height:48px;text-indent:-9999px;}

.org-site > li.on .site-btn-more span:after{transform:rotate(45deg);}

.org-site > li .site-box ul::-webkit-scrollbar{width:6px;}
.org-site > li .site-box ul::-webkit-scrollbar-thumb{border-radius:25px;background:#4f5054;}
.org-site > li .site-box ul::-webkit-scrollbar-track{background:#26272a;}
.org-site > li .site-box ul::-webkit-scrollbar-button{width:0;height:0;}

.footer-body{padding:40px 0 60px;}
.footer-cont{display:flex;flex:1;align-items:flex-start;justify-content:space-between;margin-left:clamp(30px,3.1vw,60px);}
.footer-address *{display:block;}
.footer-address > ul{display:flex;}
.footer-address > ul li+li{margin-left:clamp(35px,3.5vw,65px);}
.footer-address > ul li *{display:block;}
.footer-address > ul li b{margin-bottom:10px;color:#fff;font-weight:600;}
.footer-address > ul li span{color:#b5b5b5;font-size:14px;font-weight:400;}
.footer-address > ul li span+span{margin-top:7px;}
.footer-address .copyright{margin-top:30px;color:#b4b4b4;font-size:14px;}

.top-btn{display:block;position:absolute;right:65px;top:-30px;width:60px;height:60px;border-radius:50%;text-indent:-9999px;box-shadow:0px 5px 6px 2px rgba(0,0,0,.1);background:var(--main03) url(/images/ico/ico_top.png) no-repeat center;}
.top-btn:before{content:'';position:absolute;top:calc(50% - (50% + 7px));left:calc(50% - (50% + 7px));width:calc(100% + 14px);height:calc(100% + 14px);border-radius:50%;transform:scale(0);background:var(--main03);opacity:.26;z-index:-1;}
.top-btn:is(:hover,:focus):before{animation:topAni .7s cubic-bezier(.62,.16,.13,1.01) infinite alternate forwards;}

/** 통합검색 페이지 **/
.wrap-content:has(.wrap-integrate-search){padding:80px 20px;}
.wrap-integrate-search{display:flex;align-items:flex-start;max-width:1380px;margin:0 auto;}
.wrap-integrate-search .search-det{width:260px;margin-right:30px;padding:22px 26px 34px;border:2px solid #dadee5;border-radius:10px;}
.wrap-integrate-search .search-result{flex:1;min-width:0;}

/** 통합검색 - 상세검색 **/
.search-det .det-box+.det-box{margin-top:24px;padding-top:24px;border-top:1px solid #dadee5;}
.search-det .det-box .tit{display:block;margin-bottom:15px;color:#111;font-size:18px;}
.search-det .det-box .tit i{font-weight:600;}
.search-det .det-btn{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.search-det .det-btn a{display:block;height:36px;line-height:34px;color:#3c3c3c;font-size:15px;text-align:center;border:1px solid #dbdfe6;}
.search-det .det-btn a i{font-weight:500;}
.search-det .form-calendar{justify-content:flex-start;}
.search-det .form-calendar>.calendar-cont{flex-wrap:wrap;gap:7px 0;max-width:170px;}
.search-det .form-calendar>.calendar-cont>span:not(.form-split){max-width:140px;}
.search-det .form-calendar input[type='text']{font-size:15px;}
.search-det select{width:100%;}
.search-det select+.tit{margin-top:20px;}
.search-det .det-radio{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;}
.search-det .form-radio+.form-radio{margin:0;}
.search-det .det-btn a.is-current{color:#fff;border-color:var(--main05);background:var(--main05);}

/** 통합검색 - tab **/
.wrap-integrate-search .tab-nav li{width:calc(100% / 7);}
.wrap-integrate-search .tab-nav li a{padding:20px 10px;}
.wrap-integrate-search .tab-nav li i{display:flex;justify-content:center;align-items:center;gap:8px;}
.wrap-integrate-search .tab-nav li b{display:inline-block;padding:2px 10px;color:var(--main05);font-size:15px;font-weight:600;border-radius:25px;background:#f2f4f8;}
.wrap-integrate-search .tab-nav li.is-current b{background:#fff;}

/** 통합검색 - 검색결과 정보 **/
.result-info{position:relative;margin:clamp(25px,3.9vw,65px) 0;text-align:center;}
.result-info > strong{display:inline-block;max-width:80%;margin:0 auto;padding:0 20px;color:#000;font-size:clamp(22px,1.87vw,26px);font-weight:500;word-break:keep-all;}
.result-info [class*='mark-']{font-weight:900;}
.result-info [class*='mark-'] i{font-weight:900;}
.mark-word i{color:#df1c3f;}
.mark-num i{color:var(--main05);}

.warp-result{position:relative;}
.warp-result+.warp-result{margin-top:50px;}
.warp-result .more-btn{position:absolute;top:-5px;right:0;z-index:1;}

/** 통합검색 - 검색영역 **/
.integrate-search{margin-bottom:40px;}
.integrate-search .wrap-srch{padding:25px;border-radius:10px}
.integrate-search [class*='srch-cont']{display:flex;max-width:840px;}
.integrate-search [class*='srch-cont'] .srch-footer{padding:0 !important}

.integrate-search [class*='wrap-srch'] .button{flex:1;padding:0 20px;font-size:18px;height:50px !important;}
.integrate-search [class*='wrap-srch'] .button[type='submit'] i{line-height:50px !important;padding-left:25px;background:url(/images/ico/ico_search02.png) no-repeat left center;}
.integrate-search [class*='wrap-srch'] .button[type='submit']:is(:hover,:focus) i{filter:brightness(0) saturate(100%) invert(24%) sepia(65%) saturate(2160%) hue-rotate(208deg) brightness(92%) contrast(97%);}

.integrate-search [class*='wrap-srch'] .option-btn{border-color:var(--color05);}
.integrate-search [class*='wrap-srch'] .option-btn i{padding:0;line-height:50px !important;}
.integrate-search [class*='wrap-srch'] .option-btn i:after{content:none;}

.integrate-search [class*='wrap-srch'] .tip-btn{display:flex;align-items:center;justify-content:center;width:75px;margin-left:16px;padding:7px 14px;color:#fff;font-size:15px;border-radius:25px;background:#3a3a3a;}
.integrate-search [class*='wrap-srch'] .tip-btn i{font-weight:500;}
.integrate-search [class*='wrap-srch'] .tip-btn:is(:hover,:focus-visible){background:var(--main03);}

.integrate-search .wrap-srch:not(.srch-option) .srch-item{flex:1;margin-right:10px;}
.integrate-search .wrap-srch:not(.srch-option) .srch-item input[type="text"]{height:52px;font-size:17px;border:1px solid var(--main05);border-radius:5px;}
.integrate-search .wrap-srch:not(.srch-option) .srch-item:not(.option-item) input[type="text"]::placeholder{font-size:17px;color:#111;}

.integrate-search .srch-option .srch-cont{flex-wrap:wrap;}

.integrate-search .srch-popular{max-width:840px;width:100%;margin:20px auto 0;}
.integrate-search .srch-txt{display:flex;justify-content:flex-start;}
.integrate-search .srch-txt+.srch-txt{margin-top:20px;}
.integrate-search .srch-txt *{font-weight:500;}
.integrate-search .srch-txt b{position:relative;margin-right:30px;color:#000;}
.integrate-search .srch-txt b i{position:relative;padding:0 4px;font-weight:600;z-index:1;}
.integrate-search .srch-txt b i:before{content:'';position:absolute;}
.integrate-search .srch-txt b i:before{bottom:-6px;left:0;width:100%;height:12px;background:#b8e4e9;z-index:-1;}
.integrate-search .srch-txt.ver-01 b i:before{background:#b8e9c7;}
.integrate-search .srch-txt div{flex:1;display:flex;flex-wrap:wrap;margin:-5px 0 0 -20px;}
.integrate-search .srch-txt a{margin:5px 0 0 20px;color:#383838;}
.integrate-search .srch-txt a:is(:hover,:focus){text-decoration:underline;}

/** 검색결과 - 타이틀 **/
.result-head{position:relative;margin-bottom:15px;z-index:1;}
.result-head > *{display:inline-block;vertical-align:middle;font-weight:500;}
.result-head h4{color:#111;font-size:24px;}
.result-head span{margin-left:5px;font-size:18px;}
.result-head span b{color:var(--main05);}

/** 검색결과 - 목록 **/
.result-list .mark-word{color:#df1c3f;font-weight:500;}
.result-list li+li{margin-top:15px;}
.result-list a{display:block;padding:23px;border-radius:8px;border:1px solid #dadee5;}

.result-list .list-head{display:flex;align-items:center;margin-bottom:10px;}
.result-list .list-head .tag{display:inline-block;margin-right:10px;padding:5px 10px;color:var(--color01);font-size:15px;font-weight:500;border:1px solid var(--color01);border-radius:25px;}
.result-list .list-head strong{overflow:hidden;flex:1;min-width:0;color:#111;font-size:19px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;}

.result-list .list-cont{overflow:hidden;line-height:1.2;color:#54555d;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}

.result-list a:is(:hover,:focus){border-color:#21368e;box-shadow:0 0 10px rgba(0,0,0,.1);}
.result-list a:is(:hover,:focus) strong{color:#21368e;text-decoration:underline;text-underline-offset:3px;}

@keyframes topAni{
    0%{
        transform:scale(0);
    }
    100%{
        transform:scale(1);
    }
}

/** 1280px 이상 시작 **/
@media screen and (min-width:1280px){
    /** GNB **/
    #gnb .depth-cont{display:none;position:absolute;top:100%;left:0;width:100%;padding:26px 0;border-bottom:3px solid #0051ad;box-shadow:0 15px 15px 0px rgba(0, 0, 0, .1);background:#fff;}

    #gnb .depth-cont ul li a[target='_blank']{padding-right:25px;background:url(/images/ico/ico_blank01.png) no-repeat right center;}

    #gnb .depth2{display:flex;flex-wrap:wrap;position:relative;margin-top:-40px;margin-left:-1px;z-index:1;}
    #gnb .depth2 > li{position:relative;min-width:288px;margin-top:40px;padding:15px 28px 30px 20px;}
    #gnb .depth2 > li:before{content:'';position:absolute;top:18px;left:-8px;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--main01);}
    #gnb .depth2 > li+li{border-left:1px solid #dddddd;}
    #gnb .depth2 > li:nth-child(5n){border-left-width:0;}
    #gnb .depth2 > li > a{display:inline-block;margin-bottom:20px;font-size:20px;font-weight:600;letter-spacing:-1.5px;transition:color .2s;}
    #gnb .depth2 > li > a i{display:inline-block;position:relative;font-weight:600;}

    #gnb .depth3{padding-left:8px;}
    #gnb .depth3 li{position:relative;padding-left:10px;}
    #gnb .depth3 li:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#8e8e8e;}
    #gnb .depth3 li+li{margin-top:10px;}
    #gnb .depth3 li a i{font-weight:500;}

    /** GNB - hover,focus **/
    #gnb .depth2 li a:is(:hover,:focus){color:var(--main01);}
    #gnb .depth3 li a:is(:hover,:focus){color:#0051ad;}
    #gnb .depth2 li a[target='_blank']:is(:hover,:focus){filter:brightness(0) saturate(100%) invert(15%) sepia(67%) saturate(2994%) hue-rotate(221deg) brightness(90%) contrast(89%);}
    #gnb .depth3 li a[target='_blank']:is(:hover,:focus){filter:brightness(0) saturate(100%) invert(19%) sepia(95%) saturate(2144%) hue-rotate(201deg) brightness(94%) contrast(101%);}

    /** GNB ON **/
    .header-body.on #gnb:after{opacity:1;}
}
/** 1280px 이상 끝 **/

/** 1680px 시작 **/
@media screen and (max-width:1680px){
    /** footer **/
    .top-btn{top:auto;bottom:25px;right:calc((100% - 1380px) / 2);}
}
/** 1680px 끝 **/

/** 1524px 이상 시작 **/
@media screen and (max-width:1524px){
    /** header **/
    .header-cont #logo{width:210px;height:24px;}

    .gnb-slogan strong{font-size:30px;}

    /** GNB **/
    #gnb .depth1 > li > a{width:max-content;margin:0 auto;}
    #gnb .depth2 > li:nth-child(4n){border-left-width:0;}
    #gnb .depth2 > li:nth-child(5n){border-left-width:1px;}
    #gnb .depth2 > li > a{margin-bottom:15px;font-size:18px;}
    #gnb .depth3 li a{font-size:15px;}

    .header-cont .wrap-aside > a+a{margin-left:18px;}
    .srch-total{margin-right:18px;}

    .header-cont .wrap-aside:not(:has(.srch-total-open)){margin-left:0;}

    /** GNB **/
}
/** 1524px 이상 끝 **/

/** 1440px 이상 시작 **/
@media screen and (max-width:1440px){
    /** GNB **/
    #gnb .depth1 > li{padding:0 20px;}
    #gnb .depth2 > li{padding:15px 20px 20px;}

    /** sub layout **/
    .wrap-remote{width:230px;margin-right:30px;}
    .remote-tit{font-size:23px;}

    /** snb메뉴 **/
    .snb{padding:15px 20px;}

    /** footer **/
    .top-btn{right:20px}
}
/** 1440px 이상 끝 **/

/** 1366px 이상 시작 **/
@media screen and (max-width:1366px){
    /** GNB **/
    #gnb .depth1 > li > a{font-size:19px;}

    /** header **/
    .srch-total-open{margin-right:18px;}
    .header-cont .wrap-aside > a+a{margin-left:13px;}

    /** 통합검색 - tab **/
    .wrap-integrate-search .tab-nav li a{padding:10px;}
    .wrap-integrate-search .tab-nav li i{flex-direction:column;}
}
/** 1366px 이상 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
    /** header **/
    #wrap-header{height:auto;padding-top:0;}
    #wrap-header:before,#wrap-header:after{content: none;}
    .header-body{position:relative;top:0;height:var(--header);border-bottom:1px solid #e1e1e1;}
    .header-cont{justify-content:center;height:100%;}
    .header-cont #logo{margin:0 auto 0 0;}

    .header-cont .wrap-aside:not(:has(.srch-total-open)){margin:0;}
    .header-cont .wrap-aside > a:not(.menu-btn,.srch-total-open){display:none;}
    .header-cont .wrap-aside > a+a{margin-left:0;}
    .menu-btn{width:38px;height:38px;border-radius:50%;text-indent:-9999px;background:#1e93ce url(/images/common/sitemap_mo.png) no-repeat center / 15px auto;}
    .menu-btn:is(:hover,:focus){background-color:#203a91;background-image:url(/images/common/sitemap_mo.png);}

    /** 통합검색 **/
    .srch-total-open{width:38px;height:38px;margin-right:5px;}
    .srch-total{padding:30px 20px 40px;}
    .srch-total .srch-wrap-txt .srch-txt{width:calc(100% - 38px);height:55px;}
    .srch-total .srch-wrap-txt .srch-txt:after{left:110px;}
    .srch-total .srch-wrap-txt select{width:110px;padding:0 30px 0 15px;}
    .srch-total .srch-wrap-txt .srch-total-btn{top:calc(50% - 26px);width:53px;height:53px;background-size:22px;}
    .srch-total .detail-btn{padding:11px 20px;}
    .srch-total .srch-close-btn{bottom:-19px;width:38px;height:38px;}

    /** mobile **/
    .wrap-gnb{visibility:hidden;display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);z-index:9999;opacity:0;}
    .wrap-gnb .gnb-cont{overflow-y:auto;position:absolute;top:0;bottom:0;right:-314px;width:314px;transition:all .3s;background:#333842;}
    .wrap-gnb .logo{margin-bottom:0;padding:40px 0 20px;}
    .wrap-gnb .logo a{display:block;width:182px;height:21px;margin:0 auto;text-indent:-9999px;background:url(/images/common/logo_w.png) no-repeat 50% 0 / cover;}

    .user-menu{display:flex;padding:0 20px 20px;}
	.user-menu li{width:50%;border:1px solid #ddd;}
    .user-menu li+li{border-left:0}
	.user-menu li+li:before{content:none;}
	.user-menu a{display:block;color:#fff;padding:7px 5px;font-size:14px;text-align:center;}

    .wrap-gnb.on{visibility:visible;opacity:1;}
    .wrap-gnb.on .gnb-cont{right:0}

    /** GNB **/
    #gnb{height:auto;}
    #gnb:after{content:none;}
    #gnb .depth1{display:block;height:auto;}
    #gnb .depth1 a{display:block !important;}
    #gnb .depth1 > li{padding:0;}
    #gnb .depth1 > li > a{position:relative;width:100%;height:auto;padding:15px 40px 15px 22px !important;color:#fff;font-size:18px;font-weight:500;text-align:left;border-top:1px solid #111319;background:#24262f}
    #gnb .depth1 > li > a i:before{content:none;}
    #gnb .depth1 > li > a:active,#gnb .depth1 > li > a.on{color:#fff !important;text-shadow:0 0 0 transparent;background:var(--main01);}
    #gnb .depth-cont{position:static;width:100%;height:auto !important;padding:0;}

    #gnb .depth2 > li{padding:0;}
    #gnb .depth2 > li > a{position:relative;width:100%;margin:0;padding:14px 40px 14px 23px;color:#222;font-weight:400;text-decoration:none !important;border-top:1px solid #ccc;background:#fff;}
    #gnb .depth2 > li > a:hover,#gnb .depth2 > li > a.on{color:#222;background:#dbe5ff;}
    #gnb .depth2 > li > a i{font-size:16px;}
    #gnb .depth3{padding:5px 10px;background:#fff;}
    #gnb .depth3 li+li{border-top:1px dotted #ddd;}
    #gnb .depth3 li a{padding:10px;border-top:none;font-size:15px;}
    #gnb .depth3 li a:hover,#gnb .depth3 li a.on{color:var(--main01);text-decoration:underline !important;background:#fff;}

    #gnb [class*='has-sub']:after{content:'';display:block;position:absolute;}
    #gnb .has-sub:after{top:calc(50% - 8px);right:20px;width:10px;height:10px;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;transform:rotate(135deg)}
    #gnb .has-sub.on:after{top:calc(50% - 3px);transform:rotate(315deg)}
    #gnb .depth2 .has-sub:after{border-top-color:var(--main01);border-right-color:var(--main01);}

    .header-body .close-btn{position:absolute;top:15px;right:15px;width:20px;height:20px;text-indent:-9999px;background:url(/images/common/close.png) no-repeat center / cover;}

    /** sub layout **/
    .wrap-remote{display:none;}
    .wrap-remote+.wrap-content{padding:55px 0;}

    /** footer **/
    .footer-body{padding:30px 0 40px;}
    .footer-cont{flex-direction:column;}
    .footer-address .copyright{margin:20px 0;}

    /** 통합검색 페이지 **/
    .wrap-content:has(.wrap-integrate-search){padding:60px 20px;}
    .wrap-integrate-search .search-det{display:none;}

    /** 검색결과 정보 **/
    .result-info > strong{max-width:inherit;}

    /** 검색결과 - 타이틀 **/
    .result-head h4{font-size:22px;}
    .result-head span{font-size:16px;vertical-align:bottom;}
}
/** 1280px 끝 **/

/** 1080px 시작 **/
@media screen and (max-width:1080px){
    /** 통합검색 tab **/
    .wrap-integrate-search .tab-nav li a{padding:10px;}
    .wrap-integrate-search .tab-nav li b{margin:5px 0 0;}
}
/** 1080px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
    /** wrap-remote **/
    .wrap-remote{display:none;}
    .wrap-remote+.wrap-content{max-width:100%;}
}
/** 1024px 끝 **/

/** 980px 시작 **/
@media screen and (max-width:980px){
    /** footer **/
    .footer-org{width:250px;}
    .footer-body{flex-direction:column;}
    .footer-cont{margin:20px 0 0 0;}

    /** 통합검색 - 검색영역 **/
    .integrate-search .srch-option .srch-item{flex-wrap:wrap;}
}
/** 980px 끝 **/

/** 820px 시작 **/
@media screen and (max-width:820px){
    /** footer **/
    .footer-head{flex-direction:column-reverse;}
    .footer-nav{flex-direction:column;align-items:flex-start;margin-top:15px;}
    .footer-nav li{padding-left:12px;}
    .footer-nav li:before{left:0;top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;}
    .footer-nav li:first-child:before{content:'';}
    .footer-nav li+li{margin:10px 0 0;}
    .footer-nav a{font-size:15px;}
    .footer-org{width:100%;}
    .org-site > li .site-box{padding:20px;}
    .org-site > li .site-tit{padding:0 50px 0 20px;}
    .footer-body{padding:20px 0 30px;}
    .footer-address > ul{flex-direction:column;padding-bottom:15px;border-bottom:1px solid #4d4d4d;}
    .footer-address > ul li+li{margin:15px 0 0;}
    .footer-address > ul li b{font-size:15px;margin-bottom:10px;}
    .footer-address > ul li span{font-size:13px;}

    .top-btn{width:45px;height:45px;}

    /** 검색결과 - 목록 **/
    .result-list a{padding:15px;border-radius:5px;}
    .result-list .list-head .tag{padding:3px 8px;font-size:13px;}
    .result-list .list-head strong{font-size:18px;}
}
/** 820px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** 통합검색 **/
    .srch-total{padding:20px 20px 30px;border-radius:0;}
    .srch-total :is(.srch-total-cont,.srch-txt){flex-direction:column;}
    .srch-total .srch-total-cont{margin-bottom:15px;}
    .srch-total .srch-wrap-txt{display:flex;margin-bottom:10px;}
    .srch-total .srch-wrap-txt .srch-txt{flex:1;width:100%;height:auto;padding:0;border-radius:5px;border:none;}
    .srch-total .srch-wrap-txt .srch-txt:after{content:none;}
    .srch-total .srch-wrap-txt .srch-txt *{width:100%;height:41px;}
    .srch-total .srch-wrap-txt input[type='text']{flex:auto;padding:0 0 0 15px;border-top:1px solid #cdcdcd;}
    .srch-total .srch-wrap-txt .srch-total-btn{position:relative;top:auto;right:auto;width:50px;height:auto;margin-left:10px;padding:11px 20px;border-radius:5px;box-shadow:none;}
    .srch-total .detail-btn{width:100%;margin:0;font-size:16px;text-align:center;border-radius:5px;}
    .srch-total .srch-popular{justify-content:center;margin:0;}
    .srch-total .srch-popular > div{flex:none;}
    .srch-total .srch-popular > div a{font-size:15px;}
    .srch-total .srch-popular > div a+a{margin-left:15px;}

    /** 통합검색 tab **/
    .wrap-integrate-search .tab-nav li i{display:block;}
    .wrap-integrate-search .tab-nav li b{margin:0 0 0 5px;}

    /** 통합검색 - 검색영역 **/
    .integrate-search [class*='srch-cont']{flex-wrap:wrap;}
    .integrate-search [class*='srch-cont'] .srch-footer{width:100%;}
    .integrate-search [class*='wrap-srch'] .button{line-height:45px;font-size:16px;}
    .integrate-search [class*='wrap-srch'] .tip-btn{height:50px;margin-left:8px;border-radius:5px;}

    .integrate-search .wrap-srch{padding:15px;}
    .integrate-search .wrap-srch:not(.srch-option) .srch-item{margin:0 0 5px;}
    .integrate-search .wrap-srch:not(.srch-option) .srch-item input[type="text"]{height:50px;font-size:16px;}
    .integrate-search .wrap-srch:not(.srch-option) .srch-item input[type="text"]::placeholder{font-size:16px;}

    .integrate-search .srch-option .form-multiple{width:100%;flex-direction:column;align-items:flex-start;}
	.integrate-search .srch-option .form-multiple .form-checkbox{justify-content:flex-start;width:100% !important;margin:0}
	.integrate-search .srch-option .form-multiple > *+*{margin:5px 0 0 0 !important;}

    .integrate-search .srch-popular{margin-top:15px;}
    .integrate-search .srch-txt{flex-direction:column;align-items:center;}
    .integrate-search .srch-txt b{margin:0 0 13px 0;}
    .integrate-search .srch-txt div{justify-content:center;}
}
/** 767px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
    /** 통합검색 **/
    .srch-total .srch-popular{flex-direction:column;}
    .srch-total .srch-popular > b{margin-bottom:10px;}

    /** 검색결과 - 목록 **/
    .result-list .list-head{flex-wrap:wrap;}
    .result-list .list-head .tag{margin:0 0 7px;}
    .result-list .list-head strong{flex:none;width:100%;}

    /** 통합검색 - 검색영역 **/
    .integrate-search [class*='wrap-srch'] .button{flex:1;}
}
/** 640px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
    /** 통합검색 **/
    .srch-total .srch-wrap-txt{flex-direction:column;margin-bottom:5px;}
    .srch-total .srch-wrap-txt .srch-total-btn{width:100%;margin:5px 0 0;}
    .srch-total .srch-popular > div{justify-content:center;margin:0;}
}
/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** header **/
    .header-cont #logo{width:148px;height:17px;}
    .wrap-gnb .gnb-cont{width:100%;right:-100%;}

    .menu-btn,.srch-total-open{width:32px;height:32px;}
    .srch-total-open{background-size:15px;}
    .srch-total .srch-wrap-txt input[type='text']::placeholder{color:#fff;}

    /** footer **/
    .org-site > li .site-tit,
    .org-site > li .site-btn-more,
    .org-site > li .site-btn-more span,
    .org-site > li .site-box ul li a,
    .org-site > li .site-box ul+a{font-size:15px;}

    /** 통합검색 - 검색영역 **/
    .integrate-search [class*='srch-cont'] .srch-footer{flex-wrap:wrap;}
    .integrate-search [class*='srch-cont'] .srch-footer > *+*{margin:5px 0 0 0;}
    .integrate-search [class*='wrap-srch'] .button{flex:none;width:100%;}
    .integrate-search [class*='wrap-srch'] .tip-btn{width:100%;height:40px;}
}
/** 414px 끝 **/