@charset "UTF-8";
/*-------------------------------------------------
title       :레이아웃
Create date :2022-08-01
-------------------------------------------------*/

#wrap {outline:0; overflow:hidden}
#header {width:100%; background-color:#fff; z-index:10; position:fixed; top:0; z-index:21}
#header .header_wrap {margin:0 auto; position:relative}
#main {padding-top:18rem}
.menuM{display:none}
#logo {width:24rem; height:6rem; margin:0 auto}
#logo a {background:url('../img/layout/logo.png') no-repeat; background-size:contain; display:block; width:100%; height:100%}
.gnbNavi{max-width:138rem; margin:0 auto; position:relative; padding:3rem 0}
.gnbNavi .etc{display:flex; position:absolute; right:0; top:4rem}
.gnbNavi .etc li{margin-left:1rem}
.gnbNavi .etc li a{display:block}

/*퀵메뉴*/
#quick{position:fixed; right:0; top:50%; z-index:99; transform: translateY(-50%)}
#quick li{ height:6rem; line-height:6rem; border-radius:6rem 0 0 6rem; margin-bottom:0.5rem; font-weight:600; padding:0rem 3rem; background:#f5f5f5 url('/main/img/main/aside_li_bg.png')2rem center no-repeat; background-size:1.6rem;}
#quick li a{display:block}
#quick li span{ display:inline-block; margin-left:2rem; line-height:1.6}
#quick li:hover {background-color:#fafafa; transition:0.5s}
#quick li:hover span {color:#92BD02; border-bottom:1px solid #92BD02; }
#quick li:nth-last-of-type(1) {margin-bottom:0}


/*상단메뉴*/
#headmn {display:flex; flex-direction:column; justify-content:center; width:100%;  background-color:#064688;  box-shadow:0 0 10px rgba(0,0,0,0.2)}
#gnb1 > ul {display:flex; width:138rem; margin:0 auto; text-align:center}
#gnb1 > ul > li {position:relative; flex: 20%; text-align:center}
#gnb1 > ul > li::after{content: '|'; font-weight: normal; color: rgba(255,255,255,0.5); position: absolute; top:50%; right:0;  transform: translate(0,-50%);}
#gnb1 > ul > li:nth-last-of-type(1)::after{content:''}
#gnb1 > ul > li > a {color:#fff; display:block; font-size:2.2rem; font-weight:500; line-height:5rem; position:relative; padding:1rem 0; transition:all .3s}
#gnb1 .submenu {visibility:hidden; z-index:4; overflow:hidden; width:100%; height:0; opacity:0; background-color:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.4);position:absolute; top:7rem; left:50%; transform:translateX(-50%)}
#gnb1 .submenu li {padding: 1rem 0; border-bottom:1px solid #e8e8e8}
#gnb1 .submenu li:nth-last-of-type(1){border-bottom:none}
#gnb1 .submenu a {color:#333; display:block; padding:1rem 0; transition:all .3s}
#gnb1 .submenu div {display:none}
#gnb1 .submenu .linkWindow:after {content:''; font-family:'xeicon'; display:inline; margin-left:0.3rem; vertical-align:-0.1rem}
/*
#gnb1 > ul > li > a:before {content:''; background-color:#317bb5; width:0; height:5px; position:absolute; left:0; bottom:-0.5rem; z-index:1; transition:all .3s}
*/
#gnb1 > ul > li:hover > a,
/*#gnb1 > ul > li > a.active {padding-left:2rem; background:url('/main/img/main/aside_li_bg.png')40% center no-repeat; background-size:1.6rem;}*/
#gnb1 > ul > li:hover.submenu,
#gnb1 > ul > li.active .submenu {visibility:visible; opacity:1; height:auto}
#gnb1 > ul > li:hover > a:before {width:100%}
#gnb1 .submenu a:hover,
#gnb1 .submenu li.active a {color:#00A1E4; font-weight:700}

/*전체메뉴*/
.site-map {position:absolute; right:-1rem; top:3.3rem}
.site-map a {display:block; width:5rem; height:5rem; line-height:5rem; overflow:hidden; text-align:center}
.site-map a:before {content:''; color:#333; display:block; font-family:'xeicon'; font-size:3.2rem; width:100%; height:100%; line-height:inherit; transition:all .3s}
.site-map a:hover:before {color:#317bb5}

#gnb2 {display:none}

/*FOOT*/
#ftLogo {width:24rem; height:6rem; margin:0 auto}
#ftLogo a {background:url('../img/layout/logo.png') no-repeat; background-size:contain; display:block; width:100%; height:100%}
#footer {background-color:#fff; border-top:1px solid #cfcfcf; position:relative; z-index:1}
.footer_wrap {width:calc(100% - 4rem); display:flex; max-width:138rem; margin:0 auto; padding:5.5rem 0; word-break:keep-all}
.footer_wrap #ftLogo{margin:0 4rem 0 0}
.footer_wrap .siteinfo {color:#888}
.footer_wrap .info span {position:relative}
.footer_wrap .info span a{display:inline-block}
.footer_wrap .info span:after {content:''; background-color:#ddd; width:1px; height:1rem; display:inline-block; margin:0 1rem;}
.footer_wrap .info span:last-child:after {display:none}
.footer_wrap .wa {position:absolute; right:24rem; top:6rem}
.footer_wrap .copyright {color:#999; font-size:1.3rem}
#footer .btn-top {position:absolute; right:4rem; top:5.5rem}
#footer .btn-top a {background-color:#333; border-radius:100%; color:#fff; display:block; font-size:1.1rem; width:6rem; height:6rem; padding:1.3rem 0; text-align:center; outline:red}
#footer .btn-top a i {display:block; font-size:1.4rem}
#footer .btn-top a:focus{outline:1px solid red}