@charset "utf-8";

/* Placeholder */
::-webkit-input-placeholder { color: #aaaaaa !important; font-weight: normal; font-size: 15px; }
:-moz-placeholder { color: #aaaaaa !important; opacity: 1; font-weight: normal; font-size: 15px; }
::-moz-placeholder { color: #aaaaaa !important; opacity: 1; font-weight: normal; font-size: 15px; }
:-ms-input-placeholder { color: #aaaaaa !important; font-weight: normal; font-size: 15px; }


.boardTop {position: relative; margin-bottom: 20px;}
.boardTop:after {content:''; display: block; clear:both;}
.boardTop .hiddenH3 {float:left; margin-right: 20px; font-size: 28px; line-height: 28px; color:#343333; }
.boardTop .cateList {float:left; padding-top: 7px;}
.boardTop .cateList ul {overflow:hidden}
.boardTop .cateList ul li {position: relative; line-height: 15px; float:left; padding-right: 17px; margin-right: 14px;}
.boardTop .cateList ul li:after {content:''; position: absolute; right:0; top:0; width: 1px; height: 13px; background: #a0a0a1;}
.boardTop .cateList ul li a {display: inline-block;font-size: 15px; line-height: 15px; color:#999999;}
.boardTop .cateList ul li.active a {font-weight: bold;color:#333333;}
.boardTop .cateList ul li:last-child:after {display: none;}
.boardTop .rightSel {position: absolute; right:0; top:0;}

.tbType01 {width: 100%; margin-bottom: 40px;}
.tbType01 th {background: #f2f2f2; font-size: 15px; line-height: 15px; color:#333333; text-align: center; font-weight: 600; padding:18px 0; border-bottom:1px solid #d7d7d7;}
.tbType01 td {background: #fff; font-size: 15px; color:#333333; text-align: center;  padding:16px 0; border-bottom:1px solid #d7d7d7;}
.tbType01 td.left {text-align: left;  padding-left: 10px; padding-right: 10px;}
.tbType01 td.left a {color:#333333;}
.tbType01 .btnCancel {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .repl {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .noData {padding:100px 0;}
.tbType01 .hiddenCont {display: none;}

.shareWrap {float: right;  width: 40%; z-index: 10;height: 40px;}
.shareWrap:after {content:""; display: block; clear: both;}
.shareWrap a {float: right; margin-left: 10px;}
.shareWrap a:first-child {margin-left: 0;}
.shareWrap .sp_sns {width: 33px; height: 33px; display: inline-block; text-indent: -999em;}
.shareWrap .sp_sns.share {background: url(/_assets/images/common/sp_sns.png?v=01) no-repeat; background-size: 33px auto;}
.shareWrap .sp_sns.shareFb {background: url(/_assets/images/common/sp_sns_fb.png?v=01) no-repeat; background-size: 33px auto;margin-right: 10px;}
.shareWrap .sp_sns.shareTw {background: url(/_assets/images/common/sp_sns_tw.png?v=01) no-repeat; background-size: 33px auto;}
.shareWrap .sp_sns.shareUrl {background: url(/_assets/images/common/sp_sns_url.png?v=01) no-repeat; background-size: 33px auto;}
.shareWrap a:hover .sp_sns {background-position: 0 -33px;}
.shareWrap a:hover .sp_sns.share {background-position: 0 0;}


.btnType01 {display: inline-block; font-size: 15px; color:#fff !important; background:#222222; border-radius:20px; width: 128px; height: 35px; line-height: 35px; text-align: center; }
.btnType01 span {position: relative;}
.btnType01:hover span {text-decoration: underline;}

.detailWrap .titles {padding: 40px 0; position: relative; color: #222; border-top: 0; border-bottom: 1px solid #666666;}
.detailWrap .titles h3 {margin-bottom: 15px; font-size: 24px; font-weight: 600; line-height: 24px;}
.detailWrap .titles .who {font-size: 18px;}
.detailWrap .titles .who:after {content:""; display: block; clear: both;}
.detailWrap .titles .who li {float: left; position: relative; margin-left: 11px; padding-left: 11px; line-height: 15px;}
.detailWrap .titles .who li:first-child {padding-left: 0; margin-left: 0;}
.detailWrap .titles .who li:after {content:""; position: absolute; left: 0; top: 0; width: 1px; height: 14px; background: #222;}
.detailWrap .titles .who li:first-child:after {display: none;}

.btnRight {float: left; width: 50%;}


@media all and (max-width:1140px) {
	/* Placeholder */
	::-webkit-input-placeholder { font-size: 10px; }
	:-moz-placeholder { font-size: 10px;}
	::-moz-placeholder { font-size: 10px; }
	:-ms-input-placeholder { font-size: 10px; }
	
	.typ01 {font-size: 12px; }
	.typ01 a{font-size: 12px;}
	
	.hiddenMob {display: none;}
	.tbType01  {margin-bottom: 20px;}
	.tbType01 .hiddenMob {display: none;}
	.tbType01 th {font-size: 12px; padding:10px 0;}
	.tbType01 td {font-size: 12px; padding:10px 0;}
	.tbType01 .btnCancel {font-size: 11px; width: 60px; height:23px; line-height:23px; border-radius:10px;}
	.tbType01 .repl {width: 60px; font-size: 11px;}
	.tbType01 .noData {padding:50px 0;}
	
	
	.tbl01 table .colSize01 {width: 82px;}
	.tbl01 table th {padding-top: 18px; font-size: 12px; line-height: 13px;}
	.tbl01 table td {padding:7px 0; font-size: 12px;}
	.tbl01 table td input {text-indent: 8px; width:220px; height: 35px; font-size: 12px;}
	.tbl01 table td #userId {width: 170px;}
	.tbl01 table td .btnSame {width:65px; font-size: 12px; height:25px; line-height: 25px; margin-left:0;}
	.tbl01 table .lastTd .tdSel.no1 {width: 130px;}
	.tbl01 table .lastTd .tdSel.no2 {width:20px; height: 35px; line-height: 35px;}
	.tbl01 table .lastTd .tdSel.no3 {width:80px;}
	.tbl01 table .lastTd .tdSel.no4 {display: block; margin-top:5px; margin-left: 0;}
	.tbl01 table .lastTd .tdSel.no4 .selectBox {}
	.tbl01 .lastInfo { font-size: 12px; padding-left:0; text-indent: 0;}
	.tbl01 .lastInfo br {display: none;}
	.tbl01 .lastInfo.nowrap {white-space:normal;}
	.tbl01 .onlyTexT {height: auto; padding:15px 0}
	.tbl01 .radioUse {padding-bottom: 0;}
	.tbl01 table td textarea {font-size: 13px;}
	
	.showList .title h3 {min-height: auto;}
	.shareWrap {width: 100%;height: 40px !important;margin-top: 10px;}
	.shareWrap .sp_sns {width: 40px; height: 40px;}
	.shareWrap .sp_sns .share {width: 40px !important; height: 40px !important;}
	.contentPop .popIn .closePop {background: url('/_assets/images/common/btnPopClose2.png') no-repeat; background-size: 20px;}
	.shareWrap .sp_sns .shareFb {background: url('/_assets/images/common/sp_sns_fb2.png') no-repeat; background-size: 40px;}
	.shareWrap .sp_sns .shareTw {background: url('/_assets/images/common/sp_sns_tw2.png') no-repeat; background-size: 40px;}
	.shareWrap .sp_sns .shareUrl {background: url('/_assets/images/common/sp_sns_url2.png') no-repeat; background-size: 40px;}
	.shareWrap a:hover .sp_sns {background-position: 0 0;}
	
	.btnRight {width: 100%;}
	
}

@media all and (max-width:768px) {
	
		
	/* Placeholder */
	::-webkit-input-placeholder { font-size: 10px; }
	:-moz-placeholder { font-size: 10px;}
	::-moz-placeholder { font-size: 10px; }
	:-ms-input-placeholder { font-size: 10px; }
	
	.typ01 {font-size: 12px; }
	.typ01 a{font-size: 12px;}
	
	.hiddenMob {display: none;}
	.tbType01  {margin-bottom: 20px;}
	.tbType01 .hiddenMob {display: none;}
	.tbType01 th {font-size: 12px; padding:10px 0;}
	.tbType01 td {font-size: 12px; padding:10px 0;}
	.tbType01 .btnCancel {font-size: 11px; width: 60px; height:23px; line-height:23px; border-radius:10px;}
	.tbType01 .repl {width: 60px; font-size: 11px;}
	.tbType01 .noData {padding:50px 0;}
	
	
	.tbl01 table .colSize01 {width: 82px;}
	.tbl01 table th {padding-top: 18px; font-size: 12px; line-height: 13px;}
	.tbl01 table td {padding:7px 0; font-size: 12px;}
	.tbl01 table td input {text-indent: 8px; width:220px; height: 35px; font-size: 12px;}
	.tbl01 table td #userId {width: 170px;}
	.tbl01 table td .btnSame {width:65px; font-size: 12px; height:25px; line-height: 25px; margin-left:0;}
	.tbl01 table .lastTd .tdSel.no1 {width: 130px;}
	.tbl01 table .lastTd .tdSel.no2 {width:20px; height: 35px; line-height: 35px;}
	.tbl01 table .lastTd .tdSel.no3 {width:80px;}
	.tbl01 table .lastTd .tdSel.no4 {display: block; margin-top:5px; margin-left: 0;}
	.tbl01 table .lastTd .tdSel.no4 .selectBox {}
	.tbl01 .lastInfo { font-size: 12px; padding-left:0; text-indent: 0;}
	.tbl01 .lastInfo br {display: none;}
	.tbl01 .lastInfo.nowrap {white-space:normal;}
	.tbl01 .onlyTexT {height: auto; padding:15px 0}
	.tbl01 .radioUse {padding-bottom: 0;}
	.tbl01 table td textarea {font-size: 13px;}
	
	.showList .title h3 {min-height: auto;}
	.shareWrap {width: 100%;height: 40px !important;margin-top: 10px;}
	.shareWrap .sp_sns {width: 40px; height: 40px;}
	.shareWrap .sp_sns .share {width: 40px !important; height: 40px !important;}
	.contentPop .popIn .closePop {background: url('/_assets/images/common/btnPopClose2.png') no-repeat; background-size: 20px;}
	.shareWrap .sp_sns .shareFb {background: url('/_assets/images/common/sp_sns_fb2.png') no-repeat; background-size: 40px;}
	.shareWrap .sp_sns .shareTw {background: url('/_assets/images/common/sp_sns_tw2.png') no-repeat; background-size: 40px;}
	.shareWrap .sp_sns .shareUrl {background: url('/_assets/images/common/sp_sns_url2.png') no-repeat; background-size: 40px;}
	.shareWrap a:hover .sp_sns {background-position: 0 0;}
	
	.btnRight {width: 100%;}
	
}