@charset "UTF-8";

@media screen and (max-width:1400px){
	
	#main_visu_con .main_visu_con_txt {padding-left: 20px; font-size: 60px;}
	#main_visu_con .main_visu_con_txt .txt2 {padding-left: 80px;}
	

	#box_con .box .inner .tit2 {margin: 0 0 90px 0;}


	#box_con .box .inner .tit2 p {font-size: 35px;}
	
}

@media screen and (max-width:1200px){
	#main_visu_con .main_visu_con_txt {font-size: 50px;}

	#main_visu_con .main_slide_wrap {width: 450px;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .left {padding: 0 15px 0 0;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .right {padding: 0 0 0 15px;}


	#box_con .box .inner .tit2 {margin: 0 0 60px 0;}

	.slide_wrap .left {width: 50%;}
	.slide_wrap .right {width: 50%; padding: 20px 60px 20px 60px;}
	.slide_wrap .right a.left_btn {margin-bottom: 10px;}
}


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

	#main_visu_con .fix_layout {position: relative; height: auto; background-color: #000; padding-top: 120px;}



	#main_visu_con .main_visu {background-image: none; background-color: #000;}

	#main_visu_con .main_visu_arr {display: none;}

	#main_visu_con .main_visu_con_txt {position: relative; left: 0; top: 0; height:auto; padding: 22.222vw 4.167vw 14.583vw; background-image: url('/template/cms/seoul42/images/main/m_main_visu_bg.png'); background-repeat: no-repeat; -webkit-background-size: cover; 	background-size: cover; text-align: center; transform: translate(0,0);}
	#main_visu_con .main_visu_con_txt .txt1 {font-size:9.722vw ;}
	#main_visu_con .main_visu_con_txt .txt2 {padding-left: 0; font-size: 6.250vw; }
	#main_visu_con .main_visu_con_txt .txt2 p {word-break:keep-all; font-weight: 400;}
	#main_visu_con .main_visu_con_txt .txt2 p br {display: none;}
	#main_visu_con .main_visu_con_txt .apply_btn {width: 36.806vw; height: 11.806vw;  margin: 6.250vw auto 0; font-size: 3.750vw;}
	#main_visu_con .main_visu_con_txt .apply_btn .text {padding: 0 4.722vw 0 0; line-height: 11.250vw; font-size: 3.750vw;}
	#main_visu_con .main_visu_con_txt .apply_btn i {margin-top: 0; transform:translate(0,-50%);}

	

	#main_visu_con .main_slide_wrap {position: relative; top: 0; right: 0; width: 100%; padding: 10.417vw 4.861vw; transform: translate(0,0); }
	#main_visu_con .main_slide_wrap #main_visu_slide .item .main_visu_slide_tit { margin:0 0 4.861vw; -webkit-background-size: 3.194vw 2.361vw;
	background-size: 3.194vw 2.361vw; padding:0 0 0 3.472vw; font-size: 6.250vw; color: #fff;}
	

	#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row {margin: 0 0 5.556vw;}

	#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row:after {content: ''; position: absolute; left: 4.750vw; bottom: -4.167vw; display: block; width: 1.667vw; height: 2.639vw; background-image: url('/template/cms/seoul42/images/main/main_visu_item_arr.png'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}

	#main_visu_con .main_slide_wrap #main_visu_slide .item .step_box {width: 11.806vw; height: 11.806vw;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .step_box span { width: 11.806vw; height: 11.806vw; line-height: 11.806vw; background-color: #313131; font-size: 2.361vw;}

	
	#main_visu_con .main_slide_wrap .slide_num_box {top: 10.417vw ; right: 4.861vw; width: 6.944vw; height: 6.944vw;}

	
	#main_visu_con .main_slide_wrap .slide_num_box .num {position: absolute; left: 0; top: 0; font-size: 3.056vw; color: #fff;}
	#main_visu_con .main_slide_wrap .slide_num_box .mid {position: absolute; left: 50%; top: 50%; width: 1px; height: 30px; background-color: #646464;  transform: rotate(34deg); transform-origin: center center; margin-left: -1px; margin-top: -15px;}
	#main_visu_con .main_slide_wrap .slide_num_box .total {position: absolute; right: 0; bottom: 0; font-size: 3.056vw; color: rgba(255,255,255,0.3);}

	
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box {padding-left: 4.167vw;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box p {font-size: 3.472vw;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box span {font-size: 2.778vw;}
	#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .left:after {height: 100%;}
	
	#main_visu_con .main_slide_wrap #main_visu_slide .slick-dots {bottom: -3.472vw}

	.main_con .slick-dots li {width: 2.222vw; height: 2.222vw; margin: 0 1.250vw;}
	.main_con .slick-dots li button {width: 2.222vw; height: 2.222vw;}

	#box_con {padding: 0 4.167vw 12.500vw;}

	#box_con .box {float: none; width: 100%; height: auto; margin-bottom: 4.167vw;}

	#box_con .box .inner {position: relative; padding: 6.944vw 5.556vw 6.944vw 5.556vw;}
	#box_con .box .inner .tit1 {margin-bottom: 30px; line-height: 1; font-size: 4.167vw; color: #959595;}
	#box_con .box .inner .tit2 {position: relative; margin: 0 0 8.333vw 0; padding:0 0 0 5.556vw;}

	#box_con .box .inner .tit2 .icon {position: absolute; display: block; left: 1.389vw; top: -5px; width: 2.778vw; height: 3.889vw; transform: skewX(-30deg);}

	#box_con .box .inner .tit2 p {line-height: 1; font-size: 9.889vw; font-weight: 700; color: #fff;}

	#box_con .box .inner .txt {font-size: 3.611vw; color: #fff; line-height: 5.556vw; font-weight: 300; word-break:keep-all;}

	

	#slide_con {padding-bottom: 16.667vw;}
	
	
	#news_slide_con {padding: 0 4.167vw 16.667vw;}
	.slide_wrap {display: block;}
	.slide_wrap .left {display: block; width: 100%; height: 65.278vw;}
	.slide_wrap .left:after {display: none;}
	.slide_wrap .left .item {height: 65.278vw;}
	.slide_wrap .left .item img {width: auto; height: 65.278vw;}
	.slide_wrap .right {display: block; width: 100%; height: auto; padding: 9.722vw 12.500vw; -webkit-background-size: cover; background-size: cover;}
	.slide_wrap .right .txt_box {padding: 0;}
	.slide_wrap .right .txt_box .img_wrap {display: none;}
	.slide_wrap .right .txt_box .tit {margin-bottom: 4.861vw; font-size: 6.667vw; text-align: center;}
	.slide_wrap .right .txt_box .txt {line-height: 5.556vw; font-size: 3.611vw; text-align: center;}

	.slide_wrap .right a {height: 11.806vw; line-height: 11.250vw; font-size: 3.333vw;}
	.slide_wrap .right a.left_btn {width: calc(50% - 0.556vw); margin-right: 1.111vw; }
	.slide_wrap .right a.right_btn {width: calc(50% - 0.556vw);}

	.slide_wrap .slick-dots {bottom: -71.278vw;}


	.slide_con_tit_box .main_tit {position: relative; margin: 0 0 4.861vw; padding: 0 0 0 3.472vw; -webkit-background-size: 3.194vw 2.361vw;
    background-size: 3.194vw 2.361vw; font-size: 6.250vw; color: #fff; font-weight: 700;}

	.slide_ctrl_box {position: absolute; right: 0; top: 2.778vw;}
	.slide_ctrl_box button {float: left; width: 5.556vw; height: 4.861vw; -webkit-background-size: 5.556vw ;
	background-size: 5.556vw ; line-height: 4.861vw; background-position: center center;}
	
	  
	.slide_ctrl_box button.next {margin-left: 4.861vw; }


	.slide_left_bg {display: none;}
	.news_slide_layout {float: none; width: 100% !important; padding: 0;}
	.news_slide_layout .item {margin-right: 0; margin-bottom: 6.944vw;}

	.news_slide_layout .img_box {margin-bottom: 4.167vw;}
	.news_slide_layout .img_box .inner_box img {width: 100%;}

	.news_slide_layout .txt_box p {height: 5vw; line-height: 5vw; -webkit-line-clamp: 1; font-size:4.722vw ;}
	



@media screen and (max-width:720px){
	#main_visu_con .fix_layout {padding-top: 16.667vw;}

}