@charset "utf-8";

/*공통*/
.sub_content {clear:both;width:100%;float:left;margin: 160px 0 100px 0;}
h2, p{word-break: keep-all;}

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

/*서브 탑 이미지*/
/* .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: 44px;text-align: center;margin-bottom: 40px;font-weight:bold;}
/*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}


/*==================================회사소개==================================*/
.sub_content.about{margin: 90px 0 100px 0;}
.ab_img {position: relative; clear: both;width: 100%;height: auto;aspect-ratio: 1/0.23;background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/sub/about_img.jpg) 0 0 no-repeat;background-size: cover;
margin: 2px 0 90px 0;}
.ab_img h2 {display: block; position: absolute; top:50%; left: 50%; width: 100%; text-align: center; font-size: 50px; font-weight: 900; transform: translate(-50%, -50%); color: #fff; padding: 0 10px;}
.ab_img h2 strong{color: #ef4023;}

#aboutus {width: 100%;overflow: hidden;}
.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;
}

.ab_biz .txt{text-align: center; margin-bottom: 70px;}
.ab_biz .txt h2{font-size: 30px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;}
.ab_biz .txt strong{font-weight: 700;}
.ab_biz .txt p{font-size: 30px; font-weight: 300;}


.solution {margin-bottom: 100px}
.solution ul{display: flex; gap: 20px 50px; flex-wrap: wrap;}
.solution ul li{width: calc((100% - 50px) / 2);}
.solution ul li img{width: 100%;}
.solution ul li:nth-child(odd){margin-top: 70px;}
.solution ul li .exbold{font-size: 36px; font-weight: 900; margin: 30px 0 10px;}
.solution ul li h3{font-size: 26px; font-weight: 600; margin: 0 0 20px;}
.solution ul li p{word-break: keep-all; font-size: 20px;}

.ab_biz .tit{text-align: center; margin-bottom: 50px;}
.ab_biz .tit h2{font-size: 44px; font-weight: 900;}
.process ul{display:flex; position: relative; flex-wrap:wrap; margin-bottom: 120px; gap: 30px 0;}
.process ul:after{content: ""; width: 100%; height: 1px; position: absolute; top:50%; left: 50%; transform: translate(-50% , -50%); background: #ddd;}
.process ul li{position: relative; width: calc(100% / 5); padding: 0 30px; text-align: center;}
.process ul li:after{content: ""; width: 1px; height: 80%; position: absolute; top:10%; right: 0; background: #ddd;}
.process ul li:nth-child(5):after, .process ul li:nth-child(10):after{display: none;}
.process ul li img{display: inline-block; margin-bottom: 15px;}
.process ul li h3{font-size: 28px; font-weight: 700; margin-bottom: 10px;}
.process ul li p{word-break: keep-all; font-size: 15px; color: #4b4b4b;}

.process_more{margin-bottom: 120px;}
.process_more ul{display:flex;flex-wrap:wrap; margin-bottom: 70px; gap: 1px; justify-content: space-between;}
.process_more ul li{width: calc(50% - 0.5px); text-align: center; padding: 100px 140px; color: #fff;}
.process_more ul li:nth-child(1){background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/sub/sales.jpg); background-size: cover; background-position: center;}
.process_more ul li:nth-child(2){background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/sub/visual.jpg); background-size: cover; background-position: center;}
.process_more ul li h3{font-size: 44px; font-weight: 900; margin-bottom: 50px;}
.process_more ul li p{font-size: 22px; font-weight: 400; line-height: 1.4; word-break: keep-all;}

.ab_biz .txt02{text-align: center; margin-bottom: 40px;}
.ab_biz .txt02 h2{font-size: 30px; font-weight: 700; margin-bottom: 10px;}
.ab_biz .txt02 p{font-size: 18px; font-weight: 400;}
.ab_biz .organ{display: block; margin: 0 auto;}
.ab_biz .organ_m{display: none; margin: 0 auto;}

@media screen and (max-width:1550px){
.process_more ul li{padding: 90px;}
}

@media screen and (max-width:1200px){
.ab_head h2 {font-size: 40px;}
.ab_img h2{font-size: 36px;}
.ab_img{margin: 0 0 60px 0;}

.ab_biz .txt{text-align: center; margin-bottom: 40px;}
.ab_biz .txt h2{font-size: 30px; font-weight: 400;}
.ab_biz .txt p{font-size: 30px; font-weight: 400;}

.solution {margin-bottom: 60px}
.solution ul li{width: calc((100% - 50px) / 2);}
.solution ul li:nth-child(odd){margin-top: 40px;}
.solution ul li .exbold{font-size: 30px; font-weight: 800; margin: 20px 0 10px;}
.solution ul li h3{font-size: 24px;}
.solution ul li p{font-size: 18px;}

.ab_biz .tit{margin-bottom: 40px;}
.ab_biz .tit h2{font-size: 40px;}
.process ul{margin-bottom: 60px; gap: 30px 0;}
.process ul li{padding: 0 20px;}
.process ul li h3{font-size: 25px;}

.process_more{margin-bottom: 60px;}
.process_more ul li{padding: 70px;}
.process_more ul li h3{font-size: 30px; font-weight: 800; margin-bottom: 30px;}
.process_more ul li p{font-size: 18px;}

.ab_biz .txt02 h2{font-size: 23px; margin-bottom: 5px;}
}

@media screen and (max-width:900px){
.process ul{margin-bottom: 60px; gap: 30px 0;}
.process ul:before{content: ""; width: 100%; height: 1px; position: absolute; top:70%; left: 50%; transform: translateX(-50%); background: #ddd;}
.process ul:after{top:35%; left: 50%; transform: translateX(-50%);}
.process ul li{width: calc(100% / 4); padding: 0 30px; text-align: center;}
.process ul li:nth-child(5):after, .process ul li:nth-child(10):after{display: block;}
.process ul li:nth-child(4):after, .process ul li:nth-child(8):after, .process ul li:nth-child(8):after{display: none;}
.process ul li h3{font-size: 20px;}
}

@media screen and (max-width:768px){
.sub_content{margin: 130px 0 50px 0}
.sub_content.about{margin: 70px 0;}
.ab_head h2, .ab_biz .tit h2, .ab_img h2{font-size: 30px;}
.ab_img{margin: 0px 0 30px 0;}
.ab_biz .tit{margin-bottom: 30px;}

.solution {margin-bottom: 40px}
.solution ul li{width: 100%;}
.solution ul li:nth-child(odd){margin-top: 0px;}
.solution ul li h3{font-size: 23px;}
.solution ul li p{font-size: 17px;}

.process ul{margin-bottom: 40px; margin-top: 40px; gap: 20px 0;}
.process ul:before{display: none;}
.process ul:after{display: none;}
.process ul li:after{top: 0;}
.process ul li{width: calc(100% / 2); padding: 0 30px; text-align: center;}
.process ul li:nth-child(even):after{display: none;}
.process ul li h3{font-size: 20px;}

.process_more ul li{width: 100%; padding: 30px; color: #fff;}
.process_more ul li h3{font-size: 28px; font-weight: 700; margin-bottom: 30px;}
.process_more ul li p{font-size: 17px; font-weight: 400;}

.ab_biz .txt h2{font-size: 23px;}

.ab_biz p{margin-bottom: 20px;}

.ab_biz .organ{display: none;}
.ab_biz .organ_m{display: block; width: 70%}
}

@media screen and (max-width:590px){
.ab_head h2, .ab_biz .tit h2, .ab_img h2{font-size: 26px;}
.ab_biz .txt h2 br{display: none;}
.process_more ul li h3{font-size: 26px;}
}

@media screen and (max-width:550px){
.ab_img{aspect-ratio: 1/0.5}
}

@media screen and (max-width:400px){
.ab_biz .organ_m{width: 100%}
}


/*오시는 길*/
.root_daum_roughmap .wrap_map{height: 650px !important;}
.map .root_daum_roughmap .wrap_controllers {display:none;}

.location_top {position:relative; transform:translateY(-60px); z-index:50; margin: 0 100px 30px;}
.location_list {display:flex; flex-wrap:wrap;}
.location_item {position:relative; width:25%; padding:50px 20px; text-align:center; background-color:#fff;}
.location_item.first{border-radius: 30px 0 0 30px;}
.location_item.fourth{border-radius: 0 30px 30px 0;}
.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;}

.sub_content h1{font-weight: 900; text-transform: uppercase;}

@media screen and (max-width:1200px){
.sub_content h1{font-size: 36px; font-weight: 800;}
}

@media screen and (max-width:1100px){
.root_daum_roughmap .wrap_map{height: 450px !important;}
}

@media screen and (max-width:768px){
.root_daum_roughmap .wrap_btn_zoom{height: auto !important;}
.location_top{margin: 25px 30px;}

.sub_content h1{font-size: 28px;}
}


/*works*/
#list_subvar {
    clear: both;
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
}
#list_subvar h2 {
    font-size: 44px;
	font-weight: 900;
    margin-bottom: 20px;
}
#list_subvar p {
    font-size: 18px;
    line-height: 1.4;
	margin-bottom: 50px;
}
#list_subvar li {
    display: inline-block;
    margin-right: 10px;
	margin-bottom: 10px;
}
#list_subvar li a {
    display: block;
    font-size: 18px;
	border: #ddd 1px solid;
	padding: 6px 20px;
	color: #888;
	border-radius: 20px;
}
#list_subvar li.active a {
    font-weight: 500;
    color: #fff;;
	/*border: #ef4023 1px solid;*/
	background-color: #ef4023;
}

/*#list_subvar li.active a {
    font-weight: 500;
    border-bottom: #7d7d7d 2px solid;
}*/


@media screen and (max-width:1200px){
#list_subvar h2 {
    font-size: 36px;
	font-weight: 800;
}

#list_subvar p br{display: none;}
}

@media screen and (max-width:768px){
#list_subvar h2 {
    font-size: 28px;
	font-weight: 700;
}

#list_subvar li{width: calc((100% - 36px) / 3)}
#list_subvar li a {font-size: 16px; text-align: center;}
}



.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;}

@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: 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) {



/* 오시는길 */
.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;}
} 




/**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 */