@charset "utf-8";

/* set */
input[type="submit"]{-webkit-appearance:none;-webkit-border-radius:0;}
body{font-size:16px;font-family:Pretendard, "프리텐다드", Dotum, "돋움", sans-serif;color:#464646;font-weight:500;}
input, select, button{font-family:Pretendard, "프리텐다드", Dotum, "돋움", sans-serif;}
body *{box-sizing:border-box;}

/*header*/
.new_win{display:inline-block;width:15px;height: 13px;overflow:hidden;margin:0 0 0 7px;vertical-align:baseline;background: url("/images/01_portal/common/ico_cmd.png")0px -120px;font-size: 0;}
header{background:rgba(255,255,255,0.75);z-index:2;width:100%;}
header.on{position:fixed;top:0;left:0;background:#fff;}
.gnb{border-bottom:solid 1px rgba(0,0,0,.2);}
.gnb ul{display:flex;justify-content:space-around;padding:0 15px;flex-wrap:wrap;}
.gnb li a{color:#5c5c5c;padding:12px 0;display:block;}
.head{font-weight:500;padding:20px 15px;}
.head h1{font-family:'Pretendard';}
.head h1 a{display:inline-block;padding-top: 48px;background: url('/upload_data/user_file/07_manifesto/common/logo_a.png')no-repeat 0 6px;font-size:0;width:175px;background-size: 170px;}
.head > button{display:block;position:absolute;top:63px;right:15px;width:50px;height:50px;font-size:0;background:#000 url("/images/07_manifesto/common/menu.png")no-repeat center -60px;}
.head .tsitemap{font-size:23px;flex-wrap:wrap;align-items:center;gap:10px;display:none;font-weight:700;padding:35px 0;color:#181818;}
.head .tsitemap span{font-size:0;display:inline-block;background:url("/images/07_manifesto/common/menu.png")no-repeat center 0;width:22px;height:21px;}

/*menu*/
.menu_back{display:block;content:'';width:100%;height:100vh;background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all 0.5s ease-out 0s;z-index:1;}
.menu{display:none;position:fixed;top:128px;bottom:0;right:0;width:100%;min-width:320px;background:#ffffff;z-index:3;}
.menu>ul>li>a{display:block;color:#181818;width:120px;padding:20px 0 20px 6px;font-size:18px;font-weight:700;}
.menu li li ul{display:none;margin:10px;}
.menu li li.on ul{display:block;}
.menu li li li a{padding: 4px 0 4px 8px;display:block;position:relative;color: #d8d8d8;}
.menu li li li a:before{content:"";display:block;width:2px;height:2px;background: #d9d9d9;position:absolute;top: 11px;left:0}
.depth_box{position:absolute;top:0;left:120px;right:0;bottom:0;background: #034694;z-index:1;}
.depth_boxcon p{display:none;}
.depth_boxcon>ul>li>a{display:block;padding:10px 15px;border-bottom: solid 1px rgba(255,255,255,.2);position:relative;color: #fff;}
.depth_boxcon>ul>li>a:after{content:"";display:block;width:20px;height:20px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -120px -120px;position:absolute;top:50%;right: 0;transform:translate(0, -50%)}
.depth_boxcon ul .depth1 a:after{display:none;}
.menu button{display:none;position:absolute;top:-65px;right:15px;width:50px;height:50px;background:#0e0e0e url(/images/07_manifesto/common/c_b.png) no-repeat  center 12px;overflow:hidden;font-size:0;z-index:1;}
header.on .menu{display:block;}
header.on .menu button{display:block;}

/*footer*/
footer{position:relative;padding:30px 15px;}
.foot{color:#9897a2;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:5px;}
.foot li{display:inline-block;position:relative;color:#4f4f4f;letter-spacing:-1px;}
.foot li span{color:#100e0e;display:inline-block;}
.foot li a{color:#4f4f4f;}
.foot li.copy{font-size:.9rem;padding-top:15px;color:#767676;font-weight:400;}
.foot address{font-style:normal;display:inline-block;}
footer .top{position:absolute;right:15px;top:-31px;}
footer .top a{display:block;width:60px;height:60px;background:#000 url(/images/07_manifesto/common/top.png)no-repeat center;color:#fff;font-size:0;text-align:center;overflow:hidden;border-radius:50%;}

/* Tablet */
@media all and (min-width:768px){
.gnb ul{justify-content:flex-end;gap:30px;padding:0;}
.head h1 a{width: 219px;background-size: auto;}
 
.foot li{font-size:18px;left:0;letter-spacing:0;}
}

/* Desktop */
@media all and (min-width:1023px){
.depth_boxcon li li .new_win{background-position:-20px -120px}
.gnb ul{max-width:1400px;margin:0 auto;}
header{position:fixed;top:0;left:0;backdrop-filter:blur(10px);}
header.on .menu>ul>li>a{color:#2a2a2a} 
.head{margin:0 auto;display:flex;justify-content:space-between;padding:0;align-items:center;max-width:1400px;}
.head>button{display:none;}
.head .tsitemap{display:flex !important;} 
.menu button{display:none !important;}
.menu{display:block;position:static;width:100%;background:none;width:auto;}
.menu ul{display:flex;flex-wrap:wrap;}
.menu>ul{justify-content:space-around;gap:20px;}
.menu>ul>li{width:auto;position: relative;}
.menu>ul>li>a:after{bottom:21px;}
.menu>ul>li>a{font-size:23px;padding:35px 0;position:relative;text-align:center;width:auto;} 
.menu>ul>li>a:before{display:block;position:absolute;width:110%;height:2px;content:'';transform:scaleX(0);transition:transform 250ms linear;border-radius:0;z-index:-1;left:-5%;background-color:#034694;bottom:15px;}
.menu>ul>li:hover>a:before,
.menu>ul>li:focus>a:before,
.menu>ul>li:active>a:before{transform:scaleX(1);}
.menu li li ul{margin:0;position: absolute;top:-11px;left: 240px;width: 220px;box-shadow:4px 4px 7px rgba(0, 0, 0, .2);padding:10px 20px;background: #fff;}
.menu li li:hover ul,
.menu li li:focus ul{display:block;}
.menu li li ul:after{content:"";display:block;border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top: 10px;left:-9px}
.menu li li li a:hover,
.menu li li li a:active{color:#0089d0}
.depth_box{background: #034694;top: 98px;bottom: unset;right: 50%;transform: translate(50%, 0);box-shadow: 4px 4px 7px rgba(0, 0, 0, .2);left: auto;width: 240px;padding: 10px 0;}
.depth_boxcon p{display:none}
.depth_boxcon>ul{position:relative;width:auto;display: block;}
.depth_boxcon a:hover,
.depth_boxcon a:focus{text-decoration:underline;}
.depth_boxcon>ul>li{position:relative;}
.depth_boxcon>ul>li>a{padding: 11px 20px;border:none;letter-spacing: -.5px;}
.depth_boxcon>ul>li>a:after{right: 5px;}
header.on .menu .depth_box{display:block;}
.menu li li li a{color: #1d1d1d;}
.menu li li li a:before{background-color:#464646}
    
footer{max-width:1400px;margin:0 auto;padding:40px 0;}
.foot li.copy{padding-top:0;font-size:17px;}
.foot{gap:50px;}
}

@media all and (min-width:1400px){
.menu{width:680px;}
footer .top{right:-60px;}
}      
 
/*sub*/
@media all and (min-width:1023px){
.sub_con {margin-top:142px;}
}