@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {width:calc(100% - 0px); margin:0 auto; }
div.flex1{display:flex; justify-content:space-between; position:relative; }
div.flex1 .tit {width:380px;}
div.flex1 .tit h3 {font-size:40px; font-family: 'RixYeoljeongdo_Regular', sans-serif; font-weight:300}
div.flex1 .tit .txt {font-size:18px; padding:10px 0;}
div.flex1 .tit .more {  margin-top:30px; }
div.flex1 .tit .more a {display:block; font-size:16px; width:160px; color:#fff; text-align:center; padding:7px 0 10px 0; 
background-color:#111; border-radius:50px;}
div.flex1 .item {width:800px;}
div.flex1 .item img {max-width:100%;}
div.flex1 .item .txt {position:absolute; bottom:0; left:0; width:450px; height:150px; background:#fff;
 padding:35px 0 0 20px; border-radius:0  0px 0 0; }
div.flex1 .item .txt h4 {font-size:28px; padding-bottom:10px; font-weight:600; }
div.flex1 .item .txt p{font-size:16px;}
main .bgGray {background-color:#f5f5f5;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
body {width:calc(100% - 0px); margin:0 auto; }	
div.flex1{display:block; }
div.flex1 .item {width:100%;}
div.flex1 .tit {width:100%;}
div.flex1 .tit h3 {font-size:25px; }
div.flex1 .tit .txt {font-size:15px; padding:10px 0;}
div.flex1 .tit .more {  margin-top:20px; }
div.flex1 .tit .more a {display:block; font-size:16px; width:150px; padding:6px 0 8px 0;}
div.flex1 .item .txt {position:relative; width:100%; height:auto;  padding:20px 0px 0 0;  }
div.flex1 .item .txt h4 {font-size:20px; padding-bottom:10px; font-weight:600; }
div.flex1 .item .txt p{font-size:15px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}