html , body {font-size:0.875em; font-family:"barun"; color:#666;min-height:100%; min-width:320px;line-height:1.6; position:relative;}
body {over flow-x:hidden; position:relative;}
img {max-width:100%; width:100%;}
a {color:#666;text-decoration:none;}
* {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;}
#header {width:100%;height:60px;position:fixed;  background:#fff;z-index:999; overflow:hidden; border-bottom:1px solid #dcdcdc;}
#header .logo   {height:100%;text-align:center;padding: 15px 0;}
#header .logo a {position:relative;}
#header .logo img {display:inline-block;height:100%;width:auto;}
#header .btnAll {display:block; position:absolute; top:0px; left:0px;height:60px; width: auto; padding: 20px;}
#header .btnAll img {display:block;height:20px;width:auto;}
#header .btnTel {display:block; position:absolute; top:0px; right:0px;height:60px; width: auto; padding: 15px;}
#header .btnTel img {display:block;height:100%;width:auto;}



.gnbWrap {width:100%;height:100%;min-height:100%;position:fixed;top:-100%;background:#fff; z-index:998; font-size:1.5em; overflow-y: scroll;}
#gnb {position: relative;overflow-y:scroll; height: 90%;}
#gnb .btnWrap {margin:0px}
#gnb .btnWrap li  {width:50%;float:left;position:relative;}
#gnb .btnWrap li a  {display:block; background:#786f64; padding:60px 0 12px; text-align:center;color:#0c4da2; font-size:0.95em;}
#gnb .btnWrap li:after  {content:"";display:block;width:1px;height:100%;left:0; top:0;position:absolute;background:#d4d4d3;}
#gnb .btnWrap li:nth-child(1):after  {display:none;}
#gnb .btnWrap li:nth-child(1) a  {background:url("../images/layout/bgGnb01.png") no-repeat 50% 15px;background-size:auto 40%;}
#gnb .btnWrap li:nth-child(2) a  {background:url("../images/layout/bgGnb02.png") no-repeat 50% 15px;background-size:auto 40%;}


#gnb .gnbList {}
#gnb .gnbList > li {border-top:1px solid #d4d4d3; text-align:left;overflow:hidden;}
#gnb .gnbList > li.on > a {background:url("../images/layout/bgClose.png") no-repeat 95% 50% #f4f2f1;color:#e32526;background-size:auto 3%; font-family: "nanumB";}
#gnb .gnbList > li:after {content:""; display:block;width:0;height:0; font-size:0;clear:both;}
#gnb .gnbList > li > a {font-fam ily:"barunB"; font-size:0.95em;display:block;background:url("../images/layout/bgOpen.png") no-repeat 95% 50% #f4f2f1; background-size:auto 30%;color:#786f64;padding:0 15px;height:50px; line-height:50px; text-align:left;}
#gnb .gnbList > li.on > a {color:#0c4da2;}
#gnb .gnbList > li > .sub {background:#fff; text-align:left; border-top: 1px solid #d4d4d4; padding:10px 0;}
#gnb .gnbList > li > .sub > li {position:relative;}
#gnb .gnbList > li > .sub > li > a {display:block;font-size:0.75em;height:25px;line-height:1.5;letter-spacing:-0.05em; color:#786f64;padding:0 0 0 20px;position:relative;}
#gnb .gnbList > li > .sub > li > a:after {content:""; display:block;width:5px; height:2px; background:#0c4da2; position:absolute; left:10px; top:8px; margin-top:-1px;}
#gnb .gnbList > li > .sub > li .depth03 {padding-left: 15px; font-size: 0.6em; letter-spacing: -0.05em; margin-top:5px;}
#gnb .gnbList > li.seperation > .sub > li {width: 33.33%;height: 140px; float: left;}
#gnb .gnbList > li.seperation > .sub > li .depth03 {padding-left: 15px; font-size: 0.6em; letter-spacing: -0.05em; margin-top:15px;}
#gnb .gnbList > li.seperation > .sub > li .depth03 li {padding-left: 6px; position: relative;}
#gnb .gnbList > li.seperation > .sub > li .depth03 li:after {content: "";display: block;width: 2px;height: 2px; background: #f38d7a;position: absolute; left:0; top:5px;}
#gnb .gnbList > li.seperation > .sub02 > li {height: 100px;}


#gnb > div {width:100%;}
#gnb > div img {display:block;width:100%;}

#gnb li a img  {width:100%;display:block;}


/* quickMenu */
.quickMenu {padding:10px 5px;background: #e1e1e1;}
.quickMenu li {float: left;width: 25%;padding:0 5px;}



/* footer */
footer .addrWrap {padding:10px 0; text-align:center; font-size:0.85em; background: #fff; color:#808080;}
footer .addrWrap span {display: block;}
footer .addrWrap .copyright {color:#b2b2b2; text-transform: uppercase; font-size: 1em;}
footer .footerBtn {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
footer .footerBtn a{display: block;float: left;width: 50%;height: 50px;line-height: 50px;font-size: 1.5em;text-align: center;background: #f3f3f3; color:#666;position: relative;}
footer .footerBtn a:first-child:after{content: "";display: block;width: 1px; height: 100%;position: absolute; right:0; top:0;background: #ccc;}

.homeIcon {width:100%; display:block;}

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

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

}