@charset "utf-8";



/* Home Visual */

body.home .section.home_visual {
/*
position: relative; width: 100%;
background-image: url("/static/images/web_main_bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
*/
}

canvas{ display: block; vertical-align: bottom; }
/* ---- particles.js container ---- */
#particles-js{
    position:absolute;
    width: 100%;
    height: 900px;
    background-color: #777777;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
/* ---- stats.js ---- */
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

.js-count-particles{ font-size: 1.1em; }
#stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles{ border-radius: 0 0 3px 3px; }


#particles-js h2 {color: #fff;}
#particles-js h4 {color: #eee;}
#particles-js .exp {font-size: 20px; color: #fff;}

body.home .section {overflow: hidden;}
body.home .tit {text-align: left; margin-top: 110px; margin-left: 50px; font-size: 36px;}
body.home .section#section0 {background: #ffffff; padding-top: 50px; padding-bottom: 160px;}
body.home .section#section1 {min-height: 750px; background: #999999;}
body.home .section#section2 {min-height: 1050px; background: #ffffff;}
body.home .section#section0 {min-height: 900px; background: #f6f6f6;}
body.home .section#section3 {min-height: 900px; background: #333; padding-bottom: 50px;}
body.home .section#section3 .tit {color: #fff;}
body.home .section#section3 .pf_subj {margin: 10px; color: #ccc; font-size: 14px;}
body.home .section#section4 {min-height: 900px; background: #ffffff; padding-bottom: 160px;}
body.home .section#section5 {min-height: 900px; background: #e5e5e5;}
body.home .section#ft {height: 500px; background: #ccc; text-align: left;}


body.home .section#section0 .pd_box {border: 1px solid #eee;}
body.home .section#section0 .pd_tit {font-size: 1rem; margin-top: 10px;}
body.home .section#section0 .pd_dsc {font-size: .7rem; margin-top: 5px; color: #a8b0b6;}


body.home .section.home_visual .home_copy { width: 90%; max-width: 668px; top: 40%; }
body.home .section.home_visual .home_copy .abs_award {position: absolute; top: 12px; left: -330px; width: 300px;}

