#LLcontainer {margin:0 auto; padding:0 !important; width:100%; height: 100vh; background-color: #f6f6f6 !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

}
.LLL {
    margin:0 auto; padding:0; width:1275px; height:875px; background-color: #fa9999;
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box_posi>div:not(.item4) { 
    cursor: pointer; 
} 


/* .item {
    align-self: auto;
    width: 300px; height:155px; background-color: #fff;
}

.item:nth-child(1) {
	width: 625px; height:335px; background-color: #c41724;
}

.item:nth-child(2) {
    width: 625px; height:335px; background-color: #c41724;
}

.item:nth-child(5) {
    width: 625px; height:335px; background-color: #bb989b;
} */

/* grid-template-columns: */
.gridLL {
    margin:0 auto;  width:1200px; height:775px; 
    flex-wrap: wrap;
    word-break:keep-all;
    text-align: center;
    font-family:'Noto Sans KR';
}

.box_posi {
    width:1200px; height:775px; 
    position:relative;
    top:-50px;
    left:-37.5px;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 20% 20% 20% 20% 20%;
    row-gap: 25px;
    column-gap: 25px;
    
}

.item1 {
    background: url(/images/new_db/logo/LL_kidp_b_logo.png) no-repeat;
    background-position: 50% 23%;
    background-color: #fff;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    vertical-align: middle;
    padding-top: 135px;    
    color:#d10d21;    
    font-weight: 100;
}
.item1 div{
    width: 450px;    
    margin: 0 auto;
    font-size: 1.875rem;    
}

.item2 div{
    width: 300px;    
    margin: 0 auto;
    font-size: 1.875rem;    
}

.KWborder{
    display: inline-block;
    width:300px; 
    border: solid 1px #d10d21;
    padding: 10px;
    color:#d10d21 !important;   
}

.DRborder{
    display: inline-block;
    width:250px;
    border: solid 1px #d10d21;
    padding: 10px;
    color:#d10d21!important;   
}

.item1 p{
    margin: 30px auto;
    font-size: 1.25rem;
}

.item2 p{
    margin: 30px auto;
    font-size: 1.25rem;
}


.item2 { 
    background: url(/images/new_db/logo/LL_designdb_logo.png) no-repeat;
    background-position: 50% 23%; background-color: #fff;
    grid-column-start: 3;
    grid-column-end: 5;   
    grid-row-start: 1;
    grid-row-end: 3; 
    vertical-align: middle;
    padding-top: 135px;    
    color:#d10d21;    
    font-weight: 100;
}
.item3 { 
    background-color: #fff;
    grid-column-start: 1;
    grid-column-end: 2;  
    grid-row-start: 3;
    grid-row-end: 4;  
    vertical-align: middle;
    padding-top: 35px;    
    color:#000;       
}

.item3 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item3 p{
    margin:25px auto;
    font-size: 0.875rem   
}



.item4 {  background: url(/images/new_db/logo/LL_kidp_illust.jpg) no-repeat;
    background-position: 50% 50%;
    grid-column-start: 2;
    grid-column-end: 4;  
    grid-row-start: 3;
    grid-row-end: 5;  
}

.item5 { background-color: #fff;
    grid-column-start: 4;
    grid-column-end: 5;  
    grid-row-start: 3;
    grid-row-end: 4;  
    padding-top: 35px;    
}

.item5 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;      
}

.item5 p{
    margin:25px auto;
    font-size: 0.875rem;    
}


.item6 { background-color: #fff;
    grid-column-start: 1;
    grid-column-end: 2;  
    grid-row-start: 4;
    grid-row-end: 5; 
    padding-top: 35px;     
}

.item6 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item6 p{
    margin:25px auto;
    font-size: 0.875rem;    
}

.item7 { background-color: #fff;
    grid-column-start: 4;
    grid-column-end: 5;  
    grid-row-start: 4;
    grid-row-end: 5;   
    padding-top: 35px;   
}

.item7 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item7 p{
    margin:25px auto;
    font-size: 0.875rem;    
}

.item8 { 
    background: url(/images/new_db/logo/LL_design_korea_logo.png) no-repeat;
    background-position: 50% 29%; background-color: #fff;
    grid-column-start: 1;
    grid-column-end: 2;  
    grid-row-start: 5;
    grid-row-end: 6; 
    padding-top: 35px;   
}

