@charset "utf-8";
/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/


#contents{overflow:hidden;}
h2,
h3{font-size:76px;background:#2d2929 url(../../images/bg/bg_main_title.png) no-repeat 0 50%;font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;text-align:center;}
h2{font-size:90px;}
h2.c_wh,
h3.c_wh{color:#fff;background:none;-webkit-background-clip:none;-webkit-text-fill-color:#fff;}
h2.c_dk,
h3.c_dk{color:#2d2929;background:none;-webkit-background-clip:none;-webkit-text-fill-color:#2d2929;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contents h3{background:none;}
}

.cont_motion .section_page_top{background:url(../../images/contents/img_top_motion.png) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.cont_studio_art .section_page_top{background:url(../../images/contents/img_top_art.png) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.cont_studio_body .section_page_top{background:url(../../images/contents/img_top_body.png) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}

.cont_motion{margin-bottom:180px;}
.contentspage h3{display:inline-block;margin-bottom:20px;font-size:70px;text-align:left;}
.cont_motion .cont_wrap{position:relative;height:706px;overflow:hidden;}
.cont_motion .cont_wrap .sec_txt{width:50%;float:left;}
.cont_motion .cont_wrap .sec_txt .txt{font-family:'NanumBarunGothic';font-size:17px;font-weight:600;line-height:28px;}
.cont_motion .cont_wrap .sec_txt .txt span{display:block;}
.cont_motion .cont_wrap .img_wrap{float:left;}
.contentspage .title{margin-bottom:50px;text-align:center;}
.contentspage .title h3{margin-bottom:0;}
.contentspage .title p{font-size:28px;font-weight:300;}

.contentspage .info_box dl{overflow:hidden;}
.contentspage .info_box dt{width:190px;margin-bottom:20px;font-size:18px;float:left;letter-spacing:.3px;clear:both;}
.contentspage .info_box dd{width:350px;margin-bottom:20px;font-family:'NanumBarunGothic';font-size:17px;font-weight:300;line-height:28px;float:left;}

.cont_motion .section_cont01{position:relative;padding-top:95px;margin-bottom:125px;}
.cont_motion .section_cont01 .sec_txt{position:relative;padding:185px 0 0 50px;text-align:left;z-index:1;}
.cont_motion .section_cont01 .img_wrap{position:absolute;top:0;right:0;}
.cont_motion .section_cont02{margin-bottom:170px;}
.cont_motion .section_cont02 .sec_txt{position:relative;padding:190px 0 0 125px;float:right;z-index:1;}
.cont_motion .section_cont02 .sec_txt .txt{padding-left:100px;}
.cont_motion .section_cont02 .img_wrap{position:absolute;top:0;left:0;}
.cont_motion .section_info{margin-bottom:200px;}
.cont_motion .section_info .swiper-container{padding-bottom:140px;}
.cont_motion .section_info .swiper-slide{position:relative;}
.cont_motion .section_info .info_box{position:absolute;left:-1px;top:100%;padding:40px 50px 0 0;background-color: #fff;;-webkit-transition:top .5s;transition:top .5s;}
.cont_motion .section_info .info_box .store{margin-bottom:30px;font-family:'NanumBarunGothic';font-size:36px;font-weight:300;opacity:0;}
.cont_motion .section_info .info_box dl{opacity:0;}
.cont_motion .section_info .swiper-slide-active .info_box{top:642px;}
.cont_motion .section_info .swiper-slide-active .info_box .store,
.cont_motion .section_info .swiper-slide-active .info_box dl{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:.5s;transition-delay:.5s;}

.brand_bi{width:100%;padding:0 50px;overflow:hidden;}
.brand_bi span{display:block;width:25%;height:180px;line-height:180px;text-align:center;float:left;}
.brand_bi span img{vertical-align:middle;}

.contentspage .section_contents{padding-top:60px;}

.section_contents .tablink{margin-bottom:95px;}

.contentspage .section_contents .studio_cont1{position:relative;height:706px;margin-bottom:180px;}
.contentspage .section_contents .studio_cont1 .txt_wrap{position:absolute;bottom:30px;left:50px;width:350px;}
.contentspage .section_contents .studio_cont1 .txt_wrap .tit{margin-bottom:35px;font-family:'NanumBarunGothic';font-size:28px;font-weight:600;}
.contentspage .section_contents .studio_cont1 .txt_wrap .txt{font-family:'NanumBarunGothic';font-size:17px;font-weight:600;line-height:28px;}
.contentspage .section_contents .studio_cont1 .img_wrap{width:820px;float:right;} 
.contentspage .section_contents .studio_cont1 .inlogo{position:absolute;top:0;left:270px;}
.contentspage .section_contents .studio_cont2{margin-bottom:230px;}
.contentspage .section_contents .studio_cont2 .career{overflow:hidden;}
.contentspage .section_contents .studio_cont2 .img{width:416px;float:left;}
.contentspage .section_contents .studio_cont2 .career_txt{width:864px;padding:110px 0 0 75px;font-family:'NanumBarunGothic';float:left;}
.contentspage .section_contents .studio_cont2 .career_txt .tit{margin-bottom:10px;font-size:28px;font-weight:600;}
.contentspage .section_contents .studio_cont2 .career_txt ul{display:block;width:335px;float:left;margin-right:65px;}
.contentspage .section_contents .studio_cont2 .career_txt ul:last-child{margin-right:0;}
.contentspage .section_contents .studio_cont2 .career_txt li{padding-left:15px;margin-bottom:5px;font-size:15px;line-height:24px;text-indent:-12px;}
.contentspage .section_space_info{margin-bottom:115px;}
.contentspage .section_space_info .info_box{width:1280px;padding:0 50px;margin:80px auto 0;}
.contentspage .section_space_info .info_box dd{width:990px;}
.info_box dd .btn_detail_brand{display:block;height:39px;margin-top:20px;padding-left:47px;background:url(../../images/icon/ico_detail_brand.png) no-repeat 0 50%;line-height:39px;font-size:15px;font-weight:400;color:#c17b41;}
.contentspage .section_program{padding:115px 0;text-align:center;background-color:#f8f8f8}

.contentspage .cont_studio_body .section_contents .studio_cont1 .inlogo{top:90px;left:158px;}
.contentspage .cont_studio_body .section_contents .studio_cont1 .txt_wrap{bottom:75px;}
.contentspage .cont_studio_body .section_contents .studio_cont1 .txt_wrap .tit{margin-bottom:5px;}

.contentspage .section_program .program{}
.contentspage .section_program .program ul{width:100%;padding:0 50px;text-align:justify;}
.contentspage .section_program .program ul::after{content:'';display:inline-block;width:100%;}
.contentspage .section_program .program li{display:inline-block;width:356px;height:325px;margin-bottom:40px;background-size:cover;}
.contentspage .section_program .program li .txt_wrap{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;}
.contentspage .section_program .program li .txt_wrap .info{display:inline-block;}
.contentspage .section_program .program li .txt_wrap .info span{display:block;text-align:center;font-family:'NanumBarunGothic';font-size:16px;font-weight:300;color:#fff;line-height:1.4;}
.contentspage .section_program .program li .txt_wrap .info .tit{font-size:28px;font-weight:600;}
.contentspage .section_program .program li .txt_wrap .info .btn_detail{display:inline-block;width:120px;height:38px;margin-top:10px;line-height:36px;font-size:12px;}
.contentspage .section_program .program .infotxt{padding:0 50px;font-size:17px;line-height:1.4;}

.modal_pro{display:none;}
.modal_pro.on{display:flex;}
.modal_pro .modal_inner{max-width:620px;background-color:#fff;}
.modal_pro .modal_inner .modal_head{position:relative;width:100%;height:60px;border-bottom:1px solid #333;line-height:60px;padding-left:30px;font-size:20px;color:#2d2929;text-align:left;}
.modal_pro .modal_inner .modal_head .btn_close{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;text-indent:-9999px;background:url(/renewal/images/ui/close.png) no-repeat 50% 50%;}
.modal_pro .modal_inner .modal_contents{padding:40px 30px;background:url(/renewal/images/contents/logo_art.png) no-repeat top 20px right 20px / 82px auto;font-family:'NanumBarunGothic';font-size:16px;font-weight:300;color:#2d2929;line-height:1.4;text-align:left;}
.modal_pro .modal_inner .modal_contents .tit{margin-bottom:5px;font-size:24px;font-weight:600;color:#7f1e1e;}
.modal_pro .modal_inner .modal_contents .txt{font-size:17px;font-weight:600;color:#7f1e1e;}
.modal_pro .modal_inner .modal_contents .intxt{margin-top:30px;}
.modal_pro .modal_inner .modal_contents .intxt .contact{font-weight:600;}


@media only screen and (max-width: 1300px) {
	.contentspage h3{font-size:70px;line-height:1;}
	.cont_motion .cont_wrap{height:auto;}
	.cont_motion .cont_wrap .sec_txt .txt{width:35%;}
	.cont_motion .section_cont01{padding-top:80px;margin-bottom:80px;}
	.cont_motion .section_cont01 .img_wrap{position:static;width:60%;margin-left:-60%;float:right;}
	.cont_motion .section_cont01 .sec_txt{width:100%;padding-top:10%;}
	.cont_motion .section_cont02{margin-bottom:80px;}
	.cont_motion .section_cont02 .img_wrap{position:static;width:60%;margin-right:40%;float:right;}
	.cont_motion .section_cont02 .sec_txt{width:45%;margin-left:-45%;padding:10% 30px 0 0;float:right;}
	.cont_motion .section_cont02 .cont_wrap .sec_txt .txt{width:100%;padding-left:20%;}
	.contentspage .title{margin-bottom:50px;}
	.cont_motion .section_info{margin-bottom:80px;}
	.cont_motion .section_info .info_box{padding:30px 30px 0 0;}
	.cont_motion .section_info .swiper-slide-active .info_box{top:calc(100% - 80px);}
	.cont_motion .section_info .info_box .store{font-size:31px;}
	.brand_bi span{width:33%;}

	.contentspage .section_contents .studio_cont1{height:auto;margin-bottom:80px;overflow:hidden;}
	.contentspage .section_contents .studio_cont1 .img_wrap{width:60%;}
	.contentspage .section_contents .studio_cont1 .inlogo{left:40%;width:15%;margin-left:-10%;}
	.contentspage .cont_studio_body .section_contents .studio_cont1 .inlogo{left:40%;}

	.contentspage .section_contents .studio_cont2{margin-bottom:80px;}
	.contentspage .section_program{padding:80px 0;}
	.contentspage .section_contents .studio_cont1 .txt_wrap{bottom:0;}
	.contentspage .section_contents .studio_cont2 .career{width:100%;}
	.contentspage .section_contents .studio_cont2 .img{width:30%;}
	.contentspage .section_contents .studio_cont2 .career_txt{width:70%;padding:50px;}
	.contentspage .section_contents .studio_cont2 .career_txt ul{width:49%;margin-right:2%;}
	.contentspage .section_contents .studio_cont2 .career_txt ul:last-child{margin-right:0;}
	.contentspage .section_space_info .info_box{margin-top:50px;}

	.contentspage .section_program .program li{position:relative;width:32%;height:0;padding-top:32%;margin-left:2%;margin-bottom:2%;}
	.contentspage .section_program .program li .txt_wrap{position:absolute;top:0;left:0;width:100%;height:100%;}
	.contentspage .section_program .program li:nth-child(3n-2){margin-left:0;}
	.contentspage .section_program .program li .txt_wrap .info span{font-size:14px;}
	.contentspage .section_program .program li .txt_wrap .info .tit{margin-bottom:5px;font-size:21px;}
	
}
@media screen and (max-width: 1220px){
	/*.contentspage .section_program .program li{width:250px;height:250px;}*/
}
@media screen and (max-width: 1024px){
	.contentspage .section_contents .studio_cont1 .txt_wrap{width:32%;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .tit{margin-bottom:20px;font-size:21px;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .txt{font-size:15px;line-height:1.5;}
	
	.contentspage .section_contents .studio_cont1 .img_wrap{width:40%;}
	.contentspage .section_contents .studio_cont1 .inlogo{left:50%;margin-left:0;}
	.contentspage .section_contents .studio_cont1 .txt_wrap{position:static;width:45%;padding-left:50px;float:left;}
	.contentspage .section_contents .studio_cont2 .career_txt li{font-size:14px;line-height:1.6;}
	.contentspage .cont_studio_body .section_contents .studio_cont1 .inlogo{left:50%;top:0;}
	/*.contentspage .section_program .program li{position:relative;width:45%;height:auto;padding-top:45%;margin-bottom:30px;}*/
	/*.contentspage .section_program .program li .txt_wrap{padding:0 50px;position:absolute;top:0;left:0;width:100%;height:100%;}*/

}

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

	.contentspage h3{font-size:52px;line-height:1;}
	.section_contents .tablink{margin-bottom:50px;}
	.contentspage .section_contents{padding:30px 0;}
	.cont_motion{margin-bottom:150px;}
	.cont_motion .section_cont01 .img_wrap{width:50%;margin-left:-50%;}
	.cont_motion .section_cont01 .sec_txt{width:100%;padding-top:30px;}
	.cont_motion .cont_wrap .sec_txt .txt{width:45%;font-size:14px;line-height:1.5;}
	.cont_motion .section_cont02 .img_wrap{width:50%;margin-right:50%;}
	.cont_motion .section_cont02 .sec_txt{width:53%;margin-left:-53%;padding-top: 30px;}
	.cont_motion .section_cont02 .cont_wrap .sec_txt .txt{padding-left:15%;}
	.contentspage .title{margin-bottom:30px}
	.contentspage .title p{margin-top:5px;font-size:21px;}
	.cont_motion .section_info{margin-bottom:50px;}
	.cont_motion .section_info .info_box .store{margin-bottom:20px;}
	.contentspage .info_box dt{width:130px;margin-bottom:10px;font-size:14px;}
	.contentspage .info_box dd,
	.contentspage .section_space_info .info_box dd{width:220px;margin-bottom:10px;font-size:14px;line-height:1.5;}
	.cont_motion .section_info .info_box .store{font-size:28px;}
	.cont_motion .section_info .swiper-slide-active .info_box{top:calc(100% - 50px);}
	.brand_bi span{width:50%;height:150px;line-height:150px;}
	.brand_bi span img{transform:scale(.8,.8);}
	.contentspage .section_contents .studio_cont1,
	.contentspage .section_contents .studio_cont2{margin-bottom:50px;}
	.contentspage .section_program{padding:50px 0;}

	.contentspage .section_contents .studio_cont1 .txt_wrap{width:50%;padding-left:30px;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .tit{margin-bottom:10px;font-size:18px;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .txt{font-size:14px;}
	.contentspage .section_contents .studio_cont2 .career_txt{padding:0 30px;}
	.contentspage .section_contents .studio_cont2 .career_txt .tit{font-size:21px;}
	.contentspage .section_contents .studio_cont2 .career_txt li{font-size:13px;}

	.modal_pro .modal_inner{width:90%;}
	.modal_pro .modal_inner .modal_contents .txt{padding-right:80px;}

	.contentspage .section_program .program li{width:49%;padding-top:49%;margin-left:2%;}
	.contentspage .section_program .program li:nth-child(3n-2){margin-left:2%;clear:none;}
	.contentspage .section_program .program li:nth-child(2n-1){margin-left:0;clear:both;}

}

@media screen and (max-width: 640px){ 
	.cont_motion .section_page_top{background-attachment:inherit;}
	.cont_studio_art .section_page_top{background-attachment:inherit;}
	.cont_studio_body .section_page_top{background-attachment:inherit;}

	.section_page_top{max-height:640px;}
	.tablink .intab{width:45%;height:40px;margin:0;border-width:2px;line-height:40px;font-size:16px;}

	.section_page_top .page_top_title{width:100%;padding:0 70px;margin-top:-70px;text-align:center;}
	.section_page_top.viewpage .page_top_title{margin-top:0;}
	#contents .section_page_top .page_top_title h2{padding:0 40px;font-size:60px;}
	#contents .section_page_top.viewpage .page_top_title h2{font-size:42px;line-height:1;}
	.section_page_top .top_txt{font-size:14px;line-height:1.5;}
	
	.contentspage h3{margin-bottom:15px;font-size:42px;}
	.cont_motion{margin-bottom:100px;}
	.cont_motion .section_cont01{padding-top:30px;margin-bottom:30px;}
	.cont_motion .section_cont01 .sec_txt,
	.cont_motion .section_cont02 .sec_txt{width:100%;padding:20px 30px;}
	.cont_motion .section_cont01 .img_wrap,
	.cont_motion .section_cont02 .img_wrap{float:none;margin:0;width:100%;padding-left:100px;}
	.cont_motion .section_cont02 .cont_wrap .sec_txt .txt{padding-left:0;}
	.cont_motion .cont_wrap .sec_txt .txt{width:100%;}
	.cont_motion .cont_wrap .sec_txt .txt span{font-weight:600;}

	.cont_motion .section_cont02{margin-bottom:70px;}
	.contentspage .title{margin-bottom:20px;}
	.contentspage .title p{font-size:16px;}
	.cont_motion .section_info .info_box{width:calc(100% - 150px);padding:20px;}
	
	.cont_motion .section_info .info_box .store{font-size:21px;}
	.contentspage .info_box dt{width:100%;margin-bottom:5px;font-size:13px;}
	.contentspage .info_box dd,
	.contentspage .section_space_info .info_box dd{width:100%;font-size:12px;}
	.brand_bi{padding:0 30px;}
	.brand_bi span img{transform:scale(.7,.7);}

	.contentspage .section_contents .studio_cont1,
	.contentspage .section_contents .studio_cont2{margin-bottom:50px;}
	.contentspage .section_program{padding:30px 0;}

	.contentspage .section_contents .studio_cont1 .img_wrap{float:right;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .tit{font-size:16px;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .txt{font-size:13px;}
	
	.contentspage .section_contents .studio_cont2 .career_txt{padding:0 20px;}
	.contentspage .section_contents .studio_cont2 .career_txt ul{width:100%;margin-right:0;}
	.contentspage .section_space_info{margin-bottom:50px;}
	.contentspage .section_space_info .info_box{width:100%;margin-top:30px;padding:0 30px;}
	
	.contentspage .section_program .program ul{padding:0 30px;}
	.contentspage .section_program .program li .txt_wrap .info span{font-size:13px;}
	.contentspage .section_program .program li .txt_wrap .info .tit{font-size:18px;}
	.contentspage .section_program .program li .txt_wrap .info .btn_detail{width:100px;font-size:11px;}
	.contentspage .section_program .program .infotxt{padding:0 30px;font-size:14px;}

	.modal_pro .modal_inner .modal_head{height:50px;line-height:50px;padding-left:20px;font-size:18px;}
	.modal_pro .modal_inner .modal_head .btn_close{width:50px;height:50px;}
	.modal_pro .modal_inner .modal_contents{padding:20px;}
	.modal_pro .modal_inner .modal_contents .tit{font-size:18px;}
	.modal_pro .modal_inner .modal_contents .txt{font-size:14px;padding-right:100px;}
	.modal_pro .modal_inner .modal_contents .intxt{margin-top:20px;font-size:13px;}


}
@media screen and (max-width: 500px){ 
	.info_box dd .btn_detail_brand{height:30px;padding-left:35px;background-size:auto 100%;line-height:30px;font-size:14px;}

}
@media screen and (max-width: 414px){ 
	.section_contents .tablink{margin-bottom:30px;}
	.section_page_top .page_top_title{padding:0 50px;}
	.section_page_top .page_top_title h2{padding:0 20px;}
	.contentspage .section_contents{padding-top:20px;}
	.contentspage h3{font-size:38px;}
	.cont_motion{margin-bottom:50px;}
	.cont_motion .section_cont01 .sec_txt{padding-left:20px;}
	.cont_motion .cont_wrap .sec_txt .txt{font-size:13px;}
	.contentspage .title p{font-size:15px;}
	.cont_motion .section_cont01 .img_wrap, 
	.cont_motion .section_cont02 .img_wrap{padding-left:70px;}
	.cont_motion .section_info{margin-bottom:30px;}
	.cont_motion .section_info .info_box{width:calc(100% - 100px);padding:20px 10px 0;}
	.cont_motion .section_info .info_box .store{font-size:18px;margin-bottom:20px;}
	.brand_bi{padding:0 20px;}
	.brand_bi span{height:120px;line-height:120px;}
	.brand_bi span img{transform:scale(.65,.65);}

	.contentspage .section_contents .studio_cont1{padding-top:200px;}
	.contentspage .section_contents .studio_cont1 .img_wrap{position:absolute;top:0;left:0;width:100%;height:200px;overflow:hidden;}
	.contentspage .section_contents .studio_cont1 .img_wrap .img{margin-top:-50px;}
	.contentspage .section_contents .studio_cont1 .inlogo,
	.contentspage .cont_studio_body .section_contents .studio_cont1 .inlogo{position:relative;left:0;width:30%;margin-left:20px;margin-top:-30px;z-index:1;}
	.contentspage .section_contents .studio_cont1 .txt_wrap{padding:20px;width:100%;}
	.contentspage .section_contents .studio_cont1 .txt_wrap .txt{font-size:12px;}
	.contentspage .section_contents .studio_cont2{margin-bottom:0;}
	.contentspage .section_contents .studio_cont2 .img{width:100%;height:400px;overflow:hidden;}
	.contentspage .section_contents .studio_cont2 .career_txt{width:100%;padding:20px;}
	.contentspage .section_contents .studio_cont2 .career_txt .tit{font-size:18px;}
	.contentspage .section_contents .studio_cont2 .career_txt li{font-size:12px;text-indent:-8px;}
	.contentspage .section_space_info{margin-bottom:30px;}
	.contentspage .section_space_info .info_box{margin-top:0;padding:0 20px;}
	.contentspage .cont_studio_body .section_contents .studio_cont2 .img{height:auto;}
	.contentspage .cont_studio_body .section_contents .studio_cont2 .img img{margin-top:-90px;}
	.contentspage .info_box dd{font-size:12px;}
	.contentspage .section_program .program ul{padding:0 20px;}

	.modal_pro .modal_inner .modal_contents{background-size:70px auto;}
	.modal_pro .modal_inner .modal_contents .txt{padding-right:90px;}
	.modal_pro .modal_inner .modal_contents .intxt{margin-top:20px;font-size:12px;}
	.contentspage .section_program .program .infotxt{padding:0 20px;font-size:13px;}
	.contentspage .section_program .program ul{padding:0 20px;}

}

@media screen and (max-width: 375px){ 
	.contentspage h3{font-size:32px;}
	.cont_motion{margin-bottom:40px;}
	.cont_motion .section_cont01 .sec_txt{padding-top:10px;}
	.cont_motion .cont_wrap .sec_txt .txt{font-size:12px;}
	.brand_bi span{height:100px;line-height:100px;}
	.brand_bi span img{transform:scale(.6,.6);}
	.cont_motion .section_cont01 .sec_txt, 
	.cont_motion .section_cont02 .sec_txt{padding:20px;}
	.cont_motion .section_cont01 .img_wrap, 
	.cont_motion .section_cont02 .img_wrap{padding-left:50px;}
}

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

@media (orientation:landscape) and (max-height:500px){
	.cont_motion .section_page_top{background-attachment:inherit;}
	.cont_studio_art .section_page_top{background-attachment:inherit;}
	.cont_studio_body .section_page_top{background-attachment:inherit;}
	.cont_motion .cont_wrap .sec_txt .txt{font-size:12px;}
}