@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : UI_Style.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-06
 	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 
--------------------------------------------------------------------------------------------------------------------------------------------*/

/* select */  
select {
	min-width:70px;
	min-width:60px\9;
	height:40px;
	padding:7px 25px 7px 5px; 
	padding-right:5px\9; 
	border:1px solid #ddd;	
	font-size:13px;
	color:#666; 
	appearance:none;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;		
	background:url('/Images/Common/ico_select_arrow.gif') right center no-repeat;
	background:none\9;
}
:root select {padding:7px 5px 7px 5px \0/IE9;}

select::-ms-expand {display:none;}

/* Layer방식 Select */
.selectBox {position:relative; min-width:60px; height:34px;}
.selectBox a {display:block;}
.selectBox .selectVal {	
	padding:7px 25px 7px 7px;  
	border:1px solid #ddd;	
	font-size:13px;
	line-height:20px;
	color:#666; 	
	background:url('/Images/Common/ico_select_arrow.gif') right center no-repeat;	
}
.selectBox .selectVal a {height:20px; vertical-align:middle;}
.selectBox .selectVal a:focus {color:#fff; background-color:#3399FF;}
.selectBox .selectMenu {
	display:none; 
	position:absolute; 
	left:0;
	z-index:100;
	width:100%;
	padding:7px 0px;  
	border:1px solid #ddd;
	background-color:#fff;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box;						
}
.selectBox.up .selectMenu {bottom:33px;}
.selectBox.down .selectMenu {top:33px;}
.selectBox.on .selectMenu {display:inline-block; *display:inline; *zoom:1;}
.selectBox .selectMenu li a {padding:7px 25px 7px 7px;}
.selectBox .selectMenu li:hover {background-color:#3399FF;}
.selectBox .selectMenu li:hover a {color:#fff;}
		
/* input */
input {	
	border:0px;	
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box;	
}

input[type=radio], input[type=checkbox] {border:none;}

input[type=text], input[type=password] {
	height:34px;
	padding:7px; 
	border:1px solid #ddd;
	color:#666;
	font-size:13px; 
	background-color:#ffffff;
	appearance:none;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;		
}

.inputFile_wrap {display:inline-block; *display:inline; *zoom:1; position:relative; width: 80%;}
.inputFile_wrap .inputFile {
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:-1;
	width:80px; 
	height:34px;
	opacity:0; 
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;	
}

/* Button file */
button {overflow:visible; cursor:pointer; border:0px; outline:none; padding:0px;}
button::-moz-focus-inner {border:0px; padding:0px;}
button>span {position:relative;}

/* textarea */
textarea {border:1px solid #dddddd; padding:7px; font-family:"NanumGothic"; color:#666; resize:none;}

.textarea_wrap {display:inline-block; *display:inline; *zoom:1; position:relative;}

/*----- Button -----*/
.btn_wrap {*zoom:1; position:relative; text-align:center;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap .btn_left {float:left;}
.btn_wrap .btn_right {float:right;}

.btn {
	position:relative; 
	display:inline-block; *display:inline; *zoom:1;  
	cursor:pointer;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.btn.sml {height:25px; padding:0 10px; font-size:12px; line-height:23px;}
.btn.mid {height:34px; padding:0 16px; font-size:13px; line-height:32px;}
.btn.rnbtn {width:99px;height:78px; padding:0 16px; font-size:20px; line-height:78px;}

.btn.blue {color:#fff; border:1px solid #002c52; background-color:#005bac;}	
.btn.red {color:#fff; border:1px solid #4a0017; background-color:#dc0045;}
.btn.black {color:#fff; border:1px solid #111111; background-color:#333333;}
.btn.gray {color:#333; border:1px solid #b6b6b6; background-color:#e5e5e5;}

/* Icon */
.ico {display:inline-block; *display:inline; *zoom:1;}

/* Table Element */

/* Table Col Type1 */
.table_col_type1 {border-top:2px solid #111; border-bottom:1px solid #b6b6b6;}
.table_col_type1 tr th {height:45px; padding:10px 0px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center;}
.table_col_type1 tr td {height:45px; padding:10px 19px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left;}
.table_col_type1 tr th {font-size:14px; color:#111;}
.table_col_type1 tr th:first-child {border-left:0px;}
.table_col_type1 tr td {font-size:13px; color:#666;}
.table_col_type1 tr td:first-child {border-left:0px;}
.table_col_type1 tr:last-child th,
.table_col_type1 tr:last-child td {border-bottom:0px;}

.table_col_type2 {border-top:2px solid #111; border-bottom:1px solid #b6b6b6;}
.table_col_type2 tr th {height:45px; padding:10px 0px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; background-color:#f4f4f4;}
.table_col_type2 tr td {height:45px; padding:10px 19px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; line-height:20px; text-align:center;}
.table_col_type2 tr th {font-size:14px; color:#111;}
.table_col_type2 tr th:first-child {border-left:0px;}
.table_col_type2 tr td {font-size:13px; color:#666;}
.table_col_type2 tr td:first-child {border-left:0px;}

/* Table Row Type1 */
.table_row_type1 {border-top:2px solid #111; border-bottom:1px solid #b6b6b6;}
.table_row_type1 tr th,
.table_row_type1 tr td {height:45px; padding:10px 0px; text-align:left;}
.table_row_type1 tr th {font-size:14px; color:#111;}
.table_row_type1 tr td {font-size:13px; color:#666;}

/* Search Box */
.board_search_box {margin-bottom:20px; padding-top:14px; background:url('/Images/Common/bg_board_search_wrap.gif') left top no-repeat;}
.board_search_cont {padding:0 20px 16px; background:url('/Images/Common/bg_board_search_cont.gif') left bottom no-repeat;}
.board_search_cont ul {float:left;padding:0 0 0 10px;font-size:14px;}
.board_search_cont ul li {float:left;margin:6px 22px 6px 0;}
.board_search_cont ul li label {font-size:14px;}
.board_search_cont .ovSt {overflow:hidden;}
.board_search_cont .ovSt .clr {clear:left;}
.board_search_cont .rbtn {float:right;padding:7px 0 0 0;}
.board_search_wrap {margin-bottom:10px; text-align:right;} 

/* Board Search */
.board_search {table-layout:fixed;}
.board_search th {padding-right:5px; font-size:14px; color:#333333; text-align:right;}
.board_search td {padding:6px 0 6px 5px; text-align:left; font-size:14px; color:#333333;}
.board_search td .startDate {margin-right:10px;}
.board_search td .endDate {margin-left:10px;}

/* Board List */
.board_list {table-layout:fixed; border-bottom:1px solid #b6b6b6;}
.board_list tr th {height:40px; border-left:1px solid #e6e6e6; text-align:center; font-size:14px; color:#fff; background-color:#ee1d71;}
.board_list tr th:first-child {border-left:0px;}
.board_list tr td {padding:10px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; font-size:13px; line-height:23px; color:#666; text-align:center;}
.board_list tr td:first-child {border-left:0px;}
.board_list tr td.noData {height:250px; text-align:center;}
.board_list tr td.noData .txt_noData {padding-top:50px; font-family:"nanumsquareb"; font-size:21px; color:#111; }
.board_list tr td.tit {text-align:left;}
.board_list tr td.tit a {display:inline-block; *display:inline; *zoom:1; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list tr td.tit a:hover {color:#333;}
.board_list tr td a {font-size:13px; color:#666;}
.board_list tr td a.close {color:#666;}
.board_list tr td a.open {color:#005bac; text-decoration:underline;}

/* Board Pager */
.board_pager_wrap {overflow:hidden; width:auto; margin-top:20px; text-align:center;}
.board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.board_pager .boardNav {display:inline-block; *display:inline; *zoom:1; float:left;}
.board_pager .boardNav li {float:left; margin:0 2px;}
.board_pager .boardNav a {display:block; width:34px; height:34px; border:1px solid #e6e6e6; text-indent:-9999px;}
.board_pager .boardNav a.btn_first {background:url('/Images/Common/ico_pager_first.gif') center center no-repeat;}
.board_pager .boardNav a.btn_last {background:url('/Images/Common/ico_pager_last.gif') center center no-repeat;}
.board_pager .boardNav a.btn_prev {background:url('/Images/Common/ico_pager_prev.gif') center center no-repeat;}
.board_pager .boardNav a.btn_next {background:url('/Images/Common/ico_pager_next.gif') center center no-repeat;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 16px;}
.board_pager .boardPage li {float:left; margin:0 2px;}
.board_pager .boardPage li a {
	display:block; 
	overflow:hidden;
	min-width:24px;
	height:34px; 
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#333;
	padding:0 5px; 
	line-height:34px; 
	text-align:center;
	box-sizing:content-box; 
	-moz-box-sizing:content-box; 
	-webkit-box-sizing:content-box; 
	-o-box-sizing:content-box;	
}
.board_pager .boardPage li:hover a,
.board_pager .boardPage li.on a {border:1px solid #005bac; color:#005bac;}

/* Board View */
.board_view_wrap {margin-bottom:20px;}
.board_view {border-top:2px solid #111; border-bottom:1px solid #b6b6b6;table-layout:fixed;} 
.board_view tr th,
.board_view tr td {padding:5px 19px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; line-height:34px; text-align:left;}
.board_view tr th {font-size:14px; color:#111;}
.board_view tr th:first-child {border-left:0px;}
.board_view tr td {font-size:13px; color:#666;}
.board_view tr td:first-child {border-left:0px;}
.board_view tr:last-child th,
.board_view tr:last-child td {border-bottom:0px;}
.board_view tr td.cont {padding:30px 19px; line-height:20px;}
/*.board_view tr td.cont .photo {margin-bottom:20px;overflow:hidden;}*/
.board_view tr td.cont .photo {margin-bottom:0px;overflow:hidden;}
.board_view tr td.cont .photo img {width:100%; height:auto;}
.board_view tr td .tit {float:left;}
.board_view tr td .date {float:right;}

.lnmid {line-height:16px !important;}

/* Board Write */
.board_write {border-top:2px solid #111; border-bottom:1px solid #b6b6b6;}
.board_write tr th,
.board_write tr td {height:36px; padding:7px 19px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left; box-sizing:content-box;}
.board_write tr th {font-size:14px; color:#111;}
.board_write tr th:first-child {border-left:0px;}
.board_write tr td {font-size:13px; color:#666;}
.board_write tr td:first-child {border-left:0px;}
.board_write tr:last-child th,
.board_write tr:last-child td {border-bottom:0px;}

/* Captcha */
.captcha_wrap {overflow:hidden; margin-bottom:20px;}
.captcha_wrap .captchaImg {float:left; width:200px; height:50px; margin-right:20px;}
.captcha_wrap .txt_guide {float:left; font-size:14px; line-height:24px; text-align:left;}

/* Box Model */
.box_board_password {padding:30px; border:1px solid #dddddd; background-color:#f8f8f8;}
.box_board_password .pwdInit {margin-bottom:10px; text-align:center;}
.box_board_password .pwdInit .tit {margin-right:20px; font-family:"NanumGothic"; font-size:14px; color:#111;}
.box_board_password .txt_guide {margin-bottom:20px; text-align:center;}

.box_search {padding:30px; border:1px solid #ddd; font-family:"NanumGothic"; text-align:center;}

.box_error {margin-bottom:20px;}
.box_error .errorMsg {overflow:hidden; width:700px; height:247px;}
.box_error .errorMsg .caption {text-indent:-9999px;}


/* UL, OL List Type */
.galleryList {display:block; overflow:hidden; padding-top:30px; border-top:2px solid #111111; border-bottom:1px solid #b6b6b6;}
.galleryList li {float:left; margin:0 15px 30px 0px;}
.galleryList li.last {margin-right:0px;}
.galleryList li .item {overflow:hidden; width:160px; height:190px;}
.galleryList li .item .img a {display:block; height:158px; border:1px solid #cdcdcd;}
.galleryList li .item .caption {margin-top:15px; text-align:center;}
.galleryList li .item .caption a {display:inline-block; *display:inline; *zoom:1; overflow:hidden; max-width:100%; text-overflow:ellipsis; font-family:"NanumGothic"; font-size:13px; color:#666; white-space:nowrap;}
.galleryList li .item .caption a:hover {color:#333;}

.ul_guide li {letter-spacing:0px; margin-bottom:18px; padding-left:13px; font-family:"NanumSquareR"; font-size:15px; line-height:24px; color:#111; background:url('/Images/Common/bu_ul_guide.gif') left 10px no-repeat;}
.ul_guide2 li {padding-left:13px; font-family:"NanumSquareR"; font-size:15px; line-height:26px; color:#666; background:url('/Images/Common/bu_ul_guide.gif') left 10px no-repeat;}
.ol_guide li {font-family:"NanumSquareR"; font-size:15px; line-height:26px; color:#666;}

.ul_fileList li {margin-bottom:5px;}


/* Icon */
span.ico_attachImg {display:inline-block; *display:inline; *zoom:1; width:20px; height:15px; margin-left:10px; vertical-align:middle; background:url('/Images/Common/ico_attachImage.gif') left top no-repeat;}

/* Loading */
.loading {display:block; position:fixed; top:0; left:0; z-index:9999; overflow:hidden; width:100%; height:100%;}
.loading .loading_overlay {position:fixed; z-index:1; width:100%; height:100%; opacity:0.5; background-color:#000;}
.loading .loadingImg {position:absolute; left:0px; top:0px; z-index:10; width:100%; height:100%; background:url('/Images/Common/loading.gif') center center no-repeat;}


.qnawrap {font-family:"NanumSquareR"; font-size:15px; line-height:26px;}
.qnawrap dl {} 
.qnawrap dl dt {height:55px;padding:0 20px;border-bottom:1px solid #b6b6b6;cursor:pointer;color:#111111;font-size:14px;line-height:55px;}
.qnawrap dl dt strong {color:#fff;font-family:"NanumGothic"; font-size:20px;}
.qnawrap dl dd {display:none;padding:20px 10px 20px 39px;border-bottom:1px solid #b6b6b6;position:relative;background:#f7f7f7;}
.qnawrap dl dd span {position:absolute;top:18px;left:18px;font-weight:bold;color:#222;font-family:"NanumGothic"; font-size:20px;}

.bt_list {overflow:hidden;}
.bt_list li:first-child {margin-left:0;}
.bt_list li {float:left;margin:0 0 0 25px;}