.sub_visual{background:url('/images/bt_sub/sub_visual03.jpg') center center no-repeat; background-size:cover; height:318px; text-align:center;}
.sub_visual h2{color:#fff; font-size:34px; font-weight:700; line-height:1;}
.sub_visual p{color:#fff; font-size:16px; margin-top:14px;}

.suib_title{text-align:center; font-weight:700; font-size:34px; color:#000;}

.sub_menu{border-bottom:1px solid #f1f3f5;}
.sub_menu_wrap{height:64px;}
.sub_menu_wrap li{flex-grow:1; flex-basis:0; text-align:center; display:flex; align-items:center; height:100%; justify-content: center; position:relative;}
.sub_menu_wrap li a{color:#292b2e; font-size:16px;}
.sub_menu_wrap li.active a{font-weight:700; color:#0e4194;}
.sub_menu_wrap li.active:before{content:''; position:absolute; display:block; left:1px; right:1px; bottom:-1px; height:1px; background:#0e4194;}

/*
.gallery_list{flex-wrap:wrap; gap:24px;}
.gallery_list > div{width:calc(25% - 18px);}
.gallery_img{border:1px solid #ddd;}
.gallery_img img{display:block; max-width:100%;}
.gallery_list a{display:block;}
.gallery_title{padding-top:8px;}
.gallery_title a{font-size:20px; color:#000; font-weight:500;}
*/

.product_list{flex-wrap:wrap;}

.s_gallery_img img{width:100%;}
.s_gallery_thum_wrap{padding:10px 118px 30px; position:relative; border:1px solid #f1f3f5; border-top:0; box-sizing:border-box;}

.gallery_view_top > .dp_flex{gap:60px;}
.gallery_view_top > .dp_flex > div:nth-child(1){max-width:640px;}
.gallery_view_top > .dp_flex > div:nth-child(2){flex-grow:1;}
.preview_title{font-size:34px; color:#0e4194; font-weight:700;}
.preview_info{ border-top:2px solid #0e4194; margin-top:20px;}
.preview_info li{gap:20px; border-bottom:1px solid #ddd; padding-bottom:12px; padding-top:12px;  min-height:96px; padding:10px 0; box-sizing:border-box;}
.preview_info li + li{}
.preview_info h4{font-size:18px; line-height:1; font-weight:600; color:#000; width:120px;}
.preview_info h4 + div{font-size:18px; color:#000; line-height:1;}
.s_gallery-pagination{margin-top:30px;}
.s_gallery-pagination span{width:10px; height:10px; background:#86a0c9; opacity:1;}
.s_gallery-pagination span.swiper-pagination-bullet-active{background:#0e4194;}

.s_gallery_thum img{width:100%; display:block;}

.preview_content{margin-top:60px; padding-bottom:32px; border-bottom:1px solid #f1f3f5;}
.preview_content h3{font-size:34px; line-height:1; color:#292b2e; border-bottom:2px solid #0e4194; padding-bottom:24px;}
.preview_txt{padding-top:24px; font-size:18px; color:#252525; line-height:1.4; word-break:keep-all;}

.sub_search{background:#eff2f7; padding:52px 0;}
.sub_search.search_item .main_search{background:#fff;}
.swiper-next, .swiper-prev{width:40px; height:40px; background:rgba(0,0,0,0.5) url('/images/bt_sub/gallery_slide_arrow.svg') center center no-repeat; background-size:18px; border-radius:50%; position:absolute; top:32px; cursor:pointer;}
.swiper-next{right:30px; transform:rotate(180deg);}
.swiper-prev{left:30px;}

.preview_content + .btn_wrap button{background:#fff; color:#292b2e; border:1px solid #292b2e; width:160px; height:54px; font-size:18px;}

#sit_tot_price{padding-bottom:20px; border-bottom:1px solid #DCE0EA; margin-bottom:36px}
.view_sc{background:#0e4194; border:0; color:#fff; border-radius:30px; height:30px; padding:0 12px; font-size:16px;}

.about_wrap{position:relative;}
.about_wrap > div{width:50%; box-sizing:border-box;}
.about_txt{padding-left:30px;}
.about_txt:before{content:''; display:block; width:250px; height:94px; background:url('/images/bt_sub/bt_about_logo.png') center center no-repeat; position:absolute; top:0; right:0;}
.about_txt h2{color:#292b2e; font-size:20px; font-weight:700; line-height: 1.6;}
.about_txt p{color:#454545; font-size:18px; line-height:1.6; letter-spacing:-0.03em; margin-top:30px;}

.history_wrap{position:relative;}
.history_list{width:50%;}
.history_list ul{padding-left:76px;}
.history_list .history_content_section + .history_content_section{margin-top:60px; padding-top:60px; border-top:1px solid #dedede;}
.history_list h3{color:#fff; background:#0e4194; font-weight:700; font-size:18px; display:inline-block; width:80px; height:40px; line-height:40px; border-radius:40px; text-align:center;}
.history_list li + li{margin-top:60px;}
.history_list li div{color:#454545; font-size:18px; letter-spacing:-0.03em; margin-top:28px; line-height: 1.3;}

.history_year .mobile{display:none;}

.history_year{position:absolute; top:0; left:0;}
.history_year.fixed{position:fixed; top:20px; left:50%; margin-left:-700px;}
.history_year.footer_fixed{position:absolute; bottom:0; top:auto; left:0;}
.history_year h2, .in_history_year h2{font-size: 220px; font-weight: 900; letter-spacing: 5px; color: #fff; line-height: 200px; margin-bottom: 70px; -webkit-text-stroke: 2px #000; color: transparent; letter-spacing:-0.02em;}
.history_year h2 span, .in_history_year h2 span{color:#0e4194; -webkit-text-stroke: 0px #000;}
.history_year p, .in_history_year p {font-size: 18px; margin-bottom: 20px; text-align: center; font-weight: 500; color: #0e4194;}
.history_year .more_btn, .in_history_year .more_btn {font-size: 16px; font-weight: 700; color: #0e4194; border: 2px solid #0e4194; display: block; width: 180px; padding: 10px; margin-top: 10px; margin-left: auto; transition: .4s;}
.history_year .more_btn:hover, .in_history_year .more_btn:hover {background-color: #0e4194; color: #fff;}

.history_year img{display:block; border-radius:36px;}

@media screen and (max-width:1440px){
.history_year.fixed{left:20px; margin-left:0;}

.about_wrap{align-items:flex-start;}
.about_wrap img{display:block; width:100%;}
.about_txt:before{display:none;}
.about_txt *{word-break:keep-all;}

.gallery_view_top > .dp_flex > div:nth-child(1){width:50%;}

.sod_left{margin-right:0;}

}

@media screen and (max-width:1124px){
.history_year h2, .in_history_year h2{font-size:18vw; margin-bottom:4vw; line-height:1;}
.history_year img, .in_history_year img{width:50vw;}


}

@media screen and (max-width:960px){
.gallery_view_top > .dp_flex > div:nth-child(1){width:100%; max-width:none;}
.gallery_view_top > .dp_flex{displaY:block;}
.gallery_view_top > .dp_flex > div:nth-child(2){margin-top:60px;}

}

@media screen and (max-width:860px){
.about_wrap{display:block;}
.about_wrap > div{width:100%;}
.about_txt{padding-left:0; margin-top:24px;}
.about_txt br{display:none;}

.sub_content.pb210{padding-bottom:80px;}

.sub_search{padding:20px;}
.search_item .txt_box p{font-size:20px; word-break:keep-all;}

.preview_title{font-size:24px; word-break:keep-all;}
.preview_info h4{font-size:16px; }
.preview_info h4 + div{font-size:16px; margin-top:12px;}
.preview_info li{display:block; min-height:auto;}
.preview_content{margin-top:32px;}
.preview_content h3{font-size:24px;}
.preview_txt{font-size:16px; letter-spacing:-0.03em;}
.s_gallery_thum_wrap{padding-left:50px; padding-right:50px;}
.swiper-next, .swiper-prev{width:28px; height:28px; margin-top:-14px;}
.swiper-next{right:10px;}
.swiper-prev{left:10px;}

.history_list{width:100%;}
.history_year{display:none;}
.history_year.mobile, .in_history_year.mobile{position:static;}
.history_year img, .in_history_year img{width:100%;}
.history_list ul{padding-left:20px; margin-top:40px;}
.history_year .more_btn, .in_history_year .more_btn {font-size: 13px; width: 150px;}

}

@media screen and (max-width:640px){
.sub_visual{height:190px;}
.sub_visual h2{font-size:24px;}
.sub_visual p{font-size:14px;}
.sub_menu_wrap li a{font-size:14px;}

.about_txt h2{font-size:18px;}
.about_txt p{font-size:16px; margin-top:20px;}

.history_list ul{margin-top:24px;}
.history_list li + li{margin-top:20px;}
.history_list li div{font-size:14px; margin-top:12px;}
.history_list h3{font-size:16px; height:32px; line-height:32px;}
.in_history_year h2{font-size:80px;}

.history_list .history_content_section + .history_content_section{margin-top:36px; padding-top:36px;}



}