
.board_list{padding:30px 20px; background-color: #fff; border: 1px solid #ddd;}
.board_list .board_cont {min-height: 150px; width: 100%;}
.board_list .board_cont:after {content: ""; display: block; clear: both;}
.board_list .board_cont .img {float: left; width: 20%;}
.board_list .board_cont .img img {width: 100%;}

.board_list .board_cont a {display: block;}
.board_list .board_cont a:hover *{color: #fc3d64 !important;}

.board_list .board_cont .txtWrap {margin-left: 3%; width:77%; display: inline-block; color: #333; font-weight: 500; position: relative; float: left; height: 150px; overflow: hidden;}

.board_cont .title {font-size: 20px; line-height: 25px;}
.board_cont .txt {font-size: 14px; line-height: 22px; color: #666;}

.board_list .board_cont .txtWrap .txt {padding-top: 10px; padding-right:15px; display: block; height: 42px; overflow: hidden;}
.board_list .board_cont .txtWrap .name {font-size: 16px; font-weight: 500;}

.board_list .board_cont .date {position:absolute; bottom: 0; left: 0;}
.board_list .board_cont .hit {position:absolute; bottom: 0; right: 0;}

.board_list .line {width: 100%; height: 1px; display: block; background-color: #ccc; margin: 20px 0;}

.board_view {padding:30px 20px; background-color: #fff; border: 1px solid #ddd;}
.board_view p {margin: 0 !important;}

.board_view .info {background: #f0f0f0; padding: 20px 25px; border-bottom: 1px solid #333;}
.board_view .info .dep2{letter-spacing: 0; padding-right: 10px; display: inline-block; font-size: 15px; color: #555; font-weight: 400;}
.board_view .info .name{letter-spacing: -0.5px;}
/* .board_view .info .title {padding-top: 10px;} */

.board_reply .info p {padding-top: 15px;}

.board_view .board_txt {padding: 50px 25px; background: #fff; }
.board_view .board_txt p {font-size: 16px; line-height: 25px;}

.board_view .board_cont .title {padding-top: 10px;}
 
.board_view .board_foot {position: relative; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.board_view .board_foot:after {content: ""; display: block; clear: both;}

.board_view .board_foot .list_content {width: 50%; position: relative; height: 60px; line-height: 60px;}
.board_view .board_foot .list_content a {display: block; width: 100%; height: 100%; }

.board_view .board_foot .prevWrap {float: left;}
.board_view .board_foot .prevWrap a {border-right: 1px solid #ddd;}

.board_view .board_foot .nextWrap {float: right;}

.board_view .board_foot .list_content .prev,
.board_view .board_foot .list_content .next {text-align: center; background: #eee; width: 100px; font-size: 15px;} 
.board_view .board_foot .list_content .prev {float: left;}
.board_view .board_foot .list_content .next {float: right;}
.board_view .board_foot .list_content .tit{font-size: 14px; font-weight: 400; padding:0 20px}

.board_view .board_foot .list_content .tit {float: left;}
.board_view .board_foot .nextWrap .tit {text-align: right;}

#admin .board_view .info {background: #007b8a; border-bottom: 1px solid #0096a8; }
#admin .board_view .info .dep2{color:#ddd;}
#admin .board_view .info .bold,
#admin .board_view .info .title {color: #fff;}
#admin .board_reply .info .bold,
#admin .board_reply .info .title {color: #333;}
#admin .board_view .info .bullet img {margin-left: -35px; margin-top: -3px; margin-bottom: -7px;}

.board_reply {}
.board_reply table {border-top: 0 !important;}
.board_reply table td {text-align: left; padding-top: 20px; padding-bottom: 20px;}

.btn {margin-top: 50px; position: relative;}
.btn:after {content: ""; display: block; clear: both;}
.btn .list {float: left;}
.btn .btnWrite {float: right;}
.btn .btnCenter{text-align: center;}

.btn .list,
.btn .modify,
.btn .write,
.btn .write2,
.btn .del {display: inline-block; padding: 0 20px; min-width: 100px;  height:50px; line-height:50px; font-weight: 500; margin-left: 10px; text-align: center; cursor:  pointer;}

.btn .list a,
.btn .modify a,
.btn .write a,
.btn .write2 a,
.btn .del a {display: inline-block; width: 100%; height: 100%;}

.btn .list {margin-left: 0px !important}

.btn .list {background-color: #ccc;}
.btn .list:hover {background-color: #aaa;}
.btn .list a {color: #333; }
.btn .modify{background-color: #333; }
.btn .modify:hover {background-color: #111;}
.btn .modify a {color: #fff; }
.btn .write{background-color: #FC3D64;}
.btn .write:hover {background-color: #d8163e;}
.btn .write a {color:#fff; }
.btn .write2{background-color: #375592;}
.btn .write2:hover {background-color: #263c69;}
.btn .write2 a {color:#fff; }
.btn .del{background-color: red;}
.btn .del:hover {background-color: #d8163e;}
.btn .del a {color:#fff; }

.btnC .write {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
	vertical-align: middle;
	line-height: 60px;
	font-size: 18px;
	height: 100%;
	padding: 0;;
}


.board_list2{position: relative;}

.board_list2 td.waiting {color: #666;}
.board_list2 td.ok {color: #d40b0a;}

.board_list2 td.end .txt,
.board_list2 td.ing .txt {padding: 5px 0; min-width: 80px; display: inline-block; width:100%; margin-bottom:5px;}
.board_list2 td.end .txt:last-child,
.board_list2 td.ing .txt:last-child { margin-bottom:0;}
.board_list2 td.end .txt {background: #eee; color: #000;}
.board_list2 td.end .join,
.board_list2 td.end .movie {background: #FC3D64}
.board_list2 td.end .join a,
.board_list2 td.end .movie a {color: #fff;}


#admin .board_list2 td .charge {color: #007b8a;}
#admin .board_list2 td .payback {color: #d40b0a;}

.board_list2 td.waiting .ico,
.board_list2 td.ok .ico{display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-right:5px; vertical-align: middle;}

.board_list2 td.waiting .ico {background: url(/images/inc/icon_waiting.gif) center center no-repeat;}
.board_list2 td.waiting .ico {background: url(/images/inc/icon_waiting.gif) center center no-repeat;}
.board_list2 td.ok .ico{background: url(/images/inc/icon_ok.gif) center center no-repeat;}
.board_list2 td.notice .not{
	background: #007b8a;
    color: #fff;
    width: 100%;
    display: inline-block;
    line-height: 25px;}


#admin .board_list2 td.ok .ico{background: url(/images/inc/icon_ok_admin.gif) center center no-repeat;}


.board_list2 td .lock {display: inline-block; width: 12px; height: 16px; line-height: 16px; margin-right: 8px; vertical-align: middle; background: url(/images/inc/icon_lock.gif) center center no-repeat; float: left;}

.board_list2 tbody a{cursor: pointer;}

/* .board_list2 tbody tr:hover td{background-color: #fff4f6;} 
#admin .board_list2 tbody tr:hover td{background-color: #f0fcfd;}*/

#adm .contents .tabconWrap .text3 h3 {
    font-size: 18px;
    color: #375592;
    line-height: 25px;
    vertical-align: middle;}

.admSub .board_list3 td,
.admSub .board_list3 td a{font-size: 13px;  line-height:28px; color: #000;}
.admSub .board_list3 td.tit {font-weight: 700; color: #375592;}
.admSub .board_list3 td.notice .not{ background: #007b8a; color: #fff; width: 100%; display: inline-block; line-height: 25px;}
.admSub .board_list3 td.notice .ga{ background: #ff7f00;}
.admSub .board_list3 td.notice .gtm{ background: #005aff;}
.admSub .board_list3 td.notice .ist{ background: #a400cd;}
.admSub .board_list3 td.notice .key{ background: #00b4ff;}


.board_write:after {content: ""; display: block; clear: both;}

.board_write input[type='text'],
.board_write input[type='password'],
.board_write select,
.board_write textarea {width: 100%; text-align: left; font-size: 15px; /*line-height: 15px; */}

.board_write textarea {min-height: 100px;}
.board_write .privacy_check {margin-top: 15px; float: right; padding-bottom: 20px;}
.board_write .agreeWrap,
.board_write .checkWrap
 {display: inline-block; line-height: 15px; vertical-align: middle; color: #666;}

.board_write .agreeWrap {margin-right: 5px;
 }
.board_write .selected {width: 15px; height: 15px;}

.board_write p.add {text-align: left; margin-top: 8px; font-size: 14px; line-height: 22px; color: #999; font-weight: 400;}

.board_write .checkNone {
    float: none !important;
    padding-bottom: 0 !important;
}

.board_write .dropBox {
	width: 100%;
	border: 1px solid #DCE1E5;
	background: #fff;
	height: 100px;
}
.board_write:after{
	content: "";
	display: block;
	clear: both;
}
.board_write .left {
	width: 70%;
}
.board_write .right {
	width: 25%;
}

.board_write .celWrap {
	background: #fff;
	padding: 10px 20px 20px;
}
.board_write .celWrap dl:after {content: ""; display: block; clear: both;}
.board_write .celWrap dt {float: left;}
.board_write .celWrap dd {float: right;}

.board_write .celWrap th {font-size: 14px; text-align: left; padding:8px;}
.board_write .celWrap td {font-size: 13px; padding:8px; text-align: right;} 

.board_write .celWrap .priceAll {font-size: 20px; line-height: 18px; }
.board_write .celWrap .priceAll .price {color: #fc3d64;}

.board_write .celTotal {background: #fff; border: 5px solid #007b8a; padding: 30px;}
.board_write .celTotal ul:after {content: ""; display: block; clear: both;}
.board_write .celTotal li {float: left; width: 25%; margin-right: 2%;}
.board_write .celTotal li:last-child {width: 35%; margin-right: 0; float: right;}
.board_write .celTotal li.sale {
    background: url(/images/inc/icon_sale.gif) 0 50% no-repeat;
	padding-left: 3.5%;
}
.board_write .celTotal li.total {
    background: url(/images/inc/icon_total.gif) 0 50% no-repeat;
	padding-left: 5.5%;
}
.board_write .conTdep {
	width: 33%;
	float: left;
}

.board_txt img {width:70%;}

.board_select ul:after {content: ""; display: block; clear: both;}
.board_select ul {margin-left:-0.6%;}
.board_select li {float: left; width: calc(16.66% - 10px); text-align: center; line-height: 40px; height:40px; box-sizing: border-box; border: 1px solid #ccc; margin: 0 0 0 10px; margin-bottom: 10px; background: #fff;}
	
.board_select li a {display: inline-block; color: #999; font-weight: 500; width: 100%; height: 100%; }
.board_select li.on a,
.board_select li:hover a {background: #007b8a; color: #fff !important; font-weight: 700;}
.board_select li.on2 a,
.board_select li.point:hover a {background: #FC3D64; color: #fff !important; font-weight: 700;}
.board_select li.point a.point {color: #FC3D64; font-weight: 700;}

#adm .board_select li.on a,
#adm .board_select li:hover a {background: #375592; color: #fff !important; font-weight: 700;}
#adm .board_select li.on2 a,
#adm .board_select li.point:hover a {background: #FC3D64; color: #fff !important; font-weight: 700;}
#adm .board_select li.point a.point {color: #FC3D64; font-weight: 700;}

#hr .board_select li {font-size: 15px;}
#hr .board_select li.on {border: 1px solid #FC3D64;}
#hr .board_select li.on a,
#hr .board_select li:hover a {background: #FC3D64; color: #fff !important; font-weight: 700;}


.board_tab ul:after {content: ""; display: block; clear: both;}
.board_tab ul {margin-left:-0.6%;}
.board_tab li {float: left; width: 32.5%; text-align: center; line-height: 40px; box-sizing: border-box; border: 1px solid #ccc; margin: 0 0 0.8% 0.66%; background: #fff; display: inline-block; color: #999; font-weight: 500; cursor: pointer;}
.board_tab li.active,
.board_tab li:hover {background: #007b8a; color: #fff; font-weight: 700; border:1px solid #007b8a;}
.board_tab li.active a,
.board_tab li:hover a {color: #fff;}
.board_tab li a {display: inline-block; width: 100%; height: 100%;}


.calandar_ui {
	width: 40%;
}
.calandar_ui h4{
	font-size: 14px;
  }
.calandar_ui div.wrap > p{
	font-size: 14px;
	position: relative;
	float: left;
	line-height: 40px;
	height: 40px;
	vertical-align: middle; }

.calandar_ui p.input{width: 26%; position: relative;}
.calandar_ui p.input:after {
	content:"";
	display:block;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url(/images/inc/icon_calendar.gif) no-repeat;
}
.calandar_ui p.select {width: 22%;}
.calandar_ui p.center{width: 5%; text-align: center;}

.calandar_ui input,
.calandar_ui select{
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  padding-left: 5px;
	  width: 95%;
	} 
.calandar_ui button{
	float: right;
	display: block;  
	line-height: 40px;
	margin-top: 0px;
	background-color: #eee;  
	color: #333;
	border: 1px solid #666;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 4px;
  }

  #ui-datepicker-div{
	position: absolute;;
   top:-999px; 
   border: 0;
   font-size: 14px;
  }
  .calandar_ui .ui-datepicker-header{
	font-size: 13px;
  }
  .ui-datepicker-calendar{
	background-color: #fff;
	border: 1px solid #ddd;
	  font-size: 11px;
  }

textarea.privacy,
textarea.notice
 {font-size: 14px; line-height: 22px; background: #fdfdfd;}


 textarea.privacy {
	 min-height: 500px;
 }

.attach .dummy {position: relative;}
.attach .dummy:after {content: ""; display: block; clear: both;}

.attach .dummy .input_txt {float: left; width: 73%;}
.attach .dummy .btnWrap {float: right; position: relative;}

.attach .dummy .wrap_file {
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    border: 1px solid #DCE1E5;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    margin-left: 5px;
}

.attach .dummy .wrap_file .txt {
	position: absolute;
	left: 10px;
	top: 6px;
}

.attach .dummy .wrap_file .button {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 15px;
	height: 15px;
	z-index: 10;
}

.attach .dummy .wrap_file .enter {
	background-image: url(/images/inc/btn_enter.gif);
}

.attach .dummy .wrap_file .search {
	background-image: url(/images/inc/btn_search.gif);
}

.attach .dummy .wrap_file .del {
	background-image: url(/images/inc/btn_del.gif);
}


.attach .dummy .wrap_file .file {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.attach .dummy .wrap_file button {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.reply_comment:after {
	content: "";
	display: block;
	clear: both;
}

.reply_comment textarea {
	min-height: 100px;
	width: 90%;
	float: left;
}

.reply_comment button.btn {
	margin-top: 0;
	padding: 10px 0;
	line-height: 100px;
	width: 9%;
	float: right;
	text-align: center;
	border: 1px solid #d0d9da;
	background: #fcfeff;
	color: #007b8a;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: 700;
	cursor: pointer;
}

.payBtn {
	display: inline-block !important;
    vertical-align: middle;
    padding: 0 10px 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    font-size: 14px;
    margin-left: 4px;
}

/*paginate*/
/* .paginate{padding:15px 0;text-align:center}
.paginate a img{border:none;vertical-align:middle;_vertical-align:top}
.paginate a,.paginate strong{display:inline-block;position:relative;padding:5px 13px 3px 16px; background:url(http://static.naver.com/common/paginate/line_pg2.gif) no-repeat 0 50%;color:#333;font-family:Tahoma;font-size:15px ;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate a:hover{text-decoration:underline}
.paginate strong{color:#FC3D64 !important;font-weight:bold}
.paginate .frst{background:none}
.paginate a.pre,.paginate a.next{padding:0;background:none !important}
.paginate a.pre{margin:0 3px 0 -6px}
.paginate a.next{margin:0 3px 0 3px} */

.paginate{padding:15px 0;text-align:center}
.paginate a,
.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:3px;padding:5px 9px 7px;border:1px solid #e9e9e9; color:#000;font-family:Verdana;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none; background:#fff; }
.paginate strong{border:1px solid #ff2f63;color:#ff2f63 !important}
.paginate .pre{margin-right:9px;padding:7px 6px 5px 16px;background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important}
.paginate .next{margin-left:9px;padding:7px 16px 5px 6px;background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important}
.paginate a.pre{background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px #fff !important}
.paginate a.next{background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 74px 9px #fff !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e9e9e9;color:#ccc;font-family:'êµ´ë¦¼',Gulim;font-size:12px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
/* .paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important }*/

#admin .paginate strong {
	border: 1px solid #007b8a;
	color: #007b8a !important;
}
#adm .paginate strong {
	border: 1px solid #375592;
	color: #375592 !important;
}

#hr .paginate strong {
	border: 1px solid #ff2f63;
	color: #ff2f63 !important;
}

/*search*/
.search .area select {font-size: 14px;}
.search .area:after {content: ""; display: block; clear: both;}
.search .area p {text-align: center;}
.search .area .logDiv{width: 100%; margin: 0 auto;}
.search .area .loginForm {float:left;  margin-top: 50px;  width:40%}
.search .area .joinForm {float:right; margin-top: 50px; width:55%;}
.search .area .loginForm .loginWRap p.tit {font-size: 18px; font-weight: bold; text-align: left; padding-bottom: 15px;}
.search .area .joinForm .joinWRap p.tit {font-size: 18px; font-weight: bold; text-align: left; padding-bottom: 15px;}
.search .area .loginForm .loginWRap div.table {background:#fff;  display: block; padding:20px; border-top: 2px solid #ccc; border-bottom: 1px solid #ddd;}
.search .area .joinForm .joinWRap div.table {background:#fff; display: block; padding:20px; border-top: 2px solid #ccc; border-bottom: 1px solid #ddd;}
.search_table th {padding: 5px 10px 5px 0; font-weight: bold; font-size: 15px; color: #333;}
.search_table td {font-size:11px; color:#7b7b7b; padding: 5px 0 5px 10px;}
.search_table label {vertical-align: middle;} 
.search_table .form {border: 1px solid #e6e6e6; }
.search_table .formD {border: 1px solid #e6e6e6;}
.search_table .btn {font-size: 15px; font-weight: bold;}

/* input width */
.phoneWrap select,
.phoneWrap input[type='text'],
.phoneWrap input[type='button'] {width: 20%;}
.phoneWrap input[type='button'] {width: 30%;}

.nameWrap input[type='text'] {width: 60%;}
.nameWrap input[type='button'] {width: 38%;}

/* conts */
#admin .contents .box {
	border: 5px solid #ddd;
	padding: 25px 20px;
	background: #fff;
	width: auto;}

#admin .contents .boxBg {
	background: #edf6f7;
	color: #306e77;
}

#admin .contents .boxLight {
	border: 1px solid #ddd;
	padding: 25px 20px;
	background: #fff;
	width: auto;}

.wr_content .file {
	position: relative;
	width: 100%; 
	height: 50px;
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 50px;
	text-align: left;
	text-indent: 25px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	display: inline-block;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wr_content .file:before{
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	width: 16px;
	height: 20px;
	background: url(/images/inc/ico_file.gif) no-repeat;
}

.wr_content .file:last-child{
	margin-bottom: 0;
}
#admin .contents .stit  {
	color:#007b8a;
}

/* faq */
.faqlist .number {text-align: center;}
.faqlist tr.listQ:hover th,
.faqlist tr.listQ:hover td {font-weight: 700; cursor: pointer;}
.faqlist tr.listA th,
.faqlist tr.listA td {background: #fff9fa;}

.faqlist tr.listA .number,
.faqlist tr.listA .sbj  {color:#ff2f63; }