@charset "utf-8";

.bo_fx {position:relative;padding:20px 0;}
.bo_fx .chk_all{ position:absolute;left:5px;top:20px;}

#logo {overflow: hidden; height: 77px;}
#logo a {height: 77px; transition: all 0.5s ease-out; line-height: 1;}
#logo a:last-child {opacity: 0;}
.open-gnb #logo a {transform: translateY(-77px)}
.open-gnb #logo a:first-child {opacity: 0;}
.open-gnb #logo a:last-child {opacity: 1;}

.board-write	{  padding: 0 10px; }
.board-write > dl {position:relative;}
.board-write > dl > dt { width:100px;position:absolute;line-height:32px;text-align:center; font-size: 16px;}
.board-write > dl > dd { width:100%;margin-left:0;padding-left:110px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}

#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }


#body {margin-left:0 !important}
#body .fix-layout {padding: 0 !important;}
.album_img {width: 100%; height: 100vh; overflow: hidden;}
.album_img img {width: 100%; height: 100%; object-fit: cover;}
.album_wrap {margin-top: 110px; margin-left:320px; padding:0 80px; padding-right: 250px; font-size: 17px; line-height: 1.6; word-break: auto-phrase;}
.album_wrap .info {font-weight: bold; margin-bottom: 50px;}

.album_wrap .track {margin-top: 130px;}
.album_wrap .track h3 {margin-bottom: 50px; font-size: 30px;}
.album_wrap .track ul li {display: flex; align-items: center; border-top: 1px solid #fff; padding: 25px 0 40px;}
.album_wrap .track ul li:last-child {border-bottom: 1px solid #fff;}
.album_wrap .track ul li .track_num {width: 150px;}
.album_wrap .track ul li .track_info {width: calc(100% - 250px);}
.album_wrap .track ul li .track_info sub {position: absolute; margin-top: -5px; color: #696969; font-size: 12px;}
.album_wrap .track ul li .track_time {width: 100px;}

.album_wrap .play_btn {margin-top: 25px; display: inline-block;}
.album_wrap .play_btn a {position: relative; display: block; border: 1px solid #fff; border-radius: 100px; padding: 10px 120px 15px 60px; font-weight: 600; line-height: 1;}
.album_wrap .play_btn a span {color: #696969; font-size: 14px;}
.album_wrap .play_btn a p {margin-top: 10px;}
.album_wrap .play_btn a:after {content: '\f144'; font-weight: bold; font-family: 'Font awesome 6 Free'; position: absolute; top: 50%; right: 50px; transform: translateY(-50%); font-size: 30px;}

.board-write {margin-left: 320px; padding: 0 90px; box-sizing: border-box;}
.board-skin-basic,
#bo_v_bot,
.copyright {margin-left: 320px; padding: 0 80px;}

.board-skin-basic {padding-top: 70px; padding-right: 100px;}
.board-skin-basic li {font-size: 16px;}