@charset "UTF-8";
/* @import url('./reset.css'); */

/* 
#header{position:relative;z-index:1002;background-color: #fff;border-bottom: 1px solid #ddd;position: fixed;left: 0;top: 0;right: 0;transition: top .5s ease-in-out;}
#header.hide{top: calc(-1 * (var(--hh)));}
#header .hd_inner{display: flex;align-items: center;justify-content:space-between;width:100%;max-width:100%;margin:0 auto;padding: 19px 40px 20px;}

#header .hd_left{display: flex;align-items: center;gap: 100px;}

#header .logo{width: 200px;height:45px;flex: 0 0 auto;}
#header .logo > a{display:block;width:100%;height:100%;background-image: url('../images/dbplay_logo.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
#header .menu_list{display: flex;align-items: center}
#header .menu_list > .menu_item{padding: 15px 25px;line-height:0;}
#header .menu_list > .menu_item{position: relative;}
#header .menu_list > .menu_item > a{font-size:20px;font-weight:700;line-height: 1;color: #000;transition: color .3s ease;}
#header .menu_list > .menu_item:hover > a{color: #35B597;}
#header .menu_list > .menu_item > a.active{color: #35B597;}
#header .menu_list > .menu_item > .depth2{padding:10px 15px;position:absolute;left:25px;top:100%;z-index:52;opacity: 0;visibility: hidden;transform: scale(0.99);background-color: #fff;border: 0.5px solid #ddd;;box-shadow: 0 5px 30px rgba(27, 31, 35, 0.1), 0 0 1px rgba(27, 31, 35, 0.4), 0 1px 2px rgba(27, 31, 35, 0.15);transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);transition-duration: 500ms;transition-property: opacity,transform;}
#header .menu_list > .menu_item > .depth2 > .menu_item{line-height: 0;}
#header .menu_list > .menu_item > .depth2 > .menu_item > a{display:block;font-size:16px;font-weight:700;line-height:1;padding: 10px 0;color: #000;white-space: nowrap;transition: color .3s ease;}
#header .menu_list > .menu_item > .depth2 > .menu_item:hover > a{color: #35B597;}
#header .menu_list > .menu_item > .depth2 > .menu_item > a.active{color: #35B597;}
#header .menu_list > .menu_item:hover > .depth2{opacity: 1;visibility: visible;transform: scale(1);}


#header .hd_right{display:flex;align-items: center;gap: 30px;}

#header .member_info{display: flex;align-items: center;gap: 5px;font-family: 'Sunflower', sans-serif;}
#header .member_info .mem_icon{width:25px;height:25px;}
#header .member_info .mem_icon img{width: 100%;}
#header .member_info .mem_name{font-size:16px;font-weight:400;line-height:1;color: #000;}
#header .member_info .mem_name .name_sta{font-weight: 700;color: #000;}

#header .ham_menu{width: 30px;height: 20px;position: relative;cursor: pointer;}
#header .ham_menu > span{display:block;width: 100%;height: 3px;background-color: #000;border-radius:5px;position: absolute;left: 0;transition: transform .25s ease;}

#header .ham_menu > span:nth-child(1){top: 0;}
#header .ham_menu > span:nth-child(2){top: 50%;transform: translateY(-50%);transition: opacity .25s ease;}
#header .ham_menu > span:nth-child(3){bottom: 0;}

#header .ham_menu:hover > span:nth-child(1){transform: translateY(-2px);}
#header .ham_menu:hover > span:nth-child(3){transform: translateY(2px);}

#header .ham_menu.nav_open > span:nth-child(1){transform: translateY(8.5px) rotate(45deg);}
#header .ham_menu.nav_open > span:nth-child(2){opacity: 0;}
#header .ham_menu.nav_open > span:nth-child(3){transform: translateY(-8.5px) rotate(-45deg);} */


