html , body {font-size:16px; font-family:"Noto Sans KR",sans-serif,"돋움"; color:#333;min-height:100%; min-width:320px; position:relative;}
body {overflow-x:hidden; position:relative;}
img {max-width:100%; widt h:100%;}
a {color:#666;text-decoration:none;}
.auto {margin: 0 auto; padding:10px;}
* {box-sizing:border-box; -webkit-text-size-adjust:none;}
.wholeWrap {position:relative; min-height:100%; width:100%; overflow:hidden;}
.wrap {position:relative; min-height:100%; width:100%; overflow:hidden; ;left:0; top:0;}
ul:after {content: "";display: block;width: 0;height: 0;overflow: hidden;clear: both;}
#header {width:100%;height:50px;position:fixed;z-index:888;}
#header .logo   {height: 100%;}
#header .logo a {display:block;height: 100%;width: auto;padding: 15px 10px;}
#header .logo img {display:inline-block;height: 100%;width: auto;}
#header .btnAll {display:block; position:absolute;0;right:0;top:0; }
#header .btnAll img {display:block;height:20px;width: auto; top:20px;position: absolute;right:20px;}
#header .btnHome {display:block; position:absolute; top:15px; right:10px; height:30px;}
#header .btnHome img {display:block;height:100%;}

#header {height:60px;background: #fff;border-bottom: 2px solid #3e69b3;}
#header .logo {position: absolute; left:0; top:0;}
#header .logo a {padding: 13px 0 15px 15px;}
#header .logo img {height: 30px; width: auto;}

#header .sns {display: none;}
.btnAll {display: block;width: 60px;height: 60px;}
.btnAll.open {background: #175da4;}
#header #gnb {position: fixed; top:60px; right:-100%;width: 100%;height: 100%; min-height: 100%;margin-right: 0; background:rgba(255,255,255,1); overflow-y: scroll;}
#header #gnb .gnbTop {display: block;}
#header #gnb > ul { float: none; text-align: left;}
#header .gnbList > li {float: none;position: relative;display: block;}
#header .gnbList > li > a > h2 { height: 50px;line-height: 50px; font-size: 16px; font-weight:300; border-bottom:1px solid #d9d9d9;padding-left: 30px;}
#header .gnbList > li:first-child > a > h2 {border-top: 1px solid #d9d9d9;}
#header .gnbList > li > a > h2 i {display: block;height: 50px;line-height: 50px;}
#header .gnbList > li > .sub {height: auto;position: relative;background: #eee;display: none;}
#header .gnbList > li > .sub {border-bottom: 1px solid #d9d9d9;}
#header .gnbList > li > .sub li {float: none;border-top: 1px solid #d9d9d9;}
#header .gnbList > li > .sub > li:first-child {border-top: none;}
#header .gnbList > li > .sub li a h3 {height: 50px;line-height: 50px;padding-left: 40px;position: relative;}
#header .gnbList > li > .sub li a h3:before {content: "";display: block;width: 4px;height: 4px;background: #175da4;position: absolute;left:30px;top:50%; margin-top: -2px;}
#header .gnbList > li > .sub li .depth03 {display: none;background: #f9f9f9;}
#header .gnbList > li > .sub li .depth03 a h4 {height: 50px;line-height: 50px;padding-left: 55px;position: relative;}
#header .gnbList > li > .sub li .depth03 a h4:before {content: "";display: block;width: 8px;height: 2px;background: #175da4;position: absolute;left:40px;top:50%; margin-top: -1px;}


.tel[href^=tel] {display: block;padding: 15px; 0; background: #0068b7;color: #fff;font-size-adjust: 1.25rem; font-weight:700; text-align: center;}
.tel i {margin-right: 10px;}

/* footer */
#footer {margin-top:0;background:#5e5e5e; text-align: center;line-height: 1.5; color: #808080; font-size: 12px;}
.homeIcon {width:100%; display:block;}
#footer address {padding: 20px 0;}
#footer  .copyright {display: block;color:#ccc;margin-top: 10px; text-transform: uppercase;}
#footer .util {border-top: 1px solid #ccc;}
#footer .util li {width: 50%;float: left; text-align: center;}
#footer .util li a {display: block;height: 50px;line-height: 50px; background: #f3f3f3; font-size: 1.15em;color: #666;}
#footer .util li:first-child a {border-right: 1px solid #ccc;}

/* cover */
.wrap .cover {position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:777;}



@media screen and (min-width:640px) {

}