@charset "utf-8";

/* 키비 이미지 */
#NETWORK #SUB_KEYVISUAL .gu_sub_top .kv_img_area{background:url(../../images/footer/KV_network.jpg) no-repeat center/cover;}


/* 사업장 위치 */
#NETWORK{padding-bottom:160px;}
#NETWORK .gu_contents_wrap{padding-top:112px;}

/* map */
#NETWORK .map_area{max-width:1116px;margin:0 auto;}

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

#NETWORK .map_area ul.map_search{margin-top:90px; font-size:0; position:relative; text-transform:capitalize;}
/*#NETWORK .map_area ul.map_search{float:left;}*/
#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:17%;}
#NETWORK .map_area ul.map_search>li:nth-child(3){width:34%;}
#NETWORK .map_area ul.map_search>li:nth-child(4){width:29%;}
#NETWORK .map_area ul.map_search>li:nth-child(3) .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.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:first-child{ margin-right:6px;}
#NETWORK .map_area ul.map_search>li.search_btn_area>div.btn_box a img{width:48px;height:48px;}

#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(../../images/common/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(../../images/common/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{font-size:22px; line-height:36px;width:67%;}
#NETWORK .map_area ul.map_info>li .info_title a>div.location{color:#0e2ac9; padding-right:60px; line-height:36px;width:33%; text-align:right;}
#NETWORK .map_area ul.map_info>li .info_title a>div.location>span{position:relative; font-size:18px; display:inline-block; vertical-align:top; margin-left:25px; }
#NETWORK .map_area ul.map_info>li .info_title a>div.location>span:after{content:''; position:absolute;width:2px;height:40%;top:50%;right:-13px;background:#0e2ac9; -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% - 670px);}

#NETWORK .map_area ul.map_info>li .info_content .content_left .desc{font-size:18px; color:#444; margin-bottom:5px; line-height:30px;}
#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);}
#NETWORK .map_area ul.map_info>li .info_content .content_left .gu_btn_sm_box{margin-top:40px; text-align:left;}
#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:302px;background:#f5f5f5; width: 628px;}

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


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px){

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    #NETWORK{padding-bottom:100px;}
    #NETWORK .map_area ul.map_search>li{padding-right:32px;}
    #NETWORK .map_area ul.map_search>li:nth-child(1){width:calc(50% - 16px);}
    #NETWORK .map_area ul.map_search>li:nth-child(2){width:calc(50% - 16px);padding-right:0;}
    #NETWORK .map_area ul.map_search>li:nth-child(3){width:calc(50% - 16px); margin-top:20px;}
    #NETWORK .map_area ul.map_search>li:nth-child(4){width:calc(50% - 16px); margin-top:20px;}
    #NETWORK .map_area ul.map_search>li:after{display:none;}
    #NETWORK .map_area ul.map_search>li.search_btn_area{position:relative;}
    #NETWORK .map_area ul.map_search>li.search_btn_area>div.input_box input{width: 100%; height: 46px; line-height: 46px; background: #fff; border-bottom: 2px solid #d9d9d9; font-size: 14px;}
    #NETWORK .map_area ul.map_search>li.search_btn_area.on{width:calc(50% - 16px);}
    #NETWORK .map_area ul.map_info>li.no_data{ font-size:13px;}
    #NETWORK .map_area ul.map_info>li .info_title a:after{background-image:url(../../images/common/m_btn_plus.png);width:15px;}
    #NETWORK .map_area ul.map_info>li.on .info_title a:after{background-image:url(../../images/common/m_btn_minus.png);width:15px;}
    #NETWORK .map_area ul.map_info>li .info_title a>div.name{font-size:16px; line-height:24px;}
    #NETWORK .map_area ul.map_info>li .info_title a>div.location{padding-right:54px; line-height:24px;}
    #NETWORK .map_area ul.map_info>li .info_title a>div.location>span{font-size:14px; margin-left:20px;}
    #NETWORK .map_area ul.map_info>li .info_title a>div.location>span:after{right:-12px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_left .desc{font-size:14px; line-height:22px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_left .gu_btn_sm_box{margin-top:30px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right .thumb_map{width:326px; height:157px;}

    #NETWORK .map_area ul.map_info>li .info_content .content_right .no_map{ width:326px; height:227px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right .no_map .no_map_inner img{ margin-bottom:20px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right .no_map .no_map_inner p{ font-size:14px; line-height:22px;}

    #NETWORK .map_area ul.map_info>li .info_content .content_left{width:calc(100% - 366px);}


}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #NETWORK .gu_contents_wrap{padding-top:56px;}
    #NETWORK .map_area .map_entire{display:none;}
    #NETWORK .map_area ul.map_search{margin-top:0px;}
    #NETWORK .map_area ul.map_search>li{width:100% !important; padding-right:0; margin-top:20px;}
    #NETWORK .map_area ul.map_search>li:first-child{margin-top:0;}
    #NETWORK .map_area ul.map_info>li .info_title a{padding:25px 0;}
    #NETWORK .map_area ul.map_info>li .info_title a>div.name{width:calc(100% - 54px)}
    #NETWORK .map_area ul.map_info>li .info_title a>div.location{display:inline-block;width:calc(100% - 54px); margin-top:8px; text-align:left;}
    #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:5px 0 28px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_left{float:none;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right{float:none;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right .thumb_map{width:100%; height:235px;margin-top:40px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_right .no_map{ width:100%; height:235px; margin-top:40px;}


    #NETWORK .map_area ul.map_search>li.search_btn_area>div.input_box a {width:22px; padding:13px;}
    #NETWORK .map_area ul.map_info>li .info_content .content_left{width:100%;}







}