.item8 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item8 p{
    margin:25px auto;
    font-size: 0.875rem;    
}

.item9 { 
    background: url(/images/new_db/logo/LL_cmf_hows_logo.png) no-repeat;
    background-position: 50% 29%; background-color: #fff;
    grid-column-start: 2;
    grid-column-end: 3;  
    grid-row-start: 5;
    grid-row-end: 6; 
    padding-top: 35px;   
}

.item9 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item9 p{
    margin:25px auto;
    font-size: 0.875rem;    
}

.item10 {
    background: url(/images/new_db/logo/LL_dk_award_logo.png) no-repeat;
    background-position: 50% 29%; background-color: #fff;
    grid-column-start: 3;
    grid-column-end: 4;  
    grid-row-start: 5;
    grid-row-end: 6; 
    padding-top: 35px;   
}

.item10 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item10 p{
    margin:25px auto;
    font-size: 0.875rem;    
}

.item11 {
    background: url(/images/new_db/logo/LL_designground_logo.png) no-repeat;
    background-position: 50% 29%; background-color: #fff;
    grid-column-start: 4;
    grid-column-end: 5;  
    grid-row-start: 5;
    grid-row-end: 6; 
    padding-top: 35px;   
}

.item11 div{   
    margin: 0 auto;
    font-size: 1.875rem;      
    font-weight: 700;    
}

.item11 p{
    margin:25px auto;
    font-size: 0.875rem;    
}


