@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

/*¿ì¸®µþ¼Õ±Û¾¾*/
@font-face {
    font-family: 'NanumURiDdarSonGeurSsi';
    src: url(../webfont/clova/NanumURiDdarSonGeurSsi.eot);
    src: url(../webfont/clova/NanumURiDdarSonGeurSsi.eot?#iefix) format("embedded-opentype"), url(../webfont/clova/NanumURiDdarSonGeurSsi.woff) format("woff"), url(../webfont/clova/NanumURiDdarSonGeurSsi.ttf) format("truetype");
}

body, div, span,
h1, h2, h3, p, a,
img, strong,
ol, ul, li
{
	margin: 0;
	padding: 0;
	outline:none;
	color:#333;
	list-style:none;
	text-decoration:none;
}

img{
	border:0;
	outline:0;
}

#whatpage{display:none}

.hide{
	position:absolute;
	left:-9999px;
}
body{
	min-width:1600px;
	font-family:'Noto Sans KR', 'Roboto', Arial, sans-serif;
	position:relative;
  }	

header {
 	position:relative;
 	width:100%;
 	height:100px;
 	margin:0 auto;
 	padding:0;
 	border:0px solid red;
 	overflow:hidden;
 	} 
 	
 	
	
	
/*Navi*/
#header {
	position:fixed; 
	top:0; 
	left:0; 
	right:0;  
	z-index:999;
	height:100px; 
	transition:all 0.3s;
	transition:all 0.3s; 
	overflow:hidden;
	}
#header:after {
	position:absolute; 
	top:0; left:0; 
	width:100%; 
	height:100px;	
	transition:background 0.3s; 
	content:'';}
#header:before {
	position:absolute;
	top:100px; 
	left:0; 
	width:100%; 
	height:100px;
	background:#fff;
	content:'';}
#header .header_inner { 
	position:relative; 
	z-index:2; 
	width:100%; 
  min-width:1450px; 
	margin:0 auto;
	height:100px; 
	left:0%; 
	border:0px solid red;
	 }


/*ÄÁÅÙÃ÷*/

section {
	position:relative;
	width:100%;
	margin:0 auto;
 	padding:0;
 	overflow:hidden;
	}


section.sub_header{
	height:650px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	}
section.sub_header p{
	position:relative;
	width:1400px;
	height:300px;
	margin:200px auto 0 auto;
	border:0px solid red;
	}
section.sub_header p span{
	position:absolute;
	display:block;
	text-align:left;
	letter-spacing:-0.05em;
	left:0;
	}	
section.sub_header p span.height_bar{
	top:100px;
	width:1px;
	background:#fff;
	height:60px;
	}	
section.sub_header p span.brbg_tit{
	top:50px;
	background:#9a7851;
	padding:15px 40px;
	color:#fff;
	font-size:90px;
	font-weight:700;
	line-height:1;
	}		
section.sub_header p span.subtitle_w{
	top:0;
	font-size:85px;
	font-weight:700;
	color:#fff;
	line-height:1;	
	}
section.sub_header p span.subtitle_b{
	top:0;
	font-size:80px;
	font-weight:700;
	color:#000;
	line-height:1;
	}	
section.sub_header p span.subcomment_w{
	top:190px;
	font-size:25px;
	font-weight:500;
	color:#fff;
	line-height:1.3;
	}
section.sub_header p span.subcomment_w2{
	top:190px;
	font-size:18px;
	font-weight:300;
	color:#fff;
	line-height:1.3;
	}			
section.sub_header p span.subcomment_b{
	top:190px;
	font-size:25px;
	font-weight:500;
	color:#000;
	line-height:1.3;
	}	
		
section.sub_header p span.subcomment_br{
	font-weight:100;
	font-size:30px;
	color:#9a7851;
	top:0;
	line-height:1;
	}
section.sub_header div.wh_bar{
	position:absolute;
	display:block;
	width:80%;
	height:50px;
	background:#fff;
	bottom:0;
	left:10%;
	}	
	
