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


/* commts_wraper css 시작 */
.commts_wraper{background: #f6f6f6;}
.commts_layer{padding: 5% 3% 4%;}
.commts_number_wrap{margin-bottom: 2%; font-size: 20px; font-weight: 700; line-height: 28px;}
.commts_left_wrap{width:80%; float:left; position: relative; left: 0; top: 0;}
.commts_left_wrap > textarea{width: 100%; height: 100px; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; font-weight: 700; border: 1px solid #cecece; box-sizing: border-box; resize: none; padding: 1% 7% 1% 2%; background-color: #fff; }
.commts_img_upload{position: absolute; right: 24px; bottom: 10px; width: 30px; height: 30px; }
.commts_img_upload > button{background: url('/images/event_magazine/event/2020_11_12/poto_icon.png') no-repeat; cursor: pointer; /*text-indent:-9999px;*/ width: 100%; height: 100%;}
.commts_right_wrap{width:20%; float:left;}
.commts_right_btn a{width:100%; height:100px; text-align: center; color:#fff; font-size: 18px; line-height: 100px; background: #5c4324;}
.commts_my_writing{margin: 3% 0 1%; clear: both; display: inline-block; width:100%; text-align: right;}
.commts_my_writing > .writ_btn{font-size: 16px; background: #666; color:#fff; width: 20%; line-height: 38px; cursor:pointer;}
.comment_info_btn > .info_btn_del{background: none; cursor: pointer;}
.commts_info_id{font-size: 20px; font-weight: 700; margin: 0 1% 0 0; float:left; color: #333;}
.commts_lst{background: #fff; padding: 3%; margin: 0 0 2%;}
.commts_info_data{font-size: 14px; line-height: 26px; float: left; color: #aaa;}
.comment_info_btn{float:right; }
.commts_txt_desc{clear: both; font-size: 18px; padding: 1% 0 0; line-height: 28px; word-break: break-all; white-space:pre-line;}
.commts_lst_img{display: block; clear: both; overflow: hidden; width: 20%; padding: 2% 0 0;}
.commts_lst_img > img{width:100%;}
.commts_lst_img > a > img{width:100%; height: auto;}


.commts_paging{width:100%; overflow: hidden; text-align: center; margin-top: 3%;}
.commts_paging > span {display: inline-block; margin: 0;}
.commts_paging > span > button{text-indent: -9999px; width: 40px; height: 40px; font-size: 26px; color: #73717d; vertical-align: middle; overflow: hidden; cursor: pointer; background-color:transparent;}
.commts_paging > span > a{width: 40px; height: 40px; display: inline-block !important; vertical-align: middle; color: #fff; font-size: 18px; background:#dedede; line-height: 40px; margin:0 2px;}

.commts_paging > span > a:hover{background:#5c4324;}
.commts_paging_nmb > .on{background: #5c4324;}
.commts_paging_first{ background: url('/images/event_magazine/event/2020_11_12/paging_first.png') no-repeat;}
.commts_paging_prev{ background: url('/images/event_magazine/event/2020_11_12/paging_prev.png') no-repeat;}
.commts_paging_next{ background: url('/images/event_magazine/event/2020_11_12/paging_next.png') no-repeat;}
.commts_paging_last{ background: url('/images/event_magazine/event/2020_11_12/paging_last.png') no-repeat;}

.commts_upload_file_warp{width:100%; clear: both; overflow:hidden; padding:2%; overflow-x:auto; display:block;}
.commts_upload_file_img{position:relative; top:0; left:0; display:inline-block; width:50%; height:50%; margin:15px 10px 0 0; border:1px solid #f7f7f7;}
.upload_file_del{position:absolute; right:-3%; top:-3%; width:30px; height:30px; background:url('/images/event_magazine/event/2020_11_12/delkey.png') no-repeat 50% 50%; background-size:30px; cursor:pointer; outline:none;}
.view_file_img{width: 100%;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:transparent;}
textarea::placeholder{font-size:12px; font-weight:normal;}

/* commts_wraper css 끝 */



/*이벤트 페이지 하단 S*/
.event_foot_btn{background:#333482; padding:30px 0;}/*배경*/
.event_foot_btn ul li:nth-child(1) a{background: #fafe85; color:#1c1c6c;  margin: 0 10px 0 30px;}/*좌 버튼*/
.event_foot_btn ul li:nth-child(2) a{background: #fafe85; color:#1c1c6c;  margin: 0 30px 0 10px;}/*우 버튼*/
.cautions ol li::before{content: "-"; position: absolute; left: -1em; font-size:16px;}
.event_foot_btn ul li a{ padding:20px 0; width:90%; border-radius: 15px; -webkit-border-radius:15px; font-size: 25px; font-weight: bold; }
.event_foot_btn ul{display:table; table-layout : fixed; width: 100%;}
.event_foot_btn ul li{display:table-cell; text-align: center;}
/*이벤트 페이지 하단*/
/* 2020 10 E */


/*** 이벤트 시작 ***/
#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;}


/* 이벤트 컨텐츠 시작 */


/* 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;}

/*버튼 스타일*/
#event_wrap li.evnet_btns{width:880px; margin:0; padding:54px 0; background:url(/images/event_magazine/event/2017_11_15/backfriday_cybermonday_event_bg.jpg) 0 0 no-repeat; clear:both; overflow:hidden; }
#event_wrap li.evnet_btns div{width:650px; height:58px; margin:0 auto;}
#event_wrap li.evnet_btns a{float:left; display:block; width:300px; height:58px;}
#event_wrap li.evnet_btns a:first-child{margin-right:50px;}



/* 목록보기 버튼 */
.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');}