@charset "utf-8";


/*** 게시판 페이징 ***/
.page_box .mobile select {}
.page_box .mobile select {
	height:40px !important; border:1px solid #dedede !important; min-width:50px;
	cursor:pointer; padding:8px 45px 8px 20px !important;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important;
	background-position:calc(100% - 5px) center !important;
	border:1px solid transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
.page_box .mobile select {background-size:20px !important;}


/*** 게시판 페이징-모바일용 ***/
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0; list-style:none;}
.page_box .mobile>li {float:left;}
.page_box .mobile>li:last-child {padding-right:0;}

.page_box .mobile .prev {display:block; min-width:50px; height:40px; background:var(--bg1) url(/img/common_responsive/prev.png) no-repeat center; border:1px solid #dedede; display:flex; justify-content:center; align-items:center; color:#000;}
.page_box .mobile .next {display:block; min-width:50px; height:40px; background:var(--bg1) url(/img/common_responsive/next.png) no-repeat center; border:1px solid #dedede; display:flex; justify-content:center; align-items:center; color:#000; margin-right:20px; margin-left:-1px;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}

/* 게시판 페이징 - pc용 */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pagination {list-style:none !important;}
.page_box .pc.pagination {display:inline-block;}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid var(--border); padding:10px; line-height:1; height:45px; display:flex; align-items:center; justify-content:center; /*width:20px; height:25px;*/}
.page_box .pc.pagination>li.num>a {width:45px; height:45px; display:flex; align-items:center; }
/* .page_box .pc.pagination>li.num+.num {margin-left:5px;} */
.page_box .pc.pagination>li.skip_btn>a {width:45px; text-align:center; background:var(--bg1);}
/* .page_box .pc.pagination>li.skip_btn+.skip_btn {margin-left:5px;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:var(--base1)!important; border:1px solid var(--base1);}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
.page_box .pc.pagination .prev {margin-right:30px;}
.page_box .pc.pagination .next {margin-left:30px;}
.page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:50px !important; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}
.page_box .pc li a.prev {margin-right:10px;}
.page_box .pc li a.next {margin-left:10px;}








/*** 게시판 검색바 ***/
.w100{width:100%;}
button {background-color: transparent;}
.board_ebi .search_box {position:relative;}
.board_ebi .search_box select,
.board_ebi .search_box input {font-size:14px; color:#999; height:40px; border:1px solid #e5e5e5 !important; margin-bottom:-1px !important; min-width:100px;}
.board_ebi .search_box select {height:42px;}
.board_ebi .search_box input {max-width: 97%;}
/*.board_ebi .search_box input {border-left:0 !important;}*/
/* .board_ebi .search_box div:last-child input {padding-right:60px !important;} */
.board_ebi .search_box .form-control {border-color:#e5e5e5 !important; height:40px;}
.board_ebi .btn-group.bootstrap-select.show-tick.form-control {border:none !important;}
.board_ebi .search_box .btn-default {border-color:#e5e5e5 !important; padding:6px 12px !important; height:40px; box-shadow:none; background:url(/img/common_responsive/select.png)right 50% no-repeat;}
.board_ebi .search_box .caret {border-top:0;}
.board_ebi .search_box div {padding:0;}
.board_ebi .search_box .kind {padding-right:0px; margin-right:-1px;}
.board_ebi .search_box .search {width:50px; height:40px; position:absolute; top:0; right:0; background-color:transparent; border:none !important; border-left:1px solid #e5e5e5 !important; z-index:9;}
.board_ebi .search_box .search a {display:block; width:100%; height:100%; background:url(/img/common_responsive/icon_search_fix.png) no-repeat 50% 50% transparent !important; background-size:40% !important;}
.board_ebi label {display:none;}


/*** 게시판 일반-쓰기 ***/
.board_ebi .write_normal_head * {display:inline-block;}
.board_ebi .write_normal_head i {width:40px; height:40px; background:url(/img/common_responsive/icon_msg.png) no-repeat 0 4px;}
.board_ebi .write_normal_head p {font-size:12px; color:#999; line-height:1.4; padding-bottom:10px;}
.board_ebi .write_normal {border-top:1px solid #333; padding-top:30px;}
.board_ebi .write_normal p {font-size:13px; color:#000; padding:1px 0 0 1px;}
/*display:inline-block; */
/* form */
form.type1 {margin:0; padding:0; font-weight:normal;}
form.type1 * {box-shadow:none; vertical-align:top;}
form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {
	display:inline-block; width:100%; height:40px; padding:8px; margin:0; vertical-align:middle; max-width:100%;
	font-size:inherit; line-height:1; outline:none !important;
	border-radius:0px; border:1px solid #ddd; background-color:#fff;
	float:inherit;
}
form.type1 input:focus, textarea:focus {
	border:1px solid #000;	background-color:#fff !important;
}
form.type1 select {
	cursor:pointer; padding:8px 25px 8px 8px;
	background-image:url(../images/common/select.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
form.type1 textarea {min-height:75px; line-height:1.6; width:100%; /*max-width:955px;*/}
form.type1 label,form.type1 p.tit {display:block; font-weight:normal; margin-bottom:3px;}
form.type1 .ck {padding-left:25px; color:#a01057; background:url(../images/common/icon_check.png) no-repeat 0 50%;}

form.type1 .wrap > * {padding:15px 20px;}
form.type1 .wrap>div:last-child {border:0;}
form.type1 .wrap .w100 {width:100%;}
form.type1 .wrap .marR5 > * {margin-right:5px;}
form.type1 .wrap .tip {margin-top:5px; font-size:13px; color:#666; line-height:1.4;}
form.type1 .btnwrap {padding-top:30px; text-align:center; border-top:1px solid #000;}
form.type1 .btnwrap a {display:inline-block; padding:15px 30px; margin:0 5px; line-height:1; font-size:16px; letter-spacing:-1px; color:#fff !important; border-radius:3px; background-color:#666;}
form.type1 .btnwrap a:hover {background-color:#222;}
form.type1 .telwrap > * {width:30%;}

form.type1 .control-label {text-align:right; padding-right:30px; padding-top:10px;}
form.type1 .radio-inline {margin:10px 10px 0 10px;}
form.type1 .radio-inline * {vertical-align:middle; margin:0; cursor:pointer;}
form.type1 .radio-inline input[type="radio"] {appearance:auto;}
form.type1 .radio-inline span {padding-left:5px;}
form.type1 .divinner {border-top:1px solid #eee; padding:5px; clear:both;}
form.type1 .divinner.bor0 {border-top:0;}

.type1 .redcode {padding-right:5px !important;}
.type1 .redcode div {width:100%; padding:3px 0 !important; text-align:center; background:#f9f9f9; border:1px solid #ccc; color:#d0d0d0;}
.type1 .redcode span {color:red; float:none; display:inline; padding:0;}
.type1 .redcode ~ div label {display:none}



/* 여백 */
.board_ebi .h5 {height:5px; padding:0; margin:0; clear:both;}
.board_ebi .h10 {height:10px; padding:0; margin:0; clear:both;}
.board_ebi .h20 {height:20px; padding:0; margin:0; clear:both;}
.board_ebi .h30 {height:30px; padding:0; margin:0; clear:both;}
.board_ebi .h40 {height:40px; padding:0; margin:0; clear:both;}
.board_ebi .h50 {height:50px; padding:0; margin:0; clear:both;}
.board_ebi .h60 {height:60px; padding:0; margin:0; clear:both;}
.board_ebi .h70 {height:70px; padding:0; margin:0; clear:both;}
.board_ebi .h80 {height:80px; padding:0; margin:0; clear:both;}
.board_ebi .h90 {height:90px; padding:0; margin:0; clear:both;}
.board_ebi .h100 {height:100px; padding:0; margin:0; clear:both;}


/* ******************** RESPONSE ******************** */
/* Common */
[class*="col-"] {float:left !important; position:relative; padding:0; margin:0; vertical-align:top; clear:none !important;}
.col-xs-12,.col-sm-12,.col-xs-md,.col-lg-12 {clear:both; float:none; width:100%;}

table col[class*=col-] {position:static; display:table-column; float:none !important;} /* table <col class="col-"> 먹히게 하는 css */

/* MOBILE : ~ 767*/
@media screen and (max-width:767px){
	.col-xs-1{width:8.33333333%;}
	.col-xs-2{width:16.66666667%;}
	.col-xs-3{width:25%;}
	.col-xs-4{width:33.33333333%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-6{width:50%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-9{width:75%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-12{width:100%;}
	.col-xs-hide {display:none;}
	.col-xs-show {display:block;}
	
	.col-xs-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
	
	.hidden-xs {display:none;}
}

/* Tablet : 768~991 */
@media screen and (min-width:768px){
	.col-sm-1{width:8.33333333%;}
	.col-sm-2{width:16.66666667%;}
	.col-sm-3{width:25%;}
	.col-sm-4{width:33.33333333%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-6{width:50%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-9{width:75%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-12{width:100%;}
	.col-sm-hide {display:none;}
	.col-sm-show {display:block;}
	
	.col-sm-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}

/* PC over : 992 ~  */
@media screen and (min-width:992px), print{
	.col-md-1{width:8.33333333%;}
	.col-md-2{width:16.66666667%;}
	.col-md-3{width:25%;}
	.col-md-4{width:33.33333333%;}
	.col-md-5{width:41.66666667%;}
	.col-md-6{width:50%;}
	.col-md-7{width:58.33333333%;}
	.col-md-8{width:66.66666667%;}
	.col-md-9{width:75%;}
	.col-md-10{width:83.33333333%;}
	.col-md-11{width:91.66666667%;}
	.col-md-12{width:100%;}
	.col-md-hide {display:none;}
	.col-md-show {display:block;}
	
	.col-md-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}
/* ******************** //RESPONSE ******************** */


/* ************************ 태블릿 (0~991) ************************ */
@media screen and (max-width: 991px) {
	.page_box {margin-top:40px;}
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.page_box {margin-top:30px;}
	
	/*** 온라인문의 ***/
	.board_ebi .write_normal p {font-size:12px; padding:0;}
	form.type1 .control-label {padding-right:0; padding-top:6px; text-align:left;}
	form.type1 .radio-inline {margin:5px 10px 0 10px;}
	input[type="file"] {width:100%;}
}