/* Reset */
html,body { width:100%; height:100% }
html { overflow-y:scroll }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0 }
body,h1,h2,h3,h4,input,button { font-family:'µ¸¿ò',dotum,Helvetica,sans-serif; font-size:12px;color:#535353; line-height:1.4; }
img,fieldset,iframe { border:0 none }
li { list-style:none }
input,select,button { vertical-align:middle }
img { vertical-align:top }
i,em,address { font-style:normal }
label,button { cursor:pointer }
button { margin:0;padding:0 }
a { color:#535353; text-decoration:none }
a:hover { color:#535353; text-decoration:none }
td, th { vertical-align:middle; }
/* //Reset */

/* Layout */
#wrap { min-width:980px; height:100%; }
#header #gnb { z-index:100; width:100%; height:49px; background:#FFF }
.container { display:table; width:100%; }
.content { display:table-cell; padding-left:5px; }
.option_view { min-width:820px; display:table; }
.grid_view { min-width:820px; display:table; margin-top:5px; }
.pop_wrap { border-top:3px solid #416ba9; }
/* //Layout */

/* Common */
.text_right { text-align:right; }
.text_center { text-align:center; }
.btns { display: inline-block; margin-bottom: 0; font-size: 12px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle;
		-ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; line-height:1;
		-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }
.btn_action { background-color:#337ab7; height:22px; padding:0px 5px; color:#ffffff; margin:5px 0; }
.btn_action:hover { background-color:#286090; }
.btn_option { font-size:11px !important; height:18px; padding:0 5px; background:#6cb58b; color:#ffffff; float:right; margin-left:2px; }
.btn_group { white-space:nowrap; display:inline-block }
.btn_group > img { vertical-align:middle !important; }
.btn_span > i { font-size:12px; position:relative; top: 4px; }
.btn_table_inner { height: 100%; background:#6cb58b; color:#ffffff; font-size:11px; padding:0 5px; }
.btn_grid { font-size:11px !important; height:18px; padding:0 5px; background:#b6b6b6; color:#ffffff; }
.btn_pop { width:45px; height:22px; background-color:#337ab7; color:#ffffff; }

.table_option { clear:both; font-size:11px; border-collapse:collapse; }
.table_option th { border:1px solid #c9cbcf; font-weight:normal !important; background:#efefef; padding:2px; }
.table_option td { border:1px solid #c9cbcf; padding:2px; }

.report_option { clear:both; font-size:12px; border-collapse:collapse; }
.report_option th { border:1px solid #c9cbcf; font-weight:normal !important; background:#efefef; padding-top:2px; }
.report_option td { border:1px solid #c9cbcf; padding:2px; }
.report_option select { font-size:12px; }

.tables { border-collapse:collapse; font-size:11px; }
.tables th { background:#eaf0f4; font-weight:normal; color:#687b98; vertical-align:middle; border:1px solid #b5c5d2; height:18px; padding-top:2px; padding-left:3px;}
.tables td { font-weight:normal; vertical-align:middle; border:1px solid #b5c5d2; padding:2px; height:18px; }

.home_board { border-collapse:collapse; }
.home_board th { background:#a2bed9; font-weight:bold; color:#ffffff; vertical-align:middle; border:1px solid #86a0b8; border-bottom:2px solid #86a0b8; height:18px; padding:2px; font-size:11px; }
.home_board.rt th { background:#b7b3e3; border:1px solid #9a95cb; border-bottom:2px solid #9a95cb; }
.home_board td { vertical-align:middle; border:1px solid #d2d2d2; padding:2px; height:18px; font-size:12px; background:#ffffff; }

.grids { border-collapse:collapse; }
.grids th { background:#ecf4fb; font-weight:normal; color:#426ba9; vertical-align:middle; border:1px solid #b4c9dc; height:18px; font-size:11px; padding-top:2px; padding-left:2px;}
.grids td { vertical-align:middle; border:1px solid #d2d2d2; padding:2px; height:18px; font-size:11px; }
.grids tr:hover { background:#e5ebf7; }
.grids select { font-size:12px; font-family:'µ¸¿ò',dotum,Helvetica,sans-serif; }

.total_row td, .total_row th  { background:#eeeeee; font-weight:bold; font-size:11px; padding-top:4px;}

.table_pop { border-collapse:collapse; }
.table_pop th { background:#ecf4fb; font-weight:bold; color:#426ba9; vertical-align:middle; border:1px solid #b4c9dc; height:18px; font-size:12px; padding-top:2px; padding-left:2px;}
.table_pop td { vertical-align:middle; border:1px solid #dadada; padding:2px; height:18px; font-size:12px; }

.inputs { padding: 0 5px; font-size: 12px; border: 1px solid #ccc;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.inputs:hover { border-color: #66afe9; outline: 0; }
.input_option { height:20px; font-size:11px; padding-top:2px;}
.input_table { height:20px; font-size:11px; padding-top:2px;}
.input_pop { height:20px; font-size:12px; }

.input_group { white-space:nowrap; }
.input_group .btn_span { display:inline-table; background:#cccccc; height:20px; width:20px; text-align:center; vertical-align:middle; }
.input_group .btn_span img { position:relative; top: 8px; }

.font_red { color:#F66; }
.font_small { font-size:11px }
.font_md { font-size:14px; }
.expain { font-size:11px; color:#aaaaaa; font-weight:normal; }

.option_form_wd { width:70px; }

.padding-left-5 { padding-left:5px; }
.padding-top-5 { padding-top:5px; }
.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.padding-3 { padding:3px; }
.padding-5 { padding:5px; }
/* //Common */

#gnb_main { text-align:left; }
#gnb_main #logo { float:left; background:#283968; height:45px; width:275px; text-align:center; }
#gnb_main #logo table { width:100%; height:100%; }
#gnb_main #logo table table td { font-size:11px; color:#FFF; }
#gnb_main #logo table table td a { color:#FFF; }
#gnb_main #menu { float:left; background:#FFF; }
#gnb_main #menu li { float:left; width:82px; height:20px; padding-top:25px; font-weight:bold; text-align:center; color:#FFF; font-size:13px; letter-spacing:-2px; margin-right:4px; cursor:pointer; }
#gnb_main #menu .PS001 { background-color:#416ba9; background:url(../images/menu1.gif) no-repeat 0 0; margin-left:4px; }
#gnb_main #menu .PS002 { background-color:#416ba9; background:url(../images/menu2.gif) no-repeat 0 0; }
#gnb_main #menu .PS003 { background-color:#416ba9; background:url(../images/menu3.gif) no-repeat 0 0; }
#gnb_main #menu .PS004 { background-color:#416ba9; background:url(../images/menu4.gif) no-repeat 0 0; }
#gnb_main #menu .PS005 { background-color:#416ba9; background:url(../images/menu5.gif) no-repeat 0 0; }
#gnb_main #menu .PS006 { background-color:#416ba9; background:url(../images/menu6.gif) no-repeat 0 0; }
#gnb_main #menu .PS007 { background-color:#416ba9; background:url(../images/menu7.gif) no-repeat 0 0; }
#gnb_main #menu .PS008 { background-color:#416ba9; background:url(../images/menu8.gif) no-repeat 0 0; }
#gnb_main #menu .PS001_on { background-color:#459fd2; background:url(../images/menu1_on.gif) no-repeat 0 0; margin-left:4px }
#gnb_main #menu .PS002_on { background-color:#459fd2; background:url(../images/menu2_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS003_on { background-color:#459fd2; background:url(../images/menu3_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS004_on { background-color:#459fd2; background:url(../images/menu4_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS005_on { background-color:#459fd2; background:url(../images/menu5_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS006_on { background-color:#459fd2; background:url(../images/menu6_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS007_on { background-color:#459fd2; background:url(../images/menu7_on.gif) no-repeat 0 0; }
#gnb_main #menu .PS008_on { background-color:#459fd2; background:url(../images/menu8_on.gif) no-repeat 0 0; }
#gnb_main #blank { background:#416BA9; height:45px; }

#submenu { }
#submenu .blind { display:none }
#submenu li { height:24px; text-align:left; color:#FFF; font-size:12px; vertical-align:top }
#submenu p { margin:0px; padding:0px; height:5px }
#submenu .submenu { float:left; position:fixed; z-index:0; text-align:left }
#submenu .submenu_text { padding:15px 15px 2px 15px; background-color:#283968; }
#submenu a { color:#FFF; text-decoration:none }
#submenu a:hover { color:#FFF; text-decoration:underline }

.topmenu_logo { background:#283968; text-align:center; width:165px; }
.topmenu { background:#416ba9; color:#ffffff; font-weight:bold; font-size:12px; white-space:nowrap; width:110px; cursor:pointer }
.topmenu:hover { background:#459fd2; }
.topmenu img { vertical-align:middle; margin:0 0 1px 5px; }
.blank { background:#416BA9; }

.input_left_smr { border:1px solid #717f92; margin:1px 0; height:20px; font-size:12px; text-align:right; }
.voc { width:163px; font-size:14px; ; color:#ffffff; background:#76c2af; border:1px solid #65ab9a; text-align:center; padding:7px 0; font-weight:bold; letter-spacing:-1px; cursor:pointer; margin-top:2px; }
.voc td { color:#ffffff; text-align:center; font-weight:bold; }
.voc img { vertical-align:middle; }

.tab_wrap { background:#e2e2e2; height:26px; padding:3px 0 0 5px; color:#3b3b3b; }
.tab_wrap img { margin:0px 7px 0px 5px; cursor:pointer }
.tab_wrap .tab_on { float:left; height:17px; background:#fff; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #fff; margin-right:3px; padding:7px 0px 0px 10px }
.tab_wrap .tab { float:left; height:17px; background:#f9f9f9; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; margin-right:3px; padding:7px 0px 0px 10px }

.menu_title { float:left; font-size:14px; font-weight:bold; color:#406ca9; padding:8px 0px 0px 0px; letter-spacing:-1px }
.menu_title img { margin-right:4px; }

.page_btns { float:right; text-align:right; }

.option_area { clear:both; border:1px solid #6a8ec0; background:#fff; font-size:12px; margin-bottom:5px; display:table; width:100%; }
.option_block { display:inline-block; float:left; margin:5px; }
.option_title { display:table; width:100%; }
.option_title p { float:left; font-weight:bold; padding-top:4px; padding-right:3px; }
.option_btns { float:right; }
.table_option select { font-family:'µ¸¿ò',dotum,Helvetica,sans-serif; font-size:11px; height:20px; }
.tables select { font-family:'µ¸¿ò',dotum,Helvetica,sans-serif; font-size:11px; height:18px; }

.pop_title { padding:5px; font-size:14px; font-weight:bold; color:#406ca9; }
.pop_forms { padding:5px; white-space:nowrap }
.pop_grid { padding:0 5px 5px 5px; }

.board_area { /*border:1px solid #6a8ec0;*/ }
.board_block { background:#eff3f8; padding:8px 7px 7px 7px; height:100%; border:1px solid #cbd6e8; border-radius:5px; }
.board_block.sec { background:#f3eff8; border:1px solid #d9cbe8; }
.board_title { font-weight:bold; padding-left:3px; font-size:12px; float:left; }
.board_more { font-size:11px; float:right; padding-right:5px; color:#5a80b7; }
.board_more a { color:#5a80b7; }

.table_title { margin:13px 0 0 0; font-weight:bold; }
.info_textarea { padding: 5px; font-size: 12px; border: 1px solid #ccc; }