@charset "utf-8";

/************************************************************
common
************************************************************/
.at-body.sub{padding-top: 8%;}
.content_image > img{max-width: 1920px; margin: 0 auto; display: block; width: 100%;}

@media all and (max-width: 991px) {
    .at-body.sub{padding-top: 15%;}
}

/************************************************************
sub visual
************************************************************/
.sub_visual_wrap{position: relative; z-index: 2; max-width: 1910px; margin: 0 auto; margin-bottom: 0px;}
.sub_visual_wrap.non_title{margin-bottom: 0;}
.sub_visual_wrap .sub_text{position: absolute; left: 0; bottom: -150px; background-color: #f7caca; width: 100%; max-width: 835px; margin: 0; padding: 95px 0 100px;}
.sub_visual_wrap .sub_text_box{width: 495px; margin-left: auto; margin-right: 0; padding: 0 15px;}
.sub_visual_wrap .sub_text h1{color: #ffffff; font-size: 50px; font-weight: 600; display: block; text-align: left;}
.sub_visual_wrap .sub_text h1 span{font-size: 26px; color: white; font-family: "Poppins"; font-weight: 500; display: inline-block; margin-left: 5px;}
.sub_visual_wrap .sub_navigation{display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 40px;}
.sub_visual_wrap .sub_navigation span{color: white; font-size: 17px;}
.sub_visual_wrap .sub_navigation .home{display: inline-block; background: url(/img/sub_home.png) no-repeat center center / cover; width: 16px; height: 17px;}
.sub_visual_wrap .sub_navigation .arrow{display: inline-block; background: url(/img/sub_arrow.png) no-repeat center center / cover; width: 8px; height: 13px;}

@media all and (max-width: 1900px) {
    .sub_visual_wrap .sub_visual_image img{width: 100%;}
}

@media all and (max-width: 991px) {
    .sub_visual_wrap{margin-bottom: 0;}
    .sub_visual_wrap.non_title{margin-bottom: 0;}
    .sub_visual_wrap .sub_text{width: 435px; padding: 44px 0; bottom: -60px;}
    .sub_visual_wrap .sub_text_box{width: 100%; margin: 0 auto; padding-left: 35px;}
    .sub_visual_wrap .sub_text h1{font-size: 26px;}
    .sub_visual_wrap .sub_text h1 span{font-size: 14px; margin-left: 9px;}
    .sub_visual_wrap .sub_navigation{gap: 10px; margin-top: 26px;}
    .sub_visual_wrap .sub_navigation span{font-size: 12px;}
    .sub_visual_wrap .sub_navigation .home{width: 11px; height: 11px; background: url(/img/msub_home.png) no-repeat center center / cover;}
    .sub_visual_wrap .sub_navigation .arrow{width: 6px; height: 10px; background: url(/img/msub_arrow.png) no-repeat center center / cover;}
}

@media all and (max-width: 480px) {
    .sub_visual_wrap .sub_text{width: 73.33%;}
}

/************************************************************
category
************************************************************/
.sub_menu_box{padding-top: 100px;}
.sub_menu_box .cate_ul{margin-bottom: 100px;}
.sub_menu_box .cate_li{width: 25%;}
.sub_menu_box .cate_li a{border: 0; color: #999999; font-size: 21px; border-bottom: 1px solid #dbdbdb;}
.sub_menu_box .cate_li.on a{border-bottom: 2px solid #fe6757; color: #fe6757; font-weight: 500;}

@media all and (max-width: 991px) {
    .sub_menu_box{padding-top: 35px; margin-bottom: 65px;}
    .sub_menu_box .m_sub_menu #categoryLabel{border-bottom: 1px solid #fe6757; color: #fe6757; font-size: 15px; font-weight: 500; background: url(/img/mcategory_arrow.png) no-repeat right center / 11.5px; padding: 13px 10px;}
    .sub_menu_box .m_sub_menu .dropdown-menu{border: 1px solid #f3f3f3; box-shadow: none; width: 100%; padding: 0; margin: 0; float: none; text-align: center;}
    .sub_menu_box .m_sub_menu .dropdown-menu li a{font-size: 13.5px; color: #999999; padding: 10px 20px;}
    .sub_menu_box .m_sub_menu .dropdown-menu li.on a{color: #fe6757;}
}

/************************************************************
회사소개
************************************************************/
.history_wrap{position: relative; padding: 112px 0 120px;}
.history_wrap::after{content:""; display: block; position: absolute; right: 0; bottom: 0; width: 418px; height: 224px; background: url(/img/history_background.png) no-repeat center center; opacity: .35;}
.history_wrap .history_header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 96px;}
.history_wrap .history_header h1{font-size: 40px; line-height: 52px; color: #222222; font-weight: 600;}
.history_wrap .history_header .history_remote_box{display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.history_wrap .history_header .history_remote_box button{width: 53px; height: 53px; border-radius: 50%; border: 1px solid #999999; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
.history_wrap .history_header .history_remote_box button:hover{border: 0; background-color: #fe6757;}
.history_wrap .history_header .history_remote_box .history_prev{background-image: url(/img/history_prev.png)}
.history_wrap .history_header .history_remote_box .history_prev:hover{background-image: url(/img/history_prev_on.png)}
.history_wrap .history_header .history_remote_box .history_next{background-image: url(/img/history_next.png)}
.history_wrap .history_header .history_remote_box .history_next:hover{background-image: url(/img/history_next_on.png)}
.history_wrap .history_line{position: relative; margin-bottom: 40px;}
.history_wrap .history_line::before{content:""; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #dbdbdb;}
.history_wrap .history_line .dot{width: 248px; display: block; text-align: center;}
.history_wrap .history_content .history_slider_box{position: relative; overflow: hidden; width: 88.5vw;}
.history_wrap .history_content .year{font-size: 46px; color: #dbdbdb; font-family: "Outfit"; font-weight: 600; margin-bottom: 44px;}
.history_wrap .history_content li{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.history_wrap .history_content li:last-child{margin-bottom: 0;}
.history_wrap .history_content li span{font-family: "Outfit"; font-weight: 500; color: #222222; font-size: 18px; display: inline-block; width: 45px;}
.history_wrap .history_content li p{font-weight: 300; font-size: 18px; color: #666666; width: calc(100% - 45px);}
.history_wrap .history_content .swiper-slide-active .year{color: #fe6757; font-size: 120px;}

@media all and (max-width: 991px) {
    .history_wrap{padding: 60px 0 68px;}
    .history_wrap::after{display: none;}
    .history_wrap .history_header{display: block; margin-bottom: 32px;}
    .history_wrap .history_header h1{font-size: 25px; line-height: 32px; margin-bottom: 30px;}
    .history_wrap .history_header .history_remote_box{gap: 14px;}
    .history_wrap .history_header .history_remote_box button{width: 48px; height: 48px;}
    .history_wrap .history_content li{margin-bottom: 27px;}
    .history_wrap .history_content li span{font-size: 14px; width: 32px;}
    .history_wrap .history_content li p{font-size: 14px; width: calc(100% - 32px);}
    .history_wrap .history_content .swiper-slide-active .year{font-size: 60px; margin-bottom: 25px;}
}

/************************************************************
게시판
************************************************************/
.board-list{padding: 100px 0 90px;}

@media all and (max-width: 991px) {
    .board-list{padding: 35px 0 30px;}
}