@charset "euc-kr";
/* Çì´õ */
#header {position:fixed; top:0; left:0; width:100%; height:80px; padding:20px; border-bottom:1px solid #d2d2d2; background:#fff; z-index:990}
#header:after {clear:both; display:block; content:''}
#header #logo {width:100%;  margin:0; text-align:center;}
#header #logo img {display:inline-block; height:37px;}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
     #header #logo img {display:inline-block; height:45px;}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
      #header #logo img {display:inline-block; margin-left:-10%; width:30%; height:36px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
     #header #logo img {display:inline-block; width:30%; height:45px;}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
   #header #logo img {display:inline-block; width:25%; height:45px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    #header #logo img {display:inline-block; width:20%; height:45px;}
}


#header .left-link {float:left; padding-top:3px; width:85%;}
#header .left-link > li {display:inline-block; margin-right:10px; text-align:center; color:#877d7e}
#header .left-link > li a {font-size:11px}
#header .left-link > li i {display:block; font-size:16px; font-weight:600; margin-bottom:5px}
#header .left-link > li span {font-weight:500; color:#877d7e}
#header .btn-allmenu {position:absolute; top:20px; right:20px; width:40px; height:30px; border:none; background:transparent; cursor:pointer; outline:none}
#header .btn-allmenu span {position:absolute; left:50%; display:block; width:32px; height:2px; margin-left:-15px; background:#777777; transition:all .25s ease-in}
#header .btn-allmenu span.line1 {top:11px}
#header .btn-allmenu span.line2 {top:18px}
#header .btn-allmenu span.line3 {top:25px}
/* Àüü ¸Þ´º */
#menuMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:990}
#all-menu {position:fixed; top:0; right:-240px; width:240px; height:100%; background:#fff; overflow-y:auto; z-index:1000}
#all-menu > .inner {position:relative; padding-bottom:40px; z-index:10}
#all-menu > .inner .link-home {display:block; padding:15px 30px; font-size:16px; color:#404040; background:#fff}
#all-menu > .inner .link-home i {margin-right:10px; vertical-align:-1px}
#all-menu > .inner .depth1 {}
#all-menu > .inner .depth1 > li {}
#all-menu > .inner .depth1 > li > a {display:block; width:100%; padding:10px 30px; font-size:15px; color:#404040; border-bottom:1px solid #fff}
#all-menu > .inner .depth1 > li.active > a, #all-menu > .inner .depth1 > li.on > a {font-weight:600; color:#005697}
#all-menu > .inner .depth1 > li > .depth2 {display:none; padding:5px 40px; border-bottom:1px solid #fff; background:#fff}
#all-menu > .inner .depth1 > li > .depth2 > li {padding:8px 0}
#all-menu > .inner .depth1 > li > .depth2 > li > a {font-size:14px; color:#404040; opacity:.7}
#all-menu > .inner .depth1 > li > .depth2 > li.active > a {opacity:1; color:#005697}

#all-menu .btnClose {position:absolute; top:10px; right:20px; width:30px; height:30px; border:none; background:transparent; cursor:pointer; outline:none; opacity:0; transition:all .75s ease-out}
#all-menu.open .btnClose {position:fixed; opacity:1}
#all-menu .btnClose span {position:absolute; display:block; top:50%; left:0; width:100%; height:1px; background:#fff}
#all-menu .btnClose span.line1 {transform:rotate(45deg)}
#all-menu .btnClose span.line2 {transform:rotate(-45deg)}
/* ǪÅÍ */
#footer {clear:both; margin-top:40px; text-align:center; background:#fff}


#footer ul > li {display:inline-block; font-weight:600; color:#818181; margin:0 4px}
#footer address {font-weight:600; color:#818181}
#footer address span {display:inline-block; margin-left:8px}
#footer a {color:#818181}
#footer img{width:auto}

/*ǪÅÍ Ãß°¡ */ 


#footer :after {clear:both; display:block; content:''}
#footer >.div-sns {text-align:center; background:#fff; padding:40px 0 20px 0; }
#footer >.div-info1{position:relative; text-align:center; background:#e4e4e4; height:auto; padding:40px 0 40px 0;}
#footer >.div-info1 .time {background: none; margin: 10px 0 0; padding: 0; text-align: center; width: 100%; line-height: 24px; font-family: 'noto kr'; font-weight: 600; color: #777;}
#footer >.div-info1 span {display:inline-block;}
#footer >.div-info2{position:relative; text-align:left; background:#616161; height:auto; padding:40px 30px 40px 30px;}

#footer .div-info1 h1 {font-family: 'NanumSquare', sans-serif; font-size:28px; font-weight:800; color:#4c4c4c; line-height:40px;}
#footer .div-info1 h1 a {font-family: 'NanumSquare', sans-serif; font-size:32px; font-weight:800; color:#4c4c4c; line-height:40px;}
#footer .div-info1 h2 {font-family: 'NanumSquare', sans-serif; font-size:16px; font-weight:500; color:#404040;  line-height:25px;}

#footer .div-info2 > h1 {font-family: 'NanumSquare', sans-serif; font-size:14px; font-weight:500; color:#fff; line-height:25px;}
#footer .div-info2 > h1 a {font-family: 'NanumSquare', sans-serif; font-size:14px; font-weight:500; color:#fff; line-height:25px; display:inline-block;}
#footer .div-info2 > img { padding:10px 0 10px 0; height:80px;}