/* 이용안내, 연간회원 CSS */
.use_info_wrap {width: 100%; margin: 30px 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; font-size: 16px; line-height: 1.5em;}
.use_info_wrap h2 {color:#222; font-size: 22px; font-weight: 600; margin-bottom: 10px;}
.use_info_wrap h3 {color:#222; font-size: 20px; font-weight: 600; margin-bottom: 5px;}
.use_info_wrap h4 {color:#222; font-size: 18px; font-weight: 600;}
.use_info_wrap p {color:#222; font-size: 18px; line-height:1.5em;}
.use_info_wrap .subtext {font-size: 0.8em; margin-left: 5px;}

.use_info_box_wrap {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.use_info_box_wrap .use_info_box { margin: 20px 0; width: 30%; min-width: 280px; height: 240px; border: 1px solid #c8c8c8; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; }
.use_info_box_wrap .use_info_box h2 {margin-top: 5px; width: 80%; text-align: center; line-height: 2.5em; border-bottom: 1px solid #999999; }
/*.use_info_box_wrap .use_info_box p {margin-top: 40px;}*/
.use_info_box_wrap .use_info_box ul {margin-top: 10px; /*padding-left: 20px;*/}
.use_info_box_wrap .use_info_box li {/*list-style-type: disc; */font-size: 18px; text-align: center; line-height: 160%; }
.use_info_box_wrap .use_info_box li:FIRST-CHILD {font-weight: 600; }
.use_info_box_wrap .use_info_box .fa {margin-top: 30px; font-size: 40px; color: #008066; text-align: center;}

.use_info_wrap .use_info_content {width: 100%; min-width: 300px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-top:solid 1px black; border-bottom:solid 1px black;}
.use_info_wrap .no-border-bottom {border-bottom:none;}
.use_info_wrap .use_info_content .use_info_title {width: 20%; font-weight:600; font-size:1.5em; min-width: 50px; max-width:100px; margin: 0px auto; text-align:center;}
.use_info_wrap .use_info_content .use_info_text {width:80%; /*min-width: 600px;*/ font-size: 1.1em; display: flex; flex-direction: column; text-align: left; justify-content: space-around;}
.use_info_wrap .use_info_content .use_info_text li {/*min-width: 500px; */ width: 100%; display: flex; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid #c8c8c8; }
.use_info_wrap .use_info_content .use_info_text li:FIRST-CHILD {font-weight: 600;  }
.use_info_wrap .use_info_content .use_info_text li:FIRST-CHILD span {text-align:center;}
.use_info_wrap .use_info_content .use_info_text li:LAST-CHILD {border-bottom: none;}
.use_info_wrap .use_info_content .use_info_text li .pay {display:flex; justify-content: space-between; /*min-width: 80px;*/ text-align: right; }
.use_info_wrap .use_info_content .use_info_text li .pay span{width: 120px;}
.use_info_wrap .note {margin: 20px 0px;}

.use_info_wrap .use_info_content .use_info_text .center {text-align: center;}
.use_info_wrap .use_info_content .use_info_text .left {text-align: left;}
.use_info_wrap .use_info_content .use_info_text .right {text-align: right; padding-right:7%;}

.use_info_content2 {width: 100%; margin: 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row; }
.use_info_content2 .item-img {width: 31%;}
.use_info_content2 .item-img img {border-radius:10px; width:100%; height: auto;}
.use_info_content2 .item-img a {display:flex; flex-direction: column; align-items: center;}
.use_info_content2 .font-B {font-size: 1.5em; line-height: 2em;}

.use_info_wrap .note li{list-style-type: disc; margin-left: 20px; line-height: 160%; }

.mt-20 {margin-top: 20px;}

@media (max-width:760px) {
    .use_info_wrap .use_info_content .use_info_title {padding: 20px; min-width: 100%; }
    .use_info_wrap .use_info_content .use_info_text {width:100%;}
    /*.use_info_wrap .use_info_content .use_info_text .right {padding-right:20px;}*/
    .use_info_wrap .use_info_content .use_info_text li {padding: 20px 0;}
    .use_info_wrap .use_info_content {border: none; }
    .use_info_wrap .use_info_content .use_info_text ul {border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .use_info_wrap .no-border-bottom {border-bottom: 0; margin-bottom: 20px; }

    .use_info_content2 .item-img {width: 100%; margin-bottom: 30px;}

    .use_info_box_wrap .use_info_box { width: 100%; }
}
@media (max-width:1080px) {
    .use_info_box_wrap .use_info_box { margin: 10px 0; height: 280px;}
}