@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

body {
    font-family: 'Noto Sans KR', sans-serif;
}
.container {width: 100%; max-width: 1300px; margin: 0 auto; }

/********** useful **********/
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}
.clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.none {display:none !important;}
/********** // useful **********/

.tit_box {width: 100%; height: 75px; line-height: 75px; font-size: 1.1em;  background-color: #f7f7f7;  box-sizing: border-box;  padding: 0 20px;  color: #151515;  font-weight: 500;  position: relative;}

/* prize_list */
.new_borad_4 {margin-top: 40px;}
.img_top_box {position:relative;}
.img_box {position: relative;}
.state {position: absolute; left: 20px; bottom: -15px; display: inline-block; width: 85px; height: 80px; line-height: 67px; text-align: center;  font-size: 12px; font-weight: bold; background: #000; color: #fff;}
.state > em {position: absolute; bottom: 31px; left: 1%; width: 85px; height: 30px; display: inline-block;}
.state.com_end {background: #ba212c;}
.state.ing {background: #2d4c78;}
.state.one {line-height: 78px !important;}
.state.com_ing {background: #ffa82c;}
.state.plan {background: #0eafe6;}

.btn_area {margin-bottom: 20px; text-align: center;}
.btn_area .submit_btn {display: inline-block; width: 210px; height: 53px; lne-height: 51px; background-color: #2081b9; text-align: center; color: #ffffff; font-weight: bold;}

.prize_list li a {display: inline-block; width: 200px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #dedede; margin: 0 auto; font-weight: 300; font-size: 12px;}

.prize_list{padding-top: 30px; width: 95%; margin: 0 auto;}
.prize_list li{position: relative; overflow: hidden; float: left; width: 421px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #dbdbdb; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box;}
.prize_list li:nth-child(3n){margin-right:0;}
.prize_list li .txt_hover{position: absolute; width:100%;  bottom: -85px; transition: 0.3s; text-decoration: none; padding: 5% 8%; background: #fff;}
.prize_list li .img_area > a {display:block; position:relative; padding-bottom:56.5%;}
.prize_list li .img_area > a > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.prize_list li a{display:block;}
.prize_list li a:hover .txt_hover{bottom: 0;}
.prize_list li a .img_area{ width: 100%; position: relative; padding-top: 70.5%;}
.prize_list li a .img_area img{position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.prize_list li .txt_hover .tit{color: #272727; display: block; display: -webkit-box; line-height: 1.3em; height: 2.6em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125em;}
.prize_list li .txt_info {position: relative; max-height: 211px; min-height: 183px; padding: 74px 24px 34px; background: #fff;}
.prize_list li .txt_info a{ display:block;}
.prize_list li:hover { -webkit-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); -moz-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); box-shadow: 0px 5px 8px rgba(182,182,182,0.65);}
.part_info p {position: relative; padding-bottom: 6px; padding-left: 10px; font-size: 15px; color: #504f4f; overflow: hidden;
    word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.part_info p:last-child {padding-bottom: 0;}
.part_info p:after {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #191919;}
.prize_list li .txt_info .tit{padding: 0 10px; background: #6eabca; text-align: center; line-height: 47px; color: #fff; font-weight: 500;height: 49px; position: absolute; width: 100%; left: 0; top: 0;overflow: hidden; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.375em;}
.img_area img {width:100%; height:100%;}

/* sub3_4  */
.prize_list li .txt_hover .tit{color: #272727; display: block; display: -webkit-box; line-height: 1.3em; height: 2.6em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125em;}
.prize_list li .txt_info2 { padding: 34px 16px; background: #fff;}
.prize_list li .txt_info2 a{ display:block;}
.prize_list li .txt_info2 .tit{overflow: hidden; margin-bottom: 30px; color: #272727; display: block; line-height: 1.4; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size: 20px; font-weight: 700;}
.prize_list li .txt_info2 .reg_date{overflow: hidden; margin-bottom:14px; width: 100%;}
.prize_list li .txt_info2 .reg_date:last-child {margin-bottom:0;}
.prize_list li .txt_info2 .reg_date span{float: left; display: inline-block; width: 21%; font-size: 14px;  margin-top: 1px;  color: #333333; font-weight: 400; margin-top: -1px;}
.prize_list li .txt_info2 .reg_date p{float: left; display: inline-block; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap;  word-wrap: break-word;  -webkit-line-clamp: 1;  line-height: 1.3em;  width: 79%;  height: 1.3em; -webkit-box-orient: vertical; font-size: 13px;  margin-top: -2px;}
.prize_list li .txt_info2 .reg_date .btn_chk{display: inline-block; width: 100%; height: 40px;line-height: 40px; text-align: center; color: #fff; font-size:0.938em; font-weight: 300; background-color:#363c56; margin-top:8px;}
.prize_list li .txt_info2 .empty_area p {height:40px; margin-top:8px;}

.ly_slide_02 {position: relative; margin-top: 15px;}
.swiper.performance_slide { overflow: hidden;}
.swiper-container-horizontal > .swiper-pagination-bullets { top: inherit; bottom:-30px; }
.swiper-pagination-bullet {background: #0eafe6;}

.performance_slide div img {max-width: 100%; max-height: 100%;}
.home_link {display: block; width: 200px; height: 50px; line-height: 48px; text-align: center; background: #ffa82c; color: #ffffff; font-weight: bold; margin: 50px auto 0;}


.ly_img_area_02.ver1 {padding: 13px 0; border-bottom: 1px solid #57575a; width: 100%; box-sizing: border-box; overflow: hidden;}
.ly_table > li {overflow: hidden; padding-bottom: 7px;}
.ly_table > li > div {float: left; display: table-cell; color: #333333;   font-weight: 300; font-size: 14px; line-height: 19px; font-size: 0.9em;}
.ly_table > li > div.lt_tb {width: 35%; font-weight: 400;}
.ly_table > li > div.rt_tb {width: 65%;}

/* ytb_block */
.ytb_block {max-height:635px;height:50vw;}

/* animation keyframes */
@-webkit-keyframes scale1_3 {
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100% {transform:scale(1);}
}
@keyframes scale1_3 {
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100% {transform:scale(1);}
}


.layer_popup {
        height: 123vw;
        overflow-y: scroll;
        display: none;
        position: fixed;
        top: 17vw;
        left: 5vw;
        z-index: 99999999999;
        width: 90%;
        padding: 5vw 6vw 9vw;
        box-sizing: border-box;
        background: #ffffff;
    }

    .layer_popup.show {
        display: block;
    }

    .lay_box {
        position: relative;
    }

    .lay_box.lay_bg {
        width: 100%;
        height: 100%;
    }

    .lay_box.lay_bg:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000;
        opacity: 0.7;
        z-index: 999999999;
    }

    .close_btn {
        position: absolute;
        top: 0;
        z-index: 9999999999;
        display: inline-block;
        width: 100px;
        height: 100px;
        background: red;
    }

    .item_txts .item_txt {
        display: inline-block;
        width: 24%;
        text-align: center;

        font-size: 0.7em;
    }

    .item_txts .item_txt span {
        display: block;
    }


    .ly_title {
        margin-bottom: 12px;
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
        color: #272727;
        word-break: keep-all;
    }

    .ly_img {
        text-align: center;
        margin-bottom: 15px;
    }

    .ly_img img {
        max-width: 100%;
        max-height: 100%;
    }

    .ly_img_area_02 img {
       max-width: 100%;
    max-height: 100%;
    margin: 10px auto;
    display: block;
    }

    .ly_cont {
        padding-top: 5px;
        padding-bottom: 13px;
        border-bottom: 1px solid #57575a;
        color: #57575a;
        font-size: 1.0em;
    }

    .ly_cont .ly_txt {
       display: table;
        table-layout: fixed;
        width: 100%;
        padding-bottom: 13px;
        font-size: 0.9em;
    }

    .ly_cont .ly_txt:last-child {
        padding-bottom: 0;
    }

    .ly_cont .ly_txt span {
       display: table-cell;
        width: 30%;
        margin-right: 7px;
        margin-bottom: 5px;
        color: #000000;
        font-weight: 400;
    }

    .ly_cont .ly_txt em {
        width: 70%;
        display: table-cell;
        color: #0e0e0e;
        font-weight: 300;
    }

    .la_txt {
        padding-top: 23px;
        font-size: 0.8em;
        color:  #767676;
    }


     .lay_pop_btn {
        position: fixed;
        z-index: 9999999999999999999999;
        display: none;
        top: 5vw;
        left: 45%;
        background: none;
        border: none;
    }



/****************** respond ******************/

@media screen and (max-width:1380px){ 

    .prize_list li {width: 32%; margin-right: 1.5%;}
}


@media screen and (max-width:1100px){ 

     .prize_list li {width: 49%; margin-right: 2%;}
     .prize_list li:nth-child(2n) {margin-right: 0%;}
     .prize_list li:nth-child(3n) {margin-right: 2%;}

 }

@media screen and (max-width:991px){

    .container {width:98%}
}

@media screen and (max-width:768px){
    
    .prize_list li {width : 98%; margin: 0 1% 15px;}
}


@media screen and (max-width:450px){

    .ly_cont .ly_txt {
        display: block;
        table-layout: inherit;
        padding-bottom: 9px;
    }

 
     .ly_cont .ly_txt span {
       display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .ly_cont .ly_txt em {
        display: block;
        width: 100%;
    }

  
     
}

/************ *********/

.hand{cursor:pointer}