@charset "utf-8";

html { -webkit-text-size-adjust:none; } 
body,input,textarea,select,table,button { margin:0; padding:0; 
font-family:'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', AppleSDGothicNeo, AppleGothic, DroidSansFallback, 'Droid Sans', '돋움', Dotum, Arial, Verdana, sans-serif; } 
input,textarea,select,table,button { font-size:1em; }
img { border:0; vertical-align:middle; } 
ul,ol,menu { margin:0; padding:0; list-style:none;} 
dl,dl dt,dl dd,form,td,p,blockquote,pre,code {margin:0;padding:0;} 
li,li img,dt img,dd img,td img,p img {margin:0;padding:0;} 
iframe,fieldset {margin:0;padding:0;border:0;} 
legend,caption,hr {display:none;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} 
a { color:inherit; text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none;} 
table {table-layout:fixed;} 
input {padding:0;margin:0;overflow:visible;vertical-align:middle;} 
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number], textarea { -webkit-appearance:none; } 
select {padding:0;margin:0;vertical-align:middle;} 
em,address,dfn,cite {font-style:normal;} 
textarea {padding:4px;border:1px solid #a9a9a9;vertical-align:top;margin:0;padding:0;resize:none;} 
object,param {padding:0;margin:0;line-height:0;} 

section, article, header, footer, hgroup, figcaption, figure, nav {display:block;} 
div, section, menu {margin:0; padding:0; display:block;} 
button { appearance:none; -webkit-appearance:none; }

@media aural { caption,legend,hr {display:block;} } 
.centers { display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:box; box-pack:center; box-align:center; }
.boxLeft { -webkit-box-pack:start; -ms-flex-pack:start; -moz-box-pack:start; box-pack:start; }
h1 { font-size:1.385em; }
h2 { font-size:1.231em; }
h3 { font-size:1.154em; }
h4, h5, h6 { font-size:1.077em }
hr { height:1px; border:0; border-top-width:1px; border-top-style:solid; border-top-color:#e9e9e9; }
input, textarea { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }



/* */
body, input, textarea, select, table, button { font-family:'나눔고딕', NanumGothic, DroidSansFallback, 'Droid Sans', '돋움', Dotum, '맑은고딕', 'Malgun Gothic', '굴림', Gulim, Helvetica,sans-serif; }
html, body { height:100%; }
html { font-size:12px; }
body { color:#666; }
a:active { background-color:rgba(0,0,0,.1); }
img { max-width:100%; }


/* */
input, textarea, select { outline:0; }
button { background-color:transparent; -webkit-appearance:none; }
textarea { box-sizing:border-box; -webkit-box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-appearance:none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ccc !important; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#ccc !important; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#ccc !important }

/* common iamge */
.lnbContent .lnbLinks .lst > li a:after,
.lnbBgBefore:before,
.lnbBgAfter:after,
.lnbBg { background-repeat:no-repeat; background-image:url('/img/lnb_bg.png'); background-size:500px auto; }
/* lnb */
.lnbWarp { height:100%; }
.lnbHeader { height:40px; }
.lnbHeader .hsec { z-index:1; height:40px; position:fixed; top:0; left:0; right:0; padding-right:40px; }
.lnbHeader .hsec, .lnbHeader .hsec > article { background-color:#fff; }
.lnbHeader .hsec > article { position:relative; }
.lnbHeader .title { padding-left:1px; }
.lnbHeader .title .logo { text-align:center; height:40px; }
.lnbHeader .title .logo:after { content:""; display:inline-block; height:100%; vertical-align:middle; }
.lnbHeader .title .logo img { width:23px; }
.lnbHeader .info { padding-left:12px; padding-right:40px; }
.lnbHeader .info .user { font-size:15px; font-weight:normal; line-height:40px; white-space:nowrap; color:#342040; }
.lnbHeader .info .user em { color:#63065f; font-size:0.6em; vertical-align:middle; position:relative; top:-1px; display:inline-block; margin-left:7px; border:1px solid #63065f; border-radius:10px; line-height:16px; padding:0 7px; }

.lnbHeader .hsec .lnbBgBefore { position:absolute; top:0; height:40px; }
.lnbHeader .hsec .lnbBgBefore:before { display:block; width:25px; height:24px; content:"\00a0"; margin:9px auto 0; }
.lnbHeader .hsec .lnbBgBefore em { display:block; width:0; height:0; overflow:hidden; }
.lnbHeader .hsec .btHome { width:45px; left:0; }
.lnbHeader .hsec .btHome:before { width:25px; background-position:-200px 0; }
.lnbHeader .hsec .btSetup { width:40px; right:0; }
.lnbHeader .hsec .btSetup:before { width:23px; background-position:-100px 0; }
.lnbHeader .hsec .btLogout { right:0; width:32px; }
.lnbHeader .hsec .btLogout:before { width:25px; background-position:-50px 0; }

.lnbHeader .h2sec  { position:relative; }
.lnbHeader .h2sec .logo-new { position:absolute; top:10px; left:50%;}
.lnbHeader .h2sec .logo-new img { width:23px; left:50; }
.lnbHeader .h2sec .logo-new:after { content:""; display:inline-block; height:100%; vertical-align:top; }
.lnbHeader .h2sec .lnbBgBefore { position:relative; top:0; height:40px; }
.lnbHeader .h2sec .lnbBgBefore:before { display:block; width:25px; height:24px; content:"\00a0"; margin:1px auto 0; }
.lnbHeader .h2sec .lnbBgBefore em { display:block; width:0; height:0; overflow:hidden; }
.lnbHeader .h2sec .btHome { width:45px; left:0; border:none; }
.lnbHeader .h2sec .btHome:before { width:25px; background-position:-200px 0; }

.lnbHeader .h2sec .btSetup { width:40px; right:0; }
.lnbHeader .h2sec .btSetup:before { width:23px; background-position:-100px 0; }

.lnbHeader .h2sec .btLogout { right:0; width:32px; }
.lnbHeader .h2sec .btLogout:before { width:25px; background-position:-50px 0; }

.lnbHeader .h2sec .logo { height:23px; }
.lnbHeader .h2sec .logo img { width:23px; left:50; }
.lnbHeader .h2sec .logo:after { content:""; display:inline-block; height:100%; vertical-align:top; }


.lnbContent { min-height:100%; margin-top:-40px; }
.lnbContent .lnb { padding:60px 0 0; }
.lnbContent .login { height:64px; }
.lnbContent .login .desc {display:table; z-index:1; background-color:#5f065f; width:100%; height:64px; vertical-align:middle; padding:0 12px; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:34px; vertical-align:middle; }
.lnbContent .login .desc .txts { display:table-cell; line-height:1.4; color:#fff; text-align:left; vertical-align:middle;}
.lnbContent .login .desc .btn { display:table-cell; vertical-align:middle; text-align:right;}
.lnbContent .login .desc .btn .btLogin {vertical-align:middle; padding:0 12px; text-align:center; color:#63065f; font-size:11px; background-color:#fff; border-radius:3px; }
.lnbContent .links { height:82px; }
.lnbContent .links .lnkLst { z-index:1; position:fixed; background-color:#63065f; width:100%; height:82px; }
.lnbContent .links .lnkLst > ul { display:table; table-layout:fixed; width:100%; height:100%; }
.lnbContent .links .lnkLst li { display:table-cell; position:relative; vertical-align:top; text-align:center; }
.lnbContent .links .lnkLst li:first-child:after { content:""; position:absolute; width:1px; height:60px; top:50%; right:0; margin-top:-30px; background-color:#92518f; }
.lnbContent .links .lnkLst li a { display:block; height:81px; padding:15px 10px 10px; color:#fff; font-weight:bold; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lnbContent .links .lnkLst li .lnbBgBefore:before { display:block; content:"\00a0"; height:29px; margin-left:auto; margin-right:auto; margin-bottom:8px; }
.lnbContent .links .lnkLst li .icon1:before { width:42px; background-position:-50px -50px; }
.lnbContent .links .lnkLst li .icon2:before { width:36px; background-position:-50px -92px; }
.lnbContent .links .lnkLst li .icon3:before { width:37px; background-position:-50px -137px; }
.lnbContent .links .mypage { background-color:#470944; }
/* list */
.lnbContent .lnbLinks .lst { border-top:1px solid #4f054c; }
.lnbContent .lnbLinks .lst > li { height:45px; border-bottom:1px solid #ccc; color:#342040; font-size:13px; font-weight:bold; } 
.lnbContent .lnbLinks .lst > li.quick { background-color:#f0f0f0; color:#63065f; }
.lnbContent .lnbLinks .lst > li a { position:relative; display:block; padding:0 30px 0 12px; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lnbContent .lnbLinks .lst > li a:after { content:""; position:absolute; width:6px; height:11px; background-position:-150px 0; right:12px; top:50%; margin-top:-6px; }
.lnbContent .lnbLinks .lst > li a:before { content:""; display:inline-block; width:26px; height:26px; margin-right:10px; position:relative; top:-1px; vertical-align:middle; }
.lnbContent .lnbLinks .lst > li .icon1:before { background-position:0 0; }
.lnbContent .lnbLinks .lst > li .icon2:before { background-position:0 -46px; }
.lnbContent .lnbLinks .lst > li .icon3:before { background-position:0 -94px; }
.lnbContent .lnbLinks .lst > li .icon4:before { background-position:0 -137px; }
.lnbContent .lnbLinks .lst > li .icon5:before { background-position:0 -183px; }
.lnbContent .lnbLinks .lst > li .icon6:before { background-position:0 -229px; }
.lnbContent .lnbLinks .lst > li .icon7:before { background-position:0 -274px; }
.lnbContent .lnbLinks .lst > li .icon8:before { background-position:0 -320px; }
.lnbContent .lnbLinks .lst > li .icon9:before { background-position:0 -364px; }
.banners { overflow:hidden; }
.banners .blnk { position:fixed; z-index:1; width:100%; bottom:0; background-color:#fff; }
.banners .blnk a { display:block; height:100%; }
.banners .blnk img { max-height:100%; width:100%; max-width:none; }