@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* ================== reset css ================== */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, section {font-family:"Be Vietnam Pro","Noto Sans","Noto Sans KR","Nanum Gothic",dotum,"돋움",sans-serif}
textarea, select {font-family:"Be Vietnam Pro","Noto Sans","Noto Sans KR","Nanum Gothic",dotum,"돋움",sans-serif;font-size:1em}

footer ol li {margin:0 45px 0 0}
.top_area .navi {gap:30px}
.service_box .point {padding:0 3vw}
.service_box .point span {font-size:25px;line-height:32px;letter-spacing:-.3px;word-break:keep-all}
.service_box .point p {font-size:15px;line-height:21px;letter-spacing:-.5px;word-break:keep-all;padding:10px 0 0}
.cont_box .tit {font-size:37px}
.cont_box .sub_tit {font-size:15px}
.cont_box .tx {font-size:17px;line-height:27px}
.download_area .tit {font-size:50px}
.download_area .tit b {font-size:54px}

@media (max-width:1290px){
.download_area .tit {font-size:46px}
.download_area .tit b {font-size:50px}
}
@media (max-width:1000px){
.service_box .point {width:calc(100% / 2);height:calc(100% / 3);padding:0 5vw}
.service_box div:first-child .point:first-child {width:calc(100% / 2 + 60px)}
.line-row div:last-child {display:none}
.service_area .line-col div:last-child {display:block}
}
@media (max-width:1020px) {
footer ol li {margin:0 20px 0 0}
.top_area .navi a {letter-spacing:-.5px}
}
@media (max-width:940px){
.top_area .navi {gap:17px}
.top_area .navi a {padding:0 5px}
}
@media (max-width:860px){
.top_area .navi a {letter-spacing:0}
}
@media (max-width:810px) {
footer{flex-direction:column;justify-content:center;align-items:center;padding:40px 0 35px;}
footer > div {width:100%}
footer ol, footer ul {justify-content:center;align-items:center}
footer ul {margin:20px 0;padding:0 20px}
footer ol li {margin:0 15px}
footer ul li {display:block}
footer > div:last-child {align-items:center}
}
@media (max-width:600px){
.service_box .point {flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:calc(100% / 5);padding:0 5vw}
.service_box div:first-child .point:first-child, .line-row div:first-child {display:none}
.service_area .line-col div:first-child, .service_area .line-col div:first-child + div {display:block}
.service_box .point:before {width:120px;height:100px;margin:0 0 0 -35px;background-size:cover}
.cont_box .tit {font-size:31px}
.cont_box .ex_tx li {margin:15px 0}
.cont_box .ex_tx li:last-child {margin:15px 0 0}
.cont_box .tit span {letter-spacing:2px}
.download_area .tit {font-size:36px}
.download_area .tit b {font-size:42px}
footer ol {margin:-10px 0;padding:0 20px}
footer ol li {margin:10px 10px}
}
@media (max-width: 560px) {
.download_area .btn_box {padding:0 20px}
.download_area .tit {font-size:32px}
.download_area .tit b {font-size:38px}
}