/* #nav{left: 0;top: 0;right:0;bottom: 0;z-index:1000;background-color:transparent;}
#nav.open{display:block;position:fixed;right: 0;top: 0;right:0;bottom: 0;-webkit-animation: nav_bg .3s ease-in-out forwards;animation: nav_bg .3s ease-in-out forwards;pointer-events: all;}
#nav.close{display:block;position:fixed;-webkit-animation: nav_bg_off .3s ease-in-out forwards;animation: nav_bg_off .3s ease-in-out forwards;pointer-events: none;}

#nav .nav_inner{display:block;position:fixed;right:0;top:0;bottom:0;z-index:1001;width: 100%;max-width:450px;padding:calc(var(--hh) + 10px) 20px 40px;background-color: #fff;overflow-y:auto;transform:translateX(100%);transition: transform .3s ease-in-out;}
#nav.open .nav_inner{transform: translateX(0);}

#nav .logo{}
#nav .nav_hd{}
#nav #aside{width: 100%;}
#nav .nav_bd{padding: 20px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#nav .mnenu_list{}
#nav .menu_list > .menu_item{padding:10px 0;}
#nav .menu_list > .menu_item > a{font-size: 24px;font-weight: 500;line-height: 1;color:#333;}
#nav .menu_list > .menu_item > a.active{color: #35B597;}
#nav .menu_list > .menu_item > ul{padding: 0 15px;margin-top: 10px;}
#nav .menu_list > .menu_item > ul > li{padding:5px 0;}
#nav .menu_list > .menu_item > ul > li > a{font-size: 18px;font-weight: 700;line-height: 1;color: #333;}
#nav .menu_list > .menu_item > ul > li > a.active{color: #35B597;}

@keyframes nav_bg {
    0% {background-color: transparent;}
    100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes nav_bg_off {
    0% {background-color: rgba(0, 0, 0, .2);}
    100%{background-color: transparent;}
} */

/* #footer{background-color: #fff;border-top: 1px solid #ddd;}
#footer .ft_inner{width:100%;max-width:100%;margin:0 auto;padding: 30px 40px;}
#footer .ft_top {display: flex;align-items: center;gap: 15px;}
#footer .ft_top .top_item {display: flex;gap: 15px;align-items: center;}
#footer .ft_top .top_item + .top_item::before {content: '';display: inline-block;width: 1px;height: 20px;background-color: #d9d9d9;}
#footer .ft_top .top_item > a{display:inline-block;font-size: 14px;font-weight: 400;line-height: 1;color: #000;}
#footer .copyright {margin-top: 10px;font-size: 14px;font-weight: 400;line-height: 1;color: #333;} */

/* #container{width:100%;padding: calc(var(--hh) + 40px) 0 0;} */
#container .motiv_inner{max-width:1400px;margin: 0 auto;padding: 100px 0;}

.motiv_inner .page_tit{padding-bottom: 30px;font-size: 40px;font-weight: 400;line-height: 1;color: #333;border-bottom: 1px solid #ddd;}
.motiv_inner .page_noti{margin-top: 30px;padding: 30px 50px;background-color: #f2f2f2;}
.motiv_inner .page_noti .noti_tit{font-size: 20px;font-weight: 700;line-height: 1;color: #333;}
.motiv_inner .page_noti .noti_desc{margin-top: 15px;}
.motiv_inner .page_noti .noti_desc > p{font-size: 20px;font-weight: 400;line-height: 1.35;color: #333;}

.motiv_inner .cont_hd{}
.motiv_inner .cont_bd{margin-top: 50px;}
@media screen and (max-width:1380px) {
    /* #header .member_info{display: none;} */
    /* #nav #aside{width: 100%;display:block;} */
}

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

@media screen and (max-width:1200px) {
    /* #header .menu_list{display: none;} */
}

@media screen and (max-width:1100px) {
    /* #header .logo{width: 160px;height:37px;} */
}

@media screen and (max-width:768px) {
    #container .motiv_inner{padding: 80px 0;}
}

@media screen and (max-width:600px) {
    /* #header, body{min-width: 280px;}
    #header .logo{width: 130px;height:30px;}
    #header .hd_inner{padding: 19px 20px 20px;} */
    /* #footer .ft_inner{padding: 19px 20px 20px;} */

    #container .motiv_inner{padding: 50px 0;}

    .motiv_inner .page_tit{font-size: 32px;}
    .motiv_inner .page_noti .noti_desc > p{font-size: 18px;}
    .motiv_inner .page_noti{padding: 20px;}
}