@charset "utf-8";

/*공통*/
.sub_content {clear:both;width:100%;float:left;margin: 0;}

/*페이지 준비중*/
.con_box img{margin:auto;display:block}

/* 서브비주얼 20250709 */
.sub_content.about, .sub_content.location, .sub_content.portfolio , .sub_content.notice, .sub_content.inquiry{margin-top: 0px;}
.sub_content.location > h1, .sub_content.notice > h1, .sub_content.inquiry > h1, .sub_content.portfolio_detail > h1{display: none;}
#subVisual {position: relative;}
#subVisual img {width: 100%; height: auto; object-fit: cover; }
#subVisual .wrap {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%);}
#subVisual .wrap h1 {font-size: 72px; color: #fafafa; text-align: start; margin: 0; font-weight: 600; display: flex; flex-direction: column;}
#subVisual .wrap h1 span {font-size: 22px;}

/*서브 탑 이미지*/
/* .sVisual {position:absolute;width: 100%;height:310px; text-align:center; line-height:280px; background-repeat:no-repeat; background-position:left top; background-size:cover; background:url('../img/sub/sub_visual01.jpg'); margin:0}
.sVisual > div {display: none; position:absolute;top:50%;left:50%; margin:-70px 0 0 -600px;z-index:5; font-family: 'NanumPen'; top:170px; font-size:33px; color:#fff; background:rgba(0, 0, 0, .8); line-height:50px; padding:10px 20px;}
 */
