@charset "utf-8";


@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:100;
    src:url('../font/NotoSansKR-Thin.woff2') format('woff2'),url('./font/NotoSansKR-Thin.woff') format('woff'), url('./font/NotoSansKR-Thin.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:200;
    src: url('../font/NotoSansKR-Light.woff2') format('woff2'), url('./font/NotoSansKR-Light.woff') format('woff'), url('./font/NotoSansKR-Light.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:300;
    src:url('../font/NotoSansKR-DemiLight.woff2') format('woff2'), url('./font/NotoSansKR-DemiLight.woff') format('woff'), url('./font/NotoSansKR-DemiLight.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:400;
	src:url('../font/NotoSansKR-Regular.woff2') format('woff2'), url('./font/NotoSansKR-Regular.woff') format('woff'), url('./font/NotoSansKR-Regular.otf') format('OpenType');     
}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:500;
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'), url('./font/NotoSansKR-Medium.woff') format('woff'), url('./font/NotoSansKR-Medium.otf') format('OpenType');}

@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:600;
    src:url('../font/NotoSansKR-Bold.woff2') format('woff2'), url('./font/NotoSansKR-Bold.woff') format('woff'), url('./font/NotoSansKR-Bold.otf') format('OpenType');}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1rem;font-family:'NotoSansKR';background:#fff;color:#222}
html, body{
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
  }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em;;font-family:'NotoSansKR'}