@media screen and (max-width: 1023px) {
    /* For Tablet: */

    .item3 p{
        margin:25px auto;
        font-size: 1.25rem;  
    }
    .item5 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item6 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item7 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item8 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item9 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item10 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .item11 p{
        margin:25px auto;
        font-size: 1.25rem;    
    }
    
    .gridLL {
        position:absolute;
        top:0px;
        left:0px;
        margin:0 auto;  width:100%;
        flex-wrap: wrap;
        word-break:keep-all;
        text-align: center;
        font-family:'Noto Sans KR';
    }
    
    .box_posi {
        width:100%;
        position:relative;
        top:0px;
        left:0px;
        display: grid;
        grid-template-columns: 25% ;
        grid-template-rows: 20% ;
        row-gap: 25px;
        column-gap: 25px;
        
    }
        
    .item1 {
        background: url(/images/new_db/logo/LL_kidp_b_logo.png) no-repeat;
        background-position: 50% 23%;
        background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
        vertical-align: middle;
        padding-top: 135px;    
        color:#d10d21;    
        font-weight: 100;
    }
       
    .item2 { 
        background: url(/images/new_db/logo/LL_designdb_logo.png) no-repeat;
        background-position: 50% 23%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 3;
        grid-row-end: 5; 
        vertical-align: middle;
        padding-top: 135px;    
        color:#d10d21;    
        font-weight: 100;
    }
    .item3 { 
        background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 5;
        grid-row-end: 6;  
        vertical-align: middle;
        padding-top: 35px;    
        color:#000;       
    }
        
    .item4 {  
        background: url(/images/new_db/logo/LL_kidp_illust.jpg) no-repeat;
        background-position: 50% 50%;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 13;
        grid-row-end: 13;   
    }
    
    .item5 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 6;
        grid-row-end: 7;  
        padding-top: 35px;    
    }

    
    .item6 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 7;
        grid-row-end: 8; 
        padding-top: 35px;     
    }

    
    .item7 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 8;
        grid-row-end: 9;   
        padding-top: 35px;   
    }
    
    .item8 { 
        background: url(/images/new_db/logo/LL_design_korea_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 9;
        grid-row-end: 10; 
        padding-top: 35px;   
    }

    .item9 { 
        background: url(/images/new_db/logo/LL_cmf_hows_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;    
        grid-row-start: 10;
        grid-row-end: 11; 
        padding-top: 35px;   
    }
    
    .item10 {
        background: url(/images/new_db/logo/LL_dk_award_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 11;
        grid-row-end: 12; 
        padding-top: 35px;   
    }
    
    .item11 {
        background: url(/images/new_db/logo/LL_designground_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;    
        grid-row-start: 12;
        grid-row-end: 13; 
        padding-top: 35px;   
    }
 
  }

  @media screen and (max-width:767px){ 
        /* For Mobile */
    /* .gridLL {
        position:absolute;
        top:0px;
        left:0px;
        margin:0 auto;  width:100%;
        flex-wrap: wrap;
        word-break:keep-all;
        text-align: center;
        font-family:'Noto Sans KR';
    }
    
    .box_posi {
        width:100%;
        position:relative;
        top:0px;
        left:0px;
        display: grid;
        grid-template-columns: 25% ;
        grid-template-rows: 20% ;
        row-gap: 25px;
        column-gap: 25px;
        
    }
        
    .item1 {
        background: url(/images/new_db/logo/kidp_w_logo.png) no-repeat;
        background-position: 50% 23%;
        background-color: #d10d21;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
        vertical-align: middle;
        padding-top: 135px;    
        color:#fff;    
        font-weight: 100;
    }
       
    .item1 div{
        width: 100%;    
        margin: 0 auto;
        font-size: 1.875rem;    
    }
    

    .KWborder{
        display: inline-block;
        width:300px; 
        border: solid 0px #fff;
        padding: 10px;
        color:#fff !important;   
    }
    .item1 p{
        margin: 30px auto;
        font-size: 20px;
    }
    

    .item2 { 
        background: url(/images/new_db/logo/designdb_logo.png) no-repeat;
        background-position: 50% 23%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 2;
        grid-row-end: 3; 
        vertical-align: middle;
        padding-top: 135px;    
        color:#d10d21;    
        font-weight: 100;
    }

    
    .item2 div{
        width: 300px;    
        margin: 0 auto;
        font-size: 24px;    
    }
    
    .item2 p{
        margin: 30px auto;
        font-size: 20px;
    }
    
    
    .DRborder{
        display: inline-block;
        width:250px;
        border: solid 1px #d10d21;
        padding: 10px;
        color:#d10d21!important;   
    }
    
    .item3 { 
        background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 3;
        grid-row-end: 4;  
        vertical-align: middle;
        padding-top: 35px;    
        color:#000;       
    }
        
    .item4 {  
        background: url(/images/new_db/logo/kidp_illust.jpg) no-repeat;
        background-position: 50% 50%;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 13;
        grid-row-end: 13;  
    }
    
    .item5 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 4;
        grid-row-end: 5;  
        padding-top: 35px;    
    }

    
    .item6 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 5;
        grid-row-end: 6; 
        padding-top: 35px;     
    }

    
    .item7 { background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 6;
        grid-row-end: 7;   
        padding-top: 35px;   
    }
    
    .item8 { 
        background: url(/images/new_db/logo/design_korea_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;   
        grid-row-start: 7;
        grid-row-end: 8; 
        padding-top: 35px;   
    }

    .item9 { 
        background: url(/images/new_db/logo/cmf_archive_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;    
        grid-row-start: 8;
        grid-row-end: 9; 
        padding-top: 35px;   
    }
    
    .item10 {
        background: url(/images/new_db/logo/dk_award_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;  
        grid-row-start: 9;
        grid-row-end: 10; 
        padding-top: 35px;   
    }
    
    .item11 {
        background: url(/images/new_db/logo/dk_studio_logo.png) no-repeat;
        background-position: 50% 29%; background-color: #fff;
        grid-column-start: 1;
        grid-column-end: 5;    
        grid-row-start: 10;
        grid-row-end: 11; 
        padding-top: 35px;   
    }

    .item3 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item3 p{
        margin:25px auto;
        font-size: 14px;    
    }
    
    .item5 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;      
        color:#d10d21;  
    }
    
    .item5 p{
        margin:25px auto;
        font-size: 14px;    
    }
        
    .item6 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item6 p{
        margin:25px auto;
        font-size: 14px;    
    }

    .item7 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item7 p{
        margin:25px auto;
        font-size: 14px;    
    }

    .item8 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item8 p{
        margin:25px auto;
        font-size: 14px;    
    }

    .item9 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item9 p{
        margin:25px auto;
        font-size: 14px;    
    }
    
    .item10 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item10 p{
        margin:25px auto;
        font-size: 14px;    
    }
    
    .item11 div{   
        margin: 0 auto;
        font-size: 24px;      
        font-weight: 700;    
    }
    
    .item11 p{
        margin:25px auto;
        font-size: 14px;    
    } */ 
}

/* grid-template-areas */
/* .gridLL {
    margin:0 auto; padding:0; width:1275px; height:875px; 
    display: grid;
    grid-auto-rows: 155px;
    grid-template-areas:
    'kidp kidp designdb designdb'
    'kidp kidp designdb designdb'
    'drights backgroundimg backgroundimg designfirm'
    'job backgroundimg backgroundimg intern'
    'designkorea dkworks award studio';
    row-gap: 25px;
    column-gap: 25px;
    flex-wrap: wrap;
}

.item1 { grid-area: kidp; background-color: #c41724;
         width:625px;
}
.item2 { grid-area: designdb; background-color: #fff;
         width:625px;
}
.item3 { grid-area: drights; background-color: #fff;
         width:300px;
}
.item4 { grid-area: backgroundimg; background-color: #fff;
         width:625px;
}
.item5 { grid-area: designfirm; background-color: #fff;
         width:300px;
}
.item6 { grid-area: job; background-color: #fff;
         width:300px;
}
.item7 { grid-area: intern; background-color: #fff;
         width:300px;
}
.item8 { grid-area: designkorea; background-color: #fff;
         width:300px;
}
.item9 { grid-area: dkworks; background-color: #fff;
         width:300px;
}
.item10 { grid-area: award; background-color: #fff;
         width:300px;
}
.item11 { grid-area: studio; background-color: #fff;
         width:300px;
} */
/* grid-template-areas */

/* .item {background-color: #fff;}
.item:nth-child(1) { grid-column: 1;background-color: #c41724; }
.item:nth-child(2) { grid-column: 3;background-color: #c41724; }
.item:nth-child(3) { grid-column: 5; }
.item:nth-child(4) { grid-column: 6; background-color: #c41724;}
.item:nth-child(5) { grid-column: 8; }
.item:nth-child(6) { grid-column: 9; } */
/* 
.gridLL .item {
    align-self: auto;
    width: 300px; height:155px; background-color: rgb(68, 212, 99);
}

.gridLL .item:nth-child(1) {
	width: 625px; height:335px; background-color: #c41724;
}

.gridLL .item:nth-child(2) {
    width: 625px; height:335px; background-color: #c41724;
}

.gridLL .item:nth-child(5) {
    width: 625px; height:335px; background-color: #bb989b;
} */







#contents {clear:both; width:947px; overflow:hidden; margin:8px auto 0; padding-top:60px;} /*0720수정 기존소스 {clear:both; width:100%; overflow:hidden; margin:26px 0 0;}*/

#leftWrap {float:left; width:204px;}
div.leftMenu {margin-bottom:40px; width:100%;}

#rightWrap {float:right; width:708px; min-height:650px; position:relative; padding-bottom:50px;}
ul.location {overflow:hidden; margin-bottom:20px; padding:3px 0 3px; width:100%; font:0/0 arial; margin-top:17px; border-bottom:1px solid #DDD;} /* 0720수정 기존소스 {overflow:hidden; margin-bottom:20px; padding:3px 0 3px; width:100%; font:0/0 arial; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}*/
ul.location li {float:left; padding-left:24px; background:url(/images/icon/icon_arrow_01.gif) no-repeat 10px 2px;}
ul.location li.fir {padding-left:0; background:none;}

#sLeftWrap {float:left; width:737px;}
#sRightWrap {float:right; width:181px;}

#footerWrap {clear:both; position:relative; width:100%; padding-bottom:40px; border-top:1px solid #DDD;}
#footerWrap:after {content:"."; display:block; height:0; font:0/0 arial; clear:both; visibility:hidden;} /* ff hack */
#footerWrap h2.footLogo {float:left; margin:0; padding:24px 0 0 0; width:143px;}
#footerWrap div.footer {float:left; padding-top:19px; width:628px;}
div.footer ul {width:100%; height:21px;}
div.footer ul li {float:left; padding-left:18px; font:0/0 arial; background:url(/images/icon/icon_bar_05.gif) no-repeat 10px top;}
div.footer ul li.fir {padding-left:0; background:none;}
div.footer div.footCopy {clear:both; width:502px; height:21px; text-indent:-1500px; background:url(/images/common/copyright.gif) no-repeat left top;}
#footerWrap div.family {position:absolute; top:27px; right:0;}
#footerWrap div.family ul {display:none; position:absolute; bottom:15px; #bottom:19px; padding-bottom:2px; border:1px solid #DDD; width:174px; background:#FFF;}
#footerWrap div.family ul li {padding:5px 10px 0;}