@charset "utf-8";

/** layout common **/
#wrap{overflow:hidden;}
		
/** header **/
#wrap-header{width:100%;height: 135px;border-bottom: 1px solid #e6e6e6;}
.header-body{position:relative;width:100%;height:100%;z-index:99;}

.wrap-top-head{border-bottom: 1px solid #ececec;background-color: #ffffff;}
.top-head{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: center;max-width: 1800px;height:42px;margin: 0 auto;/* padding:0 60px; */}
.top-head .gov-info{position:relative;padding-left: 48px;margin: 0;color:#4f6280;font-size:14px;}
.top-head .gov-info:before{content:"";display: block;position:absolute;top:50%;left:0;width: 44px;height: 15px;transform: translateY(-50%);background-image:url(/images/www2024/images2024/layout/gov_logo.png);}
.top-menu a{color:#3c3c3c;font-size:14px;}
.menu-wrap{display:flex;}
.menu-wrap ul{display:flex;}
.top-menu li{position:relative;margin-left:22px;}
.top-menu li:before{content:"";display:block;position:absolute;top: 48%;left: -11px;width:1px;height:10px;transform:translateY(-50%);background-color:#c6c6c7;}
.top-menu li:first-child:before{display:none;}
.top-menu a{color:#3c3c3c;font-size:14px;}
.top-menu a:hover,
.top-menu a:focus{text-decoration:underline;}
.sns-menu{margin-left:13px;}
.sns-menu li{margin-left:8px;}
.sns-menu a{display:block;width:25px;height:25px;margin-right: 0;padding-right: 0;font-size:0;}
.sns-menu a.youtube{background-image:url(/images/www2024/images2024/layout/sns_youtube.png)}
.sns-menu a.instagram{background-image:url(/images/www2024/images2024/layout/sns_instgram.png)}
.sns-menu a.naver-blog{background-image:url(/images/www2024/images2024/layout/sns_blog.png)}
.sns-menu a.facebook{background-image:url(/images/www2024/images2024/layout/sns_facebook.png)}
.sns-menu a.twitter{background-image:url(/images/www2024/images2024/layout/sns_x.png)}
.sns-menu a.kakao-story{background-image:url(/images/www2024/images2024/layout/sns_kakao.png)}

.sns-menu a.youtube:hover,
.sns-menu a.youtube:focus{background-image:url(/images/www2024/images2024/layout/sns_youtube_ov.png)}
.sns-menu a.instagram:hover,
.sns-menu a.instagram:focus{background-image:url(/images/www2024/images2024/layout/sns_instgram_ov.png)}
.sns-menu a.naver-blog:hover,
.sns-menu a.naver-blog:focus{background-image:url(/images/www2024/images2024/layout/sns_blog_ov.png)}
.sns-menu a.facebook:hover,
.sns-menu a.facebook:focus{background-image:url(/images/www2024/images2024/layout/sns_facebook_ov.png)}
.sns-menu a.twitter:hover,
.sns-menu a.twitter:focus{background-image:url(/images/www2024/images2024/layout/sns_x_ov.png)}
.sns-menu a.kakao-story:hover,
.sns-menu a.kakao-story:focus{background-image:url(/images/www2024/images2024/layout/sns_kakao_ov.png)}

.header-cont{display:flex;align-items:center;max-width: 1800px;height: 93px;/* padding: 0 60px; */margin:0 auto;transition:padding .2s .1s;justify-content: space-between;}
.header-cont .header-right{display: flex;/* position: relative; *//* width: calc(100% - 480px); */align-items: center;}
.header-cont .wrap-logo{display:flex;align-items: center;width: 52.5%;}
.header-cont .wrap-logo #logo{width: 174px;height: 51px;}
.header-cont .wrap-logo #logo > a{display:block;width:100%;height:100%;text-indent:-9999px;background:url(/images/www2024/images2024/layout/logo.png) no-repeat center / cover;}
.header-cont .wrap-logo .gov_link{display: block;width: 95px;height: 40px;margin-left:23px;margin-right: 0;padding-right: 0;font-size:0;background-image:url(/images/www2024/images2024/layout/gov_txt.png);background-repeat: no-repeat;}

.header-cont .wrap-aside #search-form{display: flex;}
.header-cont .wrap-aside #search-form > a{display:none;}
.header-cont .wrap-aside #search-form fieldset{display: flex;align-items: center;}
.header-cont .wrap-aside #search-form select{border-radius:30px 0 0 30px;}
.header-cont .wrap-aside #search-form select,
.header-cont .wrap-aside #search-form input{height:42px;padding: 0 0 0 18px;border:0;}
.header-cont .wrap-aside #search-form select{padding-right: 32px;color: #626262;font-size: 14px;border: 1px solid #d8d8d8;border-right: 0;background-image: url(/images/www2024/images2024/layout/ico_arr.png);background-repeat: no-repeat;background-color: #fff;background-position: right 50%;appearance: none;}
.header-cont .wrap-aside #search-form:hover input,
.header-cont .wrap-aside #search-form:focus input,
.header-cont .wrap-aside #search-form:hover select,
.header-cont .wrap-aside #search-form:focus select{border-color:#3c3c3c;}
.header-cont .wrap-aside #search-form input::placeholder{color:#7a7a7a;font-size:14px;}
.header-cont .wrap-aside #search-form input{max-width: 198px;padding-right: 46px;border: 1px solid #d8d8d8;border-left: 0;border-radius: 0 30px 30px 0;}
.header-cont .search-btn{position: absolute;right: 67px;font-size: 0;width: 21px;height: 21px;background-image:url(/images/www2024/images2024/layout/ico_search.png)}
.header-cont .wrap-aside #search-btn{display:block;}
.header-cont .wrap-aside .menu-btn{display: block;margin-left: 19px;margin-right: 10px;font-size: 0;min-width: 22px;height: 22px;background-image:url(/images/www2024/images2024/layout/sitemap.png)}    
.header-cont .wrap-aside .menu-btn:hover{background-image:url(/images/www2024/images2024/layout/sitemap_ov.png)}
.header-cont .wrap-aside .open-btn{display:none}

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

/** GNB Slogan **/
.gnb-slogan{overflow: hidden;display:none;position:absolute;top: 135px;left: 0;background-color: #2a3790;background-repeat: no-repeat;z-index: 1;box-shadow: 0px 3px 5px #ddd;}
.gnb-slogan:before{content:"";display:block;position:absolute;top: 45px;right: -86px;width: 253px;height: 293px;background-image: url(/images/www2024/images2024/layout/gnb_slogan.png);}
.gnb-slogan strong{display:block;position:absolute;top: 75px;left: 371px;color: #fefefe;font-size: 35px;}
.gnb-slogan strong span{display:block;margin-top:10px;line-height: 24px;color:#59619d;font-size: 16px;}

/** GNB **/
#gnb{width: 100%;height:100%;}
#gnb:after{content:'';position:absolute;left:50%;top: 135px;width:100vw;height:1px;transform:translateX(-50%);background:#eee;opacity:0;}
#gnb .depth1{display:flex;height: 93px;}
#gnb .depth1 > li:first-child{padding: 0 4% 0 0;}
#gnb .depth1 > li{padding: 0 4%;}
#gnb .depth1 > li > a{display:flex;justify-content:center;align-items:center;position:relative;height:100%;color: #353535;font-size: 21px;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;left:50%;bottom: -34px;width:0;height: 4px;transform:translateX(-50%);transition:all .2s;background: #2b3993;opacity:0;}
#gnb .depth1 > li > a i:after{content:'';position:absolute;left:50%;bottom: -50px;width: 14px;height: 11px;transform:translateX(-50%);background-image:url(/images/www2024/images2024/layout/menu_ov.png);transition:all .2s;opacity:0;}
#gnb .depth1 > li > a i:hover:before,#gnb .depth1 > li > a.is-on i:before{width:100%;opacity:1;}
#gnb .depth1 > li > a i:hover:after,#gnb .depth1 > li > a.is-on i:after{opacity:1;}
#gnb .depth1 > li.pc-none{display:none;}

.header-cont .wrap-aside{display: flex;position: relative;height:100%;align-items: center;}
.srch-btn{background:#163466 url(/images/www2024/images2024/common/srch_total.png) 50% no-repeat;}
.srch-btn.active{background-image:url(/images/www2024/images2024/ico/ico_close.png);}

/** 통합검색 **/
.srch-total{overflow:hidden;visibility:hidden;;position:absolute;top:100%;left:0;width:100%;height:0;margin:0;padding:15px 20px;transition:height .2s;background:rgba(0,0,0,.7);z-index:99999;opacity:0;}
.srch-total > *{position:relative;}
.srch-total .srch-total-cont{display:flex;align-items:center;max-width:800px;width:100%;height:50px;margin:0 auto;padding:0 5px 0 15px;border-radius:50px;background:#fff;}
.srch-total .srch-total-cont input[type='text']{flex-grow:1;margin-right:5px;line-height:25px;border-width:0;background:transparent;}
.srch-total .srch-total-cont input[type='text']::placeholder{color:#36445b;font-size:15px;}
.srch-total .srch-total-btn{display:block;width:43px;height:43px;text-indent:-9999px;border-radius:50%;background:#163466 url(/images/www2024/images2024/common/srch_total.png) no-repeat 50%;}

.srch-total.active{visibility:visible;height:80px;opacity:1;}
.srch-total.active .srch-total-cont input[type="text"]{height:80%;}

/** 1279px 이상 시작 **/
@media screen and (min-width:1279px){
    /** GNB **/
    #gnb li:last-child .depth-cont{border-right:1px solid #ececec;}
    #gnb li > a.is-on + .depth-cont{background: #ffffff;}    
    #gnb .depth-cont{overflow: hidden;display:none;position:absolute;top:100%;left:50%;width:100%;min-height: 240px;padding: 40px 60px 50px 0px;border-left:1px solid #ececec;transform:translateX(-50%);transition:background .2s;box-shadow: 0 2px 5px #ddd;}
    #gnb .depth-cont:before{content:"";position:absolute;bottom: -279px;right:0;width: 342px;height: 492px;background-image: url(/images/www2024/images2024/layout/gnb_menu.png);}
    #gnb .depth-cont .depth2{display:flex;flex-wrap: wrap;width: 100%;margin-top: -30px;}    

    #gnb .depth2 > li{width: calc(100%/4 - 30px);margin-top: 30px;margin-left: 30px;text-align:center;}    
    #gnb .depth2 > li > a{display:block;margin-right: 0;padding: 10px 10px;border: 1px solid #e7e9eb;background: #f8f8f9;}    
    #gnb .depth2 > li > a:hover,
    #gnb .depth2 > li > a:focus{border-color:#2b3b9a}
    #gnb .depth2 > li > a:hover i,
    #gnb .depth2 > li > a:focus i{color:#2b3b9a;}
    #gnb .depth2 > li > a i{display: inline-block;position:relative;color: #222222;font-size: 16px;font-weight: bold;letter-spacing:-1.5px;transition:color .2s;}
    #gnb .depth2 > li > a i:before{content:'';position:absolute;left:50%;bottom:-2px;width:0;height:1px;padding:0 1px;transform:translateX(-50%);transition:all .2s;background:#fff;z-index:-1;opacity:0;}    
    #gnb .depth2 > li > a:hover i:before,#gnb .depth2 > li > a:focus i:before,#gnb .depth2 > li > a.is-on i:before{width:100%;opacity:1;}    
    #gnb .depth2 > li .depth3{margin-top:10px;}
    #gnb .depth2 > li .depth3 li a{position:relative;display:block;padding: 4px 0 4px 15px;text-align:left;}    
    #gnb .depth2 > li .depth3 li a:hover i,
    #gnb .depth2 > li .depth3 li a:focus i{color:#2b3b9a;text-decoration:underline;}
    #gnb .depth2 > li .depth3 li a:before{content:"";display:block;position:absolute;top: 52%;left:0;width:6px;height:2px;transform: translateY(-50%);background-color:#e1e3e5;background-image: none;}
    #gnb .depth2 > li .depth3 li a:hover:before,
    #gnb .depth2 > li .depth3 li a:focus:before{background-color:#2b3b9a}
    #gnb .depth2 > li .depth3 li a i{color:#555555;font-size: 15px;}

    /** GNB ON **/
    .header-body.on{box-shadow:0px 8px 15px 5px rgba(0,0,0,.1);background-color:#fff;}
    .header-body.on .gnb-slogan{visibility:visible;opacity:1;}
    .header-body.on  #gnb:after{opacity:1;}
    .header-body.on #gnb .depth1 > li > a:hover, .header-body.on #gnb .depth1 > li > a.is-on{color: #2b3993;}

    /** 새창 **/
    #gnb .depth3 a[target="_blank"] i:hover:after,
    #gnb .depth3 a[target="_blank"] i:focus:after{background-image:url(/images/www2024/images2024/layout/window_open_ov.png)}    
    #gnb a[target="_blank"] i{position: relative;padding-right: 20px;}
    #gnb a[target="_blank"] i:after{content:"";position:absolute;top: 50%;right:0;width: 13px;height: 13px;transform: translateY(-50%);background-image:url(/images/www2024/images2024/layout/window_open.png)}
}
/** 1279px 이상 끝 **/

/** 1750px 이상 시작 **/
@media screen and (max-width:1750px){    
    /** GNB **/    
    .gnb-slogan strong{font-size:33px}
    #gnb .depth1 > li > a{font-size: 18px;}               
}
/** 1750px 이상 끝 **/

/** 1900px 이상 시작 **/
@media screen and (max-width:1900px){
    /** header **/
    .top-head{padding: 0 30px;}
    .main .top-head{padding: 0 30px;}
    .header-cont{padding: 0 30px;}
    .main .header-cont{padding: 0 30px;}
}
/** 1900px 이상 끝 **/

/** 1550px 이상 시작 **/
@media screen and (max-width:1550px){
    /** header **/        
    .header-cont .wrap-logo{width: 40%;}    
    .header-cont .header-right{width: calc(100% - 300px);} 
    .header-cont .wrap-aside .menu-btn{margin-right:0;}   
    .header-cont .wrap-logo #logo{width: 150px;height: 40px;}
    .header-cont .wrap-logo #logo > a{background-size:contain;background-position: left;}
    .header-cont .wrap-logo .gov_link{width: 72px;height: 30px;background-size: contain;}
    .header-cont .header-right{width: calc(100% - 400px);}
    .header-cont .wrap-logo .gov_link{margin-left: 0;}
    
    /** GNB **/        
    #gnb .depth2 > li > a i{font-size:15px;}  

    /** 검색영역 **/
    .header-cont .wrap-aside .search-btn{right: 59px;}
}
/** 1550px 이상 끝 **/

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

/** 1279px 시작 **/
@media screen and (max-width:1279px){
    /** header **/
    #wrap-header{height:auto;padding-top:0;}
    #wrap-header:before,#wrap-header:after{content: none;}    
    .header-cont{max-width: 100%;width: 100%;height:100%;padding: 20px;border-bottom:1px solid #e1e1e1;}    
    .main .header-cont{padding: 20px 30px;}
    .header-cont #logo > a{background-size:contain;}    
    .top-head .menu-wrap{display:none;}  
    #gnb .depth1 > li > a i:after{display:none;}
    #gnb .depth1 > li.pc-none{display:block;}
    .top-head{min-height: 36px;padding: 0 20px;}
    .top-head .gov-info{font-size:13px;}

    /** 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:30px 0 20px;}
    .wrap-gnb .logo a{display:block;width: 150px;height: 44px;margin:0 auto;text-indent:-9999px;background:url(/images/www2024/images2024/layout/logo_m.png) no-repeat 50% 0 / cover;}

    .wrap-gnb.on{visibility:visible;opacity:1;}
    .wrap-gnb.on .gnb-cont{right:0}
    .wrap-gnb.on #gnb .depth1{padding-right:0;}    
    .wrap-gnb.on .depth2{flex-wrap:wrap;width: 100%;}
    .wrap-gnb.on .depth2 li{width:100%;}

    .wrap-gnb.on .menu-wrap{flex-wrap:wrap;justify-content: center;}
    .wrap-gnb.on .top-menu a{color:#fff;}
    .wrap-gnb.on .sns-menu{margin:20px 0}
    .wrap-gnb.on .sns-menu li{margin:0 8px;}
    .wrap-gnb.on .menu-wrap ul{justify-content: center;}
    .wrap-gnb.on .top-menu li{margin:0 10px}
    .wrap-gnb.on .top-menu li:before{top: 59%;left: -9px;}

    /** 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:before,#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: #2b3993;}
    #gnb .depth1 > li:first-child{padding: 0 0 0 0;}
    #gnb .depth-cont{position:static;width:100%;height:auto !important;padding:0;}

    #gnb .depth2 > li{padding-right:0;padding-left:0;}
    #gnb .depth2 > li > a{position:relative;width:100%;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:#111;background:#dbe5ff;}
    #gnb .depth2 > li > a i{font-size:16px;}
    #gnb .depth3{padding:5px 10px;background: #e9ecef;}
    #gnb .depth3 li+li{border-top:1px dotted #aeaeae;}
    #gnb .depth3 li a{padding:10px;border-top:none;font-size:15px;}
    #gnb .depth3 li a:hover,#gnb .depth3 li a.on{color: #2b3b9a;text-decoration:underline !important;}

    #gnb [class*='has-sub']:after{content:'';display:block;position:absolute;}
    #gnb .depth1 .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 .depth1 .has-sub.on:after{top:calc(50% - 3px);transform:rotate(315deg)}

    #gnb .depth2 .has-sub:after,
    #gnb .depth2 .has-sub:before{content:'';display:block;position:absolute;top: calc(50% - 8px);right: 24px;border:0;background-color: #333842;transform:rotate(180deg);}
    #gnb .depth2 .has-sub:after{width:2px;height:15px;}    
    #gnb .depth2 .has-sub:before{width:2px;height:15px;transform:rotate(90deg) !important;}
    #gnb .depth2 .has-sub.on:after{display:none;}

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

    .hide-pc{display:block;}
    .hide-pc a.gov_link{display: none !important;}

    /** menu-btn **/
    .header-cont .wrap-aside .menu-btn{margin-right:0;}    
}
/** 1279px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** 검색영역 **/
    .header-cont .wrap-aside #search-form{display:none;position: absolute;top: 100%;left: 0;width: 100%;border:0;border-top: 1px solid #e4e4e4;border-radius: 0;background-color: #fff;z-index: 1;box-shadow: rgb(38 39 42 / 8%) 0px 12px 10px;}
    .header-cont .wrap-aside .open-btn{display: block;font-size: 0;width: 21px;height: 21px;background-image: url(/images/www2024/images2024/layout/ico_search.png);background-repeat: no-repeat;}
    .header-cont .wrap-aside #search-form:hover input,
    .header-cont .wrap-aside #search-form:focus input,
    .header-cont .wrap-aside #search-form:hover select,
    .header-cont .wrap-aside #search-form:focus select{border:0;}    
    .header-cont .wrap-aside #search-form .search-btn{margin-right:0;right: 20px;}
    .header-cont .wrap-aside{position:initial}
    .header-cont{position:relative;padding: 20px;}
    .main .header-cont{padding: 20px;}
    .main .top-head{padding: 0 20px;}
    .header-cont .wrap-aside #search-form fieldset{width:100%;}
    .header-cont .wrap-aside #search-form input{width: 70%;max-width: 70%;padding: 0 47px 0 20px;}
    .header-cont .wrap-aside #search-form select{width: 30%;min-width: 100px;padding-left:20px;}
    .header-cont .wrap-aside #search-form input,
    .header-cont .wrap-aside #search-form select{border:0;border-radius:0;}
    .header-cont .wrap-aside .open-btn{display:block;}    
    .header-cont .wrap-aside .open-btn.ov{position:relative;background-image:none;}
    .header-cont .wrap-aside .open-btn.ov:before,
    .header-cont .wrap-aside .open-btn.ov:after{content:"";display:block;position:absolute;top: -1px;left: auto;right: 9px;width: 3px;height: 24px;border-radius: 30px;background-color:#3c3c3c;}
    .header-cont .wrap-aside .open-btn.ov:before{transform:rotate(45deg)}
    .header-cont .wrap-aside .open-btn.ov:after{transform: rotate(136deg);}
    .header-cont .wrap-logo{width:auto;}    
}
/** 767px 끝 **/

/** 520px 시작 **/
@media screen and (max-width:520px){
    .breadcrumb{justify-content: flex-start !important;}    
    .breadcrumb li{margin-left:0 !important;margin-right:25px}
}
/** 520px 끝 **/

/** 600px 시작 **/
@media screen and (max-width:600px){
    /** header **/
    .header-cont #logo{margin:0 auto 0 0;}
}
/** 600px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** header **/
    .header-cont #logo{width:175px;height:27px;}
    .wrap-gnb .gnb-cont{width:100%;right:-100%;}
    .top-head{padding: 0 10px;}
    .main .top-head{padding: 0 20px;}
    .header-cont{padding: 10px;}
    .main .header-cont{padding: 10px 20px;}
    .header-cont .wrap-logo #logo{width: 127px;height: 35px;}
    .header-cont .wrap-logo .gov_link{width: 59px;height: 25px;}
    .header-cont .wrap-aside button{right: 0px;width: 19px;height: 19px;background-size: contain;}
    .header-cont .wrap-aside .menu-btn{width: 19px;height: 19px;margin-left: 15px;background-size: contain;background-repeat: no-repeat;}
}
/** 414px 끝 **/

/** sub layout **/
/** sub common width **/
.wrap-visual-sub .visual-cont-sub{max-width:1400px;margin:0 auto;}

/** sub visual **/
.wrap-visual-sub{width:100%;height: 118px;background:url(/images/www2024/images2024/layout/subvisual.png) no-repeat 50% / cover;}
.wrap-visual-sub .visual-cont-sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;}
.wrap-visual-sub .visual-cont-sub strong{display:block;color:#000;font-size:20px;}

#wrap-container{display:flex;max-width: 1440px;margin: 0 auto;}
.wrap-content{position: relative;flex:1;max-width: 1170px;margin-top: -48px;padding: 58px 70px 58px 80px;border-radius: 0 30px 0 0;background-color: #fff;}
.wrap-content .cont-head{display:flex;justify-content: space-between;padding-bottom: 13px;border-bottom: 1px solid #e3e6eb;}
.wrap-content .cont-head h3{width:calc(100% - 36px);padding-right:10px}
.wrap-content .cont-head h3 i{color:#353535;font-size:32px;font-weight:bold;}
.wrap-content .cont-head .print{width: 36px;height: 36px;font-size:0;border: 1px solid #e7eaee;border-radius: 50%;background-image:url(/images/www2024/images2024/layout/print.png);background-position: center center;background-repeat: no-repeat;}
.wrap-content .cont-head .print:hover,
.wrap-content .cont-head .print:focus{background-image:url(/images/www2024/images2024/layout/print_ov.png);background-color:#2b3993;border-color:#2b3993;}

.breadcrumb{overflow: hidden;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;position: absolute !important;top: -47px;right: 70px;}
.breadcrumb li{position:relative;margin-left:25px;}
.breadcrumb li:before{content:"";display:block;position:absolute;top: 6px;right: -15px;width: 5px;height:10px;background-image:url(/images/www2024/images2024/layout/breadcrumb.png);}
.breadcrumb li.on:before{display:none;}
.breadcrumb li.home a{display:block;width: 13px;height: 14px;margin-top: 3px;font-size:0;background-image:url(/images/www2024/images2024/layout/home.png)}
.breadcrumb a{color:#777777;font-size:15px;}
.breadcrumb li.on a{color:#222222;text-decoration:underline}

.cont-body{margin-top:30px;min-height:500px;}

/** wrap-remote **/
.wrap-remote{width: 270px;margin-top: -88px;}
.remote-tit{overflow: hidden;position:relative;display:flex;justify-content:center;align-items:center;width: 251px;height: 183px;padding:20px;text-align:center;border-radius: 30px 20px 0 20px;box-shadow: 20px 20px 0px #edeff8;background: #2b3993;}
.remote-tit:before{content:"";display:block;position:absolute;bottom: -71px;right: -40px;width: 517px;height: 338px;background-image: url(/images/www2024/images2024/layout/remote_bg.png);}
.remote-tit i{position: relative;color:#fff;font-size:30px;font-weight: bold;z-index: 1;}

/** snb메뉴 **/
/** snb common **/
.wrap-snb{position:relative;margin-top: 39px;padding-bottom:150px;border:0 solid #e9e9e9;border-width:1px 0 0;}
.snb li{position:relative;}

.snb ul{display:none;padding:0;background:#fff}
.snb ul li a{padding-left:10px;line-height:18px;color: #555555;font-size:15px;}
.snb ul li a:before{top:8px;left:0;width:4px;height: 2px;background: #dadde2;}

/** 1depth **/
.snb > li > a{overflow:hidden;margin-right:0;padding: 16px 45px 16px 15px;line-height:20px;font-size:17px;letter-spacing:-1px;border-bottom:1px solid #cdd3dd;}
.snb > li > a i{color: #555555;font-size: 17px;z-index:2}
.snb a:hover i,
.snb a:focus i{color: #2b3993;}
.snb a:hover,
.snb a:focus{border-color: #2b3993;}
.snb .is-on a.on{border-color: #2b3993;text-decoration: underline;}
.snb > li.is-on > a.on{text-decoration:none;}
.snb a.on{border-color: #2b3993;}
.snb a.on i{color: #2b3993;}
.snb > li > ul > li:not(.is-current) > a.on:before{background: #2b3b9a;}
.snb > li:not(.no-depth).is-on > a:hover:after,
.snb > li:not(.no-depth).is-on > a:focus:after,
.snb > li:not(.no-depth).is-on > a:after{background-image: url(/images/www2024/images2024/layout/site_icon.png);}

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

.snb > li.no-depth > a:hover i{color: #2b3993;border-color:#0f408f;}

.snb li:not(.no-depth) > a:after{background-image:url(/images/www2024/images2024/layout/snb_depth01_arr01.png);}
/*.snb > li.no-depth > a:after{top: calc(50% - 10px);right: 12px;width: 20px !important;height: 20px !important;background-image: url(/images/www2024/images2024/layout/snb_depth01_arr01.png) !important;background-repeat: no-repeat;background-position: center center;}*/
.snb li:not(.no-depth) > a:hover:after{background-image:url(/images/www2024/images2024/layout/snb_depth01_arr01_ov.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/www2024/images2024/layout/window_open.png) !important}
.snb a[target=_blank]:hover:after,
.snb a[target=_blank]:focus:after{background-image:url(/images/www2024/images2024/layout/window_open_ov.png) !important}

/** no-depth 현재페이지 **/
.snb .is-on.no-depth a{background-color: #2b3993;border-color: rgba(0, 0, 0, 0);}
.snb .is-on.no-depth a:hover i,
.snb .is-on.no-depth a:focus i{color: #fff;}
.snb .is-on.no-depth a i{color: #fff;}   

/** depth :is-on **/
.snb > li.is-on > a{color:#1333a5;z-index:2;}
.snb > li:not(.no-depth).is-on > a{background-color: #2b3993;border-color: rgba(0,0,0,0);}
.snb > li:not(.no-depth).is-on > a i{color: #ffffff !important;}

/** 2depth **/
.snb > li > ul{position:relative;padding: 8px 20px 20px 20px;background:#f6f8fa;}
.snb > li > ul > li{margin-top: 10px;}
.snb > li > ul > li:not(.no-depth) > a:after{background-image:url(/images/www2024/images2024/common/snb_depth02_sub.png);}
.snb > li > ul > li:not(.no-depth) > a:hover:after{background-image:url(/images/www2024/images2024/common/snb_depth02_sub_ov.png);}
.snb > li > ul > li.is-current > a{color:#3559b8;}
.snb > li > ul > li.is-current > a:before{background:#3559b8;}
.snb > li > ul > li:not(.is-current) > a:hover,
.snb > li > ul > li:not(.is-current) > a:focus{color: #2b3b9a;text-decoration:underline;}
.snb > li > ul > li:not(.is-current) > a:hover:before,
.snb > li > ul > li:not(.is-current) > a:focus:before{background: #2b3b9a;}
.snb > li > ul > li:not(.no-depth).is-current > a{text-decoration:none;}
.snb > li > ul > li:not(.no-depth).is-current > a:after,.snb > li > ul > li:not(.no-depth).is-on > a:after{background-image:url(/images/www2024/images2024/common/snb_depth02_sub_current.png);}

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

/** 3depth **/
.snb ul ul a{padding:5px 0 5px 12px;line-height:17px;font-size:14px;}
.snb ul ul a:before{top:13px;left:0;width:4px;height:2px;background:#a3a3a3;}

.snb > li > ul > li > ul{margin:5px 0 10px;padding:7px 10px;border-radius:5px;}
.snb > li > ul > li > ul > li.is-current a{text-decoration:underline;}

/** 1550px 시작 **/
@media screen and (max-width:1550px){
    /** remote **/
    .remote-tit i{font-size:28px;}

    /** container **/
    #wrap-container{padding:0 20px;}
    .main #wrap-container{padding:0 0;}    
    .wrap-content .cont-head h3 i{font-size:29px;}
}
/** 1550px 끝 **/

/** 1279px 시작 **/
@media screen and (max-width:1279px){
    /** sub visual **/
    .wrap-visual-sub{display:none;}

    /** wrap-remote **/
    .wrap-remote{display:none;}
    .wrap-content{max-width:100%;padding:20px;}

    /** breadcrumb **/
    .wrap-breadcrumb{background-color:#e9ecef;}
    .breadcrumb{position: initial !important;margin-right: 20px;padding: 5px 0 8px 20px !important;}    

    /** content **/
    .wrap-content{margin-top:0;padding: 0;}
    .wrap-content .cont-head{margin-top:0;}
    .cont-body{padding: 0 20px;margin-top:20px;}
    .wrap-content .cont-head{margin: 20px 20px 0 20px;}
    #wrap-container{padding:0;}    
    .wrap-content .cont-head h3 i{font-size:28px;}
}
/** 1279px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** content **/
    .wrap-content .cont-head h3 i{font-size: 27px;}
}
/** 767px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** breadcrumb **/
    .breadcrumb{position: initial;margin-right: 10px;padding: 3px 0 8px 10px !important;}    

    /** content **/
    .wrap-content .cont-head{margin: 10px 10px 0 10px;align-items: flex-end;}
    .wrap-content .cont-head h3 i{font-size:27px;}
    .cont-body{padding: 0 10px;margin-top:13px;}    
}
/** 414px 끝 **/

/** footer **/
#wrap-footer{position:relative;padding: 20px 0px 50px 0px;background: #222;z-index: 98;}
#wrap-footer > [class^='footer']{display:flex;justify-content:space-between;max-width: 1800px;margin: 0 auto;/* padding: 0 60px; */align-items: center;}
#wrap-footer .footer-head{padding-bottom: 20px;border-bottom: 1px solid #444444;}

.footer-nav{display:flex;flex-wrap: wrap;align-items:center;margin-left: -25px;padding-right: 30px;margin-top: -5px;}
.footer-nav li{position:relative;margin-left: 30px;margin-top: 5px;}
.footer-nav li:first-child:before{content:none;}
.footer-nav a{color: #dadada;font-size:16px;}
.footer-nav a:hover,
.footer-nav a:focus{text-decoration:underline;color: #dadada;}
.footer-nav a.private{color: #ffffff;font-weight: 600;}

.footer-org{flex:1;}
.org-site{display:flex;justify-content:flex-end;}
.org-site > li{position:relative;width: 50%;width: 202px;height:100%;border-radius: 10px;border: 1px solid #191919;background-color: #191919;}
.org-site > li+li{margin-left:10px;}
.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: #ffffff;font-size: 16px;font-weight:400;}
.org-site > li .site-tit{padding: 0 38px 0 20px;line-height: 47px;}
.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% - 4px);right: 22px;width: 14px;height:8px;background: url(/images/www2024/images2024/layout/site_icon.png) no-repeat 50%;}
.org-site > li .site-box{display:none;position:absolute;bottom: calc(100% + 4px);left:-1px;width:calc(100% + 2px);z-index: 4;}
.org-site > li .site-box ul{overflow-y:auto;max-height: 308px;border: 0 solid #191919;border-width:1px 1px 0;}
.org-site > li .site-box ul li:last-child{border-bottom:0;}
.org-site > li .site-box ul li a{margin-right: 0;padding: 9px 8px;line-height:15px;color: #191919;font-size: 14px;background-color: #ffffff;}
.org-site > li .site-box ul li a:hover{text-decoration: underline;}
.org-site > li .site-box ul+a{position:absolute;top:100%;right:0;width:100%;height:52px;text-indent:-9999px;}

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

.org-site > li .site-box ul::-webkit-scrollbar{width:6px;}
.org-site > li .site-box ul::-webkit-scrollbar-thumb{border-radius:25px;background:#86878b;}
.org-site > li .site-box ul::-webkit-scrollbar-track{background:#cdd0d5;}

.footer-body{align-items:center;}
.footer-address > ul{margin: 32px 0 12px 0;}
.footer-address > ul li+li{margin-top: 5px;}
.footer-address > ul li *{display:inline-block;color: #ffffff;font-size: 14px;}
.footer-address > ul li b{position:relative;margin-right:22px;padding-right:15px;font-weight:500;}
.footer-address > ul li b:after{content:'';position:absolute;bottom:1px;right:0;width:5px;height:5px;border-radius:50%;background:#fff;}
.footer-address > ul li span{font-weight:300;}
.footer-address .copyright{color: #777;font-size: 14px;letter-spacing: 0;word-break: break-word;}

.footer-logo{display:flex;flex-wrap: wrap;align-items: center;min-height: 53px;margin-top: 30px;justify-content: center;}
.footer-logo li{display: flex;position:relative;height: 53px;align-items: center;}
.footer-logo li.acc-mark{margin-left:38px;}
.footer-logo li:before{content:"";display:block;position:absolute;top: 0;left:0;width: 57px;height: 53px;}
.footer-logo li.gow-symbol:before{background-image:url(/images/www2024/images2024/layout/gow_symbol.png)}
.footer-logo li.acc-mark:before{background-image:url(/images/www2024/images2024/layout/acc_mark.png)}
.footer-logo a{display: block;margin-right: 0;padding-right: 0;padding-left: 67px;color: #d0d4de;font-size: 13px;}
.footer-logo a:hover,
.footer-logo a:focus{color: #d0d4de;}

.top-btn{display:block;position:fixed;right:15px;bottom:15px;width:48px;height:48px;margin:16px auto 0;border-radius:50%;text-indent:-9999px;box-shadow:0px 5px 6px 2px rgba(0,0,0,.1);background:#fff url(/images/www2024/images2024/ico/ico_top.png) no-repeat center;z-index:999;}
.top-btn:hover{background-color:#163466 ;background-image:url(/images/www2024/images2024/ico/ico_top_w.png);}

/** 1900px 시작 **/
@media screen and (max-width:1900px){
    /** footer **/
    #wrap-footer{padding: 20px 30px;}
}
/** 1900px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
    /** footer **/
    #wrap-footer{padding: 30px 30px;}
    .footer-head{flex-direction:column-reverse;}
    .footer-nav{justify-content:center;margin-top:20px;padding-right:0;}

    .footer-org{width:100%;}
    .org-site{width:100%;}
    .org-site > li{width: 50%;}    
    .org-site > li .site-tit{line-height:40px;font-size: 15px;}

    .footer-body{flex-direction:column;}
    .footer-address{text-align:center;}
    .footer-address ul{margin: 25px 0;}    
    .footer-address ul li b{margin-right:15px;}

    /** 국가상징알아보기,웹접근성 **/
    .footer-logo li{margin: 0 10px 0 10px;}
}
/** 1024px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    #wrap-footer{padding: 20px;}
}
/** 767px 끝 **/

/** 650px 시작 **/
@media screen and (max-width:650px){
    /** footer **/
    .org-site{flex-wrap:wrap;}
    .org-site > li{max-width:100% !important;width:100% !important;}
    .org-site > li+li{margin:5px 0 0 0;}
    .org-site > li .site-tit{line-height:35px;}

    .footer-nav a,.add-list li *,.footer-address .copyright{font-size:15px;}

    .footer-nav{margin: 10px 0 0 -15px;}    
    .footer-nav li{margin-left: 15px;}
    .footer-nav li:before{left:0;}
    .footer-nav li:first-child:before{content:'';}

    .footer-body{align-items:flex-start;}
    .footer-address{width:100%;}
    .footer-address ul{margin:15px 0;}
    .footer-address ul b{margin:0 0 5px;}
    .footer-address ul span{display:block;}

    /** 국가상징알아보기,웹접근성 **/
    .footer-logo li{margin: 10px 10px 0 0;}
    .footer-logo li.acc-mark{margin-left:10px;}
    .footer-logo .acc-mark{margin-right: 0;}
    .footer-logo{margin-top:5px;}    
    .footer-logo a{padding-left: 61px;}
}
/** 650px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** footer **/    
    .footer-address ul{margin:10px 0;}
    .footer-nav{margin: 10px 0 0 -15px;}
    #wrap-footer .footer-head{padding-bottom: 10px;}
    #wrap-footer{padding: 20px 10px;}
    .main #wrap-footer{padding: 20px;}

    /** 국가상징알아보기,웹접근성 **/
    .footer-logo li{width: 100%;margin: 10px 0 0 0 !important;}
    .footer-logo li a{margin:0;padding-right:0;}
    
    .footer-logo{/* width: 100%; */display: flex;flex-direction: column;}   
}
/** 414px 끝 **/