/*header*/
.ruda_tab_wrap{width: 100%;top: 365px;}
.ruda_tabbox{width: 25%; margin: auto;}
.r_tab{text-align: center; background-color: #fff; margin-top: 40px; float: left;}
.on a{color:#213d78 !important; font-weight: 700 !important;}
.r_tab a{color: #828282; font-weight: 400; font-size: 18px;}
/*header 끝*/

/* 상담하기 */
.consult_warp{width:100%; height: 200px; overflow: hidden; cursor: pointer; position: relative; background-color: #000;margin-bottom: 20px;}
.consult_bg{width: 100%; height: 100%; background:url(/images/sub/counsel_bg.png) center; background-size: cover;display: inline-block;background-repeat: no-repeat;background-position: center center;transition: transform .3s ease-out;opacity : 0.3;z-index: -1;}
.consult_tit{width: 100%; margin-top: 55px; text-align: center !important; position: absolute; top: 0;  color: #fff;}
.consult_tit span{font-family: 'Noto Sans KR';font-size: 22px; font-weight: 600; color: #b3b3b3;}
.blank2{margin-bottom: 20px;}
.consult_btn{width: 180px; font-size: 15px; padding: 5px 7px; text-align: center; border: 1px solid #fff; border-radius: 50px; letter-spacing: 1px;transition: background 0.6s;-webkit-transition: background 0.6s; cursor: pointer;margin: auto;}
.consult_btn a{color: #fff !important; font-weight: 300;font-size: 15px;}
.consult_warp:hover .consult_btn{background-color: #ad3387;  border: 1px solid #ad3387;transition: background 0.6s;-webkit-transition: background 0.6s;}
.consult_warp:hover .consult_btn a{color: #fff!important; font-weight: 900;}
.consult_warp:hover .consult_bg{ transform: scale(1.1);opacity: 0.75;z-index: -1;}
/* 상담하기 끝 */

/*sub_con*/
#ruda_sub_wrap{width: 100%;}
.ruda_sub_section{width: 100%; max-width: 1200px; margin: auto; padding-top: 150px;}
/*sub_01 소개*/
.ruda_sub01_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;}
.ruda_sub_box{width: 50%; float: left; padding: 0px 50px;}
.s01_1box{margin-top: 70px;}
.pc_1000_on{display: none;}.pc_1000_off{display: block;}
.ruda_sub_tit{text-align: left; font-size: 27px; font-weight: 600; line-height: 36px; letter-spacing: -0.5px;font-family: 'Noto Sans KR';margin-bottom: 20px;}
.ruda_sub_tit span{margin-left: 10px; font-size: 22px; font-weight: 600;color: #b3b3b3;}
.ruda_sub_txt{text-align: left; font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.ruda_about_img{width: 50%; height: 400px;float: left; background:#000 url(/images/sub/sub01_1.png);background-repeat: no-repeat; background-position: center center; background-size:cover; /*border-radius: 20px;*/}
/*sub_01 둘러보기*/
.sub01_sd{width: 100%; height: 400px; /*border-radius: 20px;*/ margin-bottom: 50px !important;}
.s01_2box{margin-top: 150px;}
.ruda_vr iframe{/*border-radius: 20px;*/ height: 400px;}
/*sub_01 오시는길*/
.map{/*border-radius: 20px;*/ width: 50%; height: 400px; overflow: hidden; float: left;}
.ruda_sub_txt li img{width: 18px; margin-bottom: 3px;margin-right: 10px;}
.ruda_sub_txt ul{width: 100%;}
.ruda_sub_txt li{float: left; text-align: left; line-height: 40px;}
.ruda_sub_txt li:nth-child(1){width: 25%; font-size: 16px; font-weight: 600; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.ruda_sub_txt li:nth-child(2){width: 75%;font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.ruda_sub_txt li:nth-child(2) a{color: #333;font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';transition: background 0.3s;-webkit-transition: background 0.3s;}
.ruda_sub_txt li:nth-child(2) a:hover{color: #ad3387; font-weight: 600;transition: background 0.3s;-webkit-transition: background 0.3s;} 
.insta{width:18px; height:18px;margin-right: 5px;margin-bottom: -3px; display: inline-block; background:url(/images/sub/insta.svg);background-repeat: no-repeat; background-position: center center; background-size:cover; transition: background 0.3s;-webkit-transition: background 0.3s;}
.ruda_sub_txt li:nth-child(2) a:hover .insta{background:url(/images/sub/insta_over.svg); transition: background 0.3s;-webkit-transition: background 0.3s;} 
.u{width:21px; height:15px;margin-right: 5px;margin-bottom: -1px; display: inline-block; background:url(/images/sub/u.svg);background-repeat: no-repeat; background-position: center center; background-size:cover; transition: background 0.3s;-webkit-transition: background 0.3s;}
.ruda_sub_txt li:nth-child(2) a:hover .u{background:url(/images/sub/u_over.svg); transition: background 0.3s;-webkit-transition: background 0.3s;} 
.s01_3box{margin-top: 60px;} 
/*sub_02 프로필*/ 
.ruda_sub02_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;} 
.s02_1box{margin-top: 0px; margin-bottom: 30px;}
.ruda_profile_img{width: 50%; height: 430px;float: left; background:#000 url(/images/sub/sub02_1.png);background-repeat: no-repeat; background-position: center center; background-size:cover;/* border-radius: 20px;*/}
.s02_3box{margin-top: 15px;}
.s02_3box .ruda_sub_txt li:nth-child(1){width: 3% !important; font-size: 16px !important; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.s02_3box .ruda_sub_txt li:nth-child(2){width: 97% !important; font-size: 16px !important; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.ruda_career_img{width: 50%; height: 400px;float: left; background:#000 url(/images/sub/sub02_5.png);background-repeat: no-repeat; background-position: center center; background-size:cover;/* border-radius: 20px;*/}
/*sub_02 앨범*/
.ruda_sub_tit small{font-size: 20px; color: #b3b3b3; font-weight: 500;}
.ruda_album_imgbox{width: 50%; float: left;}
.ruda_album_img{width: 100%; height: 400px;float: left; background:#000 url(/images/sub/sub02_2_200225.png);background-repeat: no-repeat; background-position: center center; background-size:cover; /*border-radius: 20px;*/}
.ruda_album1_img, .ruda_album2_img{width: 48%; height: 300px;float: left;/*border-radius: 20px;*/ margin-top: 30px;}
.ruda_album1_img{margin-right: 4%;background:#000 url(/images/sub/sub02_3_200225.png);background-repeat: no-repeat; background-position: center center; background-size:cover; }
.ruda_album2_img{background:#000 url(/images/sub/sub02_4_200225.png);background-repeat: no-repeat; background-position: center center; background-size:cover; }
.t_point{color:#ad3387; padding-bottom: 5px;}
.s02_2box{margin-top: 0px;}
/*sub_03 엽집자판기*/
.ruda_sub03_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;}
.s03_1box{margin-top: 15px;}
.ruda_creators_img{width: 50%; height: 400px;float: left; background:#000 url(/images/sub/sub03_1.png);background-repeat: no-repeat; background-position: center center; background-size:cover;/* border-radius: 20px;*/}
/*sub_03 필모그래피*/
.ruda_sub_txt span{font-size: 24px; font-weight: 600; line-height: 36px;}
.s03_2box{margin-top: 52px;}
.s03_3box{margin-top: 55px;}
.s03_4box{margin-top: 15px;}
.s03_5box{margin-top: 50px;}
.s03_6box{margin-top: 105px;}
.s03_7box{margin-top: 0px;}
.s03_8box{margin-top: 0px;}
.ruda_creators1_img, .ruda_creators2_img, .ruda_creators3_img, .ruda_creators4_img, .ruda_creators5_img, .ruda_creators6_img, .ruda_creators7_img{width: 50%; height: 650px;float: left; /*border-radius: 20px;*/}
.ruda_creators1_img{background:#000 url(/images/sub/sub03_2.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators2_img{background:#000 url(/images/sub/sub03_3.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators3_img{background:#000 url(/images/sub/sub03_4.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators4_img{background:#000 url(/images/sub/sub03_5.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators5_img{background:#000 url(/images/sub/sub03_6.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators6_img{background:#000 url(/images/sub/sub03_7.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_creators7_img{background:#000 url(/images/sub/sub03_8.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
/*sub_04 스튜디오*/
.ruda_sub04_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;}
.sub04_sd{width: 100%; height: 400px;/* border-radius: 20px;*/}
.s04_1box{margin-top: 70px;}
.s04_2box{margin-top: 0px;}
.s04_3box{margin-top: 125px;}
.s04_4box{margin-top: 80px;}
.ruda_studio1_img, .ruda_studio2_img, .ruda_studio3_img{width: 50%; height: 400px;float: left; /*border-radius: 20px;*/}
.ruda_studio1_img{background:#000 url(/images/sub/sub04_5.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_studio2_img{background:#000 url(/images/sub/sub04_6.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_studio3_img{background:#000 url(/images/sub/sub04_7.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_sub_tbox{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; color: #ad3387;border-radius: 20px;border: 1px solid #ad3387; text-align: center; padding: 50px 0;}
/*sub_05 제작과정*/
.ruda_sub05_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;}
.s05_1box{margin-top: 70px;}
.s05_2box{width: 100%;}
.ruda_mr_img{width: 50%; height: 400px;float: left; /*border-radius: 20px;*/}
.ruda_mr_img{background:#000 url(/images/sub/sub05_1.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_sub_txt2{text-align: left; font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR'; word-break: keep-all;margin-top: 30px;}
.ruda_sub_txt2 ul{width: 100%;}
.ruda_sub_txt2 li{float: left; text-align: left; line-height: 26px; margin-bottom: 10px; word-break: keep-all;}
.ruda_sub_txt2 li:nth-child(1){width: 5%; font-size: 16px; font-weight: 600; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.ruda_sub_txt2 li:nth-child(2){width: 95%;font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
#mr_table1{width: 100%;}
#mr_table1 th{font-size: 18px; font-weight: 600; letter-spacing: -0.5px;font-family: 'Noto Sans KR'; text-align: center;border-bottom: 1px solid #ccc; padding: 15px 0px; border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
#mr_table1 td{font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.5px;font-family: 'Noto Sans KR'; text-align: center;border-bottom: 1px dotted #ccc; padding: 10px 30px; word-break: keep-all; border-left: 1px dotted #ccc;}
#mr_table1 td:first-child, #mr_table1 th:first-child{border-left: 0;}
/*sub_07 방문상담*/
.ruda_sub07_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left;}
.s07_1box{margin-top: 30px;}
.ruda_contact_img{width: 50%; height: 500px;float: left; /*border-radius: 20px;*/background:#000 url(/images/sub/sub07_1.png);background-repeat: no-repeat; background-position: center center; background-size:cover;}
.ruda_contact_txt{width: 50%; float: right; padding: 0 50px;}
.contact01_box{float: left; width: 48%; margin-right: 4%; padding: 10px; border: 1px solid #ccc;border-radius: 20px; transition: background 0.6s;-webkit-transition: background 0.6s; cursor: pointer;}
.contact02_box{float: left; width: 48%; padding: 10px; border: 1px solid #ccc;border-radius: 20px;transition: background 0.6s;-webkit-transition: background 0.6s; cursor: pointer;}
.contact_tit{width: 100%; float: left; font-size: 20px;font-weight: 600; letter-spacing: -0.5px;font-family: 'Noto Sans KR'; text-align: center;}
.contact_txt{width: 100%; float: left; font-size: 16px; font-weight: 400; letter-spacing: 1px; font-family: 'S-CoreDream-5Medium'; text-align: center;}
.contact_tit img{width: 20px; margin-bottom: 4px;margin-right: 7px;}
.contact01_box:hover, .contact02_box:hover{border: 1px solid #ad3387; background-color: #ad3387; -webkit-transition: background 0.6s;}
.contact01_box:hover .contact_tit, .contact02_box:hover .contact_tit{color: #fff; -webkit-transition: background 0.6s;}
.contact01_box:hover .contact_txt, .contact02_box:hover .contact_txt{color: #fff; -webkit-transition: background 0.6s;}
.contact01_box:hover .contact_tit img, .contact02_box:hover .contact_tit img{display: none; -webkit-transition: background 0.6s;}

.small_table{display: none;}

/*sub_con 끝*/

/*웹*/
@media all and (max-width:1300px){.room_slide{margin: auto; max-width: 90%;} .s02_3box{margin-top: 0;}}
/*웹 1200*/
@media all and (max-width:1200px){
	.ruda_tabbox{width:50%;}
	.room_slide{margin: auto; max-width: 90%;}
	.s01_1box{margin-top: 30px;}
	.s03_1box, .s03_2box, .s03_3box, .s03_4box, .s03_5box, .s03_6box, .s03_7box, .s03_8box{margin-top: 0;}
	.s04_1box{margin-top: 45px;}.s04_4box {margin-top: 70px;}
	.s05_1box{margin-top: 60px;}
	.s07_1box{margin-top: 15px;}
	.contact_txt{font-size: 14px;}
	.blank{padding-top: 100px;}
}
/*웹 1000*/
@media all and (max-width:1000px){
	/*.room_slide{margin: auto; max-width: 700px;}*/
	
	
	.pc_1000_on{display: block;}.pc_1000_off{display: none;}
	.ruda_sub_section{padding-top: 120px;}
	.ruda_about_img, .ruda_profile_img, .ruda_creators_img, .ruda_creators1_img, .ruda_creators2_img, .ruda_creators3_img, .ruda_creators4_img, .ruda_creators5_img, .ruda_creators6_img, .ruda_creators7_img, .ruda_creators8_img, .ruda_mr_img, .ruda_contact_img, .ruda_career_img{width: 100%; height: 400px;margin-top: 20px;}
	.ruda_sub_box{width: 100%; padding: 0;}
	.ruda_sub_tit{margin-bottom: 0;}
	.s01_1box, .s01_3box, .s02_2box, .s03_1box, .s03_2box, .s03_3box, .s03_4box, .s03_5box, .s03_6box, .s03_7box, .s03_8box, .s04_1box, .s05_1box, .s07_1box{margin-top: 20px;}
	.s02_1box, .s02_3box{margin-top: 30px;}
	.s02_3box .ruda_sub_txt ul{width: 100%;}
	.s04_2box, .s04_3box, .s04_4box{width: 50%; padding: 0 50px;}.s04_2box{margin-top: 50px;}.s04_3box{margin-top: 100px;}.s04_4box{margin-top: 25px;}
	.sub01_sd{width: 49% !important; margin-right: 2%!important; height: 300px;margin-top: 20px!important; margin-bottom: 0 !important;}
	.s01_2box{display: none;}
	.ruda_vr iframe{width: 49%; height: 300px; margin-top: 20px;}
	.map{width: 100%; margin-top: 20px; height: 400px;}
	.ruda_sub_txt ul{width: 50%; float: left;}
	.ruda_sub_txt li{line-height: 30px;}
	.ruda_album_imgbox{width: 100%; margin-top: 20px;}
	.sub04_sd{width: 100%!important; height: 400px; margin-top: 20px!important;}
	.s04_t_point_box{width: 100%; padding: 0 50px;}.s04_t_point_box .ruda_sub_txt{ margin-top: 30px; float: left;}
	.ruda_sub_tbox{font-size: 18px; padding: 30px 0; font-weight: 500;}
	.s05_1box .ruda_sub_txt2{margin-top: 0;}
	.ruda_contact_txt{width: 100%; padding: 0;}
	.blank{padding-top: 70px;}
}
/*웹 끝*/
/*태블릿*/
@media all and (max-width:767px){
	/*.room_slide{margin: auto; max-width: 600px;}*/
	.ruda_about_img, .ruda_profile_img, .ruda_creators_img, .ruda_creators1_img, .ruda_creators2_img, .ruda_creators3_img, .ruda_creators4_img, .ruda_creators5_img, .ruda_creators6_img, .ruda_creators7_img, .ruda_creators8_img, .ruda_mr_img, .ruda_contact_img, .ruda_career_img{height: 350px;}
	.sub01_sd{width: 100%!important;}
	.ruda_album_img{height: 300px;}.ruda_album1_img, .ruda_album2_img{height: 250px;}
	.ruda_vr iframe{width: 100%;}
	.map{height: 300px;}
	.sub04_sd{height: 300px;}
	.ruda_sub_txt ul{width: 100%;}
	.ruda_sub_txt li:nth-child(1){width: 15%;}
	.s04_2box{margin-top: 45px;}.s04_3box{margin-top: 85px;}.s04_4box{margin-top: 30px;}
	.s04_2box, .s04_3box, .s04_4box, .s04_t_point_box{padding: 0 30px;}
	.blank{padding-top: 70px;}
}
/*태블릿 */
/*모바일*/
@media all and (max-width:640px){
	/*.room_slide{margin: auto; max-width: 430px;}*/
	.ruda_tabbox{width: 70%;}
	.ruda_about_img, .ruda_profile_img, .ruda_creators_img, .ruda_creators1_img, .ruda_creators2_img, .ruda_creators3_img, .ruda_creators4_img, .ruda_creators5_img, .ruda_creators6_img, .ruda_creators7_img, .ruda_creators8_img, .ruda_mr_img, .ruda_contact_img, .ruda_career_img{height:300px;}
	.ruda_sub_txt li:nth-child(1){width: 25%;}
	.ruda_album_img{height: 250px;}.ruda_album1_img, .ruda_album2_img{height: 200px;}
	.s04_2box, .s04_3box, .s04_4box, .s04_t_point_box{width: 100%; padding: 0;margin-top: 0;}
	.ruda_studio1_img, .ruda_studio2_img, .ruda_studio3_img{width: 100%; height: 200px;margin-top: 30px;}
	.s04_t_point_box .ruda_sub_txt{width: 100%!important;}
	.blank{padding-top: 50px;}
	.consult_warp{height: 150px;}.consult_tit{margin-top: 25px;}
  .r_tab a{font-size:16px;}
}
@media all and (max-width:479px){
	/*.room_slide{margin: auto; max-width: 300px;}*/
	.top-menu-title p{font-size: 32px;}
	.ruda_sub_tit{font-size: 26px;}
	.ruda_tabbox{width: 90%;}
	.ruda_about_img, .ruda_profile_img, .ruda_creators_img, .ruda_creators1_img, .ruda_creators2_img, .ruda_creators3_img, .ruda_creators4_img, .ruda_creators5_img, .ruda_creators6_img, .ruda_creators7_img, .ruda_creators8_img, .ruda_mr_img, .ruda_contact_img, .ruda_career_img{height: 200px;}
	.sub01_sd, .ruda_vr iframe, .map, .sub04_sd{height: 200px;}
	.ruda_sub_txt li:nth-child(2), .ruda_sub_txt li:nth-child(2) a{font-size: 14px;}
	.ruda_sub_txt li:nth-child(1){width: 30%;} .ruda_sub_txt li:nth-child(2){width: 70%;}
	.ruda_album_img{height: 200px;}.ruda_album1_img, .ruda_album2_img{height: 150px;margin-top:15px;}
	.ruda_sub_tbox{font-size: 16px;}
	.ruda_sub01_wrap, .ruda_sub02_wrap, .ruda_sub03_wrap, .ruda_sub04_wrap, .ruda_sub05_wrap, .ruda_sub06_wrap, .ruda_sub07_wrap{margin-bottom: 70px;}
	.small_table{display: block;}.big_table{display: none;}
	#mr_table1{margin-top: 30px;}
	#mr_table1 th{font-size: 16px; line-height: 20px;}
	#mr_table1 td{font-size: 15px; line-height: 20px; border-top: 1px dotted #ccc; border-left: 1px solid #ccc; padding: 10px 10px;}
	.contact01_box{margin-right: 0; width: 100%; margin-bottom: 15px;}.contact02_box{width: 100%;}
}
@media all and (max-width:320px){.about span{margin-left: 0}}