* {
    margin: 0;
    padding: 0;
    font-family: 'KoPubWorldDotum', sans-serif;
    letter-spacing: -0.5px;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    height: auto;
    margin: 0 auto;
    border: 0;
}

body {
    width: 100%;
    height: auto;
}


/* 전체 콘텐츠 영역 */

.sub_1_2_contents {
    width: 100%;
    height: auto;
    float: left;
}


/* 서브 1 상단 */

.sub_1_top {
    width: 100%;
    height: 270px;
    background: #ccc;
    float: left;
}


/* 서브 1 상단배너 */

.sub_1_top {
    width: 100%;
    height: 270px;
    float: left;
}

.sub_1_top_banner {
    width: 100%;
    height: 210px;
    float: left;
    background: url(../images/sub_1_2_top_banner.jpg) no-repeat;
}

.sub_top_banner_bk {
    width: 100%;
    height: 210px;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
}

.sub_1_top_banner>p {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    z-index: 99;
    line-height: 210px;
    width: 100%;
    text-align: center;
}

.sub_1_menu {
    width: 100%;
    height: 60px;
    float: left;
    background: #4182dd;
}

.sub_1_menu>ul {
    width: 1400px;
    height: 60px;
    margin: 0 auto;
}

.sub_1_menu>ul>li {
    float: left;
    width: 33%;
    height: 60px;
    border-left: 1px solid #fff;
}

.sub_1_menu>ul>li:last-child {
    border-right: 1px solid #fff;
}

.on {
    background: #fff;
}

.on>a {
    color: #555 !important;
    font-weight: 600;
}

.sub_1_menu>ul>li>a {
    width: 100%;
    height: 60px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
}


/* 서브 1 상단 end */


/* 서브 1 중간 */

.sub_1_middle {
    width: 100%;
    height: 1450px;
    float: left;
}


/* 메뉴 탭 */

.sub_1_menu_tab {
    width: 1400px;
    height: 40px;
    margin: 0 auto;
    margin-top: 25px;
}

.sub_1_menu_tab>ul {
    width: 30%;
    height: 30px;
}

.sub_1_menu_tab>ul>li {
    float: left;
    color: #aaa;
}

.sub_1_menu_tab>ul>li>a>img {
    float: left;
}

.menu_tab_next {
    margin-left: 8px;
    margin-right: 8px;
}


/* 서브 1_1 문구 */

.sub_1_menu_txt {
    width: 1400px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 90px;
}

.sub_1_menu_txt>p:first-child {
    font-size: 23px;
    color: #333;
}

.sub_1_menu_txt>p:first-child>span {
    font-size: 30px;
    font-weight: 600;
    color: #08254d;
}

