.business .main-title h1{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; font-family:”Nanum Square”; } .business .tit{ background:url(/wp-content/uploads/dp/pg/imgs/1559624878_1548057676_why-tit-1.png) no-repeat 10px 20px; background-size: 70px auto; padding:50px 20px; } .business .tit h2{font-size:24px; color:#0f8c3e; font-family:”Nanum Square”; font-weight:800;} .business .tit p{ font-size: 15px; letter-spacing: -1px; line-height: 1.5; color: #535353; margin-top:5px; } .business p{ font-size: 15px; letter-spacing: -1px; line-height: 1.5; color: #535353; margin-top:20px; } .business h3{color:#0f8c3e; font-size:18px;} .business h3:before { content: ”; display: inline-block; width: 10px; height: 10px; border-left: 2px solid #0f8c3e; border-bottom: 2px solid #0f8c3e; margin: 10px 10px 10px 0; transform: rotate(-135deg); position:relative; top:7px; } .business video{margin-bottom:30px;} .business img{width:100%; max-width:279px; display:block; margin:0px auto;} .business .cont1{margin-top:30px;} .business .cont1 ul{overflow:hidden;} .business .cont1 ul li{float:left; width:32%; margin-left:2%;text-align:center;} .business .cont1 ul li:first-child{margin-left:0;} .business .cont1 ul li h4{color:#fff; font-size:18px; padding:15px 0; margin-bottom:15px;} .business .cont1 ul li:first-child h4{background:#ced345;} .business .cont1 ul li:nth-child(2) h4{background:#8da05e;} .business .cont1 ul li:nth-child(3) h4{background:#628245;} .business .cont1.cont4 ul li{float:left; width:48%; margin-left:2%;text-align:center;} .business .cont1cont4 ul li:first-child{margin-left:0;} .business .cont1 ul li p{ font-size: 15px; letter-spacing: -1px; line-height: 1.5; color: #535353; } .business .cont1 ul li p:before{ display: inline-block; content: ”; width: 4px; height: 4px; background: #85bd0c; vertical-align: middle; margin-right: 5px; } .business .cont1 ul li span{ font-size: 15px; letter-spacing: -1px; line-height: 1.5; color: #535353; background:#efefef; padding:15px; display:block; margin-top:15px; } .business .cont2{margin-top:30px;} .business .cont2 ul{overflow:hidden;} .business .cont2 ul li{float:left; width:24%; margin-left:1.3%; padding:50px 0;} .business .cont2 ul li:first-child{margin-left:0; background:url(/wp-content/uploads/dp/pg/imgs/1559630525_7.jpg) no-repeat; background-size:cover;} .business .cont2 ul li:nth-child(2){background:url(/wp-content/uploads/dp/pg/imgs/1559630525_8.jpg) no-repeat; background-size:cover;} .business .cont2 ul li:nth-child(3){background:url(/wp-content/uploads/dp/pg/imgs/1559630525_9.jpg) no-repeat; background-size:cover;} .business .cont2 ul li:nth-child(4){background:url(/wp-content/uploads/dp/pg/imgs/1559630525_10.jpg) no-repeat; background-size:cover;} .business .cont2 ul li h3{ text-align:center; font-size:18px; font-weight:500; color:#fff;} .business .cont2 ul li h3:before{content:”; background:#fff; display:block; width:30px; height:2px; position:relative; margin:0 auto 5px;} .business .sub{margin-top:50px;} .business .sub dl{ overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:40px; margin-bottom:40px; } .business .sub dl:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0; } .business .sub dt{ float:left; width:30%; font-size:20px; font-weight:500; letter-spacing:-0.02em; word-spacing:0.03em; } .business .sub dt::before { display:block; content:”; width:30px; height:2px; background-color:#ddd; margin-bottom:10px; } .business .sub dt span{ display:block; font-size:14px; font-weight:400; } .business .sub dd{ float:right; width:65%; } .business .sub li{ font-size: 15px; letter-spacing: -1px; line-height: 1.5; color: #595959; word-break:keep-all; text-indent:-9px; padding-left:9px; margin-bottom:5px; } .business .sub li::before{ display:inline-block; content:”; width:4px; height:4px; background:#85bd0c; vertical-align:middle; margin-right:5px; } .business .sub li:last-child{ margin-bottom:0; } .business table { margin-top:20px; width:100%; border-collapse:collapse; border-top:2px solid #a7a700; border-left:1px solid #dfdfdf; margin-bottom:30px; } .business th { font-size:14px; font-family: ‘Noto Sans KR’; padding:10px 7px; letter-spacing:-0.6px; background:#f3f3f3; border:1px solid #dfdfdf; border-width:0px 1px 1px 0; color:#595959; font-weight:normal; } .business td { font-size:14px; font-family: ‘Noto Sans KR’; padding:10px 7px; letter-spacing:-0.6px; text-align:center; border:1px solid #dfdfdf; border-width:0px 1px 1px 0; color:#595959; font-weight:normal; } /* tablet */ @media screen and (min-width:769px) and (max-width:991px){ .business .cont1 ul li .cont1-1{height:auto;} } /* mobile */ @media screen and (max-width:768px){ .business .cont1 ul li{float:none; width:100%; margin-left:0%; margin-bottom:20px;} .business .cont1 ul li .cont1-1{height:auto;} .business .cont1.cont4 ul li{float:none; width:100%; margin-left:0%; margin-bottom:20px;} .business .cont2 ul li{width:49%; margin-left:2%; margin-bottom:2%;} .business .cont2 ul li:nth-child(3){margin-left:0;} .business .sub dt, .business .sub dd{ float:none; width:100%; } .business .sub dt{ margin-bottom:20px; } .business .tit h2{font-size:20px; line-height:1.4;} .business .tit h2 br{display:none;} .business .tit p{font-size:14px; line-height: 1.7;} .business .sub li{font-size:14px;} .business .sub dt{font-size:17px;} .business .cont1 ul li p{font-size:14px;} .business .cont1 ul li span{font-size:14px;} .business .cont1 ul li h4{font-size:17px;} }