.main_wrap {position:relative; margin:0 auto; width:100%;max-width:1400px;}
.main_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.con_box{margin:auto;}
.sub_content h1 {font-size: 40px;text-align: center;margin-bottom: 60px;font-weight:bold;}
.sub_content.login > h1 {display: none;}
/*sidebar*/
#sub_visual {clear: both;width: 100%;float: left;height:278px;position:relative;}
.sub_vis01 {background:url(/img/sub/svisual_01.jpg) 0 0 no-repeat;background-size:cover;}
.sub_vis02 {background:url(/img/sub/svisual_02.jpg) 0 0 no-repeat;background-size:cover;}
.sub_vis03 {background:url(/img/sub/svisual_03.jpg) 0 0 no-repeat;background-size:cover;}
.sub_vis04 {background:url(/img/sub/svisual_04.jpg) 0 0 no-repeat;background-size:cover;}
.sub_vis05 {background:url(/img/sub/svisual_05.jpg) 0 0 no-repeat;background-size:cover;}
.svisual_txt {width: 100%;float: left;position: absolute;left: 0;bottom: -1px;z-index: 10;}
.svisual_txt h1 {font-family: 'Roboto', 'Noto Sans KR', 'Arial', Dotum, sans-serif;font-size:90px;color:#fff;line-height: 0.7;font-weight:bold;}

#sidebar {clear: both;width: 100%;float: left;display:none;}
#sidebar .wrap {border-bottom: #ddd 1px solid;}
.home {width:60px;float:left;background:#000;}
.home a {display:block;width:100%;height:60px;background:url(/img/sub/cate_home.png) center center no-repeat;}
#m_sidebar {z-index:3; position: relative; height: 60px; width:calc(100% - 60px);float:right;}
#m_sidebar .m_snb {position: relative; float: left; width: 360px;}
#m_sidebar .m_snb > .over {position: relative; display: block; height: 60px; border-right:#ddd 1px solid;}
#m_sidebar .m_snb > .over span {line-height: 60px; font-weight: 500; font-size: 17px; padding-left: 10%; position: relative; display: block; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal; width: 100%;}
/*#m_sidebar .snb > .over span:after {position:absolute; top:50%; right:10px; margin-top:-4px; width:13px; height:7px; content:''; background:url('../img/sub/m_snb.png') no-repeat;}*/

#m_sidebar .m_snb > .over span:before {position: absolute; top: 28.5px; right: 18px; width: 13px; height: 7px; margin-top: -1px; display: block; content: ""; background: url(/img/sub/m_snb.png) 0 0 no-repeat; display: block; border-radius:10px;}
#m_sidebar .m_snb > .over span:after {position: absolute; top: 27px; right: 11.5px; width: 17px; height: 3px; display:none; content: ""; background: #ccc; border-radius:10px;}

#m_sidebar .m_snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px;}
#m_sidebar .m_snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px;}
#m_sidebar .m_snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fff; z-index: 11; border-right: 1px solid #eee; border-left: 1px solid #eee;}
#m_sidebar .m_snb .snb_con li {border-bottom: 1px solid #eee;}
#m_sidebar .m_snb .snb_con li a {display: block; padding: 15px 6%; font-size: 1.02rem;}
#m_sidebar .m_snb .snb_con li a:hover {color:#6164e9;}
#m_sidebar .m_snb .snb_con li.on {position: relative;}
#m_sidebar .m_snb .snb_con li.on a {padding-left: 25px; font-weight: 500;}
#m_sidebar .m_snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c;}
.m_snb.snb1 {
    background: #f5f5f5;
}

/* 공통 */

.flex-wrap {display:flex; justify-content:space-between;}

.center {text-align:center !important;}

.sub_title {display:none; position:relative; padding:0 20px 50px; margin-bottom:80px;}
.sub_title::after {content:""; position:absolute; bottom:0; left:50%; width:calc(100% - 40px); height:1px; background-color:#e5e5e5; transform:translateX(-50%);}
.sub_title h3 {font-size:38px; font-weight:700; text-align:center;}


.con_box .sub_tit {position:relative; font-size:32px; font-weight:700; letter-spacing:-0.5px; color:#111; margin-bottom:40px; padding-left:35px; text-align: left;}
.con_box .sub_tit:before {content:''; width:25px; height:25px; background:url('../images/sub/sub_tit.png') no-repeat; background-size:cover; position:absolute; left:0; top:5px;}

.sub_tit02 {position:relative; font-size:22px; font-weight:700; color:#555; text-align:left; margin-top:30px;  margin-bottom:40px; border:none; padding-left:25px;}
.sub_tit02:hover {box-shadow:none;}
.sub_tit02:before {content:''; width:19px; height:19px; background:url('../images/sub/sub_tit02.png') no-repeat; background-size:cover; position:absolute; left:0; top:4px;}

.sub_tit03 {font-size:20px;  font-weight:700; color:#555; text-align:left; margin-bottom:40px;}


.table01 {margin-top:10px;}
.table01 tr {border-bottom:1px solid #ccc;}
.table01 th {font-weight:bold; text-align:center; background:#5295e3; font-size:18px; padding:15px 10px; color:#fff;  border-right:1px solid #fff;}
.table01 td {text-align:left; padding:15px 10px; border-right:1px solid #ccc;}
.table01 td:last-child {border-right:none;}

.table02 th {background:#7a7a7a;}
.table02 td {text-align:center;}

.caution {font-size:14px; color:#c10000; margin-top:15px; display:none;}

.con_title{font-size: 26px; font-weight: 700; text-align: left; line-height: 1.3em; margin-bottom:30px; letter-spacing: -.5px;}
.con_title::before{content: ""; display:inline-block ; width: 24px; height: 4px; margin-right: 10px; transform: rotate(135deg); margin-top: 12px; background-color:#c10000; vertical-align: top; margin-top: 12px;}

.red {color:#c10000;}

.pc {}
.mob {display:none}


/*==================================회사소개==================================*/

/* #aboutus {width: 100%;overflow: hidden;padding: 0 100px;} */
.ab_img {clear: both;width: 100%;height: auto;aspect-ratio: 1/0.3;background: url(/img/sub/about_img.jpg) 0 0 no-repeat;background-size: cover;margin: 100px 0;}
#aboutus h2 {font-size: 44px;}
.ab_head h3 {font-size: 35px;margin-bottom: 40px;}
.ab_head p {font-size: 18px;line-height: 1.4;}
.ab_biz p {font-size: 18px;line-height: 1.4;margin-bottom: 40px;}
.ab_client {margin: 100px 0;background: #f5f5f5;padding: 100px 0;}
.ab_client li {width: 22%;float: left;margin-right: 4%;}
.ab_client li:nth-child(4n) {margin-right: 0;}
.ab_client li:nth-child(4n+1) {clear:both;}
.ab_client li a {display:block;}
.ab_client li a img{display:block;max-width:100%;}
.eq_slick  .slick-slide img {
    display: block;
    border: #fff 2px solid;
}

/*오시는 길*/

.map .root_daum_roughmap .wrap_controllers {display:none;}

.location_top {position:relative; transform:translateY(-60px); background-color:#fff; z-index:50;}
.location_list {display:flex; flex-wrap:wrap;}
.location_item {position:relative; width:25%; padding:50px 20px; text-align:center;}
.location_item:not(:last-child)::after {content:""; position:absolute; top:50%; right:0; width:1px; height:150px; background-color:#e5e5e5; transform:translateY(-50%);}
.location_ic {display:inline-flex; justify-content:center; align-items:center; height:34px;}
.location_ic::before {content:""; display:inline-block; background-image:url('../images/sub/location_icon.png');}
.location_item.first .location_ic::before {width:26px; height:34px; background-position:0 0;}
.location_item.second .location_ic::before {width:33px; height:33px; background-position:-26px 0;}
.location_item.third .location_ic::before {width:32px; height:26px; background-position:-59px 0;}
.location_item.fourth .location_ic::before {width:28px; height:24px; background-position:-91px 0;}
.location_txt_wrap {}
.location_txt_wrap .tit {margin-top:20px; font-size:18px; font-weight:600; color:#333;}
.location_txt_wrap .txt {display:inline-block; margin-top:15px; font-size:16px; font-weight:300; color:#333;}

.transport {margin-top:15px;}
.transport_box {display:flex; align-items:flex-start; min-height:165px; padding:35px 0; border-top:1px solid #e5e5e5;}
.transport_box:last-child {padding-bottom:0;}
.transport_tit {display:flex; align-items:center; flex-shrink:0; min-width:100px; margin-right:210px; font-size:26px; line-height:1;}
.transport_ic {display:inline-block; margin-right:15px;}
.transport_info {}
.destination {display:flex; align-items:center; font-size:17px; font-weight:700; color:#444;}
.destination .num {display:inline-flex; justify-content:center; align-items:center; width:26px; height:26px; margin-right:5px; font-size:16px; font-weight:600; color:#fff; text-indent:-1px; border-radius:50%;}
.destination .num:last-child {margin-right:15px;}
.destination .num.orange {background-color:#ff8939;}
.station {margin-top:15px; font-size:17px; color:#666;}
.transport_box.subway .station:last-child {margin-top:5px;}
.bus_ic {display:inline-flex; justify-content:center; align-items:center; width:55px; height:28px; margin-right:15px; font-size:16px; font-weight:600; color:#fff; border-radius:15px; background-color:#00afbd;}
.bus_ic.blue {background-color:#2391ee;}
.bus_ic.green {background-color:#47af1b;}

/* 인사말 20250709 */
#aboutus > div {margin: 120px 0;}
#aboutus > div:last-child {margin-bottom: 0;}
#aboutus .sec01 .wrap {display: flex; justify-content: space-between;}
#aboutus .sec01 .wrap .left {width: 52%; border-radius: 25px; overflow: hidden;}
#aboutus .sec01 .wrap .left img, #aboutus .sec01 .wrap .right .flow_banner img {width: 100%; height: 100%; object-fit: cover;}
#aboutus .sec01 .wrap .right {width: 40%; position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
#aboutus .sec01 .wrap .right .flow_banner {position: absolute; top: 60px; left: -120px; border-radius: 25px; overflow: hidden;}
#aboutus .sec01 .wrap .right h4 {position: absolute; top: 320px; left: -250px; font-size: 38px; font-weight: 600; word-break: keep-all; background: linear-gradient(to right, white 42%, black 42%); background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
#aboutus .sec01 .wrap .right .txt {display: flex; flex-direction: column; row-gap: 20px; color: #000;}
#aboutus .sec01 .wrap .right .txt p {font-size: 16px; font-weight: 400; word-break: keep-all; line-height: 1.5;}

#aboutus .sec02 {background: #f8f3ed url('../img/sub/about_bg.png')center no-repeat; padding: 120px 0; background-size: cover;}
#aboutus .sec02 .wrap {position: relative;}
#aboutus .sec02 .wrap > strong {position: absolute; bottom:0; right: 0;font-size: 2.5vw; font-weight: 500; text-align: end;word-break: keep-all; line-height: 1.5; color: #444444;}
#aboutus .sec02 .wrap .item_wrap {display: flex; flex-wrap: wrap; gap: 26px;}
#aboutus .sec02 .wrap .item_wrap > div {width: calc(100%/4 - 20px); position: relative; aspect-ratio: 1 / 1.1;}
#aboutus .sec02 .wrap .item_wrap > div img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
#aboutus .sec02 .wrap .item_wrap > div p {position: absolute; bottom: 35px; right: 35px; font-size: 36px; font-weight: 500; color: #fff; word-break: keep-all;}
#aboutus .sec02 .wrap .item_wrap > div p.black {color: #000}
#aboutus .sec02 .wrap .item_wrap > div p.point {right: -69px;  background: linear-gradient(to right, white 59%, black 42%); background-clip: text; color: transparent;}
#aboutus .sec02 .wrap .item_wrap > div.empty {opacity: 0;}

/* 오시는 길 20250710 */
.location {margin: 120px 0;}
.location .wrap .info_wrap ul{display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
.location .wrap .info_wrap ul:before {content:''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width:100%; height: 1px; background: #eee;}
.location .wrap .info_wrap ul > li {width: calc(100%/2); padding: 30px 15px; display: flex; align-items: center; font-size: 20px;}
.location .wrap .info_wrap ul > li p {font-weight: 600; min-width: 100px; word-break: keep-all;}
.location .wrap .info_wrap ul > li span {width: 100%; word-break: keep-all;}
.root_daum_roughmap .map {height: 100% !important;}
.root_daum_roughmap .cont .section.lst, .root_daum_roughmap .wrap_controllers {display: none !important;}

/* 포트폴리오 20250710 */
#list_subvar .wrap ul {display: flex; column-gap: 15px;}
#list_subvar .wrap ul li {margin: 0; padding: 5px 16px; background: #eee; border-radius: 40px;}
#list_subvar .wrap ul li a {color: #999; border:none;}
#list_subvar .wrap ul li.active {background: #000;}
#list_subvar .wrap ul li.active a {color: #fff; font-weight: 600;}

#list_subvar {
	margin-top: 120px;
    clear: both;
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
}
#list_subvar h2 {
    font-size: 44px;
    margin-bottom: 10px;
}
#list_subvar p {
    font-size: 18px;
    line-height: 1.4;
	margin-bottom: 50px;
}
#list_subvar li {
    display: inline-block;
    margin-right: 32px;
}
#list_subvar li a {
    display: block;
    font-size: 20px;
	border-bottom: transparent 2px solid;
}
#list_subvar li.active a {
    font-weight: 500;
    border-bottom: #7d7d7d 2px solid;
}
.qna_wrap {padding-top:20px;}
.qna_privacy {margin:28px 0;}
.qna_privacy .privacy_box {border:1px solid #d5d5d5; background:#fafafa; padding:20px 30px; height:126px; box-sizing:border-box; overflow-y:auto;}
.qna_privacy .privacy_box .title {font-size:14px; line-height:20px; font-weight:500; color:#444; margin-bottom:25px;}
.qna_privacy .privacy_box .conarea {font-size:14px; line-height:21px; letter-spacing:-0.025em; color:#888;}
.qna_privacy .qna_privacy_agree {text-align:right; margin-top:10px;}
.qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"]{display:none;}
.qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"] + label{display:inline-block;height:20px; line-height:18px; padding-left:24px; font-size:16px; letter-spacing:-0.025em; color:#888; background:url(../images/ck_off.png) left 1px no-repeat;}
.qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"]:checked + label{background:url(../images/ck_on.png) 0 1px no-repeat;}




.tab_wrap {margin-top:50px;}
.tab_wrap #tabs {box-sizing:border-box; font-size:0; margin: 0 auto; display:flex; flex-wrap:wrap; justify-content:center;}
.tab_wrap #tabs li {position: relative;width: calc(25% - 15px);height: 80px;text-align: left;color: rgba(0,0,0,0.5);text-transform: uppercase;border: 1px solid #d3d3d3; margin:0 2%;}
.tab_wrap #tabs li a {padding:27px 30px; width:100%; letter-spacing:-1px; display:block; position: relative; font-size: 18px; transition:0.3s;}
.tab_wrap #tabs li a:after{display: block;content:"";position: absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 3px solid #1972da;z-index: 1;opacity: 0;box-sizing: border-box; transition:0.3s;}
.tab_wrap #tabs li a:before{display: block;content:"";position: absolute;top: 34px;right: 30px;border: 1px solid rgba(0,0,0,0.5);width: 10px;height: 10px;transform: rotate(45deg);border-left: 0;border-bottom: 0; transition:0.3s;}
.tab_wrap #tabs li.current a, .tab_wrap #tabs li.current_page_item a, .tab_wrap #tabs li a:hover {color:#1972da; font-weight:bold;}
.tab_wrap #tabs li.current a:after, #tabs li.current_page_item a:after, .tab_wrap #tabs li:hover a:after {opacity:1;}
.tab_wrap #tabs li.current a:before{border-color: #1972da;border-width: 3px;box-sizing: border-box;}
.tab_wrap #tabs li:hover a:before{border-color: #1972da;border-width: 3px;box-sizing: border-box;}

.tab_content .table_wrap {margin-top:70px; border-top:2px solid #e1e1e1;}


.result_wrap {padding:80px 0 0;}
.result_wrap_title_wrap {position:relative; padding-bottom:35px; text-align:center;}
.result_wrap .category {margin-bottom:25px; font-size:26px; font-weight:700; color:#c10000; line-height:1;}
.result_wrap .on-the-box {margin-bottom:90px;}

.client_list {display: flex; flex-wrap: wrap;}
.client_list li {width:calc(100% / 4); margin-bottom:10px;}






.table_wrap {}
.table_wrap p {margin-top:10px; font-size:16px; color:#415658;}
.table_txt {margin-top:20px; font-size:15px; font-weight:bold; color:#555; display:none;}
.table_com {}
.table_com th {font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.5px; padding:15px 10px; background:#5e777a; text-align:center; border-right:1px solid #f1f1f1;}
.table_com th:last-child {border-right:none;}
.table_com td {font-size:16px; color:#666; letter-spacing:-0.5px; padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_com td:last-child {border-right:none;}

/* 반응형 20250709 */
@media all and (max-width: 1600px) {
#aboutus .sec01 .wrap .right .flow_banner {height: 180px;}
#aboutus .sec01 .wrap .right h4 {top: 265px;}
}
@media all and (max-width: 1300px) {
#aboutus .sec01 .wrap .left {width: 58%;}
}
@media all and (max-width: 1200px) {
#aboutus .sec01 .wrap .right {justify-content: center;}
#aboutus .sec01 .wrap .right h4 {position: relative; top: unset; left: unset; color: #000; -webkit-text-fill-color: unset; font-size: 30px; margin-bottom: 25px;}
#aboutus .sec01 .wrap .right .flow_banner {left: -185px; aspect-ratio: 1/1; height: 160px;}
#aboutus .sec01 .wrap .left {width: 48%;}
}
@media all and (max-width: 960px) {
.location .wrap .info_wrap ul:before {display:none;}
.location .wrap .info_wrap ul > li {width: 100%; padding: 20px 15px; font-size: 18px; border-bottom: 1px solid #eee;}

#aboutus .sec02 .wrap .item_wrap > div {width: calc(100% / 3 - 20px);}
#aboutus .sec02 .wrap .item_wrap > div.empty {display: none;}
#aboutus .sec02 .wrap .item_wrap > div p {font-size: 28px;}
#aboutus .sec02 .wrap .item_wrap > div p.point {right: 35px; color: #fff;}
#aboutus .sec02 .wrap > strong {font-size: 2.3vw;}

#subVisual .wrap h1 {font-size: 60px;}
#subVisual img {height: 300px}
#aboutus .sec01 .wrap .right h4 {font-size: 26px;}
}
@media all and (max-width: 650px) {
#aboutus .sec02 .wrap .item_wrap > div p, #aboutus .sec02 .wrap .item_wrap > div p.point{right: 50%; transform: translatex(50%); font-size: 22px;}
#aboutus .sec02 {padding: 60px 0;}

#subVisual .wrap {bottom: 40px;}
#subVisual .wrap h1 {font-size: 40px;}
#subVisual .wrap h1 span {font-size: 20px;}
#subVisual img {height: 230px}

#aboutus .sec01 .wrap .right .flow_banner {display: none;}
#aboutus > div, .location {margin: 60px 0;}
#aboutus .sec01 .wrap {flex-direction: column; row-gap: 40px;}
#aboutus .sec01 .wrap .left, #aboutus .sec01 .wrap .right {width: 100%;}
#aboutus .sec01 .wrap .left {aspect-ratio: 1 / 0.5;}
}

@media all and (max-width: 500px) {
.root_daum_roughmap .wrap_map {height: 350px !important;}
.location .wrap .info_wrap ul > li p {min-width: 80px;}
.location .wrap .info_wrap ul > li {font-size: 16px; padding: 17px 10px;}

#aboutus .sec02 .wrap > strong {font-sizE: 3vw;}
#aboutus .sec02 .wrap .item_wrap {gap: 14px;}
#aboutus .sec02 .wrap .item_wrap > div {width: calc(100% / 2 - 7px);}
}

@media all and (max-width: 400px) {
#subVisual .wrap h1 {font-size: 34px;}
#subVisual .wrap h1 span {font-size: 18px;}
#aboutus .sec01 .wrap .right h4 {font-size: 22px;}
}







@media screen and (max-width:1600px){
.partners_list_wrap{width:90%;}

}


@media screen and (max-width:1500px){
/* about us */

#content .partners_list_wrap li{width:calc(100% / 4.2)}
}

@media screen and (max-width: 1400px) {
/*sidebar*/
#aboutus {padding:0;}
#sidebar .wrap{width:100%;padding:0;}
.sVisual {height:420px;}
#container #content{width:100%;}

.sub_title {padding:0px 20px 20px;}
.sub_title h3 {font-size:28px;}

.con_title {font-size:22px;}

/* 개요 */
.summary_img {width:600px;}

/* 납품현황 */
.global_map {transform: translateX(-50%) scale(0.7);margin-top: -70px;}

/* about us */

#content .partners_list_wrap{width:100%}
.company_eq{padding: 0 3%;width:100%}
#content .company_eq .eq_img_wrap>div img{width:100%;height:auto}
}



@media screen and (max-width: 1200px) {
/*개요*/
#sub_visual {height: 285px;}
.svisual_txt h1 {font-size: 79px;}
}


@media screen and (max-width: 1100px) {
/* 오시는길 */
.location-sec {padding-bottom:100px;}
.map {height:450px!important;}
.map #daumRoughmapContainer1659688258077 {height:100% !important}
.location_top {margin-top:20px; transform:none;}
.location_item {width:50%; padding:20px;}
.location_item::after {display:none;}
.location_txt_wrap .tit {margin-top:15px; font-size:17px;}
.location_txt_wrap .txt {margin-top:10px;}
.transport {margin-top:40px;}
.transport_tit {margin-right:80px; font-size:24px;}
.station {font-size:16px;}

}

@media screen and (max-width: 800px) {
#sidebar .home {display:none;}
#m_sidebar .m_snb {width:50%;}
#m_sidebar {width:100%;}
}

@media screen and (max-width:768px){
#content .partners_list_wrap li {
    width: calc(100% / 3);
}

/* 20240105 슬라이드없이 */

#content .company_eq .eq_img_wrap{display:grid;grid-template-columns: 1fr 1fr; gap: 10px 10px}
#content .company_eq .eq_img_wrap>div img{width:100%;height:auto}
}

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

.sub_title {padding:0px 10px 20px;}
.sub_title h3 {font-size:24px;}

.con_title {font-size:20px;}


#captcha.m_captcha audio {display:inline-block; width:130px}
#captcha.m_captcha #captcha_img {width:140px; height:45px; display:inline-block;}
}


@media screen and (max-width: 700px) {
#list_subvar .wrap ul li {width: calc(100%/3 - 7px);}
#list_subvar .wrap ul li a {width:100%; height: 100%; display: flex; align-items: center; justify-content: center; word-break: keep-all; text-align: center;}
#list_subvar .wrap ul {flex-wrap: wrap; gap: 10px;}
/* .sub_content {margin: 139px 0 50px 0;} */
#aboutus h2 {
    font-size: 35px;
}
.ab_head h3 {
    font-size: 28px;
}
.ab_head p {
    font-size: 16px;
    line-height: 1.4;
}
.ab_biz h2 {margin-bottom:10px;}
.ab_biz p{
    font-size: 16px;}
 .ab_img {
    aspect-ratio: 1/0.5;
    margin: 50px 0;
}
.ab_client {
    margin: 50px 0;
    padding: 50px 0;
}
#list_subvar .wrap ul li {padding: 10px 0;}
.ab_client li {width:49%;float:left;margin-right:0;}
.ab_client li:nth-child(2n) {float:right;}
#list_subvar p {font-size: 16px;margin-bottom:30px;}
#list_subvar li a {
    font-size: 17px;
/*     margin: 0 0 10px 0; */
}
}

@media screen and (max-width: 680px) {
.sub_content h1 {font-size: 36px;margin-bottom: 30px;}
}

@media all and (max-width: 650px) {
#list_subvar {margin-top: 60px;}
.view_more_btn {padding: 40px 0 0;}
}

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


/*공통*/
.con_box .sub_tit {font-size:26px; padding-left:30px; margin-bottom:20px;}
.con_box .sub_tit:before {width:20px; height:20px;}

.table01 th {font-size:16px;}
.table01 td {padding:10px 10px; font-size:15px;}

.pc {display:none}
.mob {display:block;}



.map {height:300px !important;}
.location_top {margin-top:25px;}
.transport_tit {font-size:20px;}
.transport_box {flex-direction:column;}
.transport_info {margin-top:30px;}


}


@media screen and (max-width: 600px) {
	#sub_visual {height: 199px;}
	.svisual_txt h1 {font-size: 56px;}
	.svisual_txt {bottom: 13px;}

	#content .partners_list_wrap li {
    width: calc(100% / 3);
}

}



@media screen and (max-width: 500px) {
#list_subvar .wrap ul li a {font-size: 15px;}


/* 오시는길 */
.location_item {width:100%; padding:15px 20px;}
}

@media screen and (max-width:460px){
#content .partners_list_wrap li {
    width: calc(100% / 2);
}

/* 20240105 슬라이드없이 */
#content .company_eq .eq_img_wrap{display:grid;grid-template-columns: 1fr; gap: 10px}
#content .company_eq .eq_img_wrap>div img{width:422px;height:auto}
}


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

.sub_title {padding:0px 10px 20px; margin-bottom:40px;}
.sub_title h3 {font-size:20px;}

.summary_wrap {padding:10px 0 60px;}
.summary_wrap .s_tit {font-size:20px;}
.sub_content h1 {font-size: 25px;}
/* .sub_content {margin:116px 0 50px 0;} */
.svisual_txt h1 {font-size: 45px;}

#aboutus h2 {font-size: 26px;}
.ab_head h3 {font-size: 20px;}
.ab_biz .biz_mcon .biz_txt h3 {font-size: 18px;}
.ab_biz .biz_mcon .biz_txt p {font-size: 15px;}
}




/**20231106 추가-img.php디자인 소스**/
.imgpopup_wrap{max-width:400px;width:100%; border-radius:0.7em; margin: 0 auto;;border:1px solid #ddd;position:relative;z-index:1;overflow-x:hidden;background:#01A9DB;}
.top_logo_user, .footer_logo_user{text-align:center;color:#fff;}
.top_logo_user{margin-top:25px;font-size:1.7em;font-weight:bold}
.footer_logo_user{margin-bottom:25px;}
.imgpopup_wrap>div>span{display:block;padding:15px;z-index:3;border-bottom:1px dotted #ddd;}
.imgpopup_wrap>div>span:last-child{border-bottom:0;}
.userinfo_box{background:#fff;margin:25px 30px 25px;border-radius: 0 1.5em}
/**20231106 추가-img.php디자인 소스**/



/* donga- aboutus */
.partners_list_wrap{display:flex;flex-wrap:wrap;    justify-content: space-between;    gap: 20px 0;}
.partners_list_wrap li{width:calc(100% / 5.3);    margin-right: 0;}
/* 20240105 슬라이드없이 */
.company_eq .eq_img_wrap{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 10px}
.company_eq .eq_img_wrap>div{border:5px solid #dfdfdf;box-sizing:border-box}
.company_eq .eq_img_wrap>div img{width:422px;height:246px}
/* donga- aboutus */