/*    페이지 컨테이너 박스 메인 */

    .container_main {
        margin: 1rem auto 1rem auto;
    }

    /*    섹션 */
    .section {
        overflow: hidden;
        margin: 1rem 0;
    }
			.section01 {
				background-image: url("https://search1.kakaocdn.net/argon/0x200_85_hr/5buzYjcKODs");
				background-color: #eeeeee;
				height: 180px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
			}

			.section01_text {
				width: 99%;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: white;
			}

			.section01_text h1 {
				font-size :3rem;
			}
						@media only screen and (max-width: 400px) {
							.section01_text h1 {
								font-size :2.5rem;
								}
						}



    .section_leftbox {
        width: 32.5%;
        float: left;
        margin-right: 2.5%;
        border: 1px solid #cccccc;
        padding: 0.5rem;
        /*        background-color: #cef8ea;*/
    }

    .section_rightbox {
        width: 65%;
        float: left;
        margin-left: 0%;
        border: 1px solid #cccccc;
        padding: 0.5rem;
        /*        background-color: #d1d4ff;*/
    }

    /*링크 리스트 목록 이미지*/
    .section .aticle {
        border: 1px solid #cccccc;
        overflow: hidden;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
        /*background-color: #d1ffe6;*/
    }

    .section .aticle .link_item {
        width: 15%;
        /*        ((100 -(링크갯수6*2-2)*여백마진1)/링크갯수6) = ?% ,(100-(6*2-2)*1)/6=30.6666 */
        margin: 0 1%;
        float: left;
        overflow: hidden;
    }
	
	.section .aticle .link_item img{
		 /*        이미지 아래쪽 여백 없애기 */
        display:block;
    }

    /*첫번째 링크 아이템 좌측 마진 0*/
    .section .aticle .link_item:first-child {
        margin-left: 0;
    }

    /*마지막 링크 아이템 우측 마진 0*/
    .section .aticle .link_item:last-child {
        margin-right: 0;
    }

    .section .aticle .link_item a {
		
    }

    .section .aticle a img {
        width: 100%;
        height: auto;
    }

    @media only screen and (max-width: 1100px) {
        .container_main {
            width: 100%;
        }
    }

    @media only screen and (max-width: 600px) {
        .section_leftbox {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 1rem;
        }

        .section_rightbox {
            width: 49%;
        }

		     /*        링크 아이템 가로로 배치하고자 하는 수 계산하여 % 조정해야~*/
        .section .aticle .link_item {
            width: 30.6666%;
            /*        (100 -(링크갯수3*2-2)*여백마진2)/링크갯수3 = ?% ,(100-(3*2-2)*2)/3=30.6666 */
                margin: 0.5% 2%;
        }

        .section .aticle .link_item:nth-child(3n) {
            /*            3의 배수 아이템 우측 마진 0*/
            margin-right: 0;
        }

        .section .aticle .link_item:nth-child(4n) {
            /*            4의 배수 아이템 자측 마진 0*/
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 500px) {
        .section_leftbox {
            width: 100%;
        }

        .section_rightbox {
            width: 100%;
        }
		
		.section .aticle {
               padding: 0.5rem 0.5rem 0 0.5rem;
    	}		
		
        /* 링크 아이템 가로로 배치하고자 하는 수 계산하여 % 조정해야~*/
        .section .aticle .link_item {
            width: 48%;
            /*        (100-(링크갯수2*2-2)*여백마진2)/링크갯수2 = ?% ,(100-(2*2-2)*2)/2=48 */
            margin: 0 2%;
            margin-bottom: 0.5rem;
        }

        .section .aticle .link_item:nth-child(odd) {
            /*            홀수 아이템 우측 마진 0*/
            margin-left: 0%;
            margin-right: 2%;
        }

        .section .aticle .link_item:nth-child(even) {
            /*            짝수 아이템 우측 마진 0*/
            margin-left: 2%;
            margin-right: 0%;
            
        }
    }