section#sub_conwrap {
	position:relative;
	width:1400px;
	margin:-50px auto 0 auto;
	background:#fff;
 	padding-top:30px;
 	padding-bottom:0px;
 	overflow:hidden;
 	border:0px solid red;
	}	
	
section#sub_conwrap ul.subtab{
	position:relative;
	width:1400px;
	height:50px;
	margin:0 auto 50px auto;
	text-align:center;
	}
section#sub_conwrap ul.subtab li{
	display:inline-block;
	margin:0 50px 0 auto;
	height:50px;
	overflow:hidden;
	}	
section#sub_conwrap ul.subtab li:last-child{
	margin:0 auto;
	}	
section#sub_conwrap ul.subtab li a{
	width:100%;
	height:45px;
	display:block;
	color:#7f7f7f;
	font-size:28px;
	font-weight:500;
	line-height:1;
	letter-spacing:-0.05em;
	border-bottom:5px solid #7f7f7f;
	transition:all 0.5s;
  }
section#sub_conwrap ul.subtab li a:hover,
section#sub_conwrap ul.subtab li a.on{
	width:100%;
	height:45px;
	display:block;
	color:#000;
	border-bottom:5px solid #000;
  }	

section h3{
	text-align:center;
	font-size:80px;
	color:#000;
	line-height:1;
	letter-spacing:-0.05em;
	font-weight:500;
	margin:0px auto 50px auto;
	}
section h3 span{
	font-size:80px;
	color:#9a7851;
	}			

	
section#special p.copy1{
	font-family:Nanum Myeongjo;
	font-weight:700;
	font-size:50px;
	line-height:1;
	letter-spacing:-0.05em;
	height:50px;
	color:#9a7851;
	text-align:center;
	margin-bottom:20px;
	}
section#special p.copy2{
	font-weight:500;
	font-size:20px;
	line-height:1;
	letter-spacing:-0.05em;
	height:20px;
	color:#000;
	text-align:center;
	}
	
		
/*01º´¿ø¼Ò°³*/	
section.sub_header .uba_1{
	background-image:url()
	}
	

	
/*º¸Çü¹°Á¦°Å*/	
section.sub_header .removal{
	background-image:url()
	}
	
/*ÀüÈÄ»çÁø*/	
section.sub_header .epi{
	background-image:url()
	}
	
/*Ä¿¹Â´ÏÆ¼*/	
section.sub_header .commu{
	background-image:url()
	}			
	
	
	
	
/**/
.d-table-l{
	width:100%;
	width:1040px;
	margin:0 auto;
	table-layout:fixed;
	text-align:center;
	background:#fff;
}
caption{
overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px
}
.d-table-l thead th{
	height:50px;
	background:#f1f3f6;
	border:1px solid #ccd0d7;
	border-width:0;
}
.d-table-l thead th.last{
	/* border-right-width:1px; */
}
.d-table-l tbody td{
	height:50px;
	border-bottom:1px solid #d9d9d9;
}
.d-table-l tbody td.tal{
	padding-left:20px;
}
.d-table-l a{
	text-decoration:none;
}
.d-table-l a:hover{
	text-decoration:underline;
}

.d-table-l tbody td input[type=checkbox]{
	width:20px;
	height:20px;
	border:1px solid #999;
	vertical-align:-5px;
	}
.d-table-l tbody td img.realthum{
	width:100px;
	margin-top:10px;
	margin-bottom:10px;
	}	
	
	
div.board_pw{
	position:relative;
	width:30%;
	padding-top:50px;
	padding-bottom:50px;
	border:5px solid #9a7851;
	text-align:center;
	font-size:15px;
	line-height:1;
	margin:0 auto 10px auto;
	}
div.board_pw input[type=password]{
	display:block;
	width:80%;
	height:35px;
	border:1px solid #e5e5e5;
	padding:0px 5px;
	text-align:left;
	font-size:14px;
	margin:15px auto 0 auto;
	}	
	
	
	
	
