@charset "UTF-8";

*, *:after, *:before {margin:0; padding:0; box-sizing:border-box;}
html {height:100%;min-width:1270px;}
body {font-family:sans-serif; color:#000; background-color:#333; -webkit-text-size-adjust:none;}
img {border:0; outline:0; vertical-align:middle;}
ul, ol {list-style:none;}
em, address {font-style:normal; word-break:break-all;}
a {border:0; color:inherit; text-decoration:none; outline:0;}
a:visited, a:active, a:focus, a:hover {text-decoration:none;}
table {border-collapse:collapse;}
table th, table td {word-break:break-all;}
button, input, select, textarea {margin:0; font-family:sans-serif; font-size:100%; line-height:1.15; outline:none;}
button {border:0 none; background:transparent; cursor:pointer; text-transform:none;}
button::-moz-focus-inner {padding:0; border:0;}
textarea {overflow:auto; resize:none;}

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, nav, section, main {display:block; margin:0;}

/* layout.css */
html {height:100%;}
body {height:100%; letter-spacing:-1px; font:10px/0.8 'NanumSquare', sans-serif; -webkit-font-smoothing:antialiased;}
#mask {z-index:100; display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.7; background-color:#000;}
.content { font-size:1.65em; }

h1 { margin-bottom:17px; }
h2 { margin-bottom:15px; }
h3 { margin-bottom:11px; }
h4 { margin-bottom:7px; }

p { margin-bottom:7px; line-height:1.15; }

input[type="file"] { width:1px; height:1px; overflow: hidden; padding:0; position:absolute; border:0; clip:rect(0,0,0,0); }
input[type="file"] + label { display:inline-block; cursor:pointer; line-height:39px; border:1px solid #ccc; border-radius:3px; text-align:center; background-color:#333; color:#fff; transition:all 0.5s; height:40px; padding:0 17px 0 17px; margin:0; vertical-align:middle; margin-bottom:7px; }

input[type="file"] + label:hover,
input[type="file"] + label:focus { background-color:#111; }

label {cursor:pointer;}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="tel"] { height:40px; margin-right:2px; margin-top:-1px; padding:0 16px; line-height:39px; border:1px solid #cccccc; color:#333333; vertical-align:middle; margin-bottom:7px; }
input[type="checkbox"] { display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap; width:20px; height:20px; background:url('../img/ico/ico-checkbox.png') no-repeat left top; vertical-align:middle;}

[type="button"],
[type="submit"],
[type="reset"],
button,
a.button { display:inline-block; cursor:pointer; line-height:39px; border:1px solid #ccc; border-radius:3px; text-align:center; background-color:#fff; color:#333; transition:all 0.5s; height:40px; padding:0 17px 0 17px; margin:0; vertical-align:middle; margin-bottom:7px; }
a.button { overflow:visible; }
[type="button"]:hover,
[type="submit"]:hover,
[type="reset"]:hover,
button:hover,
[type="button"]:focus,
[type="submit"]:focus,
[type="reset"]:focus,
button:focus,
a.button:hover,
a.button:focus { background-color:#fefefe; }

[type="button"].red,
[type="submit"].red,
[type="reset"].red,
button.red,
a.button.red { background-color:#d71921; color:#fff; }
[type="button"].red:hover,
[type="button"].red:focus,
[type="submit"].red:hover,
[type="submit"].red:focus,
[type="reset"].red:hover,
[type="reset"].red:focus,
button.red:hover,
button.red:focus,
a.button.red:hover,
a.button.red:focus {background-color:#c0181f; }

table.list {margin-bottom:17px; color:#555555;}
table.list>thead th {padding:11px 0 12px; border-top:2px solid #333333; border-bottom:1px solid #cccccc; line-height:110%; font-weight:bold;}
table.list>tbody td {padding:10px 0 8px; border-bottom:1px solid #cccccc; line-height:110%; text-align:center;}
table.list>tbody>tr:hover>td { background-color:#e6e6e6; }
table.list>tbody>tr.selected>td { background-color:#d2d2d2; }

select { height:40px; margin-right:2px; padding-left:16px; line-height:39px; border:1px solid #cccccc; color:#333333; vertical-align:middle; }


/* =================================================================================
    MENU Style
================================================================================== */
/* MENU Common Style */
nav.menu {float:left;position:relative; width:250px; height:auto; min-height:100%; background-color:#333333;}
nav.menu:after {content:''; display:block; clear:both;}
nav.menu>.btn-menu-size {transition:all 0.5s; position:fixed; bottom:0; left:0; width:250px; height:50px; background-color:#222222;}
nav.menu>.btn-menu-size:after {position:absolute; right:15px; top:19px; content:''; display:block; width:18px; height:11px; background:url('../img/ico/ico-sprites-menu.png') no-repeat -46px -10px;}
nav.menu>.main-logo {transition:background 0.5s; height:70px; border-bottom:1px solid #555555; text-indent:-9999em; margin:0; background:#222222 url('../img/main-logo-big.jpg') no-repeat;}
nav.menu>.main-logo a {display:block; height:70px;}
nav.menu>.main-title {transition:background 0.5s; height:160px; text-indent:-9999em; background:url('../../img/main-title-big.jpg') no-repeat;}
nav.menu>ul.items>li {position:relative; height:50px; border-top:1px solid #222222; border-bottom:1px solid #555555; background-color:#333333;}
nav.menu>ul.items>li:hover,
nav.menu>ul.items>li.active {transition:all 0.5s; background-color:#181818;}
nav.menu>ul.items>li.active::before {position:absolute; top:0; left:0; content:''; width:1px; height:49px; background-color:#d1210a;}
nav.menu>ul.items>li>a {display:block; width:100%; height:50px;}
nav.menu>ul.items>li>a>span {display:inline-block; margin-left:14px; line-height:50px; font-size:1.7em; color:#8c8c8c;}
nav.menu>ul.items>li>a>span:before {content:""; display:inline-block; vertical-align:-6px; width:23px; height:23px; margin-right:14px; background-image:url('../img/ico/ico-sprites-menu.png'); background-repeat:no-repeat; background-position:0 0;}
nav.menu>ul.items>li:hover>a>span,
nav.menu>ul.items>li.active>a>span {transition:all 0.5s; color:#fff;}
nav.menu>ul.items>li.active>a>span:before {background-position:-23px 0;}
nav.menu>ul.items>li.has-child>a>span:after {content:""; display:block; position:absolute; top:18px; right:13px; width:9px; height:10px; background-image:url('../img/ico/ico-sprites-menu.png'); background-repeat:no-repeat; background-position:-46px 0;}

nav.menu>ul.items>li>ul>li {position:relative; height:50px; background-color:#222222;}
nav.menu>ul.items>li>ul>li>a {display:block; width:100%; height:50px;}
nav.menu>ul.items>li>ul>li>a>span {display:inline-block; margin-left:14px; line-height:50px; font-size:1.7em; color:#555; border-left:1px solid #333;}
nav.menu>ul.items>li>ul>li>a>span:before {content:""; display:inline-block; position:relative; width:18px; height:8px; margin-top:-3px; margin-right:14px; vertical-align:middle; background-image:url('../img/ico/ico-sprites-menu.png'); background-repeat:no-repeat; background-position:-46px -40px;}
nav.menu>ul.items>li>ul>li:hover>a>span {transition:all 0.5s; color:#fff;}
nav.menu>ul.items>li>ul>li.active>a>span:before {background-position:-46px -32px;}

nav.menu>ul.items>li.active>ul>li {position:relative; transition:all 0.5s; border:0; background-color:#222222;}
nav.menu>ul.items>li.active>ul>li {display:block;}


/* Content Wrap */
.content-wrap { overflow:hidden; background-color:#e8e9eb; min-height:100%; }
.content-wrap>.content-top { overflow:hidden; height:70px; background-color:#d71921; }
.content-wrap>.content-top>.content-title { margin-left:25px; float:left; }
.content-wrap>.content-top>.content-title>h1 { margin-top:26px; vertical-align:middle; font-size:2em; font-weight:bold; color:#fff; }
.content-wrap>.content-top>.content-title>h1:before { content:""; display:block; float:left; background-color:white; margin-top:-4px; margin-right:7px; height:23px; width:23px; background:url('../img/ico/ico-sprites-menu.png'); background-position:-74px 0; }
.content-wrap>.content-top>.content-top-side { float:right; width:200px; height:70px; background-color:#222222; }
.content-wrap>.content-top>.content-top-side .btn-logout { display:inline-block; line-height:70px; text-align:left; letter-spacing:-0.5px; font-size:1.4em; color:#fff; margin:0 14px 0 26px; padding:0; border:none; background-color:transparent; background-image:url('../img/ico/ico-bar01.gif'); background-repeat:no-repeat; background-position:right center; }
.content-wrap>.content-top>.content-top-side .btn-help { display:inline-block; line-height:70px; text-align:left; letter-spacing:-0.5px; font-size:1.4em; color:#fff; width:60px; padding-left:26px; border:none; background-color:transparent; padding:0; margin:0; }
.content-wrap>.content-top>.content-top-side .btn-logout::before {content:''; display:inline-block; vertical-align:middle; margin-right:7px; width:23px; height:23px; background-image:url('../img/ico/ico-sprites-menu.png'); background-position:-96px 0;}
.content-wrap>.content-top>.content-top-side .btn-help::before {content:''; display:inline-block; vertical-align:middle; margin-right:7px; width:23px; height:23px; background-image:url('../img/ico/ico-sprites-menu.png'); background-position:-96px -23px;}
.content-wrap>.content-body { margin:25px; padding:30px; background-color:#fff; }
.content-wrap>.content-body>.content-subtitle { padding:0 0 14px; border-bottom:2px solid #333333; font-weight:bold; font-size:30px; color:#333333; }
.content-wrap>.content-body>.content { margin-top:17px; }

.controller { position:relative; overflow:hidden; clear:both; text-align:center; }
.controller .left { float:left; text-align:left; }
.controller .right { float:right; text-align:right; }

.popup {display:none; position:fixed; top:50%; left:50%; width:500px; height:650px; margin-top:-325px; padding:25px; margin-left:-250px; border:1px solid #cccccc; box-shadow:10px 10px 15px rgba(0,0,0,0.15); background-color:#fff; z-index:110;}
.popup h3 {position:relative; margin-bottom:32px; padding-bottom:25px; border-bottom:1px solid #cccccc; text-align:center; font-size:1em; color:#555555; font-weight:700;}
.popup h3:after {position:absolute; left:50%; bottom:-14px; content:''; width:15px; height:14px; margin-left:-7.5px; background:url('../img/ico_sprites.png') no-repeat -10px -10px;}
.popup { font-size:1.65em; }