/*direction.css*/

#container_title{display: none;}

/*visual S*/
.direc_visual{background: url('../img/company/banner.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
/*visual E*/

/*section1 S*/
.direc_left{float: left; width: 30%; padding-right: 20px;}
.direc_line{width: 120px; height: 15px; background: #f2b705; margin: 30px 0;}
.direc_decs li{font-size: 16px; line-height: 22px; color: #666; padding: 5px 0;}
.direc_decs span{font-size: 16px;line-height: 22px; color: #f2b705; padding-right: 10px;}
.direc_right{float: right; width: 70%; border-left: 2px solid #eee; padding-left: 100px;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .wrap_map{height: 520px!important;}
/*section1 E*/

@media screen and (max-width:1199px){
    .direc_decs li{word-break: keep-all;}
    .direc_decs li br{display: none;}
    .direc_line{height: 10px;}
}
@media screen and (max-width:767px){
    .direc_left{width: 100%; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
    .direc_right{margin-top: 60px; width: 100%; padding: 0; border-right: none; }
    .direc_line{height: 15px;}
}
@media screen and (max-width:600px){
    .direc_decs span{font-size: 14px;}
    .direc_decs span{font-size: 14px;}
    .root_daum_roughmap .wrap_map{height: 420px!important;}
}
@media screen and (max-width:480px){
    .direc_right{margin-top: 50px;}
    .root_daum_roughmap .wrap_map{height: 320px!important;}
    .direc_line{width: 80px;height: 10px;}
    .direc_decs li{word-break: keep-all; font-size: 12px; line-height: 20px;}
    .direc_decs span{font-size: 12px; line-height: 20px;}
    .direc_decs li br{display: none;}
}
@media screen and (max-width:360px){
    .direc_right{margin-top: 40px;}
    .root_daum_roughmap .wrap_map{height: 220px!important;}
}