@charset "utf-8";
/****************************************/
/*	Name: Geniezip
/*	PART: LAYOUT STYLE
/*	Version: 1.0
/*	Design: seoyoung.heo
/*	Author:
/****************************************/


/*** 20200506 S ***/
#event_con{width:900px; height:auto; margin:0 auto; overflow:hidden; padding:50px 30px 100px;}
#event_con h3{width:100%; margin-bottom:25px;}
#event_con .sub_title{width:100%; margin-bottom:10px; color:#6c6c6c;}
.btn_L span{float:left; }
.gold_number{ width: 100%; text-align: center; background:#1c1e2a;}
.gold_number button{width: 204px; height: 66px; font-size: 25px; font-weight: bold; color: #fff; background: #e90f0e; cursor: pointer;}
.gold_number input{font-size: 30px; height: 63px; text-align: center;}
#tabs{ overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}
#tabs li{ float: left; width: 33.33%;}
#tabs a{position: relative; background: #bdbdbd; padding: 20px 0; font-size:30px; float: left; text-decoration: none; font-weight: bold; color: #8f8f8f; text-shadow: 0 1px 0 rgba(255,255,255,.8); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4); box-shadow: 0 2px 2px rgba(0,0,0,.4);}
#tabs .event_btn1:hover, #tabs .event_btn1:hover::after, #tabs .event_btn1:focus, #tabs .event_btn1:focus::after{background: #e0ecfa; color:#0066b3; }
#tabs .event_btn2:hover, #tabs .event_btn1:hover::after, #tabs .event_btn2:focus, #tabs .event_btn2:focus::after{background: #202945; color:#ffffff;}
#tabs .event_btn3:hover, #tabs .event_btn1:hover::after, #tabs .event_btn3:focus, #tabs .event_btn3:focus::after{background: #faf2e6; color:#5f5c41;}
#tabs a:focus{outline: 0;}
#tabs #current .event_btn1,
#tabs #current a::after{background: #e0ecfa; z-index: 3; color:#0066b3;}
#tabs #current .event_btn2,
#tabs #current a::after{background: #202945; z-index: 3; color:#ffffff;}
#tabs #current .event_btn3,
#tabs #current a::after{background: #faf2e6; z-index: 3; color:#5f5c41;}
#content{background: #fff; position: relative; z-index: 2;}
/* 20200506 E */

.cautions{ background: #333; color:#fff; padding:2em 5em; clear:left; font-size: 15px; display: inline-block;}
.cautions a{font-size: 15px;}
.cautions ol li{padding:10px 0; line-height:1.4em; position: relative; left: 0; top: 0;}
.cautions ol li:nth-child(1){padding:20px 0 10px 0;}
.cautions ol li.line::before{content: "-"; position: absolute; left: -1em;}
.line245{left:-16px !important;}
.cautions h2{font-weight: bold; padding:10px 0 10px 0; position: relative; left:24px; top: 0; font-size: 24px;}
.cautions h2::before{content: "!"; position: absolute; left: -40px; top: 10px; border: 2px solid #fff; font-size:20px; width: 30px; border-radius: 30px; height: 30px; text-align: center; box-sizing: border-box; -webkit-boxsizing: border-box; line-height: 26px;}
.cautions span{color:#f6ff00;}
.cautions > ol > li > a{display:contents !important; color:#00f0ff}

/* tab */


#event_tab{width:900px; height:46px; }

#event_tab li{width:160px; height:46px; float:left; line-height:46px; text-align:center; margin-right:2px;  font-size:14px; font-weight:bold;}
#event_tab li a{display:block; width:100%; height:100%; background:#ffc000; color:#FFF;}
#event_tab li a:hover{width:100%; height:100%; background:#f2f2f2; color:#6c6c6c;}

/*이벤트 페이지 포토게시판 시작*/

#event_con table{width:900px; height:100%; border-top:2px solid #ffc000;}
#event_con table th{width:320px; text-align:left; border-bottom:1px solid #dddddd;}
#event_con table th img{width:300px; height:150px; margin:10px 0;  }

#event_con table td{border-bottom:1px solid #dddddd; text-align:left;}#event_con table td ul li{margin-bottom:10px;}


#event_con div .list_number{margin-top:50px;}


/* 이벤트 상세페이지 출력 */
#open_event_view{width:900px; height:100%; margin:0 auto; border:1px solid #ddd; margin-top:20px;}


/* 이벤트 시작*/
#event_wrap{position:relative; top:0; left:0; width:880px; margin:15px auto; background:#ffffff;}
#event_wrap img{vertical-align:top;}
#event_wrap a{display:block; width:100%; text-align: center;}


/* 목록보기 버튼 */
.btn_list{width:100px; height:30px; line-height:30px; float:right; margin-top:10px; font-weight:bold;}
.btn_list a{display:block; width:100%; height:100%; background: #f78d1d; color:#FFF; cursor: pointer; text-align: center; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
.btn_list a:hover{display:block; width:100%; height:100%; background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');}