/*direction.css*/

/*section1 S*/
#direction_wrap .adress_box{padding: 12px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#direction_wrap .adress_box li{margin: 0 15px; float: left; overflow: hidden;}
#direction_wrap .adress_box h6{font-size: 16px; line-height: 25px; color: #333; font-weight: 700; float: left;}
#direction_wrap .adress_box p{padding-left: 10px; font-size: 16px; line-height: 25px; color: #333; float: left;}
#direction_wrap .map_area{width: 100%; height: 500px; margin-bottom: 40px;}
#direction_wrap .map_img{width: 100%; height: 100%;}
#daumRoughmapContainer1556788142621{height: 100%;}
.root_daum_roughmap .wrap_map{height: 500px!important;}
.root_daum_roughmap .wrap_controllers{display: none;}
#direction_wrap .explain_box{overflow: hidden; margin: 60px 0; padding: 45px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#direction_wrap .subway{float: left; overflow: hidden;}
#direction_wrap .ex_icon{width: 75px; height: 75px; background: #9a6c41; border-radius: 17px; float: left;}
#direction_wrap .ex_text{float: left; margin-left: 35px;}
#direction_wrap .ex_text>p{color: #666;}
#direction_wrap .subway_icon{background-image: url('../img/company/icon1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#direction_wrap .ex_text h4{font-size: 18px; color: #333; line-height: 35px;}
#direction_wrap .ex_text ul{margin: 10px 0;}
#direction_wrap .ex_text .subway_line{overflow: hidden;}
#direction_wrap .ex_text ul li{float: left; overflow: hidden; margin-right: 15px;}
#direction_wrap .ex_text .circle_num{width: 25px;height: 25px; border-radius: 25px; font-size: 16px; color: #fff; text-align: center; line-height: 25px; float: left;}
#direction_wrap .ex_text .cn1{background: #fca92f;}
#direction_wrap .ex_text ul li p{padding-left: 5px; font-size: 16px;}
#direction_wrap .ex_text .bluec{color: #fca92f; font-size: 16px; line-height: 25px; float: left;}
#direction_wrap .ex_text .greenc{color: #6b7b2b; font-size: 16px; line-height: 25px; float: left;}
#direction_wrap .ex_text .greens{float: left; line-height: 30px;}
#direction_wrap .ex_text .greens.eng{float: left; line-height: 20px;}
#direction_wrap .ex_text .blues{float: left; line-height: 30px;}
#direction_wrap .ex_text .reds{float: left; line-height: 30px;}
#direction_wrap .ex_text .cn2{background: #6b7b2b;}
#direction_wrap .ex_text p{word-break: keep-all; font-size: 16px;}
#direction_wrap .bus{float: left; overflow: hidden;}
#direction_wrap .bus_icon{background-image: url('../img/company/icon2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#direction_wrap .bus_num{overflow: hidden;}
#direction_wrap .square_num{width: 45px;height: 30px; color: #fff; text-align: center; border-radius: 7px; line-height: 30px; font-size: 16px; float: left;}

#direction_wrap .square_num.eng{width: auto;height: auto; color: #fff; padding:5px; text-align: center; border-radius: 7px; line-height: 20px; font-size: 16px; float: left;}

#direction_wrap .sn1{background: #3daa3b;}
#direction_wrap .sn2{background: #368fd4;}
#direction_wrap .sn3{background: #e90404;}
/*section1 E*/

