@charset "utf-8";

/* [1] 웹폰트 및 리셋 */
@font-face {
    font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 700;
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot);
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff) format('woff'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 400;
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');
}

html, body { margin: 0; padding: 0; font-family: 'Nanum Barun Gothic', sans-serif; overflow-x: hidden; }
* { box-sizing: border-box !important; -webkit-tap-highlight-color: transparent; }
img { width: 100%; height: auto; display: block; border: 0 !important; }

/* [2] 레이아웃 기본 */
#wrap { width: 100% !important; }
.container { width: 100% !important; background: #eaeaea; padding-bottom: 60px; }

/* [3] 보험사 리스트 (2열 중앙 정렬 시스템) */
.container .cont_sub .content ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 10px 5px !important;
    list-style: none !important;
    margin: 0 !important;
}

.container .cont_sub .content ul li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 가로 중앙 */
    justify-content: center !important; /* 세로 중앙 */
    
    width: 46% !important; 
    height: 155px !important; 
    margin: 6px 1.5% !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

/* 로고 이미지 정렬 */
.container .cont_sub .content ul li img {
    width: auto !important;
    max-width: 85% !important;
    max-height: 55px !important;
    margin: 0 auto 15px auto !important; /* 가로 중앙 강제 */
}

/* [최종] 버튼 이미지 중앙 정렬 (물리적 강제) */
.container .cont_sub .content ul li p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important; /* 텍스트 정렬 기반 중앙 */
    display: flex !important;
    justify-content: center !important; /* Flex 기반 중앙 */
}

.container .cont_sub .content ul li p a {
    display: inline-block !important; /* inline-block으로 중앙 정렬 보장 */
    width: 90% !important;
    background: transparent !important; /* 이중 버튼 방지 */
    border: none !important;
    padding: 0 !important;
    margin: 0 auto !important; /* 블록 요소 중앙 정렬 */
}

.container .cont_sub .content ul li p a img {
    width: 100% !important; 
    max-height: none !important;
    margin: 0 auto !important; /* 이미지 자체 중앙 정렬 */
    display: block !important;
}

/* [4] 하단 및 기타 요소 정렬 */
.container .cont_sub .content p { clear: both !important; width: 100% !important; padding: 20px 15px !important; font-size: 14px; line-height: 1.6; color: #444; }
.content2 { width: 100% !important; padding: 10px; background: #fff; }
.content2 ul { display: block !important; overflow: hidden; list-style: none; padding: 0; margin: 0; }
.content2 ul li { float: left !important; width: 33.33% !important; padding: 5px; text-align: center; }
.footer { width: 100%; border-top: 1px solid #b5b3b2; padding: 20px 0; text-align: center; }