/* 타이틀 공통 */
.title_type1{position:relative;font-size:38px;line-height:50px;font-weight:500;color:#222;margin:20px 0 30px 0;letter-spacing:-2px}
.title_type1::before{content:'';display:block;position:absolute;top:-15px;left:0;width:45px;height:1px;background-color:#222}

.h4_title{font-size:21px;color:#222}
.h4_title i{padding-right:10px}
.h4_title img{vertical-align:middle}
.text_type{font-size:17px;line-height:30px}
.text_type_c{font-size:17px;line-height:30px;text-align:center;padding:30px 0;margin:0 auto;width:60%}

/* 공통 이미지 호버 효과 */
.bs_img{position:relative;overflow:hidden;}
.bs_img .img_wrap{position:relative;width:100%;height:100%;overflow:hidden;}
.bs_img .img_wrap img{width:100%;height:100%;transition:transform 0.3s ease-in-out;}
.bs_img .img_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background 0.3s ease-in-out;}
.bs_img:hover .img_wrap img{transform:scale(1.1);}
.bs_img:hover .img_overlay{background:rgba(0,0,0,0.3);}

/* 공통 버튼 */
/* 등록하기 버튼 */
.btn_write_simple {display:flex;justify-content:center;min-width:110px;height:45px;line-height:45px;padding:0 24px;background:#424654;color:#fff !important;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease}
.btn_write_simple:hover{background:#343742;color:#fff !important;text-decoration:none}

.btn_answer{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#313131}
.btn_answer_ing{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#707079}
.btn_answer_complete{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#3c54c2;font-size:14px}

/* 게시판 공통 적용 */
#bo_v{max-width:1420px;margin:0 auto;padding:30px 0 20px 0}
#bo_v_top{max-width:1420px;margin:0 auto;padding:0px 0 30px 0}
.is_view_btn{display:flex;gap:4px}

.btn_b01 i{margin-right:7px}
.btn_cm_opt i{margin-right:0}
.secret_img{display:flex;align-items:center}
.secret_img img{padding-right:10px}

.input_gap{display:flex;gap:4px}

/* sub_visual */
.sub_visual{width:100%;height:260px;position:relative;overflow:hidden;display:flex;align-items:center}
.sub_top{margin-top:30px}
.sub_top h2{font-size:32px;color:#fff;font-weight:500;letter-spacing:-2px;text-align:center}
.sub_top h2{animation-duration:0.7s;
	animation-fill-mode:both;
	animation-iteration-count:1;
	animation-timing-function:ease;
	-webkit-animation-duration:0.7s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	animation-delay:0.2s;-webkit-animation-delay:0.2s;
	animation-name:visual-tit;-webkit-animation-name:visual-tit;}
.sub_top p{font-size:17px;line-height:27px;color:#fff;font-weight:300;margin:10px 0 0;width:35%}
.sub_top p{animation-duration:0.7s;
	animation-fill-mode:both;
	animation-iteration-count:1;
	animation-timing-function:ease;
	-webkit-animation-duration:0.7s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	animation-delay:0.3s;-webkit-animation-delay:0.3s;
	animation-name:visual-tit;-webkit-animation-name:visual-tit;}
.sub_visual:before{content:'';background-color:rgba(0, 0, 0, 0.5);position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}
.sub_visual:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-size:cover;background-position:center center;
	animation-duration:3s;
	animation-fill-mode:both;
	animation-iteration-count:1;
	animation-timing-function:ease;
	-webkit-animation-duration:3s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	animation-delay:0.4s;-webkit-animation-delay:0.4s;
	animation-name:visual-zoom;-webkit-animation-name:visual-zoom;
}
.sub_visual:after{background-size:cover !important;width:100%;height:100%}
.sub_bg1:after{background:url(../img/sub/sub_visual1.jpg)}
.sub_bg2:after{background:url(../img/sub/sub_visual2.jpg)}
.sub_bg3:after{background:url(../img/sub/sub_visual3.jpg)}
.sub_bg4:after{background:url(../img/sub/sub_visual4.jpg)}
.sub_bg5:after{background:url(../img/sub/sub_visual5.jpg)}
.sub_bg6:after{background:url(../img/sub/sub_visual6.jpg)}

.sub_visual ul,.sub_visual h1 span,.sub_visual h1 p{
	animation-duration:0.7s;
	animation-fill-mode:both;
	animation-iteration-count:1;
	animation-timing-function:ease;
	-webkit-animation-duration:0.7s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	animation-delay:0.3s;-webkit-animation-delay:0.3s;
	animation-name:visual-tit;-webkit-animation-name:visual-tit;
}
.sub_visual h1 span,.sub_visual h1 p{animation-delay:0.8s;-webkit-animation-delay:0.8s} 

@keyframes visual-zoom {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}
@keyframes visual-tit {
	0% {opacity:0;-webkit-opacity:0;transform:translateY(20px)}
	100% {opacity:1;-webkit-opacity:1;transform:translateY(0px)}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0;-webkit-opacity:0;transform:translateY(20px)}
	100% {opacity:1;-webkit-opacity:1;transform:translateY(0px)}
}

/* weblocation */
.weblocation{width:100%;border-bottom:1px solid #ddd}
.location_box{position:relative;z-index:1;height:50px;margin:0 auto;display:flex;align-items:center}
.location_box h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.location_box .location{display:flex;position:relative;align-items:center;}
.location_box .location > li.home{position:relative;width:45px;height:45px;background:url(../img/icon_home.png) center center no-repeat}
.location_box .location > li.home:after{content:'';position:absolute;top:6px;right:-20px;width:35px;height:35px;background:url(../img/icon_arrow_right.png) center center no-repeat}
.location_box .location > li.home:hover{background:url(../img/icon_home.png) center center no-repeat}
.location_box .no_link {padding:0 20px}
.location_box .location > li > a.location_list_a{position:relative;display:block;height:45px;line-height:45px;padding:0 90px 0 20px;font-size:15px;color:#666;background:url(../img/icon_arrow_basic.png) no-repeat right center;margin-right:24px}
.location_box .location > li > a:hover,.weblocation_box .location > li > a:focus{text-decoration:none}
.location_box .location_list{display:none;position:absolute;top:47px;z-index:9999 !important;width:180px;padding:12px 0 25px;background-color:#36395e !important;color:#fff}
.location_list > li{margin:0 0 1px !important;background:none !important;}
.location_list > li > a{display:block;width:100%;line-height:28px !important;color:#fff !important;font-size:1.5rem !important;padding-left:15px}
.location_list > li > a:hover,.location_list li a.on{background-color:#2a2c44 !important;font-weight:700 !important;color:#fff !important}

/* sub contents */
.sub_contents_wrap{width:100%;max-width:1420px;margin:0 auto}
.sub_common_title{font-size:35px;color:#222;text-align:center;padding:55px 0}
.sub_contents{min-height:400px;padding:0px 0 30px 0}

/* CEO인사말 */
.greeting{display:flex}
.greeting .greet_img{max-width:530px}
.greeting .greet_img img{width:100%}
.greeting .greet_txt{width:calc(100% - 590px);padding:30px 0 0 70px}
.greeting .greet_txt h3{font-size:35px;line-height:54px;font-weight:400;letter-spacing:-2px;color:#222;padding-bottom:50px}
.greeting .greet_txt .greet_p{font-size:17px;line-height:27px;color:#676767}
.greeting .greet_txt .greet_sign{font-size:17px;color:#222;padding-top:40px}
.greeting .greet_txt .greet_sign strong{font-size:24px;margin-left:5px}
     
/* CEO인사말2 */
.greeting2{width:100%;overflow:hidden;padding-top:30px}
.greeting_top{position:relative;min-height:395px;background:url(../img/sub/greeting_top.jpg) no-repeat 50% 50%;background-size:cover;display:flex;align-items:center;z-index:0;justify-content:flex-start;padding-left:92px}
.director_txt{display:flex;flex-direction:column;justify-content:center;width:370px;height:auto;padding:85px 45px 75px;background:#2d4478;position:relative;z-index:2}
.director_entxt{display:block;font-size:24px;color:#fff;font-weight:400;font-family:'ttl';line-height:1.3;margin-bottom:45px;letter-spacing:0; word-break:keep-all}
.director_tit{display:block;font-size:24px;color:#fff;line-height:1.4;font-weight:300;word-break:keep-all}
.director_cont{padding:40px 100px 0 100px;border-top:1px solid #ddd;;margin-bottom:35px}
.director_cont b{display:block;font-size:32px;color:#111;font-weight:500;line-height:140%;margin-bottom:15px}
.director_cont p{margin-bottom:35px;font-size:18px}
.greeting_sign{display:block;font-weight:400;color:#999;font-size:16px;padding-right:20px}
.greeting_sign span{color:#555;font-weight:700;font-size:18px}

/* 회사연혁 */         
.company_history .history_title{font-size:30px;color:#000;font-weight:500;position:relative;margin-bottom:60px}
.company_history .history_title:before{content:'';display:block;position:absolute;top:-12px;width:30px;height:1px;background:#222}
.company_history .year_box{display:flex}
.company_history .year_box h4{width:12%;font-size:32px;line-height:62px;color:#33375C;font-weight:700}
.company_history .year_box ul{position:relative;width:calc(100% - 540px);padding-top:15px}
.company_history .year_box ul::before{content:'';display:block;position:absolute;top:0px;left:0;width:1px;height:100%;background-color:#ddd}
.company_history .year_box ul li{display:flex;padding-bottom:20px}
.company_history .year_box ul li span.date{color:#767676;font-weight:700;font-size:17px;padding-left:25px}
.company_history .year_box ul li:nth-of-type(1)::before{content:'';display:block;position:absolute;top:25px;left:-4px;width:8px;height:8px;border-radius:50%;background-color:#33375C}
.company_history .year_box ul li span.cont{color:#676767;font-weight:400;font-size:17px;padding-left:35px}
.company_history .year_box .img{width:400px;height:280px;padding-bottom:40px}
.company_history .year_box .img img{width:100%;height:100%}

/* 회사연혁2 지그재그 스타일 */
.company_history2{position:relative;max-width:1420px;margin:0 auto;padding:0px 20px 100px}
.company_history2 .history_title{text-align:center;font-size:32px;line-height:1.5;margin-bottom:80px;color:#222;font-weight:500}
.company_history2:before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:2px;height:calc(100% - 180px);top:130px;background:#ddd}
.company_history2 .year_box{position:relative;margin-bottom:80px;opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s forwards}
.company_history2 .year_box:nth-child(even){transform:translateY(-30px)}
.company_history2 .year{position:absolute;left:50%;transform:translateX(-50%);background:#213C92;color:#fff;width:90px;height:90px;line-height:90px;border-radius:50%;text-align:center;font-size:20px;font-weight:700;z-index:1}
.company_history2 .year_box ul{width:calc(50% - 50px);padding:10px 0px}
.company_history2 .year_box:nth-child(odd) ul{margin-left:auto;padding-left:100px}
.company_history2 .year_box:nth-child(even) ul{margin-right:auto}
.company_history2 .year_box li{margin-bottom:15px;position:relative}
.company_history2 .year_box li:last-child{margin-bottom:0}
.company_history2 .year_box .date{display:block;width:100px;color:#213C92;font-weight:700;font-size:20px}
.company_history2 .year_box .cont{color:#666;font-size:18px;line-height:1.6;}
.company_history2 .year_box .img{position:absolute;top:0;width:350px;height:220px;border-radius:10px;overflow:hidden;}
.company_history2 .year_box .img img{width:100%;height:100%;object-fit:cover}
.company_history2 .year_box:nth-child(even) .img{right:0;top:0}

/* 조직도 */
.organization{position:relative;width:100%;overflow:hidden;margin:20px 0}
.organization::after{content:'';position:absolute;top:24%;left:50%;background:#ddd;width:1px;height:30px;transform:translate(-50%);
    z-index:-1}
.organization::before{content:'';position:absolute;top:30%;left:50%;z-index:-1;background:#ddd;width:82%;height:1px;transform:translate(-50%)}
.organization .head_org{width:130px;height:130px;border-radius:50%;background:#213C92;margin:0 auto}
.organization .head_org span{line-height:130px;display:block;text-align:center;font-size:20px;font-weight:bold;color:#fff}
.organization .org_list{margin-top:50px;}
.organization .org_list li{float:left;width:18%;margin-right:2.5%;margin-top:-4px}
.organization .org_list li:last-child{margin-right:0}
.organization .org_list li .org_depth1{position:relative;text-align:center;background:#3D88C3;color:#fff;border:0;font-size:17px;height:55px;line-height:55px}
.organization .org_list li .org_depth1:after{content:'';position:absolute;top:-50%;left:50%;background:#ddd;width:1px;height:30Px;transform:translate(-50%);
    z-index:-1}
.organization .org_list li p{width:100%;display:flex;align-items: center;border:1px solid #ddd;color:#666;margin-top:-1px;padding:7px 20px;
    font-size:15px;height:45px}


/* 인증서 */
.certificate_list{width:100%;max-width:1420px;margin:0 auto;padding:0 20px}
.certificate_list ul{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;padding:20px 0}
.certificate_list li{position:relative}
.certificate_list li a{display:block;background:#fff}
.certificate_list .img_wrap{position:relative;overflow:hidden;padding-bottom:141.4%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)} /* A4 비율(1:1.414) 적용 */
.certificate_list .img_wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform 0.3s ease} /* contain으로 변경 */
.certificate_list .text_wrap{padding:25px 20px}
.certificate_list .text_wrap .title{display:block;font-size:18px;color:#222;font-weight:500;margin-bottom:10px;line-height:1.4}
.certificate_list .text_wrap .desc{font-size:15px;color:#666;line-height:1.6;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.certificate_list .text_wrap .date{display:block;font-size:14px;color:#999}

/* hover 효과를 이미지에만 적용 */
.certificate_list li:hover .img_wrap img{transform:scale(1.05)}

/* 비전 및 목표 */
.vision_wrap h2{text-align:center;color:#222;font-size:28px;line-height:42px;font-weight:400;letter-spacing:-1.5px;padding:20px 0}
.vision_wrap .vision_title{padding:45px 0;display:flex;font-size:18px}
.vision_wrap .vision_title dt{width:150px;height:75px;line-height:75px;letter-spacing:0;background:#213C92;color:#fff;text-align:center;font-weight:700;letter-spacing:-1px}
.vision_wrap .vision_title dd{width:calc(100% - 150px);line-height:75px;background:#f8f8f8;text-align:center;color:#222;font-size:20px;font-weight:500}
.vision_wrap .vision_box{display:flex;padding-bottom:40px}
.vision_wrap .vision_box li{flex:1;height:145px;margin-right:10px;background:#f8f8f8;display:flex;justify-content:center;align-items:center;font-size:20px;color:#222;font-weight:700}
.vision_wrap .vision_box li:last-child{margin-right:0}
.vision_wrap .vision_box li span{display:inline-block;margin-right:15px;font-weight:400;padding-left:12px}

.vision_box_detail{display:flex;flex-wrap:wrap}
.vision_box_detail li{width:50%;padding-right:40px}
.vision_box_detail li:nth-child(2n){padding-right:0}
.vision_box_detail li img{width:100%;height:300px}
.vision_box_detail li .text{display:flex;padding:20px 0 40px 0}
.vision_box_detail li .text h3{width:25%;color:#222;font-weight:500;margin-right:30px;font-size:24px}
.vision_box_detail li .text p{width:75%;padding-right:10px;font-size:16px;line-height:26px}

/* 비전 및 목표2 */
.vision_wrap2{width:100%;overflow:hidden}
.vision_wrap2 .vision_tit{width:100%;padding:30px 12px 45px 12px;text-align:center;border-radius:30px;font-size:28px;color:#203c92;letter-spacing:-1px}
.vision_wrap2 .vision_txt{width:100%;text-align:center;border:4px solid #2d4478;border-radius:150px}
.vision_wrap2 .vision_txt strong{display:inline-block;text-align:center;padding:10px 30px 12px 30px;background:#2d4478;border-radius:0 0 30px 30px;font-size:17px;color:#fff}
.vision_wrap2 .vision_txt p{font-size:24px;color:#000;text-align:center;padding:15px 0 35px 0}

.vision_txt{position:relative}
.bs_value{position:relative;margin:0 auto}
.bs_value ul{display:flex;padding:40px 0}
.bs_value ul li{width:25%;text-align:center;border-right:1px dotted #ccc;font-size:17px;letter-spacing:0}
.bs_value ul li:last-child{border:none}
.bs_value span{display:block;color:#000;font-size:24px;font-weight:normal;letter-spacing:-1px}

.strategy li{display:flex;padding-bottom:30px}
.strategy_title{border-radius:50%;width:200px;height:200px;background:#f8f8f8;color:#000;position:relative;display:flex;align-items:center;justify-content:center}
.strategy_title span.num{position:absolute;top:20px;left:0;width:45px;height:45px;font-size:17px;font-weight:bold;background:#2d4478;line-height:45px;color:#fff;text-align:center;border-radius:50%;display:block}
.strategy_title p{padding:0 20px;text-align:center;font-size:20px;letter-spacing:-1px}
.strategy_text{width:calc(100% - 230px);padding-left:40px }
.strategy_text ul{display:flex;justify-content:center;flex-direction:column;width:100%;border:4px solid #ddd;border-radius:200px;padding:0 80px;font-size:16px;
    line-height:26px;min-height:200px}
.strategy_text li{padding-bottom:0}

/* 오시는길 */
.area_location{width:100%;height:450px;margin-bottom:40px;background:#555;position:relative}
.location_wrap .h4_title{padding-bottom:20px}
.location_wrap .text_type{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}

.location_infobox{display:flex;background:rgba(255,255,255,0.9);position:absolute;bottom:0;right:0;z-index:2;padding:30px;min-width:500px}
.location_infobox p{font-size:18px;line-height:36px;text-align:left}
.location_infobox span{font-weight:bold;width:120px;color:#555;display:inline-block;padding-left:15px}
.location_infobox a.btn_quick_locate{display:flex;justify-content:center;align-items:center;width:140px;height:100px;text-align:center;background:#2e2f60;margin-left:auto;color:#fff;font-weight:700;font-size:16px;border-radius:4px}
.label_bus{font-size:14px;height:25px;line-height:23px;padding:0px 10px;display:inline-block;color:#fff;border-radius:3px;margin-right:12px}

.label_bus1{background-color:#2EBA08}
.label_bus2{background-color:#1A49CB}
.label_bus3{background-color:#00B282}
.label_bus4{background-color:#FF4934}
.label_bus5{background-color:#0091FA}
.label_bus6{background-color:#FF9C00}

/* 사업영역 */
.area_business .business_top{width:100%;height:360px;background:url(../img/sub/area_business_top.jpg) center top no-repeat;display:flex;justify-content:center;flex-direction:column;align-items:center;}
.area_business .business_top p{font-size:17px;color:#fff;line-height:27px;padding-bottom:7px}
.area_business .business_top h4{font-size:36px;color:#fff;}

.business_list{padding-top:70px}
.business_list_wrap{display:flex;padding-bottom:50px}
.business_list_wrap .business_photo{margin-right:40px}
.business_list_wrap .business_txt{padding-top:12px}
.business_list_wrap .business_txt p.category{font-size:15px;line-height:26px;color:#676767;padding-bottom:8px}
.business_list_wrap .business_txt h4{font-size:30px;line-height:40px;color:#222;padding-bottom:20px;position:relative;font-weight:700}
.business_list_wrap .business_txt h4:before{content:'';position:absolute;bottom:10px;width:30px;height:1px;background:#222}
.business_list_wrap .business_txt p.cont{font-size:16px;line-height:26px;color:#676767}

/* 사업영역2 */
.area_business2 .top_img img{width:100%}
.area_business2 .top_title{padding:50px 0 40px;text-align:center}
.area_business2 .top_title h3{font-size:34px;color:#333;font-weight:bold;margin-bottom:35px}
.area_business2 .top_title p{font-size:16px;color:#666;line-height:28px;width:65%;margin:0 auto}

.area_bussiness2_ul{display:flex;text-align:center;margin:120px 0}
.area_bussiness2_ul li{position:relative}
.area_bussiness2_ul li:before{content:'';position:absolute;right:0;width:1px;height:100%;background:#ddd}
.area_bussiness2_ul li:last-child:before{display:none}           
.area_bussiness2_ul li h4{font-size:28px;color:#222;padding-bottom:14px}

.area_bussiness2_ul li p{font-size:16px;line-height:26px;width:65%;margin:0 auto}

.business_box_ul{width:100%}
.business_box_ul ul{display:flex}
.business_box_ul ul li{position:relative;width:100%;height:100%;overflow:hidden;padding-right:20px}
.business_box_ul ul li:last-child{padding-right:0}
.business_box_ul ul li .photo_box{width:100%;height:100%;overflow:hidden;position:relative;}
.business_box_ul ul li img{width:100%;top:0;height:100%;position:relative;left:0;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform 0.3s}
.business_box_ul ul li div.ovrly{background:rgba(0, 0, 0, 0.3);height:100%;left:0;top:0;position:absolute;width:100%;opacity:0.9;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.business_box_ul ul li .photo_box:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.business_box_ul ul li .photo_box:hover div.ovrly{opacity:0.2}        

.business_box_ul li p.txt{position:absolute;top:50px;left:30px;z-index:9;font-size:20px;font-weight:700;color:#fff}

/* 추가콘텐츠 */
.area_bussiness3{display:flex;align-items:center;margin-bottom:80px;}
.area_bussiness3 .bs_img{width:480px}
.area_bussiness3 .bs_img img{width:100%}
.area_bussiness3 .bs_txt{flex:1;padding-left:70px}
.area_bussiness3 .bs_txt h3{position:relative;font-size:32px;line-height:42px;color:#222;padding-bottom:25px}
.area_bussiness3 .bs_txt h3::before{content:'';display:block;position:absolute;bottom:10px;width:30px;height:1px;background:#222}
.area_bussiness3 .bs_txt p.category{font-size:18px;color:#222;line-height:36px;padding-bottom:4px}
.area_bussiness3 .bs_txt p.cont{font-size:16px;line-height:26px;width:70%}
.area_bussiness3:nth-child(2n){flex-direction:row-reverse;}

/* 일반형게시판 */
.board_type1{display:flex;flex-wrap:wrap; justify-content: flex-start;gap:25px}
.board_type1_box{flex: 0 0 calc(33.333% - 25px);margin-bottom:25px;}
.board_type1_box .bs_img{width:100%;margin-bottom:25px;}
.board_type1_box .bs_img img{width:100%;height:auto;}
.board_type1_box .bs_txt p.category{font-size:16px;color:#222;line-height:28px;padding-bottom:4px}
.board_type1_box .bs_txt h3{position:relative;font-size:28px;color:#222}
.board_type1_box .bs_txt h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222}
.board_type1_box .bs_txt p.cont{font-size:16px;line-height:26px;padding-top:20px}
.board_type1_box .bs_txt p.cont:hover{color:#222;cursor:pointer;}

/* 검색바 */
.search_bar{width:100%;background-color:#f2f2f2;padding:15px 0;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.search_inner, .search_inner > form{width:400px;display:flex;justify-content:space-between;}
.search_inner input{width:calc(100% - 60px);padding:10px;border:1px solid #ccc;outline:none;}
.search_inner button{display:inline-block;width:60px;height:45px;background-color:#222;color:white;border:none;cursor:pointer;margin-left:2px;font-size:14px}
.search_inner select{width:80px;padding:10px 4px 10px 6px;border:1px solid #ccc;outline:none;margin-right:2px}

/* 게시판 탭메뉴 */
.board_tab{display:flex;margin-bottom:40px;border-bottom:1px solid #222;}
.board_tab li{flex:1;}
.board_tab li a{display:block;text-align:center;padding:15px 0;background:#f8f8f8;font-size:16px;color:#666;transition:all 0.3s;}
.board_tab li.on a{background:#fff;color:#222;border-top:2px solid #222;border-left:1px solid #222;border-right:1px solid #222;font-weight:700;border-bottom:1px solid #fff;margin-bottom:-1px;}
.board_tab li a:hover{background:#fff;color:#222;}

/* 웹진형 게시판 */
.board_type2{display:flex;flex-direction:column;gap:30px;}
.board_type2_box{display:flex;align-items:center;;background:#fff}
.board_type2_box .bs_img{width:450px;margin-right:40px;}
.board_type2_box .bs_img img{width:100%;height:auto;}
.board_type2_box .bs_txt{flex:1;}
.board_type2_box .bs_txt p.category{font-size:15px;color:#666;margin-bottom:10px;}
.board_type2_box .bs_txt h3{position:relative;font-size:28px;color:#222;margin-bottom:25px;}
.board_type2_box .bs_txt h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222}
.board_type2_box .bs_txt p.cont{font-size:16px;line-height:1.6;color:#666}
.board_type2_box .bs_txt p.cont:hover{color:#222;cursor:pointer;}

/* 제품형 게시판 */
.board_type4{display:flex;flex-wrap:wrap;gap:25px;}
.board_type4_box{flex:0 0 calc(33.333% - 17px);margin-bottom:30px;}
.board_type4_box .bs_img{width:100%;margin-bottom:25px;}
.board_type4_box .bs_img img{width:100%;height:auto;}
.board_type4_box h3{position:relative;font-size:24px;color:#222;margin-bottom:25px;}
.board_type4_box h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222;}
.board_type4_box .table_type1{margin-bottom:30px;}
.board_type4_box .btn_detail_view{display:block;max-width:150px;background:#555353;color:#fff;text-align:center;height:45px;line-height:43px;transition:all 0.3s;font-size:14px}
.board_type4_box .btn_detail_view:hover{background:#333;}

/* table */
.table_type1{width:100%;border-collapse:collapse;border-top:2px solid #222;}
.table_type1 table th{background:#f8f8f8;color:#222;font-weight:700;text-align:right}
.table_type1 table td{background:#fff;color:#676767}
.table_type1 table th, .table_type1 table td{padding:12px 15px;;border-bottom:1px solid #ddd;vertical-align:middle}

/* 유튜브 게시판 */
.board_type5{display:flex;flex-wrap:wrap;gap:25px;}
.board_type5_box{width:calc(33.3% - 25px);border:1px solid #ddd;transition:all 0.3s;}
.board_type5_box:hover{border-color:#222;}
.board_type5_box .bs_img{width:100%;position:relative}
.board_type5_box .bs_img img{width:100%}
.board_type5_box .bs_img iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.board_type5_box .bs_txt{display:flex;padding:20px;}
.board_type5_box .bs_txt .txt_wrap{display:flex;justify-content:space-between;align-items:flex-start;}
.board_type5_box .bs_txt h3{font-size:18px;color:#222;flex:1;margin-right:15px;line-height:1.4;max-height:48px;overflow:hidden}
.board_type5_box .set_info{display:flex;align-items:flex-end;}
.board_type5_box .set_info span{color:#666;font-size:14px;margin-bottom:5px;margin-right:12px}
.board_type5_box .set_info i{margin-right:5px;font-size:14px}
.board_type5_box .set_info .date_time i{color:#999;}
.board_type5_box .set_info .view_count i{color:#999;}

/* 공지사항 */
.board_type_table1 thead{border-top:1px solid #222;border-bottom:1px solid #ddd}
.board_type_table1 th{background:#f8f8f8;color:#222;font-size:15px;height:45px;font-weight:700;text-align:center;font-weight:500}
.board_type_table1 th,.board_type_table1 td{padding:0 15px;vertical-align:middle}
.board_type_table1 td{border-bottom:1px solid #ddd;min-height:55px;padding:15px 8px;font-size:16px}
.board_type_table1 td.title strong{color:#222;font-weight:500}
.board_type_table1 td a{color:#676767}
.board_type_table1 td a:hover{color:#222}
.board_type_table1 .notice_label{display:inline-block;padding:4px 12px;color:#222;background:#efefef;margin:0 auto;font-size:13px;font-weight:500}
.board_type_table1 .icon_file{color:#999;font-size:14px;margin-left:4px}

/* 자주묻는질문 
.board_type_table2{width:100%;border-top:2px solid #222;} 
.board_type_table2 .faq_list{width:100%}
.board_type_table2 .faq_item{border-bottom:1px solid #ddd;}
.board_type_table2 .question{display:flex;align-items:center;padding:20px 15px;cursor:pointer;background:#fff;transition:all 0.3s ease-in-out;}
.board_type_table2 .question:hover{background:#f8f8f8;}
.board_type_table2 .q_num{width:60px;text-align:center;color:#222;font-size:16px;font-weight:700;}
.board_type_table2 .q_title{flex:1;color:#222;font-size:16px;font-weight:700;}
.board_type_table2 .q_icon{width:20px;text-align:center;}
.board_type_table2 .q_icon i{transition:transform 0.3s ease-in-out;display:inline-block;}
.board_type_table2 .answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;background:#f8f8f8;}
.board_type_table2 .answer.active{max-height:500px;}
.board_type_table2 .answer_content{padding:30px 35px;font-size:15px;line-height:1.6;color:#666;}
.board_type_table2 .faq_item.active .q_icon i{transform:rotate(180deg);}



/* 영상갤러리 */
.board_type7{display:flex;flex-wrap:wrap;gap:25px;}
.board_type7_box{width:100%;display:flex;flex-wrap:wrap;gap:25px;}
.board_type7_box .gall_li{flex:0 0 calc(25% - 20px);margin-bottom:30px;transition:all 0.3s;}
.board_type7_box .gall_box{width:100%;background:#fff;overflow:hidden;border:1px solid #f0f0f0;transition:all 0.3s ease;}
.board_type7_box .gall_box:hover{border-color:#ddd;}
.board_type7_box .gall_chk{display:none;}
.board_type7_box .bs_img{position:relative;width:100%;height:200px;overflow:hidden;}
.board_type7_box .bs_img img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%);transition:transform 0.3s ease;}
.board_type7_box .bs_img:hover img{transform:translate(-50%, -50%) scale(1.05);}
.board_type7_box .gall_text_href{padding:20px;}
.board_type7_box .gall_text_href a{font-size:18px;color:#222;flex:1;margin-right:15px;line-height:1.4;max-height:48px;overflow:hidden;padding-bottom:4px}

.board_type7_box .gall_text_href .date{font-size:13px;color:#999;}
.board_type7_box .gall_text_href .title_icon{margin-left:5px;vertical-align:middle;}

/* no_image 스타일 개선 */
.no_image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;}
.no_image img{max-width:80%;max-height:80%;object-fit:contain;}

.no_image2{display:flex;align-items:center;justify-content:center;background:#f8f8f8;}
.no_image2 img{max-width:100%;max-height:100%;object-fit:contain;}


/* 게시판 전체 건수 */
.board_total_count{width:100%;position:relative}
.board_total_count p{position:absolute;top:0;left:0}
.board_total_count p span.current{font-weight:500;color:#676767;}

/* 1:1문의 */
.privacy_wrap{max-width:1000px;margin:0 auto;padding:20px 0}
.privacy_header h1{font-size:24px;color:#222;margin-bottom:30px;}
.privacy_content{margin-bottom:40px}
.privacy_content h2{display:none}
.privacy_text{color:#666;line-height:1.6;margin-bottom:12px}
.privacy_details{background:#f8f8f8;padding:20px;margin:20px 0}
.privacy_details p{margin:10px 0}
.privacy_details strong{color:#222;margin-right:10px}
.privacy_agree{text-align:right;margin:20px 0}
.privacy_agree input[type="checkbox"]{margin-right:8px}
.privacy_wrap .form_container{margin-top:40px}
.privacy_wrap .form_header h2{font-size:20px;color:#222;margin-bottom:20px}
.privacy_wrap .form_row{margin-bottom:20px}
.privacy_wrap .form_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.privacy_wrap .form_item label{display:block;margin-bottom:8px;color:#222}
.privacy_wrap .required{color:#ff3b30;margin-left:4px}
.privacy_wrap input[type="text"],.privacy_wrap input[type="password"], .privacy_wrap input[type="email"], .privacy_wrap input[type="tel"],.privacy_wrap select,.privacy_wrap textarea{width:100%;padding:12px;border:1px solid #ddd;font-size:15px}
textarea{height:200px;resize:vertical}
.privacy_wrap .form_buttons{display:flex;justify-content:center;gap:10px;margin-top:40px}
.privacy_wrap .btn_cancel,.privacy_wrap .btn_submit{padding:16px 60px;font-size:15px;cursor:pointer}
.privacy_wrap .btn_cancel{background:#EAEAEA;color:#666}
.privacy_wrap .btn_submit{background:#222;color:#fff;border-radius:0;}

.title_icon{vertical-align:middle;margin-left:5px}
/**************************** responsive ****************************/

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

/******* mobile ******/
/* 게시판 공통 적용 */
#bo_v{max-width:100%;padding:30px 20px 0px 20px}
#bo_v_top{max-width:100%;padding:0 20px 30px 20px}
#bo_v_top ul{display:flex;float:none;margin-bottom:4px}
#bo_btn_top{padding:0 20px}
#bo_w{padding:0 20px}

.btn_bo_user{gap:4px}
.btn_bo_user li{margin-left:0}

/* sub contents */
.sub_contents_wrap{padding:0 20px}

/* sub_visual */
.sub_visual{height:180px}
.sub_top h2{font-size:28px}
.sub_common_title{font-size:30px;padding:45px 0}
.sub_contents{min-height:auto}

/* weblocation */
.location_box{height:auto;width:100%}
.location_box .location{flex-direction:column;width:100%}
.location_box .location > li{width:100%;}
.location_box .location > li.home{display:none}
.location_box .location_list{width:100%;top:45px}
.location_box .depth_box2{top:46px}
.location_box .location > li:first-child a{display:none}
.location_box .location > li > a.location_list_a{display:none}
.location_box .location > li > a.depth_box2_a{display:block}

/* CEO인사말 */
.greeting{flex-direction:column;}
.greeting .greet_img{max-width:100%;}
.greeting .greet_txt{width:100%;padding:30px 0}
.greeting .greet_txt h3{font-size:28px;line-height:38px;padding-bottom:20px}
.greeting .greet_txt .greet_p{font-size:15px;line-height:25px}
.greeting .greet_txt .greet_sign strong{font-size:20px}

/* CEO인사말2 */
.greeting_top{min-height:auto;padding:20px;justify-content:center;align-items:flex-start;flex-direction:column}
.director_txt{width:100%;max-width:none;padding:25px 20px;margin-bottom:20px}
.director_entxt{font-size:16px;margin-bottom:10px}
.director_tit{font-size:20px;line-height:1.4}
.director_tit br{display:none}
.director_cont{padding:20px}
.director_cont b{font-size:24px;line-height:34px}    

/* 회사연혁 */         
.company_history .history_title{font-size:24px;line-height:34px;margin-bottom:12px}
.company_history .year_box{flex-direction:column;justify-content:space-around;}
.company_history .year_box h4{width:100%;font-size:24px;}
.company_history .year_box ul{width:100%}
.company_history .year_box .img{width:100%}
.company_history .year_box ul li span.cont{font-size:15px}

/* 회사연혁2 지그재그 스타일 */
.company_history2{padding:0}
.company_history2:before{display:none}
.company_history2 .year{position:static;transform:none;}
.company_history2 .year_box{margin-bottom:50px;padding-left:0;display:flex;flex-direction:column;align-items:center;}
.company_history2 .year_box ul{width:100%;padding:15px;margin:0!important}
.company_history2 .year_box:nth-child(odd) ul,.company_history2 .year_box:nth-child(even) ul{padding-left:15px;margin:0;text-align:left}
.company_history2 .year_box .date,.company_history2 .year_box:nth-child(odd) .date{float:none;text-align:left;margin-bottom:5px;font-size:16px}
.company_history2 .year_box .cont,.company_history2 .year_box:nth-child(odd) .cont{text-align:left;font-size:15px;line-height:1.5}
.company_history2 .year_box .img{position:relative;width:100%;height:180px;margin-top:15px;top:auto;right:auto;left:auto}
.company_history2 .year_box:nth-child(even),.company_history2 .year_box:nth-child(odd){transform:none}
.company_history2 .history_title{font-size:24px;margin-bottom:40px}

/* 조직도 */
.organization .org_list li{width:100%}
.organization::before{display:none}
.organization::after{top:5%}
.organization .org_list{margin-top:24px}
.organization .org_list li .org_depth1{font-size:16px;height:45px;line-height:45px}
.organization .org_list li .org_depth1:after{display:none}
.organization .head_org {width:120px;height:120px}
.organization .head_org span{line-height:120px;font-size:20px}

/* 인증서 */
.certificate_list{padding:0;max-width:100%}
.certificate_list ul{grid-template-columns:repeat(2,1fr);gap:10px}
.certificate_list .img_wrap{padding-bottom:0;box-shadow:none}

/* 비전 및 목표 */
.vision_wrap h2{font-size:24px}
.vision_wrap .vision_title{flex-direction:column;align-items:center;}
.vision_wrap .vision_box{display:block;}
.vision_wrap .vision_box li{width:100%;height:auto;padding:20px 0;margin-bottom:10px}
.vision_box_detail li{width:100%}
.vision_box_detail li .text h3{width:100%;padding-bottom:10px}
.vision_box_detail li .text p{width:100%}
.vision_box_detail li .text{display:block}
.vision_wrap .vision_title dt{height:50px;line-height:50px;font-size:16px;width:120px}
.vision_wrap .vision_title dd{width:100%;line-height:30px;height:55px;font-size:16px;justify-content:center;display:flex;align-items:center;}

/* 비전 및 목표2 */
.vision_wrap2 .vision_tit{font-size:24px;padding:30px 12px 25px 12px}
.vision_wrap2 .vision_txt p{font-size:23px}
.bs_value ul{flex-wrap:wrap}
.bs_value ul li{width:50%;padding-bottom:20px}
.bs_value ul li:nth-of-type(2){border-right:none}
.bs_value span{font-size:24px}

.strategy_title{width:100%;height:100%;border-radius:8px;padding:20px 0;flex-wrap:wrap}
.strategy li{flex-wrap:wrap}
.strategy_title span.num{position:static}
.strategy_text{width:100%;padding-left:0}
.strategy_title p{font-size:23px;padding:0 5px;}
.strategy_title span.num{width:30px;height:30px;line-height:30px;font-size:14px}
.strategy_text ul{border-radius:8px;padding:0 30px;align-items:center}

/* 오시는길 */
.location_infobox{min-width:auto;display:block;padding:15px 20px}
.location_infobox a.btn_quick_locate{width:100%;height:50px;margin-top:10px;font-size:16px}
.location_infobox p{font-size:15px;line-height:25px}

/* 사업영역 */
.area_business .business_top h4{font-size:28px}
.area_business2 .top_title h3{font-size:24px}
.area_bussiness2_ul li h4{font-size:24px}
.business_list_wrap{display:block}
.business_list_wrap .business_photo{width:100%;margin-right:0}
.business_list_wrap .business_photo img{width:100%}
.business_list_wrap .business_txt h4{font-size:24px}
.business_list_wrap .business_txt p.category{padding-bottom:0}

/* 사업영역2 */
.area_business2 .top_img{height:auto}
.area_bussiness2_ul{flex-wrap:wrap;margin:40px 0}
.area_bussiness2_ul li{padding:0 0 40px 0;}
.area_bussiness2_ul li::before{display:none}
.area_bussiness2_ul li p{width:100%}
.business_box_ul ul{flex-wrap:wrap}
.business_box_ul ul li{padding-right:0;width:50%}
.business_box_ul li p.txt{font-size:18px;top:40px}

/* 추가콘텐츠 */
.area_bussiness3{flex-direction:column;align-items:center;}
.area_bussiness3 .bs_img{width:100%;margin-bottom:20px;}
.area_bussiness3 .bs_img img{width:100%;height:auto;}
.area_bussiness3 .bs_txt{padding-left:0;text-align:center;}
.area_bussiness3 .bs_txt h3{font-size:24px;line-height:34px;padding-bottom:20px}
.area_bussiness3 .bs_txt h3::before{left:50%;transform:translateX(-50%)}
.area_bussiness3 .bs_txt p.category{font-size:14px}
.area_bussiness3 .bs_txt p.cont{width:100%;font-size:14px}
.area_bussiness3:nth-child(2n){flex-direction:column;}

/* 공지사항 */
.board_type_table1 .td_count,.board_type_table1  .td_name,.board_type_table1  .td_num{display:none}
.board_type_table1 .td_date{width:auto; font-size: 14px;white-space: nowrap;}

/* 일반형게시판 */
.board_type1{flex-direction:column}

/* 웹진형 게시판 */
.board_type2_box{flex-direction:column;padding:20px;}
.board_type2_box .bs_img{width:100%;margin:0 0 20px 0;}
.board_type2_box .bs_txt{width:100%;text-align:center;}
.board_type2_box .bs_txt h3::after{left:50%;transform:translateX(-50%)}

/* 제품형 게시판 */
.board_type4{flex-direction:column;gap:0;}
.board_type4_box{width:100%;margin-bottom:40px;}

/* 유튜브 게시판 */
.board_type5_box{width:100%}


/* 영상갤러리 */
.board_type7_box{width:100%;}
.board_type7_box .gall_li{width:100%;flex:auto !Important;margin-bottom:20px;}
.board_type7_box .gall_box{margin-bottom:0;}
.board_type7_box .bs_img{height:240px;}
.board_type7_box .gall_text_href{padding:15px;}
.board_type7_box .gall_text_href a{font-size:16px;}
.board_type7_box .gall_text_href .date{font-size:12px;}

/* 1:1문의 */
.privacy_wrap .form_grid{grid-template-columns:1fr;gap:15px}

/* 자주하는질문 */
.board_type_table2 .question{padding:15px;}
.board_type_table2 .q_num{width:50px;font-size:14px;}
.board_type_table2 .q_title{font-size:14px;}
.board_type_table2 .answer_content{padding:20px 15px;font-size:14px;}

}

/****** tablet ******/
@media screen and (min-width:691px) and (max-width:899px){

/* 게시판 공통 적용 */
#bo_v{max-width:100%;padding:30px 20px 0px 20px}
#bo_v_top{max-width:100%;padding:0 20px 30px 20px}
#bo_v_top ul{display:flex}
#bo_btn_top{padding:0 20px}
#bo_w{padding:0 20px}

.btn_bo_user{gap:4px}
.btn_bo_user li{margin-left:0}

/* sub contents */
.sub_contents_wrap{padding:0 20px}

 /* CEO인사말 */
.greeting{flex-direction:column;align-items:center;}
.greeting .greet_img{max-width:60%}
.greeting .greet_txt{width:100%;padding:30px 0}
.greeting .greet_txt h3{font-size:28px;line-height:38px;padding-bottom:20px}
.greeting .greet_txt .greet_p{font-size:15px;line-height:25px}
.greeting .greet_txt .greet_sign strong{font-size:20px}

/* ceo인사말2 */
.greeting_top{min-height:280px;padding:30px;justify-content:center;align-items:center}
.director_txt{width:100%;max-width:500px;padding:30px 40px;margin:0}
.director_entxt{font-size:18px;margin-bottom:15px}
.director_tit{font-size:22px;line-height:1.4}
.director_tit br{display:none}
.director_cont{padding:30px 40px}

/* 회사연혁 */         
.company_history .year_box{flex-direction:column;justify-content:space-around;}
.company_history .year_box h4{width:100%;font-size:27px;}
.company_history .year_box ul{width:100%}
.company_history .year_box .img{width:100%}

/* 회사연혁2 지그재그 스타일 */
.company_history2{padding:0}
.company_history2:before{display:none}
.company_history2 .year{position:static;transform:none;}
.company_history2 .year_box{margin-bottom:50px;padding-left:0;display:flex;flex-direction:column;align-items:center;}
.company_history2 .year_box ul{width:100%;padding:15px;margin:0!important}
.company_history2 .year_box:nth-child(odd) ul,.company_history2 .year_box:nth-child(even) ul{padding-left:15px;margin:0;text-align:left}
.company_history2 .year_box .date,.company_history2 .year_box:nth-child(odd) .date{float:none;display:inline-block;text-align:left;margin-bottom:5px;font-size:16px}
.company_history2 .year_box .cont,.company_history2 .year_box:nth-child(odd) .cont{text-align:left;font-size:15px;line-height:1.5}
.company_history2 .year_box .img{position:relative;width:100%;height:180px;margin-top:15px;top:auto;right:auto;left:auto}
.company_history2 .year_box:nth-child(even),.company_history2 .year_box:nth-child(odd){transform:none}
.company_history2 .history_title{font-size:24px;margin-bottom:40px}

/* 조직도 */
.organization .org_list li{width:100%}
.organization::before{display:none}
.organization::after{top:7%}
.organization .org_list{margin-top:50px}
.organization .org_list li .org_depth1:after{display:none}

/* 인증서 */
.certificate_list ul{grid-template-columns:repeat(2,1fr);gap:30px}
.certificate_list .img_wrap{padding-bottom:0;box-shadow:none}

/* 비전 및 목표 */
.vision_box_detail li{width:100%}
.vision_box_detail li .text{display:block}
.vision_box_detail li .text h3{width:100%;padding-bottom:10px}

/* 비전 및 목표2 */


/* 사업영역 */
.area_business .business_top h4{font-size:30px}
.business_list_wrap{display:block}
.business_list_wrap .business_photo{width:100%;margin-right:0}
.business_list_wrap .business_photo img{width:100%}

/* 사업영역2 */
.area_bussiness2_ul{flex-wrap:wrap;margin:70px 0}
.area_bussiness2_ul li{padding:0 0 40px 0;}
.area_bussiness2_ul li::before{display:none}
.area_bussiness2_ul li p{width:100%}
.business_box_ul ul{flex-wrap:wrap}
.business_box_ul ul li{padding-right:0;width:50%}

/* 추가콘텐츠 */
.area_bussiness3{flex-direction:column;align-items:center;}
.area_bussiness3 .bs_img{width:100%;margin-bottom:20px;}
.area_bussiness3 .bs_img img{width:100%;height:auto;}
.area_bussiness3 .bs_txt{padding-left:0;text-align:center;}
.area_bussiness3 .bs_txt h3{font-size:24px;line-height:34px;padding-bottom:20px}
.area_bussiness3 .bs_txt h3::before{left:50%;transform:translateX(-50%)}
.area_bussiness3 .bs_txt p.category{font-size:14px}
.area_bussiness3 .bs_txt p.cont{width:100%;font-size:14px}
.area_bussiness3:nth-child(2n){flex-direction:column;}

/* 일반형게시판 */
.board_type1_box{flex:0 0 calc(50% - 12.5px);margin-bottom:25px;}

/* 웹진형 게시판 */
.board_type2_box{flex-direction:column;padding:20px;}
.board_type2_box .bs_img{width:100%;margin:0 0 20px 0;}
.board_type2_box .bs_txt{width:100%;text-align:center;}
.board_type2_box .bs_txt h3::after{left:50%;transform:translateX(-50%)}

/* 제품형 게시판 */
.board_type4_box{flex:0 0 calc(50% - 12.5px);}

/* 유튜브 게시판 */
.board_type5_box{flex:0 0 calc(50% - 12.5px);}
.board_type5_box .bs_txt{display:block}


/* 영상갤러리 */
.board_type7_box{width:100%;}
.board_type7_box .gall_li{flex:0 0 calc(50% - 12.5px);margin-bottom:25px;}
.board_type7_box .gall_box{margin-bottom:0;}
.board_type7_box .bs_img{height:220px;}
.board_type7_box .gall_text_href{padding:18px;}
.board_type7_box .gall_text_href a{font-size:15px;}
.board_type7_box .gall_text_href .date{font-size:12px;}
}

/****** desktop ******/
@media screen and (min-width:899px) and (max-width:1200px){   

/* 게시판 공통 적용 */
#bo_v{max-width:100%;padding:30px 20px 0px 20px}
#bo_v_top{max-width:100%;padding:0 20px 30px 20px}
#bo_v_top ul{display:flex}
#bo_w{padding:0 20px}
.btn_bo_user{gap:4px}
.btn_bo_user li{margin-left:0}


.sub_contents_wrap{padding:0 24px}

/* CEO인사말 */
.greeting .greet_img{max-width:420px;}
.greeting .greet_txt{width:calc(100% - 420px);padding:0 0 0 40px}
.greeting .greet_txt h3{padding-bottom:20px}
.greeting .greet_txt h3 br{display:none}

/* 회사연혁 */
.company_history .year_box{justify-content:space-around;}
.company_history .year_box ul{width:calc(100% - 580px)}

/* 조직도 */
.organization .org_list li p{line-height:20px;padding:8px 3px;max-height:110px;font-size:14px}

/* 유튜브 게시판 */
.board_type5_box .bs_txt{display:block}
.board_type5_box .bs_txt h3{margin-bottom:12px}


/* 영상갤러리 */
.board_type7_box .gall_li{flex:0 0 calc(33.333% - 17px);}
.board_type7_box .bs_img{height:180px;}
.board_type7_box .gall_text_href{padding:16px;}
.board_type7_box .gall_text_href a{font-size:14px;}
.board_type7_box .gall_text_href .date{font-size:11px;}

/* 인증서 */
.certificate_list .img_wrap{padding-bottom:0;box-shadow:none}
}