.d-table-v{
	width:1040px;
	margin:0 auto;
	table-layout:fixed;
	text-align:center;
	background:#fff;
	border:1px solid #d9d9d9;
	border-bottom:0;
}
.d-table-v .tit td{
	background:#f1f3f6;
	text-align:left;
	padding-left:20px;
	height:50px;
	border:1px solid #ccd0d7;
	border-width:0;
}
.d-table-v .info td{
	height:50px;
	text-align:left;
	padding-left:20px;
	border:1px solid #ccd0d7;
	border-top-width:0;
	border-right-width:0;
	font-size:13px;
	color:#aaa;
}
.d-table-v .info td span{
	color:#aaa;
	}
.d-table-v .main td{
	text-align:left;
	border:1px solid #ccd0d7;
	border-top-width:0;
	border-right-width:0;
	border-left-width:0;
	
}
.d-table-v .main td>div{
	padding:20px;
	
}
.d-table-v .main td>div img{
	display:block;
	margin:20px auto;
	}
.ans-top{
	padding:20px;
	font-size:13px;
	margin-bottom:20px;
	background:#f1f3f6;
	border:1px solid #ccd0d7;
}
.d-table-v .info td.last{
	/* border-right-width:0px; */
}
.ans-top b{
	font-style:normal;
	color:#ad5a70;
	font-weight:900;
}
.d-img{
	display:block;
	margin:0 auto;
	max-width:1000px;
}

.d-table-w{
	width:100%;
	width:1040px;
	margin:0 auto;
	table-layout:fixed;
	text-align:left;
	border:1px solid #ccd0d7;
	border-bottom:0;
	background:#fff;
}
.d-table-w th,
.d-table-w td{
	border-bottom:1px solid #ccd0d7;
}
.d-table-w th{
	background:#f1f3f6;
	text-align:center;
	height:50px;
	font-weight:400;
	font-size:14px;
	/* color:#4968a0; */
}
span.coun_comment{
	display:block;
	width:1040px;
	text-align:left;
	font-size:13px;
	font-weight:400;
	line-height:4;
	margin:0 auto;
	}
.d-table-w td{
	padding-left:40px;
}
span.coun_comment sup,
.d-table-w th sup{
	color:#ff5e45;
	}	
.d-table-w td input[type=text],
.d-table-w td input[type=password],
.d-table-w td input[type=file]{
	width:90%;
	height:35px;
	border:1px solid #e5e5e5;
	padding:0px 5px;
	text-align:left;
	font-size:16px;
	}	
.d-table-w td input[type=number]{
	width:100px;
	height:35px;
	border:1px solid #e5e5e5;
	text-align:center;
	font-size:18px;
	margin-right:10px;
	}	
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
	}
.d-table-w td select{
	width:610px;
	height:35px;
	border:1px solid #e5e5e5;
	text-align:left;
	font-size:18px;
	padding:0px 20px;
	color:#555;
	}	
.d-table-w td select.tel{
	width:150px;
	height:68px;
	border:1px solid #e5e5e5;
	text-align:center;
	font-size:24px;
	margin-right:10px;
	}		
.d-table-w td textarea{
	width:90%;
	height:150px;
	border:1px solid #e5e5e5;
	padding:10px 20px;
	text-align:left;
	font-size:16px;
	vertical-align:-110px;
	margin-top:10px;
	margin-bottom:10px;
	}	
.d-table-w td input[type=checkbox]{
	width:24px;
	height:24px;
	border:1px solid #999;
	vertical-align:-5px;
	}	
			
.text01{
	width:780px;
	height:200px;
	margin:7px 0;
}
.input01{
	width:780px;
}
.input02{
	width:800px;
}
.input03{
	width:350px;
}