@media screen and (max-width:1110px){
    #direction_wrap .subway{width: 50%;}
    #direction_wrap .bus{width: 48%;margin-left: 2%;}
    #direction_wrap .ex_icon{width: 65px; height: 65px; margin-right:65px;}
    #direction_wrap .ex_text{margin-left: 0;}
    #direction_wrap .ex_text{float: none; margin-left: 90px;}
    #direction_wrap .ex_icon{margin-right: 0;}
    #direction_wrap .ex_text p br{display: none;}
    #direction_wrap .ex_text ul li{padding: 5px 0;}
}
@media screen and (max-width:900px){
    #direction_wrap .ex_text p br{display: none;}
}
@media screen and (max-width:768px){
    #direction_wrap .ex_text h4{font-size: 16px;}
    #direction_wrap .ex_text p{font-size: 14px;}
    #direction_wrap .ex_text .bluec{font-size: 14px; line-height: 20px;}
    #direction_wrap .ex_text .circle_num{width: 20px;height: 20px;font-size: 14px;line-height: 20px;}
    #direction_wrap .ex_text .greenc{font-size: 14px; line-height: 20px;}
    #direction_wrap .ex_text .reds{font-size: 14px; line-height: 20px;}
    #direction_wrap .ex_text ul li{padding: 5px 0;}
    #direction_wrap .square_num{font-size: 14px; line-height: 25px; width: 35px; height: 25px;}
    #direction_wrap .ex_text .greens{font-size: 14px; line-height: 25px;}
    #direction_wrap .ex_text .blues{font-size: 14px; line-height: 25px;}
    #direction_wrap .ex_text .reds{font-size: 14px; line-height: 25px;}
    #direction_wrap .ex_text ul{margin: 5px 0;}
    #direction_wrap .adress_box h6{font-size: 15px;}
    #direction_wrap .adress_box p{font-size: 14px;}
    .root_daum_roughmap .wrap_map{height: 400px!important;}
    #direction_wrap .map_area{height: 400px;}
}
@media screen and (max-width:600px){
    #direction_wrap .adress_box h6{font-size: 15px; line-height: 24px;}
    #direction_wrap .adress_box p{font-size: 15px; line-height: 22px;}
    #direction_wrap .adress_box>li:nth-child(1) p{word-break: keep-all;}
    #direction_wrap .ex_text .subway_line li{float: none;}
    #direction_wrap .subway{width: 100%;}
    #direction_wrap .bus{width: 100%; margin-left: 0;  margin-top: 40px;}
    .root_daum_roughmap .wrap_map{height: 300px!important;}
    #direction_wrap .map_area{height: 300px;}
    #direction_wrap .explain_box{margin: 40px 0;}
}
@media screen and (max-width:480px){
    #direction_wrap .adress_box{display: block; padding: 12px 25px;}
    #direction_wrap .adress_box li{margin: 0;}
    #direction_wrap .adress_box h6{float: none}
    #direction_wrap .adress_box p{float: none; padding-left: 0;}
    #direction_wrap .adress_box li:nth-child(1){padding-bottom: 15px;}
    #direction_wrap .adress_box li:nth-child(2){padding-right: 25px;}
    #direction_wrap .ex_text h4{font-size: 15px;}
    #direction_wrap .ex_text p{font-size: 13px; line-height: 20px;}
    #direction_wrap .ex_text ul li p{font-size: 13px; line-height: 20px;}
    #direction_wrap .ex_text .bluec{font-size: 13px; line-height: 18px;}
    #direction_wrap .ex_text .circle_num{width: 18px;height: 18px;font-size: 13px;line-height: 18px;}
    #direction_wrap .ex_text .greenc{font-size: 13px; line-height: 18px;}
    #direction_wrap .ex_text{margin-left: 70px;}
    #direction_wrap .ex_text .greens{font-size: 13px;}
    #direction_wrap .ex_text .reds{font-size: 13px;}
    #direction_wrap .ex_text .blues{font-size: 13px;}
    #direction_wrap .ex_icon{height: 55px; width: 55px;}
    #direction_wrap .adress_box p{font-size: 13px; line-height: 20px;}
    #direction_wrap .adress_box h6{font-size: 14px;}
    .root_daum_roughmap .wrap_map{height: 220px!important;}
     #direction_wrap .map_area{height: 220px;}
    #direction_wrap .explain_box{margin: 35px 0;}
}
@media screen and (max-width:397px){
    #direction_wrap .adress_box li:nth-child(2){padding-bottom: 15px;}
}