/* ---- header ---- */
#header.light { background:none;}
#header.light h1 {background:url('/images/common/logo.png') no-repeat; background-size:83px auto;}
#header.light #nav .dep>em {color:#000; font-family:"NSM"}
#header.light #nav .dep>.btn_arr {background:url('/images/common/ico_nav_dw_g.png') no-repeat; opacity:.5;}
#header.light .btn_nav .icon>span {background:#000;}

/* visual */
.main-visual.dark::after {z-index:21; content:''; position:absolute; top:0; left:0; right:0; height:calc(100% - 53px); background: rgba(0,0,0,0.65);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.main-visual.dark .main_slogan>div,
.main-visual.dark .main_slogan>div>span,
.main-visual.dark .main_slogan>div>strong,
.main-visual.dark .main_slogan>div>strong>span {color:#fff; text-shadow: 0px 0px 50px rgba(0, 0, 0, 1);}

.main-visual.light::after {z-index:21; content:''; position:absolute; top:0; left:0; right:0; height:calc(100% - 53px); background: rgba(255,255,255,0.65);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.65)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
.main-visual.light .main_slogan>div,
.main-visual.light .main_slogan>div>span,
.main-visual.light .main_slogan>div>strong,
.main-visual.light .main_slogan>div>strong>span {color:#000; text-shadow: 0px 0px 50px rgba(255, 255, 255, 1);}


/* ***** */
.light {background:#fff;}
.gray {background:#f8f8fc;}

/* == dark == */
.dark {background:#35353b;}

.dark .title>h3 {color:rgba(255, 255, 255, .55);}

.dark .title .btn_more {border:rgba(255, 255, 255, 1) 1px solid;}
.dark .title .btn_more::after,
.dark .title .btn_more::before {background:#fff;}

.dark .slick-arrow {border:rgba(255, 255, 255, 1) 1px solid;}
.dark .slick-prev {background:url('/images/main/btn_slide_prev_w.png') no-repeat center}
.dark .slick-next {background:url('/images/main/btn_slide_next_w.png') no-repeat center}

/*  */
.dark .sld_cd_sm .slick-list {border:1px solid #555;}
.dark .sld_cd_sm .slick-slide {border-right:1px solid #555;}
.dark .sld_cd_sm .card:hover dt {color:rgba(255, 255, 255, .9);}
.dark .sld_cd_sm dt {color:rgba(255, 255, 255, .75);}
.dark .sld_cd_sm dd.date {color:rgba(255, 255, 255, .5);}
.dark .sld_cd_sm dd.text {color:rgba(255, 255, 255, .65);}

/*  */
.dark .sld_cd_list .card {border-top:1px solid #555}
.dark .sld_cd_list .info dt {color:#fefefe;}
.dark .sld_cd_list .info ul .tt, 
.dark .sld_cd_list .info ul .tx {color:#ccc;}
.dark .sld_cd_list .info dd.date {color:rgba(255, 255, 255, .5);}
.dark .sld_cd_list .info dd.text {color:rgba(255, 255, 255, .65);}
.dark .sld_cd_list .info .dsp {color:#e6e6e6;}
.dark .sld_cd_list .info ul .tt::after {opacity:.2;}
/*  */
.dark .sld_cd_lrg .card {background:#393941;}
.dark .sld_cd_lrg .card::after {border:1px solid #4b4b4b;}
.dark .sld_cd_lrg .info {background:#393941;}
.dark .sld_cd_lrg .info dt {color:#fefefe;}
.dark .sld_cd_lrg .info dd {color:#e6e6e6;}
.dark .sld_cd_lrg .info .tt,
.dark .sld_cd_lrg .info .tx {color:#ccc;}
.dark .sld_cd_lrg .info .dsp {color:#e6e6e6;}
/*  */
.dark .card_sm_fu .sld_cd_sm .slick-slide {border-right:1px solid #555;}
.dark .card_sm_fu .sld_cd_sm .card:hover dt {color:rgba(255, 255, 255, .9);}
.dark .card_sm_fu .sld_cd_sm dt {color:rgba(255, 255, 255, .75);}
.dark .card_sm_fu .sld_cd_sm dd.date {color:rgba(255, 255, 255, .5);}
.dark .card_sm_fu .sld_cd_sm dd.text {color:rgba(255, 255, 255, .65);}
/*  */
.dark .sld_list_tx ul>li {border-bottom:rgba(221, 221, 221, .23) 1px solid;}
.dark .sld_list_tx ul>li:last-child {border-bottom:none;}
.dark .sld_list_tx .date>em {color:#ffc000;}
.dark .sld_list_tx .sbj strong {color:#fff; font-family:'NSL';}
.dark .sld_list_tx .sbj span.num {color:#ffc000;}
.dark .sld_list_tx .text {color:#a4a4a4;}


/* == back == */
.back {background:url('/images/main/type_b_img02.jpg') no-repeat; background-attachment:fixed; background-position:center; background-size:cover;}
.back .title>h3 {color:rgba(255, 255, 255, .74);}

.back .title .btn_more {border:rgba(255, 255, 255, 1) 1px solid;}
.back .title .btn_more::after,
.back .title .btn_more::before {background:#fff;}

.back .slick-arrow {border:rgba(255, 255, 255, 1) 1px solid;}
.back .slick-prev {background:url('/images/main/btn_slide_prev_w.png') no-repeat center}
.back .slick-next {background:url('/images/main/btn_slide_next_w.png') no-repeat center}

.back .sld_list_blt ul>li {border-bottom:rgba(255, 255, 255, .1) 1px solid;}
.back .sld_list_blt ul>li::after {background:rgba(255, 255, 255, .16);}
.back .sld_list_blt ul>li>a::after,
.back .sld_list_blt ul>li>a::before {background:rgba(0, 0, 0, .8);}
.back .sld_list_blt .sbj strong {color:#fff; font-family:"NSL"}
.back .sld_list_blt .num {color:rgba(255, 255, 255, .6); font-family:"NSL"}
.back .sld_list_blt .new {color:#000;}
.back .sld_list_blt .date>em,
.back .sld_list_blt .date>.time {color:rgba(255, 255, 255, .6); }
/*  */
.back_w {position:relative; background:url('/images/main/img_bg_02.jpg') no-repeat; background-attachment:fixed; background-position:center; background-size:cover;}
.back_w::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255, 255, 255, .4);}
.back_w .sld_list_blt .sbj strong {color:#222;}


/* == schedule == */
.light .schedule {background:#ffc000;}

.dark .schedule {background:#35353b;}
.dark .schedule .cal_month em {color:#fefefe;}
.dark .schedule .cal_day {border-top:rgba(255, 255, 255, .23) 1px solid;}/*210507*/
.dark .schedule .cal_day>span {color:#fefefe;}
.dark .schedule .cal_detail {background:#eee;}
.dark .schedule .cal_detail .tx {color:#333;}
.dark .schedule .slick-arrow {border:none;}

.back .schedule {position:relative; background:url('/images/main/img_bg_01.jpg') no-repeat; background-position:center top; background-attachment:fixed; background-size:cover;}
.back .schedule::after {z-index:0;content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(34, 34, 44, .3);}
.back .schedule .title>h3 {color:#fff;}
.back .schedule .cal_detail {background:#eee;}
.back .schedule .cal_month em {color:#fff;}
.back .schedule .cal_day {border-top:rgba(229, 229, 229, .47) 1px solid}
.back .schedule .cal_day>span {color:#fff;}
.back .schedule .cal_detail .tx {color:#333;}
.back .schedule .slick-arrow {border:none;}


/* contact */

.dark .cnt_info .bx>span {display:block; color:#fff; font-size:1.6rem;}

/* sticky */
#header.light.sticky {background:#222;}
#header.light.sticky h1 {background:url('/images/common/logo_w.png') no-repeat; background-position:0 center; background-size:61px auto;}
#header.light.sticky #nav .dep>em {color:#fff; font-family:"NSR"}
#header.light.sticky #nav .dep>.btn_arr {top:21px; background:url('/images/common/ico_nav_dw.png') no-repeat; opacity:.5;}
#header.light.sticky .btn_nav .icon>span {background:#fff;}


/* ---- sub ---- */
.sub .sub_layout.light {background:#fff;}
.sub .sub_layout.light .sub-visual strong {color:#000;}
.sub .sub_layout.light .sub-visual .lnb>li {color:#000;}
.sub .sub_layout.light .sub-visual::after {background:url('/images/sub/bg_subvisual_line_w.png') no-repeat; background-position:center bottom; background-size:100% auto;}
.sub .sub_layout.light .hd_tit>span {background:#fff;}


/*0423yu*/
@media only screen and (max-width: 767px){
    #header.light .btn_nav .icon>span {background:#fff;}
    #header.light h1 {background:url('/images/common/logo_w.png') no-repeat; background-size:61px auto;}
}