@charset "utf-8";
/* SIR 지운아빠 */


/* 사용자 정의 */
#container_title { position:absolute; left:-9999px; top:-9999px; }



/* 갤러리 목록 */
#bo_gall h2 { position:absolute; left:-9999px; top:-9999px; }
#gall_ul { list-style:none; margin:0; padding:0; overflow:hidden; }
#gall_ul:after { display:block; content:''; clear:both; }
/* #gall_ul > li { position:relative; float:left; width:25%; height:0; padding-top:18.75%; overflow:hidden; } */
#gall_ul > li { position:relative; float:left; width:23.881%;margin-left: 1.492%;margin-bottom: 50px;}
#gall_ul > li:nth-child(4n+1) {margin-left: 0;clear: both;}
#gall_ul > li .gall_href {padding-bottom: 100%;position: relative;box-sizing:border-box;border: 1px solid #ddd;}
#gall_ul > li .gall_href img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: auto;height: auto;max-width: 100%;max-height: 100%;}
#gall_ul > li .gall_text_href {text-align: left;padding: 20px;border-bottom: 1px solid #ddd;transition:.3s;}
#gall_ul > li .gall_text_href .tit {font-size: 1.25em;line-height: 1.5;font-weight: 500;color: #333;transition:.3s;}
#gall_ul > li .gall_text_href .time {font-size: 1.125em;line-height: 1.5;}
#gall_ul > li:hover .gall_text_href {border-color: #f68b1e;}
#gall_ul > li:hover .gall_text_href .tit {color: #f68b1e;}
/* 마감 */
#gall_ul > li .gall_href .end {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1;text-align: center;}
#gall_ul > li .gall_href .end span {display: block;position: absolute;top: 50%;left: 0;width: 100%;transform:translateY(-50%);font-size: 1.5em;font-weight: 500;color: #fff;}


/* 글쓰기 */
/* 글쓰기 */
.respon_w { display:block; max-width: 960px; margin: 0 auto;overflow:hidden; }
.respon_w .privacy_area { display:block; margin-bottom:30px; overflow:hidden; }
.respon_w .privacy_area > h2 { margin-bottom:10px; }
.respon_w .privacy_area > .privacy_box { width:100%; height:100px; margin-bottom:10px; padding:10px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box; resize:none; outline:0; }
.respon_w .privacy_area > .agreen_box { display:block; text-align:right; }
.respon_w .privacy_area > .agreen_box > label, .privacy_area > .agreen_box input { vertical-align:middle; }
.respon_w .privacy_area > .agreen_box > input { margin-left:20px; }

