@charset "utf-8";

/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font:12px "돋움",Dotum,AppleGothic,sans-serif; color:#1c1c1c; background:#fff; }
body { min-width:1240px; }
li { list-style:none; }
img,fieldset { border:0; vertical-align:top; }
table { border:0; border-collapse:collapse; }
table img { vertical-align:middle; }
caption { display:none; }
th,td { border:0; }
input,select,textarea { font-size:13px; font-family:"돋움", Dotum; color:#111; vertical-align:middle; outline:0; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
iframe { border:0; width:100%; }
hr.layout { display:none; }
a { text-decoration:none; color:#1c1c1c; outline:0; }
a:hover { text-decoration:underline; }

/* skip navigation */
#skipNavigation { position:absolute; top:0; left:0; z-index:100; width:100%; }
#skipNavigation a { position:absolute; top:0; left:-99999px; display:block; width:100%; height:30px; background:#c4122f; color:#fff; line-height:30px; text-align:center; }
#skipNavigation a:first-child { background:#ff5e26; }
#skipNavigation a:focus, #skipNavigation a:active { left:0; }

/* Hidden Text */
.blind { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:150%; font-size:0; line-height:0; }

/* Grid */
.section { margin:0 0 30px; }
.section:after { content:""; display:block; clear:both; }
    .section > .gLeft { float:left; width:49.5%; text-align:left;}
    .section > .gRight { float:right; width:49.5%; }
.gGrid { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #d9dadc }
.gSingle { display:block; margin-top:5px; }
.gDouble { display:block; margin-top:10px; }
.gTriple { display:block; margin-top:15px; }
.gSingleSide { margin-left:15px; }
.gDoubleSide { margin-left:30px;  }
.gTripleSide { margin-left:40px; }
.gWidth { display:inline-block; vertical-align:middle; word-wrap:break-word; }
.nneditor-table, .seLayout { width:auto; }

/* Popup */
#popup { position:relative; min-width:400px; }
#popup #wrap { padding:0 15px 60px; }
#popup #footer { position:fixed; left:0px; bottom:0px; z-index:70; width:100%; padding:10px 0; text-align:center; border-top:1px solid #d6d6d6; background-color:#f5f5f5; }

#iframe { max-width:890px; height:auto; }

/* SUIO RESET */
.mBoard tfoot > tr > th, .mBoard tbody > tr > td { vertical-align:middle; }

/* Layout */
body { height:100%; min-width:1180px; }
#wrap { max-width:1600px; min-height:100%; margin:0 0 -47px; background: url("images/admin/bg_sidebar.gif") 0 0 repeat-y; }

    /* popup Reset */
    body#popup { height:auto; }
    body#popup #wrap { min-height:0; min-width:0; margin-bottom:0; padding:0 15px 60px; background:none; }
    body#popup #footer { height:auto; }

/* Header */
#header { position:relative; height:129px; z-index:10; }
#header .header { position:relative; height:72px; *zoom:1; background:#fff; }
#header .header:after { content:""; display:block; clear:both; }
#header h1 { position:absolute; left:12px; top:6px; width:180px; height:60px; text-align:left; }
#header h1 a { display:block; width:180px; height:60px; }
#header h1 a img { max-height:100%; max-width:100%; }

/* Container */
#container { max-width:1600px; padding:0 0 70px 210px; overflow:hidden; height:100%; zoom:1; }
#container:after { content:""; display:block; clear:both; }
#content { float:left; width:100%; padding:0 0 20px; margin:0 0 30px; }

/* Sidebar */


/* Footer */
#footer { position:relative; max-width:1600px; width:100%; height:26px; padding:19px 0 0; text-align:center; border-top:2px solid #43557b; background-color:#fff; }
#footer a { text-decoration:none; }

/* mLogin */
.mLogin { width:100%; min-height:100%; text-align:center; background:#579bcb url("../login/bg_login_aType.jpg") center 0 no-repeat; }
.mLogin .logo { overflow:hidden; max-width:647px; height:199px; margin:142px auto 0; }
.mLogin .logo img { max-width:100%; max-height:100%; vertical-align:middle; }
.mLogin .content { width:455px; height:157px; margin:0 auto 55px; }
.mLogin .language { padding:40px 0 0; }
.mLogin .language li { display:inline-block; padding:0 10px; font-size:12px; line-height:12px; border-left:1px solid #bec7d3; }
.mLogin .language li:first-child { border-left:0; }
.mLogin .language a { color:#d8dce0; text-decoration:none; }
.mLogin fieldset { position:relative; margin:10px auto 0; }
.mLogin fieldset label input.fText { overflow:hidden; display:block; width:285px; height:24px; margin:0 0 8px; padding:13px 10px; color:#333; text-align:left; line-height:15px; border:1px solid #d9d9d9; background:#fff; }
.mLogin fieldset .security { margin:16px 0 18px; font-size:12px; text-align:left; }
.mLogin fieldset .security li { display:inline-block; margin:0 22px 0 0; color:#4d4e56; }
.mLogin fieldset .security li span { color:#1382c9; font-weight:bold; }
.mLogin fieldset .security li span.disabled { color:#464a4c; }
.mLogin fieldset .btnLogin { position:absolute; right:0; top:0; display:inline-block; width:137px; height:71px; border-radius:2px; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; background:#ff0000 url("images/admin/btn_login.png") center no-repeat; }
.mLogin .footer a { display:block; color:#3f6d89; font-size:11px; line-height:12px; text-decoration:none; }
.mLogin .footer strong { font-weight:bold; }
.mLogin label.eSelected { font-weight:normal; letter-spacing:0; }
.mLogin .expiry { margin:0 0 25px; font-size:14px; font-weight:bold; color:#fff; }
.mLogin .expiry strong { color:#ff8f16; }
.mLogin .expiry span { font-size:12px; font-weight:normal; }

/* typeB */
.mLogin.typeB { font-size:0; line-height:0; background:#010101 url("images/admin/bg_login.jpg") center 0 no-repeat; background-size:100% auto; }
.mLogin.typeB .logo { display:inline-block; width:360px; height:240px; margin:0; padding:20px; background:#f0f0f0; }
.mLogin.typeB .content { display:inline-block; width:262px; height:224px; margin:0; padding:28px 35px; vertical-align:top; background:#fff; }
.mLogin.typeB .language { margin: 0 0 268px; }
.mLogin.typeB .language li { border-color:#fff; }
.mLogin.typeB .language a { color:#fff; }
.mLogin.typeB fieldset label input.fText { width:246px; border:1px solid #d9d9d9; background:#fff; }
.mLogin.typeB fieldset .btnLogin { top:110px; width:100%; height:60px; }
.mLogin.typeB .expiry { display:table; margin:20px auto 0; padding:0 10px; font-size:18px; line-height:28px; font-weight:normal; background:#4e4646; }
.mLogin.typeB .expiry span { font-size:14px; }
.mLogin.typeB .footer a { margin:84px 0 0; color:#fff; }

    /* mTab + typeLogin */
    .mTab.typeLogin { position:relative; width:262px; height:37px; border-bottom:1px solid #a6a6a8; *zoom:1; }
    .mTab.typeLogin:after { content:""; display:block; clear:both; }
    .mTab.typeLogin li { float:left; }
    .mTab.typeLogin li a { position:relative; float:left; width:262px; height:36px; font-size:14px; color:#96979a; text-align:center; line-height:28px; border:1px solid #ddddde; border-bottom:0; text-decoration:none; background:url("images/admin/sfix_tab_login.png") 100% -27px repeat-x; }
    .mTab.typeLogin li.selected a { position:relative; top:-3px; height:40px; line-height:40px; color:#4d4e56; font-weight:bold; border:1px solid #a6a6a8; border-bottom:0; background-color:#fff; background-position:100% 0; }




/* Form */
label.gLabel { display:inline-block; padding:0 40px 0 0; outline:0 none; }
span.gLabel { margin:0 40px 0 -35px; zoom:1;}
label.eSelected { font-weight:bold; letter-spacing:-1px; }
.fChk { width:14px; height:14px; }
input.fText { height:20px; padding:0 5px; line-height:20px; border:1px solid #a7a7a7; border-right-color:#cfcfcf; border-bottom-color:#cfcfcf; outline:0 none; }
input.fText.gDate { width:75px; }
.fText:focus { border-color:#60a8f0; background-color:#f7f7f7; }
.fText.center { text-align:center; }
.fText.right { text-align:right; }
.fKorean { ime-mode:active; } /* 웹킷브라우저 미지원 */
.fText.uppercase { text-transform:uppercase; }
.fTextarea { padding:5px; border:1px solid #a7a7a7; border-right-color:#cfcfcf; border-bottom-color:#cfcfcf; font-size:12px; line-height:140%; outline:0 none; }
    .fTextarea.gWrite { height:14px; padding:3px; line-height:120%; overflow:hidden; }
.fTextarea:focus { border-color:#60a8f0; background-color:#f7f7f7; }
.fFile { height:22px; font-size:12px; }
.fSelect { display:inline; height:22px; line-height:22px; margin:0; }
    /* category width */
    .fSelect.category { width:125px; }
    .fSelect.full { width:100%; }
    /* input[type="number"] */
    .gNumber { overflow:hidden; display:inline-block; position:relative; padding:0 18px 0 0; font-size:0; line-height:0; vertical-align:middle; border-width:1px; border-style:solid; border-color:#a7a7a7 #cfcfcf #cfcfcf #a7a7a7; background-color:#cfcfcf; *zoom:1; }
    .gNumber input.fText { width:40px; height:20px; padding:0 5px 0 0; float:left; border:0; font-size:12px; line-height:20px; text-align:right; border-right:1px solid #cfcfcf; }
    .gNumber button { position:absolute; right:0px; width:18px; background:#f1f1f1; font-size:0; line-height:0; }
    .gNumber button:hover { background-color:#d0d0d0; }
    .gNumber button span { position:absolute; left:7px; overflow:hidden; width:5px; height:3px; white-space:nowrap; text-indent:150%; background:url('../sfix_btn_ico.png') no-repeat; }
    .gNumber button.up { top:0; height:10px; }
    .gNumber button.up span { top:4px; background-position:0px -205px; }
    .gNumber button.up:hover span { background-position:-15px -205px; }
    .gNumber button.down { bottom:0; height:9px; }
    .gNumber button.down span { top:3px; background-position:-28px -205px; }
    .gNumber button.down:hover span { background-position:-43px -205px; }
    /* Form Reset */
    .mLayer label.gLabel,
    .mOption label.gLabel { padding-right:20px; }
    .mLayer span.gLabel,
    .mOption span.gLabel { margin:0 10px 0 -15px; }
    .mSearchSelect label.gLabel { padding-right:5px; }
    .mSearchSelect .list label.gLabel { padding-right:0; }
.gFile { position:relative; display:inline-block; overflow:hidden; vertical-align:middle; }
.gFile .file { z-index:1; position:absolute; right:0; bottom:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0); }