@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 {position:absolute; top:50%; left:50%; width:170px; margin:-20px 0 0 -85px}
#header #logo img {display:block; width:100%}
#header .left-link {float:left; padding-top:3px}
#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 {float:right; position:relative; width:40px; height:40px; border:none; background:transparent; cursor:pointer; outline:none}
#header .btn-allmenu span {position:absolute; left:50%; display:block; width:30px; height:3px; margin-left:-15px; background:#236aa9; transition:all .25s ease-in}
#header .btn-allmenu span.line1 {top:12px}
#header .btn-allmenu span.line2 {top:18px}
#header .btn-allmenu span.line3 {top:24px}
/* Àüü ¸Þ´º */
#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:#27649a; 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:#fff; background:#306da2}
#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:#fff; border-bottom:1px solid #124d82}
#all-menu > .inner .depth1 > li.active > a, #all-menu > .inner .depth1 > li.on > a {font-weight:600}
#all-menu > .inner .depth1 > li > .depth2 {display:none; padding:5px 30px; border-bottom:1px solid #124d82; background:#306da2}
#all-menu > .inner .depth1 > li > .depth2 > li {padding:8px 0}
#all-menu > .inner .depth1 > li > .depth2 > li > a {font-size:14px; color:#fff; opacity:.8}
#all-menu > .inner .depth1 > li > .depth2 > li.active > a {opacity:1}
#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:0; padding:30px; text-align:left; background:#9f9f9f}
#footer:after {clear:both; content:''; display:block}
#footer ul > li {display:inline-block; font-weight:500; color:#fff; margin-right:8px; line-height:1.85}
#footer ul > li strong {margin-right:5px}
#footer .copyright {color:#fff}
#footer address {font-weight:600; color:#fff}
#footer address span {display:inline-block; margin-left:8px}
#footer a {color:#fff}
/* ¸ð¹ÙÀÏ ÇÏ´Ü »óÈ£¸í css */
#footer .hos-info {padding-bottom:20px}
#footer .hos-info ul {}
#footer .hos-info ul li {padding:0 0 5px}
#footer .hos-info ul li.title_area {color:#fff}
#footer  ul li.title_area {color:#fff}
#footer .hos-info ul li.title_area strong {color:#fff}
#footer .hos-info ul li.title_area:after {content:''; border-bottom:1px solid #bbb; width:100%; display:block; margin:5px 0}
#footer  ul li.title_area:after {content:''; border-bottom:1px solid #bbb; width:100%; display:block; margin:5px 0}
#footer .hos-info ul li p {color:#fff}
#footer .hos-info ul li p.number-phone {color:#fff}
/*¸ð¹ÙÀÏ Äü¸Þ´º ÀüÈ­°É±â*/
.mobile_quick_tel {position:fixed; top:25%; right:10px; z-index:900}
.mobile_quick_tel span {display:table-cell; width:50px; height:50px; border-radius:50%; background:#4a7fa8; text-align:center; vertical-align:middle}
.mobile_quick_tel.kakao span {background:#ffe600}
.mobile_quick_tel.kakao span a {color:#3a3509; font-size:11px; font-weight:500; text-transform:uppercase}
.mobile_quick_tel.blog span {background:#5ab534}
.mobile_quick_tel.blog span a {color:#153a06; font-size:11px; font-weight:500; text-transform:uppercase}
.mobile_quick_tel span a {font-size:16px; color:#fff}
.mobile_quick_tel span a i {line-height:50px}