@charset "utf-8";
/* WebStyle Publish Team Woo Seok, Shin 2014-06-16 */
/* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
/* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */
/* CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc */
/* Main CSS */

/******************************************************************************************
										 * Button *
********************************************************************************************/
/*----- Button Group -----*/
.btn_wrap {position:relative; *zoom:1; padding:20px 0; text-align:right;}
.btn_wrap.sml {padding:10px 0;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap.left {display:inline; float:left;}
.btn_wrap.right {display:inline; float:right;}

.btn_wrap .btn_left {display:inline; /*position:absolute; left:0px; top:0px;*/}
.btn_wrap .btn_right {display:inline; /*position:absolute; right:0px; top:0px;*/}

/*----- Button size -----*/
a.btn,
input.btn,
button.btn {display:inline-block !important; *display:inline; *zoom:1; position:relative; margin:0; padding:0; border:0; border-radius:3px; text-align:center; vertical-align:middle; cursor:pointer;}
	
a.btn {color:#fff; font-family:"Dotum", "돋음"; font-size:12px; text-align:center;}
a.btn:hover {text-decoration:none;}

a.btn.sml.gray {width:40px; height:22px; background-color:#bbc0c5; color:#fff; border:none !important; line-height:24px;}
a.btn.sml.blue {width:40px; height:25px; background-color:#2a71b9; color:#fff; border:none !important; line-height:25px;}
a.btn.mid {width:48px; height:20px; line-height:24px;}
a.btn.mid.red {width:57px; height:22px; background-color:#cc0000; color:#fff; line-height:24px;}
a.btn.mid.blue {width:48px; height:22px; background-color:#2a71b9; color:#fff; line-height:24px;}
a.btn.mid2.blue {width:56px; height:22px; background-color:#2a71b9; color:#fff; line-height:24px;}
a.btn.big.blue {width:87px; height:25px; background-color:#2a71b9; color:#fff; line-height:24px;}
a.btn.big.green {width:auto; height:25px; background-color:#43BC43; color:#fff; line-height:24px;padding:0 5px 0 5px;}
a.btn.mid.gray4.txt4 {width:57px; height:22px; background-color:#bbc0c5; color:#fff; line-height:24px;}
a.btn.big {width:63px; height:27px; line-height:30px !important; font-weight:bold;}
a.btn.big.txt4 {width:65px; height:22px; line-height:22px;}
a.btn.big_2 {height:29px; padding:0 23px; line-height:29px;}
a.btn.big_3 {width:86px; height:27px; line-height:30px !important; font-weight:bold;}
a.btn.blue {width:auto;background-color:#2a71b9; color:#fff; padding:0 5px 0 5px;}


a.btn.gray {border:1px solid #999999; background-color:#cccccc; color:#fff;}
a.btn.gray2 {background-color:#b4b9be;}
a.btn.white {border:1px solid #999999; background-color:#fff; color:#666666;}
a.btn.big.blue2 {width:auto; border:1px solid #5295cf; background-color:#fff; color:#5295cf; padding:0 15px 0 15px;}
a.btn.sml.txt4 {width:54px; height:20px; border:1px solid #999999; line-height:24px !important;}
a.btn.big.txt4 {width:65px; height:22px; border:1px solid #999999; line-height:24px !important;}
a.btn.big.red {border:1px solid #999; color:#fff; background-color:#cc0000; }
a.btn.big.red.txt4 {width:62px; height:22px; line-height:24px;}
a.btn.red2 {color:#fff; background-color:#FE4F45; width:68px; height:20px; line-height:20px;}

button.btn {position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:bigdle; cursor:pointer;}
button.btn.white {border:1px solid #999999; background-color:#fff; color:#666666;}
button.btn span {display:block;}
button.btn.sml span {height:23px; line-height:21px;}
button.btn.sml.white.txt2 {width:33px; height:23px; background-color:#fff;; color:#666; font-size:11px; line-height:23px;}
button.btn.sml.blue.txt2 {width:33px; height:23px; background-color:#2392e0; color:#fff; font-size:11px;}
button.btn.mid {width:48px; height:24px; line-height:18px;}
button.btn.mid span { height:24px; line-height:20px;}
button.btn.mid.white {background-color:#fff;; color:#666; font-size:11px;}
button.btn.big {width:63px; height:29px; font-weight:bold; line-height:23px;}
button.btn.big2 {width:53px; height:53px; line-height:53px;}
button.btn.big2 span {line-height:48px;}
button.btn.big span {height:29px; line-height:25px;}
button.btn.mid.txt3 {width:50px; height:22px; line-height:22px;}
button.btn.big.txt4 {width:65px; height:22px; line-height:22px;}
button.btn.big.red {background-color:#fff; color:#cc0000; font-weight:normal;}
button.btn.big.red.txt4 {width:62px; height:22px; line-height:22px;}

button.btn.gray {border:1px solid #999999; background-color:#cccccc; color:#fff;}
button.btn.gray2 {background-color:#b4b9be;}
button.btn.white {border:1px solid #999999; color:#666; background-color:#fff; }

.p_answer {width:40px; height:23px; margin:0 auto; color:#fff; line-height:25px; border-radius:3px; background-color:#bbc0c5;}

/******************************************************************************************
										 * Select *
********************************************************************************************/
select {min-width:60px; margin:2px 0; height:26px; padding:3px; border:1px solid #ccc; background-color:#fff; color:#666; 
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	
/******************************************************************************************
										 * Input *
********************************************************************************************/
input {display:inline-block; *display:inline; *zoom:1; margin:2px 0px; color:#666; font-family:Dotum; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=radio],input[type=checkbox] {border:none;}
input[type=text], input[type=password], input[type=tel] {
	height:26px; padding:0 5px; border:1px solid #ccc; line-height:22px; vertical-align:middle; background-color:#fff;
	
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
input:focus, textarea:focus, select:focus {border:1px solid #5483C7; box-shadow:inset 0 0 5px rgba(0,0,0,0.3), 0 0 5px rgba(54,168,223,0.5);}

/*----- input type=file -----*/
textarea {width:100%; padding:5px; height:100%; border:1px solid #ccc; border-radius:2px; vertical-align:middle;
	font-family:Dotum; font-size:12px; line-height:18px; color:#333;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

/*----- Board Pager -----*/
.boardNavi {position:relative; margin-top:20px; text-align:center;}
.boardNavi .btn_left {display:inline; position:absolute; left:0px; top:0px;}
.boardNavi .btn_right {display:inline; position:absolute; right:0px; top:0px;}
.boardNavi .btn_right a {margin-left:1px;}

.boardNavi .board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden; margin:0 auto; text-align:center;}
.boardNavi .board_pager li a {display:block;}
.boardNavi .board_pager a.btn_navi {float:left; width:29px !important; height:29px !important; margin-right:3px; border:none !important; border-radius:0px !important; text-indent:-9999px; background:url('/publish/Images/Common/btn_Pager.gif') left top no-repeat;}

.boardNavi .board_pager a.btn_navi.first {background-position:0 0;}
.boardNavi .board_pager a.btn_navi.prev {background-position:-29px 0;}
.boardNavi .board_pager a.btn_navi.next {background-position:-58px 0;}
.boardNavi .board_pager a.btn_navi.end {background-position:-87px 0;}
.boardNavi .board_pager a.btn_navi.first:hover, .boardNavi .board_pager a.btn_navi.first.on {background-position:0 -29px;}
.boardNavi .board_pager a.btn_navi.prev:hover, .boardNavi .board_pager a.btn_navi.prev.on {background-position:-29px -29px ;}
.boardNavi .board_pager a.btn_navi.next:hover, .boardNavi .board_pager a.btn_navi.next.on {background-position:-58px -29px;}
.boardNavi .board_pager a.btn_navi.end:hover, .boardNavi .board_pager a.btn_navi.end.on {background-position:-87px -29px;}

.boardNavi .board_pager ul.btn_pager {float:left;}
.boardNavi .board_pager ul.btn_pager li {float:left; margin-right:3px;}
.boardNavi .board_pager ul.btn_pager a {width:27px; height:27px; border:1px solid #e3e3e3; border-radius:3px; font-size:11px; line-height:29px; color:#454545; font-family:"Dotum", "돋음"; text-align:center;}
.boardNavi .board_pager ul.btn_pager a:hover,.boardNavi .board_pager ul.btn_pager a.on {color:#1479c7; border:1px solid #1479c7;}

.boardNavi .pager_Btn {position:absolute; right:0; top:0;}

/* meter booard */
.boardNavi_meter {position:relative; margin-top:6px; text-align:center;}
.boardNavi_meter .btn_left {display:inline; position:absolute; left:0px; top:0px;}
.boardNavi_meter .btn_right {display:inline; position:absolute; right:0px; top:0px;}
.boardNavi_meter .btn_right a {margin-left:1px;}

.boardNavi_meter .board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden; margin:0 auto; text-align:center;}
.boardNavi_meter .board_pager li a {display:block;}
.boardNavi_meter .board_pager a.btn_navi {float:left; width:16px; height:16px; margin-right:3px; text-indent:-9999px; background:url('/publish/Images/Common/btn_meterPager.gif') left top no-repeat;}

.boardNavi_meter .board_pager a.btn_navi.first {background-position:0 0;}
.boardNavi_meter .board_pager a.btn_navi.prev {background-position:-16px 0;}
.boardNavi_meter .board_pager a.btn_navi.next {background-position:-32px 0;}
.boardNavi_meter .board_pager a.btn_navi.end {background-position:-48px 0;}
.boardNavi_meter .board_pager a.btn_navi.first:hover, .boardNavi .board_pager a.btn_navi.first.on {background-position:0 -16px;}
.boardNavi_meter .board_pager a.btn_navi.prev:hover, .boardNavi .board_pager a.btn_navi.prev.on {background-position:-16px -16px ;}
.boardNavi_meter .board_pager a.btn_navi.next:hover, .boardNavi .board_pager a.btn_navi.next.on {background-position:-32px -16px;}
.boardNavi_meter .board_pager a.btn_navi.end:hover, .boardNavi .board_pager a.btn_navi.end.on {background-position:-48px -16px;}

.boardNavi_meter .board_pager ul.btn_pager {float:left;}
.boardNavi_meter .board_pager ul.btn_pager li {float:left; margin-right:1px;}
.boardNavi_meter .board_pager ul.btn_pager a {display:block; width:15px; height:15px; border:1px solid #cccccc; font-size:11px; line-height:18px; color:#999999; font-family:"Dotum", "돋음"; text-align:center;}
.boardNavi_meter .board_pager ul.btn_pager a:hover,.boardNavi_meter .board_pager ul.btn_pager a.on {color:#fff; background-color:#4c4e51;}

.boardNavi_meter .pager_Btn {position:absolute; right:0; top:0;}


/*----- Table Common Style -----*/
th {color:#333; font-family:"Dotum", "돋음"; font-weight:normal;; text-align:center;}
td {color:#666; font-family:"Dotum", "돋음"; font-weight:normal;; text-align:center;}
td a:hover {color:#333; text-decoration:underline; }
td.tit {padding-left:10px; text-align:left !important;}
td.tit a { overflow:hidden; max-width:80%; white-space:nowrap; text-overflow:ellipsis;}

/******************************************************************************************
										 * Board Type *
********************************************************************************************/

/* board_col_type */
.board_col_type1 {border-top:1px solid #3a7ab8;}
.board_col_type1 thead th {height:37px; font-size:12px; color:#333; text-align:center; background-color:#f5f5f5; border-bottom:solid 1px #d8d8d8;font-weight:bold; }
.board_col_type1 tbody td {height:37px; border-bottom:1px solid #ecebeb; font-size:12px; text-align:center; vertical-align:middle; }

.board_col_type11 {border-top:2px solid #3a7ab8;}
.board_col_type11 thead th {padding:8px 0 9px 0; font-size:12px; color:#656565; text-align:center; background-color:#f5f5f5; border:solid 1px #d8d8d8; font-weight:bold; }
.board_col_type11 tbody td {padding:8px 10px 9px 10px; border:1px solid #ecebeb; font-size:12px; text-align:center; vertical-align:middle; background:#FFF;}

.tbl_cal {border-top:1px solid #257377;}
.tbl_cal thead th {height:37px; border-right:1px solid #ecebeb; font-size:12px; color:#656565; text-align:center; background-color:#f5f5f5;}
.tbl_cal thead th.last,.tbl_cal tbody td.last {border-right:none;}
.tbl_cal tbody td {position:relative; height:71px; border-right:1px solid #ecebeb; border-bottom:1px solid #ecebeb; font-size:12px; text-align:center; vertical-align:middle; }
.tbl_cal tbody td.on,.tbl_cal tbody td:hover {background-color:#f9f4f4;}
.tbl_cal tbody td span.txt_daily {position:absolute; left:13px; top:8px; font-size:12px; color:#666; font-family:"Dotum", "돋음";}
.tbl_cal tbody td .ico_wordBalloon1 {position:absolute; left:30px; top:8px;}
.tbl_cal tbody td .ico_wordBalloon2 {position:absolute; left:50px; top:8px;}
.tbl_cal tbody td .ico_wordBalloon3 {position:absolute; left:70px; top:8px;}
.tbl_cal tbody td .ico_wordBalloon4 {position:absolute; left:10px; top:28px;}

.board_col_type2 {border-top:1px solid #257377;}
.board_col_type2 thead th {height:37px; font-size:12px; color:#656565; text-align:center; background-color:#f5f5f5; border-right:1px solid #cccccc;}
.board_col_type2 thead th.last {border-right:none;}
.board_col_type2 tbody td {position:relative; padding:9px 0 9px 12px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-size:12px; text-align:left; vertical-align:top; line-height:18px;}
.board_col_type2 tbody td .pos_f1 {position:absolute; left:88px; top:10px;}
.board_col_type2 tbody td .pos_f2 {position:absolute; left:80px; top:10px;}
.board_col_type2 tbody td.last {border-right:none;}
.board_col_type2 thead.tbl_height th {height:auto; padding:7px;}

.board_col_type3 {border-top:1px solid #1b68bc;}
.board_col_type3 thead th {height:37px; font-size:12px; color:#195492; text-align:center; background-color:#eff8ff; border-right:1px solid #ecebeb;}
.board_col_type3 thead th.last {border-right:none;}
.board_col_type3 tbody td {height:37px; padding-left:8px; border-bottom:1px solid #ecebeb; border-right:1px solid #ecebeb; font-size:12px; text-align:left; vertical-align:middle; line-height:37px;}
.board_col_type3 tbody td.last {border-right:none;}

.board_col_type4, .board_col_type4 thead, .board_col_type4 tbody, .board_col_type4 tr, .board_col_type4 th, .board_col_type4 td {display:block;}
.board_col_type4 tr, .board_col_type4 th, .board_col_type4 td {float:left;}

.board_col_type4 {overflow:hidden; width:100%; border-top:2px solid #4a4a4a; table-layout:auto !important;}
.board_col_type4 thead tr {.display:none; overflow:hidden; width:100%;}
.board_col_type4 thead th {height:25px; border-bottom:1px solid #a4a4a4; background-color:#f9f9f9; font-size:12px; color:#333; line-height:25px;font-weight:bold;}
.board_col_type4 tbody {float:left; width:100%; overflow-x:hidden; overflow-y:auto;}
.board_col_type4 tbody tr {width:280px; height:auto !important; border-bottom:1px solid #cccccc;}
.board_col_type4 tbody td {float:left; text-align:left; .border-bottom:1px solid #ccc; color:#333;}
.board_col_type4 tbody td.num {text-align:center; line-height:30px;}
.board_col_type4 tbody td.area dl {margin-top:3px;}
.board_col_type4 tbody td.area dl dt {margin-bottom:2px;}
.board_col_type4 tbody td.noData {width:100%; height:auto; padding:12px 0 8px 0; text-align:center;}
.board_col_type4 .num {width:20%;}
.board_col_type4 .area {width:80%; padding-right:17px;}
.board_col_type4 td.area dt {font-weight:bold;}

.board_col_type5 {border-top:2px solid #4a4a4a; table-layout:fixed;}
.board_col_type5 th {height:27px; white-space:nowrap; font-size:12px; color:#333; text-align:center; background-color:#f1f1f1; line-height:27px;border-bottom:1px solid #a4a4a4;}
.board_col_type5 td {height:27px; white-space:nowrap; border-bottom:1px solid #b1b1b1; color:#666; font-size:12px; text-align:center; vertical-align:middle; line-height:27px;}

/* board_row_type */
.board_row_type1 {border-top:1px solid #257377;}
.board_row_type1.addFile {border-top:1px solid #ecebeb;}
.board_row_type1 tbody th {height:37px; font-size:12px; color:#333; text-align:center; background-color:#f5f5f5; border-bottom:1px solid #ecebeb;}
.board_row_type1 tbody td {padding-left:10px; border-bottom:1px solid #ecebeb; color:#666; font-size:12px; text-align:left; vertical-align:middle;}
.board_row_type1 tbody th.tit {vertical-align:top; padding-top:10px;}

.board_row_type2 {border-top:1px solid #4a4a4a !important;}
.board_row_type2 td {padding:12px 0; border-bottom:1px solid #ecebeb;}
.board_row_type2 td.img_answer { vertical-align:top;}
.board_row_type2 tr.answer {display:none;}
.board_row_type2 tr.answer td {overflow:hidden; padding:19px 0 55px 0; background-color:#fcfeff; line-height:20px;}