@charset "utf-8";

/* intro_tit */
.intro_tit{text-align: center;}
.intro_tit p{font-size: 2rem; color: #666; font-weight: 300; line-height: 1.9em;}
.intro_tit h4{margin-top: 10px; font-size: 2.4rem; color: #212121;}
.intro_tit h4 img{max-width: 200px; margin-right: 5px; vertical-align: middle;}

@media all and (max-width:978px){
    .intro_tit p{font-size: 1.8rem;}
    .intro_tit h4{word-break: keep-all; line-height: 2em;}
    .intro_tit h4 img{max-width: 150px;}
}
@media all and (max-width:640px){
    .intro_tit p{font-size: 1.7rem;}
    .intro_tit h4{font-size: 1.8rem;}
    .intro_tit h4 img{max-width: 130px;}
    
}

/* intro1 */
.intro1{}
.intro1 .inner{}
.intro1 .inner .intro1_tit{text-align: center;}
.intro1 .inner .intro1_tit p{font-size: 2rem; color: #666; font-weight: 300; line-height: 1.9em;}
.intro1 .inner .intro1_tit h4{margin-top: 10px; font-size: 2.4rem; display: flex; align-items: center; color: #212121; justify-content: center;}
.intro1 .inner .intro1_tit h4 img{max-width: 200px; margin-right: 5px;}
.intro1 .point{display: flex; justify-content: center; background-color: #f3f3f3; padding: 40px 0; margin: 60px 0; color: #212121;}
.intro1 .point h4{font-size: 2rem; color: #002b64;}
.intro1 .point p{font-size: 1.7rem; font-weight: 300; margin-left: 10px;}
.intro1 .box{margin: 100px 0; display: flex; justify-content: space-between; align-items: center;}
.intro1 .box:nth-child(2){justify-content: flex-start;}
.intro1 .box:nth-child(2) .txt_box{padding-left: 80px; order: 2;}
.intro1 .box .txt_box{padding: 30px; min-width: 630px;}
.intro1 .box .img{}
.intro1 .box .img img{max-width: 100%;}
.intro1 .box .tit{margin-bottom: 35px;}
.intro1 .box .tit h4{font-size: 2.2rem; font-weight: 600; color: #000; margin-bottom: 10px; padding-left: 2px;}
.intro1 .box .tit h3{font-size: 4.8rem; color: #CA4C12; line-height: 1em;}
.intro1 .box .text{}
.intro1 .box .text h4{font-size: 1.9rem; color: #212121; font-weight: 500; margin: 10px 0;}
.intro1 .box .text p{font-size: 1.7rem; color: #333; font-weight: 300; line-height: 1.7em;}
.intro1 .box .text a.more{color: #45506d; font-size: 1.6rem; font-weight: 600; margin-top: 15px; display: block;}

@media all and (max-width:1280px){
    .intro1 .box{flex-direction: column; margin: 60px 0;}
    .intro1 .box:last-child{margin-bottom: 0;}
    .intro1 .box .img{order: -1;}
    .intro1 .box .txt_box{padding-bottom: 0; min-width: auto; width: 100%; max-width: 600px; padding:0; padding-top: 30px;}
    .intro1 .box:nth-child(2) .txt_box{padding-left: 0px;}
    .intro1 .box .tit{margin-bottom: 30px;}
    .intro1 .box .tit h4{font-size: 2rem;}
    .intro1 .box .tit h3{font-size: 4.2rem;}
}
@media all and (max-width:978px){
    .intro1 .point{padding: 30px 0; margin: 40px 0; flex-direction: column; align-items: center;}
    .intro1 .point p{margin-top: 10px; text-align: center; word-break: keep-all;}
}
@media all and (max-width:640px){
    .intro1 .box{margin: 50px 0;}
    .intro1 .box .tit{margin-bottom: 25px;}
    .intro1 .box .tit h4{font-size: 1.9rem;}
    .intro1 .box .tit h3{font-size: 3.6rem;}
    .intro1 .box .text h4{font-size: 1.8rem;}
    .intro1 .box .text p{font-size: 1.6rem;}
    .intro1 .box .text a.more{font-size: 1.5rem;}
}
@media all and (max-width:500px){
    .intro1 .box{margin: 45px 0;}
    .intro1 .box .tit{margin-bottom: 20px;}
    .intro1 .box .tit h4{font-size: 1.8rem;}
    .intro1 .box .tit h3{font-size: 3.2rem;}
    .intro1 .box .text h4{font-size: 1.7rem;}
    .intro1 .box .text p{font-size: 1.5rem;}
    .intro1 .box .text a.more{font-size: 1.5rem;}
}

.as{}
.as .tit{font-weight: 600; color: #000; font-size: 3rem;}
.as p{font-size: 1.7rem; font-weight: 300; line-height: 1.8em; color: #333; margin: 20px 0; border: 1px solid #eee; padding: 20px; word-break: keep-all;}
.as h4{font-size: 2.5rem; color: #000; font-weight: 600; margin-bottom: 20px; margin-top: 50px;}
.as h5{font-size: 2rem; font-weight: 500; color: #222;}

@media all and (max-width:978px){
    .as .tit{font-size: 2.6rem;}
    .as p{font-size: 1.6rem; padding: 15px;}
    .as h4{font-size: 2.2rem; margin-top: 35px; margin-bottom: 15px;}
    .as h5{font-size: 1.8rem;}
}
@media all and (max-width:640px){
    .as .tit{font-size: 2.4rem;}
    .as p{font-size: 1.5rem; padding: 15px; margin: 15px 0;}
    .as h4{font-size: 2rem; margin-top: 28px; margin-bottom: 12px;}
    .as h5{font-size: 1.7rem;}
}


/* intro2 */
.intro2{}
.intro2 .point{text-align: center;margin: 60px 0 0; background-color: #f3f3f3; padding: 60px 0;}
.intro2 .point h4{background-color: #ca4c12; color: #fff; font-weight: 600; font-size: 2.4rem; display: inline-block; padding: 5px 20px; border-radius: 20px;}
.intro2 .point ul{margin: 15px 0 60px;}
.intro2 .point ul li{font-size: 2rem; color: #212121; line-height: 2.1em;}

@media all and (max-width:978px){
    .intro2 .point{margin-top: 50px; padding: 50px 0;}
    .intro2 .point h4{font-size: 2.2rem;}
    .intro2 .point ul{margin: 15px 0 50px;}
    .intro2 .point ul li{font-size: 1.9rem; word-break: keep-all;}
}
@media all and (max-width:640px){
    .intro2 .point{margin-top: 40px; padding: 40px 0;}
    .intro2 .point h4{font-size: 2rem;}
    .intro2 .point ul{margin: 12px 0 42px;}
    .intro2 .point ul li{font-size: 1.8rem;}
}
@media all and (max-width:640px){
    .intro2 .point{margin-top: 35px; padding: 30px 0;}
    .intro2 .point h4{font-size: 1.9rem;}
    .intro2 .point ul{margin: 10px 0 32px;}
    .intro2 .point ul li{font-size: 1.7rem;}
}


/* service */
.service .inner .list{display: flex; width: 100%;justify-content: space-between;}
.service .inner .list li{margin: 0 10px; width: 120px; height: 120px; border:1px solid #dedede; border-radius: 100%;}
.service .inner .list li.on{background-color: #002b64;}
.service .inner .list li a{font-size: 1.6rem; font-weight: 600;  display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.service .inner .list li.on a{color: #fff;}

@media all and (max-width:1400px){
    .service .inner .list{flex-wrap: wrap; justify-content: flex-start;}
    .service .inner .list li{margin: 0px; height: auto; width: 16.66666%; border-radius: 0; margin-left: -1px; margin-top: -1px;}
    .service .inner .list li a{ padding: 14px 0;}
}
@media all and (max-width:978px){
    .service .inner .list li{width: 20%;}
}
@media all and (max-width:640px){
    .service .inner .list li{width: 25%;}
    .service .inner .list li a{font-size: 1.5rem; padding: 12px 0;}
}
@media all and (max-width:600px){
    .service .inner .list li{width: 33.33333%;}
}


/* tb-style */
.tb-style1{width: 100%; margin-top: 40px;}
.tb-style1 thead tr th{background-color: #002b64; color: #fff; font-size: 1.7rem; font-weight: 500; padding: 10px 10px; border-right: 1px solid rgba(255,255,255,0.2);}
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr td{text-align: center; color: #444; font-size: 1.6rem; font-weight: 500; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 12px;}
.tb-style1 tbody tr th{text-align: center; color: #444; font-size: 1.6rem; font-weight: 600; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 12px; background-color: #f8f8f8;}
.tb-style1 tbody tr td:last-child{border-right: 0;}
.tb-style1 tbody tr td.br{border-right:1px solid #eee}
.tb-style1 tfoot tr td{font-size: 1.5rem; color: #666; padding: 10px 0; color: #333;}

@media all and (max-width:978px){
    .scroll{overflow-x:scroll;}
    .scroll .tb-style1{min-width: 840px;}
    .tb-style1 thead tr th{font-size: 1.6rem;}
    .tb-style1 tbody tr td{font-size: 1.5rem;}
    .tb-style1 tbody tr td b{display: block; margin-bottom: 3px;}
}


/* review */
.review .inner .list{display: flex; flex-wrap: wrap; gap:0 20px;}
.review .inner .list li{width: calc(100% / 4 - 60px / 4); margin-bottom: 30px;}
.review .inner .list li .img{border-radius: 10px 10px 0 0; overflow: hidden;}
.review .inner .list li .img img{max-width: 100%;}
.review .inner .list li .txt{background-color: #fff; padding: 30px 20px; border-radius: 0 0 10px 10px; border: 1px solid #e4e4e4; border-top: 0; }
.review .inner .list li .txt > p{color: #686868; font-size: 1.6rem; word-break: keep-all; line-height: 1.6em;}
.review .inner .list li .txt .score{display: flex;width: 100%; align-items: center; margin-top: 20px}
.review .inner .list li .txt .score img{max-width: 100%; margin-right: 10px;}
.review .inner .list li .txt .score p{font-family: 'Jost', sans-serif; color: #686868; font-size: 1.6rem;}
.review .inner .list li .txt .score p b{color: #222222;}

@media all and (max-width:978px){
    .review .inner .list{flex-wrap: wrap;}
    .review .inner .list li{width: calc(100% / 2 - 20px / 2); margin-bottom: 20px;}
    .review .inner .list li .img img{width: 100%;}
}
@media all and (max-width:640px){
    .review .inner .list li .txt > p{font-size: 1.5rem; margin-bottom: 10px; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .review .inner .list li .txt{padding: 25px 15px;}
    .review .inner .list li .txt .score img{max-width: 76px;}
}

/* gochinier */
.gochinier .inner .list{display: flex; flex-wrap: wrap; gap:0 20px;}
.gochinier .inner .list li{width: calc(100% / 4 - 60px / 4); margin-bottom: 40px;}
.gochinier .inner .list li .img{border-radius: 10px 10px 0 0; overflow: hidden;}
.gochinier .inner .list li .img img{max-width: 100%;}
.gochinier .inner .list li .txt{padding: 30px 20px 25px; border: 1px solid #e4e4e4; border-top: 0; border-radius: 0 0 10px 10px;}
.gochinier .inner .list li .txt h3{font-size: 2rem; font-weight: 500; color: #222222;}
.gochinier .inner .list li .txt p{font-size: 1.6rem; color: #000; margin-top: 5px; margin-bottom: 15px;}
.gochinier .inner .list li .txt dl{display: flex; flex-wrap: wrap;}
.gochinier .inner .list li .txt dl dd{background-color: #f4f6fc; font-size: 1.2rem; color: #1e252b; padding: 12px 14px; border-radius: 20px; margin-right: 5px; margin-bottom: 5px;}

.gochinier .tit{text-align: center; margin-bottom: 40px;}
.gochinier .tit h2{font-size: 4rem; font-weight: 700; color: #002b64;}
.gochinier .tit h3{font-size: 2.4rem; color: #111; font-weight: 500; margin-top: 10px; word-break: keep-all;}
.gochinier .tit p{font-size: 1.8rem; color: #444; font-weight: 300; line-height: 1.6em; margin-top: 15px;}
.gochinier .box{margin: 25px 0; border: 1px solid #eee; padding: 30px;}
.gochinier .box h4{color: #002b64; font-size: 2rem; font-weight: 600; margin-bottom: 25px;}
.gochinier .box dl{margin: 15px 0;}
.gochinier .box dl:last-child{margin-bottom: 0;}
.gochinier .box dl dt{font-size: 1.8rem; font-weight: 600; color: #333;}
.gochinier .box dl dd{font-size: 1.7rem; font-weight: 300; color: #333; margin-top: 3px; word-break: keep-all;}
.gochinier h5{margin-top: 20px; font-size: 1.7rem; color: #444; font-weight: 500; color: #000;}

@media all and (max-width:978px){
    .gochinier .tit h2{font-size: 3.4rem;}
    .gochinier .tit h3{font-size: 2.1rem;}
    .gochinier .tit p{font-size: 1.7rem;}
    .gochinier .tit p br{display: none;}
    .gochinier .box{padding: 25px; margin: 20px 0;}
    .gochinier .box h4{font-size: 1.9rem; margin-bottom: 20px;}
    .gochinier .box dl dt{font-size: 1.7rem;}
    .gochinier .box dl dd{font-size: 1.6rem; line-height: 1.6em;}
    .gochinier h5{font-size: 1.6rem;}
}
@media all and (max-width:640px){
    .gochinier .tit h2{font-size: 3rem;}
    .gochinier .tit h3{font-size: 2rem;}
}
@media all and (max-width:500px){
    .gochinier .tit h2{font-size: 2.7rem;}
    .gochinier .tit h3{font-size: 1.9rem;}
    .gochinier .tit p{font-size: 1.6rem;}
    .gochinier .box{padding: 20px; margin: 15px 0;}
    .gochinier .box h4{font-size: 1.8rem; margin-bottom: 15px;}
    .gochinier .box dl dt{font-size: 1.6rem;}
    .gochinier .box dl dd{font-size: 1.5rem; }
}

@media all and (max-width:978px){
    .gochinier .inner .list{}
    .gochinier .inner .list li{width: calc(100% / 2 - 20px / 2); margin-bottom: 20px;}
}
@media all and (max-width:640px){
    .gochinier .inner .list li .txt{padding: 25px 15px 20px;}
    .gochinier .inner .list li .txt h3{font-size: 1.8rem;}
    .gochinier .inner .list li .txt p{font-size: 1.5rem;}
    .gochinier .inner .list li .txt dl dd{padding: 6px 8px;}
}

/* terms */
.terms{margin: 3rem 0; margin: 0 auto;}
.terms h3 {font-size:2.3em; color:#212121;  text-align:center; padding-bottom:30px;}
.terms dl { padding-bottom:3%;}
.terms dl dt {font-size:2.4rem; color:#212121; line-height:2.3em;  color: 000; font-weight: 700;}
.terms dl dd {font-size:1.6rem; padding-left:28px; line-height: 1.8em; color: #666; font-family: 'Noto Sans KR', sans-serif;}
.terms dl dd b{color: #444;}
.terms dl h4{font-size: 1.8rem; color: #444; margin: 0.5em 0;}

@media all and (max-width:999px){
    .terms dl dd{padding-left: 0;}
}