textarea{font-family:'NotoSansKR'}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
select {margin:0}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } 
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
a {color:#000;text-decoration:none}
img{max-width:100%}
/* img{width:100%} */
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.board-excel img { width: 15%;} /* admin 리스트 excel 다운로드 아이콘*/ 

/* Approval 승인서 h6태그 좌정렬 pdf.css에도 같이 적용 */
.h6-title {text-align: left; padding:5px;}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

input, select {
    padding: 0 15px;
    /*min-width: 70px;*/
    height: 35px;
    border: 1px solid #c8c8c8;
}

.sound-only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 210831 input file 위로 올라가는 현상 sound-only > hide */
.hide {display:inline-block !important;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#skip-to-container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip-to-container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
#wrapper{overflow:hidden;margin-top:135px}

header{position:fixed;top:0;width:100%;background-color:#fff;z-index:5;transition:.3s;border-bottom:1px solid #dadada}
header .hd-wrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;width:1200px;margin:0 auto}
header #logo strong{display:block;color:#012451;font-size:1.5rem}
header .btn-menu{display:none}
/*20241129 수정사항*/
header #logo img{width:70%;}

.gnb-top{padding-top:25px}
.gnb-top ul{display:flex;display:-ms-flexbox;justify-content:flex-end}
.gnb-top a{display:inline-block;color:#777777;font-size:.875rem;border-right:1px solid #dadada;padding:0 15px}
.gnb-top li{float:left}
.gnb-top li:last-child a{border-right:0;padding-right:0}

nav .gnb1-ul:after{display:block;clear:both;content:"";overflow:hidden}
nav .gnb1-li{float:left}
/*20241022*/
nav .gnb1-item{position:relative;display:block;font-size:1.25rem;font-weight:300;padding: 0px 35px;line-height:85px;color:#623C8F;;}
nav .gnb1-ul .gnb1-li:first-child .gnb1-item{padding-left:0}
nav .gnb1-ul .gnb1-li:last-child .gnb1-item{padding-right:0}
nav .gnb2-ul{position:absolute;z-index:11;padding-top:30px;display:none}
nav .gnb2-ul .gnb2-li{margin-bottom:15px}
nav .gnb2-ul .gnb2-li:last-child{margin-bottom:0}
nav .gnb2-item{display:block;padding: 0 35px;color:#fff;font-size:.95rem;}
nav .gnb2-item:hover{color:#01f3fe}
nav .gnb1-ul .gnb1-li:first-child .gnb2-item{padding-left:0}
nav .gnb1-ul .gnb1-li:last-child .gnb2-item{padding-right:0}
nav .gnb3-item{color:#fff;font-size:.85rem;padding-left:30px}
/*20241022*/
nav .gnb-bg{display:none;top:135px;position:absolute;left:0;z-index:10;width:100%;height:0;background-color:#623C8F; overflow:hidden;border-bottom:2px solid #e9e9e9;border-bottom:2px solid #623C8F;transition:.3s; opacity: 0.9;}   		

footer{background-color:#3e4144;font-size:1rem;color:#c3c3c3;padding:50px 0}
footer .flink{text-align:left;}
footer .flink .flogo{margin-top: 15px;}
footer .flink li{display:inline-block;padding:0 2px}
footer .flink a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;color:#bdbdbd;transition:.3s;border:1px solid #bdbdbd}
footer .flink a:hover{color:#fff}
footer .flink .flogo a {width:auto;height: auto;border:none;border-radius: unset;}
footer .footer-inner{position:relative;width:1200px;margin:0 auto}
footer .footer-info{display:flex;display:-ms-flexbox;justify-content: space-between;align-items: center}
footer .footer-info:last-child{margin-top:25px;align-items:flex-end}

/* UI */
.badge{display:inline-block;color:#fff;padding:3px 10px 5px 10px;border-radius:15px;font-size:.85rem;background-color:#5b5d5e}
.badge .badge-btn{color:#e1e1e1}

#container_wr{width:1200px;min-height:500px;margin:0 auto;overflow:hidden}
.container-inner{width:1200px;margin:0 auto}

@media (min-width:1200px){
	nav .gnb1-item{font-weight:bold}
    /*20241022*/
    nav .gnb1-item:hover{color:#623C8F}
    nav .gnb1-item:hover:after{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-10px;right:0;width:0;height:0;border:10px solid #623C8F;border-top:0;border-right:10px solid transparent;border-left:10px solid transparent}
    /*20241022*/
    nav .gnb1-li:first-child .gnb1-item:hover:after{margin-left:-25px}
    nav .gnb1-li:last-child .gnb1-item:hover:after{margin-left:5px}
    nav.on .gnb-bg{height:290px}
}
@media (max-width:1199px){
	#wrapper{margin-top:185px}
	header .hd-wrap{width:100%;padding:0 10px}
    
    nav .gnb1-li{position: relative}
    nav .gnb-wrap{width:100%}
    nav .gnb1-item{padding:0 1.5vw}
    nav .gnb2-item{word-break:break-word;padding:0 1.5vw;font-size:.93rem}
    nav .gnb1-ul .gnb1-li:last-child .gnb2-item{padding-left:0}
    nav .gnb3-item{padding-left:0;font-size:.83rem}
	nav.on .gnb-bg{height:430px}
	
	footer{font-size:.9rem;padding:50px 10px}
	footer .footer-inner{width:100%}

	#container_wr{width:100%}
}
@media (max-width:1028px){
    header .hd-wrap{display:block}
    header #logo{position:absolute;top:5px}
    .gnb-top{padding-top:5px}
    .gnb-top a{font-size:.8rem}
    nav .gnb-wrap{border-top:1px solid #dadada;margin-top:70px}
    nav .gnb1-ul{display:table;table-layout:fixed;width:100%}
    nav .gnb1-ul:after{display:none}
    nav .gnb1-li{display:table-cell;float:none;text-align:center}
    nav .gnb1-item{padding:0;font-size:1.1rem}
    nav .gnb2-item{font-size:.9rem;text-align:left}
    nav .gnb3-li{text-align:left}
    nav .gnb3-item{font-size:.8rem;text-align:left}
    nav.on .gnb-bg{height:320px;top:186px}
}
@media (min-width:721px){
	nav.on .gnb2-ul{display:block}
	nav.on .gnb-bg{display:block}
}
@media (max-width:720px){
	header{position:fixed;height:55px}
	header #logo strong{font-size:1rem}
    /*20241129 수정사항*/
	header #logo img{max-width:70px;max-height:45px; width:100% !important; margin-top:10px;}
    /*20241129 수정사항*/
	header .hd-wrap{padding:0 10px;height:auto}
	header .btn-menu{position:fixed;display:block;top:16px;right:10px;border:0;background:transparent;z-index:15}
    header.menu-open nav{right:0;overflow-y:auto}
    /*20241023*/
    nav{position:fixed;background-color:#623C8F;width:90%;height:100%;border-bottom:0;top:0;right:-100%;transition:.3s;z-index:10}
    nav .gnb-wrap{margin-top:40px;border-top:1px solid rgba(1,243,254,.1)}
    nav .gnb1-ul{display:block;padding-left:10px;padding-right:10px}
	nav .gnb1-li{float:none;border-bottom:1px solid rgba(1,243,254,.1);display:block;text-align:left}
	nav .gnb1-item{padding:0;color:#fff;line-height:55px;font-size:1rem}
    /*20241023*/
	nav .gnb2-ul.smenu-open{display:block;position:relative;background-color:#623C8F;margin-bottom:20px;padding:10px}
	nav .gnb2-item{color:#fff;font-size:.9rem}
    nav .gnb3-item{color:#fff}
    
    .gnb-top{padding-top:18px;padding-left: 10px;}
    .gnb-top ul{justify-content:flex-start}
    .gnb-top a{border-radius:5px;padding:0 10px;margin-right:5px;background-color:rgb(1, 243, 254);color:#fff;border-right:0}
    .gnb-top li:last-child a{padding-right:10px}
	
	.btn-menu:focus{outline:none}
   	.menu-open .btn-menu:before{color:#59493f}
   	.m-menu-box{width:24px;height:22px;display:inline-block;position:relative}
    /*20241023*/
   	.m-menu-binner,
   	.m-menu-binner:after,
   	.m-menu-binner:before{width:24px;height:3px;background-color:#623C8F;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
   	.m-menu-binner{display:block;top:50%;-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
   	.menu-open .m-menu-binner{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);background-color:#fff}
   	.m-menu-binner:before{content:"";display:block;top:-7.5px;-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}
   	.menu-open .m-menu-binner:before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s}
   	.m-menu-binner:after{content:"";display:block;bottom:-7.5px;-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}
   	.menu-open .m-menu-binner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;background-color:#fff}
	
    footer{padding:20px 10px}
    footer .footer-info{display:block}
    footer .flink{margin-top:10px;text-align:right}
    footer .flink img{max-width:90px}
    
    footer .flink .flogo {display: flex;width:100%;}
    footer .flink .flogo:after { display:block; clear:both; content:'';}
    footer .flink .flogo li {float:left;width:33%;display: flex;justify-content: space-around;}
    footer .flink .flogo a {}
    footer .flink .flogo img {width: 100%;max-width: 95%;}

}