@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#style60 {width:100%; padding-top:50px;}
#style60 img {vertical-align:top; max-width:100%; }

#style60 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: end;  margin:0 auto;
max-width:calc(100% - 0px);  clear:both;  }
#style60 .flex2 .item{ width:100%;  }
#style60 .flex2 .tit {font-size:30px; line-height:40px;  color:#333;font-weight:600; 
margin-left:10px;  position:relative; padding-top:10px;}
#style60 .flex2 .tit:before {content:""; position:absolute; top:0; left:0; width:42px; height:5px; background:#dfdfdf; border-radius:10px }
#style60 .txt1 {text-align:center}
#style60 .txt1 span{display:inline-block;font-size:18px; line-height:20px; text-align:center;  padding:5px 30px; 
border-radius:50px; background:#333; color:#fff; }
#style60 .txt2{width:100%; font-size:48px; line-height:58px; text-align:center; margin-top:20px; color:#333;   }
#style60 .txt2 span {font-weight:600;}

#style60 .map {margin:80px 0 150px 0}

#style60 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:15px 0 70px 0; 
background:#f2f2f2; position:relative}
#style60 .flex .item:first-child {width:500px; position:relative }
#style60 .flex .item:first-child span {position:absolute; right:-56px; top:50%; transform: translate(-0,-50%); 
width:110px; height:110px; background:#fff; border:0px solid #dfdfdf; border-radius:80px; text-align:center; 
padding-top:20px; box-shadow:0px 0px 8px rgba(0,0,0,0.1)}
#style60 .flex .item:first-child span img {width:70px}
#style60 .flex .item:nth-child(2) {width:48%; padding-right:70px;}
#style60 .flex .item ul li{font-size:16px; position:relative; padding-left:13px; margin-bottom:5px; }
#style60 .flex .item ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}
#style60  .flex .num { color:#333; font-size:16px; line-height:25px; font-weight:500; 
position: absolute; right:50px; bottom:50px; margin-bottom:0px; color:#1a67a2; }
#style60  .flex .item .tit {font-size:22px; line-height:35px; padding:0 ; font-weight:600; }
#style60  .flex .item .txt {display:block; font-size:18px; line-height:28px; padding:20px 0 5px 0;  font-weight:500;  }



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style60 {padding-top:0}
#style60 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  margin:0 auto;
max-width:calc(100% - 0px);  clear:both;  }
#style60 .flex2 .item{ width:100%;  }
#style60 .flex2 .tit {font-size:20px; line-height:30px; margin-left:0px; letter-spacing: -0px;
 position:relative; padding-top:10px; margin-top:30px}
#style60 .flex2 .tit:before {content:""; position:absolute; top:0; left:0; width:32px; height:5px;  }
#style60 .txt1 {text-align:left; margin-top:20px}
#style60 .txt1 span{display:inline-block;font-size:13px; line-height:20px; text-align:center;  padding:3px 10px; 
border-radius:50px; background:#9a815d; color:#fff; }
#style60 .txt2{width:100%; font-size:28px; line-height:38px; text-align:left; margin-top:10px;   }

#style60 .map {margin:40px 0 50px 0}

#style60 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:10px 0; background:#f8f8f8; }
#style60 .flex .item:first-child {width:100%; position:relative; padding-bottom:35px; }
#style60 .flex .item:first-child span {position:absolute; right:auto; left:50%; bottom:0%; top:auto; transform: translate(-50%,-0%); 
width:70px; height:70px; text-align:center; padding:10px 0 0 0; }
#style60 .flex .item:first-child span img {max-width:100%; width:50px;}
#style60 .flex .item:nth-child(2) {width:100%; padding:0 15px 45px 15px }
#style60  .flex .item .num {  font-size:13px; line-height:18px; padding-bottom:2px; margin-bottom:0; }
#style60  .flex .item .tit {font-size:18px; line-height:25px;}
#style60  .flex .item .txt { font-size:14px; line-height:18px; padding:5px 0 0 0;    }

#style60 .flex .item ul li{font-size:14px; position:relative; padding-left:10px; margin-bottom:5px; }
#style60 .flex .item ul li:before { content: "";  width: 3px; height: 3px;  top: 9px;   }
#style60  .flex .num { color:#333; font-size:14px; line-height:25px; font-weight:500;  
position:absolute ; right:20px; bottom:0px; margin-bottom:0px; color:#1a67a2; padding:0 0 20px 20px }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}