/* 서브페이지 키비쥬얼 */ #SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/footer/network/KV_footer_network.jpg')} /* 사업장 위치 */ /* map */ #NETWORK .map_area {max-width:1116px;margin:0 auto;} #NETWORK .map_area .map_entire {margin-bottom:90px;} #NETWORK .map_area .map_entire #map {width:100%;height:535px;background:#666;} #NETWORK .map_area .map_entire .no_map {width:100%;height:535px;background:#f5f5f5; text-align:center; display:table; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #NETWORK .map_area .map_entire .no_map .no_map_inner {display: table-cell; vertical-align: middle;} #NETWORK .map_area .map_entire .no_map .no_map_inner img {margin-bottom:40px;width:54px;height:54px;} #NETWORK .map_area .map_entire .no_map .no_map_inner p {font-size: 18px; line-height: 32px; color: #666;} /* info_area */ #NETWORK .info_area {padding:25px 45px 22px;background: #fafafa; border-bottom: 1px solid #e5e5e5; text-align: center;} #NETWORK .info_area span {display:inline-block; padding-left:24px; padding-right:45px;color:#222; position:relative;} #NETWORK .info_area span:before {content:''; position:absolute;width:12px; height:12px;left:0;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #NETWORK .info_area span.category_head:before {background:#182868;} #NETWORK .info_area span.category_produce:before {background:#d77531;} #NETWORK .info_area span.category_marketing:before {background:#4592ac;} #NETWORK .info_area span.category_foreign:before {background:#399980;} #NETWORK .info_area span.category_rnd:before {background:#74479b;} #NETWORK .info_area span.category_part:before {background:#736256;} #NETWORK .info_area span.category_etc:before {background:#8e8e8e;} /* 검색영역 */ #NETWORK .map_area ul.map_search {font-size:0; position:relative; text-transform:capitalize;} #NETWORK .map_area ul.map_search > li {position:relative;display:inline-block; vertical-align:bottom; padding-right:48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #NETWORK .map_area ul.map_search > li:nth-child(1) {width:20%;} #NETWORK .map_area ul.map_search > li:nth-child(2) {width:34%;} #NETWORK .map_area ul.map_search > li:nth-child(3) {width:17%;} #NETWORK .map_area ul.map_search > li:nth-child(4) {width:29%;} #NETWORK .map_area ul.map_search > li:nth-child(2) .gu_sort_area {width:calc(50% - 7px);} #NETWORK .map_area ul.map_search > li:last-child {padding-right:0;} #NETWORK .map_area ul.map_search > li:after {content:''; position:absolute;width:2px;height:50%;background:#e5e5e5;right:24px;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #NETWORK .map_area ul.map_search > li:last-child:after {display:none;} #NETWORK .map_area ul.map_search > li .gu_sort_area {display:inline-block; vertical-align:middle;margin-right:14px;float:none; width:100%;} #NETWORK .map_area ul.map_search > li .gu_sort_area:last-child {margin-right:0;} #NETWORK .map_area ul.map_search > li .gu_sort_area .gu_sort_name {width:100%;} #NETWORK .map_area ul.map_search > li .gu_sort_area .gu_selectbox {min-width:100%;} #NETWORK .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a {display:none;} #NETWORK .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a.on, #NETWORK .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a.active {display:block;} #NETWORK .map_area ul.map_search > li.search_btn_area {margin-top:-8px;} #NETWORK .map_area ul.map_search > li.search_btn_area > div {display:inline-block; vertical-align:top;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.input_box {width:calc(100% - 102px); text-align:right; position:relative;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.input_box input {display:inline-block;width:100%; text-align:left; height:46px; line-height:46px;background:#fff;border-bottom:2px solid #d9d9d9; font-size:16px;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.input_box a {position:absolute;right:0;top:0; display:none; width:26px; padding: 11px 13px;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.input_box a img {width:100%;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.btn_box a {display:inline-block;width:48px;height:48px;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.btn_box a.btn_go_search {background:#333;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.btn_box a.btn_refresh {background:#666;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.btn_box a:first-child {margin-right:6px;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.btn_box a img {width:18px;height:18px; vertical-align:middle; padding:15px;} #NETWORK .map_area ul.map_search > li.search_btn_area.on {width:100%;} #NETWORK .map_area ul.map_search > li.search_btn_area.on > div.input_box input {width:100%;} #NETWORK .map_area ul.map_search > li.search_btn_area.on > div.input_box a {display:inline-block;} #NETWORK .map_area ul.map_search > li.search_btn_area.on > div.btn_box a.btn_open_search {display:none;} #NETWORK .map_area ul.map_search > li.search_btn_area.on > div.btn_box a.btn_close {right:54px;} /* 리스트 */ #NETWORK .map_area ul.map_info {margin-top:52px;border-top:1px solid #000;border-bottom:1px solid #000;} #NETWORK .map_area ul.map_info > li {border-bottom:1px solid #e1e1e1;} #NETWORK .map_area ul.map_info > li:last-child {border:none;} #NETWORK .map_area ul.map_info > li.no_data {font-size:16px; color:#666; padding:40px 0; text-align:center;} #NETWORK .map_area ul.map_info > li .info_title a {display:inline-block; padding:30px 0;width:100%; position:relative; font-size:0;} #NETWORK .map_area ul.map_info > li .info_title a:after {position:absolute;right:6px;width:16px; height:16px;top:50%;background:url(../../../img/footer/network/btn_plus.png) no-repeat center center / contain; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #NETWORK .map_area ul.map_info > li.on .info_title a:after {background-image:url(../../../img/footer/network/btn_minus.png);} #NETWORK .map_area ul.map_info > li .info_title a > div {display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #NETWORK .map_area ul.map_info > li .info_title a > div.name {position:relative;width:61%;margin-bottom:0; padding-left:28px;} #NETWORK .map_area ul.map_info > li .info_title a > div.name:before {content:''; position:absolute; width:12px; height:12px;left:0;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_head:before {background:#182868;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_produce:before {background:#d77531;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_marketing:before {background:#4592ac;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_foreign:before {background:#399980;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_rnd:before {background:#74479b;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_part:before {background:#736256;} #NETWORK .map_area ul.map_info > li .info_title a > div.name.category_etc:before {background:#8e8e8e;} #NETWORK .map_area ul.map_info > li .info_title a > div.location {padding-right:90px; line-height:36px;width:39%; text-align:right;} #NETWORK .map_area ul.map_info > li .info_title a > div.location > span {position:relative; font-size:16px;display:inline-block; vertical-align:top; margin-right:25px;} #NETWORK .map_area ul.map_info > li .info_title a > div.location > span:after {content:''; position:absolute;width:1px;height:40%;top:50%;right:-13px;background:#c8c8c8; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #NETWORK .map_area ul.map_info > li .info_title a > div.location > span:last-child:after {display:none;} #NETWORK .map_area ul.map_info > li .info_content {padding:20px 0 50px; display:none;} #NETWORK .map_area ul.map_info > li .info_content .content_left {float:left; width:calc(100% - 480px); padding-right:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc {margin-bottom:5px; font-size:0;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span {display:inline-block; vertical-align:top;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span:first-child {width:55px;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span:last-child {width:calc(100% - 62px); color:#555;} #NETWORK .map_area ul.map_info > li .info_content .content_left .gu_btn_area {margin-top:40px;} #NETWORK .map_area ul.map_info > li .info_content .content_right {float:right;} #NETWORK .map_area ul.map_info > li .info_content .content_right .thumb_map {height:280px;background:#f5f5f5; width: 480px;} #NETWORK .map_area ul.map_info > li .info_content .content_right .no_map {width:628px; height:302px;background:#f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; display:table;} #NETWORK .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner {display:table-cell; vertical-align:middle;} #NETWORK .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner img {width:36px;height:36px; margin-bottom:30px;} #NETWORK .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner p {font-size:16px; line-height:30px;color:#666;} /* ================================== Tablet css ================================== */ @media all and (max-width: 1080px) { #NETWORK .map_area .map_entire {margin-bottom:50px;} #NETWORK .map_area ul.map_info > li.no_data {font-size:14px;} #NETWORK .map_area ul.map_search > li, #NETWORK .map_area ul.map_search > li:nth-child(-n+5) {width:50%;} #NETWORK .map_area ul.map_search > li:nth-child(n+2):nth-child(n+3) {margin-top:25px;} #NETWORK .map_area ul.map_search > li:nth-child(2) {padding-right:0;} #NETWORK .map_area ul.map_search > li:after {display:none;} #NETWORK .map_area ul.map_search > li.search_btn_area > div.input_box input {font-size:14px;} #NETWORK .map_area ul.map_info > li .info_title a {padding:27px 0 24px;} #NETWORK .map_area ul.map_info > li .info_title a > div.name {padding-left:20px; width:60%;} #NETWORK .map_area ul.map_info > li .info_title a > div.location {padding-right:50px; line-height:26px; width:40%;} #NETWORK .map_area ul.map_info > li .info_title a > div.location > span {font-size:13px;} #NETWORK .map_area ul.map_info > li .info_title a:after {width:14px; height:14px;} #NETWORK .map_area ul.map_info > li .info_content {padding:10px 0 30px;} #NETWORK .map_area ul.map_info > li .info_content .content_left {width:calc(100% - 334px); padding-right:50px;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span {font-size:14px;} #NETWORK .map_area ul.map_info > li .info_content .content_right .thumb_map {width:334px; height:200px;} #NETWORK .info_area {padding:25px 20px 22px;} #NETWORK .info_area span {padding-left:20px; padding-right:3%;} } /* ================================== Mobile css ================================== */ @media all and (max-width: 766px) { #NETWORK .map_area .map_entire {display:none;} #NETWORK .map_area ul.map_search > li {width:100% !important; padding-right:0 !important; margin-top:20px !important;} #NETWORK .map_area ul.map_info > li .info_title a {padding:24px 0 21px;} #NETWORK .map_area ul.map_info > li .info_title a > div.name {font-size:16px; line-height:24px; width:88%; padding-left:0;} #NETWORK .map_area ul.map_info > li .info_title a > div.name:before {display:none;} #NETWORK .map_area ul.map_info > li .info_title a > div.location {width:88%; padding-right:0; text-align:left; margin-top:10px;} #NETWORK .map_area ul.map_info > li .info_title a > div.location > span:first-child {margin-left:0;} #NETWORK .map_area ul.map_info > li .info_content {padding:10px 0 28px;} #NETWORK .map_area ul.map_info > li .info_content .content_left {width:100%;float:none; padding-right:0;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span:first-child {width:30%;} #NETWORK .map_area ul.map_info > li .info_content .content_left .desc > span:last-child {width:70%;} #NETWORK .map_area ul.map_info > li .info_content .content_right {float:none; margin-top:35px;} #NETWORK .map_area ul.map_info > li .info_content .content_right .thumb_map {width:100%;height:240px;} }