﻿.main1, .main3, .main5, .main7 {
    background-position: center 10%;
    background-size: cover;
    width: 100%;
    height: 400px;
    display: inline-block;
    overflow: hidden;
    background-image: url(https://file.k-friends.kr/img/20210419/042626_0.png);
	background-position:bottom center;
}

.submain1 > div > div.sub1 {
    display: inline-block;
    width: 100%;
    margin-top: 5em;
    margin-bottom: 3em;
	text-align:center;
}

    .submain1 > div > div.sub1 > ul {
		text-align:left;
        width: 100%;
		max-width:100%;
        margin: auto;
		position:relative;
		display:inline-block;
    }

        .submain1 > div > div.sub1 > ul > li:nth-child(1) {
			width:100%;
			border-bottom:1px solid #ddd;
			position:relative;
			display:inline-block;
        }
		.submain1 > div > div.sub1 > ul:before{ content:"일반 뉴스"; font-size:27px; font-weight:900; position:absolute; top:50%; width:25%; text-align:center; display:inline-block;}
		.submain1 > div > div.sub1 > ul > li > a > div{ position:relative;}
		.submain1 > div > div.sub1 > ul > li:nth-child(1):before { content:"최근 뉴스"; font-size:27px; font-weight:900; position:absolute; top:50%; width:25%; text-align:center;}
		.submain1 > div > div.sub1 > ul > li:nth-child(1) > a > div > h4{ font-size:27px; text-align:left; margin-left:25%; line-height:1.6; display:inline-block; height:auto;}
		.submain1 > div > div.sub1 > ul > li:nth-child(1) > a > div > aside{ font-size:12px; text-align:right;  top:5em; width:100%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(1) > a > div > p{ margin:1em; margin-left:25%; margin-right:2%; font-size:13px; line-height:1.6; height:auto;}
		.submain1 > div > div.sub1 > ul > li{ width:36%; float:left; margin-right:1%; border-bottom:1px solid #ddd; margin-bottom:3em;}

		.submain1 > div > div.sub1 > ul > li > a > div{ padding:0.5em 1em;}
		.submain1 > div > div.sub1 > ul > li > a > div > h4{ font-size:18px; line-height:1.6; margin:1em 0; height:60px; overflow:hidden;}
		.submain1 > div > div.sub1 > ul > li > a > div > aside{ font-size:12px; text-align:left; width:100%;}
		.submain1 > div > div.sub1 > ul > li > a > div > p{ margin:0.5em 0; font-size:14px; line-height:1.6; height:66px; overflow:hidden;}
		
		.submain1 > div > div.sub1 > ul > li:nth-child(2){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(4){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(6){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(8){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(10){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(12){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(14){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(16){ margin-left:25%;}
		.submain1 > div > div.sub1 > ul > li:nth-child(18){ margin-left:25%;}

            

.main2 > div.subdiv > div.submain1 > nav {
    width: 100%;
    margin: auto
}

.main4 {
    width: 90%;
    margin: auto;
    display: block;
    position: relative
}

.main6 > div.subdiv {
    width: 100%;
    margin: auto
}

    .main6 > div.subdiv > div.submain1 > h2 {
		display:inline-block;
		width:90%;
        font-size: 30px;
        line-height: 1.9;
        padding:0.5em 5%;
        border-bottom: 3px solid #ddd;
        margin-top: 3em;
        margin-bottom: 1.5em
    }

    .main6 > div.subdiv > div.submain1 img {
        max-width: 100%
    }

    .main6 > div.subdiv > div.submain1 iframe {
        max-width: 100%
    }

    .main6 > div.subdiv > div.submain1 > div {
        width: 100%;
        display: inline-block;
        text-align: center
    }

        .main6 > div.subdiv > div.submain1 > div > div.ReadMain {
            width: 90%
        }

        .main6 > div.subdiv > div.submain1 > div > div {
            display: inline-block;
            text-align: left
        }

    .main6 > div.subdiv > nav {
        margin-top: 2em;
        padding-top: .5em;
        border-top: 3px solid #ddd;
        text-align: right
    }

        .main6 > div.subdiv > nav > a {
            padding: .5em 1em;
            display: inline-block;
            margin: .3em;
            border: 1px solid #555;
            border-radius: 1em
        }

#NewsReadDiv, #NewsReadDiv p {
    line-height: 1.8
}

.main8 {
    width: 900px;
    margin: auto;
    display: block;
    position: relative
}

.EditorHeader1 {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 2em;
    font-size: 28px
}

#EditorFormUl1 {
    width: 96%;
    display: inline-block;
    table-layout: fixed;
    margin-left: 5%
}

#EditorTitle {
    padding: 1em .5em;
    font-size: 14px;
    width: 90%;
    display: inline-block;
    table-layout: fixed;

    margin-top: .5em;
    margin-bottom: .5em
}

#EditorSection1 {
    width: 100%;
    display: inline-block;
    table-layout: fixed;
    padding-top: 46px
}

.EditorNav1 {
    width: 100%;
    display: inline-block;
    table-layout: fixed;
    margin-top: 8px;
    text-align: center
}

    .EditorNav1 > a {
        margin: 6px;
        display: inline-block;
        table-layout: fixed;
        padding: 8px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 14px;
        border: 1px solid #555
    }

        .EditorNav1 > a:nth-child(1) {
            color: #fff;
            background-color: #555
        }

        .EditorNav1 > a:nth-child(2) {
            color: #555;
            background-color: #ddd
        }
