@charset "utf-8";
/************************************************ 
Version : 하이로닉 1.0
Date : 2015-05-11110
*************************************************/   

/* boardSearch */
.boardSearch {overflow:hidden; min-height:27px; margin-bottom:50px; padding:30px; text-align:center; background:#f3f3f3}  
.boardSearch .search label {display:inline-block; margin:0 20px; color:#333;}
.boardSearch .search select {height:29px; margin-right:5px; padding:4px 5px;}
.boardSearch .search .inText {position:relative; left:0; display:inline-block;}
.boardSearch .search .inText input[type="text"] {width:170px;  border-right:0; height:16px; line-height:16px;}
.boardSearch .search .inText input[type="button"] {width:90px; padding:0; margin-left:-3px; height:29px; line-height:29px; background:#e11b22; color:#fff} 

.result {line-height:240%; margin-bottom:10px; font-size:13px;}
.result strong {color:#bd2f3c;}

/* boardList */
.boardList {margin-bottom:30px; border-top:1px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;}
.boardList table {width:100%;}
.boardList table thead th {line-height:130%; padding:12px 0 14px; border-bottom:1px solid #a0a0a0; color:#333; background:url('../../image/common/bg/bg_boardSec.gif') no-repeat 0 50%; vertical-align:middle;}
.boardList table thead th:first-child {background-image:none;}
.boardList table tbody td {line-height:160%; min-height:22px; height:16px; padding:10px 0; border-top:1px solid #d8d8d8; color:#4d4d4d; vertical-align:middle; text-align:center;}
.boardList table tbody td.subject {padding-left:20px; padding-right:5px; text-align:left;}
/*.boardList.ir table tbody td.subject { padding:17px 0; font-size:18px} */
.boardList.ir table tbody td span { display: block; text-align: left; padding: 5px 20px; }
.boardList.ir table tbody td span.subject { font-size: 18px; color: #222; font-weight: bold; }
.boardList.ir table tbody td span.irDate { font-size: 12px; color: #555; }
.boardList table tbody td.subject span {margin-left:5px; color:#3514af;}
.boardList .noDate {border-top:1px solid #d8d8d8;}
.boardList + .noDate {border-top:none;}
.boardList.movie { border: 0; }
.boardList.movie:after { content:''; clear:both; display:block; }
.boardList.movie ul li { width: 15.6%; margin: 0 0.5%; float: left; margin-bottom :1%;line-height:160%;text-align:center}
.boardList.movie ul li div { border: 1px solid #bbb; }
.boardList.movie ul li div a { display: block; }
.boardList.movie ul li div a img { width: 100%; }
.boardList.movie ul li div span { display:block; padding: 5px; }
.boardList.movie ul li div span a { font-size: 14px; }

/* boardView */
.boardView {overflow:hidden; margin-bottom:20px; border-top:1px solid #a0a0a0;}
.boardView > ul {overflow:hidden;}
.boardView > ul:first-child {border-bottom:1px solid #a0a0a0;}
.boardView > ul > li {float:left; border-top:1px solid #d8d8d8;}
.boardView > ul > li:first-child {border-top:none;}
.boardView > ul > li > strong {display:block; float:left; background:url('../image/common/bg_boardSec.png') no-repeat 100% 50%; color:#333; vertical-align:middle;}
.boardView > ul > li > strong > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px;}
.boardView > ul > li > span {display:block; float:right;}
.boardView > ul > li > span > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle;}
.boardView > ul > li.tit {width:100%;}
.boardView > ul > li.tit > strong {width:13%;}
.boardView > ul > li.tit > span {width:87%;}
.boardView ul.file {border-top:none; border-bottom:1px solid #d8d8d8;}
.boardView ul.file li {overflow:hidden; padding:15px 0;}
.boardView ul.file li > strong > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span em {display:block; margin-top:6px;}
.boardView ul.file li > span em:first-child {margin-top:0;}
.boardView ul.file li > span em a {text-decoration:underline;}
.boardView ul.reply {border-bottom:1px solid #585858 !important;}
.boardView ul.btn {border-bottom:1px solid #a0a0a0;}
.boardView .textArea {overflow:hidden; margin-bottom:0; padding-right:2px;}
.boardView .textArea .textarea {height:55px}
.boardView .cmt {line-height:170%; margin-top:5px; font-size:11px; color:#727272;}
.boardView .title {position:relative; overflow:hidden; min-height:20px; margin-top:-1px !important; padding:11px 0 11px 20px; background:#efeeee;}
.boardView .title span {display:inline-block; padding-left:12px; background:url('../../image/common/bul/bul_re.png') no-repeat 0 30%; font-weight:bold; color:#c53e49;}
.boardView .cont {line-height:170%; padding:20px 20px; border-bottom:1px solid #d8d8d8;} /* board_view Content */
.boardView .cont p {line-height:180%; margin-bottom:15px;}
.boardView .cont .img {margin-top:20px; text-align:center;}
.boardView .cont .img:first-child {margin-top:5px;}
.boardView .cont img {max-width:910px; width:100%; height:100%;} 

.boardView.child02 li.part {width:50%; background:#f0f0f0} /* child02 : 한 줄에 컨텐츠 2개 */
.boardView.child02 li.part > strong {width:21%;}
.boardView.child02 li.part > span {width:79%;}
.boardView.child02 li.date {width:50%; background:#f0f0f0}
.boardView.child02 li.date > strong {width:21%;}
.boardView.child02 li.date > span {width:79%;}

/* boardWrite */
.boardWrite {margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;} 
.boardWrite > ul {overflow:hidden; width:100%;}
.boardWrite > ul > li {overflow:hidden; width:100%; border-top:1px solid #d8d8d8;}
.boardWrite > ul > li:first-child {border-top:0;}
.boardWrite > ul > li > div {float:left; vertical-align:middle;}
.boardWrite li .tit {width:10.5%; line-height:150%; min-height:20px; padding:11px 0; background: url(../image/common/bg_boardSec.png) no-repeat 100% 50%;}
.boardWrite li .tit > span {display:inline-block; margin-left:20px; font-weight:bold;}
.boardWrite li .tit > label {color:#333;}
.boardWrite li .tit.wide {width:100% !important; background:#efeeee;}
.boardWrite li .cnt {width:89.5%; line-height:150%; min-height:30px; padding:4px 0;}
.boardWrite li .cnt .ibox, .boardWrite li .all .ibox {margin-right:20px; margin-left:20px;}
.boardWrite li .cnt .ibox button.btnSm, .boardWrite li .all .ibox button.btnSm {height:30px; font-size:12px;}
.boardWrite li .cnt .ibox input.btnSm, .boardWrite li .all .ibox input.btnSm {height:30px; font-size:12px;}
.boardWrite li .cnt .ibox a.btnSm, .boardWrite li .all .ibox a.btnSm {height:25px; line-height:25px; font-size:12px;}
.boardWrite li .cnt .ibox + .ibox {margin-top:5px;}
.boardWrite li .cnt .ibox > p {margin-top:6px;}
.boardWrite li .cnt .ibox input.btnSm + p.add {margin-top:0;}
.boardWrite li .cnt .ibox > .inCk + p.add {margin-top:6px;}
.boardWrite li .cnt .ibox > input + .add input:first-child {margin-top:5px;}
.boardWrite li .cnt .add input {margin-top:5px;}
.boardWrite li .cnt .add input:first-child {margin-top:0;}
.boardWrite li .cnt .cmt {display:block; font-size:11px; color:#727272; text-align:right;}
.boardWrite li .cnt input[type="file"] {width:76%;}
.boardWrite li .cnt input.w65[type="file"] {width:65%;}
.boardWrite li .cnt .txtCmt {margin-left:6px;} /* inline 설명글 */
.boardWrite li .cnt .txtCmtM {margin-left:6px;} /* inline 설명글 회원가입 예외사항 */
.boardWrite li .cnt p.txtCmt {margin:6px 0 0;} /* block 설명글 */

.boardWrite li.m02 .cnt {padding:10px 0 10px; min-height:20px;}/* 10.27 수정 : padding:10px 0 0; min-height추가*/
.boardWrite li.m02 .cnt .add {margin-bottom:5px;}
.boardWrite li.address > input[type="text"] {width:10%;}
.boardWrite li.address .ibox > input[type="text"] {text-align:center; text-indent:0 !important;}
.boardWrite li .all {width:100%; line-height:150%; min-height:30px; padding:4px 0;}
.boardWrite li .btnSm {padding-right:12px; padding-left:12px;} 

/* board_이전,다음글 */
.boardNext {overflow:hidden; margin-bottom:30px; border-top:1px solid #777; border-bottom:1px solid #777; background:#f0f0f0}
.boardNext.comment {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.boardNext ul {overflow:hidden;}
.boardNext li {float:left; width:100%; border-top:1px solid #d8d8d8;}
.boardNext li:first-child {border-top:none;}
.boardNext li > strong {display:block; float:left; width:12.5%; background:url('../image/common/bg_boardSec.png') no-repeat 100% 50%; color:#333;}
.boardNext li > strong > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 16px 11px 30px; vertical-align:middle;}
.boardNext li > span {display:block; float:right; width:87.5%;}
.boardNext li > span > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle;}
.boardNext li > span > span > em {display:inline-block;} 
.boardNext li > span > span > a > span {color:#3514af;margin-left:5px}
.boardNext li > span > span.cmt {display:block;}
.boardNext li > span > span.cmt .txt {float:left;}
.boardNext li > span > span.cmt .date {float:right;}
.boardNext li > span > span.cmt .date .btnWrt {margin-left:12px;}
.boardNext li.prev > strong > span {background:url('../image/bul/bul_prevTxt.png') no-repeat 15px 50%;}
.boardNext li.next > strong > span {background:url('../image/bul/bul_nextTxt.png') no-repeat 15px 50%;} 
 
table tr.on th,
table tr.on td {background:#f0efeb;}
table tr.on td.subject {font-weight:bold;} 
table tr .notice {display:inline-block; background:#d6464a; width:80%; height:20px; line-height:20px; color:#fff} /* 공지 */
.ie7 table tr .notice {display:block; margin-top:0;}
table tr img{vertical-align:middle; margin-left:0;}
textarea.textarea {width:98%; height:105px;}
textarea.textarea.type02 {height:148px;} 

/* 모바일용 */
table tr .num {width:12%;} /* 번호 */
table tr .file {width:7%;} /* 첨부 */
table tr .name {width:8%;} /* 작성자 : display:none */
table tr .nameOpen {width:8%;} /* 작성자 : display:block */
table tr .part {width:12%;} /* 분류 */
table tr .group {width:10%;} /* 구룹 */
table tr .state {width:7%;} /* 상태 */
table tr .process {width:10%;} /* 처리상태 */
table tr .date {width:12%;} /* 작성일 : display:none */
table tr .dateOpen {width:12%;} /* 작성일 : display:block */
table tr .dateWide {width:18%;} /* 작성일 : 시작일 & 종료일 */
table tr .spot {width:12%;} /* 지점 */
table tr .step {width:12%;} /* 단계 */
table tr .refer {width:8%;} /* 조회 */ 

.noDate {border-top:1px solid #d8d8d8; padding:30px 0; text-align:center;} /* 데이터 없을때_테이블 영역에 사용 */
.boardList + .noDate {border-top:none;} 

/* paging */
.pagingMb {display:none;} /* 모바일용 */
.paging {overflow:hidden; height:28px; margin-bottom:30px; text-align:center;}
.paging .num {display:inline-block; vertical-align:middle;} 
.paging .num a, .paging strong {display:inline-block; width:26px; height:26px; line-height:26px; margin:0 -1px; font-weight:bold; color:#4d4d4d; text-align:center;} 
.paging .num a:hover,.paging strong.on {background:#737373; color:#fff;} 
.paging .btn {display:inline-block; vertical-align:top;}
.paging .btn a {display:block; width:24px; height:24px;  text-indent:-9999px;} 
.paging .first { border:1px solid #d7d7d7; background:url('../image/btn/btn_first.png') no-repeat center 0;}
.paging .prev {margin-right:6px !important; border:1px solid #d7d7d7; background:url('../image/btn/btn_prev.png') no-repeat center 0;}
.paging .next {margin-left:6px !important; border:1px solid #d7d7d7; background:url('../image/btn/btn_next.png') no-repeat center 0;}
.paging .last {border:1px solid #d7d7d7; background:url('../image/btn/btn_last.png') no-repeat center 0;}
.ie9 .paging .num a, .ie9 .paging strong,
.ie10 .paging .num a, .ie10 .paging strong,
.ie11 .paging .num a, .ie11 .paging strong {line-height:26px;} 
.btnArea{overflow:hidden;}
.paging + .btnArea.type01{float:right; margin-top:-60px;}
.boardView + .btnArea.type02{text-align:right; padding-top:10px;margin-bottom:30px;}

.pg_wrap {clear:both;margin:0 0 10px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:26px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start, .pg_prev {border:1px solid #d7d7d7; }
.pg_end, .pg_next {border:1px solid #d7d7d7; }
.pg_current {display:inline-block;margin:0 4px 0 0;background:#737373;color:#fff;font-weight:normal}

@media only screen and (min-width:740px) and (max-width:1044px) {  
 .boardNext li > strong {width:12%;} 
.boardNext li > span { width:88%;}
}

@media only screen and (max-width:727px) {
	/* boardSearch */ 
	#wrap .boardSearch {padding:20px; margin-bottom:20px}
	#wrap .boardSearch .search select {width:100%; margin-right:0;}
	#wrap .boardSearch .search .inText {width:100%; margin-top:6px;}
	#wrap .boardSearch .search .inText input[type="text"] {width:77%;} 
    #wrap .boardSearch .search .inText input[type="button"] {width:22%;}

	/* boardList */
	#wrap .boardList {margin-bottom:30px;}
	#wrap .boardList table tbody td.subject {padding-left:5px; font-size:13px}
	#wrap .boardList + .btnArea.sub2 {margin-top:20px !important;}
	#wrap .tableScroll .boardList {margin-bottom:0;}
	#wrap .boardList.movie ul li { width: 32.3%; }
 
	/* boardView */
	#wrap .boardView > ul > li > strong > span {padding-left:10px;}
	#wrap .boardView > ul > li > span > span {padding-left:15px;}
	#wrap .boardView .cont {padding:25px 0;}

	#wrap .boardView > ul > li.tit > strong {width:24%;}
	#wrap .boardView > ul > li.tit > span {width:76%;}

	#wrap .boardView.child02 li.part {width:100%;} /* child02 : 한 줄에 컨텐츠 2개 */
	#wrap .boardView.child02 li.part > strong {width:24%;}
	#wrap .boardView.child02 li.part > span {width:76%;}
	#wrap .boardView.child02 li.date {width:100%;}
	#wrap .boardView.child02 li.date > strong {width:24%;}
	#wrap .boardView.child02 li.date > span {width:76%;}
		
	#wrap .boardView.wide li.tit > strong {width:33%; padding-right:1%;}
	#wrap .boardView.wide li.tit > span {width:66%;}
	#wrap .boardView.wide li.part {width:100%;}
	#wrap .boardView.wide li.part > strong {width:33%; padding-right:1%;}
	#wrap .boardView.wide li.part > span {width:66%;}
	#wrap .boardView.wide li.date {width:100%;}
	#wrap .boardView.wide li.date > strong {width:33%; padding-right:1%;}
	#wrap .boardView.wide li.date > span {width:66%;}

	#wrap .boardView .contPoll .top {padding:15px 10px 15px 10px; background:none;}
	#wrap .boardView .contPoll .top p.tit {min-height:50px; margin-bottom:2px; padding:5px 0 0 55px; background:url('../../image/common/icon/icon_poll_reply.png') no-repeat 0 0;}
	#wrap .boardView .contPoll .pollList li dl dd {margin-right:7px;}

	#wrap .pollView {padding:25px 0;}
	#wrap .pollView > ul {padding:0;} 
 
	/* boardWrite */
	#wrap .boardWrite li .tit {width:100%; background:none;}
	#wrap .boardWrite li .tit > span {margin-left:10px;}
	#wrap .boardWrite li .cnt {width:100%; border-top:1px solid #d8d8d8;}
	#wrap .boardWrite li .cnt .ibox, .boardWrite li .all .ibox {margin-right:10px; margin-left:10px;}
	#wrap .boardWrite li .cnt .txtCmt {display:block; margin:6px 0 !important;}	
	#wrap .boardWrite li .cnt .ibox.newsLetter p {float:none}
	#wrap .boardWrite li .cnt .ibox.newsLetter p + p {float:none;}
	#wrap .boardWrite li .cnt .ibox.newsLetter p + p input {margin-left:0}
	#wrap .boardWrite li.tel select {width:31%; min-width:90px;}
	#wrap .boardWrite li.tel input[type="text"],
	#wrap .boardWrite li.tel input[type="password"] {width:29%; margin-left:2%;}	
	#wrap .boardWrite li.email .mailCont {position:relative; z-index:50; display:block; overflow:hidden; width:100%;}
	#wrap .boardWrite li.email .mailCont input {position:relative; z-index:60;}
	#wrap .boardWrite li.email .mailCont input:nth-of-type(1) {float:left; width:46.5% !important;}
	#wrap .boardWrite li.email .mailCont input:nth-of-type(2) {float:right; width:46.5% !important;}
	#wrap .boardWrite li.email .string {position:absolute; z-index:50; display:block; width:100%;}
	#wrap .boardWrite li.email .string em {display:block; width:30px; margin:5px auto 0; text-align:center;}

	#wrap .boardWrite li.address .ibox > input[type="text"] {width:47%;}	
	#wrap .boardWrite li.address .ibox > input[type="text"]:nth-of-type(1) {float:left;}
	#wrap .boardWrite li.address .ibox > input[type="text"]:nth-of-type(2) {float:right; margin-left:10px;}
	#wrap .boardWrite li .btnSm {width:100%; margin-top:6px;}
	#wrap .boardWrite li a.btnSm {padding:0;}
	#wrap .boardWrite .inputW15 input, #wrap .boardWrite .inputW52 input {width:93% !important; margin-top:6px !important; margin-right:0;}
	#wrap .boardWrite .inputW15:first-child input, #wrap .boardWrite .inputW52:first-child input {margin-top:0 !important;}
	#wrap .boardWrite .inputW16 input {width:80% !important; margin-right:5px} 
	#wrap .boardWrite .inputW15 > span,.inputW52 > span {display:inline-block; width:6%; text-align:right}
	 
	#wrap .boardWrite li .cnt .ibox.newsLetter p {float:none}
	#wrap .boardWrite li .cnt .ibox.newsLetter p + p {float:none;}
	#wrap .boardWrite li .cnt .ibox.newsLetter p + p input {margin-left:0}
	#wrap .boardWrite li .cnt .txtCmtM {margin-left:0; display:block} /* inline 설명글 회원가입 예외사항 */

	#wrap .boardWrite input[type="text"], 
	#wrap .boardWrite input[type="password"] {width:100%;}
	#wrap .boardWrite select {width:100%; margin-top:6px;}
	#wrap .boardWrite li .fileAdd {height:25px; padding-bottom:5px} 

	/* boardNext */
	#wrap .boardNext {margin-bottom:20px;}
	#wrap .boardNext li > strong {width:22%;}
	#wrap .boardNext li > strong > span {padding-right:0;}
	#wrap .boardNext li > span {width:78%;}
	#wrap .boardNext li > span > span.cmt .date {float:left; margin:0 0 10px 6px;}
	#wrap .boardNext li.prev > strong > span,
	#wrap .boardNext li.next > strong > span {background:none;}

	/* common */
	#wrap table tr .num,
	#wrap table tr .name,	
	#wrap table tr .group,
	#wrap table tr .state,
	#wrap table tr .date,
	#wrap table tr .dateWide,
	#wrap table tr .spot,	
	#wrap table tr .step,
	#wrap table tr .refer {display:none;}
	#wrap table tr .process {width:18%;}
	#wrap table tr .nameOpen {width:18%;}
	#wrap table tr .dateOpen {width:23%;}
	#wrap table tr .part {width:100px; background-image:none;}
	#wrap table tr .subject {width:auto; background-image:none;}
	#wrap table tr th.part + th.subject {background-image:url('../../image/common/bg/bg_boardSec.gif');}
	#wrap table tr .file {width:14% !important;}

	#wrap .paging {display:none;} 
	.paging + .btnArea.type01{float:none; margin-top:-10px; margin-bottom:20px;}
	.paging + .btnArea.type01 .btnGray{padding:0; width:100%;}
	.boardView + .btnArea.type02{padding-top:0px; text-align:center; margin-bottom:20px;}
	.boardView + .btnArea.type02 .btnGray{padding:0; width:100%;}
	
	#wrap .boardWrite .inputCal {position:relative;}/* 날짜 달력버튼 */
	#wrap .boardWrite .inputCal .btnCalender {position:absolute; right:-2px; top:2px;}
	.ie9 #wrap .boardWrite .inputCal .btnCalender {position:absolute; right:-2px; top:0;}  
}


@media only screen and (max-width:400px) {

	#wrap .boardList.movie ul li { width: 49%; margin: 5px 0.5%; }
	
	/* List_boardType01 */
	#wrap .boardType01 .left {position:inherit; float:none; margin:0 auto;}
	#wrap .boardType01 .right {width:100%; margin:0;}
	#wrap .boardType01 .right > div {margin-left:0; padding:0 0 15px;}

	/* List_boardType02 */
	#wrap .boardType02 .movie {height:auto;}
	#wrap .boardType02 .movie .left {width:100%;}
	#wrap .boardType02 .movie .left > div {width:100%; height:auto; margin:0 auto 20px;}
	#wrap .boardType02 .movie .left > div img {width:100%;}
	#wrap .boardType02 .movie .left {position:inherit;}
	#wrap .boardType02 .movie .right > div {margin:0;}

	/* board_이미지 리스트 */
	#wrap .imgList li {float:none; margin:0 auto 26px;}
	#wrap .imgList li:first-child {margin:0 auto 26px;}

	#wrap .imgList02 li {float:none; margin:0 auto 26px;}

	/* View_boardTb */
	#wrap .boardTb li > p > .txt > span .icon {margin-right:10px;}
	
	/* View_boardView */
	#wrap .boardView.child02 > ul > li.tit > strong {width:28% !important;}
	#wrap .boardView.child02 > ul > li.tit > span {width:72% !important;}
	#wrap .boardView.child02 li.part > strong {width:28% !important;}
	#wrap .boardView.child02 li.part > span {width:72% !important;}
	#wrap .boardView.child02 li.date > strong {width:28% !important;}
	#wrap .boardView.child02 li.date > span {width:72% !important;}

	/* boardWrite */ 
	#wrap .boardWrite li .cnt .txtCmtM {margin-left:0; display:block} 
	#wrap .boardWrite li.email .string em {width:16px !important;}

	/* boardNext */
	#wrap .boardNext li > strong {width:22%;}
	#wrap .boardNext li > strong > span {padding-right:0; padding-left:10px;}
	#wrap .boardNext li > span {width:78%;}
	#wrap .boardNext li > span > span {padding-left:10px;}
	#wrap .boardNext li > span > span.cmt .date {display:block; width:100%; margin:5px 0 10px !important;}
	#wrap .boardNext li.prev > strong > span,
	#wrap .boardNext li.next > strong > span {background:none;}

	/* common */
	#wrap table tr .part {width:100px;} /* 분류 */
	#wrap table tr .state {width:60px;} /* 상태 */
}
 