@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

/*웹폰트적용*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); 

body,table,tr,td,p,br,div,font,a{
	font-size:12px;
	font-family:'Nanum Gothic','나눔고딕','Dotum','돋움'; 
	color:#727272;
	margin:0px;
	line-height:18px;
	padding:0px;
	
}

select,input,textarea{
	font-size:12px;
	font-family:'Nanum Gothic','나눔고딕','Dotum','돋움'; 
}

img{
	border: 0px;
	padding:0px;
	margin:0px;
}
 

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.center{
	text-align: center;
}
a { selector-dummy : expression(this.hideFocus=true);}
a:link, a:visited , a:active { 
	text-decoration:none; 
	}
a:hover { 
	color: #606060; 
	text-decoration:none
	}

/* txt */
.b {font-weight:bold;}


/* main css */

a.review_a:link { color:#2e2e2e; text-decoration: none; font-size:16px; font-weight:bold; text-align:justify;}
a.review_a:visited { color:#2e2e2e; text-decoration: none;font-size:16px; font-weight:bold; text-align:justify;}
a.review_a:active { color: #2e2e2e; text-decoration: none;font-size:16px; font-weight:bold; text-align:justify;}
a.review_a:hover { color: #2e2e2e; text-decoration: underline;font-size:16px; font-weight:bold; text-align:justify;}

a.review_a2:link { color:#777; text-decoration: none; font-size:12px; text-align:justify;}
a.review_a2:visited { color:#777; text-decoration: none;font-size:12px; text-align:justify;}
a.review_a2:active { color: #777; text-decoration: none;font-size:12px; text-align:justify;}
a.review_a2:hover { color: #777; text-decoration: underline;font-size:12px; text-align:justify;}

a.review_a3:link { color:#2e2e2e; text-decoration: none; font-size:12px; text-align:justify;}
a.review_a3:visited { color:#2e2e2e; text-decoration: none;font-size:12px; text-align:justify;}
a.review_a3:active { color: #2e2e2e; text-decoration: none;font-size:12px; text-align:justify;}
a.review_a3:hover { color: #2e2e2e; text-decoration: underline;font-size:12px; text-align:justify;}




.sub_navi_wrap { position:absolute; width:100%; text-align:center; margin:auto;}
.sub_navi_wrap2 { position:relative; width:1194px; margin:auto; height:170px;}
.sub_navi { width:1194px; top:-123px; text-align:center; position:relative; z-index:100; height:170px;}




.log_wrap { position:absolute; width:100%; margin:auto; z-index:101; }
.log_wrap2 { position:relative; margin:auto; width:1194px;}
.log { width:1194px; top:65px; position:relative; z-index:200;}
.sub_log { width:1190px; top:-65px; position:relative; z-index:200;}

#nav{
	list-style: none;
	position: fixed;
	right: 200px;
	z-index: 999;
}

#nav li{
height: 20px;
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background-color:#fff;
	
	margin: 0 auto;
	padding: 0px;;
}



#second{
	
	background-color:#aa9175;
	color: white;
	height: 800px;
	margin: 0 auto;
	padding: 0 0 0 0px;
}


#third{
	background-color:#c79898;
	color: white;
	height: 722px;
	padding: 0 0 0 0px;
}

#fourth{
	background: #3a372f;
	height: 722px;
	margin: 0 auto;
	padding: 0 0 0 0px;
}
																	
#fifth{
	background-color: #8585ab;
	height: 1008px;
	margin: 0 auto;
	padding: 0 0 0 0px;
}



.story{
	margin: 0 auto;
	overflow: auto;
	width: 1092px;
    overflow-x: hidden;
    overflow-y: hidden;


	/*background: #999;*/
}




/* #gBtn1 */
#gBtn_table {}
#gBtn_table td {padding-left:7px;}
#gBtn1 a{display:block; background:url('/images/inc/gBtn1_bg.gif') left 0; float:left; font:12px; color:#fff; font-weight:bold; padding-left:20px; text-decoration:none; height:27px; cursor:pointer; margin-right:0px; overflow:hidden}
#gBtn1 a:hover{background:url('/images/inc/gBtn1_bg.gif') left -27px}
#gBtn1 a span{display:block; float:left; background:url('/images/inc/gBtn1_bg.gif') right 0; line-height:200%; padding-right:20px; height:27px; overflow:hidden}
#gBtn1 a:hover span{background:url('/images/inc/gBtn1_bg.gif') right -27px; color:#fff; font-weight:bold;}

/* #gBtn2 */
#gBtn2 a{display:block; background:url('/images/inc/gBtn2_bg.gif') left 0; float:left; font:12px; color:#fff; font-weight:bold; padding-left:20px; text-decoration:none; height:27px; cursor:pointer; margin-right:0px; overflow:hidden}
#gBtn2 a:hover{background:url('/images/inc/gBtn2_bg.gif') left -27px}
#gBtn2 a span{display:block; float:left; background:url('/images/inc/gBtn2_bg.gif') right 0; line-height:200%; padding-right:20px; height:27px; overflow:hidden}
#gBtn2 a:hover span{background:url('/images/inc/gBtn2_bg.gif') right -27px; color:#fff; font-weight:bold;}


.sub_topbg {background:url('../images/main/top_bg.jpg') repeat-x; }


/* tab */
#tab a{display:block; background:url('/images/inc/tab_bg.gif') left 0; float:left; font:12px; color:#777; font-weight:bold; padding-left:20px; text-decoration:none; height:46px; cursor:pointer; margin-right:1px; overflow:hidden;}
#tab a:hover{background:url('/images/inc/tab_bg.gif') left -46px;}
#tab a span{display:block; float:left; background:url('/images/inc/tab_bg.gif') right 0; line-height:350%; padding-right:20px; height:46px; overflow:hidden;}
#tab a:hover span{background:url('/images/inc/tab_bg.gif') right -46px; color:#000; font-weight:bold;}
/* tab_over */
#tab_over a{display:block; background:url('/images/inc/tab_bg2.gif') left 0; float:left; font:12px; color:#000; font-weight:bold; padding-left:20px; text-decoration:none; height:46px; cursor:pointer; margin-right:1px; overflow:hidden;}
#tab_over a:hover{background:url('/images/inc/tab_bg2.gif') left -46px;}
#tab_over a span{display:block; float:left; background:url('/images/inc/tab_bg2.gif') right 0; line-height:350%; padding-right:20px; height:46px; overflow:hidden;}
#tab_over a:hover span{background:url('/images/inc/tab_bg2.gif') right -46px; color:#000; font-weight:bold;}

.tab_title {font-size:20px; color:#fe347f; padding:10px 0 10px 10px;}
.tab_topline {width:100%px; background:url(../images/inc/tab_bg3.gif) repeat-x;}
.tab_underline {border-bottom:1px solid #eeeeee; height:30px; padding:10px 0 0 10px;}
.tab_sub {padding-right:20px;}
.tab_sub_over {padding-right:30px; color:#f59000; font-weight:bold;}



/* members */

#log_txt1 { font-size:18px; color:#639bd4;  font-weight:bold;}
#log_txt2 { font-size:18px; color:#000;   font-weight:bold;}
#log_txt3 { padding-bottom:5px;}
.log_form { padding-top:5px; padding-right:5px;}
.box_line0 { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.join_txt { color:#ff5500;}
.b_write_title {background:url(/images/board_img/icon01.gif) 25px 7px no-repeat; padding-left:35px; padding-top:3px;}	


/* location */
.location_warp {padding:24px 20px 24px 0; text-align:right;}
.location_warp span {font-weight:bold; color:black;}


