@charset 'utf-8';

#wrap { min-width:320px; position:relative;}
.clearfix:after { content:""; display:block; clear:both; }
.inner { }

header { position:fixed; height:80px; background:#fff; width:100%; z-index:1000; text-align:center;}
header .logo { text-align:center; margin:21px 0 0 0; display:inline-block; }
header .logo a { display:block; }
header .lang {position:absolute; left:30px; top:25px; width:99px; height:30px; border-radius:15px; border:1px solid #d0d0d0; text-align:center;}
header .lang a { display:block; line-height:30px; background:url("/mobile/kr/img/common/arrow01.gif") no-repeat 79px center; font-size:0.7em;}
header .menuBtn { position:absolute; right:30px; top:25px;}
header #nav { background:#fff; height:100%; position:fixed; max-width:400px; width:62.5%;  top:0; left:-400px; z-index:9999; min-width:300px; box-sizing:border-box;}
header .gnbBg {  width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9998; display:none;}
header #nav .top { height:120px; position:relative;}
header #nav .top .mlogo { padding:33px 0 0 30px; text-align:left;}
header #nav .closeBtn { position:absolute; right:20px; top:48px;}
header #nav .gnb { height:calc(100vh - 120px); overflow:auto }
header #nav .gnb > li { border-bottom:1px solid #dddedf; text-align:left;}
header #nav .gnb > li > a { display:block; height:60px; font-size:16px; padding:0 0 0 30px; line-height:60px; border-bottom:1px solid #9c9c9c; background:url("/mobile/kr/img/common/plus01.png") no-repeat 95% center #8a8a8a; color:#fff;}
header #nav .gnb > li.on > a {background:url("/mobile/kr/img/common/gnbOn.png") no-repeat 95% center #1ca12d; }
header #nav .gnb > li > .depth2 { display:none;}
header #nav .gnb > li > .depth2 > li {}
header #nav .gnb > li > .depth2 > li > a { line-height:60px; font-size:16px; padding:0 0 0 30px; display:block; border-bottom:1px solid #dddedf; background:url("/mobile/kr/img/common/gnbDepth2Bg.png") no-repeat 95% center; }

footer { background:#646464; text-align:center; padding:0 30px 65px;}
footer .menu { border-bottom:1px solid #6f6f6f;}
footer .menu li { float:left; border-right:1px solid #6f6f6f; width:33.33333333%; box-sizing:border-box; }
footer .menu li:last-child { border:none;}
footer .menu li a { color:#fff; line-height:68px; font-size:17px; font-weight:700; font-family: 'Nanum Gothic','나눔고딕', sans-serif;}
footer address { color:#fff; margin:36px 0 40px 0;}
footer address p { line-height:26px; font-size:18px; word-break:keep-all;}
footer address p.copy { margin:18px 0 0 0;}
footer address p.copy span { color:#2b9138}