@charset "utf-8";

body {height: 100%;overflow-y: scroll; }

.about_wrap{background-color:#232321;text-align:center;}
.about_wrap section .contents-title{position:relative;font-size:80px;color:#fff;line-height:1.25;z-index:9;}
.about_wrap section .contents{width:1080px;margin:auto;}

.about_wrap .about-music{padding-top:160px;}
.about_wrap .about-music .contents{margin-top:-34px;}
.about-music .contents .banner-img .v_m{display:none;}
.about-music .contents .txt-area{padding:40px 0 110px;}
.about-music .contents .txt-area p{font-family:'NotoSansCJKkr-R';font-size:17px;line-height:30px;color:#fff;opacity:.5;}

.about_wrap .about-artists .contents{width:100%;margin-top:-34px;background-color:#282828;}
.about-artists .artists-list {width:1400px;padding-top:70px;margin:auto;font-size:0;}
.about-artists .artists-list li{display:inline-block;width:calc(25% - 30px);padding-bottom:60px;margin-right:30px;}
.about-artists .artists-list li:last-child{margin-right:0;}
.about-artists .artists-list li img{max-width:100%;}
.about-artists .artists-list li span{display:block;margin-top:20px;font-size:17px;color:#fff;line-height:1;}

.about_wrap .about-careers{padding:75px 0 170px;}
.about-careers .contents .txt{width:600px;margin:24px auto 50px;font-family:'NotoSansCJKkr-R';font-size:17px;line-height:30px;color:#fff;opacity:.5;word-break:keep-all;}
.about-careers .contents .btn_move {display:block;width:320px;height:70px;padding:0 20px;margin:auto;background:url('../../images/about/btn_move.png') calc(100% - 20px) 50% no-repeat;border:1px solid #777;font-family:NotoSansCJKkr-R;font-size:16px;color:#fff;text-align:left;opacity:.7;}
.about-careers .contents .btn_move a{width: 100%;display: flex;height: 100%;align-items: center;font-size:16px;}
.about-careers .contents .btn_move:hover {border-color:#aaa;}
.about-careers .contents .btn_move:hover a {color: #ccc;}

@media screen and (max-width: 1440px){
	.about_wrap section .contents-title{font-size:5.55vw;line-height:6.94vw;}
	.about_wrap section .contents{width:100%;}

	.about_wrap .about-music{padding-top:11.11vw;}
	.about_wrap .about-music .contents{margin-top:-2.36vw;}
	.about_wrap .about-music img{max-width:100%;}
	.about-music .contents .txt-area{width:75vw;padding:2.77vw 0 6vw;margin:auto;}
	.about-music .contents .txt-area p{font-size:1.11vw;line-height:2.08vw;}

	.about_wrap .about-artists .contents{margin-top:-2.36vw;}
	.about-artists .artists-list{max-width:100%;padding-top:4.86vw;}
	.about-artists .artists-list li{width:calc(33.3333% - 1.39vw);padding-bottom:4.16vw;margin-right:2.08vw;}
	.about-artists .artists-list li span{margin-top:1.38vw;font-size:1.11vw;line-height:2.08vw;}

	.about_wrap .about-careers{padding:5.2vw 0 11.8vw;}
	.about-careers .contents .txt{width:41.66vw;margin:1.66vw auto 3.47vw;font-size:1.11vw;line-height:2.08vw;}
	.about-careers .contents .btn_move {width:22.22vw;min-width:175px;height:4.86vw;min-height:40px;}
	.about-careers .contents .btn_move a{width: 100%;display: flex;height: 100%;align-items: center;font-size:1.11vw;}
}
@media (max-width: 1024px){
	.about-artists .artists-list li span,.about-careers .contents .txt,.about-music .contents .txt-area p{font-size:11px;line-height:19px;}
	.about-careers .contents .btn_move a{font-size:10px;}
}
@media screen and (max-width: 768px){
	.about .logo img {width: 12vw;}

	.about_wrap section .contents-title{font-size:14.44vw;line-height:11.11vw;}
	.about_wrap section .contents{padding:0 5.55vw;}

	.about_wrap .about-music{padding-top:28.61vw;}
	.about-music .contents .banner-img .v_pc{display:none;}
	.about-music .contents .banner-img .v_m{display:block;}
	.about-music .contents .txt-area{width:100%;padding:6.94vw 0 26.38vw;}
	.about-music .contents .txt-area p{font-size:3.4vw;line-height:5.83vw;text-align:left;}
	.about-music .contents .txt-area p br{display:none;}

	.about-artists .artists-list li{width:100%;margin-right:0;}
	.about-artists .artists-list li img{width:100%;}
	.about-artists .artists-list li span{margin:4.16vw 0 12.5vw;font-size:3.61vw;line-height:1;}

	.about_wrap .about-careers{padding:26.38vw 0 27.08vw;}
	.about-careers .contents .txt{width:100%;margin:4.16vw auto 12.5vw;font-size:3.47vw;line-height:5.83vw;}
	.about-careers .contents .btn_move{width: 44.44vw;height:9.72vw;background-size:2.22vw 1.11vw;}
	.about-careers .contents .btn_move a{font-size:3.61vw;}
}

@media screen and (max-width: 768px) and (orientation: landscape){
	.about .logo img {width: 12vw;}
}