.icon_new{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	height:16px;
	background:url(../img/common/board_icon_new.png) no-repeat 0% 0;
}
.icon_lock{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:13px;
	background:url(../img/common/board_icon_lock.gif) no-repeat 0% 0;
}
.icon_best{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:36px;
	height:15px;
	background:url(../img/common/board_icon_best.png) no-repeat 0% 0;
	border:0px solid red;
}
.icon_file{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:13px;
	height:13px;
	background:url(../img/common/board_icon_file.gif) no-repeat 0% 0;
}
.icon_reply{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:26px;
	height:15px;
	background:url(../img/common/board_icon_reply.gif) no-repeat 0% 0;
	margin-right:5px;
}
.gongji{
	background:#ad5a70;
	color:#fff;
	padding:5px 15px;
}
.reply-0{
	background:#ccd0d7;
	color:#fff;
	padding:5px 15px;
}
.reply-1{
	background:#ad5a70;
	color:#fff;
	padding:5px 15px;
}
.pagi{
	text-align:center;
}
.pagi a,
.pagi strong{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:40px;
	height:40px;
	line-height:2.3;
	text-align:center;
	background:pink;
	text-decoration:none;
	background:#fff;
	border:1px solid #e9e9e9;
}
.pagi strong,
.pagi a:hover{
	background:#ad5a70;
	color:#fff;
}
.pagi .pagi-first,
.pagi .pagi-last,
.pagi .pagi-prev,
.pagi .pagi-next{
	text-indent:-9999px;
	/* for ie7 */
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
	background:none;
	padding:0;
	width:20px;
}
.pagi .pagi-first{background:url(../img/pagi_first.gif) no-repeat 0 0;}
.pagi .pagi-last{background:url(../img/pagi_last.gif) no-repeat 0 0;}
.pagi .pagi-prev{background:url(../img/pagi_prev.gif) no-repeat 0 0;}
.pagi .pagi-next{background:url(../img/pagi_next.gif) no-repeat 0 0;}



.pass-wrap{
	width:500px;
	padding-top:0;
	margin:0 auto;
	background:#fff;
	border:1px solid #d9d9d9;
}
.pass-wrap .inner{
	width:300px;
	margin:0 auto;
}
.pass-lock{
	position:absolute;
	top:10px;
	left:70px;
	padding-left:20px;
}
.pass-wrap p{
	text-align:center;
	background:#ad5a70;
	color:#fff;
	padding:10px;
	padding-top:15px;
	padding-bottom:15px;
}
.pass-wrap input{
	background:#fff;
	border:1px solid #d9d9d9;
	padding-top:11px;
	padding-bottom:11px;
}		


.page_num{
	text-align:center;
}
.page_num a,
.page_num strong{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:40px;
	height:40px;
	line-height:3.0;
	*line-height:1.0;
	text-align:center;
	text-decoration:none;
	background:#fff;
	border:1px solid #e9e9e9;
	font-size:13px;
	font-weight:300;
}
.page_num strong,
.page_num a:hover{
	background:#9a7851;
	color:#fff;
}
.page_num .first,
.page_num .last,
.page_num .prev,
.page_num .next{
background:none;
	border:0px solid #e9e9e9;
}
.page_num .first:hover,
.page_num .last:hover,
.page_num .prev:hover,
.page_num .next:hover{
	background:none;
	color:#9a7851;
	}
	
	
	
.btn-wrap{
	overflow:hidden;
	width:1040px;
	margin:0 auto;
	text-align:center;
}
.btn-wrap a.btn{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	text-decoration:none;	
	zoom:1;
	*display:inline;
	width:130px;
	height:40px;
	color:#fff;
	font-size:15px;
	font-weight:400;
	background-color:#775850;
	background-position:0 0;
	background-repeat:no-repeat;
	line-height:2.5;
	margin-right:10px;
}	
.btn-wrap a.btn2{
	background-color:#ccbba8;
}
.btn-wrap a.btn3{
	background-color:#9a7851;
}
