html {
    font-family: notokr-demilight;
}

body {
    font-family: notokr-demilight;
    overflow-y: hidden;
}

.container {
}

.page1 {
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
}

#header {
    position:fixed;
    top:15px;
    right:15px;
    left:15px;
}

#header .mobile_hide .logo { position:absolute;left:8px;top:0;color:#ffffff;font-family: notokr-bold;font-size:16px;line-height:18px;cursor:pointer;text-align:center;width:75px; }
#header .mobile_hide .logo .logo_underline { width:75px;margin:0 auto;height:1px;background:#ffffff;display: none; }
#header .mobile_hide .logo:hover  .logo_underline {  display:block; }

#header .mobile_hide .menu { text-align:center;cursor: pointer; position:absolute;top:2px;left:0;color:#ffffff;font-family: notokr-demilight;font-size:11px; }
#header .mobile_hide .menu .menu_underline { height:1px;background:#ffffff;display: none; width:100%;}
#header .mobile_hide .menu:hover  .menu_underline {  display:block; }
#header .mobile_show .logo {color:#ffffff;font-family: notokr-bold;line-height:29px;height:29px;font-size:20px;position:fixed;left:0;right:0;top:15px;text-align:center; }
#header .mobile_show .logo_text {cursor:pointer; }
#header .mobile_show .logo_text:hover {cursor:pointer;color:#dddddd; }
#header .mobile_show .mobile_menu { position:fixed;right:27px;top:24px;width:23px;cursor:pointer; }
#header .mobile_show .mobile_menu_line { position:relative;top:0;background:#ffffff;height:2px;width:100%;margin-bottom:4px; }
#header .mobile_show .mobile_menu_line.black { background:#000000; }
#header .mobile_show .mobile_menu:hover .mobile_menu_line { background:#dddddd; }


.mobile_menu_layout .mobile_menu_item_container {
    position:relative;margin-top:20px;text-align: center;
}

.mobile_menu_layout .mobile_menu_item {
    font-family: notokr-demilight;font-size:10px;text-align: center;cursor: pointer; color:#ffffff;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.mobile_menu_layout .mobile_menu_item .mobile_menu_item_underline { height:1px;background:#ffffff;display: none; width:100%;}
.mobile_menu_layout .mobile_menu_item:hover .mobile_menu_item_underline { display:block; }









.background_image {
    width:100%;
    height:100%;
    overflow:hidden;
}

.image_list {
    overflow:hidden;
}

.image_list > div {
    position:relative;text-align:center;
    overflow:hidden;
    width:100%;
    height:100%;
}

.image_list table.info_table {
    position:absolute;;
    top:0;
    width:100%;height:100%;
    display:none;
}

.image_list .info_table > tr, .image_list .info_table > tbody > tr {
    width:100%;height:100%;
}

.image_list .info_table > tr > td, .image_list .info_table > tbody >  tr > td {
    text-align: center;
    width:100%;height:100%;
    line-height:30px;
    font-size:14px;
    font-family: notokr-bold;
    color:#ffffff;
}

.box_button {
    padding-left:5px;padding-right:5px;line-height:20px;
    color:#ffffff;
    border:1px solid #ffffff;
    cursor:pointer;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.box_button.black {
    color:#000000;
    border-color:#000000;
}

.box_button:hover {
    color:#dddddd;
    border-color:#dddddd;
}

.text_bold {
    font-family: notokr-bold;
}

.text_normal {
    font-family: notokr-demilight;
}








.thumbnail_list {
    position:relative;
    top:0;
}

.thumbnail_layout {
    position:relative;
    float:left;
    cursor:pointer;
    margin-bottom: 10px;
}


.pictorial .thumbnail_layout {
    margin-bottom: 20px;
}


.thumbnail{
    position:relative;
}




.thumbnail_text {
    font-family: notokr-demilight                                                                                   ;
    font-size:14px;
    height:22px;
    line-height:22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}


.thumbnail_list {
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
}

.thumbnail_layout:hover .thumbnail_text {
    text-decoration: underline;
}





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

    #header .header_menu_item img {
        margin-left:15px;
    }

    /*.header_menu_logo .image_button {*/
        /*height:10px;*/
    /*}*/

    .header_menu_item .image_button {
        height:6px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {

}

@media screen and (min-width:1025px) {



}








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

    .mobile_hide {
        display:none;
    }

    .mobile_show {
    }

    .tablet_show {
        display:none;
    }

    .pc_show {
        display:none;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .tablet_hide {
        display:none;
    }

    .mobile_show {
        display:none;
    }

    .tablet_show {
    }

    .pc_show {
        display:none;
    }

}

@media screen and (min-width:1025px) {

    .pc_hide {
        display:none;
    }

    .mobile_show {
        display:none;
    }

    .tablet_show {
        display:none;
    }

    .pc_show {
    }

}