@charset "utf-8";
/* 공모전, 이벤트 */

/* 공모전 : 메인 */
.contest_visual_wrap {height:664px;}
.contest_visual_inner {height:572px; padding-top:60px; background:#008fd0 url(../images/visual/bg_visual_contest.jpg) no-repeat 50% 0;}

.contest_wrap {position:relative;}
.contest_wrap .slider-controls {position:static;}
.contest_wrap .slider-controls .dots_set {margin:40px 0 0 566px; width:634px; text-align:center;}
.contest_wrap .slider-controls .dots {display:inline-block; margin-top:-1px;}
.contest_wrap .slider-controls .dots .slick-dots {display:inline-block !important; width:auto; margin-top:0;}
.contest_wrap .slider-controls .slick-arrow,
.contest_wrap .slider-controls .slick-next {background:0 none;}
.contest_wrap .slider-controls .slick-arrow {position:absolute; top:70px; left:-85px; z-index:10; width:64px; height:64px; border:2px solid #fff; border-radius:100%; opacity:1;}
.contest_wrap .slider-controls .slick-arrow:after {position:absolute; top:50%; left:24px; width:20px; height:20px; margin-top:-10px; border-top:2px solid #fff; border-left:2px solid #fff; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.contest_wrap .slider-controls .slick-arrow:hover {opacity:1;}
.contest_wrap .slider-controls .slick-next {left:auto; right:-85px;background: none !important;}
.contest_wrap .slider-controls .slick-next:after {left:16px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.contest_wrap .contest_slider_for {position:absolute; top:-92px; left:0; width:526px; height:603px; /*box-shadow:0 20px 20px #c7cace;*/ box-shadow: 0 20px 20px -6px #c7cace;}
.contest_wrap .contest_slider_for .slick-list {overflow:unset;}
.contest_wrap .contest_slider_for .slick-slide {opacity:1 !important;}
.contest_wrap .contest_slider_for .slide {position:relative; display:block !important; height:603px;}
.contest_wrap .contest_slider_for .slide>a {/*display:inline-block;*/display:block;}
.contest_wrap .contest_slider_for .slide>a:focus {border:1px dotted rgba(255,255,255,0.8);}
.contest_wrap .contest_slider_for .thum {position:relative; height:339px; overflow:hidden;}
.contest_wrap .contest_slider_for .thum img {/*width:526px; height:603px; vertical-align:top;*/position:absolute; left:-9999px; right:-9999px; top:0; bottom:0; min-width:100%; height:100%; margin:auto;}
.contest_wrap .contest_slider_for .info {/*position:absolute; bottom:0; left:0; width:100%; height:246px;*/height:264px; padding:32px 24px 40px; color:#000; border-bottom:5px solid #008fd0; background-color:#fff;}
.contest_wrap .contest_slider_for .info .tit {min-height:66px; font-size:28px; font-weight:700; line-height:33px;}
.contest_wrap .contest_slider_for .info .date {/*margin-top:15px;*/margin-top:23px; color:#666; font-size:16px; font-weight:300;}
.contest_wrap .contest_slider_for .info .type {display:inline-block; /*margin-top:35px;*/margin-top:45px; padding:0 24px; height:36px; line-height:33px; font-size:16px; font-weight:300; border:1px solid #ccc; border-radius:18px;}
.contest_wrap .contest_slider_for .info .type>.ellipsis {width:420px;}
.contest_wrap .contest_slider_nav {z-index:1; overflow:hidden; width:1011px; margin:92px 0 0 566px;}
.contest_wrap .contest_slider_nav .slick-track {margin-left:-337px;}
.contest_wrap .contest_slider_nav .slick-active + .slick-active + .slick-active + .slick-slide {opacity:.5;}
.contest_wrap .contest_slider_nav .slide>a {display:inline-block;}
.contest_wrap .contest_slider_nav .slide>a:focus {border:1px dotted rgba(255,255,255,0.8);}
.contest_wrap .contest_slider_nav .slide img {display:inline-block; width:297px; height:420px;}

/* 이벤트 : 메인 */
.event_visual_wrap {height:664px;}
.event_visual_inner {height:572px; background:#0096ed url(../images/visual/bg_visual_event.jpg) no-repeat 50% -1px;}

.event_wrap {position:relative;}
.event_wrap .slider-controls {position:static;}
.event_wrap .slider-controls .dots_set {margin:40px 0 0 566px; width:634px; text-align:center;}
.event_wrap .slider-controls .dots {display:inline-block; margin-top:-1px;}
.event_wrap .slider-controls .dots .slick-dots {display:inline-block !important; width:auto; margin-top:0;}
.event_wrap .slider-controls .slick-arrow,
.event_wrap .slider-controls .slick-next {background:0 none;}
.event_wrap .slider-controls .slick-arrow {position:absolute; top:255px; left:-85px; z-index:10; width:64px; height:64px; border:2px solid #fff; border-radius:100%; opacity:1;}
.event_wrap .slider-controls .slick-arrow:after {position:absolute; top:50%; left:24px; width:20px; height:20px; margin-top:-10px; border-top:2px solid #fff; border-left:2px solid #fff; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.event_wrap .slider-controls .slick-arrow:hover {opacity:1;}
.event_wrap .slider-controls .slick-next {left:auto; right:-85px;background: none !important;}
.event_wrap .slider-controls .slick-next:after {left:16px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.event_wrap .event_slider_for {position:absolute; top:60px; left:105px; width:420px; height:593px; box-shadow: 0 20px 20px -6px #c7cace;}
.event_wrap .event_slider_for .slide>a {display:inline-block;}
.event_wrap .event_slider_for .thum img {width:100%; vertical-align:top;}
.event_wrap .event_slider_nav {}
.event_wrap .event_slider_nav .data {width:100%; height:572px; padding:80px 0 0 603px; color:#fff;}
.event_wrap .event_slider_nav .data>a {display:inline-block; width:calc(100% - 2px);}
.event_wrap .event_slider_nav .event_info {width:463px;}
.event_wrap .event_slider_nav .tit_area .tit {margin-bottom:24px; font-size:28px; font-weight:700; line-height:33px;}
.event_wrap .event_slider_nav .tit_area [class^="flag_"] {margin-bottom:25px;}
.event_wrap .event_slider_nav .info_area {width:100%; padding-top:18px; border-top:1px solid #fff;}
.event_wrap .event_slider_nav .info_area table tbody th,
.event_wrap .event_slider_nav .info_area table tbody td {padding:12px 0; color:#fff; font-size:20px; font-weight:700; text-align:left; vertical-align:top;}
.event_wrap .event_slider_nav .info_area table tbody td {padding:12px 32px;  font-weight:500;}
.event_wrap .event_slider_nav .info_area .tit {position:relative; display:block;}
.event_wrap .event_slider_nav .info_area .tit:after {position:absolute; top:3px; right:0; width:1px; height:17px; background-color:#fff; opacity:.4; content:"";}
.event_wrap .event_slider_nav .info_area .cont {max-width:270px; overflow:hidden; display:inline-block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}

/* 공모전, 이벤트 : 목록 */
.contest_list {margin:-20px -16px 0;}
.contest_list:after {content:""; display:block; clear:both;}
.contest_list>li {float:left; width:25%; margin-top:40px;}
.contest_list>li>a {position:relative; display:block; min-height:442px; margin:0 16px; background-color:#fff;}
.contest_list .thum {width:276px; height:178px; background-color:#e9e9e9;}
.contest_list .info {padding:28px 20px;}
.contest_list .info .tit {min-height:60px; color:#010101; font-size:20px; font-weight:500; line-height:30px;}
.contest_list .info .user {margin-top:20px; font-size:16px; font-weight:300; line-height:1.2em; line-height:16px; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.contest_list .info .date {margin-top:20px; color:#666;}
.contest_list .info .type {display:inline-block; margin-top:35px; padding:0 24px; height:36px; line-height:33px; font-size:16px; font-weight:300; border:1px solid #ccc; border-radius:18px;}
.contest_list .info .type>.ellipsis {width:170px;}
.contest_list [class^="flag_"] {position:absolute; top:140px; right:10px; margin-right:10px;}
.contest_list [class^="flag_"]:after {position:absolute; bottom:0; right:-10px; width:10px; height:10px; background:url(../images/common/bg_flag.png) no-repeat 0 0; content:"";}

/* 공모전, 이벤트 : 상세 */
.contest_view {padding:58px 50px 113px; background-color:#fff;}
.contest_view .head {padding-bottom:32px; border-bottom:1px solid #cdcece;}
.contest_view .title {min-height:64px; margin-bottom:30px; padding-bottom:24px; border-bottom:2px solid #000;}
.contest_view .title .titleBox:after {content:""; display:block; clear:both;}
.contest_view .title .tit {float:left; font-size:28px; font-weight:500;}
.contest_view .title [class^="flag_"] {position:relative; top:-3px; margin-right:5px;}
.contest_view .title .utilItem {float:right; margin-top:10px;}
.contest_view .title .utilItem .shareSnsBox {display:none;}
.contest_view .info table {width:100%;}
.contest_view .info table tbody th, .contest_view .info table tbody td {padding:18px 13px; vertical-align:top;}
.contest_view .info table tbody th {padding:18px; color:#333; font-size:18px; font-weight:700; text-align:left;}
.contest_view .info table tbody th .tit {position:relative; display:inline-block; padding-left:9px;}
.contest_view .info table tbody th .tit:after {position:absolute; top:8px; left:0; display:block; width:3px; height:3px; background-color:#0594d4; content:"";}
.contest_view .info table tbody td {width:3px; height:3px; color:#666; font-size:16px; letter-spacing:-1px;}
.contest_view .info table tbody td .btn_area {margin:0 0 0 5px; text-align:left;}
.contest_view .cont {padding:59px 18px 0;}
.contest_view .cont .detail {width:800px; margin:0 auto; padding:60px 0;}
.contest_view .cont .detail img,
.contest_view .cont .detail .img {max-width:800px !important;}
.contest_view .cont .detail .img+.text {margin-top:40px;}
.contest_view .cont .btn_area {margin-top:80px;}

.contest_view .head.fixed .titleBox {position:fixed; top:0; left:0; z-index:1; background-color:#fff; width:100%; height:88px; padding:28px 0 32px; box-shadow:0 0 5px #bbb; border-bottom:0 none;}
.contest_view .head.fixed .titleBox .tit {width:620px; font-size:26px; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.contest_view .head.fixed .titleBox>.boxing {position:relative; width:1365px; margin:0 auto; padding:0 86px;}
.contest_view .head.fixed .titleBox>.boxing:after {content:""; display:block; clear:both;}
.contest_view .head.fixed .utilItem {position:relative; top:-6px;}
.contest_view .head.fixed .utilItem .shareSnsBox {display:block;}
.contest_view .head.fixed .utilItem .detailUtil {margin-top:-7px;}
.contest_view .head.fixed .prev_news, .contest_view .head.fixed .next_news {position:absolute; top:50%; left:0; display:block !important; width:52px; height:36px; margin-top:-21px; background:url(../images/common/bg_board_util.png) no-repeat -102px -57px;}
.contest_view .head.fixed .next_news {left:auto; right:0; width:50px; background-position:-154px -57px;}

.size02 .contest_view .info table tbody th {font-size:20px;}
.size02 .contest_view .info table tbody td {font-size:18px;}
.size03 .contest_view .info table tbody th {font-size:22px;}
.size03 .contest_view .info table tbody td {font-size:20px;}
.size04 .contest_view .info table tbody th {font-size:24px;}
.size04 .contest_view .info table tbody td {font-size:26px;}



/* 231025 바로보기버튼 추가 */
.contest_view .info table tbody td .btn_area{
    margin: 0 auto;
    text-align:center;
}
.btn_right_box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 0 12px;
}
.btn_right_box button{
    position: relative;
    padding-left: 30px;
    width: 117px;
    height: 40px;
    font-size: 16px;
    color:#666;
    border:1px solid #ddd;
}
.btn_right_box button::before{
    content:"";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}
.btn_right_box .btn_view{
    /* border-right: none; */
    margin-right: 5px;
}
.btn_right_box .btn_view::before{
    left: 15px;
    background:url("../images/common/ic_baroview.png") no-repeat center/cover;
}
.btn_right_box .btn_listen{}

.btn_right_box .btn_listen::before{
    background:url("../images/common/ic_barolisten.png") no-repeat center/cover;
}