@charset "utf-8";

@font-face {
	font-family:'Gotham-Bold';
	src: url('../../css/font/Gotham-Bold.eot');
	src: local(''), url('../../css/font/Gotham-Bold.woff') format('woff'), url('../../css/font/Gotham-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*layout style*/
html,body, #container{text-align:left;}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,th,td{color:#666;font-family:"Calibri";font-size:12px;margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
fieldset{border:0;}
fieldset legend{display:none;}
ol,ul,dl{list-style:none;color:#666;}
img{border:0;vertical-align:top;}
table {border-spacing:0;}

.clearfx{zoom:1;}
.clearfx:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}

a{color:#666;text-decoration:none;}
a:hover{color:#666;text-decoration:underline;}

input{vertical-align:middle; align:left;height:18px;}
input.in{height:15px;border:1px solid #beccd7;padding:3px 0 0 3px;}
input.in2{width:98%;height:15px;border:1px solid #b8b8b8;padding:3px 0 0 3px;}

.select { text-align:center;}

select,input,textarea{color:#666;font-size:12px;}
textarea{border:1px solid #b8b8b8;padding:3px 0 0 3px;
scrollbar-base-color: #fff;
scrollbar-3dlight-color: #cdcdcd;
scrollbar-highlight-color: #fff;
scrollbar-face-color: #fff;
scrollbar-arrow-color: #a6a6a6;
scrollbar-shadow-color: #cdcdcd;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #f7f7f7;overflow:auto;}

#headerWrapper{overflow:hidden;position:relative;min-width:997px;_width:expression(document.documentElement.clientWidth < 997 ? '996px' : '');height:53px;border-bottom:4px solid #084B8A;background-color:#2F2E2F;}
#bodyWrapper{width:100%;min-height:100%;_height: 100%;background:url(../../img/bg_02.gif) 0% 0% repeat-y;margin: -57px 0 -61px 0;}
#bodyWrapper:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
#bodyWrapper2{width:997px;min-height:100%;_height: 100%;margin: -57px 0 -61px 0;}
#bodyWrapper2:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
#secondaryBlock{float:left;width:219px;*padding-bottom:61px;}
#secondaryBlock h2{height:29px;padding:23px 0 0 24px;background:url(../../img/bg_03.gif) 0% 0% no-repeat;font-size:13px;font-weight:bold;color:#2D77E6;}
#mainBlock{float:left;width:82%;margin-right:-220px;_display:inline;padding:82px 0 0;*padding-bottom:61px;}

#footerWrapper{clear:both;height:60px;border-top:1px solid #dbdbdb;background-color:#FFF;}
#footerWrapper h6{float:left;width:220px;padding:15px 0 4px;background:url(../../img/bg_04.gif) 100% 12px no-repeat;text-align:center;}
#footerWrapper address{float:left;padding:20px 0 0 20px;color:#919191;font-size:11px;}
#footerWrapper address strong{color:#036;}
#footerWrapper address em{font-weight:bold;color:#e67114;}

#wrap {min-width:1024px; margin:0 auto;}
select {}
.mgt11 {margin-top:11px !important;}

#header {height:60px; border-bottom:2px solid #778593; background:url('../../images/apms/bg_head.gif') repeat-x 0 0;}

.top_box {height:24px; padding-right:10px; overflow:hidden;}
.top {min-width:774px; height:24px; margin-left:219px; overflow:hidden;}
.top_links {float:right;}
.top_links li {float:left; font-size:0; line-height:0;}
.top_links li + li {margin-left:26px;}
.top_links li a {color:#fff; font-size:12px; line-height:32px;}
.top_links li a img {margin-right:5px;}
.top_links li a:hover {text-decoration:none;}
.top_links li .top_links_txt {color:#fff; font-size:12px; line-height:32px;}
.top_links li .top_links_txt img {margin-right:5px;}
.top_links li .top_links_txt:hover {text-decoration:none;}
.head_menu {position:relative; height:36px;}
.logo {position:absolute; left:0; bottom:0;}
.gnb {margin-left:219px; }
.gnb ul {overflow:hidden;}
.gnb ul li {float:left;}
.gnb ul li a {display:block; padding:0 15px; color:#fff; font-size:15px; line-height:36px; font-family:'Gotham-Bold';}
.gnb ul li.on a,
.gnb ul li a:hover {background:#1181cb; text-decoration:none;}

div.menu {width:100%}
div.menu li.on{float:left;padding-right:5px;padding-top:5px;text-align:center;font-weight:bold;color:blue;}
div.menu li{float:left;padding-right:5px;padding-top:5px;text-align:center}

#prnlog{float:right;color:#C3C3C3;padding:24px 24px 0 0;text-align:right;}
#prnlog img{vertical-align:-4px;}
#prnlog input{vertical-align:-4px;}

#lnb{padding:0 12px 4px 16px;border-top:1px solid #EBEBEB;zoom:1;}
#lnb a:hover{color:#db4a3f; font-weight:bold; text-decoration:none;}
#lnb dt{margin-top:-1px;padding:10px 0 5px 14px;border-top:1px solid #E9E9E9;background:url(../../img/ic_02.gif) 6px 13px no-repeat;font-weight:bold;zoom:1;}
#lnb dt a{color:#666;}
#lnb dt.on{background:url(../../img/ic_01.gif) 6px 13px no-repeat;}
#lnb dt.on a{color:#2D77E6;}
#lnb dd{padding:0 0 0 14px;color:#999;}
#lnb dd a{color:#999;}
#lnb dd li{padding:0 0 6px;}
#lnb dd li.on a{color:#2D77E6;text-decoration:underline;}

.pagingV{text-align:center;}
.pagingV img{vertical-align:top;*vertical-align:middle;margin-top:2px;*margin-top:-2px;}
.pagingV .num{overflow:hidden;display:inline-block;background:url(../../img/bg_bar.gif) no-repeat right 40%;margin:1px 5px 0 5px;*margin:0 10px 0 5px;padding-right:6px;}
.pagingV .num a{color:#919191;padding:1px 8px 0 7px;*padding:2px 8px 0 7px;display:inline-block;background:url(../../img/bg_bar.gif) no-repeat 0 40%;margin-right:-5px;text-decoration:none;}
.pagingV .num a:hover{color:#2d77e6;text-decoration:underline;}
.pagingV .num strong{color:#2d77e6 !important;display:inline-block;background:url(../../img/bg_bar.gif) no-repeat 0 40%;padding:1px 7px 0 7px;*padding:2px 7px 0 7px;margin-right:-5px;}

#bodyWrapper h3{height:27px;margin:0 0 17px;padding:0 0 0 18px;border-bottom:1px solid #DBDBDB;) 2px 0% no-repeat;color:#464646;font-size:12px;font-weight:bold;}
#bodyWrapper h4{height:19px;padding:0 0 0 9px;background:url(../../img/ic_01.gif) 2px 2px no-repeat;color:#2d77e6;font-weight:bold;}

.contents{padding:0 0 30px 10px;}

form {
    margin: 0;
    padding: 0;
}

.temp-space {
    height: 15px;
    width: 98%;
}

.temp-form {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #555555;
    height: 18px;

    border: 1px solid #999999;
    padding-left: 1px;
    padding-top: 1px;
}

.temp-form-full {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #555555;
    height: 18px;
    border: 1px solid #999999;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    width: 98%;
}

.temp-form-disable {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #555555;
    background-color: #cccccc;
    height: 18px;
    border: 1px solid #999999;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
}

.temp-form-full-disable {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #555555;
    background-color: #cccccc;
    height: 18px;
    border: 1px solid #999999;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    width: 100%;
}

.temp-select {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #333333;
    border: 1px solid #999999;
}

.temp-input {
    font-family: "Arial";
    font-size: 12px;
    color: #555555;
    text-decoration: none;
    width: 100%;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 3px;
    border: 1px solid #999999;
    line-height: 18px;
}


.temp-input-small {
    font-family: "Arial";
    font-size: 12px;
    color: #555555;
    text-decoration: none;
    width: 100%;
    padding: 1 1 1 1px;
    border: 1px solid #999999;
    line-height: 18px;
}

.temp-form-none {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #000000;
    background-color: #ffffff;
    height: 18px;
    width: 30px;
    border: 1px solid #ffffff;
    padding: 1 1 1 1px;
}

.temp-form-gray {
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    color: #555555;
    background-color: #F6F6F6;
    height: 18px;
    width: 30px;
    border: 1px solid #999999;
    padding: 1 1 1 1px;
}
/*------------------------------------------- Template ---------------------------------------------*/
.temp-back {
    width: 100%;
    margin: 0px;
    padding-left: 3px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 2px;
    vertical-align: top;
    horizontal-align: center;
}

/*-- title --*/
.temp-title {
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    width: 98%;
    padding-left: 10px;
    background-image: url(../../img/title_dot.gif);
    background-repeat: no-repeat;
    height: 40px;
    background-position: left center;
    margin-left: 0px;
    vertical-align: middle;
    padding-top: 6px;
}

/*-- title --*/
.temp-title-blank {
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    width: 98%;
    padding-left: 10px;
    background-repeat: no-repeat;
    height: 40px;
    background-position: left center;
    margin-left: 0px;
    vertical-align: middle;
    padding-top: 6px;
}

/*-- tab --*/
.temp-tab-table {
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    width: 98%;
    text-align: left;
    padding-left: 0px;
}

.temp-tab-S-title {
    font-family: "Arial";
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    background-image: url(../../img/tab_S_back.gif);
    background-repeat: no-repeat;
    height: 26px;
    padding-top: 8px;
    font-weight: bold;
    width: 200px;
    background-position: center bottom;
}
.temp-tab-S-title  a:link    {text-decoration: none ; color: #000000;}
.temp-tab-S-title  a:visited {text-decoration: none ; color: #000000; }
.temp-tab-S-title  a:active  {text-decoration: none ;color: #000000;}
.temp-tab-S-title  a:hover   {text-decoration: none;color:#000000;}

.temp-tab-D-title {
    font-family: "Arial";
    font-size: 12px;
    color: #707070;
    text-decoration: none;
    text-align: center;
    background-image: url(../../img/tab_D_back.gif);
    background-repeat: no-repeat;
    height: 26px;
    font-weight: normal;
    padding-top: 8px;
    width: 200px;
    background-position: center bottom;
}
.temp-tab-D-title  a:link    {text-decoration: none ; color: #707070; }
.temp-tab-D-title    a:visited {text-decoration: none ; color:  #707070; }
.temp-tab-D-title  a:active  {text-decoration: none ;color:  #707070;}
.temp-tab-D-title  a:hover   {text-decoration: none;color: #707070;}

/*-- button  --*/
.temp-cond-table {
    background-color: #E6E6E6;
    width: 98%;
    vertical-align: top;
}

.temp-cond-head {
    background-color: #FAFAFA;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: "Arial";
    font-size: 12px;
    color: #474747;
    text-align: left;
    font-weight: normal;
    padding-right: 5px;
    padding-left: 18px;
    vertical-align: middle;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
    height: 20px;
}

.temp-cond-head-center {
    background-color: #FAFAFA;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: "Arial";
    font-size: 12px;
    color: #474747;
    text-align: center;
    font-weight: normal;
    padding-right: 5px;
    padding-left: 18px;
    vertical-align: middle;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
    height: 20px;
}

.temp-cond-text {
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
}
.temp-cond-text  a:link    {text-decoration: none ; color: #333333; }
.temp-cond-text a:visited {text-decoration: none ; color: #333333; }
.temp-cond-text  a:active  {text-decoration: none ;color: #333333;}
.temp-cond-text  a:hover   {text-decoration: none;color: #333333;}

.temp-cond-text-not {
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    height: 25px;
}
.temp-cond-text-left {
    font-family: "Arial";
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    color: #333333;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    height: 25px;
}
.temp-cond-text-center {
    font-family: "Arial";
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    color: #333333;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
}
.temp-cond-stat-total {
    background-color: #fee6c5;
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
    color: red;
    padding-right: 5px;
    padding-left: 5px;
    height: 25px;
}

.temp-cond-stat-subtotal {
    background-color: #e6f7ff;
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    padding-right: 5px;
    padding-left: 5px;
    height: 25px;
}

.temp-cond-text  a:link    {text-decoration: none ; color: #333333; }
.temp-cond-text a:visited {text-decoration: none ; color: #333333; }
.temp-cond-text  a:active  {text-decoration: none ;color: #333333;}
.temp-cond-text  a:hover   {text-decoration: none;color: #333333;}

/*-- listTable --*/
.temp-list-table {
    width: 98%;
    vertical-align: top;
}

.temp-list-head {
    font-family: "Arial";
    font-size: 12px;
    text-decoration: none;
    background-image: url(../../img/list_head.gif);
    height: 27px;
    color: #4A718C;
    text-align: center;
    font-weight: bold;
    padding-top: 6px;
}

.temp-list-head2 {
    font-family: "Arial";
    font-size: 12px;
    text-decoration: none;
    background-image: url(../../img/list_head.gif);
    background-repeat: repeat-x;
    background-color: #F5F7F4;
    height: 27px;
    color: #4A718C;
    text-align: center;
    font-weight: bold;
    padding-top: 6px;
}

.temp-list-text {
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    text-align: center;
    height: 24px;
    background-image: url(../../img/list_text.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    line-height: 18px;
    background-color: #FFFFFF;
}

.temp-list-tailline {
    height: 2px;
    width: 98%;
    background-color: #DFDFDF;
}

/*-- button --*/
.temp-button-table {
    width: 98%;
    height: 35px;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.temp-button {
    font-family: "Arial";
    font-size: 12px;
    height: 23px;
    border: 0px solid #BAD1D9;
    padding-top: 3px;
    padding-left: 12px;
    color: #555555;
    background-repeat: no-repeat;
    background-image: url(../../img/button_back.gif);
    background-position: left center;
    background-color: #FFFFFF;
    width: 105px;
}

.temp-button-none {
    font-family: "Arial";
    font-size: 12px;
    height: 23px;
    border: 0px solid #BAD1D9;
    padding-top: 3px;
    padding-left: 12px;
    color: #555555;
    background-repeat: no-repeat;
    background-image: url(../../img/button_back_none.gif);
    background-position: left center;
    background-color: #FFFFFF;
    width: 105px;
}

.temp-search-button {
    height: 16px;
    border: 0px solid ;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-image: url(../../img/bt_search.png);
    background-position: left center;
    background-color: #FFFFFF;
    width: 18px;
}

.text {
    font-family: "Arial";
    font-size: 12px;
    color: #444444;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-left: 3px;
    /*padding-top: 4px;*/
    padding-right: 5px;
    /*padding-bottom: 2px;*/
    text-align: left;
    line-height: 18px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;
}

/*add jeong */
.text-disable {
    font-family: "Arial";
    font-size: 12px;
    color: #444444;
    text-decoration: none;
    background-color: #dbdbdb;
    border: 1px solid #999999;
    padding-left: 3px;
    /*padding-top: 4px;*/
    padding-right: 5px;
    /*padding-bottom: 2px;*/
    text-align: left;
    line-height: 18px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;
    width: 98%;
}

.text-small {
    font-family: "Arial";
    font-size: 12px;
    color: #555555;
    text-decoration: none;
    padding-right: 20px;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    text-align: left;
    line-height: 18px;
}

/*-- login --*/
.temp-cond-table-login {
    background-color: #E6E6E6;
    width: 25%;
    vertical-align: top;
}

.temp-button-table-login {
    width: 25%;
    height: 35px;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* layer popup */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.close-btn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.close-btn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

a.company-btn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.company-btn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('../../img/dim.png'); display:none; text-align:left; }
.msgbox{ position:absolute; width:60x; height:60px; z-index:200; border:0px solid ; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }


.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

.mgt15 {margin-top:15px !important;}

#container {position:relative; background:url('../../images/apms/bg.gif') repeat-y 0 0;}
.contents {min-width:774px; padding:0 12px 75px; margin-left:219px;}
.tit_box {height:34px; padding-left:12px; margin-left:-12px; margin-right:-12px; margin-bottom:15px; border-bottom:1px solid #d4d4d4; overflow:hidden;}
.tit_box strong {float:left; margin-right:15px; color:#05396a; font-size:18px; line-height:34px; font-weight:normal; font-family:'Gotham-Bold';}
.tit_box span {float:left; color:#a6a5a5; font-size:14px; line-height:38px; font-family:'Calibri';}
.tit_box span a {color:#a09f9f;}
.tit_box span em {color:#2e2d2d;}

input.text {border:1px solid #a9a9aa;}
.board_write {width:100%;  border-top:2px solid #a6a6a6; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; font-family:'Calibri'; box-sizing:border-box;}
.board_write th {padding-left:12px; border-top:1px solid #dadada; background:#f0f0f0; color:#555; font-size:13px; line-height:26px; text-align:left;}
.board_write td {padding:0 17px 0 3px; border-top:1px solid #dadada;}
.board_write td img {margin-left:2px; vertical-align:middle;}
.board_write tr.first th, .board_write tr.first td {border-top:none;}
.board_write tr th:first-child {border-left:1px solid #dbdbdb;}
.board_write td input.text {width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.board_write td select {height:20px; padding:1px; border:1px solid #a9a9aa; font-size:12px;}
.board_write td em {color:#a9a9aa; line-height:26px;}

/* add sjjeon start*/
.board_write_noline {width:100%; border:solid #dbdbdb; border-width: 0px 1px 1px 0px; font-family:'Calibri'; box-sizing:border-box;}
.board_write_noline th {padding-left:12px; border-left:1px solid #dadada; background:#f0f0f0; color:#555; font-size:13px; text-align:left;}

.board_write_grid {width:100%;  border-top:2px solid #a6a6a6; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; font-family:'Calibri'; box-sizing:border-box;}
.board_write_grid th {padding-left:12px; background:#f0f0f0; color:#555; font-size:13px; text-align:left;}
.board_write_grid tr th:first-child {border-left:1px solid #dbdbdb;}
.board_write_grid tr.addtable th {padding-left:12px; border-top:1px solid #dadada; background:#f0f0f0; color:#555; font-size:13px; line-height:26px; text-align:left;}
.board_write_grid tr.addtable td {padding:0 17px 0 3px; border-top:1px solid #dadada;}
.board_write_grid tr.addtable td select {height:20px; padding:1px; border:1px solid #a9a9aa; font-size:12px;}
.board_write_grid tr.addtable td select.select_disable {background:#dbdbdb}
/* add sjjeon end*/

.btn_right {margin-top:10px; text-align:right; font-size:0;}
.btn_style1 {display:inline-block; width:108px; height:24px; margin-left:5px; border:0 none; background:#19437e; color:#fff; font-size:13px; line-height:22px; text-align:center; overflow:hidden; cursor:pointer;}
.btn_style2 {display:inline-block; width:108px; height:24px; margin-left:5px; border:0 none; background:#4d91b0; color:#fff; font-size:13px; line-height:22px; text-align:center; overflow:hidden; cursor:pointer;}
.btn_style3 {display:inline-block; width:108px; height:24px; margin-left:5px; border:0 none; background:#6d8dd4; color:#fff; font-size:13px; line-height:22px; text-align:center; overflow:hidden; cursor:pointer;}
.btn_style4 {display:inline-block; width:108px; height:24px; margin-left:5px; border:0 none; background:#1faadf; color:#fff; font-size:13px; line-height:22px; text-align:center; overflow:hidden; cursor:pointer;}
.btn_off {background:#eaeaea; color:#c6c6c6;}

.results {margin-top:2px; font-size:13px; line-height:22px; overflow:hidden;}
.results span {float:left; color:#646464;}
.results em {float:left; color:#e64d41;}

.board_info_box {border-top:2px solid #1181cb;}
.board_info_box.line1 {border-top:1px solid #1181cb;}
.board_info {width:100%; border-collapse:collapse;}
.board_info tr:hover td {background:#e8f4fb; color:#05396a !important;}
.board_info tr:hover td a {color:#05396a !important;}
.board_info tr th {padding:3px 0; border:1px solid #dbdbdb; border-top:none; background:#f3f1f1; color:#444; font-size:13px; line-height:14px; font-weight:bold; text-align:center;}
.board_info tr th .ico {display:inline-block; width:8px; height:16px; margin:1px 0 0 3px; font-size:0; line-height:0; vertical-align:top;}
.board_info tr th .ico img {margin-top:1px;}
.board_info tr td {padding:3px 0; border:1px solid #dbdbdb; color:#555; font-size:13px; line-height:14px; text-align:center;}
.board_info tr td.f_left {padding-left:17px; text-align:left;}
.board_info tr td.f_left img {vertical-align:middle;}
.board_info tr td.f_left a {margin-left:12px; color:#555; vertical-align:middle;}
.board_info tr td.f_left a:hover {text-decoration:none;}
.pagging {margin-top:17px; text-align:center;}
.pagging a {display:inline-block; width:13px; height:12px; border:1px solid #aaa; color:#909090; font-size:12px; line-height:12px; text-align:center; vertical-align:middle;}
.pagging a.on, .pagging a:hover {border:1px solid #19437e; background:#19437e; color:#fff; text-decoration:none;}
.pagging .pages {border:none !important; height:14px; overflow:hidden;}
.pagging .pages.on, .pagging .pages:hover {background:none;}
.pagging .pages.on img, .pagging .pages:hover img {margin-top:-14px;}
.pagging select {height:14px; margin-left:10px; border:1px solid #a9a9aa;}

#footer {height:75px; border-top:1px solid #c4c4c4; background:#fff; text-align:center; overflow:hidden;}
#footer p {margin-top:14px;color:#aaa;}


/* 0826 */
.oem_box {height:470px;}
.htit {padding-left:10px; padding-bottom:8px; background:url('../../images/apms/icon/ico_dot.gif') no-repeat 0 8px; color:#09274e; font-size:14px; }

.board_view_box {border-top:2px solid #a6a6a6;}
.board_view {position:relative; padding-left:104px; border:1px solid #dbdbdb; border-top:none; background:url('../../images/apms/bg_view_img.gif') no-repeat 12px center; font-family:'Calibri';}
.board_view .imgBox {position:absolute; top:50%; left:12px; margin-top:-40px;}
.board_view table {width:100%; box-sizing:border-box;}
.board_view th {padding-left:13px; border-top:1px solid #dbdbdb; background:#f0f0f0; color:#555; font-size:13px; line-height:26px; text-align:left;}
.board_view td {padding:0 17px 0 7px; border-top:1px solid #dbdbdb;}
.board_view td img {margin-left:2px; vertical-align:middle;}
.board_view tr.first th, .board_view tr.first td {border-top:none;}
.board_view tr th:first-child {}
.board_view td input.text {width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.board_view td select {height:20px; padding:1px; border:1px solid #a9a9aa; font-size:12px;}
.board_view td em {color:#a9a9aa; line-height:26px;}
.verson_st {margin-top:20px; border:1px solid #dbdbdb;}
.verson_st dl { overflow:hidden;}
.verson_st dl dt {float:left; width:157px; height:26px; padding-left:12px; background:#f0f0f0; color:#555; font-size:13px; line-height:26px;}
.verson_st dl dd {float:left; padding:4px 0 0 7px; overflow:hidden;}
.verson_st dl dd select {float:left; height:18px; padding:1px; border:1px solid #a9a9aa; font-size:12px;}
.verson_st dl dd select option: {  line-height:18px;}
.verson_st dl dd input[type="image"] {float:left;}

/* tab */
.tab {margin-top:14px; overflow:hidden;}
.tab li {position:relative; float:left; width:137px; height:24px; border:1px solid #dbdbdb; margin-left:-1px; background:#fff; color:#555; font-size:13px; line-height:24px; text-align:center; cursor:pointer; z-index:10;}
.tab li:first-child {margin-left:0;}
.tab li.first {border-left:1px solid #dbdbdb;}
.tab li.on {border:1px solid #1181cb; background:#1181cb; color:#fff; z-index:11;}
.tab li.first.on {border-left:1px solid #1181cb;}
.tab li.last.on {border-right:1px solid #1181cb;}
.tab_cont {display:none; position:relative;}
.tab_cont.on {display:block;}
.board_info.info_style {}
.board_info.info_style th + th {padding-left:7px; text-align:left;}
.board_info.info_style td + td {padding-left:7px; text-align:left;}
.board_info.info_style td .btn_sv {float:right; margin:2px 13px 0 0;}
.board_info.info_style tr:hover td {background:#d2edfa;}
.tab_cont .jiazai {position:absolute; left:0; top:77px; width:100%; text-align:center;}
.tab_cont .jiazai span {}
.tab_cont .loading {position:absolute; left:50%; top:77px; margin-left:-26px;}
.tab_cont .loading span {}

.m_box {overflow:hidden;}
.m_left {float:left; width:262px; height:669px; padding-left:10px; border:1px solid #dbdbdb; border-top:2px solid #a6a6a6; overflow:hidden; overflow-y:scroll;}
.m_right {padding-left:282px; margin-left:10px;}
.board_list_box {border-top:1px solid #1181cb;}
.board_list {width:100%;  border-top:none; border-bottom:1px solid #aaa; border-right:1px solid #a6a6a6; border-left:1px solid #a6a6a6; font-family:'Calibri'; box-sizing:border-box; border-collapse: collapse;}
.board_list th {height:20px; border:1px solid #d6d6d6; border-top:none; background:#f0f0f0; color:#555; font-size:13px; line-height:20px; text-align:center;}
.board_list td {height:20px; padding:0 7px; border:1px solid #d6d6d6; text-align:center;}
.board_list th.f_left {padding-left:7px; text-align:left;}
.board_list td.f_left {padding-left:7px; text-align:left;}
/* .board_list td input {height:14px; padding:0; border:1px solid #a9a9aa; font-size:13px; box-sizing:border-box;}*/ /* del sjjeon */
.board_list td input {height:15px; padding:0; border:1px solid #a9a9aa; font-size:13px;} /* add sjjeon */
.board_list td input.input_disable {height:14px; padding:0; border:1px solid #c4c4c4; font-size:13px; background:#dbdbdb} /* add sjjeon*/
.board_list td img {cursor:pointer;} /* add sjjeon*/

.aut_box {padding:0 12px; margin-top:20px; border:1px solid #dbdbdb; border-top:1px solid #1181cb;}
.aut_box .treeview li {overflow:hidden;}
.aut_box .filetree span.file {float:left; width:150px;}
.ck_lists {overflow:hidden;}
.ck_lists input[type="checkbox"] {vertical-align:middle;}
.ck_lists label {display:inline-block; vertical-align:middle;}
.ck_lists a {display:inline-block; vertical-align:middle;}
.ck_lists_box {float:left; width:25%;}

.que_box {border:1px solid #dbdbdb; border-top:2px solid #a6a6a6; overflow:hidden;}
.que_box li {float:left; width:25%; padding:2px; box-sizing:border-box;}
.que_box li + li {border-left:1px solid #dbdbdb; box-sizing:border-box;}
.que_box li .quelist {height:272px; border:1px solid #a6c9e2; border-radius:3px;}
.que_box li .quetit {height:24px; background:#87b6d9; overflow:hidden;}
.que_box li .quetit strong {float:left; padding-left:4px; color:#fff; font-size:12px; line-height:24px;}
.que_box li .quetit a {display:inline-block; float:right; margin:7px 6px 0 0;}
.que_box table {width:100%; border-collapse:collapse;}
.que_box table tr th {height:24px; border:1px solid #c9deee; background:url('../../images/apms/bg_th.gif') repeat-x 0 0; text-align:center;}
/* .que_box table tr td {height:22px; border:1px solid #c9deee;} */ /* del sjjeon */
.que_box table tr td {height:22px;} /* add sjjeon */
.que_box tr th .ico {display:inline-block; width:8px; height:16px; margin:1px 0 0 3px; font-size:0; line-height:0; vertical-align:middle;}
.que_box tr th .ico img {margin-top:1px;}
.que_box tr th input {width:50%; padding:0 5px; border:1px solid #a6c9e2; border-radius:4px; background:#fff; vertical-align:middle;}
.que_box tr th a {display:inline-block; vertical-align:middle;}
.que_box tr td {text-align:center;}
.que_box tr td.f_left {padding-left:3px; text-align:left;}

.appList_box {padding:2px; margin-top:14px; border:1px solid #dbdbdb; border-top:1px solid #1181cb;}
.appList_info_box {border-radius:3px; overflow:hidden;}
.appList_box .quelist {height:272px; border:1px solid #a6c9e2; border-radius:3px;}
.appList_box .quetit {height:24px; background:#87b6d9; overflow:hidden;}
.appList_box .quetit strong {float:left; padding-left:4px; color:#fff; font-size:12px; line-height:24px;}
.appList_box .quetit a {display:inline-block; float:right; margin:7px 6px 0 0;}
.appList_box table {width:100%; border-collapse:collapse;}
.appList_box table tr th {height:24px; border:1px solid #c9deee; background:url('../../images/apms/bg_th.gif') repeat-x 0 0; text-align:center;}
/* .appList_box table tr td {height:22px; border:1px solid #c9deee;} sjjeon*/
.appList_box table tr td {height:22px;}
.appList_box tr th .ico {display:inline-block; width:8px; height:16px; margin:1px 0 0 3px; font-size:0; line-height:0; vertical-align:middle;}
.appList_box tr th .ico img {margin-top:1px;}
.appList_box tr th input {width:50%; padding:0 5px; border:1px solid #a6c9e2; border-radius:4px; background:#fff; vertical-align:middle;}
.appList_box tr th a {display:inline-block; vertical-align:middle;}
.appList_box tr td {text-align:center;}
.appList_box tr td.f_left {padding-left:3px; text-align:left;}

.board_write tr td.td_appList_info {padding:2px;}
.board_write tr td .oem_box {border:1px solid #a6c9e2; border-radius:3px; overflow:hidden;}
.board_write tr td .oem_box .appList_info_box {border-radius:3px; overflow:hidden;}

.board_write tr td .oem_box .appList_info_box .quetit {height:24px; background:#87b6d9; overflow:hidden;}
.board_write tr td .oem_box .appList_info_box .quetit strong {float:left; padding-left:4px; color:#fff; font-size:12px; line-height:24px;}
.board_write tr td .oem_box .appList_info_box .quetit a {display:inline-block; float:right; margin:7px 6px 0 0;}
.board_write tr td .oem_box .appList_info_box table {width:524px; border-collapse:collapse;}
.board_write tr td .oem_box .appList_info_box table tr th {height:22px; padding:0; border:1px solid #c9deee; line-height:18px; background:url('../../images/apms/bg_th.gif') repeat-x 0 0; text-align:center;}
.board_write tr td .oem_box .appList_info_box table tr td {height:24px; padding:0; border:1px solid #c9deee; }
.board_write tr td .oem_box .appList_info_box tr th .ico {display:inline-block; width:8px; height:16px; margin:1px 0 0 3px; font-size:0; line-height:0; vertical-align:middle;}
.board_write tr td .oem_box .appList_info_box tr th .ico img {margin-top:1px;}
.board_write tr td .oem_box .appList_info_box tr th input {width:50%; padding:0 5px; border:1px solid #a6c9e2; border-radius:4px; background:#fff; vertical-align:middle;}
.board_write tr td .oem_box .appList_info_box tr th a {display:inline-block; vertical-align:middle;}
.board_write tr td .oem_box .appList_info_box tr td {text-align:center;}
.board_write tr td .oem_box .appList_info_box tr td.f_left {padding-left:3px; text-align:left;}

/* login begin */
#login_wrap {height:1000px;}
#login_header {width:100%; overflow:hidden;}
#login_header .header_box {width:980px; margin:0 auto;}
#login_header .header_box > a {display:block; width:212px; margin:102px 0 20px 13px;}

#login_container {height:540px; background:url('../../images/apms/bg_login.jpg') no-repeat center 0;  overflow:hidden;}
#login_container .login_box {width:980px; margin:0 auto;}
#login_container .login_box .tit {margin:169px 0 0 15px;}
#login_container .login_box .form_box {margin:25px 0 0 15px; overflow:hidden;}
#login_container .login_box .form_box dt {float:left; width:252px; }
#login_container .login_box .form_box dd {float:left; padding-left:15px;}

#login_container .login_box .form_box dt > input.text {height:33px; padding:0 15px; border:1px solid #898a8b; color:#7c7c7d; font-size:12px; line-height:31px; box-sizing:border-box;}
#login_container .login_box .form_box dt > input + input {margin-top:10px;}
#login_container .login_box .form_box dd > a {display:block; width:74px; height:32px; padding-top:42px; border:1px solid #0a162a; background:url('../../images/apms/icon/ico_key.png') no-repeat center 15px #233b64; color:#e1ebf4; font-size:14px; line-height:22px; text-align:center;}
#login_container .login_box .form_box dd > a:hover {text-decoration:none;}

#login_footer .footer_box {width:980px;margin:-43px auto;}
#login_footer .footer_box p {margin:0 0 0 15px; color:#aeacac; font-size:12px;}
#login_footer .footer_box p a {color:#56ade6; font-size:12px;}


/* 0916 */
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt30 {margin-top:30px !important;}
.f_red {color:#db4a3f !important;}
.f_blue {color:#1181cb;}
.file {height:auto;}
.file_select {margin-left:40px;}
.bdt0 {border-top:none !important;}
.board_write_type {margin-top:5px; border-top:1px solid #a6a6a6 !important;}
.label_txt {margin-right:10px;}
.wid30 {display:inline-block; width:30px;}
.oem_vh_box {height:250px;}
.btn_right input[type="button"] {vertical-align:middle;}
.btn_right select {vertical-align:middle;}
.flow_box {margin-bottom:5px; overflow:hidden;}
.flow_left_box {float:left; width:74%; border:1px solid #dbdbdb; border-top:1px solid #1181cb; overflow-x:scroll;overflow-y:hidden;}
.flow_right_box {float:right; width:25%; border:1px solid #dbdbdb; border-top:1px solid #1181cb; overflow-x:scroll;overflow-y:hidden;}
.info_tb {width:100%; border-top:1px solid #1181cb; border-collapse:collapse;}
.info_tb tr th {height:20px; padding:0 12px; background:#f3f1f1; border:1px solid #dbdbdb; color:#555;}
.info_tb tr td {height:17px; padding:0 7px; border:1px solid #dbdbdb; color:#777;}
.info_tb tr td.colors1 {background:#e8f4fb;}
.info_tb tr.first td {background:#f8e8d9; color:#db4a3f;}

.vertop {vertical-align:top;}
.f_right {text-align:right !important;}
.f_center {text-align:center !important;}
.bap_box {margin-bottom:5px; border:1px solid #dbdbdb; border-top:1px solid #1181cb;  overflow-x:scroll;overflow-y:hidden;}
.tit_box.tit_type {width:100%; margin-bottom:0; border-bottom:none;}
.tit_box.tit_type .location a {color:#646464;}

.errorBox {padding:130px 0; text-align:center;}
.errorBox .error_img {}
.errorBox p {margin-top:30px; color:#555; font-size:12px; line-height:35px; font-family:'Calibri';}
.errorBox textarea {width:350px; height:200px; padding:10px; margin-top:30px;  border:1px solid #dbdbdb; color:#555; font-size:14px; line-height:20px; box-sizing:border-box; font-family:'Calibri';}

#logout_container {width:980px; padding:190px 0; margin:0 auto 70px; border:1px solid #c4c4c4; background:#f3f3f3; text-align:center; box-sizing:border-box;}
#logout_container p {color:#555; font-size:17px; font-weight:bold;}
#logout_container p.fontred {color:#ff0000;} /* add sjjeon*/
#logout_container .goLogin {display:inline-block; width:148px; height:34px; margin-top:30px; border:1px solid #0a162a; background:#233b64; color:#e1ebf4; font-size:14px; line-height:34px; text-align:center;}
#logout_container .goLogin:hover {text-decoration:none;}

.buttonStyle {display:inline-flex; height:22px; padding:0; margin:2px 0 0 0; background:url('../../images/apms/bg_button_start.gif') no-repeat 0 0; overflow:hidden; cursor:pointer;}
.buttonStyle button {display:inline-block; height:22px; padding:1px 0 0 0; margin:0; border:0 none;  background:url('../../images/apms/bg_button_end.gif') no-repeat right 0; color:#555; font-size:11px; font-family:'dotum'; vertical-align:top; cursor:pointer; box-sizing:border-box; text-align:center;}
.buttonStyle input[type="button"] {display:inline-block; height:22px; padding:1px 0 0 0; margin:0; border:0 none;  background:url('../../images/apms/bg_button_end.gif') no-repeat right 0; color:#555; font-size:11px; font-family:'dotum'; vertical-align:top; cursor:pointer; box-sizing:border-box; text-align:center;}
.buttonStyle a {display:inline-block; height:22px; padding:0; margin:0; border:0 none;  background:url('../../images/apms/bg_button_end.gif') no-repeat right 0; color:#555; font-size:11px; line-height:23px; font-family:'dotum'; vertical-align:top; cursor:pointer; box-sizing:border-box; text-align:center;}
.buttonStyle a:hover {text-decoration:none;}

.mgt-21 {margin-top:-21px !important;}

#sms_container {width:980px; height:450px; padding:100px 0; margin:0 auto 20px; border:1px solid #c4c4c4; background:#f3f3f3; text-align:center; box-sizing:border-box;}
#sms_container p {color:#555; font-size:17px; font-weight:bold;}
#sms_container p.fontred {color:#ff0000;} /* add sjjeon*/
#sms_container p.msg {margin:20px;}
#sms_container .goLogin {display:inline-block; width:148px; height:34px; margin-top:10px; border:1px solid #0a162a; background:#233b64; color:#e1ebf4; font-size:14px; line-height:34px; text-align:center; cursor:pointer;}
#sms_container .goLogin:hover {text-decoration:none;}



/* Style The Dropdown Button */
.dropbtn {
    font-family: "Arial";
    font-size: 12px;
    color: #444444;
    text-decoration: none;
    background-color: #dbdbdb;
    border: 1px solid #999999;
    padding-left: 3px;
    /*padding-top: 4px;*/
    padding-right: 5px;
    /*padding-bottom: 2px;*/
    text-align: left;
    line-height: 18px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;
    width: 97.6%;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; display: inline-block; width: 100%;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; height: 270px; overflow: auto;}

/* Links inside the dropdown */
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
/* .dropdown:hover .dropdown-content { display: block; } */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { background-color: #e8f4fb; }

/* The container <div> - needed to position the dropup content */
.dropup { position: relative; display: inline-block; width: 100%;}

/* Dropup Content (Hidden by Default) */
.dropup-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); bottom: 21px; z-index: 1; height: 150px; overflow: auto;}

/* Links inside the dropup */
.dropup-content a {color: black; padding: 12px 16px; text-decoration: none; display: block; }

/* Change color of dropup links on hover */
.dropup-content a:hover {background-color: #f1f1f1}

/* Show the dropup menu on hover */
/* .dropup:hover .dropup-content { display: block; } */

/* Change the background color of the dropup button when the dropup content is shown */
.dropup:hover .dropbtn { background-color: #e8f4fb; }
.show {display:block;}