@charset "UTF-8";



.container_1480 {max-width: 1480px;}


.main_con {position: relative; background-color: #000; z-index: 2;}
/*main_visu_con*/
#main_visu_con {position: relative; }
#main_visu_con .main_visu {position: relative; width: 100%; max-width: 1920px;  height: 100%; margin: 0 auto; background-image: url('/template/cms/seoul42/images/main/main_visu_img.png'); background-color: #292827; background-repeat: no-repeat; background-position: center center;}
#main_visu_con .fix_layout {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #292827;}



#main_visu_con .main_visu_con_txt {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1480px; transform: translate(-50%,-50%); font-size: 78px; z-index: 2;}
#main_visu_con .main_visu_con_txt .txt1 { color: #ffc000; font-weight: 700;}
#main_visu_con .main_visu_con_txt .txt2 {padding-left: 100px;}
#main_visu_con .main_visu_con_txt .txt2 p {color: #fff; font-weight: 500;}
#main_visu_con .main_visu_con_txt .apply_btn {display: block; width: 215px; height: 70px; margin: 45px 0 0;  border-width: 2px; border-style: solid; border-image:  linear-gradient(to right, #ffc000, #45b782); border-image-slice:1; font-size: 20px;  text-align: center;}
#main_visu_con .main_visu_con_txt .apply_btn .text {display: inline-block; position: relative; margin: 0; padding: 0 34px 0 0; font-weight: 500; font-size: 20px; line-height: 66px; color: #ffffff;}
#main_visu_con .main_visu_con_txt .apply_btn i {position: absolute; top: 50%; right: 0; margin: -10px 0 0; color: #ffffff;}

#main_visu_con .main_visu_con_txt .apply_btn:hover {background: #ffc000;  background: -webkit-linear-gradient(to right, #ffc000, #45b782); background: linear-gradient(to right, #ffc000, #45b782);}
#main_visu_con .main_visu_con_txt .apply_btn:hover .text {color: #000;}
#main_visu_con .main_visu_con_txt .apply_btn:hover .text i {color: #000;}



#main_visu_con .main_slide_wrap {position: absolute; right: 20px; top: 50%; width: 515px; transform:translate(0,-50%);	 z-index: 3;}
#main_visu_con .main_slide_wrap #main_visu_slide .item {}
#main_visu_con .main_slide_wrap #main_visu_slide .item .main_visu_slide_tit {position: relative; margin:0 0 35px; padding:0 0 0 25px; background-image: url('/template/cms/seoul42/images/main/main_visu_slide_tit_icon.png'); background-position: left top; background-repeat: no-repeat; font-size: 30px; color: #fff; font-weight: 700;}


#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row {position: relative; display: table; width: 100%; margin:0 0 40px;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row:after {content: ''; position: absolute; left: 27px; bottom: -30px; display: block; width: 12px; height: 19px; background-image: url('/template/cms/seoul42/images/main/main_visu_item_arr.png'); background-repeat: no-repeat;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row:last-child {margin: 0;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .step_row:last-child:after {display: none;}

#main_visu_con .main_slide_wrap #main_visu_slide .item .step_box {display: table-cell; width: 67px; height: 67px; vertical-align: middle;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .step_box span {display: block; width: 67px; height: 67px; border-radius:50%; background-color: #000; line-height: 67px; color: #fff; font-size: 13px; text-align: center;}

#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box {display: table-cell; padding-left: 30px; vertical-align: middle;}

#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box p {color: #fff; font-size: 20px; word-break:keep-all;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box span {display: block; margin-bottom: 6px; color: #ffc000; font-size: 16px;}

#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .left {position: relative; float: left; width: auto; max-width: 50%; padding: 0 25px 0 0;}
#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .left:after {content: ''; position: absolute; right: 0; bottom: 0; width: 2px; height: 20px; background-color: rgba(255,255,255,0.4);}
#main_visu_con .main_slide_wrap #main_visu_slide .item .txt_box .right {float: left; width: auto; max-width: 50%; padding:0 0 0 25px}


#main_visu_con .main_slide_wrap #main_visu_slide .slick-dots {bottom: -80px;}
#main_visu_con .main_slide_wrap #main_visu_slide .slick-dots li {}
.main_con .slick-dots li {width: 12px; height: 12px;}
.main_con .slick-dots li button {width: 12px; height: 12px; background-color: #6f7070; border-radius:50%;}
.main_con .slick-dots li button:before {display: none;}

.main_con .slick-dots li.slick-active button {background-color: #31cb83;}


#main_visu_con .main_slide_wrap .slide_num_box {position: absolute; right: 20px; top: 0; width: 35px; height: 35px;}
#main_visu_con .main_slide_wrap .slide_num_box .num {position: absolute; left: 0; top: 0; font-size: 15px; 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: 15px; color: rgba(255,255,255,0.3);}

#main_visu_con .main_visu_arr {position: absolute; bottom: 30px; left: 50%; display: block; width: 68px; height: 114px; margin-left: -34px; background-image: url(''); background-repeat: no-repeat;}
#main_visu_con .main_visu_arr button {display: block; width: 100%; height: 100%;}
#main_visu_con .main_visu_arr:hover {background-image: url('');}
#main_visu_con .main_visu_arr:hover button {}




#box_con {position: relative; width: 100%; padding: 130px 0; background-color: #000;  overflow: hidden; z-index: 2;}
#box_con .box {position: relative; float: left; width: 32.4%; height: 500px; margin:0 1.35% 0 0; background-color: #232323;}
#box_con .box.box3 {margin: 0;}


#box_con .box .action_box {position: absolute; top: 0; left: 0; width: 100%; height: 8px;}
#box_con .box .action_box {-webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
#box_con .box.box1 .action_box {background-color: #ffc000;}
#box_con .box.box2 .action_box {background-color: #31cb83;}
#box_con .box.box3 .action_box {background-color: #3a9bff;}

#box_con .box .inner {position: relative; padding: 50px 35px 50px 40px;}
#box_con .box .inner .tit1 {margin-bottom: 30px; line-height: 1; font-size: 20px; color: #959595;}
#box_con .box .inner .tit2 {position: relative; margin: 0 0 120px 0; padding:0 0 0 40px;}

#box_con .box .inner .tit2 .icon {position: absolute; display: block; left: 10px; top: -5px; width: 20px; height: 28px; transform: skewX(-30deg);}
#box_con .box.box1 .inner .tit2 .icon {background-color: #ffc000;}
#box_con .box.box2 .inner .tit2 .icon {background-color: #31cb83;}
#box_con .box.box3 .inner .tit2 .icon {background-color: #3a9bff;}

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

#box_con .box .inner .txt {font-size: 24px; color: #fff; line-height: 36px; font-weight: 300; word-break:keep-all;}




#box_con .box:hover .action_box {height: 48%;}
#box_con .box:hover .inner .tit1 {color: #000; font-weight: 400;}
#box_con .box:hover .inner .tit2 .icon {background-color: #000;}






.slide_wrap {display: table; width: 100%; max-width: 1920px; margin: 0 auto; table-layout: fixed;}
.slide_wrap .left {position: relative; display: table-cell; width: calc(100% - 700px); height: 600px;}
.slide_wrap .left .item {position: relative; height: 600px; overflow: hidden;}
.slide_wrap .left .item img {position: absolute; left: 50%; top: 50%; width: 1220px; max-width: none; height: 600px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.slide_wrap .left:after {content: ''; position: absolute; display: block; left: 0; bottom: 10px; width: 390px; height: 165px; background-image: url('/template/cms/seoul42/images/main/slide_con_left_slide_logo.png'); background-repeat: no-repeat; z-index: 2;}

.slide_wrap .left .slick-dots {max-width: 1920px;}
.slide_wrap .right {display: table-cell; width: 700px; height: 600px; padding: 20px 100px 20px 105px; background: url('/template/cms/seoul42/images/main/slide_wrap_right_bg.png') no-repeat; vertical-align: middle;}
  
.slide_wrap .right .txt_box {padding:50px 0 0 0; }
.slide_wrap .right .txt_box .tit {margin-bottom: 20px; font-size: 34px; color: #000; font-weight: 700;}
.slide_wrap .right .txt_box .txt {font-size: 24px; line-height: 36px; word-break:keep-all;}

.slide_wrap .right .btn_box {padding:50px 0 0 0; overflow: hidden;}

.slide_wrap .right a {float: left; display: block; height: 70px; border: 2px solid #000; line-height: 66px; text-align: center; font-weight: 500; font-size: 20px;}
.slide_wrap .right a.left_btn { width: 190px; margin-right: 5px;}
.slide_wrap .right a.right_btn {width: 215px; background-color: #000; color: #fff;}
.slide_wrap .right a:hover {background-color: #fff; border: 2px solid #000; color: #000;}
  
.slide_con_tit_box {position: relative; width: 100%; max-width: 1380px; margin:0 auto 40px;}
  
.slide_ctrl_box {position: absolute; right: 0; top: 0;}
.slide_ctrl_box button {float: left; width: 40px; height: 35px; background-image: url('/template/cms/seoul42/images/main/slide_btn_left.png'); background-repeat: no-repeat; line-height: 35px; color: #fff;}
.slide_ctrl_box button:hover {background-image: url('/template/cms/seoul42/images/main/slide_btn_left_over.png');}
  
.slide_ctrl_box button.next {margin-left: 60px; background-image: url('/template/cms/seoul42/images/main/slide_btn_right.png');}
.slide_ctrl_box button.next:hover {background-image: url('/template/cms/seoul42/images/main/slide_btn_right_over.png');}

  
.news_slide_wrap {width: 100%;  margin:0 auto;}
.slide_left_bg {float: left; height: 1px;}

.slide_con_tit_box .main_tit {position: relative; margin: 0 0 35px; padding: 0 0 0 25px; background-image: url(/template/cms/seoul42/images/main/main_visu_slide_tit_icon.png); background-position: left top; background-repeat: no-repeat; font-size: 30px; color: #fff; font-weight: 700;}

.news_slide_layout {float: left; width: 100%; padding: 0 10px;}
.news_slide_layout .item {width: 400px; margin-right: 65px;}
.news_slide_layout  a {display: block;}
.news_slide_layout .img_box {position: relative; width: 100%; margin-bottom: 25px; padding-bottom: 55%; z-index: 0;}
.news_slide_layout .img_box .inner_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center;}
.news_slide_layout .img_box .inner_box img {vertical-align: middle;}
.news_slide_layout .txt_box p {display: -webkit-box; overflow: hidden; height: 3.2em; line-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 24px; color: #fff; word-break:keep-all;}

.news_slide_layout a:hover .txt_box p {color: #ffc000;}

.news_slide_layout .slick-list {padding: 0 !important; }
  
  
  

 #news_slide_con {padding-bottom: 160px;}