@charset "utf-8";

body {min-width:auto;}

ul.projectList {margin-bottom:0;width:100%;text-align:center;zoom:1;}
ul.projectList:after {content:"";display:block;clear:both;}
ul.projectList li {position:relative;float:left;width:352px;margin:0 12px 41px 0;border:0;}
ul.projectList li a {display:block;position:relative;}
ul.projectList li img {width:352px;height:231px;}
ul.projectList li p {position:relative;padding:0;border:0;font-size:16px;text-align:center;height:25px;line-height:25px;font-family: "Noto Sans";}
ul.projectList li .plan_info {position:absolute;bottom:25px;left:50%;margin-left:-144px;width:288px;background:#fff;opacity:0.7;filter:alpha(opacity = 70);}
ul.projectList li .plan_info p {padding-left:0;border:0;font-size:16px;text-align:center;height:auto;line-height:1;}
ul.projectList li .plan_info .plan_tit {display:table;width:100%;height:50px;color:#000;font-family: "Noto Sans";}
ul.projectList li .plan_info .plan_tit span {display:table-cell;padding:0 10px;vertical-align:middle;font-family: "Noto Sans";line-height:1.2;}
ul.projectList li .plan_info .plan_tit span em {display:block;width:268px;font-size:18px;font-weight:bold;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.projectList li .plan_info .plan_tit span em.small_tit {width:268px;margin-bottom:4px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.projectList li.on > span {display:block;position:absolute;left:-2px;top:-2px;width:316px;height:185px;border:2px solid #ff3333;}
ul.projectList li.on > span {display:none}
ul.projectList li p span.viewnum{position:relative;display:inline-block;font-size:16px;text-align:center;height:25px;line-height:25px;font-family: "Noto Sans";padding-left:10px;margin-left:10px;}
ul.projectList li p span.viewnum:before{display:inline-block;content:"";position:absolute;top:6px;left:0;width:1px;height:16px;background:#333;}
ul.projectList li p a {position:relative;top:-3px;right:0;display:inline-block;height:17px;line-height:16px;padding:0 7px;background:#b175c5;border-radius:2px;color:#fff;font-size:11px;letter-spacing:-1px;}
ul.projectList li p a:hover {color:#fff !important;}
ul.projectList li .plan_info .plan_date {height:20px;padding:8px 0 12px 0;color:#666;font-family:"Malgun Gothic", "맑은고딕"}
ul.projectList li > a > span {display:block;position:absolute;}
ul.projectList li > a span.recom1 {right:9px;top:10px;width:67px;height:65px;background:url('/images/pc/support/project/ico_recommend1.png') 0 0 no-repeat;}
ul.projectList li > a span.recom2 {right:9px;top:10px;width:67px;height:65px;background:url('/images/pc/support/project/ico_recommend2.png') 0 0 no-repeat;}
ul.projectList li > a span.hitItem {right:16px;top:38px;width:97px;height:112px;background:url('/images/pc/support/project/ico_HITItem.png') 0 0 no-repeat;}
ul.projectList li p a {position:absolute;right:0px;top:5px;}
ul.projectList li p a.projectWinner {top:14px;}
ul.projectList + .pageWrap {padding-top:0;margin-top:0;}
ul.end li > a {cursor:default;}

ul.projectList li .plan_close{position:absolute;top:13px;right:13px;z-index:1;width:56px;height:56px;border-radius:28px;background-color:#d71826;text-align:center;font-size:19px;line-height:52px;color:#fff;}
ul.projectList .plan_info {bottom:35px!important;}
ul.projectList .plan_info+p {padding-top:10px!important;}

div.pjtWrap .sel_area {padding-bottom:20px;}
div.pjtWrap .sel_area:after {content:"";display:block;clear:both;}
div.pjtWrap select {float:right;width:148px;height:30px;}
div.pjtWrap .sel_area.btn_area {position:relative;height:30px;}
div.pjtWrap .sel_area.btn_area select {position:absolute;top:0;right:68px;}
div.pjtWrap .sel_area.btn_area .btn.bd_gray04 {position:absolute;top:0;right:0;}

.plan_event {letter-spacing:-1px;}
.plan_event h3.titN {padding-top:0;color:#000;font-size:26px;font-family: "Noto Sans";}
.plan_event h4 {margin-bottom:0;}
.plan_event table.board_list {border-top:0;border-top:2px solid #9d9d9d;border-bottom:1px solid #9d9d9d;}
.plan_event table.board_list th {height:auto;padding:8px 0;background:#efefef;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#000;font-size:17px;font-family: "Noto Sans";}
.plan_event table.board_list th:first-child, .plan_event table.board_list td:first-child {border-left:0;}
.plan_event table.board_list tr:first-child td {border-top:0;}
.plan_event table.board_list td {padding:14px 10px 15px;border-bottom:0;border-top:1px solid #eaeaea;border-left:1px dashed #dcdcdc;color:#666;font-size:16px;font-family: "Noto Sans"; text-align:center;}
.plan_event table.board_list td.left {text-align:left;}
.plan_event table.board_list td.result_none {padding:65px 0;background:url('/common/pc/olleh2.0/img/ico/ico_result_none.png') no-repeat 403px 50%;color:#010101;font-size:20px;font-family: "Noto Sans";text-align:center;}
.plan_event table.board_list .link {color:#333;font-size:16px;font-family: "Noto Sans";}
.plan_event table.board_list .link:hover {color:#333 !important;}
.plan_event div.pageWrap {padding-top:11px;}
.plan_event div.eventWinnerList {padding-top:9px;background:none;}
.plan_event div.eventWinnerList > div {display:block;}
.plan_event .tabs.type02 .tab_contents .target {padding:72px 0 0;}
.plan_event .tabs.type02 .tab_contents {position:relative;background:none;}
.plan_event .tabs.type02 .tab_contents:after {content:"";position:absolute;top:50px;left:0;display:block;width:100%;height:2px;background:#f82a2a;}
.plan_event .tabs.type02 .tab_contents .trigger {top:5px;width:182px;}
.plan_event .tabs.type02 .tab_contents .trigger.active {top:2px;}
.plan_event .tabs.type02 .tab_contents .trigger.active a {height:48px;line-height:48px;border:2px solid #f82a2a;color:#f82a2a;border-bottom:0;background:#fff;}
.plan_event .tabs.type02 .tab_contents .trigger.active a:hover {color:#f82a2a !important;}
.plan_event .tabs.type02 .tab_contents .trigger a {height:44px;line-height:45px;border:1px solid #e5e5e5;color:#666;font-size:18px;font-family: "Noto Sans";display:block;width:100%;text-align:center;padding:0;background:#f8f8f8;}
.plan_event .tabs.type02 .tab_contents .trigger a:hover {color:#666 !important;}
.plan_event .tabs.type02 .tab_contents .trigger.tab02 {left:183px;}
.plan_event .tabs.type02 .tab_contents .trigger.tab03 {left:366px;}
.plan_event .tabs.type02 .tab_contents .trigger.tab04 {left:549px;}

/*테마관*/
.plan_theme_wrap .top_banner_wrap{height:160px;text-align:center;background:#f6f6f6;}
.plan_theme_wrap .top_banner_wrap .top_banner img{height:100%;}

.plan_theme_wrap .theme_list{width:1080px;margin:40px auto 0;font-size:0;display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.plan_theme_wrap .theme_list li{position:relative;margin-top:40px;width: 525px;vertical-align:top;}
.plan_theme_wrap .theme_list li:nth-child(n+3){margin-top: 30px;}
.plan_theme_wrap .theme_list li a{display:block;}
.plan_theme_wrap .theme_list li img{width:100%;border-radius: 20px;}
.plan_theme_wrap .theme_list li .txt{position:absolute;left:32px;bottom:75px;padding-right:40px;word-break:keep-all;text-align: left;}
.plan_theme_wrap .theme_list li strong{display:block;font-size:24px;line-height:40px;color:#000;letter-spacing: -0.6px;font-family: "Noto Sans";}
.plan_theme_wrap .theme_list li p{padding-top:4px;font-size:16px;line-height:24px;color:#000;letter-spacing: -0.4px;font-family: "Noto Sans";}