#b_header{background-color: #fff; transition: background-color .4s;}
#b_header .b_logo .logo_w{display: none;}
#b_header .b_logo .logo_b{display: block;}
#b_header #b_gnb > li > a{color:#111;}
#b_header .b_util_box .b_btn_box {border-left: 1px solid rgba(217,217,217,.3);}
#b_header .b_util_box .b_btn_box img{filter: invert(1);}
#b_header .b_util_box span{color:#222222;}
/*#b_header .b_util_box .b_btn_box:hover img{filter: unset;}*/
/*#b_header .b_util_box .b_btn_box:hover span{color:#fff;}*/
#b_header .b_toggle_btn span{background-color: #444;}


/* ¼­ºêºñÁÖ¾ó °øÅë */
.b_sv_box{padding-top:130px; border-bottom:1px solid #d9d9d9; }
.b_sv_box .b_inner{max-width:1520px; }
.b_sv_box .b_now_box{display:flex; align-items:center; column-gap:10px; margin-bottom:20px; color:#666666; }
.b_sv_box .b_now_box i{width:4px; height:4px; border-radius:50%; background-color:#ddd; display:block; }
.b_sv_box .b_now_box a{display:block; }
.b_sv_box .b_now_box .menu_tit{text-transform:uppercase; }
.b_sv_box .b_tit_txt{line-height:1; text-transform:uppercase; }
.b_sv_box nav{margin-top:30px; }
.b_sv_box #b_gnb > li{display:none; }
.b_sv_box #b_gnb > li > a{display:none; }
.b_sv_box #b_gnb > li.on{display:block; }
.b_sv_box #b_gnb .b_sub_list{display:flex; align-items:center; }
.b_sv_box #b_gnb .b_sub_list li {position:relative; }
.b_sv_box #b_gnb .b_sub_list li:after {content:''; width:1px; height:16px; background-color:#dddddd; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.b_sv_box #b_gnb .b_sub_list li:last-child:after{display:none;}
.b_sv_box #b_gnb .b_sub_list li a{display:block; padding:20px 30px; color:#888888;font-size: 1.125rem;
    font-weight: 400; }
.b_sv_box #b_gnb .b_sub_list li.on a{border-bottom:4px solid #255a4b; color:#222222; font-weight:500; }

/* ¼­ºêºñÁÖ¾ó - Á¦Ç°ÆäÀÌÁö */
.b_sv_box.b_pdt_sv{padding: 120px 0 75px; border-bottom:0;}
.b_sv_box.b_pdt_sv .b_inner{max-width: 1820px;}



@media screen and (max-width: 1080px){
    #b_header .b_util_box .b_btn_box {border-left:0;}
    #b_header .b_util_box .b_btn_box:hover img{filter: invert(1);}

		.b_sv_box {padding-top: 150px;}
		.b_sv_box #b_gnb .b_sub_list li a{padding: 15px 20px;}
		.b_sv_box #b_gnb .b_sub_list li.on a {border-bottom: 2px solid #255a4b;}
}
@media screen and (max-width: 720px){ 
	.b_sv_box{padding-top:110px;}
	.b_sv_box nav {margin-top: 30px;}
	.b_sv_box nav #b_gnb{width: 100%; overflow-x: scroll;}
	.b_sv_box nav #b_gnb::-webkit-scrollbar {height: 1px; opacity:0; }
	.b_sv_box nav #b_gnb::-webkit-scrollbar-thumb {background: #fff; }
	.b_sv_box nav #b_gnb::-webkit-scrollbar-track {background: #fff; }


	.b_sv_box .b_now_box{column-gap:7px; margin-bottom: 10px;}
	.b_sv_box .b_now_box img{width:10px; }
	.b_sv_box .b_now_box i{width:2px; height:2px; }
	.b_sv_box #b_gnb .b_sub_list li a{padding: 10px 6px;}
	.b_sv_box #b_gnb .b_sub_list li:after{display:none;}
	.b_sv_box #b_gnb .b_sub_list li.on a{border-bottom: 1px solid #255a4b;}
	.b_sv_box .b_tit_txt{font-size:28px;}

	.b_sv_box.b_pdt_sv{padding: 95px 0 50px;}
}

/*¼­ºê °øÅë*/
.b_board_sec{padding-bottom: 200px;}
.b_board_sec .b_inner{max-width:1520px; }
.b_sub_sec{padding: 150px 0;}
.b_sub_sec .b_inner{max-width:1520px; }


@media screen and (max-width: 1080px){ 
	.b_board_sec{padding-bottom: 150px;}
	.b_sub_sec{padding: 100px 0;}
}
@media screen and (max-width: 720px){ 
	.b_board_sec{padding-bottom: 100px;} 
	.b_sub_sec{padding: 50px 0;}
}




/* Á¦Ç° ¸®½ºÆ® */
.pdt_list_page {overflow:hidden; }
.pdt_list_page .b_inner{max-width: 1820px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin:auto!important}
.pdt_list_page .b_left_box{width: 22%;}
.pdt_list_page .b_right_box{width: 71.5%;}
.pdt_list_page .b_left_box .b_srh_box{width: 100%; height: 55px; border: 1px solid #d9d9d9; display: flex; align-items: center; }
.pdt_list_page .b_left_box .b_select_box{width: 160px; position: relative; height: 100%;}
.pdt_list_page .b_left_box .b_select_box .b_top_box{position: relative; padding: 0 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100%; cursor: pointer;}
.pdt_list_page .b_left_box .b_select_box .b_top_box::after{content:''; width:1px; height:32px; background-color: #d9d9d9; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.pdt_list_page .b_left_box .b_select_box .b_select_list{position: absolute; left: 0; top: 60px; width: 100%; background-color: #fff; border: 1px solid #d9d9d9; padding: 25px 15px; display: none; z-index: 5;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li{color: #666666; margin-bottom: 20px;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li:last-child{margin-bottom: 0;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li label{display: flex; align-items: center;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li input{appearance: none; width: 16px; height: 16px; background-color: #fff; border: 1px solid #999999; margin-right: 10px; position: relative;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li input::after{content:''; width: 100%; height: 100%; background: url(/img/icon/srh_chk.png) no-repeat center / 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.pdt_list_page .b_left_box .b_select_box .b_select_list li input:checked{background-color: #666666; }
.pdt_list_page .b_left_box .b_select_box .b_select_list li input:checked::after{opacity: 1;}
.pdt_list_page .b_left_box .b_input_box{width: calc(100% - 210px); height: 100%;}
.pdt_list_page .b_left_box .b_input_box input{width: 100%; height: 100%; border: 0; outline:0; padding: 0 10px;}
.pdt_list_page .b_left_box .b_input_box input::placeholder{color: #999;}
.pdt_list_page .b_left_box .b_input_box input:focus{border:none !important; box-shadow:none !important; }
.pdt_list_page .b_left_box .b_btn_box{width: 50px; margin: 0;}
.pdt_list_page .b_left_box .b_srh_btn{width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #255a4b; }
.pdt_list_page .b_left_box .b_srh_btn img{width: 19px;}
.pdt_list_page .b_left_box .b_pdt_cate{margin: 60px 0 50px; width: 100%; display: flex; align-items: center; }
.pdt_list_page .b_left_box .b_pdt_cate li{width: 50%; }
.pdt_list_page .b_left_box .b_pdt_cate li a{width: 100%; display: flex; align-items: center; justify-content: center; height: 60px; background-color: #255a4b; border-radius: 5px; color: #fff;}
.pdt_list_page .b_left_box .b_pdt_cate li.on a{background-color: #255a4b; color: #fff;}
.pdt_list_page .b_left_box .b_list_box > li{border-bottom: 1px solid #d9d9d9;}
.pdt_list_page .b_left_box .b_list_box > li > a{display: flex; align-items: center; padding: 25px 0; color: #666666; position: relative;}
.pdt_list_page .b_left_box .b_list_box > li.on > a{color: #255a4b; }
/*.pdt_list_page .b_left_box .b_list_box > li > a:after{content:''; width: 14px; height: 14px; background: url(/img/icon/cate_plus.png) no-repeat center / 100%; position:absolute; right: 20px; top: 50%; transform: translateY(-50%);}*/
/*/pdt_list_page .b_left_box .b_list_box > li.on > a:after{background: url(/img/icon/cate_minus.png) no-repeat center / 100%;}*/
.pdt_list_page .b_left_box .b_list_box .b_sub_cate{border-top: 1px solid #d9d9d9; background-color: #fafafa; padding: 25px; display: none;}
.pdt_list_page .b_left_box .b_list_box .b_sub_cate li{margin-bottom: 20px;}
.pdt_list_page .b_left_box .b_list_box .b_sub_cate li:last-child{margin-bottom: 0px;}
.pdt_list_page .b_left_box .b_list_box .b_sub_cate li.on span{color: #255a4b; font-weight: 700;}
/*.pdt_list_page .b_left_box .b_list_box > li.on .b_sub_cate{display: block;}*/
/*.pdt_list_page .b_left_box .b_list_box > li .b_sub_cate.on{display: block;}*/

.pdt_list_page .b_right_box .b_cate_list{display: flex; align-items: center; height: 55px; border:1px solid #d9d9d9; }
.pdt_list_page .b_right_box .b_cate_list li{padding: 0 40px; position: relative; color: #666666;}
.pdt_list_page .b_right_box .b_cate_list li::after{content: ''; width: 1px; height: 26px; background-color: #eeeeee ; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.pdt_list_page .b_right_box .b_cate_list li.on a span{font-weight: 700; color: #255a4b;}
/*.pdt_list_page .b_right_box .b_pdt_list{margin-top: 30px;}*/
.pdt_list_page .b_right_box .b_util_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.pdt_list_page .b_right_box .b_util_box .b_now_box{display: flex; align-items: center; color: #888888; column-gap: 12px;}
.pdt_list_page .b_right_box .b_util_box .b_now_box .b_now{color: #666666;}
.pdt_list_page .b_right_box .b_util_box .b_total_box{color:#888888;}
.pdt_list_page .b_right_box .b_util_box .b_total_box b{color:#255a4b;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; column-gap: 20px; row-gap: 100px; margin:0; }
.pdt_list_page .b_right_box .b_pdt_list .b_list_box li{width: calc((100% - 60px) / 4) !important; position: relative; padding: 0; float: unset; margin-bottom: 0;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box li .sct_basic{display:none; }

.pdt_list_page .b_right_box .b_pdt_list .b_list_box li > a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_img_box {aspect-ratio: 1/1; margin: 0;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_img_box img{display: block; width: 100%; height: 100%; object-fit: cover;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_txt_box{margin:0; margin-top: 15px; padding: 0; border-bottom: 0;}
.pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_txt_box .b_cate{margin-bottom: 5px; display: block; color:#255a4b;}
.pdt_list_page .b_right_box .b_mo_cate_list{display: none;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_box{width: 50%; position: relative; background-color: #f9f9f9;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_top_box{padding: 0 20px; height: 50px; display: flex; align-items: center; justify-content: space-between; position: relative; cursor: pointer;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_top_box::after{content: ''; width: 1px; height: 70%; transform: translateY(-50%); position: absolute; right: 0; top: 50%; background-color: #d9d9d9;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_box03 .b_top_box::after{display:none}
.pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list{position: absolute; left: 0; top: 55px; z-index: 5; border: 1px solid #eeeeee; background-color: #fff; width: 100%; display: none;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list li{border-bottom: 1px solid #d9d9d9;}
.pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list li a{display: block; padding:15px }
.pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list li.on a{background-color: rgba(238,238,238,.3); }
.pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list li.on a span{color: #255a4b; font-weight: 700; }


.pdt_list_page #sct_hhtml{display:none;}
.pdt_list_page #sct_ct_1{display:none;}
.pdt_list_page #sct_sortlst{display:none;}



.b_list_box > li > a {position: relative; display: flex; align-items: center; padding: 25px 0; color: #666666;}
.b_list_box > li > a .icon {position: relative; width: 14px; height: 14px; margin-left: auto; margin-right: 15px;}
.b_list_box > li > a .icon::before, .b_list_box > li > a .icon::after {content: ''; position: absolute; background-color: #666; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease;}
.b_list_box > li > a .icon::before {width: 14px; height: 2px;}
.b_list_box > li > a .icon::after {width: 2px; height: 14px;}
.b_list_box > li.on > a .icon::after {transform: translate(-50%, -50%) rotate(90deg); opacity: 0;}
.b_sub_cate {display: none; border-top: 1px solid #d9d9d9; background-color: #fafafa; padding: 25px;}
.b_sub_cate li {margin-bottom: 20px;}
.b_sub_cate li:last-child {margin-bottom: 0;}


@media screen and (max-width: 1520px){
    .pdt_list_page .b_left_box {width: 26%;}
    .pdt_list_page .b_left_box .b_select_box{width: 140px;}
    .pdt_list_page .b_left_box .b_input_box{width: calc(100% - 185px);}
    .pdt_list_page .b_left_box .b_btn_box {width: 45px;}
}
@media screen and (max-width: 1280px){
    .pdt_list_page .b_left_box {width: 100%;}
    .pdt_list_page .b_right_box {width: 100%;}
    .pdt_list_page .b_left_box .b_pdt_cate {margin: 35px 0 50px;}
    .pdt_list_page .b_left_box .b_cate_box{display: none;}
    .pdt_list_page .b_right_box .b_cate_list{display: none;}
    .pdt_list_page .b_right_box .b_mo_cate_list{display: flex; align-items: center; }

}
@media screen and (max-width: 1080px){
    .pdt_list_page .b_right_box .b_pdt_list .b_list_box li{width: calc((100% - 40px) / 3) !important;}
}


@media screen and (max-width: 720px){
    .pdt_list_page .b_left_box .b_srh_box{height: 40px;}
    .pdt_list_page .b_left_box .b_select_box{width: 100px;}
		.pdt_list_page .b_left_box .b_select_box .b_select_list{top: 45px; padding: 10px 8px;}
		.pdt_list_page .b_left_box .b_select_box .b_select_list li{margin-bottom: 10px;}
		.pdt_list_page .b_left_box .b_select_box .b_select_list li input{width: 12px; height: 12px; margin-right: 5px; margin-top: 1px;}
		.pdt_list_page .b_left_box .b_select_box .b_select_list li label{align-items: flex-start;}
    .pdt_list_page .b_left_box .b_input_box{width: calc(100% - 135px);}
    .pdt_list_page .b_left_box .b_btn_box {width: 35px;}
    .pdt_list_page .b_left_box .b_srh_btn{width: 25px; height: 25px;}
    .pdt_list_page .b_left_box .b_srh_btn img {width: 13px;}
    .pdt_list_page .b_left_box .b_select_box .b_top_box{padding: 0 8px;}
    .pdt_list_page .b_left_box .b_select_box .b_top_box span{font-size: 11px;}
    .pdt_list_page .b_left_box .b_select_box .b_top_box img{width: 8px;}
    .pdt_list_page .b_left_box .b_pdt_cate {margin: 20px 0 25px; padding-bottom: 25px; position: relative;}
    .pdt_list_page .b_left_box .b_pdt_cate::after{content:''; width: 200%; height: 1px; background-color: #eeeeee; left: 50%; bottom: 0; transform: translateX(-50%); position: absolute;}
    .pdt_list_page .b_left_box .b_pdt_cate li a{height: 35px; border-radius: 2.5px;}
    .pdt_list_page .b_right_box .b_mo_cate_list .b_top_box{height: 35px; padding: 0 10px;}
    .pdt_list_page .b_right_box .b_mo_cate_list .b_top_box img{width: 7px;}
    .pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list{top: 43px;}
    .pdt_list_page .b_right_box .b_mo_cate_list .b_bot_list li a{padding: 10px;}
    .pdt_list_page .b_right_box .b_util_box .b_now_box{column-gap: 7px;}
    .pdt_list_page .b_right_box .b_util_box .b_now_box img{width: 4px;}
    .pdt_list_page .b_right_box .b_pdt_list {margin-top: 40px;}
    .pdt_list_page .b_right_box .b_pdt_list .b_list_box{column-gap: 10px; row-gap: 30px;}
    .pdt_list_page .b_right_box .b_pdt_list .b_list_box li{width: calc((100% - 10px) / 2) !important;}
    .pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_txt_box .b_cate{font-size: 9px;}
    .pdt_list_page .b_right_box .b_pdt_list .b_list_box .b_txt_box .b_subject{font-size: 9px;}
}







/*-- board °øÅë button --*/
#bo_btn_top{margin:0; }
.b_board_sec .b_btn_box{display:flex; justify-content:space-between; align-items:center; margin-top: 30px;}
.b_board_sec .b_btn_box > div{display:flex; align-items:center;}
.b_board_sec .b_btn_box .b_btn_wrap{margin-left:5px;}
.b_board_sec .b_btn_box .b_btn_wrap:first-child{margin-left:0px;}
.b_board_sec .b_btn_box .b_btn{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; padding:7px 12px; border-radius:5px; color:#999;}
.b_board_sec .b_btn_box .b_btn #chkall{margin-right:3px; }
.b_board_sec .b_btn_box .b_write_btn{border:1px solid #255a4b; color:#255a4b; transition:.2s; }
.b_board_sec .b_btn_box .b_write_btn:hover{background-color:#255a4b; color:#fff; transition:.2s; }

/*-- board °øÅë ¸®½ºÆ® ÆäÀÌÁö --*/
.b_list_page .bo_list_head ul {border-top: 2px solid #111; border-bottom: 1px solid #ddd;}
.b_list_page .bo_list_head ul li{background:unset; border-bottom:0; position:relative; }
.b_list_page .bo_list_head ul li span.s-check{position:absolute; left:20px; top:50%; transform:translateY(-50%); width:auto; }
.b_list_page .bo_list_head ul li span.s-day .fa{font-size:0.938rem; opacity:.3;}
.b_list_page .bo_list_head ul li span.s-view .fa{font-size:0.938rem; opacity:.3;}
.b_list_page .bo_list ul li{position:relative; }
.b_list_page .bo_list ul li span.s-check{position:absolute; left:20px; top:50%; transform:translateY(-50%); width:auto; }
.b_list_page .bo_list ul li:hover .bo_tit a {color: #888 !important;}
.b_list_page .bo_list ul li span.s-name span{text-align:left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.b_list_page .bo_list_head ul li span.s-name {width: 65%;}
.b_list_page .bo_list ul li span.s-name {width: 65%;}
.b_list_page .bo_list_head ul li span.s-day {width: 15%;}
.b_list_page .bo_list ul li span.s-day{width:15%; }

@media screen and (max-width:720px){ 
	.b_list_page .bo_list_head ul li{display:none;}
	.b_list_page .bo_list ul li span.s-check{left:0; }
	.b_list_page .bo_list ul li span.s-number, .b_ctt_list .bo_list_head ul li span.s-number{display:none;}
	.b_list_page .bo_list ul li span.s-name{width:100%; }
	.b_list_page .bo_list ul li span.s-name a{padding-left:10px; display: block;}
	.b_list_page .bo_list ul li span.s-day{margin-top:5px; width:auto; margin-left:10px;}

	.b_list_page .bo_list ul li span.s-view{display:none;}
	.b_list_page .bo_list ul li span.s-day{width:auto; }
}


/*-- board °øÅë ºäÆäÀÌÁö --*/
.b_view_page .b_tit_box{display:flex; justify-content:space-between; align-items:flex-end; border-bottom: 2px solid #111; padding-bottom:30px; margin-bottom:0; }
.b_view_page .b_tit_box h3{width:80%; text-align:left; }
.b_view_page .b_tit_box .b_date_txt{color:#999; width:20%; text-align:right;}
.b_view_page .b_inq_info{display:flex; flex-wrap:wrap; }
.b_view_page .b_inq_info li{width:25%; border-bottom:1px solid #ddd; display:flex; align-items:center; }
.b_view_page .b_inq_info .b_left_box{width:120px; padding:25px 15px; background-color:#f8f8fb; height: 100%;}
.b_view_page .b_inq_info .b_right_box{width:calc(100% - 120px); padding:25px 15px; }
.b_view_page .b_inq_info h3{font-weight:500; font-size:1.125rem; }
.b_view_page .b_inq_info p{font-weight:400; font-size:1.125rem;  }
.b_view_page .b_inq_info li.b_content_box{width:100%; }
.b_view_page #bo_v_con{margin:0; }

.b_view_page .b_cont_box{margin-top:50px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea;}
.b_view_page .b_add_ul li {display:flex; align-items:center; margin-bottom:10px; }
.b_view_page .b_add_ul li h4{width:70px; border-right:1px solid #eaeaea; margin-right:18px; font-weight:500;  }
.bo_v_link_cnt, .bo_v_file_cnt{display:none;}
.b_view_page .b_add_ul li .fa-link{display:none;}
.b_view_page .b_add_ul li a:hover strong{text-decoration:underline; }

@media screen and (max-width:1080px){ 
	.b_view_page .b_inq_info li{width:50%;}
}
@media screen and (max-width:720px){ 
	.b_view_page .b_tit_box{flex-direction: column-reverse; align-items: flex-start; justify-content:center; }
	.b_view_page .b_tit_box .b_date_txt{display:block; margin-bottom:10px; text-align: left;}
	.b_view_page .b_cont_box {margin-top: 30px;}
	.b_view_page .b_inq_info li{width:100%;}
	.b_view_page .b_inq_info .b_left_box{width:80px; padding:18px 10px; }
	.b_view_page .b_inq_info .b_right_box{width:calc(100% - 80px); padding:18px 10px; }
}





/*-- board °øÅë ±Û¾²±â ÆäÀÌÁö --*/
.b_write_page form{max-width:1000px; margin: 0 auto; width:100%; }
.b_write_page .b_w_table{width:100%; border-top: 2px solid #111;}
.b_write_page .b_w_table td{padding:20px 0; border-bottom: 1px solid #ddd;}
.b_write_page .b_w_table .b_td_tit{width:150px; text-align:center; }
#bo_w .frm_file{border:0; }
.b_write_page .b_w_table #wr_content{border-radius: 3px; border: 1px solid #ddd; padding:10px; resize:none;}
.b_write_page .b_w_table #wr_content:focus{outline:0;}
.b_write_btn.b_btn_box{justify-content: center;}
.b_write_btn.b_btn_box .b_btn{padding: 15px 30px;}

.b_write_btn.b_btn_box .b_submit_btn{background-color:#255a4b; color:#fff; cursor:pointer; }
#bo_w .bo_w_link label{height: 43px;}
.b_write_page .b_input_box{border-radius:3px; border: 1px solid #ddd; color: #555; padding: 10px;}
.b_write_page .b_input_box:focus{outline:0; }
#bo_w .cke_sc{display:none;}


/* »óÇ° »ó¼¼ */
#sit_ov_wrap{margin:0 auto; }
#sit_star_sns{display:none; }
.btn_option_wr{position:unset; padding: 0; padding-top: 20px; box-shadow:none; }
#btn_option{position:unset; box-shadow:none; }

@media screen and (max-width:1080px){
    #sit_ov, #sit_pvi { width: 100%; }
}
/*about*/
.about_banner {  overflow: hidden;  position: relative;  display: flex;  align-items: center;  justify-content: center;      height: 600px;}

.about_bg {
  background: url('/img/sub/0301/abou1_bg.jpg') center/cover no-repeat;
   position: absolute;
  top: 0;
  left: 50%;
  width: 0;           /* Ãʱ⠳ʺñ 0 */
  height: 100%;
  
  transform: translateX(-50%); /* °¡¿îµ¥ ±âÁØÀ¸·Î È®Àå */
}
.about_tit {  position: relative;  z-index: 5;  display: flex;  flex-direction: column;  align-items: center;  text-align: center;  color: #fff;}

.about_tit h2 {  font-size: 3rem;  font-weight: 700;  margin-bottom: 20px;}

.about_tit p {  font-size: 1.125rem;  line-height: 1.6;}


/* about_2 */
.about_2 { padding-bottom: 150px; background: #fff; }
.about_logo { max-width: 1520px; margin: 120px auto 0; text-align: center; }
.about_logo img { width: 100%; max-width: 870px; }
.about_2_wrap { margin: 0 auto; display: flex; flex-direction: column; gap: 80px; margin-top: 150px; }
.about_2_box { display: flex; align-items: center; gap: 0 160px; }
.about_2_box:nth-child(even) { flex-direction: row-reverse; }
.about_2_box img { width: 100%; }
.about_2_txt { padding:0 30px}
.about_2_txt h3 { font-size: 2.25rem; font-weight: 700; margin-bottom: 30px; }
.about_2_list p { font-size: 1.125rem; color: #444; line-height: 1.8; margin-bottom: 20px;word-break: keep-all; }

.sec_tit { margin-bottom: 60px; text-align: center; }
.sec_tit h2 { font-size: 2.625rem; margin-bottom: 25px; font-weight: 700; }
.sec_tit p { font-size: 1.125rem; font-weight: 400; line-height: 1.5; }

/* about_3 */
.about_3 { background: #0c1c24; color: #fff; text-align: center; }
.pol_circle img { max-width: 1075px; width: 100%; }

/* about_4 */
.about_4 .dif_wrap { display: flex; gap: 40px; align-items: stretch; }
.dif_img_wrap { flex: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,0.08); }
.dif_img_wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s ease; }
.dif_swiper .swiper-slide-active img { transform: scale(1.05); }
.dif_txt_wrap { width: 40%; background: #f9f9f9; border-radius: 20px; padding: 60px 70px; display: flex; flex-direction: column; justify-content: flex-start; position: relative; box-shadow: 0 6px 20px rgba(0,0,0,0.05); }
.dif_txt_box { display: none; opacity: 0; transition: opacity 0.6s ease; }
.dif_txt_box.active { display: block; opacity: 1; }
.dif_tit { font-size: 1.8rem; font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; color: #111; }
.dif_list { list-style: none; padding-left: 0; margin-top: 20px; }
.dif_list li { position: relative; padding-left: 18px; margin-bottom: 10px; font-size: 1.1rem; color: #333; line-height: 1.6; font-weight: 500; letter-spacing: -0.02em; word-break: keep-all; }
.dif_list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: #255a4b; border-radius: 50%; }
.dif_nav { display: flex; gap: 15px; }
.about_2_txt{width: 40%;}

/* responsive */
@media (max-width: 1500px) {
	.about_2_box { gap: 80px; }
}
@media (max-width: 1200px) {
  .about_2_wrap { gap: 80px; padding: 0 30px; }
  .about_2_box { gap: 80px; }
  .about_2_txt h3 { font-size: 2rem; }
  .about_2_list p { font-size: 1rem; }
	.about_2_box img {max-width: 600px;}
	
	
}

@media (max-width: 900px) {
  .about_2 { padding: 80px 20px; }
  .about_2_wrap { margin-top: 70px; gap: 60px; }
  .about_2_box { flex-direction: column !important; text-align: center; gap: 40px; }
  .about_img_box img { width: 100%; max-width: 100%; }
  .about_2_txt h3 { font-size: 1.75rem; }
  .about_2_list p { font-size: 1rem; line-height: 1.7; }
  .sec_tit { margin-bottom: 30px; }
  .about_banner { height: 400px; }
	.about_2_txt{width: 100%;}
	.about_logo{margin:0 auto;}
}

@media (max-width: 600px) {
  .about_logo img { max-width: 500px; }
  .about_2_wrap { gap: 50px; }
  .about_2_txt h3 { font-size: 1.5rem; margin-bottom: 20px; }
 
}

.dif_nav .swiper-button-prev, .dif_nav .swiper-button-next {left:60px;bottom:80px;top:unset;opacity:1;} 
.dif_nav .swiper-button-prev img, .dif_nav .swiper-button-next img{left:60px;bottom:80px;top:unset;opacity:1;} 
.dif_nav .swiper-button-prev.swiper-button-disabled, .dif_nav .swiper-button-next.swiper-button-disabled {opacity:0.4;} 
.dif_nav .swiper-button-next {left:150px;} .swiper-button-prev::after, .swiper-button-next::after {display:none;}

/* ¹ÝÀÀÇü */
@media screen and (max-width:1200px) {
  .about_4 .dif_wrap {
    flex-direction: column;
    gap: 30px;
  }

  .dif_txt_wrap {
	 width: 100%;
    padding: 40px 30px;
  }
.dif_nav .swiper-button-prev, .dif_nav .swiper-button-next {display:block;position:unset;transform:unset;width:36px;height:36px;margin:0;}
.dif_nav .swiper-button-prev img, .dif_nav .swiper-button-next img {width:100%;}
.dif_nav {margin-top:30px;height:32px;gap:5px;display:flex;}

}


@media screen and (max-width:900px) {
 .about_bg {
  background: url('/img/sub/0301/abou1_bg_m.jpg') center/cover no-repeat;
}
	
}


@media screen and (max-width:512px) {
  .dif_tit {
    font-size: 1.25rem;
  }

  .dif_list li {
    font-size: 0.95rem;
  }


}


/*ceo*/
.ceo_bot_wrap{background:#f9f9f9;padding: 60px 40px 150px;}
.ceo_wrap { margin: 0 auto;}
.ceo_top { margin-bottom: 80px;}
.ceo_tit p {color: #008060;  font-weight: 600; margin-bottom: 10px;}
.ceo_tit h2 { font-weight: 700; color: #222;}
.ceo_bottom {display: flex; align-items: flex-end; gap: 80px; max-width: 1520px; margin: 0 auto;justify-content: space-between;}
.ceo_txt p { color: #333; font-size: 1.125rem; line-height: 1.8; margin-bottom: 25px;}
.ceo_sign { margin-top: 60px;}
.ceo_sign span {font-size: 1.125rem; display: block; font-weight: 700; color: #000;  margin-bottom: 10px;}
.ceo_sign img { width: 160px; height: auto;}
.ceo_img {margin-top:-20%}

.ceo_img img { width: 100%;	max-width: 580px;  height: auto;}

/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
  .ceo_bottom {
    flex-direction: column;
    gap: 40px;
  }
  .ceo_img {
    text-align: center;
  }
  .ceo_img img {  width: 100%;  max-width: 580px;  }
}


@media (max-width: 1210px) {
	.ceo_bottom{align-items: normal;flex-direction: column-reverse;}
	.ceo_img {margin-top:0}
}


/*business*/

.bis_btn_wrap {display: grid;  grid-template-columns: repeat(4, 1fr);   gap: 30px;  row-gap: 30px; margin-bottom: 80px;}

.bis_btn_box {  flex: 1;  height: 100%;  border-radius: 10px;   position: relative;  cursor: pointer;  overflow: hidden;
  transition: transform 0.3s ease, background-size 0.6s ease, outline 0.3s ease; }

.bis_btn_box:hover {  background-size: 110%;}
.bis_btn_box.active {  transform: translateY(-3px);}
.bis_btn_box p {  position: absolute;  bottom: 0;  width: 100%;  padding: 20px;  color: #fff;  font-weight: 500;
  text-align: right;  font-size: 1.25rem;  transition: background 0.3s;  z-index: 2;}

.bis_btn_img img {  width: 100%;  max-height: 240px;  object-fit: cover;  border-radius: 10px;  transition: transform 0.6s ease;}

.bis_btn_box:hover .bis_btn_img img {  transform: scale(1.1);}

.bis_img_wrap {  position: relative;}
.bis_img_box { opacity: 0;  visibility: hidden;  transition: opacity 2s ease, transform 2s ease;  transform: translateY(10px);
  text-align: center;  background-color: #f9f9f9;  border-radius: 15px;  padding: 40px;  position: absolute;
  top: 0;  left: 0;  width: 100%;}

.bis_img_box.active {  opacity: 1;  visibility: visible;  transform: translateY(0);  position: relative;}
.bis_img_box img {  max-width: 100%;  height: auto;  border-radius: 10px;}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width:1200px){ 
	.bis_btn_wrap {  grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:720px){ 
	.bis_img_box {  padding: 5px;}
	.bis_btn_wrap {  grid-template-columns: repeat(2, 1fr);gap: 15px;
    row-gap: 15px;margin-bottom: 50px;}
	.bis_btn_img img{max-height: 120px;}
	.bis_btn_box{border-radius: 5px;}
	
}


.bis_btn_box::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid transparent;
  border-radius: 10px;
  transition: border-color 0.3s ease;
  pointer-events: none;
}

.bis_btn_box.active::after {
  border-color: #255a4b;
}


/*organization*/
.org_wrap img{    width: 100%; max-width: 1520px;}

/*/location*/
.loca_wrap{border-bottom: solid 1px #eee;
    padding-bottom: 150px;}
.loca_box {display: flex;justify-content: space-between;gap:80px;}
.loca_box_l { display: flex;  flex-direction: column;  justify-content: space-between;  width: 50%;}
.loca_box_l h2 { font-size: 2.25rem; font-weight: 700; margin-bottom: 20px;}
.loca_box_l img { width:100%;max-width: 258px;}
.loca_box_r { width: 50%; display: flex; flex-direction: column;  gap: 30px;}
.loca_list {display: flex;flex-direction: column; gap:20px;}

/* Department cards */
.dept_card { display: flex; align-items: center; border: 1px solid #e5e5e5; padding: 16px 20px; background: #fff;border-radius: 10px}

.icon_img {  width:100%;  max-width: 30px;  margin-right: 15px;  flex-shrink: 0;}

.icon_img img {  width: 100%;  height: 100%;  object-fit: contain;}

.dept_tit {font-weight: 600;font-size: 1.125rem; color: #333;display: flex; align-items: center;margin-bottom: 25px;}

.dept_info a {font-size: 1.125rem; text-decoration: none;}



/* Head office */
.loca_tit p { font-size: 1.125rem;  color: #255a4b;  margin-bottom: 5px;font-weight: 400}
.loca_tit h2 {  font-size: 2.25rem;  font-weight: 700;  margin-bottom: 25px;}
.loca_item {  display: flex;  align-items: center;  border: 1px solid #e5e5e5;  padding: 15px 20px;gap:25px;border-radius: 10px}

.loca_item .icon_img {  width: 30px;  height: 30px;  margin-right: 10px;}

.loca_item img {  width: 100%;  height: 100%;  object-fit: contain;}

.loca_map_box iframe { width: 100%; height: 480px; border-radius: 10px;  border: none;}


@media screen and (max-width:720px){ 
	.loca_box   {  gap: 60px; flex-direction: column!important}
	.loca_box_r {    width: 100%;}
	.loca_box_l {    width: 100%;}
	.loca_map_box iframe {height: 300px;}
}


/*r&d*/
/*È£¹öÈ¿°ú*/
.tech01_wrap { display:flex; width:100%; height:530px; overflow:hidden; }

.tech01_box { flex:1; position:relative; transition:all 0.6s ease; background-size:cover; background-position:center; cursor:pointer; overflow:hidden; }

.tech01_box:nth-child(1) { background-image:url('/img/sub/0401/tech01_bg2.jpg'); }
.tech01_box:nth-child(2) { background-image:url('/img/sub/0401/tech01_bg1.jpg'); }
.tech01_box:nth-child(3) { background-image:url('/img/sub/0401/tech01_bg3.jpg'); }

.tech01_title {   position:absolute;  top:50%;  left:50%;  transform:translate(-50%, -50%);font-size:1.5rem; font-weight:600; color:#fff;
    z-index:2; pointer-events:none;  text-shadow:0 3px 10px rgba(0,0,0,0.5);  transition: all 0.4s ease;     opacity:1; }

.tech01_overlay {    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    background-color:rgba(0,0,0,0.65);
    color:#fff;    display:flex;    flex-direction:column;    justify-content:center;    align-items:center;    text-align:center;
    opacity:0;    transition: opacity 0.4s ease;    padding:30px;}

.tech01_overlay p { font-size:1.125rem; line-height:1.6; }
.tech01_overlay .title { font-size:1.5rem; line-height:1.6;  font-weight:600;}

.img_list img { width:100%; max-width: 525px; margin-top:20px;}

/* È£¹ö ½Ã ¹Ú½º È®´ë */
.tech01_box:hover {
    flex:2;
}

/* È£¹ö ½Ã ¿À¹ö·¹ÀÌ ³ªÅ¸³ª±â */
.tech01_box:hover .tech01_overlay {
    opacity:1;
}

/* È£¹ö ½Ã title »ç¶óÁö±â */
.tech01_box:hover .tech01_title {
    opacity:0;
    transform:translate(-50%, -40%); /* »ì¦ À§·Î À̵¿ÇÏ¸ç »ç¶óÁü */
}

@media (max-width:1080px) {
	.tech01_wrap{flex-direction: column;height: 780px;}
}

/*ÅÇ*/

.tech01_tit h2{text-align: center; font-weight: 700;  margin-bottom: 60px;}
.tech02_tit h2{text-align: center; font-weight: 700;  margin-bottom: 80px;}

.tech_2 {background-color:#f9f9f9;}
.proc_tabs {display:flex;gap:40px;padding-bottom:40px;}
.proc_tabs li {flex:1;position:relative;height:190px;border:1px solid #ccc;border-radius:10px;background-color:#fff;}
.proc_tabs button {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:30px;font-size:1.25rem;font-weight:700;text-align: left;}
.proc_tabs span {margin-bottom:15px;font-size:1rem;color:#255a4b;}
.proc_tabs img {position:absolute;right:30px;bottom:30px;}
.proc_tabs img.on {display:none;}
.proc_tabs img.default {display:block;}
.proc_tabs li.active {color:#fff;background: #255a4b;box-shadow:0 3px 8px rgba(0,0,0,0.2);}
.proc_tabs li.active button, .proc_tabs li.active button span {color:#fff;}
.proc_tabs li.active button img.on {display:block;}
.proc_tabs li.active button img.default {display:none;}
.proc_tabs li::after {content:url(/img/sub/0401/process_arrow.png);position:absolute;top:50%;right:-28px;transform:translateY(-50%);}
.proc_tabs li:last-child::after {display:none;}

.proc_stage {display:flex;gap:40px;}
.proc_swiper {width:60%;border-radius:20px;}
.proc_swiper .img_wrap {overflow:hidden;border-radius:20px;height:550px;}
.proc_swiper img, .proc_swiper video {width:100%;height:100%;object-fit:cover;display:block;}
.proc_copy {width:40%;padding:60px;border-radius:20px;background:#f1f1f1;position:relative;}
.proc_copy h3 {font-size:1.8rem;font-weight:700;margin-bottom:15px;letter-spacing:-0.02em;}
.proc_copy p {font-size:1.25rem;line-height:1.5em;font-weight:500;letter-spacing:-0.02em;color:#333333;word-break:keep-all;}

.proc_swiper .swiper-slide {z-index:1;}
.proc_swiper .swiper-slide-prev, .proc_swiper .swiper-slide-next {z-index:2;}
.proc_swiper .swiper-slide-active {z-index:3;}

.proc_nav .swiper-button-prev, .proc_nav .swiper-button-next {width:72px;height:72px;left:60px;bottom:80px;top:unset;opacity:1;}
.proc_nav .swiper-button-prev.swiper-button-disabled, .proc_nav .swiper-button-next.swiper-button-disabled {opacity:0.4;}
.proc_nav .swiper-button-next {left:150px;}
.swiper-button-prev::after, .swiper-button-next::after {display:none;}

.proc_copy_body li {font-size:1.25rem;color:#333;line-height:1.6;font-weight:500;letter-spacing:-0.02em;margin-bottom:10px;word-break:keep-all;}
.proc_copy_body li::marker {color:#333;}
.proc_copy_body li br {content:"";display:block;margin-top:4px;}
.proc_copy_body h3 + ul {margin-top:25px;}

.proc_copy_body ul { list-style: none;   padding-left: 0;  margin-top: 20px;}
.proc_copy_body ul li {  position: relative;  padding-left: 20px;  margin-bottom: 10px;  font-size: 1.25rem;
  color: #333;  line-height: 1.6;  font-weight: 500;  letter-spacing: -0.02em;  word-break: keep-all;}

.proc_copy_body ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #255a4b; border-radius: 50%;}

@media screen and (max-width:1820px) {
	.si_inner {padding:0 20px;}.proc_tabs {display:grid;grid-template-columns:repeat(4,1fr);}
}
@media screen and (max-width:1440px) {
	.sub_visual h2 {font-size:5rem;}
}
@media screen and (max-width:1080px) {
	.sub_board {padding:75px 20px;}
}
@media screen and (max-width:1024px) {
	.proc_stage {flex-direction:column;}
	.proc_swiper, .proc_copy {width:100%;}
	.proc_nav .swiper-button-prev, .proc_nav .swiper-button-next {display:block;position:unset;transform:unset;width:36px;height:36px;margin:0;}
	.proc_nav .swiper-button-prev img, .proc_nav .swiper-button-next img {width:100%;}
	.proc_nav {margin-top:30px;height:32px;gap:5px;display:flex;}
}
@media screen and (max-width:768px) {
	.proc_tabs li::after{right: -22px;}
	.proc_tabs {grid-template-columns:repeat(2,1fr);}
	.sub_process .intro h3 {font-size:3.75rem;margin-bottom:35px;}
	.sub_process .intro strong {font-size:1.25rem;margin-bottom:15px;}
	.sub_process .intro p {font-size:15px;}
}
@media screen and (max-width:512px) {
	.proc_tabs {gap:25px;padding:75px 0 25px;}
	.sub_process .intro h3 {font-size:2.25rem;margin-bottom:35px;}
	.sub_process .intro strong {font-size:1rem;margin-bottom:15px;}
	.sub_process .intro p {font-size:0.75rem;}
	.sub_process .intro p br {display:none;}
	.sub_process .intro p br.br_m {display:inline;}
	.proc_tabs button {padding:15px;font-size:0.935rem;}
	.proc_tabs li {height:100px;}
	.proc_tabs li img {width:30%;right:15px;bottom:15px;}
	.proc_swiper .img_wrap {height:250px;border-radius:10px;}
	.proc_stage {gap:10px;border-radius:10px;}
	.proc_copy {padding:30px;}
	.proc_copy em {font-size:0.75rem;margin-bottom:30px;}
	.proc_copy h3 {font-size:2.25rem;}
	.proc_copy p {font-size:0.75rem;}
	.sub_process {padding-bottom:75px;}
}

/*production */
.pro_tit_wrap .sec_tit{text-align: center;}
.b102 {background:#fff;padding-bottom:250px;}
.b1021 {text-align:center;margin-bottom:40px;}
.b1021 p {margin-top:30px;}
.b1022 {padding-top:50px;}
.b1022 ul {max-width:1280px;margin:0 auto 150px auto;display:flex;align-items:flex-end;position:relative;}
.b1022 ul > li {max-width:300px;text-align:center;width:100%;position:relative;}
.b1022 ul::before {content:'';position:absolute;left:0;bottom:-30px;background-color:#e7f3f0;width:100%;height:3px;}
.b1022 ul:first-of-type::after {content:'';position:absolute;right:0;top:calc(100% + 30px);background-color:#e7f3f0;width:3px;height:calc(100% + 150px);}
.b1022 ul:nth-of-type(2)::after {content:'';position:absolute;left:0;top:calc(100% + 30px);background-color:#e7f3f0;width:3px;height:calc(100% + 150px);}
.b1022 ul:nth-of-type(3)::after {content:'';position:absolute;right:0;top:calc(100% + 30px);background-color:#e7f3f0;width:3px;height:calc(100% + 150px);}
.b1022 ul:last-of-type::after {content:'';position:absolute;left:0;bottom:-30px;background-color:#e7f3f0;width:3px;height:calc(100% + 150px);}
.b1022 ul li::before {content:'';position:absolute;width:15px;height:15px;border-radius:50%;background-color:#255a4b;left:50%;bottom:-36px;transform:translateX(-50%);}
.b1022 ul li p {min-height:54px;margin-top:15px;}
.b1022_img {width:220px;height:220px;background-color:#aaa;border-radius:50%;margin:0 auto;}
.b1022_img img {width:100%;height:auto;}

@media (max-width:1280px) {.b1022_img {width:185px;height:185px;}}
@media (max-width:1024px) {.b1022 {margin:30px 0;}.b1022_img {width:150px;height:150px;}}
@media (max-width:768px) {.b1022_img {width:105px;height:105px;}}
@media (max-width:400px) {.b1022_img {width:65px;height:65px;}}




/*qulity*/

.qual01_tit{display: flex;  justify-content: space-between; align-items: center;margin-bottom: 80px;}
.qual01_tit p{line-height: 1.5}
.qual01_wrap{    background-color: #f9f9f9; border-radius: 15px;  padding: 40px; text-align: center;}
.qual01_wrap img{ width: 100%; max-width: 1295px;}

.qual02_wrap{display: grid; grid-template-columns: repeat(2, 1fr);  gap: 30px; row-gap: 30px;}
.qual02_box {  background-color: #f9f9f9; padding: 30px 50px; border-radius: 15px;  display: flex; align-items: center;}
.qual02_box {  background-color: #f9f9f9; padding: 30px 50px; border-radius: 15px;  display: flex; align-items: center;}
.qual02_txt {margin-left: 35px;}
.qual02 img {width: 100%;max-width: 1520px;}

.qual03 {background-color: #f9f9f9;}
.qual03_tit h2{margin-bottom:20px;}
.qual03_wrap { display: flex; justify-content: space-between; align-items: flex-start;}
.qual03_txt { display: flex; flex-direction: column; gap: 50px;}
.qual03_txt ul {  list-style: none;  margin: 0;  padding: 0;}
.qual03_txt li { position: relative;  padding-left: 20px;  line-height: 1.8;font-weight: 400; font-size: 1.125rem;}
.qual03_txt li::before {  content: "";  position: absolute;  left: 0;  top: 10px;  width: 6px;  height: 6px;  background-color: #3ba792;   border-radius: 50%;}
.qual03_img_wrap img{width: 100%; max-width: 730px;}

.qual04_wrap { display: grid; grid-template-columns: repeat(2, 1fr);  gap: 30px; }
.qual04_wrap:first-child { margin-bottom: 30px;}

.qual04_box { position: relative; overflow: hidden; border-radius: 15px; cursor: pointer;}

.qual04_box img { width: 100%; height: 100%;  object-fit: cover;  display: block;  transition: transform 0.5s ease;}

/* ---------------------------
   ±âº» »óÅ (È£¹ö Àü)
---------------------------- */
.qual04_default {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  z-index: 2;
  transition: opacity 0.3s ease;
}

.qual04_default p {
  margin: 0;
	font-size: 1.25rem;
}

.qual04_plus img {
  width: 40px;
  height: 40px;
  opacity: 0.9;
}

/* ---------------------------
   È£¹ö ½Ã ¿À¹ö·¹ÀÌ
---------------------------- */
.qual04_overlay {
  position: absolute;
  inset: 0;
  background: rgba(26, 110, 92, 0.85);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 30px;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.qual04_text h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.qual04_text p {
  font-size: 1.125rem;
	font-weight: 500;
  line-height: 1.6;
}

.qual04_box:hover img { transform: scale(1.05);}
.qual04_box:hover .qual04_overlay { opacity: 1;}
.qual04_box:hover .qual04_default {  opacity: 0;}

@media (max-width:1024px) {
	.qual03_wrap {flex-direction: column; gap:50px;}
	.qual03_tit { text-align: center;}
	
}

.equip_list { width:70%; display: grid;  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));  gap: 25px; row-gap: 55px;}

.equip_list li { text-align: center;}
.equip_list .img_box { border-radius: 5px;  overflow: hidden; background-color: #f8f8f8;border: 1px solid #eeeeee;}
.equip_list img { width: 100%; height: auto; transition: transform 0.4s ease;}

.equip_list .img_box:hover img { transform: scale(1.08);}

.equip_list p { margin-top: 15px; font-size: 1.125rem;  font-weight: 500;  color: #333;}

@media screen and (max-width: 768px) {
  .equip_list {
    gap: 25px;
  }

  .equip_list p {
    font-size: 1.4rem;
  }
}

/*facility*/

.fac02_wrap{display: flex;justify-content: space-between;}
.fac02_wrap .sec_tit{text-align: left}

.num_list { list-style: none; margin-top: 30px;  padding: 0;  counter-reset: num;}

.num_list li {  position: relative;  font-size: 1.125rem;
  line-height: 1.6;
  padding-left: 40px;
  margin-bottom: 10px;
  counter-increment: num;
}

.num_list li::before {
  content: counter(num);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: #255a4b;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
.fac02_wrap { flex-direction: column;}
.equip_list {width: 100%}	
}

@media screen and (max-width: 800px) {
    .qual04_wrap {grid-template-columns: repeat(1, 1fr);         }
	.qual04_box{height: 280px;}
	.equip_list{grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
}



.qual01_plant_wrap {  display: grid; grid-template-columns: repeat(3, 1fr);  gap: 30px; row-gap: 50px;}

.plant_card {  flex: 1;  background: #fff;  border-radius: 20px;  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  overflow: hidden;  transition: transform 0.3s ease; border: 1px solid #f3f3f3;	}

.plant_card:hover {  transform: translateY(-6px);}

.plant_tit{display: flex; justify-content: space-between; margin-bottom: 30px;}
.plant_card img { width: 100%;  display: block;padding: 30px;}

.plant_txt { padding: 25px 30px 35px;}

.plant_txt h3 { font-size: 1.5rem; font-weight: 600;color: #222; color: #255a4b;}

.plant_txt .highlight { font-size: 1.125rem;font-weight: 500;color:#666666}


.plant_card ul { list-style: none;  padding-left: 0;}

.plant_card ul li {  font-size: 1.125rem; position: relative;  padding-left: 20px;  margin-bottom: 8px;font-weight: 400;}

.plant_card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px; /* ¼¼·Î Á¤·Ä ¸ÂÃã */
  width: 6px;  /* ?? ¿ø Å©±â */
  height: 6px;
  background-color: #255a4b; /* ºÒ¸´ »ö»ó */
  border-radius: 50%; /* ¿ÏÀüÇÑ ¿øÇü */
}

.his_tit_wrap img, .pro_tit_wrap img, .qual01_tit_wrap img{    border-radius: 15px;  margin-bottom: 80px;width:100%;max-width:1520px;}



@media screen and (max-width: 1300px) {
.qual01_tit { align-items: flex-start; margin-bottom: 60px; flex-direction: column;}
	.qual01_plant_wrap {	grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 800px) {
.qual01_plant_wrap {	grid-template-columns: repeat(1, 1fr);}
	.qual01_tit{margin-bottom: 40px;}
	.num_list li::before{width: 20px; height: 20px;}
	.his_tit_wrap img, .pro_tit_wrap img, .qual01_tit_wrap img{ margin-bottom: 60px;border-radius: 5px;}
}


@media screen and (max-width: 720px) {
    .sec_tit h2 {
        font-size: 21px;
    }
}

.auto .pdt_list_page .b_inner{max-width: 1820px;width: 100%;justify-content: space-between;}
.auto .pdt_list_page .b_left_box .b_pdt_cate{margin:0 0 50px;}

.logo_box ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; justify-items: center; align-items: center;}
.logo_box li {border: 1px solid #eee; padding: 15px; width: 100%; max-width: 360px;height: 100%;display: flex
;
    align-items: center;}
.logo_box li img {display: block; max-width: 100%; max-height: 80px; height: auto; margin: 0 auto;}
.logo_box {margin-top: 60px;}
.logo_wrap {border-bottom: solid 1px #d9d9d9; padding-bottom: 80px; margin-top: 80px;}
.logo_wrap:first-child {margin-top: 0;}
.logo_wrap:last-child {border-bottom: none;}

@media screen and (max-width: 720px) {
	.logo_box ul {display: grid; grid-template-columns: repeat(2, 1fr);}
}


/*1119*/
.about_logo_wrap{margin-top:80px;overflow:hidden}

.logo_slider ul {
  display: inline-flex; 
  white-space: nowrap; 
  animation: logoRolling 80s linear infinite;
}

.logo_slider li {
  flex-shrink: 0; 
  margin-right: 60px;
}

.logo_slider li img {
  width: 190px;
}

@keyframes logoRolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } 
}

@media screen and (max-width: 720px) {
  .logo_slider li img { width: 140px; }
  .logo_slider li  { margin-right:40px; }
}

.pdt_list_page .b_left_box .b_pdt_cate li{width:100%;}

.sct_img.b_img_box { overflow:hidden; border:2px solid transparent; transition:border-color 0.3s ease; }
.sct_img.b_img_box img { display:block; width:100%; margin:0 auto; transition:transform 0.4s ease; }
.sct_img.b_img_box:hover { border-color:#90bdb0;; }
.sct_img.b_img_box:hover img { transform:scale(1.05); }
.b_sub_cate a.active span{ font-weight: 700;  color: #000;}
.pdt_list_page .b_left_box .b_list_box .b_sub_cate li.active span{ font-weight: 700;  color: #000;}



/*shop ÆäÀÌÁö³×ÀÌ¼Ç µðÀÚÀÎ*/

.pg_current { border-radius: 20px; background: #255a4b; border: 0;  }
.pg_page, .qa_page { border-radius: 20px; }

/*shop ÆäÀÌÁö³×ÀÌ¼Ç µðÀÚÀÎ*/

.pad_top{padding:80px 0 150px;}

.pad_top #sit, .pad_top #sod_bsk { padding-top: 130px; }



/*Àå¹Ù±¸´ÏÈ­¸é Ä¿½ºÅÒ*/

.sod_opt, .sod_list .li_prqty, .sod_list .total_price, .li_mod, #m_sod_bsk_tot { display: none; }


.sod_list { display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; width: 100%; flex-wrap: wrap; }
.sod_list .sod_li { width: calc(25% - 20px); border-bottom: 0; }
.sod_list .empty_list { width: 100%; border: 1px solid #d9d9d9; }
#sod_bsk .go_shopping { margin: 0 0 50px 0; }

.sod_list .li_op_wr { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; flex-wrap: wrap; padding: 0; gap: 20px; } 
.sod_list .li_name { font-size: 1.125rem; font-weight: 800; }
.sod_list .total_img  { width: 100%; position: static; }
.sod_list .total_img img { width: 100%; height: auto; }

#sod_bsk_act { position: static; padding: 0; border-top: 0;  margin: 50px auto; box-shadow: none; }
#sod_bsk_act .btn_submit { background: #255a4b; border: 0; font-weight: 800; font-size: 1.125rem; transition: .3s; letter-spacing: 0; display: block; }
#sod_bsk_act .btn_submit:hover { background: #222; }
#sod_bsk_act a.btn_submit { display: flex; justify-content: center; align-items: center; }

#sod_bsk .go_shopping .btn01 { background: #255a4b; color: #fff; border: 0; cursor: pointer; }

/*customer*/
.cus_wrap img {width: 100%; max-width: 1920px;}


.pdt_list_page { overflow: visible; }

.pdt_list_page .b_left_box{ position: sticky;  top: 120px; align-self: flex-start;}
@media screen and (max-width: 1280px){
    .pdt_list_page .b_left_box{
        position: static;
        top: auto;
    }
}



/*sub_visual*/
.b_sv_box {  position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;padding-top: 160px;}
.b_sv_box.page_0301,.b_sv_box.page_0302,.b_sv_box.page_0304,.b_sv_box.page_0305,.b_sv_box.page_0306,.board_history
{background-image: url('/img/sub/sub_bg01.jpg');}

.b_sv_box.page_0401,.b_sv_box.page_0402,.b_sv_box.page_0403,.b_sv_box.page_0404
{background-image: url('/img/sub/sub_bg02.jpg');}

.b_sv_box.page_0501,.board_notice,.board_download,.board_contact
{background-image: url('/img/sub/sub_bg03.jpg');}

.b_sv_box .b_tit_txt,.b_sv_box .b_now_box,.b_sv_box #b_gnb .b_sub_list li a,.b_sv_box #b_gnb .b_sub_list li.on a {color:#fff}
.pro_sv .b_tit_txt{color:#222}

@media screen and (max-width: 720px){
	.b_sv_box {padding-top:100px;}
}

.tech_01 img {width: 100%; max-width: 1520px;}

@media screen and (max-width: 720px) {
    .pad_top {
        padding: 50px 0;
    }
}