/*------------------ 공통 css -----------------------*/


/*------------------ sub01_01 -----------------------*/
.sub01 h4{font-size: 33px; line-height: 44px; letter-spacing: -1px;}
.sub01 h4 .blue{color: #00AFD5;}
.sub01 h4 .green{color: #A3BE00;}
.sub01 .content_txt{margin: 50px 0;}
.sub01 .sign_con{float: right; margin-bottom: 80px;}
.sub01 .sign_con img{width: 100%;}

/*------------------ sub01_02 -----------------------*/
.sub01 .history_tit{position: relative; }
.sub01 .history_tit .flovwr_img{position: absolute; right: 0; top: 0; max-width: 276px;}
.sub01 .history_tit .flovwr_img img{width: 100%;}
.sub01 .history_list{margin: 100px 0 80px 0;}
.sub01 .history_box{width: 100%; display: inline-flex; border-bottom: 1px solid #C6C6C6; padding: 40px 0;}
.sub01 .history_box:first-child{padding: 0 0 40px 0;}
.sub01 .history_box li{list-style: none;}
.sub01 .history_box .year{font-size: 40px; line-height: 50px; color: #00AFD5; font-family: 'GmarketSansB'; width: 20%;}
.sub01 .history_box .info{width: 80%;}
.sub01 .history_box .info p{margin-bottom: 10px;}
.sub01 .history_box .info p:last-child{margin-bottom: 0;}

/*------------------ sub01_03 -----------------------*/
.sub01 .imgbox_con{width: 100%; display: inline-flex; margin-bottom: 100px;}
.sub01 .imgbox_con:last-child{margin-bottom: 80px;}
.sub01 .imgbox_con .imgbox img{width: 100%;}
.sub01 .imgbox_con .bullet_tit{margin-bottom: 15px;}
.sub01 .imgbox_con .bullet_list li{margin-bottom: 5px;}
.sub01 .imgbox_con .list_con{margin-bottom: 50px;}
.sub01 .imgbox_con .list_con:last-child{margin-bottom: 0;}
.sub01 .leftbox{width: calc(50% - 52px); margin-left: 100px;}
.sub01 .leftbox:first-child{margin-left: 0;}
.sub01 .rightbox{width: calc(50% - 52px); margin-left: 100px;}
.sub01 .rightbox:nth-child(2){margin-left: 0;}
.sub01 .propel_img{margin-bottom: 50px;}

/*------------------ sub01_05 -----------------------*/
.sub01 .organ_con{width: 100%;}
.sub01 .organ_box{background: #F1F1F1; padding: 40px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; display: inline-block; width: calc(50% - 27px); margin-left: 50px; margin-bottom: 30px; vertical-align: top;}
.sub01 .organ_box:nth-child(odd){margin-left: 0;}
.sub01 .organ_box h5{font-size: 22px; line-height: 33px; margin-bottom: 20px;}
.sub01 .organ_box li{list-style: none; font-size: 17px; line-height: 27px; margin-top: 10px;}
.sub01 .organ_box .organ{display: flex;}
.sub01 .organ_box .add .icon{position: relative; padding-left: 20px;}
.sub01 .organ_box .add .icon:after{content:''; position: absolute; width: 16px; height: 16px; top: 5px; left: 0; background: url("/theme/basic/img/center_add_icon.png");}
.sub01 .organ_box .call .icon{position: relative; padding-left: 20px;}
.sub01 .organ_box .call .icon:after{content:''; position: absolute; width: 16px; height: 16px; top: 5px; left: 0; background: url("/theme/basic/img/center_call_icon.png");}
.sub01 .organ_box .icon{color: #A3BE00; font-weight: bold; margin-right: 37px;}
.sub01 .organ_table .basic_tb td{text-align: left;}
.sub01 .organ_table .basic_tb td:last-child{text-align: center;}

/*------------------ sub01_06 -----------------------*/
.sub01 .map_con{border-bottom: 1px solid #A8A8A8; padding: 35px 0; width: 100%;}
.sub01 .map_con h5{color: #00AFD5; font-size: 25px; line-height: 35px; margin-bottom: 30px;}
.sub01 .map_con .center_icon{position: relative; padding-left: 35px;}
.sub01 .map_con .center_icon:after{content:''; position: absolute; width: 26px; height: 26px; background: url("/theme/basic/img/map_center_icon.png"); top: 5px; left: 0;}
.sub01 .map_con .car_icon{position: relative; padding-left: 35px;}
.sub01 .map_con .car_icon:after{content:''; position: absolute; width: 26px; height: 26px; background: url("/theme/basic/img/map_car_icon.png"); top: 5px; left: 0;}
.sub01 .center_txt{display: flex;}
.sub01 .center_txt .center_box{width: 50%;}
.sub01 .center_txt li{list-style: none; font-size: 17px; line-height: 27px; margin-bottom: 10px;}
.sub01 .center_txt .center_box .tit{font-weight: bold; position: relative; padding-left: 10px;}
.sub01 .center_txt .center_box .tit:after{content: ''; width: 6px; height: 6px; background: #00AFD5; border-radius: 50%; top: 5px; left: 0; position: absolute;}
/*지도 출력*/
.mapbox #map{
    width: 100%;  
    max-width: 1400px;
    height: 500px;
    margin:0 auto;  
}


@media (max-width: 1100px){
    .sub01 .organ_box{display: block; width: 100%; margin-left: 0;}
}

@media (max-width: 768px){

    /*------------------ sub01_01 -----------------------*/
    .sub01 h4{font-size: 22px; line-height: 33px;}
    .sub01 .content_txt{margin: 30px 0;}
    .sub01 .sign_con{max-width: 300px;}

    /*------------------ sub01_02 -----------------------*/
    .sub01 .history_tit .flovwr_img{display: none;}
    .sub01 .history_list{margin: 40px 0 80px 0;}
    .sub01 .history_box .year{font-size: 25px; line-height: 40px;}
    .sub01 .history_box{padding: 25px 0;}
    .sub01 .history_box:first-child{padding: 0 0 25px 0;}

    /*------------------ sub01_03 -----------------------*/
    .sub01 .imgbox_con{display: block; margin-bottom: 40px;}
    .sub01 .leftbox{width: 100%; margin-left: 0;}
    .sub01 .imgbox{margin-bottom: 20px;}
    .sub01 .imgbox_con .list_con{margin-bottom: 30px;}
    .sub01 .rightbox{width: 100%; margin-left: 0;}

    /*------------------ sub01_05 -----------------------*/
    .sub01 .organ_box{padding: 25px; }
    .sub01 .organ_box h5{font-size: 18px; line-height: 28px; margin-bottom: 0;}
    .sub01 .organ_box li{font-size: 16px; line-height: 26px;}

    /*------------------ sub01_06 -----------------------*/
    .sub01 .map_con h5{font-size: 20px; line-height: 30px; margin-bottom: 25px;}
    .sub01 .center_txt{display: block;}
    .sub01 .center_txt .center_box{width: 100%;}
    .sub01 .map_con{padding: 25px 0; }
    .sub01 .center_txt .call{margin-top: 25px;}
    .sub01 .center_txt li{font-size: 16px; line-height: 26px; margin-bottom: 5px;}

    .mapbox #map{        
        height: 250px;        
    }

}

@media (max-width: 500px){
    /*------------------ sub01_02 -----------------------*/
    .sub01 .history_box{display: block;}
    .sub01 .history_box .year{width: 100%;}
    .sub01 .history_box .info{width: 100%; margin-top: 10px;}

    /*------------------ sub01_05 -----------------------*/
    .sub01 .organ_box .organ{display: block;}
    .sub01 .organ_box li{margin-top: 5px;}
}

/*서브메뉴 테스트*/
@media (max-width: 768px) {
    .menuBar > .sub_hd02 >  .menu_2dp{display: none;}
}