.sub_1_point {
    width: 24px;
    height: 4px;
    background: #ffc827;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}


/* 서브 1_1 박스문구 */

.sub_1_2_one {
    width: 1400px;
    height: 230px;
    margin: 0 auto;
}

.sub_1_2_tit {
    width: 25%;
    height: 100px;
    float: left;
    margin-top: 80px;
}

.sub_1_2_tit>span {
    font-size: 18px;
    font-weight: 600;
    color: #444;
}

.sub_1_2_txt {
    width: 75%;
    float: left;
    height: 120px;
    margin-top: 80px;
}

.sub_1_2_txt>span {
    font-size: 17px;
    color: #555;
    line-height: 28px;
}

.sub_1_2_two {
    width: 100%;
    height: 290px;
    float: left;
    background: #f9f9f9;
}

.sub_1_2_two>div:first-child {
    width: 1400px;
    margin: 0 auto;
}

.sub_1_2_three {
    width: 1400px;
    margin: 0 auto;
}

.sub_1_2_iconbox {
    width: 75%;
    float: left;
    height: 300px;
    margin-top: 80px;
}

.sub_1_2_icon {
    width: 220px;
    height: 300px;
    float: left;
}

.sub_1_2_icon_m {
    display:none;
}

/* 서브 1 중간 end */


/* 전체 콘텐츠 영역 end */


/* 모바일 레이아웃(반응형) */

/* 480px */

@media screen and (max-width:480px) {

	/* PC 레이아웃 none */

    .sub_1_2_icon > img:first-child {
        display:none;
    }


	/* M 레이아웃 block */

    .sub_1_2_icon_m {
        display:block;
        width:100%;
    }

	/* M 레이아웃 변경 */
    p {
        word-break: keep-all;
    }   

    span {
        word-break: keep-all;
    }


    .sub_1_menu>ul {
        width:100%;
    }

    .sub_1_menu_tab {
        width:100%;
    }

    .sub_1_menu_txt {
        width:100%;
    }

    .sub_1_2_one {
        width:100%;
        height:250px;
    }

    .sub_1_2_three {
        width:100%;
        float:left;
        padding-top:40px;
    }

    /* 서브 1 상단배너 */
    
    .sub_1_top {
        height:190px;
    }

    .sub_1_top_banner {
        height:140px;
        background:url(../images/sub_1_2_top_banner_m.jpg) no-repeat;
    }

    .sub_1_top_banner > p {
        line-height:140px;
        font-size:20px;
    }

    .sub_top_banner_bk {
        height:140px;
    }

    .sub_1_menu {
        height:50px;
    }

    .sub_1_menu > ul {
        height:50px;
    }
    
    .sub_1_menu > ul > li {
        height:50px;
    }

    .sub_1_menu > ul > li > a {
        font-size: 15px;
        line-height:50px;
        height:50px;
    }

    .sub_1_menu > ul > li:last-child {
        border-right:none;
    }

    .sub_1_menu > ul > li {
        border-left: none;
    }

    .sub_1_menu_tab {
        margin-top:3%;
    }

    .sub_1_menu_tab > ul {
        width:92%;
        margin:0 auto;
        font-size:14px;
    }

    .sub_1_menu_tab > ul > li > a > img {
        width:22px;
        height: auto;
    }

    .sub_1_menu_txt > p:first-child {
        font-size:14px;
    }

    .sub_1_menu_txt > p:first-child > span {
        font-size:19px;
    }

    .sub_1_menu_txt > p:nth-child(2) {
        font-size:15px;
    }

    .sub_1_menu_txt > p:last-child {
        width:80%;
        text-align: center;
        margin: 0 auto;
        font-size:14px;
    }

    .sub_1_point {
        width:18px;
        margin-top:22px;
        margin-bottom:22px;
    }

    /* 서브 1_1 박스문구 */

    .sub_1_menu_boxtxt {
        margin-top:30px;
        height:auto;
        margin-bottom:100px;
    }

    .sub_1_boxtit {
        font-size: 16px;
        margin-top:30px;
        text-align: center;
    }

    .sub_1_box > img {
        width:18px;
        height:18px;
        margin-top:20px;
        margin-left:20px;
    }

    .sub_1_boxall {
        margin: 0 auto;
        margin-top:30px;
        width:90%;
    }

    .sub_1_boxall > div:first-child {
        margin-right:0;
    }

    .sub_1_box {
        width:100%;
        margin-bottom:30px;
        height:210px;
    }

    .sub_1_box > p {
        margin-top:10px;
        margin-left:20px;
        font-size:14px;
    }

    .sub_1_middle {
        height:auto;
    }

    /* 내용 레이아웃 */

    .sub_1_menu_txt {
        height: 100px;
    }

    .sub_1_2_tit {
        width:100%;
        height:30px;
        margin-top:0;
        text-align:center;
    }

    .sub_1_2_tit > span {
        font-size:16px;
    }

    .sub_1_2_txt {
        width:100%;
        text-align: center;
        margin-top:30px;
    }

    .sub_1_2_txt > span {
        width:310px;
        font-size: 14px;
        margin: 0 auto;
        display: block;
    }

    .sub_1_2_two > div:first-child {
        width: 100%;
    }

    .sub_1_2_two {
        height: 330px;
        padding-top:30px;
    }

    .sub_1_2_iconbox {
        width:100%;
        height: auto;
    }
    
    .sub_1_2_icon {
        width:100%;
        height: auto;
        margin-bottom:80px;
    }
}