@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:100;src:url('./fonts/NotoSansCJKkr-Thin.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:200;src:url('./fonts/NotoSansCJKkr-Regular.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:300;src:url('./fonts/NotoSansCJKkr-Medium.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:400;src:url('./fonts/NotoSansCJKkr-Light.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:600;src:url('./fonts/NotoSansCJKkr-DemiLight.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:700;src:url('./fonts/NotoSansCJKkr-Bold.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:900;src:url('./fonts/NotoSansCJKkr-Black.otf') format('OpenType')}
@font-face{font-family:'NotoSerifKR';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');font-weight:normal;font-style: normal}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

*{box-sizing:border-box}
html, body{position:relative;height:100%}
body{font-family:'NotoSansCJK', sans-serif;font-size:1.125rem;margin:0;padding:0}
a{text-decoration:none}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;cursor:pointer;background-color:transparent;border:0}
ul, ol, li{list-style:none;margin:0;padding:0}
caption{display:none}
form{margin:0}

/* common */
.c-wrap{width:1520px;margin:0 auto;position:relative}
.s-wrap{display:block;width:100%}
.sw-wrap{width:1240px;margin:0 auto}

/* header */
#skip_to_container{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}

#hd-res{height:80px;position: absolute;top:0;width:100%;z-index:10;transition:.3s}
#hd-res.main{background: #00000066;}
#hd-res.gnb-section,#hd-res.hover.gnb-section,#hd-res.hover{background-color:#fff}
#hd-res.gnb-section .gnb-item-1link,#hd-res.hover .gnb-item-1link{color:#333}
#hd-res.gnb-section .gnb-item-1link:hover,#hd-res.hover .gnb-item-1link:hover{color:#003993}
#hd-res.gnb-section .gnb-contact a,#hd-res.hover .gnb-contact a{color:#333}
#hd-res.gnb-section .hover-logo,#hd-res .hover-logo{display:none}
#hd-res.gnb-section .hover-logo,#hd-res.hover .hover-logo{display:block}
#hd-res.gnb-section .nhover-logo,#hd-res.hover .nhover-logo{display:none}

#hd-res.sub{position:relative}
#hd-res.sub .gnb-contact a{color:#333}
#hd-res.sub .gnb-wrap .gnb-link{color:#333}
#hd-res.sub .gnb-wrap .gnb-link:hover{color:#003993}

.hd-wrap{-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1520px;margin:0 auto;height:100%}
#hd-logo{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
#hd-logo,
.hd-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal}
.hd-gnb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.gnb-wrap{/*position:relative;*/display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gnb-wrap .gnb-item-1dul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gnb-wrap .gnb-item{/*position:relative;*/text-transform:uppercase;line-height:1.6}
.gnb-wrap .gnb-link{padding:27px 60px;color:#fff;font-size:1.125rem;transition:.3s; font-weight:600;}
.gnb-wrap .gnb-link:hover{color:#003993}
.gnb-contact{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.gnb-contact a{display:block;color:#fff;transition:.3s;padding-top:22px}
.gnb-contact a:hover{color:#003993}

.gnb-wrap .gnb-item-1link{position:relative}
.gnb-wrap .gnb-item-1link:hover:before{display:block;content:"";width:8px;height:8px;border-radius:50%;background-color:#003992;top:13px;padding:0;left:50%;margin-left:-4px;position:absolute}
.gnb-wrap .gnb-item-2dul .gnb-item{padding:0;display:inline-block}
.gnb-wrap .gnb-item-2dul .gnb-link{display:block;padding:25px;color:#333}
#hd-res.sub .gnb-wrap .gnb-item-2dul .gnb-link:hover,
.gnb-wrap .gnb-item-2dul .gnb-link:hover{color:#003993}
.gnb-item-2dul-wrap{opacity:0;visibility:hidden;position:absolute;background-color:#f6f6f6;top:80px;width:100%;left:0}
.gnb-item-2dul{width:1240px;margin:0 auto;text-align:center}
.gnb-wrap .gnb-item:hover>.gnb-item-2dul-wrap{z-index:0;visibility:visible;opacity:1;height:auto;max-height:600px}

.btn-menu{display:none}

/* footer */
footer{color:#fff;position: relative;width:100%;height:215px;text-align:center;z-index:5;transition:.3s;background-color:#3e3e3e;bottom:0;}
footer .top-btn{display:none}
footer .ft-btn{width:100px;color:#fff;background-color:#003993;text-align:center;position:absolute;top:-24px;cursor:pointer}
footer .ft-con{display:table;width:100%;height:100%;padding:35px 0}
footer .ft-con .img{display:table-cell; filter: brightness(0) invert(1); }
footer .ft-con .txt{display:table-cell;text-align:left}
footer .ft-con .txt address{color:#aaa;font-size:15px;font-style:normal;margin-top:25px}
footer .ft-con .txt p{color:#666;font-size:14px}
footer.sub{position:relative}
footer.sub .ft-btn{display:none}
footer.sub .top-btn{display:block;width:60px;height:60px;border-radius:50%;color:#fff;cursor:pointer;line-height:1;background-color:#003993;position:fixed;bottom:20px;right:20px;padding:12px 0;font-family: 'Lato', sans-serif;font-weight:600; font-size:15px}

@media (min-width: 1521px){
	#wrapper{min-width:1520px}
	
	.gnb-wrap .gnb-item:hover>ul{z-index:0;visibility:visible;opacity:1;height:auto;max-height:600px}
}

@media (max-width: 1520px){
	#wrapper, .hd-wrap{width:100%}	
}

@media (max-width: 1240px){
	.gnb-item-2dul{width:100%}
	.gnb-wrap .gnb-item-2dul .gnb-link{padding:20px 10px}
}

@media (max-width: 1024px){
	#wrapper, .hd-wrap{width:100%}
	.gnb-wrap .gnb-link{padding:10px 2vw}
    .gnb-wrap .gnb-item-1link:hover:before{top:0}
}

@media (max-width:728px){
    #hd-res{height:60px;position: fixed;clear: both; }
    #hd-res.main{background: #00000066;}
	#hd-res.hover{background-color:transparent}
	#hd-res.hover.gnb-section{background-color:#fff}
	#hd-logo{padding-left:20px}
	#hd-logo img{width:110px}
	.gnb-contact a.btn-search{display:none}
	
    .gnb-wrap{position:fixed;visibility:hidden;top:200px;left:0;opacity:0;width:100%;background-color:#003993;/*-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;*/height:100vh;padding:0}
    .gnb-wrap .gnb-item-1dul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-right:0}
    .gnb-wrap .gnb-item{/*border-bottom:3px solid hsla(0,0%,100%,.1);*/width:100%}
    .gnb-wrap .gnb-link{display:block;color:#fff;padding:10px 20px;position:relative;transition:initial}
    #hd-res.sub .gnb-wrap .gnb-link,
    #hd-res.sub .gnb-wrap .gnb-link:hover{color:#fff}
    #hd-res.hover .gnb-item-1link:hover,
    #hd-res.hover .gnb-item-1link,
    .gnb-wrap .gnb-link:hover{color:#fff;background-color:#003993}
    .gnb-sub >.gnb-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .gnb-sub >.gnb-link:after{border-style: solid;border-width:.125em .125em 0 0;color:rgba(255,255,255,.6);content: "";display:inline-block;width:.45em;height:.45em;right:.15em;position:relative;top:10px;-webkit-transform:rotate(45deg);transform: rotate(45deg);vertical-align: top;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
    .gnb-sub.smenu-open >.gnb-link:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
    .menu-open .gnb-wrap{display:block;visibility:visible;opacity:1;top:0;padding-top:60px;left:auto;right:0;width:80%}
    .menu-open .gnb-wrap .gnb-item-1link{font-weight:bold}
   	.btn-menu{display:block;position:absolute;top:20px;right:20px}
   	.btn-menu:before{text-transform:uppercase;font-size:15px;font-size:.9375rem;line-height:1.6;padding-right:10px;color:#b48043}
   	.btn-menu:focus{outline:none}
   	.menu-open .btn-menu:before{color:#003993}
   	.m-menu-box{width:30px;height:24px;display:inline-block;position:relative}
   	.m-menu-binner,
   	.m-menu-binner:after,
   	.m-menu-binner:before{width:30px;height:3px;background-color:#fff;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}
   	.sub .m-menu-binner,
   	.sub .m-menu-binner:after,
   	.sub .m-menu-binner:before{background-color:#003993}
   	.sub.hover .m-menu-binner,
   	.sub.hover .m-menu-binner:after,
   	.sub.hover .m-menu-binner:before{background-color:#003993}
   	.menu-open .m-menu-binner,
   	.menu-open .m-menu-binner:after,
   	.menu-open .m-menu-binner:before{background-color:#fff}
   	.sub.hover.menu-open .m-menu-binner,
   	.sub.hover.menu-open .m-menu-binner:after,
   	.sub.hover.menu-open .m-menu-binner:before{background-color:#fff}
   	.m-menu-binner{display:block;top:50%;margin-top:-2px;-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)}
   	.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}
	footer.sub .ft-con{height:auto}

	#hd-res.gnb-section .gnb-item-1link, #hd-res.hover .gnb-item-1link{color:#fff}

    .gnb-section .m-menu-binner,
    .gnb-section .m-menu-binner:after,
    .gnb-section .m-menu-binner:before{background-color:#003993}

    #hd-res.main.menu-open.hover .hover-logo,
    #hd-res.main.hover .hover-logo,
    #hd-res.main.hover.gnb-section .nhover-logo{display:none}
    #hd-res.main.hover .nhover-logo,
    #hd-res.main.hover.gnb-section .hover-logo{display:block}

    .gnb-sub.smenu-open .gnb-item-2dul-wrap{z-index: 0;
    visibility: visible;
    opacity: 1;
    height: auto;
    max-height: 600px;position:relative;top:auto;border-top:0
    }

    .menu-open .gnb-wrap .gnb-item:hover>.gnb-item-2dul-wrap{opacity:0;visibility:hidden}
    .menu-open .gnb-wrap .gnb-item.smenu-open:hover>.gnb-item-2dul-wrap{opacity:1;visibility:visible;transition:initial}
    .gnb-wrap .gnb-item-2dul .gnb-link{text-align:left;background-color:#003993;padding:10px 30px;color:#fff;font-size:.8rem}
    .gnb-wrap .gnb-item-2dul .gnb-link:before{display:inline-block;content:"-";margin-right:10px}
    .hover .m-menu-binner,
    .hover .m-menu-binner:after,
    .hover .m-menu-binner:before{background-color:#fff}
    .main.hover .m-menu-binner,
    .main.hover .m-menu-binner:after,
    .main.hover .m-menu-binner:before{background-color:#fff}
    .main.hover.gnb-section .m-menu-binner, .main.hover.gnb-section .m-menu-binner:after, .main.hover.gnb-section .m-menu-binner:before{background-color:#003993}
    .main.hover.menu-open .m-menu-binner,
    .main.hover.menu-open .m-menu-binner:after,
    .main.hover.menu-open .m-menu-binner:before{background-color:#fff}
    .main.hover.menu-open.gnb-section .m-menu-binner,
    .main.hover.menu-open.gnb-section .m-menu-binner:after,
    .main.hover.menu-open.gnb-section .m-menu-binner:before{background-color:#fff}
    .hover.menu-open.gnb-section .m-menu-binner,
    .hover.menu-open.gnb-section .m-menu-binner:after,
    .hover.menu-open.gnb-section .m-menu-binner:before{background-color:#fff}
}