body.home .section.home_visual .container .home_copy .home_tit {position: absolute; width: 20%; height: 5%; left: 58%; top: 45%; color: #aaa; font-size: 22px;}
body.home .section.home_visual .container .home_copy .home_countdown {position: absolute; width: 25%; height: 8%; left: 57.3%; top: 50%;  color: #ffdd36; font-family: 'Montserrat', sans-serif; font-size: 4.4em;}
body.home .section.home_visual .container .home_copy .home_countdown span {font-weight: 100;}
body.home .section.home_visual .container .home_copy .home_period {position: absolute; width: 20%; height: 5%; left: 58.5%; top: 63%; color: #aaa; font-size: 0.8em;}
body.home.en .section.home_visual .container .home_copy .home_period {position: absolute; width: 21%; height: 5%; left: 58.5%; top: 63%; color: #aaa; font-size: 0.7em;}
body.home .section.home_visual .container .home_copy .home_reg_visual {position: absolute; width: 18%; height: 7%; left: 58.5%; top: 73%; color: #aaa; font-size: .8em; border: #4c5e68 1px solid; }
body.home .section.home_visual .container .home_copy .home_reg_visual span {font-size: 16px; color: #fff;}
body.home.en .section.home_visual .container .home_copy .home_reg_visual span {font-size: 22px; color: #fff;}
body.home .section.home_visual .container .home_copy .home_reg_visual .svg {width: 20px;}


/*
body.home .section.home_visual .container .btn_reg_home {margin-left: 101px; margin-top: 0px; background: #fff; color: #0b2e13; border: 0; font-size: 24px;}
*/


@media (max-width: 640px){
    body.home .section.home_visual .container .home_copy .home_tit {font-size: 10px;}
    body.home .section.home_visual .container .home_copy .home_countdown {font-size: 2em; top: 52%;}
    body.home .section.home_visual .container .home_copy .home_period {font-size: 0.3em; width: 23%; top: 67%;}

    body.home .section.home_visual {}
    body.home .section.home_visual .container {height: 500px;}
    body.home .section.home_visual .container .home_copy { width: 100%; margin-top: -20px;}
    body .section.hd .container {width: 94%;}
    body .section.hd>.container {width: 100%;}

    body.home .section.home_visual .home_copy .abs_award {position: absolute; top: 140px; left: 0px; width: 65%;}
}

body.home .container {margin: 0 auto; max-width: 1120px;}


.btn_reg {background: #00C1B5; border: 0px; color: #fff; font-size: 18px; padding: 6px 50px;margin-top: 20px; line-height: 30px;}
.btn_tour {background: #10b2ff; border: 0px; color: #fff; font-size: 18px; padding: 6px 50px;margin-top: 20px; line-height: 30px;}
@media (max-width: 640px){
    .btn_reg {width: 100%;}
    .btn_tour {width: 100%; margin-top: 5px;}
}





body.home .section.cont {background: transparent; overflow: hidden; background: #f6f5f3;}
body.home .section.cont .home_cont {margin-top: 40px; margin-bottom: 40px; }

body.home .section.cont .home_cont .home_latest {min-height: 270px; text-align: left; font-size: 15px;}

body.home .section.cont .home_cont .home_latest ul li {line-height: 18px;}
body.home .section.cont .home_cont .home_latest .home_schedule {width: 280px;}
body.home .section.cont .home_cont h3 {color: #111; font-size: 28px;}
body.home .section.cont .home_cont h3 span {font-size: .7em; margin-left: 30px; color: #666; font-weight: normal;}

body.home.en .section.cont .home_latest {min-height: 270px; text-align: left; font-size: 13px;}
@media (max-width: 640px){
    body.home .section.cont .home_cont .home_latest .home_schedule {width: 50%;}
    body.home .section.cont .latest {min-height: 400px; height: auto; text-align: left; font-size: 15px; border-top: 3px solid #6CCDAC; padding: 15px 20px;}
    body.home.en .section.cont .latest {min-height: 400px; height: auto; text-align: left; font-size: 13px; border-top: 3px solid #6CCDAC; padding: 15px 20px;}
}




@media (max-width: 640px){
    body.home .section.cont {background: #fff; overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
    body.home .section.cont .home_cont {margin-top: 0px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px;}
    body.home .section.cont .latest {min-height: 180px; height: unset; font-size: 14px;}
}



body.home  .box_tray {position: relative; text-align: left;}
body.home  .box_tray .box {position: absolute; width: 166px; height: 166px;}
body.home  .box_tray .box1 {top: 0; left: 0; background: #0092B9;}
body.home  .box_tray .box2 {top: 0; left: 167px; background: #00C1B5;}
body.home  .box_tray .box3 {top: 0; left: 334px; background: #576468;}

.no_data {min-height: 165px;}
.latest .subj {width: 70%; padding: 7px 12px;}
.cont {text-align: right;}
.latest {border-bottom: 0px solid #ddd;}


/*
.popup {position: absolute; top: 190px; left: 50%; transform:translateX(-50%); width: 900px; height:300px; z-index: 1200;}
.popup #popup1 {position: absolute; top: 0px; left: 0px; width: 420px; height: auto;  background: #fff; border-top: 5px solid #9b2c2b;}
.popup #popup2 {position: absolute; top: 0px; right: 0px; width: 470px; height: auto;  background: #fff; border-top: 5px solid #07badc;}
*/
.popup {position: absolute; top: 100px; left: 100px; width: 900px; height:10px; z-index: 1200; font-size: 15px;}
.popup #popup1 {position: absolute; top: 0px; left: 0px; width: 420px; height: auto;  background: #fff; border-top: 3px solid #96edff;}
.popup #popup2 {position: absolute; top: 0px; right: 0px; width: 470px; height: auto;  background: #fff; border-top: 5px solid #07badc;}
.uk-modal .pd_box {border: 1px solid #f6f6f6;}

@media (max-width: 640px){
    .popup {width: 90%; top: 140px;}
    .popup #popup1 {position: relative; top: unset; left: unset; width: 100%; height: auto;  background: #fff; border-top: 5px solid #07badc;}
    .popup #popup2 {position: relative; top: unset; right: unset; width: 100%; height: auto;  background: #fff; border-top: 5px solid #07badc;}
}

/*#remain {font-size: 2.4em; line-height: 1.4em; color: #fff; margin-top: 0px; }*/
.DD {font-size: 1.2em; line-height: 1.2em; display: block;}
.hms {font-size: .8em; line-height: 24px; font-weight: normal; color: #B7B7B7;}
.uk-card-title#remain .svg-inline--fa {font-size: 30px; margin-right: 5px;}

.uk-modal-dialog {
    width: 800px;
}
body.home .home_notice .latest_notice {display: inline-block; width: 420px; font-size: 15px;}
body.home .home_notice .uk-text-meta {text-align: right; font-size: 14px;}
body.home .latest ul li {}
body.home .latest span {color: #fff;}
body.home .latest .home_schedule {display: inline-block; width: 120px; font-size: 15px; color: #fff; font-weight: 500;}
body.home.en .latest .home_schedule {display: inline-block; width: 140px; font-size: 13px; color: #fff; font-weight: 400; line-height: 14px;}
body.home.en .latest li span span.uk-text-meta {font-size: 13px;}
@media (max-width: 640px) {
    body.home .home_notice .notice_box {min-height: 200px;}
    body.home .section.cont .home_cont .home_latest {min-height: 200px; text-align: left; font-size: 15px;}
}

.timer h4{border-top: 1px solid #6a6161; padding-top: 10px; color: #eee;}

#winner_B {border: 1px solid #6a6161;}
.uk-table-small td, .uk-table-small th {padding: 10px 2px;}

.latest .uk-table-small td, .uk-table-small th {padding: 10px 2px; font-size: 16px;}

li span.uk-text-meta {font-size: 16px;}

@media (max-width: 640px) {



    .home .uk-h3, h3 {
        font-size: 1.1rem;
        line-height: 1.1;
    }
    #remain {font-size: 1.2em; line-height: 48px; color: #fff; margin-top: 0px;}
    .DD {display: inline-block;font-size: 1.8em; line-height: 24px; margin-right: 40px;}
    .hms {display: inline-block;font-size: 1.2em; line-height: 24px; font-weight: normal; color: #B7B7B7;}

    body.home .home_schedule {display: inline-block; width: 100%; font-size: 14px;}
    body.home .home_schedule span {display: block; width: 100%; font-size: 14px;}
    .latest .uk-table-small td, .uk-table-small th {padding: 6px 2px; font-size: 13px;}
    .section.footer {padding-left: 12px; padding-right: 12px;}
    .uk-grid-small div {font-size: 16px;}
}

.section.footer {background: #fff;}

h3.uk-heading-divider {margin: 0 0 0 0; border-bottom: 1px solid #555;}
*+.uk-placeholder {
    margin-top: 0px;
}


.dn_icon {width: 40px; margin: 0 auto; display: block; margin-bottom: 10px;}
.dn_banner .uk-button { background: #151414; font-size: 1.1em; padding: 10px 5px; line-height: 1.4em; margin-top: 20px; border: 1px solid #3e3300   ; color: #ccc;}
@media (max-width: 640px) {
    .dn_icon {width: 16px; margin: 0 auto; display: inline-block; margin-bottom: 3px; margin-right: 5px;}
    .dn_banner .uk-button { margin-top: 14px;}
}

body.home .home_banner {position: absolute; width: 350px; text-align: left; top: 10px; opacity: .9; color: #000; z-index: 1000;}
.more_link img {width: 20px; padding-bottom: 4px;}
.close_btn {position: absolute; top: 10px; right: 10px;}
@media (max-width: 640px) {
    body.home .home_banner {width: 100%; text-align: left; opacity: 1; top:20px; color: #000; z-index: 1000;}
}

body.home .notice_box {position: relative; min-height: 200px; width: 100%; margin-bottom: 10px;}
body.home.en .notice_box {position: relative; min-height: 240px; width: 100%; margin-bottom: 0;}
body.home .notice_box .uk-text-truncate {margin-bottom: -5px;}
body.home h3 a {color: #111;}
body.home .uk-table-small td, .uk-table-small th {padding: 9px 2px;}

@media (max-width: 640px){
    body.home h3, body.home h3 a {color: #111; font-size: 24px;}
    body.home .section.cont .home_cont h3 {color: #111; font-size: 24px;}
    body.home .notice_box {position: relative; height: 200px; width: 100%;}
    body.home .home_notice .latest_notice {display: inline-block; width: 70%; font-size: 15px;}

    body.home  .box_tray {position: relative; text-align: left;}
    body.home  .box_tray .box {position: relative; width: 33%; height: auto;}
    body.home  .box_tray .box1 {display: inline-block; top: unset; left: unset; background: #0092B9;}
    body.home  .box_tray .box2 {display: inline-block; top: unset; left: unset; background: #00C1B5;}
    body.home  .box_tray .box3 {display: inline-block; top: unset; left: unset; background: #576468;}
}

.home_latest table tr td:first-child {font-weight: 444; color: #333;}

body.home .bn {height: 60px; margin-right: 1px; position: relative; color: #fff;}

body.home.ko .bn {height: 60px; margin-right: 1px;}
body.home.en .bn {height: 60px; margin-right: 1px;}

.footerInfo {
    color: #555;
    font-size: 14px;
    margin-top: 50px;
}

.uk-label.year {
    font-size: 2rem; margin-bottom: 0; margin-top: 0px; background: transparent; color: #0a0a0a; font-weight: 100;
}
#section4 ul li {line-height: 1.7em;}

#section4 .uk-card {font-size: 18px;}
#section4 .uk-card .subj {font-size: 20px; background: #eee; padding: 5px 30px 3px 50px; width: 20%; text-align: center; color: #222;}
@media (max-width: 640px){
    .uk-label.year {font-size: 1.8rem;}
    #section4 .uk-card {font-size: 14px;}
    #section4 .uk-card .subj { width: 50%;}
}

.home_cont:hover {cursor: pointer;}
.home_cont .splide {height: 116px; overflow: hidden;}