html, body {min-width: 320px;}
/* 헤더 */
.bs_wrap #wrap_header {position: sticky; top: 0; background-color: #fff; z-index: 10000;}
.bs_wrap .sub_header .header_t_wrap {margin-bottom: 0;}
.bs_wrap .header_t {width: 100%; max-width: 1700px;}
.bs_wrap .ham_bar {display: none;}
.bs_wrap .mb_gnb {display: none; position: fixed; top: 0; right: 0; width: 500px; height: 100vh; background: #fff; z-index: 10000;}
.bs_wrap .mb_gnb_bg {display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999;}
.bs_wrap .mb_gnb * {float: none;}
.bs_wrap .mb_gnb_ul {}
.bs_wrap .mb_gnb .mb_snb {display: none;}
.bs_wrap .ham_open {display: none;}
.bs_wrap .mb_gnb .mb_depth2 a {display: block;}

@media screen and (max-width: 1700px){
	.bs_wrap .header_t {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px;}
	.bs_wrap .header_t:after {display: none;}
	.bs_wrap .header_logo {float: none;}
	.bs_wrap .header_logo img {width: 200px;}
	.bs_wrap .header_gnb {padding-left: 0; float: none;}
	.bs_wrap .m_menu {display: flex; width: auto; position: static;}
	.bs_wrap .m_menu > li {float: none;}
	.bs_wrap .s_menu_all {width: auto; right: 20px;}
}
@media screen and (max-width: 1400px){
	.bs_wrap .header_logo img {width: 180px;}
}
@media screen and (max-width: 1200px){
	.bs_wrap .header_t_wrap {padding: 0 0 5px;}
	.bs_wrap .header_gnb {display: none;}
	.bs_wrap .s_menu_r{display: none;}
	.bs_wrap .header_logo img {width: 180px;}
	.bs_wrap .ham_open {display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 20px; cursor: pointer;}
	.bs_wrap .ham_open .bar {display: block; width: 100%; height: 2px; background-color: #222;}
	.bs_wrap .ham_close {width: 26px; height: 26px; cursor: pointer; margin: 20px 20px 20px auto;}
	.bs_wrap .ham_close .bar {display: block; width: 30px; height: 2px; background-color: #222;}
	.bs_wrap .ham_close .bar1 {transform: rotate(45deg) translate(7px, 10px);}
	.bs_wrap .ham_close .bar2 {transform: rotate(-45deg) translate(-8px, 6px);}
	.bs_wrap .mb_gnb {display: block; right: 0; transform: translateX(100%); transition: 0.5s;}
	.bs_wrap .mb_gnb.on {box-shadow: 0 3px 20px rgba(0, 0, 0, .3); transform: translateX(0);}
	.bs_wrap .mb_gnb .mb_gnb_ul {border-bottom: 1px solid #eee; max-height: calc(100% - 46px); overflow-y: auto;}
	.bs_wrap .mb_gnb .depth1_p {display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 17px; font-weight: 500; line-height: 50px; border-top: 1px solid #eee; cursor: pointer;}
	.bs_wrap .mb_gnb .depth1_p .arrow {transition: 0.5s;}
	.bs_wrap .mb_gnb .depth1_p.on .arrow {transform: rotate(180deg);}
	.bs_wrap .mb_gnb .mb_depth2 {padding: 0 25px; border-top: 1px solid #eee;}
	.bs_wrap .mb_gnb .mb_depth2 a {font-size: 16px; line-height: 45px;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .header_t {padding: 0 15px;}
	.bs_wrap .mb_gnb .depth1_p {font-size: 16px;}
	.bs_wrap .mb_gnb .mb_depth2 a {font-size: 15px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .header_t {padding: 0 10px;}
	.bs_wrap .header_logo img {width: 160px;}
	.bs_wrap .ham_open {width: 24px; height: 16px;}
	.bs_wrap .ham_close {width: 22px; margin: 20px 15px 20px auto;}
	.bs_wrap .ham_close .bar {width: 24px;}
	.bs_wrap .mb_gnb {width: 100%; max-width: 320px;}
	.bs_wrap .mb_gnb .depth1_p {padding: 0 15px; font-size: 15px; line-height: 45px;}
	.bs_wrap .mb_gnb .mb_depth2 {padding: 0 20px;}
	.bs_wrap .mb_gnb .mb_depth2 a {font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 500px){
	.bs_wrap .header_logo img {width: 140px;}
}


/* 메인 */
.bs_wrap .main04 {background-size: cover;}
.bs_wrap .main04_request .main_table input {width: 100%;}
.bs_wrap .main04_request .main_table textarea {width: 100%;}
.bs_wrap .main04_wrap02 .tab_txt {display: none;}

@media screen and (max-width: 1800px){
	.bs_wrap .main02_wrap {width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.bs_wrap .main02_wrap:after {display: none;}
	.bs_wrap .main02 h1 {float: none; margin-right: 0; margin-bottom: 10px; order: 1;}
	.bs_wrap .main02 .vertical {width: 100%; order: 3;}
	.bs_wrap .main02 .news_next {display: flex; gap: 5px; position: static; order: 2;}
	.bs_wrap .main02 .news_next img {display: block;}
	.bs_wrap .main02 .news_next:after {display: none;}
	.bs_wrap .main02 .lat {display: flex !important; justify-content: space-between; align-items: center;}
	.bs_wrap .main02 .lat:after {display: none;}
	.bs_wrap .main02 .lat .lt_date {padding-right: 0; position: static; line-height: 1;}
}

@media screen and (max-width: 1700px){
	.bs_wrap #wrap_main > section h1 {float: none;}
	.bs_wrap .main04 {padding: 50px 20px;}
	.bs_wrap .main04_wrap01, .bs_wrap .main04_wrap02 {width: 100%; max-width: 1200px;}
}

@media screen and (max-width: 1300px){
	.bs_wrap #wrap_main > section {width: 100%; padding: 100px 15px;}
	.bs_wrap #wrap_main .main02 {padding: 50px 15px;}
	.bs_wrap .swiper-button-prev,
	.bs_wrap .swiper-button-next {width: 48px; height: auto; aspect-ratio: 56/112; margin-top: 0; transform: translateY(-50%); background-size: cover !important;}
	.bs_wrap .main01 ul {display: flex; justify-content: center; width: 100%;}
	.bs_wrap .main01 ul li {float: none; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 25%; height: auto; aspect-ratio: 30/27; padding: 0; background-size: cover !important;}
	.bs_wrap .main01 ul li p {margin: 0; font-size: 20px;}
	.bs_wrap .main01 ul li a {width: auto; height: auto; padding: 0 20px; font-size: 14px; line-height: 38px;}
	.bs_wrap .main03_wrap01 {width: 100%; max-width: 1200px;}
	.bs_wrap .main03_wrap01 .la_gallery {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
	.bs_wrap .main03_wrap01 ul li {width: calc(25% - 15px); height: auto; margin: 0;}
	.bs_wrap .main03_wrap01 ul li img {display: block; width: 100%;}
	.bs_wrap .main03_wrap01 .clear {display: none;}
	.bs_wrap .main04 {background-color: #14599c; background-position: 30% bottom; background-size: contain;}
	.bs_wrap .main04 * {float: none;}
	.bs_wrap .main04:after {display: none;}
	.bs_wrap .main04 a {color: inherit;}
	.bs_wrap .main04_wrap01:after {display: none;}
	.bs_wrap .main04_wrap01 {display: flex; flex-direction: column; gap: 50px; width: 100%; max-width: 680px; margin-bottom: 50px;}
	.bs_wrap .main04_wrap02 {width: 100%; max-width: 680px;}
	.bs_wrap .main04_wrap02 ul {width: 100%; flex-wrap: wrap;}
	.bs_wrap .main04_wrap02 ul li {height: 240px;}
	.bs_wrap .main04_wrap02 ul li:nth-child(2),
	.bs_wrap .main04_wrap02 ul li:nth-child(3) {flex: auto; width: 240px;}
	.bs_wrap .main04_wrap02 ul li:nth-child(4) {flex: auto; width: 420px;}
	.bs_wrap .main04_txt {width: 100%; padding: 0; text-align: center; background-size: 150px; background-position: 80% top;}
	.bs_wrap .main04_txt h2 {font-size: 40px;}
	.bs_wrap .main04_txt p {font-size: 15px; word-break: keep-all;}
	.bs_wrap .main04_txt p br {display: none;}
	.bs_wrap .main04_txt span {font-size: 16px;}
	.bs_wrap .main04_request {width: 100%; padding: 20px;}
	.bs_wrap .main04_request h1 {text-align: center;}
	.bs_wrap .main04_request form {display: flex; gap: 20px;}
	.bs_wrap .main04_request .main_table {width: calc(50% - 10px); margin-right: 0;}
	.bs_wrap .main04_request .main_table tr {display: flex; gap: 10px;}	
	.bs_wrap .main04_request .main_table th {width: 83px; font-size: 15px; white-space: nowrap;}
	.bs_wrap .main04_request .main_table td {width: calc(100% - 83px);}
	.bs_wrap .main_privacy .agr_content {font-size: 12px;}
	.bs_wrap .main04_request .frm_right {width: calc(50% - 10px);}
	.bs_wrap .main04_request .frm_right .main_privacy {width: 100%;}
	.bs_wrap .main04_request .frm_right #main_cfm {display: block; width: 100%; margin: 10px auto 0;}
	.bs_wrap .main04_wrap02:after {display: none;}
	.bs_wrap .main04_wrap02 ul {display: flex; gap: 20px; width: 100%; max-width: 1200px;}
	.bs_wrap .main04_wrap02 ul:after {display: none;}
	.bs_wrap .main04_wrap02 ul li {flex: 1; margin: 0; padding: 37px; border: 1px solid #fff; color: #fff;}
	.bs_wrap .main04_wrap02 .pc_img {display: none;}
	.bs_wrap .main04_wrap02 .tab_txt {display: flex; flex-direction: column; align-items: center;}
	.bs_wrap .main04_wrap02 .tab_txt .txt_big {margin-bottom: 25px; font-size: 23px; font-weight: 500; line-height: 1;}
	.bs_wrap .main04_wrap02 .tab_txt .txt_def {font-size: 16px; line-height: 1.5;}
	.bs_wrap .main04_wrap02 ul li:nth-of-type(2) {background-color: rgba(99, 144, 179, 0.9);}
	.bs_wrap .main04_wrap02 ul li:nth-of-type(3) {background-color: rgba(41, 79, 159, 0.9);}
	.bs_wrap .main04_wrap02 ul li:nth-of-type(4) {background-color: rgba(29, 44, 104, 0.9);}
	.bs_wrap .main04_wrap02 ul li:first-of-type {flex: none; width: 420px; padding: 0; border: none;}
	.bs_wrap .main04_wrap02 ul li:first-of-type .pc_img {display: block;}
	.bs_wrap .main04_wrap02 ul li:first-of-type .tab_txt {display: none;}
	.bs_wrap .main04_wrap02 .click2 {width: 120px;}
	.bs_wrap .main04_wrap02 ul li:first-child .click2 {left: 270px;}
	.bs_wrap .main04_wrap02 ul li:not(:first-of-type) .click2 {left: 50%; transform: translateX(-50%);}
}
@media screen and (max-width: 1024px){
	.bs_wrap #wrap_main .main_h1 {margin-bottom: 40px;}
	.bs_wrap #wrap_main h1 {font-size: 24px;}
	.bs_wrap .main01 ul {flex-wrap: wrap; gap: 15px;}
	.bs_wrap .main01 ul li {gap: 15px; width: calc(50% - 7.5px); max-width: 320px;}
	.bs_wrap .main01 ul li p {font-size: 18px;}
	.bs_wrap .main02 .lat {font-size: 13px;}
	.bs_wrap .main02 .lat .lt_date {font-size: 14px;}
	.bs_wrap .main03_wrap01 .la_gallery {gap: 30px 15px;}
	.bs_wrap .main03_wrap01 ul li {width: calc(50% - 7.5px); max-width: 320px;}
	.bs_wrap .main03_wrap01 .la_gallery_img .la_gallery_ab p {font-size: 13px;}
	.bs_wrap #wrap_main .main04_txt h1 {font-size: 22px;}
	.bs_wrap .main04_txt h2 {font-size: 36px;}
	.bs_wrap .main04_txt p {font-size: 14px;}
	.bs_wrap .main04_txt span {font-size: 15px;}
	.bs_wrap .main04_request .bop_check {font-size: 13px;}
	.bs_wrap .main04_request .frm_right #main_cfm {font-size: 14px;}
	.bs_wrap .main04_wrap01 {gap: 40px; margin-bottom: 40px;}
	.bs_wrap .main04_wrap02 .tab_txt .txt_big {margin-bottom: 20px; font-size: 22px;}
	.bs_wrap .main04_wrap02 .tab_txt .icon_wrap {height: 60px; display: flex; justify-content: center; align-items: center;}
	.bs_wrap .main04_wrap02 li:not(:nth-child(3)) .tab_txt img {height: 45px;}
	.bs_wrap .main04_wrap02 li:nth-child(3) .tab_txt img {width: 50px;}
}
@media screen and (max-width: 768px){
	.bs_wrap #wrap_main > section {padding: 70px 10px;}
	.bs_wrap #wrap_main h1 {font-size: 20px;}
	.bs_wrap #wrap_main .main_h1 {margin-bottom: 30px;}
	.bs_wrap #wrap_main .main02 {padding: 30px 10px;}
	.bs_wrap .swiper-button-prev,
	.bs_wrap .swiper-button-next {width: 27px; height: auto; aspect-ratio: 56/112; margin-top: 0; transform: translateY(-50%); background-size: cover !important;}
	.bs_wrap .main01 ul {gap: 10px;}
	.bs_wrap .main01 ul li {width: calc(50% - 5px);}
	.bs_wrap .main01 ul li p {font-size: 16px;}
	.bs_wrap .main03_wrap01 {}
	.bs_wrap .main03_wrap01 .la_gallery {justify-content: center; gap: 20px 10px;}
	.bs_wrap .main03_wrap01 ul li {width: calc(50% - 5px);}
	.bs_wrap .main03_wrap01 .la_gallery_img .la_gallery_ab {padding: 10px 0;}
	.bs_wrap .main03_wrap01 .la_gallery_img .la_gallery_ab h2 {font-size: 14px;}
	.bs_wrap .main03_wrap01 .la_gallery_img .la_gallery_ab a {font-size: 15px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.bs_wrap .main03_wrap01 .la_gallery_img .la_gallery_ab p {font-size: 12px;}
	.bs_wrap .main04_wrap01 {gap: 30px; margin-bottom: 30px;}
	.bs_wrap .main02 .lat {font-size: 12px;}
	.bs_wrap .main02 .lat a {width: calc(100% - 70px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.bs_wrap .main02 .lat .lt_date {display: block; width: 70px; font-size: 13px; text-align: right;}
	.bs_wrap .main04_request .main_table th {font-size: 14px; line-height: 36px;}
	.bs_wrap .main04_wrap02 ul {gap: 10px;}
	.bs_wrap .main04_wrap02 ul li {width: calc(50% - 5px) !important; height: auto; padding: 20px 20px 60px;}
	.bs_wrap .main04_wrap02 ul li:first-child {padding: 20px 10px; background: rgba(173, 14, 66, 0.9); border: 1px solid #fff;}
	.bs_wrap .main04_wrap02 ul li:first-child .pc_img {display: none;}
	.bs_wrap .main04_wrap02 ul li:first-child .tab_txt {display: flex;}
	.bs_wrap .main04_wrap02 .tab_txt {display: flex; flex-direction: column; align-items: center; margin-bottom: 15px;}
	.bs_wrap .main04_wrap02 .tab_txt .txt_big {margin-bottom: 15px; font-size: 19px;}
	.bs_wrap .main04_wrap02 .tab_txt .txt_def {font-size: 14px; font-weight: 400; word-break: keep-all; text-align: center;}
	.bs_wrap .main04_wrap02 .tab_txt .icon_wrap {height: calc(100% - 34px); min-height: 50px;}
	.bs_wrap .main04_wrap02 li:not(:nth-child(3)) .tab_txt img {height: 40px;}
	.bs_wrap .main04_wrap02 li:nth-child(3) .tab_txt img {width: 45px;}
	.bs_wrap .main04_wrap02 .click2 {width: 100px; height: auto; font-size: 14px; line-height: 38px; bottom: 20px;}
	.bs_wrap .main04_wrap02 .click2 a {font-size: inherit;}
	.bs_wrap .main04_wrap02 ul li:first-child .click2 {left: 50%; transform: translateX(-50%);}
	.bs_wrap .main04_wrap02 ul li:first-child .tab_txt {margin-bottom: 52px;}
}
@media screen and (max-width: 640px){
	.bs_wrap #wrap_main > section {padding: 10vw 10px;}
	.bs_wrap #wrap_main .main_h1 {margin-bottom: 20px;}
	.bs_wrap #wrap_main .main02 {padding: 5vw 10px 8vw;}
	.bs_wrap .main04_request form {flex-direction: column; gap: 10px;}
	.bs_wrap .main04_request .main_table {width: 100%;}
	.bs_wrap .main04_request .frm_right {width: 100%;}
	.bs_wrap .main04_request .bop_check {font-size: 12px;}
	.bs_wrap .main04_request .frm_right #main_cfm {font-size: 13px;}
	.bs_wrap .main04_request .frm_right #main_cfm {height: 45px;}
}

/* 푸터 */
.bs_wrap #wrap_footer a {color: inherit;}
.bs_wrap #wrap_footer .f_menu {color: #fff;}
.bs_wrap #wrap_footer .f_txt {color: #e7e7e7;}
@media screen and (max-width: 1300px){
	.bs_wrap .f_menu_wrap {width: 100%; max-width: 1200px;}
	.bs_wrap .f_txt {width: 100%; max-width: 1200px;}
}
@media screen and (max-width: 1200px){
	.bs_wrap .f_menu_wrap {padding: 0 20px;}
	.bs_wrap .f_menu a {font-size: 15px;}
	.bs_wrap .f_txt {padding: 20px; display: flex;}
	.f_txt:after, 
	.f_right:after {display: none;}
	.bs_wrap .f_txt .f_left {float: none; width: 165px;}
	.bs_wrap .f_txt .f_right {float: none; width: calc(100% - 165px);}
}
@media screen and (max-width: 1024px){
	.bs_wrap .f_menu a {font-size: 13px;}
	.bs_wrap .copyright {font-size: 12px;}
}
@media screen and (max-width: 768px){	
	.bs_wrap .f_menu_wrap {padding: 0 10px;}
	.bs_wrap .f_menu a {font-size: 12px;}
	.bs_wrap .f_txt {flex-direction: column; gap: 10px; padding: 20px 10px;}
	.bs_wrap .f_txt .f_left,
	.bs_wrap .f_txt .f_right {width: 100%;}
	.bs_wrap .f_right ul {display: flex; flex-wrap: wrap; gap: 10px;}
	.bs_wrap .f_right ul li {width: calc(50% - 5px); margin: 0;}
	.bs_wrap .f_right ul li:last-child {width: 100%;}
	.bs_wrap .f_right ul li .lang {margin-bottom: 10px;}
	.bs_wrap .f_txt p {font-size: 12px;}
	.bs_wrap .copyright {font-size: 11px;}
}
@media screen and (max-width: 500px){	
	.bs_wrap .f_right ul {gap: 10px 20px;}
	.bs_wrap .f_right ul li {width: auto; margin: 0;}
	.bs_wrap .f_right ul li:last-child {width: 100%;}
}

/* ceo 인사말 */
.bs_wrap .s11_up .br_mb {display: none;}
.bs_wrap .s11_down p:nth-child(odd) {width: 48%; float: left; margin-right: 4%;}
.bs_wrap .s11_down p:nth-child(even) {width: 48%; float: right;}
.bs_wrap .s11_down .bigger {font-size: 20px; font-weight: 500;}

@media screen and (max-width: 1300px){
	.bs_wrap #wrap_sub {width: 100%; max-width: 1200px;}
	.bs_wrap .sub_content {width: 100%; max-width: 1200px;}
	.bs_wrap .s11_up {width: 100%;}
}
@media screen and (max-width: 1200px){
	.bs_wrap .sub_visual {display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 0 !important; height: 250px;}
	.bs_wrap .sub_visual h1 {font-size: 36px;}
	.bs_wrap .sub_visual h2 {padding-bottom: 0; font-size: 18px;}
	.bs_wrap .sub_content {padding: 0 20px;}
	.bs_wrap .s11_up {height: 350px;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .sub_visual {height: 220px;}
	.bs_wrap .sub_visual h1 {font-size: 30px;}
	.bs_wrap .sub_visual h2 {font-size: 17px;}
	.bs_wrap .sub_line {margin: 15px auto;}
	.bs_wrap .sub_content {padding: 0 15px;}
	.bs_wrap .content_desc {padding: 70px 0; min-height: 300px;}
	.bs_wrap .s11_up {height: 320px;}
	.bs_wrap .s11_up p {font-size: 22px; padding-top: 60px;}
	.bs_wrap .s11_up p span {font-size: 1.2em;}
	.bs_wrap .s11_down {margin-top: 40px;}
	.bs_wrap .s11_down p {font-size: 15px;}
	.bs_wrap .s11_down p .bigger {font-size: 1.2em;}
	.bs_wrap .s11_down .s11_span {padding-top: 70px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .sub_visual {height: 190px;}
	.bs_wrap .sub_visual h1 {font-size: 26px;}
	.bs_wrap .sub_visual h2 {font-size: 15px;}
	.bs_wrap .sub_line {margin: 10px auto;}
	.bs_wrap .sub_content {padding: 0 10px;}
	.bs_wrap .content_desc {padding: 50px 0; min-height: 0;}
	.bs_wrap .s11_up {height: 250px;}
	.bs_wrap .s11_up p {font-size: 18px; padding-top: 40px;}
	.bs_wrap .s11_up .br_mb {display: inline-block;}
	.bs_wrap .s11_down {margin-top: 30px;}
	.bs_wrap .s11_down p {width: 100%; float: none; font-size: 14px; word-break: keep-all;}
	.bs_wrap .s11_down p:nth-child(odd) {width: 100%; float: none; margin: 0;}
	.bs_wrap .s11_down p:nth-child(even) {width: 100%; float: none; margin-top: 30px;}
	.bs_wrap .s11_down .s11_span {padding-top: 50px;}
}
@media screen and (max-width: 500px){
	.bs_wrap .sub_visual {height: 40vw;}
	.bs_wrap .s11_up p {font-size: 16px; padding-top: 30px;}
}

/* 회사연혁 */
.bs_wrap .sec_inner .month span {display: block; width: 100%; position: relative;}
.bs_wrap .sec_inner .month span:not(:first-of-type) {margin-top: 20px;}

@media screen and (max-width: 1300px){
	.bs_wrap .sec_inner {width: 100%; max-width: 1200px;}
	.bs_wrap .history_dl {display: flex; align-items: flex-start;}
}
@media screen and (max-width: 1200px){
	.bs_wrap .sec_inner dl dt {float: none; width: 200px; margin-top: -12px; font-size: 40px; text-align: left;}
	.bs_wrap .sec_inner dl dt span:after {width: 60px; right: 30px; bottom: 50%; margin: 0;}
	.bs_wrap .sec_inner dl dd {float: none; width: calc(100% - 200px); padding-left: 30px; padding-bottom: 60px;}
	.bs_wrap .sec_inner dl dd li {word-break: keep-all;}
	.bs_wrap .sec_inner dl:last-of-type dd {padding-bottom: 0;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .sec_inner dl dt {width: 180px; font-size: 35px;}
	.bs_wrap .sec_inner dl dt:after {bottom: 50%; transform: translateY(50%);}
	.bs_wrap .sec_inner dl dt span:after {width: 50px;}
	.bs_wrap .sec_inner dl dd {width: calc(100% - 180px);}
	.bs_wrap .sec_inner dl dd span {display: block;}
	.bs_wrap .sec_inner .month span:not(:first-of-type) {margin-top: 15px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .sec_inner dl dt {width: 120px; font-size: 26px; bottom: -7px;}
	.bs_wrap .sec_inner dl dt span:after {width: 30px; right: 18px;}
	.bs_wrap .sec_inner dl dd {width: calc(100% - 120px); padding-left: 20px; padding-bottom: 50px;}
	.bs_wrap .sec_inner .month span:not(:first-of-type) {margin-top: 10px;}
	.bs_wrap .sec_inner dl dd li {font-size: 13px;}
}

/* 조직도 */
.bs_wrap .sub14 {width: 100%; max-width: 1000px;}
.bs_wrap .sub14 img {width: 100%;}

@media screen and (max-width: 1024px){
	.bs_wrap .sub14 {overflow: hidden;}
	.bs_wrap .sub14 img {width: 114%; margin-left: -7%;}
}

/* 오시는길 */
@media screen and (max-width: 1200px){
	.bs_wrap .sub13 {display: flex; gap: 20px;}
	.bs_wrap .sub13_01 {float: none; flex: 1; width: auto;}
	.bs_wrap .sub13_02 {float: none; flex: 1; width: auto;}
	.bs_wrap .sub13:after {display: none;}
	.bs_wrap .map-tbl th {width: 100px; font-size: 17px; vertical-align: middle;}
	.bs_wrap .map-tbl td {padding: 15px 5px; font-size: 16px; line-height: 1.3;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .sub13 {flex-direction: column; align-items: center; gap: 50px;}
	.bs_wrap .sub13 h3 {font-size: 20px;}
	.bs_wrap .sub13_01 {width: 100%; max-width: 600px; margin-bottom: 0;}
	.bs_wrap .sub13_02 {width: 100%; max-width: 600px;}
	.bs_wrap .map-tbl th {width: 80px; font-size: 16px;}
	.bs_wrap .map-tbl td {font-size: 15px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .sub13 h3 {font-size: 18px;}
	.bs_wrap .map-tbl {margin-top: 10px;}
	.bs_wrap .map-tbl th {padding: 0 5px; font-size: 15px;}
	.bs_wrap .map-tbl td {padding: 10px 5px; font-size: 14px;}
}

/* CI */
.bs_wrap .sub15_02_l_p02 .br_mb {display: none;}

@media screen and (max-width: 1024px){
	.bs_wrap .sub15 h4,
	.bs_wrap .sub15 h5 {font-size: 17px; text-align: center;}
	.bs_wrap .sub15_line {margin: 10px auto 30px;}
	.bs_wrap .sub15_02_l {width: 100%; float: none; text-align: center;}
	.bs_wrap .sub15_02_r {width: 100%; margin-top: 50px; padding: 0; float: none; text-align: center;}
	.bs_wrap .sub15_02_l_p01 {font-size: 18px;}
	.bs_wrap .sub15_02_l_p01 span {font-size: 1.2em;}
	.bs_wrap .sub15_02_l_p02 {font-size: 15px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .sub15 h4,
	.bs_wrap .sub15 h5 {font-size: 16px;}
	.bs_wrap .sub15_line {width: 25px; margin: 10px auto 20px;}
	.bs_wrap .sub15_02_r {margin-top: 30px;}
	.bs_wrap .sub15_02_l_p01 {font-size: 16px;}
	.bs_wrap .sub15_02_l_p02 {font-size: 14px;}
	.bs_wrap .sub15_02_l_p02 .br_mb {display: inline-block;}
}

/* 기술현황 */
.bs_wrap .view_image img {max-width: 100%; height: auto !important;}

@media screen and (max-width: 1200px){
	.bs_wrap .board_gallery {display: flex; flex-wrap: wrap; gap: 50px 20px;}
	.bs_wrap ul.board_gallery:after {display: none;}
	.bs_wrap .board_gallery li {float: none; width: calc(25% - 15px) !important; margin: 0;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .board_gallery {gap: 40px 15px;}
	.bs_wrap .board_gallery li {width: calc((100% / 3) - 10px) !important;}
	.fancybox-opened .fancybox-skin {z-index: 20000 !important;}
}
@media screen and (max-width: 768px){
	.bs_wrap .board_gallery {gap: 30px 10px;}
	.bs_wrap .board_gallery li {width: calc(50% - 5px) !important;}
}



/* 사업소개 */
.bs_wrap .s31_3 {margin-bottom: 0;}
.bs_wrap .s32_1 table .arr {position:absolute; top: 50%; right: 0; font-size: 30px; color: #eb335a; font-weight: bold; transform: translate(50%, -50%);}
.bs_wrap .s32_1_txt .under_tb_txt {font-size: 0.9em;}

@media screen and (max-width: 1200px){
	.bs_wrap .s31 h1,
	.bs_wrap .s32 h1 {font-size: 22px;}
	.bs_wrap .s31_1_img {width: 50%;}
	.bs_wrap .s31_1_txt {width: 50%;}
	.bs_wrap .s31_1_txt {padding-top: 10px; padding-left: 20px;}
	.bs_wrap .s31_1_txt p,
	.bs_wrap .s32_1_txt p {font-size: 14px;}
	.bs_wrap .s31_1_txt p span,
	.bs_wrap .s32_1_txt p span {font-size: 1.2em;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .s31 h1,
	.bs_wrap .s32 h1 {font-size: 20px; text-align: center;}
	.bs_wrap .s31_1_img {float: none; width: 70%; max-width: 400px; margin: 0 auto;}
	.bs_wrap .s31_1_txt {float: none; width: 100%; max-width: 600px; margin: 0 auto;}
	.bs_wrap .s31_1_txt {padding-top: 30px; padding-left: 0; text-align: center;}
	.bs_wrap .s31_1_txt p {margin-bottom: 30px;}
	.bs_wrap .s31_3 {display: flex; gap: 10px;}
	.bs_wrap .s31_3:after {display: none;}
	.bs_wrap .s31_3 div {float: none; width: calc((100% / 3) - (20px / 3)); height: auto; line-height: 45px;}
	.bs_wrap .s31_3 div:nth-child(2) {margin: 0;}
	.bs_wrap .s31_3 div a {font-size: 14px;}
	#fboardlist td {font-size: 13px;}
	.bs_wrap .s32_1 {font-size: 13px;}
	.bs_wrap .s32_1 table th {padding: 10px;}
	.bs_wrap .s32_1 table td {word-break: keep-all;}
	.bs_wrap .s32_1 table .arr {font-size: 24px;}
}
/* inc_table1.php iframe 전용 */
@media screen and (max-width: 900px){
	#fboardlist {width: 100%; overflow-x: auto;}
	.board_list {width: 880px !important;}
	#fboardlist th {white-space: nowrap;}
}
/* // inc_table1.php iframe 전용 */
@media screen and (max-width: 768px){
	.bs_wrap .s31 h1,
	.bs_wrap .s32 h1 {margin-bottom: 30px; font-size: 18px;}
	.bs_wrap .s31_1_txt {padding-top: 30px;}
	.bs_wrap .s31_1_txt p {margin-bottom: 30px; font-size: 14px;}
	.bs_wrap .s32_1_txt p {font-size: 14px;}
	.bs_wrap .s31_3 {flex-direction: column; align-items: center; gap: 5px;}
	.bs_wrap .s31_3 div {width: 170px; line-height: 40px;}
	.bs_wrap .s31_3 div a {font-size: 13px;}
	#fboardlist th {font-size: 13px;}
	#fboardlist td {font-size: 12px;}
	.pg_wrap {margin: 20px 0;}
	.pg_wrap .pg_page,
	.pg_wrap .pg_current {min-width: 0; width: 24px; height: auto; padding: 0; font-size: 12px; line-height: 22px;}
	.bs_wrap .s32_1 table .arr {font-size: 18px;}
	.board_list {width: 100% !important; min-width: 550px !important;}
}

/* 제품소개 */
.bs_wrap .s41_31 {margin-bottom: 0;}
.bs_wrap .s41_img_box {margin: 50px auto 0; text-align: center;}

@media screen and (max-width: 1200px){
	.bs_wrap .s41 h1 {font-size: 22px; text-align: center;}
	.bs_wrap .tabtab {display: flex; margin-top: -5vw;}
	.bs_wrap .tabtab:after {display: none;}
	.bs_wrap .tabtab div {float: none; width: calc(25%); height: auto;}
	.bs_wrap .s41 ul {display: flex; flex-wrap: wrap; gap: 30px 20px;}
	.bs_wrap .s41 ul:after {display: none;}
	.bs_wrap .s41 ul li {float: none; width: calc(25% - (15px)); height: auto; margin: 0;}
	.bs_wrap .s41_31 ul {margin-bottom: 0;}
	.bs_wrap .s41_3 {display: flex; gap: 50px;}
	.bs_wrap .s41_3 ul {gap: 20px;}
	.bs_wrap .s41_3 ul li {width: calc(50% - 10px); margin: 0;}
	.bs_wrap .s41_3 ul li:first-child {margin: 0;}
	.bs_wrap .s41_3:after {display: none;}
	.bs_wrap .s41_1_txt p span {font-size: 1.2em;}
	.bs_wrap .s41_2 .s41_1_txt {margin-bottom: 0;}
	.bs_wrap .s42_3 ul li:nth-child(2n-1) {margin: 0;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .s41 h1 {font-size: 20px;}
	.bs_wrap .tabtab div {line-height: 40px;}
	.bs_wrap .tabtab div a {font-size: 13px;}
	.bs_wrap .s41 ul {gap: 30px 15px;}
	.bs_wrap .s41 ul li {width: calc((100% / 3) - 10px);}
	.bs_wrap .s41 ul li p {font-size: 14px;}
	.bs_wrap .s41 .tb_wrap {width: 100%; overflow-x: auto;}
	.bs_wrap .s41 .tb_wrap table {width: 1000px;}
	.bs_wrap .s41 .tb_wrap table th {padding: 15px 10px;}
	.bs_wrap .s41 .tb_wrap table td {font-size: 13px; word-break: keep-all;}
	.bs_wrap .s41_1_txt p {font-size: 14px;}
	.bs_wrap .s41_1 ul li {width: 50% - 7.5px;}
	.bs_wrap .s41_2 table {font-size: 13px;}
	.bs_wrap .s41_img_box {margin: 40px auto 0;}
	.bs_wrap .s41_3 {gap: 30px;}
	.bs_wrap .s41_3 ul {gap: 15px;}
	.bs_wrap .s41_3 ul li {width: calc(50% - 7.5px);}
	.bs_wrap .s42_3 ul li h4 {font-size: 18px;}
	.bs_wrap .s42_3 ul li p {font-size: 14px;}
	.bs_wrap .s42_3 ul li p {font-size: 14px;}
	.bs_wrap .s42_3 ul li p .blue {font-size: 1.1em;}
}
@media screen and (max-width: 768px){
	.bs_wrap .s41 h1 {font-size: 18px;}
	.bs_wrap .tabtab {flex-wrap: wrap;}
	.bs_wrap .tabtab div {flex: 1; flex-basis: 50%; width: 100%; line-height: 36px; border: 1px solid #ddd;}
	.bs_wrap .tabtab div:nth-child(even) {margin-left: -1px;}
	.bs_wrap .tabtab div:nth-child(n+3) {margin-top: -1px;}
	.bs_wrap .tabtab div a {font-size: 12px;}
	.bs_wrap .s41 ul {gap: 20px 10px;}
	.bs_wrap .s41 ul li {width: calc(50% - 5px);}
	.bs_wrap .s41 ul li p {font-size: 13px;}
	.bs_wrap .s41 .tb_wrap table {width: 900px;}
	.bs_wrap .s41 .tb_wrap table th {width: 10px; font-size: 13px;}
	.bs_wrap .s41 .tb_wrap table td {font-size: 12px;}
	.bs_wrap .s41_1_txt p {font-size: 13px;}
	.bs_wrap .s41_1 ul li {width: 50% - 5px;}
	.bs_wrap .s41_2 table {font-size: 12px;}
	.bs_wrap .s41_img_box {margin: 30px auto 0;}
	.bs_wrap .s41_3 {flex-direction: column;}
	.bs_wrap .s41_1_txt2 {width: 100%; margin: 0;}
	.bs_wrap .s41_3 ul {width: 100%; gap: 10px;}
	.bs_wrap .s41_3 ul li {width: calc(50% - 5px);}
	.bs_wrap .s42_3 ul li h4 {font-size: 16px;}
	.bs_wrap .s42_3 ul li p {font-size: 13px;}
}
@media screen and (max-width: 500px){
	.bs_wrap .s42_3 ul li {width: 100%;}
}

/* 시공갤러리 */
.bs_wrap .guest_table th {width: 120px;}

@media screen and (max-width: 1200px){
	.bs_wrap .board_gallery_card {display: flex; flex-wrap: wrap; gap: 40px 20px;}
	.bs_wrap .board_gallery_card li {float: none; width: calc(25% - 15px) !important; height: auto; margin: 0;}
	.bs_wrap .board_gallery_card li .image {display: block; width: 100%; height: auto; margin: 0 auto;}
	.bs_wrap .board_gallery_card .info dt {font-size: 17px;}
}
@media screen and (max-width: 1024px){
	.bs_wrap .board_gallery_card {gap: 30px 15px;}
	.bs_wrap .board_gallery_card li {width: calc((100% / 3) - 10px) !important;}
	.bs_wrap .board_gallery_card .info {padding: 10px 0;}
	.bs_wrap .board_gallery_card .info dt {font-size: 16px;}
	.bs_wrap .board_gallery_card .info dd {font-size: 13px;}
	.bs_wrap .tbl_view_head {margin: 0; margin-bottom: 20px;}
	.bs_wrap .tbl_view_head .tit {padding: 15px 5px; font-size: 18px; line-height: 1.3;}
	.bs_wrap .guest_table th {width: 100px; padding: 15px 10px;}
	.bs_wrap .view_btn a {font-size: 13px;}
	.bs_wrap .table-view-nav {font-size: 13px;}
	.bs_wrap .table-view-nav li a {padding-left: 100px;}
	.bs_wrap .table-view-nav li a > em {font-size: 1em; left: 10px;}
	.bs_wrap .table-view-nav li a > em img {width: 10px;}
	.bs_wrap .table-view-nav li a > em:after {left: 77px;}
	.bs_wrap #bo_cate ul {display: flex; flex-wrap: wrap;}
	.bs_wrap #bo_cate ul li {flex: 1; flex-basis: 25%;}
	.bs_wrap #bo_cate a {padding: 10px; font-size: 13px;}
}
@media screen and (max-width: 768px){
	.bs_wrap .board_gallery_card {gap: 20px 10px;}
	.bs_wrap .board_gallery_card li {width: calc(50% - 5px) !important;}
	.bs_wrap .board_gallery_card .info dt {font-size: 15px;}
	.bs_wrap .board_gallery_card .info dd {font-size: 12px;}
	.bs_wrap .tbl_view_head .tit {padding: 12px 5px; font-size: 16px;}
	.bs_wrap .guest_table th {width: 80px; padding: 12px 10px; font-size: 13px;}
	.bs_wrap .guest_table td {font-size: 13px;}
	.bs_wrap .view_btn a {font-size: 12px;}
	.bs_wrap .table-view-nav {font-size: 12px;}
	.bs_wrap #bo_cate ul li {flex-basis: 50%;}
	.bs_wrap #bo_cate ul li:nth-child(n+3) {margin-top: -1px;}
	.bs_wrap #bo_cate a {font-size: 12px;}
}

/* 고객지원 */
.bs_wrap .no_sp .tb_num {width: 50px;}
.bs_wrap .no_sp .td_sbj {width: calc(100% - 280px); display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bs_wrap .no_sp .tb_name {width: 110px;}
.bs_wrap .no_sp .tb_date {width: 70px;}
.bs_wrap .no_sp .tb_view {width: 50px;}

@media screen and (max-width: 1024px){
	.bs_wrap .tbl_view_head .info {padding: 12px 10px; font-size: 13px;}
	.bs_wrap #bo_v_con {font-size: 13px;}
	.bs_wrap .board_button a {font-size: 13px;}
}
@media screen and (max-width: 900px){
	.no_sp #fboardlist .board_list {width: 100% !important;}
}
@media screen and (max-width: 768px){
	.bs_wrap .tbl_view_head .info {padding: 10px; font-size: 12px;}
	.bs_wrap #bo_v_con {font-size: 12px;}
	.bs_wrap .no_sp .tb_num {width: 40px;}
	.bs_wrap .no_sp .tb_sbj {width: calc(100% - 220px);}
	.bs_wrap .no_sp .tb_name {width: 80px;}
	.bs_wrap .no_sp .tb_date {width: 60px;}
	.bs_wrap .no_sp .tb_view {width: 40px;}
	.bs_wrap .board_button a {font-size: 12px;}
}

/* q&a */
.bs_wrap table.guest_table2 tr th {width: 150px;}
.bs_wrap table.guest_table2 textarea,
.bs_wrap table.guest_table2 input{appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.bs_wrap table.guest_table2 textarea {resize: none; border-color: #dfdfdf;}

@media screen and (max-width: 1024px){
	.bs_wrap table.guest_table2 {font-size: 13px;}
	.bs_wrap table.guest_table2 tr th {width: 120px;}
	.bs_wrap table.guest_table2 tr th,
	.bs_wrap table.guest_table2 tr td {padding: 10px 15px;}
	.bs_wrap .bo_privacy .bop_tit {font-size: 17px; text-align: center;}
	.bs_wrap .agr_content {font-size: 13px;}
	.bs_wrap .board_btn {margin-top: 40px;}
	.bs_wrap .board_btn input#btn_submit {width: 150px; height: auto; font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 768px){
	.bs_wrap table.guest_table2 {font-size: 12px;}
	.bs_wrap table.guest_table2 tr th {width: 90px;}
	.bs_wrap table.guest_table2 tr th,
	.bs_wrap table.guest_table2 tr td {padding: 7px 10px;}
	.bs_wrap table.guest_table2 .ipt_tel input,
	.bs_wrap table.guest_table2 .ipt_tel select {width: calc((100% / 3) - (20px / 3));}
	.bs_wrap table.guest_table2 .ipt_email input,
	.bs_wrap table.guest_table2 .ipt_email select {width: calc((100% / 3) - (20px / 3)) !important;}
	.bs_wrap table.guest_table2 textarea {height: 150px !important;}
	.bs_wrap .bo_privacy .bop_tit {font-size: 16px;}
	.bs_wrap .agr_content {font-size: 12px;}
	.bs_wrap .bop_check .protxt {font-size: 12px;}
	.bs_wrap .board_btn {margin-top: 30px;}
	.bs_wrap .board_btn input#btn_submit {width: 120px; font-size: 13px; line-height: 35px;}
}

/* 로그인 */
.bs_wrap #mb_login #login_info {width: 100%; max-width: 400px;}

@media screen and (max-width: 768px){
	.bs_wrap #login_fs {max-width: 400px; margin: 0 auto; padding: 0;}
	.bs_wrap #mb_login #login_info {padding: 15px 5px; font-size: 13px;}
}