@charset "utf-8";

/* 면편집 레이아웃 */
/* div[data-dinnum] > div {overflow: hidden;} */
/* div[data-dinnum] > div:last-child {margin-bottom: 0;} */

.din {position: relative;clear: both;overflow: hidden;width: 100%;max-width: 1160px;margin: 0 auto;padding:0;}
.din.din100 {width: 100%;} /* 하위 영역에서 폭을 지정할 경우 */
div[data-dinnum] > .din {width: 100%;}

@media (min-width:1160px) {

    /* 1단 */
    .din.din1 {}
    .din.din1 > div[data-dinnum] {width:100%;}
    .din.din1 > .left {width:50%; float: left;}
    .din.din1 > .right {width:50%; margin:15px 0 0 auto;}

    /* 2단 1:1 */
    .din.din2-11 {}
    .din.din2-11 > div[data-dinnum] {float:left;width: 50%;margin-bottom: 0;}
    .din.din2-11 > div[data-dinnum="1"] {padding-right: 10px;}
    .din.din2-11 > div[data-dinnum="2"] {padding-left: 10px;}
    .din.din2-11 > div[data-dinnum="1"] > .din.din2-11 > div[data-dinnum="1"] {padding-right: 10px;}
    .din.din2-11 > div[data-dinnum="1"] > .din.din2-11 > div[data-dinnum="2"] {padding-left: 10px;}
    /* .din.din2-11 .box {padding-bottom: 0;} */

    /* 1:2, 2:1 */
    /* 2단 1:2 */
    .din.din2-12 {}
    .din.din2-12 > div[data-dinnum] {float:left;}
    .din.din2-12 > div[data-dinnum="1"] {width: 32.6%;max-width: 380px;padding-right: 30px;margin: 30px 0;}
    .din.din2-12 > div[data-dinnum="2"] {width: 67.4%;max-width: 780px;padding-left: 30px;margin: 30px 0;border-left: 1px solid #ebebeb;}

    /* 2단 2:1 */
    .din.din2-21 {}
    .din.din2-21 > div[data-dinnum] {float:left;}
    .din.din2-21 > div[data-dinnum="1"] {width: 67.4%;max-width: 780px;padding-right: 30px;margin: 30px 0;}
    .din.din2-21 > div[data-dinnum="2"] {width: 32.6%;max-width: 380px;padding-left: 30px;;margin: 30px 0 0;border-left: 1px solid #ebebeb;}
    .din.din2-21 > div[data-dinnum="1"] > .din {width: 100%;}

    /* 3단 1:1:1 */
    .din.din3-111 {}
    .din.din3-111 > div > div {margin-bottom:25px}
    .din.din3-111 > div[data-dinnum] {float:left;}
    .din.din3-111 > div[data-dinnum="1"], .din.din3-111 > div[data-dinnum="2"], .din.din3-111 > div[data-dinnum="3"] {width:31%;}
    .din.din3-111 > div[data-dinnum="2"] {margin: 0 3.2%;}

    /* 3단 1:2:1 */
    .din.din3-121 {}
    .din.din3-121 > div[data-dinnum] {float:left;}
    .din.din3-121 > div[data-dinnum="1"] {width:25%;}
    .din.din3-121 > div[data-dinnum="2"] {width:50%;padding:0 20px;}
    .din.din3-121 > div[data-dinnum="3"] {width:25%;}

    /* 4단 1:1:1:1 */
    .din.din4-1111 {}
    .din.din4-1111 > div[data-dinnum] {float:left;}
    .din.din4-1111 > div[data-dinnum="1"] {width:25%;}
    .din.din4-1111 > div[data-dinnum="2"] {width:25%;}
    .din.din4-1111 > div[data-dinnum="3"] {width:25%;}
    .din.din4-1111 > div[data-dinnum="4"] {width:25%;}

    /* 5단 1:1:1:1:1 */
    .din.din5-11111 {}
    .din.din5-11111 > div[data-dinnum] {float:left;}
    .din.din5-1111 > div[data-dinnum="1"] {width:20%;padding:0 15px;}
    .din.din5-1111 > div[data-dinnum="2"] {width:20%;padding:0 15px;}
    .din.din5-1111 > div[data-dinnum="3"] {width:20%;padding:0 15px;}
    .din.din5-1111 > div[data-dinnum="4"] {width:20%;padding:0 15px;}
    .din.din5-1111 > div[data-dinnum="5"] {width:20%;padding:0 15px;}

}

@media (max-width:1160px) {
    .din {display: flex;flex-wrap: wrap;}
    .din > div[data-dinnum] > .din > div[data-dinnum] {width: 100%;margin:0 0 16px;padding: 0;}

    /* 1단 */
    .din.din1 {}
    .din.din1 > div[data-dinnum] {width: 100%;margin:16px 0;padding: 0 15px;}

    /* 2단 1:1 */
    .din.din2-11 {}
    .din.din2-11 > div[data-dinnum] {float:left;width: 50%;margin-bottom: 0;}
    .din.din2-11 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din2-11 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    
    /* 1:2, 2:1 */
    /* 2단 1:2 */
    .din.din2-12 {}
    .din.din2-12 > div[data-dinnum] {float:left;}
    .din.din2-12 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din2-12 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;border: 0;}

    /* 2단 2:1 */
    .din.din2-21 {}
    .din.din2-21 > div[data-dinnum] {float:left;}
    .din.din2-21 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din2-21 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;border: 0;}

    /* 3단 1:1:1 */
    .din.din3-111 {}
    .din.din3-111 > div > div {margin-bottom:25px}
    .din.din3-111 > div[data-dinnum] {float:left;}
    .din.din3-111 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-111 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-111 > div[data-dinnum="3"] {width: 100%;margin:16px 0;padding: 0 15px;}

    /* 3단 1:2:1 */
    .din.din3-121 {}
    .din.din3-121 > div[data-dinnum] {float:left;}
    .din.din3-121 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-121 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-121 > div[data-dinnum="3"] {width: 100%;margin:16px 0;padding: 0 15px;}

    /* 3단 1:1:2 */
    .din.din3-112 {}
    .din.din3-112 > div[data-dinnum] {float:left;}
    .din.din3-112 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-112 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din3-112 > div[data-dinnum="3"] {width: 100%;margin:16px 0;padding: 0 15px;}

    /* 4단 1:1:1:1 */
    .din.din4-1111 {}
    .din.din4-1111 > div[data-dinnum] {float:left;}
    .din.din4-1111 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din4-1111 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din4-1111 > div[data-dinnum="3"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din4-1111 > div[data-dinnum="4"] {width: 100%;margin:16px 0;padding: 0 15px;}

    /* 5단 1:1:1:1:1 */
    .din.din5-11111 {}
    .din.din5-11111 > div[data-dinnum] {float:left;}
    .din.din5-1111 > div[data-dinnum="1"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din5-1111 > div[data-dinnum="2"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din5-1111 > div[data-dinnum="3"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din5-1111 > div[data-dinnum="4"] {width: 100%;margin:16px 0;padding: 0 15px;}
    .din.din5-1111 > div[data-dinnum="5"] {width: 100%;margin:16px 0;padding: 0 15px;}

}

/* popup ================================================================================================== */
.popup {min-width: 250px;display: flex;flex-direction: column;}
.popup.layer {position: fixed;z-index: 1000;border: 1px solid #000000;background-color: #ffffff;}
.popup .popup_content {width: 100%;height: calc(100% - 30px);overflow: auto;}
.popup img {max-width: 100%;}
.popup .popup_footer {height: 30px;line-height: 30px;padding-left: 10px;}
.popup .popup_footer input[type=checkbox] {-webkit-appearance: checkbox;}
.popup .popup_footer button {background-color: #000000;color: #ffffff;float: right;height: 30px;padding: 3px;cursor: pointer;}
/* ================================================================================================== popup */