@charset 'utf-8';

/*이벤트*/
.event_wrap{ padding-top: 36px; width: 662px;}
.event_wrap .current_btn{ display: block; width: 60px; text-align: center; line-height: 21px; font-size: 14px; background: #ed4036; color: #fff;}
.event_wrap .current_btn.on{  background: #b0b0b0; } 
/* 체험단 모집_리스트*/

.re_list_wrap ul.re_list { width: 662px; overflow: hidden; padding: 40px 0 40px 0; border-bottom: 1px dotted #6b6b6b;}
.re_list_wrap ul.re_list.best{ margin-bottom: 36px;}
.re_list_wrap ul.re_list:first-child{ padding-top: 0px; }
.re_list_wrap ul.re_list.best{ width: 652px; background: #ed4036 url('../img/event/top_list_bg.png') left bottom no-repeat; padding: 5px 5px 47px 5px; border-bottom: 0px;}
.re_list_wrap ul.re_list li{ float: left; margin-left: 23px; }
.re_list_wrap ul.re_list li:nth-child(2){ margin-left: 24px; }
.re_list_wrap ul.re_list.best li{ margin-left: 21px; }
.re_list_wrap ul.re_list.best li:nth-child(2){ margin-left: 22px; }
.re_list_wrap ul.re_list li:first-child{ margin-left: 0px; }
.re_list_wrap ul.re_list li dl dt{ position: relative; height: 126px;}
.re_list_wrap ul.re_list li dl dt img { width:205px; height:126px; }
.re_list_wrap ul.re_list.best li dl dt{ height: 124px;}
.re_list_wrap ul.re_list.best li dl dt img { width:203px; height:124px; }
.re_list_wrap ul.re_list li dl dt div.current{ position: absolute; bottom: 0px; left: 0px; height: 21px;}
.re_list_wrap ul.re_list li dl dd { padding: 0 5px;}
.re_list_wrap ul.re_list li dl dd p.r_tit{ font-size: 14px; color: #ed4036; padding-top: 11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:193px; }
.re_list_wrap ul.re_list.best li dl dd p.r_tit{ color: #fcc7c7; padding-top: 12px; }
.re_list_wrap ul.re_list li dl dd p.r_con{ font-size: 14px; color: #2c2c2c; padding-top: 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:193px; }
.re_list_wrap ul.re_list.best li dl dd p.r_con{ font-size: 16px; color: #fff; padding-top: 3px; }
.re_list_wrap ul.re_list li dl dd p.r_date{ color: #666666; padding-top: 8px; font-size: 12px; }
.re_list_wrap ul.re_list.best li dl dd p.r_date{ font-size: 12px; color: #fff; }

/*제휴사추가 180116*/
.re_list_wrap ul.re_list2 { width: 662px; overflow: hidden; padding: 20px 0 20px 0; }
.re_list_wrap ul.re_list2:first-child{ padding-top: 0px; }
.re_list_wrap ul.re_list2 li{ float: left; margin-left: 23px; }
.re_list_wrap ul.re_list2 li:nth-child(2){ margin-left: 24px; }
.re_list_wrap ul.re_list2 li:first-child{ margin-left: 0px; }
.re_list_wrap ul.re_list2 li dl dt{ position: relative; height: 203px;}
.re_list_wrap ul.re_list2 li dl dt img { width:203px; height:203px; border: 1px solid #e6e6e6;}
.re_list_wrap ul.re_list2 li dl dd { padding: 0 5px;}
.re_list_wrap ul.re_list2 li dl dd p.r_tit{ font-size: 14px; color: #444444; text-align:center; padding-top: 11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:193px; }

/* 체험단 모집_상세*/
.mb10{ margin-bottom: 10px; }
.view_wrap p.view_tit{ font-size: 26px; color: #444; padding: 0 0 20px 4px; border-bottom: 1px dotted #6b6b6b; line-height: 32px;}
.view_wrap p.view_tit span.red{ color: #ed4036; }

.view_wrap .view_date{ text-align: right; padding: 15px 1px 0 0;}
.view_wrap .view_date li{ display: inline-block; font-size: 12px; color: #666; background: url('../img/event/r_date_bg.png') left center no-repeat; padding-left: 11px; margin-lefT: 6px;}
.view_wrap .view_date li:first-child{ background: none; }
*:first-child+html .view_wrap .view_date li{ display: inline; }

.view_txt_con img { max-width:662px !important; height:auto !important; }
.view_wrap div.view_txt_con{ border-bottom: 1px solid #cacaca; }
.view_wrap div.view_txt_con p { line-height:1.6; }
.view_wrap p.viewimg{ text-align: center; }
.view_wrap p.view_txt{ line-height: 20px; font-size: 12px; color: #666; text-align: center; padding: 30px 45px 0px 45px; font-family: 'dotum';}

.view_wrap dl.icon_lr_wrap{ overflow: hidden; height: 36px; padding: 12px 0 28px 0; }
.view_wrap dl.icon_lr_wrap dt{ float: left;}
.view_wrap dl.icon_lr_wrap dt ul.icon_left{ overflow: hidden; height: 36px;}
.view_wrap dl.icon_lr_wrap dt ul.icon_left li{ float: left; margin-left: 8px; }
.view_wrap dl.icon_lr_wrap dt ul.icon_left li:first-child{ margin-left: 0px; }
.view_wrap dl.icon_lr_wrap dt ul.icon_left li a{ }
.view_wrap dl.icon_lr_wrap dt ul.icon_left li a img { vertical-align: middle; }
.view_wrap dl.icon_lr_wrap dd{ float: right; } 
.view_wrap dl.icon_lr_wrap dd a{ line-height: 36px; }
.view_wrap dl.icon_lr_wrap dd a img{ vertical-align: middle;}
.view_wrap dl.icon_lr_wrap dd a span{ display: inline-block; width: 42px; margin-left: 4px; font-size: 16px; color: #ed4036; }
*:first-child+html .view_wrap dl.icon_lr_wrap dd a span{ display: inline; }

.view_wrap div.com_inputbox{ background: #f1f1f1; padding: 16px; }

.com_inputbox ul.com_tit { height:12px; margin-bottom: 8px;}
.com_inputbox ul.com_tit:after{ content:""; display: block; clear: both;}
.com_inputbox ul.com_tit li{ font-size: 12px; font-family: 'dotum'; line-height: 14px; font-weight: bold;}
.com_inputbox ul.com_tit li.com_l{ float: left; padding-left: 6px; color: #253544; }
.com_inputbox ul.com_tit li.com_r{ float: right; margin-right: 2px;}
.com_inputbox ul.com_tit li.com_r a{ display: block; height: 12px; color: #606060; border-bottom: 1px solid #606060; }

.com_inputbox ul.com_input{ overflow: hidden;}
.com_inputbox ul.com_input li.inputs{ float: left;}
.com_inputbox ul.com_input li.inputs textarea{ width: 477px; height: 56px; border: 1px solid #ccc; background: #fff; padding: 16px 14px; resize: none; color: #666; border-right: 0px; font-family: 'dotum';}
.com_inputbox ul.com_input li.com_btn{ float: right;}
.com_inputbox ul.com_input li.com_btn a{ display: block; width: 124px; height: 90px; line-height: 90px; background: #333; font-size: 16px; color: #fff; text-align: center; }

.comment_wrap li{ padding: 25px 22px 17px 22px; border-bottom: 1px solid #d8d8d8; }
.comment_wrap li dl dt{ position: relative; margin-bottom: 16px; }
.comment_wrap li dl dt span{ font-family: 'dotum'; }
.comment_wrap li dl dt span.c_name{ color: #454545; font-weight: bold; font-size: 12px;}
.comment_wrap li dl dt span.date{ font-size: 11px; color: #979797; margin-left: 16px; }
.comment_wrap li dl dt a.delete{ position: absolute; top: 5px; right: 1px; color: #666; font-size: 11px; font-family: 'dotum'; line-height: 13px;}
.comment_wrap li dl dd{ font-family: 'dotum'; font-size: 12px; color: #454545; line-height: 20px;}

.view_wrap .pager_wrap.mt15{ padding-top: 15px; }

.view_wrap ul.list_btn{ margin: 86px 0 42px 0;}
.list_btn li{ text-align: center; width: 136px; margin: 0 auto; }
.list_btn li a{ display: block; height: 43px; line-height: 43px; ;border: 1px solid #b5b5b5; text-align: center; background: #fff; font-size: 14px; color: #555; background:url('../img/event/list_icon.png') 44px center no-repeat; padding-left: 22px; }

.list_btn_two{ width: 300px; margin: 0 auto; margin-top: 86px; margin-bottom: 42px; } 
.list_btn_two:after{ content:""; display: block; clear: both; }
.list_btn_two li{ float: left; width: 136px; margin-left: 10px; }
.list_btn_two li:fisrt-child{ margin-left: 0px; }
.list_btn_two li a{ display: block; height: 43px; line-height: 43px; ;border: 1px solid #b5b5b5; text-align: center; background: #fff; font-size: 14px; color: #555; background:url('../img/event/list_icon.png') 44px center no-repeat; padding-left: 22px; }

/*이벤트*/
.e_list_wrap{ width: 662px; padding-bottom: 50px; border-bottom: 1px dotted #6b6b6b; margin-top: 40px;}
.e_list_wrap:first-child{ margin-top: 0px; }
.e_list_wrap:after{ content: ""; display: block; clear: both;}
.e_list_wrap li{ float: left; width: 208px; margin-left: 19px; }
.e_list_wrap li:first-child { margin-left: 0px; }
.e_list_wrap > li > a{ display: block;  }
.e_list_wrap li dl dt img { width:208px; height:256px; }
.e_list_wrap li dl dd p.current_btn{ margin-top: 15px; }
.e_list_wrap li dl dd p.e_con{ font-size: 14px; color: #2c2c2c; padding: 11px 0 10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.e_list_wrap li dl dd p.e_date{ font-size: 12px; color: #666; }

/*공지사항*/
.con_tb_wrap > dl.tit { height: 34px; }
.con_tb_wrap > dl.tit:after{ content:""; display: block; clear: both;}
.con_tb_wrap > dl.tit dt{ float: left; line-height: 32px; font-size: 16px; color: #666; }

.con_tb_wrap > dl.tit dd{ float: right; overflow: hidden; } 
.con_tb_wrap > dl.tit dd input{ float:left; width: 216px; height: 33px; border: 1px solid #d8d8d8; background: #fff; border-right: 0px; text-indent: 10px; }
.con_tb_wrap > dl.tit dd a{ float:right; display: block; width: 35px; height: 35px; line-height: 33px; background: #393939; text-align: center; }
.con_tb_wrap > dl.tit dd a img{ vertical-align: middle;}

.con_tb_wrap table.tb_conlist{ width: 662px; }
.con_tb_wrap table.tb_conlist tr th{ font-size: 14px; color: #666; text-align: center; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #7b7b7b; padding: 15px 0;}
.con_tb_wrap table.tb_conlist tr td{ font-size: 14px; color: #828282; text-align: center; border-bottom: 1px solid #e8e8e8; padding: 19px 0; vertical-align:middle; }
.con_tb_wrap table.tb_conlist tr td.tb_tit{ padding: 0 10px; text-align: left; }
.con_tb_wrap table.tb_conlist tr td.tb_tit span.red{ color: #ed4036; padding-right: 8px; }
.con_tb_wrap table.tb_conlist tr td.tb_tit div.txt_wrap { position:relative; }
.con_tb_wrap table.tb_conlist tr td.tb_tit div.txt_wrap a.tit { display: block; max-width: 370px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #444; float:left; }
.con_tb_wrap table.tb_conlist tr td.tb_tit div.txt_wrap span.new { position:relative; float:left; top:1px; margin-left:10px; }

.view_wrap p.view_tit.fs24{ font-size: 24px; }
.view_wrap ul.list_btn.m10b71{margin: 10px 0 71px 0;}

.view_wrap table.pn_list{ width: 662px; }
.view_wrap table.pn_list tr th{ width: 90px; font-size: 14px; color: #828282; padding: 19px 0 19px 7px; border-bottom: 1px solid #c3c3c3;}
.view_wrap table.pn_list tr:first-child th{ border-top: 1px solid #c3c3c3;}
.view_wrap table.pn_list tr th.pre{ background: url('../img/event/pre_icon.png') 11px center no-repeat; }
.view_wrap table.pn_list tr th.next{ background: url('../img/event/next_icon.png') 11px center no-repeat; }
.view_wrap table.pn_list tr td{ font-size: 14px; color: #828282; border-bottom: 1px solid #c3c3c3; padding: 19px 0 19px 0;}
.view_wrap table.pn_list tr:first-child td{ border-top: 1px solid #c3c3c3;}
.view_wrap table.pn_list tr td.con{ width: 475px; text-align: left; }
.view_wrap table.pn_list tr td a{ display: block; color: #444; width: 425px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.view_wrap table.pn_list tr td a span.red{ color: #ed4036; }

/* 160628 추가 */
.gongzi { display:block; font-size:12px; color:#ed4036; padding-top:13px; background:url('../img/event/ico_star.jpg') 50% 0 no-repeat; }

/* 160705 추가 */
.event_top_bnr { margin-bottom:30px; width:660px; height:266px; border:1px solid #cbcbcb; }
.event_top_bnr dt { float:left; width:432px; height:266px; }
.event_top_bnr dt img { width:432px; height:266px; }
.event_top_bnr dd { position:relative; float:right; width:186px; height:236px; padding:15px 20px; border-left:1px solid #eaeaea; background:#f5f5f5; }
.event_top_bnr dd div.ev_info_wrap { position:absolute; right:20px; bottom:15px; width:187px; }
.event_top_bnr dd span.st1 { display: block; width: 60px; text-align: center; line-height: 21px; font-size: 14px; background: #ed4036; color: #fff; }
.event_top_bnr dd span.st2 { display: block; width: 60px; text-align: center; line-height: 21px; font-size: 14px; background: #b0b0b0; color: #fff; }
.event_top_bnr dd p { padding-left:5px; }
.event_top_bnr dd p.tag { margin-top:10px; font-size:14px; color:#ed4036; }
.event_top_bnr dd p.tit { margin-top:5px; font-size:16px; color:#2c2c2c; }
.event_top_bnr dd p.date { margin-top:5px; font-size:12px; color:#666; }
.event_top_bnr dd a.more { padding-top:20px; text-align:right; display:block; font-size:14px; color:#99999b; }