@charset "utf-8";
/*************************************************************************
* @ 서비스명   : main
* @ 파일명     : /css/main.css
* @ 페이지설명  : main.css

**************************************************************************/


.index{max-width:450px;margin:0 auto;border-right:1px solid#f9f9f9;border-left:1px solid#f9f9f9;}
.index .content{width:100%;padding:10px 20px 100px 20px;}
.index .content .section01{display:flex;align-items:center;justify-content:space-between;}
.index .content .section01 .name{font-size:22px;font-weight:700;}
.index .content .section01 a img{width:19px;}
.index .content .section02{margin-top:80px;}
.index .content .section02 h2{font-size:25px;line-height:1.5;}
.index .content .section02 h3{margin-top:20px;font-size:14px;font-weight:normal;line-height:1.6;}
.index .content .section03{margin-top:60px;}
.index .content .section03 .search{padding:15px;display:flex;align-items:center;justify-content:space-between;background:#f3f3f3;border-radius:7px;font-size:14px;}
.index .content .section03 .search img{width:20px;}
.index .content .section04{margin-top:80px;}
.index .content .section04 .title{text-align:right;margin:0px 5px 5px 0px;color:#6d6d6d;}
.index .content .section04 .box{background:#f9dd4b;border-radius:7px;padding:15px;}
.index .content .section04 .line1{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid#bdaf64;}
.index .content .section04 .line1 .t1{font-size:14px;}
.index .content .section04 .line1 .t2{font-size:16px;font-weight:600;}
.index .content .section04 .line2{display:flex;align-items:center;justify-content:space-between;padding-top:15px;}
.index .content .section04 .line2 .t1{font-size:14px;}
.index .content .section04 .line2 .t2{font-size:16px;font-weight:600;}
.index .content .section04 h2{margin-top:20px;font-size:15px;line-height:1.5;text-align:center;font-weight:500;}
.index .content .section05{margin-top:60px;}
.index .content .section05 .title{font-size:20px;font-weight:600;}
.index .content .section05 .title img{width:17px;margin-right:3px;margin-bottom:-3px;}
.index .content .section05 .box{margin-top:10px;border-radius:7px;padding:15px;background:#f7f7f7;display:flex;justify-content: space-between;}
.index .content .section05 .box .t1{font-size:14px;color:#8b8b8b;}
.index .content .section05 .box .t2{font-size:16px;margin-top:5px;font-weight:600;}
.index .content .section05 .box .right img{width:36px;margin-right:10px;}
.index .content .section06{margin-top:80px;}
.index .content .section06 .title{font-size:20px;font-weight:600;}
.index .content .section06 .title img{width:17px;margin-right:3px;margin-bottom:-3px;}

.faq{max-width:450px;margin:0 auto;border-right:1px solid#f9f9f9;border-left:1px solid#f9f9f9;}
.faq .content{width:100%;padding:10px 20px 100px 20px;}
.faq .content .section01{display:flex;align-items:center;justify-content:space-between;}
.faq .content .section01 .name{font-size:22px;font-weight:700;}
.faq .content .section01 a img{width:19px;}
.faq .content .section02 .faq-form{margin-top:40px;}
.faq .content .section02 .faq-item {border-bottom: 1px solid #ccc;padding:25px 0;}
.faq .content .section02 .faq-question {cursor: pointer;font-weight:500;font-size:17px;display:flex;justify-content:space-between;align-items:center;}
.faq .content .section02 .faq-question span img {transition: transform 0.3s ease;}
.faq .content .section02 .faq-item.active .faq-question span img {transform: rotate(180deg);}
.faq .content .section02 .faq-answer {display: none;padding:25px 0px 10px 0px;font-size:15px;color: #333;line-height:1.6;}
.faq .content .section02 .faq-item.active .faq-answer {display: block;}

.search{max-width:450px;margin:0 auto;border-right:1px solid#f9f9f9;border-left:1px solid#f9f9f9;}
.search .content{width:100%;padding:10px 20px 100px 20px;}
.search .content .section01{display:flex;align-items:center;justify-content:space-between;}
.search .content .section01 .name{font-size:22px;font-weight:700;}
.search .content .section01 a img{width:19px;}
.search .content .section02{margin-top:130px;}
.search .content .section02 .info{margin-top:30px;text-align:center;}

.donation{max-width:450px;margin:0 auto;border-right:1px solid#f9f9f9;border-left:1px solid#f9f9f9;}
.donation .content{width:100%;padding:10px 20px 100px 20px;}
.donation .content .section01{display:flex;align-items:center;justify-content:space-between;}
.donation .content .section01 .name{font-size:22px;font-weight:700;}
.donation .content .section01 a img{width:19px;}
.donation .content .section02{margin-top:50px;}
.donation .content .section02 .box{background:#f9dd4b;border-radius:7px;padding:15px;}
.donation .content .section02 .line1{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid#bdaf64;}
.donation .content .section02 .line1 .t1{font-size:14px;}
.donation .content .section02 .line1 .t2{font-size:16px;font-weight:600;}
.donation .content .section02 .line2{display:flex;align-items:center;justify-content:space-between;padding-top:15px;}
.donation .content .section02 .line2 .t1{font-size:14px;}
.donation .content .section02 .line2 .t2{font-size:16px;font-weight:600;}
.donation .content .section03{margin-top:30px;}
.donation .content .section04{margin-top:80px;}
.donation .content .section04 .title{font-size:20px;font-weight:600;}
.donation .content .section04 .title img{width:17px;margin-right:3px;margin-bottom:-3px;}

.policy{max-width:450px;margin:0 auto;border-right:1px solid#f9f9f9;border-left:1px solid#f9f9f9;}
.policy .layout{width:100%;padding:10px 20px 100px 20px;}
.policy .layout h1{font-size:22px;}
.policy .layout h2{margin-top:30px;font-size:18px;}
.policy .layout p{margin-top:10px;}



/* tablet */
@media all and (max-width:1280px) {

.index{max-width:100%;}





}