@charset "utf-8";

* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none; color: inherit;}

body {font-family: 'Noto Sans KR', sans-serif; color: #555;}
div {box-sizing: border-box;}
.Montserrat {font-family: 'Montserrat', sans-serif;}
.Poppins {font-family: 'Poppins', sans-serif;}
/* 
font-family: 'Montserrat', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Poppins', sans-serif;
 */

/* 전체내용 */
.wrap {width: 100%; overflow: hidden; max-width: 2000px; margin: 0 auto;}

/* 메인 */
main {width: 100%;}
    /* 인트로 */
    .main_intro {padding: 0 15rem; height: 500px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: no-repeat center center / cover; background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url(../img/main_intro_bg2.jpg); color: #fff;}
    .main_intro h2 {font-size: 50px;}
    
    .policy_wrap  {padding: 150px 15rem;}
    .policy_wrap h1 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 40px;
        color: #fff;
        background-color: #11397C;
    }
    .policy_wrap section {
        margin-bottom: 25px;
        line-height: 24px;
        width: 100%;
        padding-bottom: 50px;
        border-bottom: 1px #ccc solid;
    }
    .policy_wrap section td {
        padding: 6px 10px;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        text-align: left;
    }
    .policy_wrap .section_go {
        padding: 10px 20px;
        box-sizing: border-box;
        /* border: 1px #ccc solid; */
        /* background: #f6f6f6; */
    }
    .policy_wrap .section_go td {
        font-size: 12.5px;
    }
    .policy_wrap section h5 {
        font-size: 18px;
        color: #666;
        margin: 15px 0;
        text-align: center;
    }
    .policy_wrap section table {
        width: 100%;
        margin: 5px 0 10px;
        border-top: 2px #666 solid;
    }
    .policy_wrap section th {
        padding: 7px 0;
        border-bottom: 1px solid #919191;
        border-left: 1px solid #e4e4e4;
        background: #f9f9f9;
        line-height: 17px;
        color: #000;
        text-align: center;
    }
    .policy_wrap section table th:first-child, .policy_wrap section table td:first-child {
        border-left: 0;
    }
    .policy_wrap section h4 {
        font-size: 24px;
        margin-bottom: 8px;
        color: #2d91ff;
        font-weight: normal;
        text-align: center;
        margin-bottom: 30px;
    }
    .policy_wrap section ol {
        margin: 15px 0;
    }
    .policy_wrap .policy_cont ol, .policy_wrap .policy_cont ul {
        padding-left: 20px;
    }
    .policy_wrap section ol li {
        list-style: decimal;
        margin-bottom: 10px;
        padding-left: 4px;
    }

@media screen and (max-width: 1600px) {
    .main_intro {padding: 0 11rem;}

    .policy_wrap {padding: 150px 11rem;}
}


@media screen and (max-width: 1250px) {
    .main_intro {padding: 0 8rem; height: 400px;}

    .policy_wrap {padding: 150px 8rem;}
}
@media screen and (max-width: 1000px) {
    
    .main_intro {padding: 0 3rem; height: 300px;}
    .main_intro h2 {font-size: 40px;}

    .policy_wrap {padding: 3rem;}

    .policy_wrap h1 {font-size: 22px;}
    .policy_wrap section h5 {font-size: 17px;}
    .policy_wrap section h4 {font-size: 22px;}

    body {font-size: .8rem;}
}
@media screen and (max-width: 640px) {
    
    .main_intro {height: 200px;}
    .main_intro h2 {font-size: 30px;}

    .policy_wrap h1 {font-size: 20px;}
    .policy_wrap section h5 {font-size: 16px;}
    .policy_wrap section h4 {font-size: 20px;}

}

@media screen and (max-width: 440px) {
    .main_intro {height: 150px; padding: 1rem;}
    .main_intro h2 {font-size: 25px;}

    .policy_wrap {padding: 2rem 1rem;}
    .policy_wrap h1 {font-size: 18px;}
    .policy_wrap section h5 {font-size: 14px;}
    .policy_wrap section h4 {font-size: 18px;}

    body {font-size: .7rem;}
}