@charset "utf-8";
/* 공공누리 뷰 영역 공통 */
.kogl_bg0, .kogl_bg1, .kogl_bg2, .kogl_bg3, .kogl_bg4, .kogl_bg9, .kogl_bg_ai {
    display:flex; align-items:center; gap:16px;
    width:100%; background-color:#efefef; padding:12px 16px; box-sizing:border-box;
}
.kogl_bg0 { margin:15px 0; }
.kogl_bg1 { margin:15px 0; }
.kogl_bg2 { margin:15px 0; }
.kogl_bg3 { margin:15px 0; }
.kogl_bg4 { margin:15px 0; }
.kogl_bg9 { margin:15px 0; }
.kogl_bg_ai { margin:5px 0; }

.kogl_bg0 img { flex-shrink:0; height:26px; width:auto; }
.kogl_bg1 img, .kogl_bg2 img, .kogl_bg3 img,
.kogl_bg4 img, .kogl_bg9 img { flex-shrink:0; height:43px; width:auto; }
.kogl_bg_ai img { flex-shrink:0; height:43px; width:auto; }

.kogl_bg0 ul,
.kogl_bg1 ul, .kogl_bg2 ul, .kogl_bg3 ul,
.kogl_bg4 ul, .kogl_bg9 ul, .kogl_bg_ai ul {
    display:block; font-size:16px; color:#5e5e5e; line-height:24px;
    padding:0; margin:0;
}
.kogl_bg0 ul li { padding-left:0; white-space:normal; font-weight:bold; color:#333; }
.kogl_bg1 ul li, .kogl_bg2 ul li, .kogl_bg3 ul li,
.kogl_bg4 ul li, .kogl_bg9 ul li, .kogl_bg_ai ul li {
    background:url('/images/co/na/check.png') no-repeat 0 6px; padding-left:14px; white-space:normal;
}
.kogl_bg1 ul li span, .kogl_bg2 ul li span, .kogl_bg3 ul li span,
.kogl_bg4 ul li span, .kogl_bg9 ul li span { color:#1b1b1b; white-space:normal; }

@media (max-width:480px) {
    .kogl_bg0, .kogl_bg1, .kogl_bg2, .kogl_bg3, .kogl_bg4, .kogl_bg9, .kogl_bg_ai {
        flex-direction:column; align-items:flex-start; gap:10px; padding:12px;
    }
    .kogl_bg0 img { height:21px; }
    .kogl_bg1 img, .kogl_bg2 img, .kogl_bg3 img,
    .kogl_bg4 img, .kogl_bg9 img { height:32px; }
    .kogl_bg_ai img { height:32px; }
    .kogl_bg0 > img,
    .kogl_bg1 > a, .kogl_bg2 > a, .kogl_bg3 > a,
    .kogl_bg4 > a, .kogl_bg9 > a, .kogl_bg_ai > a { align-self:center; }
}

/* .kogl_use_wrap { margin-bottom:12px; } */
.kogl_use_wrap label { margin:0 18px 0 4px; font-size:12px; color:#333; cursor:pointer; }

/* 공공누리 폼 안내 박스 */
.kogl_desc_box {
    position:relative; width:100%; background:#f7f7f7;
    padding-bottom:20px; border-bottom:1px solid #dbdbdb;
    margin-bottom:10px; box-sizing:border-box;
}
.kogl_desc_tit {
    width:100%; height:27px; margin:0; padding:0;
    line-height:27px; border-bottom:1px solid #dbdbdb;
    background:#918f8f; color:#fff; font-family:'돋움',dotum;
    font-size:14px; font-weight:bold; text-align:center; box-sizing:border-box;
}
.kogl_desc_txt {
    margin:0; padding:10px 20px;
    line-height:150%; font-size:11px; color:#595959; font-family:'돋움',dotum;
}
.kogl_desc_link {
    position:absolute; right:20px; bottom:10px;
    font-size:11px; color:#595959; font-family:'돋움',dotum; text-decoration:none;
}
.kogl_desc_link span { font-size:10px; color:#595959; }
.kogl_desc_link:hover { text-decoration:underline; }
.kogl_th_img { display:block; width:186px; max-width:100%; margin:0 auto; }
.kogl_th_txt { display:none; text-align:center; font-weight:bold; }
@media (max-width:640px) {
    .kogl_th_img { display:none; }
    .kogl_th_txt { display:block; }
}

/* 공공누리 폼 선택 영역 */
.kogl_form_wrap { display:flex; flex-direction:column; gap:4px; }
.kogl_opt {
    display:flex; align-items:center; gap:10px;
    border:1px solid #d0d0d0; border-radius:4px;
    padding:8px 14px; cursor:pointer; min-height:62px; box-sizing:border-box;
    background:#fafafa; width:100%;
    transition:background 0.15s;
}
.kogl_opt:hover { background:#f0f0f7; }
.kogl_opt input[type=radio],
.kogl_opt input[type=checkbox] { margin:0; cursor:pointer; flex-shrink:0; }
.kogl_form_img { height:44px; width:auto; max-width:200px; display:block; flex-shrink:0; }
.kogl_form_txt { font-size:11px; color:#333; line-height:1.4; }
.kogl_ai_wrap {
    margin-top:14px;
    padding-top:12px;
    border-top:2px dashed #b0bcd0;
}
.kogl_ai_label {
    font-size:11px; color:#5a6a88; font-weight:bold;
    margin-bottom:6px; letter-spacing:-0.2px;
}
.kogl_opt.disabled { opacity:0.45; cursor:default; pointer-events:none; }
.kogl_law_link { margin-left:10px; font-size:11px; color:#595959; white-space:nowrap; text-decoration:none; flex-shrink:0; }
.kogl_law_link:hover { text-decoration:underline; }
.kogl_law_link span { font-size:10px; color:#595959; }

@media (max-width:640px) {
    .kogl_opt { padding:8px 10px; min-height:54px; gap:8px; }
    .kogl_form_img { height:36px; max-width:160px; }
    .kogl_form_txt { font-size:10px; }
    .kogl_law_link { display:none; }
}
@media (max-width:400px) {
    .kogl_form_img { height:28px; max-width:120px; }
    .kogl_opt { padding:6px 8px; gap:6px; }
}