@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;}
}

/* 가맹운영 모집 안내 */
.contact_contents .section_page_top_pnc {background:url(../../images/fnc/bg_top.png) no-repeat 50% 50%; background-size:cover; background-attachment:fixed;}
.fnc {width:100%; color:#231815;overflow:hidden;text-align:center; line-height:1.4; padding-top:30px;}
.fnc li {width:220px; height:222px; margin-bottom:30px;float:left; border:1px solid #e0e0e0;margin-right:40px; position:relative; z-index: 1; padding:30px 20px;}
.fnc li:last-child {margin-right:0;}
.fnc li .number {font-size:20px; position:absolute; top:-26px; display:block; left:50%; margin-left:-40px; border:12px solid #fff; z-index:999; background-color:#fff;}
.fnc li p {padding-top:85px; }
.fnc li p .tit {font-size: 17px;}
.fnc li p .txt {font-size:15px; color:#999999; padding-top:8px; display:block;}
.fnc li.li01:after,
.fnc li.li02:after,
.fnc li.li03:after {display:block;content:'';position:absolute; left:100%; top:50%; margin-left:15px;margin-top:-6px; width:12px; height:23px; background:url(../../images/fnc/arrow.png) 0 0 no-repeat;}
.fnc li.li04:after {display:block;content:'';position:absolute; left:50%; bottom:-30px; margin-left:-11.5px; width:23px; height:12px;background:url(../../images/fnc/arrow_under.png) 0 0 no-repeat; z-index: 999;}
.fnc li .icon {display:block; margin:0 auto; }
.fnc li.li01 .icon{position:absolute; top:50px; left:50%; margin-left:-17px;width:34px; height:32px; background:url(../../images/fnc/step01.png) 0 0 no-repeat;}
.fnc li.li02 .icon{position:absolute; top:50px; left:50%; margin-left:-17px;width:34px; height:34px; background:url(../../images/fnc/step02.png) 0 0 no-repeat;}
.fnc li.li03 .icon{position:absolute; top:50px; left:50%; margin-left:-12.5px;width:25px; height:32px; background:url(../../images/fnc/step03.png) 0 0 no-repeat;}
.fnc li.li04 .icon{position:absolute; top:50px; left:50%; margin-left:-16px;width:32px; height:27px; background:url(../../images/fnc/step04.png) 0 0 no-repeat;}
.fnc li.li05 .icon{position:absolute; top:50px; left:50%; margin-left:-18.5px;width:37px; height:29px; background:url(../../images/fnc/step08.png) 0 0 no-repeat;}
.fnc li.li06 .icon{position:absolute; top:50px; left:50%; margin-left:-15.5px;width:21px; height:28px; background:url(../../images/fnc/step07.png) 0 0 no-repeat;}
.fnc li.li07 .icon{position:absolute; top:50px; left:50%; margin-left:-16px;width:32px; height:32px; background:url(../../images/fnc/step06.png) 0 0 no-repeat;}
.fnc li.li08 .icon{position:absolute; top:50px; left:50%; margin-left:-15.5px;width:31px; height:30px; background:url(../../images/fnc/step05.png) 0 0 no-repeat;}
.fnc02 {}
.fnc02 li {position: relative;}
.fnc02 li.li05:after,
.fnc02 li.li06:after ,
.fnc02 li.li07:after  {display:block;content:'';position:absolute; left:100%; top:50%; margin-left:15px;margin-top:-6px; width:12px; height:23px; background:url(../../images/fnc/arrow.png) 0 0 no-repeat;transform:rotate(180deg);z-index: 999;}
.con_tit {display:block;font-size:22px;color:#c17b40;}
.con_txt {display:block;font-size:16px; color:#666666; padding-top:8px;line-height:1.6;}

.invest .gray {font-size:16px; color:#999999; display:inline-block;margin-top:5px;}
.invest {overflow:hidden; padding-bottom:20px;}
.invest li {}
.invest li.li01 {float:left;}
.invest li.li02 {float:right;}
.invest_tb {width:100%;font-size:15px; color:#666666; border-top:1px solid #db7d2f; text-align:center; font-family: 'NanumBarunGothic';}
.invest_tb td {padding:20px 10px; width:auto; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.invest_tb td.noline {border-right:0;}
.invest_tb td.bg {background:#f8f8f8;}
.invest_tb td.tit{font-size:18px; color:#231815;}
.invest_bot_txt {padding-top:15px;font-size:15px; color:#666666; line-height:1.6;}
.invest_tb td.left {padding-left:20px; text-align: left;}
.con_txt02 {padding-top:17px;display:block;font-size:16px; color:#666666; line-height:1.4;}
.fnc_faq {padding-top:32px;}
.fnc_faq .faq_list {overflow:hidden;}
.fnc_faq .faq_list li {width:100%; border-top:1px solid #e0e0e0;float:left;}
.fnc_faq .faq_list li:last-child {border-bottom:1px solid #e0e0e0;}
.fnc_faq .faq_list li .txtQ  {width:100%; display:block; position:relative; padding:23px 0; font-weight:400;}
.fnc_faq .faq_list li .txtQ.on {font-weight:600;  position:absolute; width:23px; height:12px; top:31px; right:20px; background:url(../../images/fnc/faq_arrow.png) 0 0 no-repeat;}
.fnc_faq .faq_list li .txtQ.active .txt{font-weight:600;}
.fnc_faq .faq_list li .txtQ > span {float:left; vertical-align:top; font-size:16px; color:#666666; line-height:24px;}
.fnc_faq .faq_list li .txtQ:before {display:block; content:''; position:absolute; width:23px; height:12px; top:31px; right:20px; background:url(../../images/fnc/faq_arrow.png) 50% 50% no-repeat; transition: transform .5s;}
.fnc_faq .faq_list li .txtQ.active:before{transform: rotate(180deg);}
.fnc_faq .faq_list li .txtQ .eng {font-size:24px; color:#c17b40; font-family: 'Fjalla One'; padding:0 15px 0 20px;}
.fnc_faq .faq_list li .txtQ .txt {}
.fnc_faq .faq_list li .txtA{display: none;font-size:15px; color:#666666;background:#f8f8f8; padding:40px 48px; line-height:1.5;border-top:1px solid #e0e0e0;}
.form_txt {padding-bottom:30px; border-bottom:1px solid #e0e0e0;}
.fnc_form .cont_title {padding-top:20px;}
.typetxt {font-size:16px; color:#999999; display:inline-block;padding-top:15px; padding-right:30px; }
.form_wrap .ipt_line label.en span {color:#c17b40; font-weight:300; font-size:15px; padding-left:5px;}
.form_wrap .ipt_line label.ipt_noline {font-size:16px; color:#666666; font-weight:300;}
.form_wrap .ipt_noline {border-bottom:none; width:100%;}
.fnc_form_ip {float:right; font-size:15px; color:#666666; padding-bottom:20px}
.fnc_form_ip span {color:#c17b40; font-weight:300; font-size:15px; padding-left:5px;}
.fnc_number {font-size:16px; color:#666666;}
.fnc_mo {display:none;}

@media screen and (max-width: 1300px){
.section_contact .tablink .intab01.on{width:30.5%;}
.tablink02 .intab{width:243px;}
}
@media screen and (max-width: 1200px){
.typetxt {padding-top:0;float:left;}

.form_wrap .ipt_line label.ipt_noline {float:left; width:14%; margin-top:-16px;}
.section_contact .tablink .intab01.on{width:48%;}
.section_contact .tablink .intab.on{width:48%;}
.section_contact .tablink .intab{width:48%;}
.section_contact .tablink .intab02, 
.section_contact .tablink .intab04 {margin-left:4%; }
.section_contact .tablink .intab03 {margin-left:0;}
.fnc li {width:21%; height:250px;}

}
@media screen and (max-width: 1000px){
.typetxt {padding-top: 10px}
.form_wrap .ipt_line label.ipt_noline { margin-top:8px; width:16%;}

}

@media screen and (max-width: 960px){
.fnc li {margin-right:32px; width:21.7%;}
.fnc li.li01:after, .fnc li.li02:after, .fnc li.li03:after {margin-left:13px;}
.fnc02 li.li05:after, .fnc02 li.li06:after, .fnc02 li.li07:after{margin-left:13px;}
.fnc li.li01:after, .fnc li.li02:after, .fnc li.li03:after,
.fnc02 li.li05:after, .fnc02 li.li06:after, .fnc02 li.li07:after {margin-top:-11px;}
}
@media screen and (max-width: 940px){
.fnc_wrap {display:none;}
.fnc_mo {display:block; margin-top:20px;}
.fnc_mo li {padding:30px 0 30px 60px; border-bottom:1px solid #e0e0e0;}
.fnc_mo li:first-child {padding-top:10px;}
.fnc_mo li:last-child {border-bottom:0; padding-bottom:0; }
.fnc_mo dl dd span{display:inline-block;font-family:'NanumBarunGothic'; }
.fnc_mo dl dt {font-size:20px; padding-bottom:18px;}
.fnc_mo dl dd .tit{font-size:21px; padding-bottom:10px;}
.fnc_mo dl dd .txt{font-size:19px; color:#999; font-weight:300;}
.fnc_mo li{position: relative;}
.fnc_mo li.step01:before {content:'';position:absolute;top:36px; left:0; width:34px; height:32px; background:url(../../images/fnc/step01.png) 0 0 no-repeat;}
.fnc_mo li.step02:before {content:'';position:absolute;top:54px; left:0; width:34px; height:34px; background:url(../../images/fnc/step02.png) 0 0 no-repeat;}
.fnc_mo li.step03:before {content:'';position:absolute;top:54px; left:0; width:25px; height:32px; background:url(../../images/fnc/step03.png) 0 0 no-repeat;}
.fnc_mo li.step04:before {content:'';position:absolute;top:54px; left:0; width:32px; height:27px; background:url(../../images/fnc/step04.png) 0 0 no-repeat;}
.fnc_mo li.step05:before {content:'';position:absolute;top:54px; left:0; width:31px; height:30px; background:url(../../images/fnc/step05.png) 0 0 no-repeat;}
.fnc_mo li.step06:before {content:'';position:absolute;top:54px; left:0; width:32px; height:32px; background:url(../../images/fnc/step06.png) 0 0 no-repeat;}
.fnc_mo li.step07:before {content:'';position:absolute;top:54px; left:0; width:21px; height:28px; background:url(../../images/fnc/step07.png) 0 0 no-repeat;}
.fnc_mo li.step08:before {content:'';position:absolute;top:54px; left:0; width:37px; height:29px; background:url(../../images/fnc/step08.png) 0 0 no-repeat;}


}

@media screen and (max-width: 860px){
.form_wrap .ipt_line label.ipt_noline { margin-top:8px; width:20%;}
.fnc_form_ip {padding-bottom:20px;}

.section_contact .tablink .intab{display: flex;line-height: 1.4;justify-content: center;align-items: center;}
}
@media screen and (max-width: 760px){
.form_wrap .ipt_line label.ipt_noline { width:25%;}
}
@media screen and (max-width: 640px){
.section_contact .tablink .intab02, 
.section_contact .tablink .intab04 {margin-left:4%; }
.con_tit {font-size:20px;}
.form_txt {font-size:15px;}
.typetxt {font-size:14px;}
.form_wrap .ipt_line label.ipt_noline {font-size:14px;}
.fnc_form_ip{font-size:14px;}
#contents .section_page_top .page_top_title h2 {font-size:40px;}

.fnc_faq .faq_list li .txtQ:before {display: none;}
.fnc_faq .faq_list li .txtA {padding:20px 20px;}
.fnc_faq .faq_list li .txtQ > span {font-size:15px;}
.fnc_faq .faq_list li .txtQ .eng {font-size:22px;}
.fnc_faq {padding-top:24px;}
.fnc_faq .faq_list li .txtQ {padding:15px 0;}
.fnc_faq .faq_list li .txtA {font-size:14px;}

.invest li.li01 {width:100%;}
.invest li.li02 {float:left; padding-top:20px;}
.invest {padding-bottom:12px;}
.invest_tb td.tit {font-size:16px;}
.invest_tb {font-size:14px; line-height:1.4;}
.invest_tb td.left {padding-left:13px;}
.invest_bot_txt {font-size:14px;}

.fnc_mo dl dt {font-size:18px; padding-bottom:18px;}
.fnc_mo dl dd .tit{font-size:18px; padding-bottom:10px;}
.fnc_mo dl dd .txt{font-size:16px; color:#999; font-weight:300; line-height:1.4;}
.fnc_mo li {padding:22px 4px 22px 60px;}
.con_txt {font-size:14px;}

.fnc_mo li.step01:before  {top:40px;}
.fnc_mo li.step02:before, 
.fnc_mo li.step03:before, 
.fnc_mo li.step04:before, 
.fnc_mo li.step05:before, 
.fnc_mo li.step06:before, 
.fnc_mo li.step07:before, 
.fnc_mo li.step08:before  {top:48px;}

}
@media screen and (max-width: 500px){
.form_wrap .ipt_line label.ipt_noline { width:28%;}
.section_contact .tablink .intab.on,
.section_contact .tablink .intab {line-height: 1.3;}
.section_contact .tablink .intab03{margin-top:10px}
.section_contact .tablink .intab04 {margin-top:10px}
.tablink .intab {height:45px;}
.fnc_faq .faq_list li .txtQ {overflow:hidden; width:100%;}
.fnc_faq .faq_list li .txtQ span {float:left; text-align:left;}
.fnc_faq .faq_list li .txtQ span.eng {width:13%;}
.fnc_faq .faq_list li .txtQ span.txt {width:85%;}

}
@media screen and (max-width: 475px){
.form_wrap .ipt_line label.ipt_noline { width:40%;}
.typetxt {width:100%; padding-bottom:5px;}
.tablink .intab {font-size:15px;}
.section_contact .tablink .intab02,
.section_contact .tablink .intab03,
.section_contact .tablink .intab04 {padding-top:10px;}
.fnc_faq .faq_list li .txtQ > span  {line-height: 1.4;}
.fnc_faq .faq_list li .txtQ .eng {padding:0 15px 0 15px;}

.inner_tab .innertab {width:119px;}
}
@media screen and (max-width: 440px){
.invest_tb {border-spacing:0;table-layout:fixed;border-collapse:collapse;}
.invest_tb td {padding:15px 0;font-size:12px;}
.invest_tb td.left {padding-left:7px;}
.invest .gray {font-size:13px;}
.invest li.li02 {padding-top:15px;}
.invest_tb td.tit {font-size:14px;}
.fnc_faq .faq_list li .txtQ span.txt {padding-top:4px;}
.invest_bot_txt {font-size:13px;}
.fnc_mo li.step01:before,
.fnc_mo li.step02:before, 
.fnc_mo li.step03:before, 
.fnc_mo li.step04:before, 
.fnc_mo li.step05:before, 
.fnc_mo li.step06:before, 
.fnc_mo li.step07:before, 
.fnc_mo li.step08:before  {top:48px;}

	}
@media screen and (max-width: 420px){
.section_contact .tablink .intab{width:49%;}
.section_contact .tablink .intab02, 
.section_contact .tablink .intab04 {margin-left:2%; }
.fnc_faq .faq_list li .txtQ .eng {padding:0 15px 0 15px;}

.fnc_mo dl dt {font-size:16px; padding-bottom:18px;}
.fnc_mo dl dd .tit{font-size:16px; padding-bottom:5px;}
.fnc_mo dl dd .txt{font-size:13px;}
.fnc_mo li {padding:19px 4px 19px 55px;}
.con_txt {font-size:13px;}
.fnc_mo li:first-child {padding-top:3px;}

.fnc_mo li.step01:before{top:25px;}
.fnc_mo li.step02:before, 
.fnc_mo li.step03:before, 
.fnc_mo li.step04:before, 
.fnc_mo li.step05:before, 
.fnc_mo li.step06:before, 
.fnc_mo li.step07:before, 
.fnc_mo li.step08:before  {top:40px;}

}

@media screen and (max-width: 375px){
.form_txt {font-size:14px;}
.fnc_faq .faq_list li .txtQ > span {font-size:14px; line-height:1.4;}
.fnc_faq .faq_list li .txtQ span.txt {padding-top:6px;}
.invest_tb td.tit {font-size:14px;}
.invest_tb td {padding:10px 0;font-size:12px;}

.fnc_mo li.step01:before{top:27px;}
.fnc_mo li.step02:before, 
.fnc_mo li.step03:before, 
.fnc_mo li.step04:before, 
.fnc_mo li.step05:before, 
.fnc_mo li.step06:before, 
.fnc_mo li.step07:before, 
.fnc_mo li.step08:before  {top:37px;}

}

@media screen and (max-width: 320px){
.fnc_faq .faq_list li .txtQ > span {font-size:14px; line-height:1.4;}
.fnc_faq .faq_list li .txtQ .eng {padding:0 10px 0 10px;}
.fnc_faq .faq_list li .txtQ span.txt {padding-top:6px;}
#contents .section_page_top .page_top_title h2 {font-size:35px;}
.invest_tb td.tit {font-size:13px;}
.invest_tb td {padding:10px 0;font-size:11px;}

}