@media screen and (max-width:1460px){
    .wrap{width: 100%;margin:0;padding:0 20px}
    /* .depth1>.more_depth{padding: 0 3% 0 3%;} */
    /* .depth1>.more_depth>a:after{right: -42px;} */
    .depth2 .menu_title{width: 100%;margin: 0;padding: 0 20px 0 40px;}
    .depth2 .menu_title:before{left: 20px;}
    .depth2>ul{width: 100%;margin: 0;padding: 30px 20px 50px 20px;}
}
@media screen and (max-width:1366px){
    #header{height: 100px;position: fixed;border-bottom: 1px solid #ddd;}
    /* .header_top{justify-content: center;} */
    .logo a{width: 230px;height: 46px;position: relative;z-index: 400;margin-top: 27px;}
    .header_btm{height: 100px;background: none;position: absolute;right:0;top:0;z-index: 500;}
    .open_btn{display: block;width: 46px;height: 46px;border:1px solid #062d64;position: absolute;right:20px;top:27px;z-index: 5;}
    .open_btn .line{width: 18px;height: 2px;background:#072d66;display: block;position: absolute;top:14px;right:14px;}
    .open_btn .line02{width: 12px;top: 22px;}
    .open_btn .line03{top: 30px;}
    .open_btn.close .line{width: 28px;top: 22px;right: 8px;}
    .open_btn.close .line01{transform: rotate(45deg);}
    .open_btn.close .line02{display: none;}
    .open_btn.close .line03{transform: rotate(-45deg);}
    .nav_open.close .line{background:#fff}

    .util{position: absolute;left:0;top:0;width: 100%;height: 100%;}
    .search_open{left: 20px;background: url(/eng/images/common/search_btn.png)center no-repeat;display: none;}
    .search_open .line{display: none;}
    .search_open.close{background:none;}
    .search_open.close .line{display: block;}
    .search_area{background:#ebf2fb;padding: 30px 20px;position: absolute;top: 100px;width: 100%;display: none;}
    .search_area .inner{min-width: 480px;margin: 0 auto;}
    .util .top{position: absolute;right: -200%;top: 100px;background: #012a5b;width: 80%;padding: 0 20px;display: block;z-index: 500;}
    .login .name, .login button, .lang a{color:#fff}
    .login{position: absolute;left: 20px;top: 10px;}
    .login:before{background-color: #fff;top: 13px;}
    .login button{margin-left: 12px;border: 1px solid #305f98;}
    .login .timer{display: none;}
    .util .top .flex{justify-content: flex-end;align-items: center;height: 50px;}
    .util .top .flex>div:after{background:#486382;top: 5px;}
    .lang{width: auto;padding-right: 20px;}
    .lang:after{display: none;}
    .lang a span{display: none;}
    .lang a:before{background: url(/eng/images/common/lang_w.png)left top no-repeat;}

    #gnbmenu{width: 100%;top: 0;height: calc(100vh - 150px);display: block;width: 80%;position: fixed;right: -200%;background-color: #013b80;margin-top:150px}
    #gnbmenu:before{content: '';width: 100%;height: 100px;background-color:#001d3f;background-image: url(/eng/images/common/foot_logo.png);background-position: left 20px center;background-repeat: no-repeat;position: absolute;left:0;top:-150px;z-index: 1;}
    .depth1{display: block;}
    .depth1>.more_depth{padding: 0;background-color: #013b80;width: 300px;border-bottom: 1px solid #305f98;}
    .depth1>.more_depth>a{padding: 0 20px;}

    .depth1>.more_depth>a:before, .depth2:before, .depth1>.more_depth>a:after{display: none;}
    /* .depth1>.more_depth>a:hover{color: #fff;} */
    .depth1>.more_depth>a.hover:after, .depth1>.more_depth>a.hover.hidden:after, .depth1>.more_depth>a.now:after{display:block;z-index: 5;width: 11px;height: 11px;background-color: #013b80;right:-5px;left: auto;top: 50%;transform: rotate(45deg);margin-top: -5px;border-radius: 0;}
    .depth1>.more_depth>a.hidden:after{display: none;}
    .depth2{top: 0;left: 300px;width: calc(100% - 300px);background-color: #ebf2fb;height: calc(100vh - 150px) !important;overflow-y: auto;}
    .depth2 .menu_title, .depth2>ul>li>a:after{display: none;}
    .depth2>ul>li>a[target="_blank"]:after{display: block;top: 22px;}
    /* .depth1>.more_depth.hover>a, .depth1>.more_depth>a.now{color:#fff} */
    .depth2>ul>li.more>a:after{display:block;transform: rotate(90deg);right: 15px;top: 50%;margin-top: -7px;}
    .depth2>ul>li.more>a.open:after{transform: rotate(270deg);}
    .depth2>ul{display: block;padding: 0 20px;}
    .depth2>ul>li{width: 100%;margin-right: 0;}
    .depth2>ul>li>a{border-bottom: 1px solid #c2d0e1;padding: 18px 15px;}
    .depth3{background-color: #fff;margin-top:0;padding:20px 20px;border-bottom: 1px solid #c2d0e1;display: none;}
    .depth3>li{margin-bottom: 15px;padding-left: 12px;position: relative;}
    .depth3>li:before{content: '';width: 3px;height: 3px;border-radius: 50%;background:#01397e;position: absolute;left: 0;top: 7px;}
    .depth2>ul>li:nth-child(n+5){margin-top: 0;}
    .depth3>li.now>a,.depth2>ul>li.now>a{color: #ed1b2e;text-decoration: underline;}
    .sitemap, .header_btm .btn_wrap{display: none;}
    
    .depth1_linkbox .depth02>li{width: 25%;}

    .sitmap_search{display: block;position: relative;padding: 0;top: 0;background: #fff;}
    .search_terms{margin: 15px auto 20px;}
    .site_box .depth02>li{margin-right:30px;width: calc(25% - 22.5px);}
    .site_box .depth02>li:nth-child(5n){margin-right: 30px;}
    .site_box .depth02>li:nth-child(4n){margin-right: 0;}
    .site_box .depth02>li:nth-child(n+5){margin-top: 25px;}
}

/*태블릿*/
@media screen and (max-width:1024px){
    .mt60{margin-top: 30px !important;}
    .depth1>.more_depth{width: 190px;}
    .depth2{width: calc(100% - 190px);left: 190px;}

    #footer{padding-bottom: 20px;}
    .footer_btm .wrap{display: block;}
    .mark{display: none;}
    address{width: 100%;margin-left: 0;margin-top: 18px;}
    .top_btn{display: block;}
    .mt30{margin-top: 20px !important;}

    .depth1_linkbox .depth02>li{width: 50%;}

    .sitmap_search .inner{min-width: 480px;width: auto;}
    .search_result{width: 100%;}

    .site_box .depth02>li{margin-right:24px;width: calc(33.333% - 16px);}
    .site_box .depth02>li:nth-child(5n){margin-right: 24px;}
    .site_box .depth02>li:nth-child(4n){margin-right: 24px;}
    .site_box .depth02>li:nth-child(3n){margin-right: 0;}
    .site_box .depth02>li:nth-child(n+4){margin-top: 25px;}
    .site_box .depth02>li>a{padding: 10px 8px;}

}

@media screen and (max-width:930px){
    .site_box_wrap{flex-wrap: wrap;}
    .site_box_list{height: 50px;width: calc(33.333% - 6.666px);margin-right: 10px;}
    .site_box_list:nth-child(3n){margin-right: 0;}
    .site_box_list:nth-child(n+4){margin-top: 10px;}
    .site_box_list>a{line-height: 50px;padding-left: 10px;}
}

@media screen and (max-width:767px){
    .wrap{padding: 0 10px;}
    #header, .header_btm, .header_top{height: 70px;}
    .logo a {width: 188px;height: 28px;margin-top: 20px;}
    .open_btn{width: 40px;height: 40px;right: 10px; top: 14px;}
    .open_btn .line{top: 10px;right: 10px;}
    .open_btn .line02 {top: 18px;}
    .open_btn .line03 {top: 26px;}
    .open_btn.close .line {width: 25px;top: 19px;right: 6px;}
    .search_open{left: 10px;}
    .util .top{top: 70px;width: 100%;padding: 0 10px;}
    #gnbmenu{width: 100%;height: calc(100vh - 120px);margin-top: 120px;}
    #gnbmenu:before{height: 70px;top: -120px;}
    .depth2{height: calc(100vh - 120px) !important;padding-bottom: 120px;}
    textarea {height: 120px;}
    .search_area{padding: 20px 10px;}
    
    .mt80 {margin-top: 50px !important;}
    .mb30 {margin-bottom: 20px !important;}
    .footer_top .right .link_btn, .footer_top .site_link{width: 160px;}
    .sitelink_area{max-height: 50vh;}

    .sitmap_search .inner input{font-size: 18px;padding: 10px 20px;width: calc(100% - 70px);}
    .sitmap_search .inner .search_new_start{width: 70px;height: 60px;}
    .search_result{top: 80px;width: calc(100% - 20px);}
    .search_result>ul>li>a{font-size: 15px;}
    .search_terms{margin: 15px auto 0;}

    .site_box_list>a{font-size: 14px;}
    .site_box .depth02>li{margin-right:20px;width: calc(50% - 10px);}
    .site_box .depth02>li:nth-child(5n){margin-right: 20px;}
    .site_box .depth02>li:nth-child(4n){margin-right: 20px;}
    .site_box .depth02>li:nth-child(3n){margin-right: 20px;}
    .site_box .depth02>li:nth-child(2n){margin-right: 0;}
    .site_box .depth02>li:nth-child(n+3){margin-top: 20px;}
    .site_box .depth02>li>a{font-size: 14px;}
}

@media screen and (max-width:630px){
    .depth1>.more_depth{width: 170px;}
    .depth1>.more_depth>a, .depth2>ul>li>a{font-size: 16px;}
    .depth2{width: calc(100% - 170px);left: 170px;}
    .depth2>ul>li>a{padding: 20px 15px;}
    .search_area .inner{width: 100%;min-width: auto;}
    .lang{padding-right: 10px;}
    .sns{padding-left: 3px;}

    .footer_top .wrap{display: block;height: auto;}
    .footer_top{height: auto;}
    .footer_top .right{margin-bottom: 15px;border-top: 1px solid #515151;border-bottom: 1px solid #515151;}
    .footer_top .right .link_btn, .footer_top .site_link{width: 50%;}
    .footer_top .site_link .link_btn{width: 100%;}

    .depth1_linkbox{padding: 40px 20px 20px 20px;margin-top: 50px;}
    .depth1_linkbox .depth01{font-size: 16px;width: 140px;height: 45px;line-height: 45px;}
    .depth1_linkbox .depth02>li{width: 100%;}

    .site_box{padding: 45px 15px 20px 15px;margin-top: 50px;}
    .site_box .depth01{font-size: 16px;width: 140px;height: 45px;line-height: 45px;}
}

@media screen and (max-width:480px){
    .site_box_wrap{margin-top: 25px;}
    .sitmap_search{padding: 0;top: 0;}
    .site_box .depth02>li{margin-right:0;width: 100%;}
    .site_box .depth02>li:nth-child(5n){margin-right: 0;}
    .site_box .depth02>li:nth-child(4n){margin-right: 0;}
    .site_box .depth02>li:nth-child(3n){margin-right: 0;}
    .site_box .depth02>li:nth-child(2n){margin-right: 0;}
    .site_box .depth02>li:nth-child(n+2){margin-top: 15px;}
    .site_box .depth03{padding: 10px 0 0 15px;}
    .depth04>ul{width: calc(100% + 25px);left: -25px;padding: 10px 20px 10px 20px;}

    .sitmap_search .inner input{font-size: 16px;padding: 11px 15px 8px;width: calc(100% - 55px);}
    .sitmap_search .inner .search_new_start{width: 55px;height: 50px;}
    .search_result{top: 50px;width: 100%;}
    .search_result>ul{padding: 5px 15px;}
    .search_result>ul>li>a{font-size: 14px;}
}

/*모바일*/
@media screen and (max-width:428px){
    .depth1>.more_depth{width: 160px;}
    .depth2{width: calc(100% - 160px);left: 160px;}
    .depth1>.more_depth>a, .depth2>ul>li>a {font-size: 15px;}
    .depth1>.more_depth>a{line-height: 54px;}
    .depth2>ul{padding: 0 15px;}
    .depth2>ul>li>a {padding: 17px 10px;}
    .depth2>ul>li>a:after{width: 9px;height: 11px;background: url(/eng/images/common/bg.png)-164px -7px no-repeat;background-size: 825px 36px;margin-top: -5px;}
    .depth2>ul>li>a[target="_blank"]:after{margin-top: 0;top: 20px;}
    .depth3{padding: 15px;}
    .depth3>li{margin-bottom: 10px;}
    .depth3>li>a{font-size: 14px;}

    .login button{margin-left: 7px;width: 63px;}
    .sns a{background-size: 970px 44px;width: 26px;height: 26px;margin-left: 4px;}
    .sns .blog{background-position: -788px -9px}
    .sns .facebook {background-position: -836px -9px;}
    .sns .instagram {background-position: -884px -9px;}
    .sns .youtube {background-position: -933px -9px;}

    .mb15{margin-bottom: 10px !important;}
    .mt10 {margin-top: 5px !important;}
    .mt15{margin-top:10px !important;}
    .mt20{margin-top:10px !important;}
    .mt30{margin-top: 10px !important;}
    .mt60 {margin-top: 20px !important;}
    .mt40 {margin-top: 20px !important;}
    .mt80{margin-top: 30px !important;}
    .btn_area a {margin-right: 5px;}
    .black_btn, .border_btn, .blue_btn, .gray_btn, .navy_btn{font-size: 13px;height: 38px;padding-block-start: 11px;padding: 11px 15px 12px 15px;min-width: 100px;}
    .navy_btn.down, .navy_btn.blan, .navy_btn.link, .navy_btn.search{font-size: 13px;min-width: 100px;height: auto;}
    .navy_btn.down{padding: 8px 10px 8px 32px;text-align: left;}
    .navy_btn.down:before{left: 10px;}
    .navy_btn.blank{padding: 10px 29px 8px 10px;}
    .navy_btn.blank:before, .navy_btn.link:before{right: 10px;}
    .navy_btn.link{padding: 10px 26px 8px 10px;}
    .navy_btn.search{padding: 10px 26px 8px 10px;}
    .navy_btn.search:before{right: 12px;}

    .site_box_list{height: 40px;width: calc(50% - 5px);}
    .site_box_list>a{line-height: 40px;}
    .site_box_list>a:before{width: 13px;height: 13px;right: 7px;top: 7px;}
    .site_box_list:nth-child(3n){margin-right: 10px;}
    .site_box_list:nth-child(2n){margin-right: 0;}
    .site_box_list:nth-child(n+3){margin-top: 10px;}
    .depth04>ul>li{font-size: 13px;}
    
}
@media screen and (max-width:360px){
}
@media screen and (max-width:350px){
    .lang a:before{display: none;}
    .black_btn, .border_btn, .blue_btn, .gray_btn{min-width: 90px;}
}