@charset "utf-8";

/*AS정책*/
#container .subpage_top_title.index{position: relative;}
#container .subpage_top_title.index .bg{background: url(./img/bg_index.png) no-repeat bottom center / cover;position: absolute; height: 65%; bottom: 0; left: 0; width: 100%;}
.sub_container .main_title{margin-bottom: 80px;}
.accordion{width: 100%; overflow: hidden;}
.accordion-item{border-bottom: 1px solid black; margin-bottom: 80px; margin-top: -1px;}
.accordion-header{background: #f7f7f7; padding: 8px 16px; cursor: pointer; font-weight: bold; transition: background 0.3s; border-top: 2px solid black;}
.accordion-content{overflow: hidden; padding: 40px 16px 40px; background: #fff; border-top: 1px solid #ddd; transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; box-sizing: border-box; word-break: keep-all;}
.accordion-content .info{font-weight: bold; margin-top: 40px; line-height: 21px; margin-bottom: 16px;}
.accordion-content .info::before{content: '!'; display: inline-block; width: 21px; height: 21px; text-align: center; font-weight: bold; border-radius: 50%; line-height: 21px; background: black; color: white; margin-right: 8px;}
.accordion-content ul.box{display: flex;gap: 18px;}
.accordion-content ul.box li{border: 1px solid #ddd;padding: 108px 0 32px; text-align: center; width: calc(100% - (18px * 4) / 5);}
.accordion-content ul.box li:nth-child(1){background: url(./img/icon_index1.png) no-repeat top 32px center #f7f7f7;}
.accordion-content ul.box li:nth-child(2){background: url(./img/icon_index2.png) no-repeat top 32px center #f7f7f7;}
.accordion-content ul.box li:nth-child(3){background: url(./img/icon_index3.png) no-repeat top 32px center #f7f7f7;}
.accordion-content ul.box li:nth-child(4){background: url(./img/icon_index4.png) no-repeat top 32px center #f7f7f7;}
.accordion-content ul.box li:nth-child(5){background: url(./img/icon_index5.png) no-repeat top 32px center #f7f7f7;}
.accordion-content ul.dot li{padding-left: 29px; background: url(./img/bg_index_dot.png) no-repeat left 8px top 11px; line-height: 1.5; margin-bottom: 4px;}
.accordion-content ul.dot li:last-child{margin-bottom: 0;}
.accordion-content p{display: block; margin-top: 16px; opacity: .5;}
.accordion-content .info.margin0{margin-top: 0;}


/* 1600px 이하일때 */
@media (max-width: 1600px){
}

/* 1200px 이하일때 */
@media (max-width: 1200px){
    .accordion-content .info{line-height: 1.5; display: flex;}
    .accordion-content .info::before{flex-shrink: 0; margin-top: 2px;}
}


/* 900px 이하일때 */
@media (max-width: 900px){
    .sub_container .main_title{margin-bottom: 56px;}
    .accordion-content ul.box{font-size: 16px; flex-wrap: wrap;justify-content: center;}
    .accordion-content ul.box li{width: 160px;}
    .accordion-content{max-height: 2000px;}
    #container .subpage_top_title.index .bg{height: 70%;}
}


/* 500px 이하일때 */
@media (max-width: 500px){
    .sub_container .main_title{margin-bottom: 32px;}
    .accordion-content ul.box{gap: 16px;}
    .accordion-content ul.box li{width: calc((100% - 16px) / 2);}
    .accordion-content ul.box li:last-child{width: 100%;}
}

/* 400px 이하일때 */
@media (max-width: 400px){
    #container .subpage_top_title.index .bg{height: 60%;}
}