@charset "utf-8";

.vision {background:url("../images/sub/vision.jpg") 50% 0 no-repeat;}
.vision .tit {display:flex; align-items:center; justify-content:center; height:290px; font-size:34px; font-weight:500; line-height:1.5em; letter-spacing:-.02em;}
.vision .cnt {width:85%; max-width:960px; background:#fff; padding:43px 75px; margin:0 auto; display:flex; align-items:center;}
.vision .cnt .mark {width:134px;}
.vision .cnt .txt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.778em; letter-spacing:-.02em;}

.root_daum_roughmap {width:100% !important;}

.directions {display:flex; justify-content:space-between; margin-top:40px;}
.directions .addr {font-size:22px; line-height:1.5em;}
.directions .addr .item .ico {margin-right:15px;}
.directions .tel {display:flex; font-size:18px; line-height:1.5em;}
.directions .tel .item:first-child {margin-right:60px;}
.directions .tel .ico {margin-right:10px;}
.directions .item {display:flex; align-items:center;}
.directions .item .txt {flex:1 1 auto; min-width:0; width:1%;}

.history {display:flex;}
.history-list {position:relative;}
.history-list:before {position:absolute; content:""; top:10px; left:7px; background:#ddd; width:1px; height:95%;}
.history .his-logo {width:330px;}
.history ul li {position:relative; font-size:18px; color:#242424; margin-bottom:20px; line-height:1.778em; padding-left:40px;}
.history ul li:before {position:absolute; content:""; top:50%; margin-top:-8.5px; left:0; background:url('../images/sub/his-dot.png')50% 50% no-repeat; background-size:contain; width:17px; height:17px;}