@charset "utf-8";

body{overflow:auto;}

.slick-list{height:100%;}
.slick-track{height:100%;}

.main_visual_wrap{height:100%; transition:transform .8s ease;}
.main_visual_wrap .main_visual_list{padding-top:113px; padding-bottom:155px;}
.main_visual_wrap .main_visual_loading_con{position: absolute; top:0; left:0; width:100%; height:100%; z-index:3; background-color:#555555;}
.main_visual_wrap .main_visual_list.global_network{padding-bottom:76px; padding-top:217px;}
.main_visual_wrap .main_visual_list.rnd_center{padding-bottom:174px; padding-top:185px;}
.main_visual_wrap .main_visual_list.about_cha{padding-bottom:60px; padding-top:71px;}
.main_visual_wrap .main_visual_list:first-child{padding-top:0; padding-bottom:0; height:775px;}
.main_visual_wrap .main_visual_slide_con{height:100%; z-index:3; padding-top:72px; padding-bottom:70px;}
.main_visual_wrap .main_visual_contents_con{z-index:2;}
.main_visual_wrap .main_visual_text_wrap{position: absolute; z-index:3; bottom:173px; text-align: center;}
.main_visual_wrap .main_visual_text_wrap .main_visual_text_list:first-child{display:block; opacity: 1;}
.main_visual_wrap .main_visual_text_wrap .main_visual_text_list{display:none; opacity: 0;}
.main_visual_wrap h2{font-size:57px; font-size:5.7rem; line-height:57px; line-height:5.7rem; letter-spacing: -0.02em; color:#fff; font-weight:700;}
.main_visual_wrap .h_desc2{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#fff; font-weight:400;}
.main_visual_wrap h3{font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; letter-spacing: -0.02em; color:#111111; font-weight:700;}
.main_visual_wrap h3.white{color:#fff;}
.main_visual_wrap h3.big{font-size:44px; font-size:4.4rem; line-height:38px; line-height:3.8rem; color:#a6ca01;}
.main_visual_wrap .h_desc3{font-size:16px; font-size:1.6rem; line-height:20px; line-height:2.2rem; color:#999999; font-weight:400;}
.main_visual_wrap .main_visual_img{position: absolute; top:0; left:0; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_000{background-image: url('../img/main_visual_slide_img_000_m.jpg'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_001{background-image: url('../img/main_visual_slide_img_001_m.jpg'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_002{background-image: url('../img/main_visual_slide_img_002_m.jpg'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_003{background-image: url('../img/main_visual_slide_img_003_m.png'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_004{background-image: url('../img/main_visual_slide_img_004_m.png'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_slide_img_005{background-image: url('../img/main_visual_slide_img_005_m.png'); position: static;}
.main_visual_wrap .main_visual_img.main_visual_img_001{/*background-image: url('../img/main_visual_img_001.jpg');*/background-color: #fff;}
.main_visual_wrap .main_visual_img.main_visual_img_002{background-image: url('../img/main_visual_img_002_m.jpg');}
.main_visual_wrap .main_visual_img.main_visual_img_003{background-image: url('../img/main_visual_img_003_m.png');}
.main_visual_wrap .main_visual_img.main_visual_img_004{background-image: url('../img/main_visual_img_004_m.png');}
.main_visual_wrap .main_visual_img.main_visual_img_005{background-image: url('../img/main_visual_img_005_m.png');}
.main_visual_wrap .main_visual_dim{position: absolute; top:0; left:0; height:100%; background-color:#000; opacity: 0.15;}

.main_visual_wrap .carousel>.carousel-wrapper{height:100%;}
.main_visual_wrap .carousel>.carousel-wrapper>.carousel-item{height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.main_visual_wrap .slick-dots{position: absolute; bottom:39px; z-index:3; height:18px; left:0; text-align: center; width:100%; padding-left:4%; padding-right:4%; box-sizing: border-box;
    font-size:0; line-height:0;}
.main_visual_wrap .slick-dots li{background-image: url('../img/swiper_pagination_m.png'); background-repeat: no-repeat; background-position: center center;
    width:21px; height:18px; background-color:transparent; border-radius:0; opacity: 1; margin-right:16px; display:inline-block; vertical-align: middle;}
.main_visual_wrap .slick-dots li button{display:none;}
.main_visual_wrap .slick-dots li:last-child{margin-right:0;}
.main_visual_wrap .slick-dots li.slick-active{background-image: url('../img/swiper_pagination_m_h.png');}

.main_visual_wrap .main_visual_util_wrap{position: absolute; bottom:0; left:0; height:70px;}
.main_visual_wrap .main_visual_util_contents_wrap{z-index:4;}
.main_visual_wrap .main_visual_util_bg_wrap{z-index: 3; position: absolute; top:0; left:0; width:100%; height:100%;}
.main_visual_wrap .main_visual_util_bg_wrap .main_visual_util_bg{float:left; height:100%;}
.main_visual_wrap .main_visual_util_bg_wrap .main_visual_util_bg.left{width:100%; background-color:#13426b; z-index:4;}
.main_visual_wrap .main_visual_util_bg_wrap .main_visual_util_bg.right{background-color:#a6ca01; position: absolute; right:0;
    width:calc((100% - 1200px) / 2 + ((1200px) * 0.2584)); display:none; z-index:5;}
.main_visual_wrap .news_util_contents_con{overflow: hidden; float:left; margin-top:25px;}
.main_visual_wrap .news_title{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#fff; font-weight:700;
    padding-right:16px; margin-right:14px; position: relative; float:left;}
.main_visual_wrap .news_title:after{content:""; position: absolute; top:5px; right:0; height:14px; border-right:1px solid #fff; opacity: 0.5;}
.main_visual_wrap .news_desc{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#fff; font-weight:400;
    float:left;}
.main_visual_wrap .contact_us_util_contents_con{font-size:0; line-height:0; text-align: left; position: absolute; left:74.16%; padding-left:50px; padding-top:23px; display:none;
    height:100%; width:23.84%;}
.main_visual_wrap .contact_us_util_contents_con .icon_box{display:inline-block; vertical-align: middle; margin-right:26px;}
.main_visual_wrap .contact_us_desc{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; color:#fff; font-weight:700;
    display:inline-block; vertical-align: middle;}
.main_visual_wrap .main_visual_slide_arrow{position: absolute; top:50%; transform:translateY(-50%); z-index:4; width:40px; cursor: pointer; opacity: 0.5;}
.main_visual_wrap .main_visual_slide_arrow.left{left:4%;}
.main_visual_wrap .main_visual_slide_arrow.right{transform:translateY(-50%) rotate(-180deg); right:4%;}

.product_list_con{overflow: hidden;}
/* .product_list_con .product_list{width:50%; float:left; box-sizing: border-box; display:block;} */
.product_list_con .product_list{margin-bottom:3rem;width:100%;box-sizing: border-box; display:block;}
.product_list_con .img_box{border:4px solid transparent; transition:border .3s ease; margin-bottom:15px; margin-right:auto; margin-left:auto;
    box-sizing: border-box; overflow: hidden;}
.product_list_con .img_box .web{display:none;}
.product_list_con .img_box .mobile{display:inline; width:186px;}
.product_list_con .img_box .mobile.type_2{width:92px;}
.product_list_con .img_box img{transition:all 0.6s ease-out}
.product_list_con .product_list:hover .img_box{border-color:#a6ca01;}
.product_list_con .product_list:hover .img_box img{-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}
.product_list_con .product_list:hover .title span:after{width:100%;}
.product_list_con .text_box{text-align: left;}
.product_list_con .title{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#13426b; font-weight:700; margin-bottom:6px;}
.product_list_con .title span{position: relative;}
.product_list_con .title span:after{content:""; position: absolute; border-bottom:2px solid #13426b; width:0; left:0; bottom:-2px; transition:all .6s ease;}
.product_list_con .desc{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#13426b; font-weight:400;}

.contents_list_style_0_con{overflow: hidden;}
.contents_list_style_0_con .contents_list_style_0_list{width:50%; float:left; position: relative; box-sizing: border-box; height:217px;}
.contents_list_style_0_con .contents_list_style_0_list:nth-child(2):after{display:none;}
.contents_list_style_0_con .contents_list_style_0_list:before{content:""; position: absolute; bottom:0; left:0; border-bottom:1px solid #fff; opacity: 0.5; width:100%; display:none;}
.contents_list_style_0_con .contents_list_style_0_list:nth-child(1):before{display:block;}
.contents_list_style_0_con .contents_list_style_0_list:nth-child(2):before{display:block;}
.contents_list_style_0_con .contents_list_style_0_list:after{content:""; position: absolute; top:0; right:0; border-right:1px solid #fff; opacity: 0.5; height:100%;}
.contents_list_style_0_con .contents_list_style_0_list:last-child:after{display:none;}
.contents_list_style_0_con .icon_con{}
.contents_list_style_0_con .icon_con.first img{width:42px;}
.contents_list_style_0_con .icon_con.second img{width:48px;}
.contents_list_style_0_con .icon_con.third img{width:43px;}
.contents_list_style_0_con .icon_con.forth img{width:52px;}
.contents_list_style_0_con .text_box{padding-right:20px; padding-left:20px; box-sizing: border-box;}
.contents_list_style_0_con .title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#fff; font-weight:400;}
.contents_list_style_0_con .cnt_con{}
.contents_list_style_0_con .cnt_con .cnt{font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; letter-spacing: -0.02em; color:#fff; font-weight:700;}
.contents_list_style_0_con .seperate_line{width:72px; border-bottom:1px solid #fff; opacity: 0.6; display:block; margin-right:auto; margin-left:auto;}
.contents_list_style_0_con .desc{font-size:15px; font-size:1.5rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; color:#fff; font-weight:400; min-height:38px;}

.global_network_contents_box{font-size:0; line-height:0;}
.global_network_contents_box .global_network_text_box{width:50%; display:inline-block; vertical-align: middle; padding-right:25px; padding-left:7px; box-sizing: border-box;}
.global_network_contents_box .global_network_line_con{width:50%; display:inline-block; vertical-align: top; height:4px; box-sizing: border-box; position: relative; overflow:hidden;}
.global_network_contents_box .global_network_line{position: absolute; top:0; left:0; width:100%; height:100%; background-color:#a6ca01;}

.rnd_center_info_box_con{}
.rnd_center_info_box_con .rnd_center_info_box{padding-right:24px; padding-left:24px; padding-top:35px; padding-bottom:39px; display:inline-block; position: relative;}
.rnd_center_info_box_con .rnd_center_info_box_wrap{display:inline-block; position: relative; padding-right:16px; padding-bottom:20px;
    background-image: url('../img/rnd_background_shadow.png'); background-repeat: no-repeat; background-position: left bottom; background-size: cover;}
.rnd_center_info_box_con .rnd_center_info_text_box{position: relative; z-index:3;}
.rnd_center_info_box_con .rnd_center_info_subtitle{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#666666; font-weight:400;}
.rnd_center_info_box_con .rnd_center_info_title{font-size:28px; font-size:2.8rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.02em; color:#256b7f; font-weight:700;}
.rnd_center_info_box_con .rnd_center_info_desc{font-size:15px; font-size:1.5rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; color:#666666; font-weight:400;}
.rnd_center_info_box_con .rnd_more_btn{display:inline-block;}
.rnd_center_info_box_con .rnd_more_btn img{width:100px;}
/*.rnd_center_info_box_con .rnd_center_repeat_dot{position: absolute; background-image:url('../img/rnd_center_repeat_dot.png'); background-repeat: repeat; z-index:2;}*/
/*.rnd_center_info_box_con .rnd_center_repeat_dot.left{width:calc(100% - 70px); height:100%; top:0; left:0;}*/
/*.rnd_center_info_box_con .rnd_center_repeat_dot.right{width:70px; height:200px; bottom:0; right:0;}*/
/*.rnd_center_info_box_con .rnd_center_triangle{position: absolute; top:0; right:0;*/
    /*border-left: 70px solid #fff;*/
    /*border-top: 71px solid transparent;}*/


.skyscraper_wrap{position: fixed; right:10px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index: 4; display:none; text-align: right;}
.skyscraper_wrap .skyscraper_list{margin-bottom:7px; display:block;}
.skyscraper_wrap .skyscraper_list.active .white_fill{display:inline;}
.skyscraper_wrap .skyscraper_list:hover .target{display:inline;}
.skyscraper_wrap .skyscraper_list:hover .white_fill{display:none;}
.skyscraper_wrap .skyscraper_list:hover .default{display:none;}
.skyscraper_wrap .skyscraper_list.active .black{display:none;}
.skyscraper_wrap .skyscraper_list.active .default{display:none;}

/* 검은영역 */
.skyscraper_wrap.active .skyscraper_list .default{display:none;}
.skyscraper_wrap.active .skyscraper_list .black{display:inline;}
.skyscraper_wrap.active .skyscraper_list.active .black{display:none;}
.skyscraper_wrap.active .skyscraper_list.active .white_fill{display:none;}
.skyscraper_wrap.active .skyscraper_list.active .black_fill{display:inline;}
.skyscraper_wrap.active .skyscraper_list:hover .black_fill{display:none;}
.skyscraper_wrap.active .skyscraper_list:hover .black{display:none;}
.skyscraper_wrap.active .skyscraper_list:hover .target{display:none;}
.skyscraper_wrap.active .skyscraper_list:hover .target_black{display:inline;}
/* 검은영역 */

.skyscraper_wrap .skyscraper_list:last-child{margin-bottom:0;}
.skyscraper_wrap .skyscraper_list .default{display:inline;}
.skyscraper_wrap .skyscraper_list .black{display:none;}
.skyscraper_wrap .skyscraper_list .target{display:none;}
.skyscraper_wrap .skyscraper_list .black_fill{display:none;}
.skyscraper_wrap .skyscraper_list .white_fill{display:none;}
.skyscraper_wrap .skyscraper_list .target_black{display:none;}


@media all and (min-width:992px){
    body{overflow:hidden;}

    .main_visual_wrap .main_visual_list{height:100vh; padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_list.global_network{padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_list.rnd_center{padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_list.about_cha{padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_list:first-child{height:100vh;}
    .main_visual_wrap .main_visual_list:first-child .main_visual_contents_con{position: absolute; bottom:212px; padding-top:0; height:auto;}
    
    .main_visual_wrap .main_visual_text_wrap .main_visual_text_list.pc_tar{text-align:right;margin-bottom:30px;}
    .main_visual_wrap .main_visual_text_wrap .main_visual_text_list.pc_tar br{display:none;}

    .main_visual_wrap h2{font-size:80px; font-size:8.0rem; line-height:86px; line-height:8.6rem;}
    .main_visual_wrap .h_desc2{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem;}
    .main_visual_wrap h3{font-size:40px; font-size:4.0rem; line-height:46px; line-height:4.6rem;}
    .main_visual_wrap h3.big{font-size:80px; font-size:8.0rem; line-height:65px; line-height:6.5rem;}

    .main_visual_wrap .main_visual_pagination{text-align: left; height:12px;}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_000{background-image: url('../img/main_visual_slide_img_000.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_001{background-image: url('../img/main_visual_slide_img_001.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_002{background-image: url('../img/main_visual_slide_img_002.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_003{background-image: url('../img/main_visual_slide_img_003.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_004{background-image: url('../img/main_visual_slide_img_004.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_slide_img_005{background-image: url('../img/main_visual_slide_img_005.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_img_001{/*background-image: url('../img/main_visual_img_001.jpg');*/background-color: #fff;}
    .main_visual_wrap .main_visual_img.main_visual_img_002{background-image: url('../img/main_visual_img_002.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_img_003{background-image: url('../img/main_visual_img_003.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_img_004{background-image: url('../img/main_visual_img_004.jpg');}
    .main_visual_wrap .main_visual_img.main_visual_img_005{background-image: url('../img/main_visual_img_005.jpg');}


    .skyscraper_wrap{display:block;}

    .main_visual_wrap .contact_us_util_contents_con{display:block;}

    .main_visual_wrap .main_visual_util_bg_wrap .main_visual_util_bg.right{display:block;}

    .product_list_con .img_box{border:6px solid transparent; margin-bottom:12px;}
    .product_list_con .img_box .web{display:inline;}
    .product_list_con .img_box .mobile{display:none;}

    .contents_list_style_0_con .contents_list_style_0_list{width:25%; height:auto;}
    .contents_list_style_0_con .contents_list_style_0_list:nth-child(1):before{display:none;}
    .contents_list_style_0_con .contents_list_style_0_list:nth-child(2):before{display:none}
    .contents_list_style_0_con .contents_list_style_0_list:nth-child(2):after{display:block;}


    .main_visual_wrap .news_util_contents_con{margin-top:36px;}
    .main_visual_wrap .main_visual_util_wrap{height:94px;}
    .main_visual_wrap .main_visual_text_wrap{bottom:200px; left:0; text-align: left;}

    .main_visual_wrap .slick-dots{position: absolute; bottom:164px; height:12px; left:calc((100% - 1230px) / 2); padding-left:15px; padding-right:15px; text-align: left;}
    .main_visual_wrap .slick-dots li{background-image: url('../img/swiper_pagination.png'); width:14px; height:12px; margin-right:11px;}
    .main_visual_wrap .slick-dots li.slick-active{background-image: url('../img/swiper_pagination_h.png');}

    .product_list_con .product_list{width:33.3%;float:left;}
    .product_list_con .title{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; margin-bottom:14px;}
    .product_list_con .desc{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;}

    .global_network_contents_box .global_network_text_box{width:50%; padding-right:125px; padding-left:0;}
    .global_network_contents_box .global_network_text_box h3{opacity:0;}
    .global_network_contents_box .global_network_text_box .h_desc3{opacity:0;}
    .global_network_contents_box .global_network_line_con{width:50%; vertical-align: middle;}
    .global_network_contents_box .global_network_line{width:0%;}
    /*.global_network_contents_box .global_network_line{}*/

    .rnd_center_info_box_con .rnd_center_info_box{padding-right:40px; padding-left:40px; padding-top:45px; padding-bottom:50px;}
    .rnd_center_info_box_con .rnd_center_info_subtitle{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem;}
    .rnd_center_info_box_con .rnd_center_info_title{font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem;}
    .rnd_center_info_box_con .rnd_center_info_desc{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem;}
    .rnd_center_info_box_con .rnd_center_info_desc{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem;}
    .rnd_center_info_box_con .rnd_more_btn img{width:auto;}

    /*.rnd_center_info_box_con .rnd_center_repeat_dot.left{width:calc(100% - 86px);}*/
    /*.rnd_center_info_box_con .rnd_center_repeat_dot.right{width:86px; height:252px;}*/
    /*.rnd_center_info_box_con .rnd_center_triangle{ border-left: 86px solid #fff; border-top: 87px solid transparent;}*/

    .contents_list_style_0_con .icon_con.first img{width:auto;}
    .contents_list_style_0_con .icon_con.second img{width:auto;}
    .contents_list_style_0_con .icon_con.third img{width:auto;}
    .contents_list_style_0_con .icon_con.forth img{width:auto;}
    .contents_list_style_0_con .title{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem;}
    .contents_list_style_0_con .cnt_con .cnt{font-size:60px; font-size:6.0rem; line-height:66px; line-height:6.6rem;}
    .contents_list_style_0_con .seperate_line{width:130px;}
    .contents_list_style_0_con .desc{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; min-height:52px;}
    .main_visual_wrap .main_visual_slide_con{padding-top:0; padding-bottom:0;}

    .main_visual_wrap .main_visual_slide_arrow{margin-top:-55px; width:52px; transform:translateY(0);}
    .main_visual_wrap .main_visual_slide_arrow.left{left:80px;}
    .main_visual_wrap .main_visual_slide_arrow.right{transform:rotate(-180deg); right:80px;}
}

@media all and (min-width:1230px){
    .main_visual_wrap .main_visual_text_wrap{left:calc((100% - 1230px) / 2);}
}


@media all and (max-width:991px){
    .main_visual_wrap{margin-top:0 !important;}
    .footer_wrap{margin-bottom:0 !important;}
    .global_network_line{width:100% !important;}
}