@import url(“https://fonts.dubuplus.com/css?family=Nanum Square”); .history .tit{ text-align:center; padding:60px 0; background:url(/wp-content/uploads/dp/pg/imgs/1559624384_1.jpg) no-repeat; background-size:cover; } .history .tit h2{font-size:30px; color:#fff; font-weight:400; font-family:”Nanum Square”; line-height:1.4;} .history .tit b{color:#e3872a; display:block; font-size:22px; font-weight:bold; font-family:”Nanum Square”; } /* history */ .history { border:1px solid #efefef; } .history img{ width:100%; } .history h1 { font-size:20px; font-weight:500; letter-spacing:-1px; color:#fff; padding:5px 50px; background:#0f8c3e; } .history h1 em { font-weight:200; letter-spacing:0px; color:#99bfa8; margin-left:7px; font-size:14px; } .history .list_box { position:relative; padding:30px; } .history .list_box dl { overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px; } .history .list_box dl:last-child{ border-bottom:none; } .history .list_box dt { font-size:14px; font-weight:400; letter-spacing:-0.7px; line-height:1.8; color:#595959; float:left; width:25%; } .history .list_box dd { font-size:14px; font-weight:400; letter-spacing:-0.7px; line-height:1.8; color:#595959; float:left; width:75%; } .history .list_box dt b { font-size:22px; font-weight:600; display: inline-block; color:#2c9be9; } .history .list_box img { width:180px; border-radius:10px; border:5px solid #eee; background:#fafafa; } /* tablet */ @media screen and (min-width:769px) and (max-width:991px){ .history { margin:0px; border:0px; } } /* mobile */ @media screen and (max-width:768px){ .history .tit h2{font-size:20px;} .history { margin:0px; border:0px; } .history h1 { padding:5px 7%; } .history .list_box { position: relative; padding: 1px 4px; } .history .list_box dt { float:none; width:100%; } .history .list_box dd { float:none; width:100%; } }