@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px ;padding:10px;background:#fff;min-height:200px;
webkit-box-shadow: 0 1px 4px #cbd1df;
  -moz-box-shadow: 0 1px 4px #cbd1df;
       box-shadow: 0 1px 4px #cbd1df;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}


/* directions.css */
.directions{width: 100%; padding: 0 0 130px;}
.map_area{margin-top: 50px; width: 100%; height: auto; overflow: hidden;}
.map_desc{margin-top: 80px; width: 100%;}
.map_desc_box{width: 100%;}
.map_title{height: 60px; border-bottom: 2px solid #666;}
.map_title .map_icon1{float: left; display: inline-block; margin-right: 10px; width: 30px; height: 100%; background: url(../../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}
.map_title h3{float: left; line-height: 60px; color: #333; font-size: 20px;}
.map_list{margin-bottom: 65px; width: 100%;}
.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}
.item_desc{line-height: 60px; color: #666; font-size: 16px;}
.map_item::before{display: inline-block; float: left; margin-right: 26px; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}
.map_2list{}
.map_2item{float: left; margin-right: 32px; padding: 15px 0 15px;}
.map_2item .bus_line{display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px}
.map_2item .bus_line.blue{background: #358fd4;}
.map_2item .bus_number{display: inline-block; color: #666; font-size: 16px; line-height: 30px;}
.map_item.bus_info .item_desc{margin-left: 30px;}
@media screen and (max-width:1199px){
    .directions{padding: 0 0 90px;}
    .map_area{margin-top: 20px; height: 300px;}
    .map_desc{margin-top: 60px;}
    .map_title{height: 50px;}
    .map_title .map_icon1{width: 25px;}
    .map_title h3{line-height: 50px; font-size: 18px;}
    .map_list{margin-bottom: 45px;}
    .map_item{padding: 20px 0;}
    .item_desc{float: left; margin-left: 20px; width: 90%; line-height: 20px; font-size: 14px;}
    .map_item::before{margin-top: 8px; margin-right: 0;}
    .map_2list{float: left; margin-left: 20px; width: 90%;}
    .map_2item{margin-right: 25px; padding: 0 0 20px;}
    .map_2item .bus_line{width: 38px; height: 28px; line-height: 28px; font-size: 14px;}
    .map_2item .bus_number{font-size: 14px; line-height: 28px;}
    .map_item.bus_info .item_desc{margin-left: 24px;}
    .map_item.bus_info::before{margin-top: 10px;}
}
@media screen and (max-width: 480px){
    .directions{padding: 0 0 80px;}
    .map_area{margin-top: 10px; height: 250px;}
    .map_desc{margin-top: 50px;}
    .map_title{height: 45px;}
    .map_title .map_icon1{width: 20px; background-size: 18px 18px;}
    .map_title h3{line-height: 45px; font-size: 16px;}
    .map_list{margin-bottom: 30px;}
    .item_desc{width: 90%; line-height: 17px; font-size: 13px;}
    .map_item::before{margin-top: 6px;}
    .map_2list{width: 90%;}
    .map_2item{margin-right: 20px;}
    .map_2item .bus_line{width: 35px; height: 25px; line-height: 25px; font-size: 13px;}
    .map_2item .bus_number{font-size: 13px; line-height: 25px;}
    .map_item.bus_info .item_desc{margin-left: 30px;}
    .map_item.bus_info::before{margin-top: 10px;}
}



.myTable { table-layout: auto; width: 100%; min-width: 320px; max-width: 100%; overflow: hidden; border: 0; border-collapse: collapse; background-color: #FAFAFA; margin: auto; margin-bottom: 20px; text-align: center; font-size: 1.2em } 




.wiDe { min-width: 640px; } .nArrow { max-width: 480px } .myTable tr { height: 40px; } 
.myTable td,td1, th { border: 1px white solid; padding: 8px; } 

.myTable th { background-color: #E6E6E6; color: whitesmoke; } 
.headerOrange th { background-color: #F5F5F5; }
 .headerGreen th { background-color: #F0F0F0; } 
 .headerBlue th { background-color: #E6E6E6; } 
.myTable.headerH tr:nth-Child(odd) { background-color: #F0F0F0; } 
.myTable.headerH td, 
.myTable.headerH th { border-width: 0 1px; } 
.myTable.headerH tr:hover td { border-color: transparent; background-color: #E6E6E6; }
.myTable.headerH tr:hover td:first-Child { border-left-color: white; } .myTable.headerH tr:hover td:last-Child { border-right-color: white; }
.myTable.headerV { width: 50%; } .myTable.headerV td:nth-Child(odd) { background-color: #F0F0F0; } 
.myTable.headerHybrid tr:first-Child th:first-Child { background-color: transparent; } 
.myTable.headerHybrid td:hover { background-color: #E6E6E6; } 
.myTable caption { margin: 4px 0; }