@charset "utf-8";

/* lnb */
.theme011.sub .lnb_menu_wrap ul > li > a{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; padding-right: 20px; padding-left: 20px;}
.theme011.sub .lnb_menu_wrap ul > li:first-child > a{padding-left: 0;}
.theme011.sub .lnb_menu_wrap ul > li:last-child > a{padding-right: 35px;}


/* sub_visual_wrap */
.sub_visual_wrapper{}
.sub_visual_wrapper .bg_con{position:absolute; bottom:0; right:0; width:100%; height:50%; background-color: #171717;}
.sub_visual_wrap{height:calc(100vh - 140px); margin-top: 60px; z-index: 2;}
.sub_visual_wrap .sub_visual_slide_wrap{}
.sub_visual_wrap .sub_visual_slide_list{}
.sub_visual_wrap .sub_visual_img_wrap{position: absolute; z-index: -2; top:0; left:0; width:100%; height:100%; background-image: url('../img/sub_visual_img_000.jpg'); background-repeat: no-repeat; background-position: center; background-size: scale; background-size: cover;}
.sub_visual_wrap .dim_con{position: absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.3);}
.sub_visual_wrap .sub_visual_text_wrap{z-index: 2; height:100%; /*width:100vw; padding-left:calc((215 / 2560) * 100%);*/}
.sub_visual_wrap .sub_visual_text_wrap_inner{}

.sub_visual_wrap .sub_page_summary_con{position: absolute; bottom:2%; right:0; z-index: 2; display: none;}
.sub_visual_wrap .sub_page_summary_con_inner{float:right; border-top:2px solid #fff;}

.sub_visual_wrap + .bottom_util_wrap{z-index: 2; height: 80px;}/* 높이 수정시 layout.sub.css도 수정해야함 */
.bottom_util_wrap .scroll_down_btn{cursor: pointer; width:150px; height: 100%;}
.bottom_util_wrap .scroll_down_btn .scroll_down{display: table; text-align: center; width:100%; height: 100%; table-layout: fixed;}
.bottom_util_wrap .scroll_down_btn .scroll_down > div > span.font_roboto{font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; font-weight: 700; color:#fff; margin-right: 14px;}
.bottom_util_wrap .scroll_down_btn .scroll_down > div > img{transform: rotate(-90deg); margin-bottom: 3px;}


@media all and (min-width:992px){


    /* sub_visual_wrap */
    .sub_visual_wrap{height:calc(100vh - 200px); margin-top: 100px;}
    .sub_visual_wrap .sub_page_summary_con{/*bottom:68px;*/ bottom:6%; display: block;}
    .sub_visual_wrap .rolling_btn_style_2_con{display: block;}
    .sub_visual_wrap + .bottom_util_wrap{height: 100px;}/* 높이 수정시 layout.sub.css도 수정해야함 */

}

@media all and (min-width:1200px){
    .sub_visual_wrap .sub_page_summary_con::after{content:''; position: absolute; top:0; right: 0; width: calc((100% - 1200px) / 2); border-bottom:2px solid rgba(255,255,255,1);}
}

@media all and (min-width:1600px){
    /* sub_visual_wrap */
    .sub_visual_wrap{width: calc(100% - 200px); margin-left: 100px; margin-right: 100px;}
    .sub_visual_wrapper .bg_con{width:calc(100% - 400px);}
    .bottom_util_wrap .scroll_down_btn{width:300px; margin-left: 100px;}
    .bottom_util_wrap .scroll_down_btn .scroll_down > div > span.font_roboto{color:#000;}
}