@charset "UTF-8";

@media screen  and (max-width: 1600px)  {
	#body_box #header .head{left:auto;margin-left:0px;right:10px;width:100%;}
	#body_box #header .logo{left:30px}
	#section0 .box{width:auto;padding:0px 30px;}
	#section0 .visual-item img{width:100%;}
	#section0 .visual-item .text{left:20%;}
	#section1 .pbox{width:auto;padding:0px 30px;padding-bottom:60px;}
	#section1 ul li{width:32%;margin-right:1%;}
	#section1 ul li a{width:100%;height:auto}
	#section1 ul li a .image{display:block}
	#section1 ul li a .image img{width:100%;height:auto}
	#section2 .pbox{width:auto;padding:0px 30px;}

	#section2 .pbox .list_box {padding-left:30%;}
	#section2 .pbox .list_box .big{position:absolute;lefT:0px;top:0px;width:30%}
	#section2 .pbox .list_box .big li{width:100%;}
	#section2 .pbox .list_box .big li img{width:100%;height:auto}
	#section2 .pbox .list_box .small li{margin-left:3%;width:47%;}
	#section2 .pbox .list_box .small li img{width:100%;height:auto}

	#section3 {height:auto}
	#section3 .pbox{width:auto;padding:0px 30px;}
	#section3 .youtube_area{width:50%;height:auto}
	#section3 .youtube li{height:100%;}
	#section3 .youtube li a.box {display:block;}
	#section3 .youtube li a.box span.image{width:100%;position:relative;left:auto;top:auto;}
	#section3 .youtube li a.box span.image img{width:100%;}

	.sub_contents{width:auto;}
	.contents_artist{width:auto}
	.gem_list li{width:48%;margin-right:2%;}
	.gem_list li span.image{width:100%;height:auto}
	.gem_list li span.image img{width:100%;}
	.gem_list li span.name{line-height:44px;}

	.sub_contents.artist .tab_box ul li{width:18%;margin-right:1%;}
	.sub_contents.artist .tab_box ul li a{width:auto;height:auto;font-size:18px;line-height:180%;padding:6px 4px;}
	.contents_artist .artist_profile{padding-left:50%;height:920px;}
	.contents_artist .artist_profile .image{left:30px;width:50%;}
	.contents_artist .artist_profile .image img{width:90%;}

	.artist_slider{padding-left:0px;}
	.artist_slider .action{width:auto;right:30px;}

	.contents_artist .artitst_discography {padding-left:30px;padding-right:30px;margin-top:10px;}
	.contents_artist .artitst_concert {padding-left:30px;padding-right:30px;}
	.contents_artist .artitst_filmography {padding-left:30px;padding-right:30px;}
	.contents_artist .artitst_award {padding-left:30px;padding-right:30px;}
	.contents_artist .artitst_discography .box_title{position:relative;left:auto;top:auto;margin-bottom:30px;}
	.contents_artist .artitst_concert .box_title{position:relative;left:auto;top:auto;margin-bottom:30px;}
	.contents_artist .artitst_filmography .box_title{position:relative;left:auto;top:auto;margin-bottom:30px;}
	.contents_artist .artitst_award .box_title{position:relative;left:auto;top:auto;margin-bottom:30px;}
	.contents_artist .artitst_award .image{position:relative;left:auto;top:auto;width:100%;}
	.contents_artist .artitst_award .image img{width:100%;}
}
@media screen  and (max-width: 1400px)  {
	.contents_audition{position:relative;width:auto;padding:0px 30px;}
	.contents_audition ul{width:100%;border-bottom:1px solid #c8e4e2}
	.contents_audition ul.first{border-bottom:0px;}
	.contents_audition ul.two{position:relative;right:auto;top:auto;margin-top:20px;border-bottom:0px;}
}

@media screen  and (max-width: 1280px)  {
	#body_box #header{height:80px;}
	#body_box #header .head{height:100%;}
	#body_box #header .logo{top:50%;margin-top:-17px;}
	#body_box #header .mgnb{top:50%;margin-top:-21px}
	#body_box #header .mgnb .gnb li a{padding:0px 12px;}

	#body_box #header .m_btn{top:50%;margin-top:-20px;right:10px;}

	#wrap{margin-top:80px;}
	#section1{padding-top:40px;}
	#section1.section .main_title{margin-top: 0px;}
	#section1 ul li a .name{height:50px;line-height:50px;}
	#section1 ul li a .name strong{font-size: 16px;line-height:50px;}

	#section2 .pbox .list_box span.name{font-size: 16px;line-height: 34px;height: 34px;margin-top:2px;}
	#section2 .pbox .list_box span.date{font-size:13px;}
	#body_box #subMenu .s_box .mgnb{position:absolute;left:0px;top:120px;bottom:0px;width:100%;overflow:auto}
	.sub_contents{padding-left:30px;padding-right:30px;}

	.sub_contents.artist{padding-left:0px;padding-right:0px;}
	.contents_artist .artist_profile{height:auto;padding-bottom:50px;}
	.contents_artist .artist_profile .image{width:40%;}
	.contents_artist .artist_profile{padding-left:44%;}
	.contents_artist .artist_profile .text{padding-top:0px;}
	.contents_artist .artist_profile .text .stxt{font-size:20px;}
	.contents_artist .artist_profile .text .mtxt{font-size:18px;}

	.artist_slider {padding:0px 30px;}
	.artist_slider ul{width:100%;}
	.artist_slider li .box{text-align:center;}
	.artist_slider li .box span{display:block;text-align:center;}

	.sb_contents{padding-top:80px;}


	#artist_slider1.artist_slider .action a.next{right:0px}
	#artist_slider2.artist_slider .action a.next{right:0px}
	#artist_slider3.artist_slider .action a.next{right:0px}


}

@media screen  and (max-width: 1000px)  {
	#body_box #header .logo{width: 275px;height: 25px;margin-top:-12px;left:30px;}
	#body_box #header .logo a{background-size:100% 100%}
	#body_box #header .mgnb{right:45px;}
	#body_box #header .mgnb .gnb li a{font-size:16px;}
	.sub_contents.artist .tab_box ul li{width:16%;}
	.sub_contents.artist .tab_box ul li a{font-size:16px;}
	.sub_contents.artist .sub_title{padding-bottom:20px;}



}

@media screen  and (max-width: 900px)  {
	.contents_artist .artist_profile{padding-lefT:30px;padding-right:30px;}
	.contents_artist .artist_profile .image{position:relative;left:auto;top:auto;width:100%;margin:0 auto}
	.contents_artist .artist_profile .image img{width:100%;}
	.contents_artist .artist_profile .text{padding-top:40px;width:100%;margin:0 auto}

}

@media screen  and (max-width: 800px)  {
	#body_box #header{height:50px;}
	#body_box #header .mgnb{display:none}
	#wrap{margin-top:50px;}
	#section0 .lSSlideOuter .lSPager.lSpg > li a{width:10px;height:10px;}
	#section0 .lSSlideOuter .lSPager.lSpg > li.active a{width:10px;height:10px;}
	#section0 .visual-item .text{left:10%;}
	.section .main_title{font-size:20px;line-height:60px;height:auto}
	.section .main_title a.more{font-size:14px;line-height:130%;margin-top:-10px;}
	#section1 ul li{width:49%;margin-bottom:30px;}
	.section .main_title{margin-top:30px;}
	#section2 .pbox .list_box{padding-lefT:0px;}
	#section2 .pbox .list_box .big{position:relative;width:100%;}
	#section2 .pbox .list_box .big li{margin-bottom:30px;}
	#section2 .pbox .list_box .small li{margin-left:0px;margin-right:3%;}

	#footer_area .sns_link{padding-top:40px;}
	#footer_area .copyright_box{padding-top:40px;}
	#footer_area .copyright_box .box{padding:30px;}
	#footer_area .copyright_box .cp_name{padding:40px 0px;}

	#body_box #subMenu .s_box .sub_title{height:50px;}
	#body_box #subMenu .s_box .sub_title .sns_link{top:10px;left:20px;}
	#body_box #subMenu .s_box .sub_title .s_btn{right:10px;top:6px;}
	#body_box #subMenu .s_box .mgnb{top:70px;}

	.sb_contents{padding-bottom:70px;}
	.sb_contents .top_title{font-size:14px;}
	.sb_contents .sub_title{font-size:30px;}
	.contents_abount .logo{width:200px;height:200px;background-size:100% 100%;}
	.contents_abount .logo:before {bottom:-40px;}
	.contents_abount p{font-size:20px;}

	.contents_contact  .logo{width:200px;height:200px;background-size:100% 100%}
	.contents_contact  p{font-size:20px;}
	.contents_contact .logo:before {bottom:-40px;}

	.gem_list li{width:100%;margin-right:0px;margin-bottom:50px;}

	.sb_contents{padding-top:50px;}

	.sub_contents.artist .tab_box ul li a{font-weight:300;font-size:12px;}
	.sub_contents.artist .tab_box ul li a:hover{font-weight:300;font-size:12px;}

	.contents_artist .artitst_discography .box_title{text-align:center;}
	.contents_artist .artitst_discography .box_title:before {left:50%;margin-left:-80px;}
	.contents_artist .artitst_concert .box_title{text-align:center;}
	.contents_artist .artitst_concert .box_title:before {left:50%;margin-left:-80px;}
	.contents_artist .artitst_filmography .box_title{text-align:center;}
	.contents_artist .artitst_filmography .box_title:before {left:50%;margin-left:-80px;}
	.contents_artist .artitst_award .box_title{text-align:center;}
	.contents_artist .artitst_award .box_title:before {left:50%;margin-left:-80px;}

	.contents_artist .artitst_concert{margin-top:50px;}
	.contents_artist .artitst_filmography{margin-top:50px;}
	.contents_artist .artitst_award{margin-top:50px;}
	.artist_slider li .box span.name{font-size:14px;font-weight:300}
	.artist_slider li .box span.name2{font-size:14px;font-weight:300}
	.artist_slider li .box span.name3{font-size:14px;font-weight:300}
	.contents_artist .artitst_award ul li .year{font-size:16px;}
	.contents_artist .artitst_award ul li .text p{font-size:16px;}
	.contents_artist .artitst_award{padding-top:30px;}
	.contents_artist .artitst_award ul li .text p{width:auto}

	.sub_contents.b_tab .tab_box ul li a{font-size:18px;line-height:50px;width:200px;}


	.contents_audition{position:relative;width:auto;padding:0px 0px;}
	.contents_audition .btn_area{clear:both;padding-top:38px;text-align:center}
	.contents_audition ul li .box{padding-left:207px;font-size:18px;line-height:180%;}
	.contents_audition ul li .box p.s_title{font-size:18px;}
	.contents_audition ul li .box .textbox{line-height:180%;}
	.contents_audition ul li .box .textbox2{line-height:180%;}

}
@media screen  and (max-width: 600px)  {
	.contents_artist .artist_profile .text .stxt{font-size:16px;height:30px;}
	.contents_artist .artist_profile .text .stxt strong{width:150px;}
	.contents_artist .artist_profile .text .mtxt{font-size:14px;}
	.contents_artist .artitst_discography .box_title{font-size:24px;}
	.contents_artist .artitst_concert .box_title{font-size:24px;}
	.contents_artist .artitst_filmography .box_title{font-size:24px;}
	.artist_slider li .box span.image{width:100%}
	.artist_slider li .box span.image img{width:100%}
	.artist_slider .action{top:30%}
	#artist_slider2.artist_slider li .box span.image{width:100%}
	#artist_slider2.artist_slider li .box span.image img{width:100%}

	#artist_slider3.artist_slider li .box span.image{width:100%}
	#artist_slider3.artist_slider li .box span.image img{width:100%}

	#artist_slider1.artist_slider .action{top:30%}
	#artist_slider2.artist_slider .action{top:30%}
	#artist_slider3.artist_slider .action{top:30%}

	.contents_contact p{font-size:14px;}

	.contents_audition ul li .box p.s_title{position:relative;left:auto;top:auto;text-align:center;margin:0 auto;margin-bottom:20px;}
	.contents_audition ul li .box{padding-left:15px;text-align:center;}
}

@media screen  and (max-width: 500px)  {
	#body_box #header .logo{width: 220px;height: 20px;margin-top:-10px;left:30px;}
	#section1 ul li{width:100%;margin-right:0px;}
	#section2 .pbox .list_box .small li{width:100%;margin-right:0px;}
	#footer_area .copyright_box .logo{background-size:100% 100%;width: 230px;height: 20px;}
	#footer_area .copyright_box .cp_name p{font-size:13px;line-height:180%;}
	#section0 .visual-item .text{font-size:12px;}

	#body_box #subMenu .s_box{width:300px;}
	#body_box #subMenu .s_box .mgnb{padding:0px 30px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1{margin-bottom:20px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1 p a{font-size:20px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1 ul li a{font-size:14px;}

	.contents_abount p{font-size:16px;}

	.sub_contents.artist .tab_box ul li{width:32%;margin-bottom:10px;}
	.sub_contents.artist .tab_box{padding-bottom:20px;}
	.contents_artist .artitst_award ul li .text{padding-top:3px;}
	.contents_artist .artitst_award ul li .text p{font-size:13px;}

	.sub_contents.b_tab .tab_box ul li a{font-size:13px;line-height:40px;width:130px;border:2px solid #92c9c5}

	.contents_audition ul li .box{font-size:16px;}
	.contents_audition ul li .box p.s_title{font-size:16px;}


}
@media screen  and (max-width: 400px)  {
	.sub_contents.b_tab .tab_box ul li a{font-size:12px;line-height:40px;width:110px;border:2px solid #92c9c5}
	.contents_audition ul li .box{font-size:13px;}

}