/* 공통 */
.sub_con {width:1280px; margin:0 auto; padding-bottom:100px;}
.sub_head1 {font-size:25px; font-weight: 400; color:#343434; position: relative; padding-left:40px; letter-spacing: -.5px; background: url('../img/blet.png?v=2') 0 50% no-repeat;}
/* .sub_head1::before {content: ''; display: block; position: absolute; left:0; top:12px; width:10px; height:27px; background: #00356f; transform: skew(-20deg);} */
.sub_blet_p {font-size:15px; font-weight: 300; color:#707070; line-height: 30px; position: relative; padding-left:14px; letter-spacing: -.5px;}
.sub_blet_p::before {content: ''; display: block; position: absolute; left:0; top:11px; width:4px; height:4px; background: #a2c323;}
.tab {display: none;}
.tab.active {display: block}

/*Content CSS*/
.tab_btn ul {width:100%; display: flex; text-align: center;}
.tab_btn ul li {width:25%;  height:60px; line-height: 60px;}
.tab_btn ul li a {display: block; width:100%; height:100%; border:1px solid #e4e4e4; border-right:0; transition: all .3s ease; font-size:18px; color:#707070; font-weight: 400; background: #fff;
cursor: pointer;}
.tab_btn ul li:last-child a {border-right:1px solid #e4e4e4;}
.tab_btn ul li a:hover, .tab_btn ul li a.active {background: #00356f; color:#fff; border:1px solid rgba(255,255,255,.2);}

.tab_con {margin-top:50px; }
.tab_con h3 {font-size:35px; text-align: center; color:#000; font-weight: 400;}
.tab_con h4 {font-size: 20px; font-weight: 400; color:#4b4b4b; position: relative; display: flex; align-items: flex-start; margin-bottom:20px;}
.tab_con h4 span  {display: block; color:#fff ; font-weight: 400; font-size:20px; position: relative; z-index: 1; margin-right:15px; padding:0px 0 0 8px;}
.tab_con h4 span::before {content: ''; display: block; position: absolute; left:4px; top:3px; width:20px; height:24px; background: #00356f; transform: skew(-15deg); z-index: -1;}

.tab_wr {display: flex;}
.tab_wr > div  { width:50%;}
.tab_txt {padding: 60px 0 0 60px;}
.tab_txt ul {margin-top:30px;}
.tab_txt ul li {font-size:16px; font-weight: 300; color:#707070; line-height: 40px; position: relative; padding-left:14px;letter-spacing: -.5px;}
.tab_txt ul li::before {content: ''; display: block; position: absolute; left:0; top:20px; width:4px; height:4px; background: #a2c323;}
.tab_txt h2 {font-size:18px; font-weight: 400; color:#333; margin-top:20px; padding-left:15px;}

.tab_img {display: block;}

.slider-nav-thumbnails { text-align: center; margin-top:20px;}
.slider-nav-thumbnails .slick-track  {display: flex; justify-content: flex-start; /* transform: translate3d(0px, 0px, 0px) !important;*/ }
.slider-nav-thumbnails .slick-list {width:100% ; margin:0 auto;}
.slider-nav-thumbnails .slick-slide {width:200px !important; transition: all .2s ease; outline: none; display: inline-block; cursor: pointer; margin: 0 10px ;}
.slider-nav-thumbnails .slick-slide img {width:100%; transition: border .3s ease; border:2px solid transparent;}
.tab_img_slider .slick-slide img {width:100%;}
.slider-nav-thumbnails .slick-slide.slick-current img {border:2px solid #a2c323;}
.slider-nav-thumbnails .slick-slide p {margin-top:20px; font-size:18px; color: #4e4e4e; font-weight: 400;}

.tab_img_slider .slick-slide {outline: none;}

/* .busin_arrow {position:absolute; width:100%; left:50%; transform:translateX(-50%); height:60px; z-index: 1; top:0; border:1px solid red;} */
.slick-prev {position:absolute;right:71px; bottom:0;  opacity: .8; background: rgba(0,0,0,.7); width:70px; height:70px;}
.slick-next {position:absolute;right:0; bottom:0;   opacity: .8; background: rgba(0,0,0,.7); width:70px; height:70px;}
.slick-prev,  .slick-next { font-size:40px; position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none;     transition: all 0.3s ease; color:#fff; border:0;}
.slick-prev:hover, .slick-next:hover {opacity: .9; background: rgba(162,195,35,1);}

.slider-nav-thumbnails.tab1 .slick-track {transform: translate3d(0px, 0px, 0px) !important;}
.slider-nav-thumbnails.tab1 .slick-slide {margin:0 20px 0 0; }
.slider-nav-thumbnails.tab1 .slick-slide:last-child {margin-right:0;}
.tab_img_slider h2 {position: absolute; left:0; bottom:0; font-size:22px; font-weight: 400; color:#fff; text-align: center; background: rgba(0,0,0,.8); width:300px; height:55px; line-height: 55px;}


/* .tab_img_slider.tab3 .slick-prev {position:absolute;left:0px; opacity: .8; background: rgba(0,0,0,.7); width:70px; height:70px; top:45%;}
.tab_img_slider.tab3 .slick-next {position:absolute;right:0;  opacity: .8; background: rgba(0,0,0,.7); width:70px; height:70px; top:45%;}
.tab_img_slider.tab3 .slick-prev,  .slick-next { font-size:40px; position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none;     transition: all 0.3s ease; color:#fff; border:0;}
.tab_img_slider.slick-prev:hover, .tab_img_slider.slick-next:hover {opacity: .9; background: rgba(162,195,35,1);} */

.sub_p_wr {width:100%; padding: 20px 30px; border:1px solid #e8e8e8; background: #fbfbfb; margin-bottom:20px;}


@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}
