@charset "utf-8";

/* =========================================================
   참고 페이지(2026onlinepanel) 원본의 기본·헤더·푸터 스타일
   - plaza_common.css, plaza_layout.css 에서 옮긴 값 그대로
   - 페이지 스타일은 style.css 에 작성
   ========================================================= */

/* 기본 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NotoSans','Nanum Gothic','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;color:#555;font-weight:300;line-height:1.5}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
strong{font-weight:600}

#wrap{width:100%; padding-top:70px; }

/* header */
#header{width:100%; z-index:10000;height:73px; position:fixed; background:#fff; border-bottom:1px solid #cbd5e0; box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.header_inner{width:1200px; margin:0 auto; padding:0 130px; box-sizing:border-box; position:relative; text-align:center}
.header_inner h1{position:absolute; left:0; top:17px }
.header_inner h2{padding:10px 0}

.header_inner h1 img{width:43px}

.header_inner ul.top_icon{position:absolute; right:0; top:18px }
.top_icon li{display:block; height:32px; float:left; margin-left:5px; padding-top:5px}
.top_icon li img{width:32px}

.h1_full{display:block}
.h1_768{display:none}

/* 하단 푸터 */
#footer{width:100%;background:#63707c; color:#fff; display:table;}
.copyright{position:relative; width:1200px; margin:0 auto;	padding:50px 10px 60px 150px;
	box-sizing:border-box;	background: url(../images/logo_08.png) no-repeat left 40px;
}
.copyright li{color:#fff; font-size:13px; font-weight:400}
.copyright li br{display:none}
.copyright li.top{position:absolute; right:0; top:-5px; padding:0; width:60px; height:60px; display:block;	background:#4a5765 url(../images/arrow_top.png) no-repeat center; text-indent:-9999px; transition:all .3s;}
.copyright li.top:hover{background:#283849 url(../images/arrow_top.png) no-repeat center 2px; cursor:pointer}
.bottom_icon{display:none;}

@media all and (max-width:1600px){
.top_icon li{width:28px; background-size:28px}
.header_inner{width:1000px}
.copyright{background:url(../images/logo_08.png) no-repeat left 35px; width:1000px; padding:40px 10px 50px 120px; background-size:100px}
}

@media all and (max-width:1200px){
.header_inner{width:95%;}
.copyright{width:95%;}
}

@media all and (max-width:1000px){
.copyright li br{display:block}
}

@media all and (max-width:768px){
#header{height:55px}
.header_inner{padding:0; text-align:left; width:100%}
.header_inner h1{left:inherit; right:10px; top:15px}
.header_inner h1 img{width:auto; height:25px}
.header_inner h2{float:left; width:90px; padding:7px 0 0 10px}
.header_inner h2 img{width:90px}
.header_inner ul.top_icon{top:15px}

.top_icon{display:none}
.h1_full{display:none}
.h1_768{display:block}

#wrap{padding-top:55px;}

.copyright{background:url(../images/logo_08.png) no-repeat left 20px; background-size:100px; padding:25px 0 0 120px;}
.copyright li.top{display:none}

.bottom_icon{margin:20px auto 0 auto; text-align:center; display:block; padding:0 0 40px 0}
.bottom_icon li{display:inline-block;}
}

@media all and (max-width:640px){
.copyright{background:none; padding:30px 0 0 0; text-align:center}
}

/* =========================================================
   웹표준 보정 : 참고 페이지와 같은 모양을 유지하면서
   ul > li 구조, 키보드로 누를 수 있는 맨위로 링크만 맞춤
   ========================================================= */
.header_inner ul.top_icon{font-size:14px; line-height:1.5; word-spacing:-0.92px}
.top_icon li{display:inline; float:none; width:auto; height:auto; margin:0; padding:0}
.top_icon li img{width:auto}
.copyright li.top a{display:block; width:100%; height:100%; color:#fff}
.copyright li.top a:focus-visible{outline:3px solid #fff; outline-offset:-5px; text-indent:0}