.respon_w .res_w { display:block; margin-bottom:20px; overflow:hidden; }
.respon_w .res_w .ment { display:block; margin-bottom:10px; text-align:right; }
.respon_w .res_w table { display:table; width:100%; table-layout: fixed;border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; border-bottom:1px solid red; }
.respon_w .res_w tr { display:table-row; }
.respon_w .res_w th { display:table-cell; padding:10px 10px; color:#333; box-sizing:border-box; font-weight:500; text-align:center; vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; border-left:0; border-right: 0;}
.respon_w .res_w td { display:table-cell; padding:10px 10px; color:#333; text-align: left; vertical-align:middle; background:#fff; border:1px solid #ddd; border-right:0;border-left: 0; }

.respon_w .layout_tel { display:block; list-style:none; margin:0; padding:0; overflow:hidden; box-sizing:border-box; }
.respon_w .layout_tel:after { display:block; content:""; clear:both; }
.respon_w .layout_tel li { position:relative; display:block; float:left; width:70px; box-sizing:border-box; }
.respon_w .layout_tel li.li {text-align: center;width: 20px;line-height: 32px;}
.respon_w .layout_tel li select {width: 100%;}
.respon_w .layout_tel li input {width: 100%;}

.respon_w .layout_email { display:block; list-style:none; margin:0; padding:0; overflow:hidden; box-sizing:border-box; }
.respon_w .layout_email li { position:relative; display:block; float:left; width:120px; box-sizing:border-box; }
.respon_w .layout_email li.li {text-align: center;width: 20px;line-height: 32px;}
.respon_w .layout_email li select {width: 100%;padding: 0 5px;}
.respon_w .layout_email li input {width: 100%;}
.respon_w .layout_email li:last-child {margin-left: 1%;}

.add_wrap {position: relative;}
.add_btn {position: absolute;top: 50%;transform:translateY(-50%);right: 3px;margin-top: 1px;}
.add_btn:after {display: block;clear: both;content: '';}
.add_btn a {float: left;border: 1px solid #ddd;width: 16px;line-height: 1;padding: 2px;text-align: center;border-radius:3px;margin-left: 3px;}

.respon_w input[type=number],
.respon_w input[type=text] { width:100%; height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; outline:0; box-sizing:border-box; vertical-align: top; }
.respon_w input[type=password] { width:100%; height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; outline:0; box-sizing:border-box; }
.respon_w input[type=radio] + label {margin-right: 10px;cursor:pointer;}
.respon_w select { width:120px; height:30px; line-height:30px; border:1px solid #ddd; outline:0; box-sizing:border-box; }
.respon_w select.sel_time {width: 50px;}
.respon_w textarea { width:100%; min-height:60px; padding:5px; font-size: 0.9em;background:#fff; border:1px solid #ddd; resize:none; outline:0; box-sizing:border-box; }
.respon_w input[type=number].input_num,
.respon_w input[type=text].input_num {width: 50px;}

.check_wrap:after {display: block;clear: both;content: '';}
.check_wrap span {display: block;float: left;width: 25%;}

.pay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 100;}
.pay .inner {position: absolute;top: 50%;left: 50%;width: 600px;height: 700px;transform:translate(-50%,-50%);background-color: #fff;}
.pay .inner .close {position: absolute;top: 0;right: 0;width: 30px;line-height: 30px;background-color: #222;color: #fff;}

/* 글읽기 */
.bo_v .arti01 {margin-bottom: 70px;}
.bo_v .arti01:after {display: block;clear: both;content: '';}
.bo_v .arti01 .img {float: left;width: 45.899%;}
.bo_v .arti01 .img img {width: auto;max-width: 100%;}
.bo_v .arti01 .txt {float: right;width: 45.899%;text-align: left;}
.bo_v .arti01 .txt h3 {font-size: 1.875em;font-weight: 500;color: #333;line-height: 1.5;margin-bottom: 20px;}
.bo_v .arti01 .txt h3 span {display: inline-block;margin-left: 20px;font-size: 0.6em;font-weight: 400;color: #666;}
.bo_v .arti01 .txt ul {border-top: 1px solid #333;margin-bottom: 35px;}
.bo_v .arti01 .txt ul li {position: relative;padding: 0 10px;border-bottom: 1px solid #ddd;font-size: 1.0625em;line-height: 3.47;}
.bo_v .arti01 .txt ul li span {display: inline-block;width: 104px;box-sizing:border-box;padding-left: 16px;position: relative;font-weight: 500;color: #f68b1e;}
.bo_v .arti01 .txt ul li span:before {display: block;content: '';position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 4px;height: 4px;background-color: #f68b1e;}
.bo_v .arti01 .txt .btns:after {display: block;clear: both;content: '';}
.bo_v .arti01 .txt .btns a {float: right;width: 250px;font-size: 1.125em;font-weight: 500;text-align: center;line-height: 2.78;color: #fff;background-color: #f68b1e;}
.bo_v .arti02 {text-align: left;padding: 40px 20px;border-top: 1px solid #333;border-bottom: 1px solid #ddd;}

/* 게시판 댓글 */
#bo_vc_w {text-align: left;margin-top: 20px;box-sizing:border-box;padding: 33px;background-color: #f8f8f8;}
#bo_vc_w h2 {display: none;}
.area:after {display: block;clear: both;content: '';}
.area textarea {display: block;float: left;width: 84%;height: 140px;box-sizing:border-box;border: 1px solid #ddd;}
.area input {float: right;font-size: 1.0615;width: 14%;height: 140px;box-sizing:border-box;border: 1px solid #ddd; border-radius:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

/* 게시판 댓글 */
#bo_vc {margin-top: 45px;text-align: left;}
#bo_vc h2 {margin-bottom: 30px;font-size: 1.75em;font-weight: 500;color: #333;line-height: 1;margin-top: -1px;}
#bo_vc span h2 {display: none;}
#bo_vc article {position: relative;padding: 1em 333px 1em 30px;border-bottom: 1px dotted #c1c1c1;}
#bo_vc article:nth-child(2) {border-top: 1px solid #333;}
#bo_vc article:last-child {border-bottom-style: solid;}
#bo_vc article header:after {display: block;clear: both;content: '';}
#bo_vc article header .icon_reply {display: block;float: left;}
#bo_vc article header .icon_reply img {}
#bo_vc article header .icon_reply span {display: inline-block;margin-left: 20px;width: 46px;line-height: 26px;font-size: 0.875em;font-weight: 500;color: #fff;background-color: #222;text-align: center;border-radius:5px;}
#bo_vc article header h1 {display: none;}
#bo_vc article header .member {display: block;float: left;margin-top: -2px;width: 115px;text-align: center;font-size: 1.0615em;font-weight: 500;color: #333;}
#bo_vc article.re_co header .member {left: 135px;}
#bo_vc article header .bo_vc_hdinfo {display: block;position: absolute;top: 50%;transform:translateY(-50%);right: 30px;font-size: 0.9375em;color: #b8b8b8;}
#bo_vc article .flie_down {display: inline-block;padding: 0 10px;margin-left: 115px;line-height: 26px;font-size: 0.875em;font-weight: 500;color: #fff;background-color: #222;text-align: center;border-radius:5px;}
#bo_vc article .flie_down img {vertical-align: middle;position: relative;top: -2px;}
#bo_vc article p {float: left;word-break:break-all;}
#bo_vc .bo_vc_act {position: absolute;top: 50%;transform:translateY(-50%);right: 150px;}
#bo_vc .bo_vc_act:after {display: block;clear: both;content: '';}
#bo_vc .bo_vc_act > li {float: left;}
#bo_vc .bo_vc_act > li a {margin-left: 4px;width: 48px;font-size: 0.8125em;line-height: 30px;border: 1px solid #ddd;color: #b8b8b8;text-align: center;}
#bo_vc .bo_vc_act > li a:hover {color: #f98828;border-color: #f98828;}

/* 리스트 : 검색 영역 */
#bo_sch {position:relative; display:block; margin:30px auto 0; padding:18px 0; background:transparent; border:1px solid #ccc; border-left:0; border-right:0; overflow:hidden;text-align:center}
#bo_sch > legend { position:absolute; left:-9999px; top:-9999px; font-size:0; }
#bo_sch form { margin:0; padding:0; }

/* 글쓰기 : 버튼 영역 */

@media(max-width:960px){
	.respon_w input[type=text] {vertical-align: top;}

	.respon_w select {width: 90%;}
	.respon_w select:nth-child(2n+1) {margin-top: 10px;}
	.respon_w select:first-child {margin-top: 0;}
	.respon_w select.sel_time {margin-top: 0 !important;margin-bottom: 0 !important;}

	.respon_w .res_w colgroup col:nth-child(1) {width: 150px;}
	.respon_w .res_w colgroup col:nth-child(3) {width: 150px;}
	.respon_w .res_w table th br {display: none;}
}

@media(max-width:800px){
	#gall_ul > li {width: 49%;margin-left: 2%;margin-bottom: 5%;}
	#gall_ul > li:nth-child(2n+1) {clear: both;margin-left: 0;}

	.bo_v .arti01 .img {float: none;width: 100%;}
	.bo_v .arti01 .txt {float: none;width: 100%;margin-top: 30px;}

	.respon_w .res_w colgroup col:nth-child(1) {width: 130px;}
	.respon_w .res_w colgroup col:nth-child(3) {width: 130px;}
	.respon_w .res_w table th,
	.respon_w .res_w table td {padding: 5px;box-sizing: border-box;}
	.respon_w .res_w table th {}
	.respon_w .res_w table td {}

	.check_wrap span {width: 33.33%;}

	.fp {}

	#bo_vc article {padding-right: 120px;}
	#bo_vc article header .bo_vc_hdinfo {top: 1em;transform: translateY(0);margin-top: 3px;}
	#bo_vc article footer {margin-right: -90px;}
	#bo_vc article footer:after {display: block;clear: both;content: '';}
	#bo_vc .bo_vc_act {position: static;transform: translateY(0);float: right;}
}

@media(max-width:640px){
	#gall_ul > li .gall_text_href {padding: 3vw;}

	.bo_v .arti01 .txt {margin-top: 5vw;}
	
	.respon_w .res_w colgroup col:nth-child(1) {width: 20vw;}
	.respon_w .res_w colgroup col:nth-child(3) {width: 20vw;}
	.respon_w .res_w table th {word-break:keep-all;}
	.respon_w .res_w table th br {display: none;}
	.respon_w .res_w table td {}

	.respon_w .layout_tel li { width: 30%; }
	.respon_w .layout_tel li.li {width: 5%;}
	.respon_w .layout_email li { width: 31.3%; }
	.respon_w .layout_email li.li {width: 5%;}

	.respon_w input[type=radio] + label {display: block;text-align: left;margin-right: 0;width: 100% !important;}

	.check_wrap span {width: 50%;}

	.fp {background-size: 4vw !important;background-position:right 1px center !important;}

	#PayMethod {width: 100% !important;}

	#bo_vc {margin-top: 5vw;}
	#bo_vc h2 {margin-bottom: 5vw;}
	#bo_vc article {padding: 3vw;}
	#bo_vc article p {width: 100%;padding-left: 3vw;box-sizing:border-box;padding-right: 11vw;}
	#bo_vc article header .bo_vc_hdinfo {right: 15vw;}
	#bo_vc article footer {margin-right: 0;margin-top: 0;}
	#bo_vc article header .member {width: auto;margin-top: 0;}
	#bo_vc article header .member span {padding-left: 3vw;}
	#bo_vc article header .icon_reply img {width: 3vw;}
	#bo_vc article header .icon_reply span {margin-left: 2vw;}
	#bo_vc article .flie_down {margin-left: 5vw;margin-top: 2vw;}
	#bo_vc .bo_vc_act {position: absolute;top: 0;right: 0;}
	#bo_vc .bo_vc_act > li {float: none;margin-left: 0;margin-bottom: 0.5vw;}
	#bo_vc .bo_vc_act > li a {width: auto;line-height: 2;padding: 0 3vw;}
	#bo_vc article + .add {margin-left: 3vw !important;}
	#bo_vc article + .add + .add {margin-left: 6vw !important;}
	#bo_vc article + .add + .add + .add {margin-left: 9vw !important;}
	#bo_vc article + .add + .add + .add + .add {margin-left: 12vw !important;}
}