@charset "utf-8";

html {color: #474747;}
.hot a, .hot a:hover, .hot a:active, .hot a:visited {color: #fff;}

.section.nav {
    position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 100; opacity: 1;
}



body.sub.fixed-header-on .section.nav {
    position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 100; background-color: rgba(0, 0, 0, 1);
}

body.en.site .uk-text-meta {
    font-size: .750rem;
    line-height: 1.4;
    color: #999;
}

.cb_logo {width: 200px;}
.svg {margin-left: 8px; width: 22px; margin-bottom: 3px;}

.home ul li {line-height: 1.2;}

.cont_body table.list {
    border-top: 0;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.uk-table-small td {
    padding: 7px 12px;
}

.uk-table-small.list td {
    padding-left: 0;
}

.uk-table-small td .subj.bullet {
    display: list-item;
    margin-left: 20px;
    list-style-type: disc;
}
body.en .uk-table.brief td .subj.bullet {
    width: 200px;
}

.uk-card-primary {
    background: #60ac7b;
    color: #fff;
}

.uk-card-secondary {
    background: #797979;
    color: #fff;
}
#mmenu {display: none; z-index: 21; position: absolute; width: 100%; background: #000; opacity: .4;}
@media (max-width: 640px){
    #mmenu {display: none; z-index: 21; position: absolute; width: 100%; background: #000; opacity: 1;}
}


body:not(.home) .section.hd {
    /*background: url("/static/images/visual_sub.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;*/
}

@media (max-width: 640px){
    body:not(.home) .section.tit {height: 150px; padding-top: 60px; font-size: 15px;}
    body:not(.home) .section.hd {
        /*height: 180px;
        background: url("/static/images/sub_bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;*/
    }
}


body:not(.home) .section.tit .container .hd_tit {
    font-size: 2rem; color: #222;
}

body:not(.home) .menubar {border-bottom:0px solid #d4d3cd; }
/*
body:not(.home) .menubar {background: #487d9f; border-top: 0; border-bottom: 0;}
body:not(.home) .menubar .d1_g .d1_a {color: #fff;}
*/
body:not(.home) .section.cont {margin-top: 50px; margin-bottom: 50px;}

.cont_body>ul>li {font-size: 18px;}
.cont_body>ul>li>ul>li, .cont_body>ul.sm>li {font-size: 15px;}
.cont_body p:not(.uk-text-meta), .cont_body table {font-size: 15px;}

body.jury .cont_body p {font-size: 14px; line-height: 24px;}
body.jury .cont_body ul li {font-size: 14px; line-height: 14px;}

/*--------------------
section.nav
--------------------*/
.section.nav {height: 70px; }
.section.nav .nav_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .9;}
.sub .section.nav .nav_bg {opacity: 0.9;}
@media (max-width: 640px){
    .section.nav {height: 65px; box-shadow: unset;}/*0 5px 15px rgba(0,0,0,.08)*/
}
.section.hd {}


.uk-button-primary, .uk-button-primary:link, .uk-button-primary:visited, .uk-button-primary:active {
    background-color: #ff2c2c;
}
.uk-button-primary:hover {
    background-color: #d20000;
}


body.competition .uk-width-small { width: 20%;}
.col1 {width: 10%;}
@media (max-width: 640px){
    body.competition .section.cont .cont_tit .uk-margin-left {margin-left: 0px!important;}
    body.competition .uk-width-small { width: 40%;}
    .col1 {width: 25%;}
}
body.site iframe {width: 1080px; height: 585px;}
.btn_reg {font-size: 1.2rem;}
.btn_reg:focus, .btn_reg:hover {
    background-color: #1aafee;
}

body .section.cont .container .cont_body .uk-label-major { border-radius: 0px; background: #bbbbbb; font-size: 14px; padding-top: 2px; }
body .section.cont .container .cont_body .uk-label-jury { border-radius: 0px; background: #c6c6c6; font-size: 14px; padding-top: 2px; }
body .section.cont .container .cont_body .uk-label-jury1 { border-radius: 0px; background: #40a8ce; font-size: 14px; padding-top: 2px;}

.uk-list-divider>li:nth-child(n+2) {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px solid #e5e5e5;
}

input {font-size: 16px !important;}
.box {}
.uk-label-warning {
    background-color: #e9e3d4;
    color: #000;
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
}
.uk-accordion-title {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #333;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 3px 10px;
}
.uk-accordion-content {
    margin-top: 5px;
    padding: 10px 10px;
    color: #999;
    background: #f5f5f5;
}


/* distribute : 배포 */
body .chk_datetime {line-height: 40px;}


body.mypage li {font-size: 15px;}
body.mypage li .mypage_tit {width: 120px; display: inline-block; font-size: 14px; color: #999;}
body.mypage.en li .mypage_tit {width: unset; display: inline-block; font-size: 14px; color: #999; margin-right: 10px;}




.dn_table .uk-width-small {width: 100px;}
.dn_table .uk-text-warning {color: #408e9c; font-weight: bold;}
.dn_table .uk-text-warning1 {color: #907f66 !important; font-weight: normal;}
.dn_table .uk-text-warning2 {color: #ad7600 !important; font-weight: normal;}
.dn_table .uk-text-warning3 {color: #0b86a2 !important; font-weight: normal;}

.dn_table tr.uk-background-muted {background-color: #fafafa; border-bottom: 1px solid #e5e5e5;}

table.notice {border: 1px solid #ccc; border-top: 2px solid #333;}
table.notice tr th {text-align: center;}
table.notice tr th,
table.notice tr td {border-right: 1px solid #ddd;}
table.notice tr th:last-child,
table.notice tr td:last-child {border-right: 0px;}

.tt {font-size: 18px; margin-top: 30px;}
table.win {border-bottom: 1px solid #777; border-top: 3px solid #555; margin-bottom: 50px; margin-top: 5px;}
.view_line {border-bottom: 1px solid #eee; padding: 5px 0;}




@media (max-width: 640px) {
    .uk-button-small {
        padding: 0 5px;
        line-height: 24px;
        font-size: .8rem;
    }
}

.mypage .cont.uk-card ul li { line-height: 1.2;}
.mypage .dn_table {font-size: 15px;}

table .idx {width: 80px;}

.uk-navbar-toggle {
    color: #fff;
}
.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
    color: #fff;
    outline: 0;
    text-decoration: none;
}
.mypage .uk-label-success {
    background: #d6aa84;
    color: #fff;
}

.mypage .uk-label-success1 {
    background: #ca650c;
    color: #fff;
}

/*
 * ----------------------------------------
 * F O O T E R
 * ----------------------------------------
 */
.ft {background: #4a4a4a;}
.ft .footerInfo {position: relative; padding-top: 30px; padding-bottom: 50px; text-align: left; color: #fff;}
.ft .footerInfo p {color: #ccc; margin-bottom: 0px;}
.ft .footerInfo h3 {color: #ccc; margin-bottom: 0px; margin-top: 0px; font-size: 20px;}
.ft .footerInfo h3 span {display: inline-block; font-size: 15px;}
body.en .ft .footerInfo h3 {color: #fff; margin-bottom: 0px;}
body.en .ft .footerInfo p {color: #ccc; margin-bottom: 0px; margin-top: 0px; font-size: 13px;}

.ft .footerInfo a {color: #85b9c9; font-size: 13px;margin-top: 10px;}
.ft .footerInfo .copyright {font-size: 12px; color: #999; margin-top: 15px;}


.ft a, .ft a:hover, .ft a:active, .ft a:visited {color: #ccc;}

.ft .footerInfo .footer_logo {}
.ft .footerInfo .contact {font-size: 16px; color: #777; margin-right: 20px;}
.ft .footerInfo .contact a {color: #222;}
.ft .footerInfo .home_arrow {width: 20px;}
@media (max-width: 640px){
    .ft .footerInfo .contact {
        position: absolute;
        top: 116px;
        left: -30px;
        line-height: 1;
        font-size: 14px;
    }
    body.sub .footerInfo .contact {
        line-height: 1;
    }

    body .ft .footerInfo .footer_logo {
        position: relative !important;
        width: 100%;
        top: unset;
        bottom: unset;
        right: unset;
        text-align: center;
        float: unset;
        margin-left: 0;
        margin-bottom: 0px;
    }
    body .ft .footerInfo .footer_logo a img {display: inline-block; width: 40%; margin-left: 0px!important;}
    body .ft .footerInfo .footer_logo a img {margin-right: 20px!important;}
}



.agree_box { position:relative; border:1px solid #dddddd; width: 1002px; height: 320px; margin:0 auto; overflow: hidden;}
.agree_check {position:relative; width: 1000px; min-height: 20px; margin-top: 20px; margin-bottom: 30px; padding-left: 25px;}

body.resetPw .uk-placeholder { padding: 20px 10px; text-align: center;}
body.mypage .uk-text-success { color: #11a5aa !important;}
body.mypage .uk-text-warning {color: #cd8600 !important;}
body.mypage .btn_vod_play {font-size: 18px;}
body.mypage .vod_play {width: 20px; margin-bottom: 4px; margin-left: 5px;}
@media (max-width: 640px){
    .agree_box { width: 95%; height: 320px;}
    iframe {
        border: 0;
        width: 100%;
    }
}


body.writeReg .uk-card-body {
    padding: 30px 30px;
}

.site_res_form .uk-modal-body {text-align: left;}
.uk-form-stacked .uk-form-label {text-align: left;}

table.table_line { border-bottom: 1px solid #eee;}
.my_label {padding: 5px 10px 4px; height: 30px;}
.uk-button-secondary1, .uk-button-secondary1:visited {background: #68615a; border: 1px solid #68615a; color: #fff;}
.uk-button-secondary1:hover {background: #4b4948; border: 1px solid #4b4948; color: #fff;}

.uk-modal-dialog {
    width: 900px;
}

.uk-modal ul li {line-height: 160%; font-size: .8rem; font-weight: 300;}
.uk-modal .uk-label.pd_item {
    font-size: 1.6rem; margin-bottom: 0; margin-top: 0px; background: transparent; color: #0a0a0a; font-weight: 300;
}
.uk-modal .logo {width: 100px; margin-top: 20px; margin-left: 20px;}
.uk-modal .info {}
@media (max-width: 640px){
    .uk-modal .info {min-height: 330px !important;}
}


/* nav menu active */
body:not(.home) .d1_a.active {color: #29d8ea;}


body.vod a, body.vod a:hover, body.vod a:active, body.vod a:visited {
    text-decoration: none;
    cursor: pointer;
    color: #777;
    font-size: 14px;
}
body.vod .uk-tab a {
    color: #555;
    font-size: 18px;
}

body.vod .uk-tab>.uk-active>a {
    color: #1d87ef;
    border-color: #1e87f0;
}


.flore {display: none;}

.vod_play {
    width: 18px;
    margin-bottom: 3px;
}

@media (max-width: 640px){
    body.vod .uk-tab a {
        color: #555;
        font-size: 13px;
    }

    .uk-tab>*>a {
        display: block;
        text-align: center;
        padding: 5px 6px;
        color: #777;
        border-bottom: 3px solid transparent;
        font-size: 1.5rem;
        text-transform: uppercase;
        transition: color .1s ease-in-out;
    }
}

.btn_zoom {width: 30px; margin-top: 20px; margin-right: 20px;}
body.competition #jury .uk-card-body {padding: 20px 10px;}
body.competition #jury .uk-card-body .uk-card-header {padding: 10px;}
body.competition.en #jury .uk-card-title {font-size: 1.1rem;}

body.mypage a.ready span.uk-label {background: #8b8b8b;}