@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css');

/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#fff; color:#000; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#fff; }
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:0rem !important; padding-right:0rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }

/********************************************************
■ LNB
********************************************************/
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; }
#nt_lnb .dropdown-toggle::after { color:#ccc; }

/********************************************************
■ PC 헤더(Header) - GGONGPLAY V3
********************************************************/
#header_pc { background:#fff; }
#header_pc .nt-container { background:none !important; }
#header_pc .gg-header-main { padding-top:24px; padding-bottom:28px; }
#header_pc .gg-header-row {
    min-height:96px;
    align-items:center;
    justify-content:center;
}
#header_pc .gg-logo-wrap {
    flex:0 0 260px;
    width:260px;
    margin-right:44px;
}
#header_pc .header-logo {
    display:flex;
    align-items:center;
    justify-content:center;
    height:76px;
}
#header_pc .header-logo a { display:block; line-height:0; }
#header_pc .header-logo img {
    display:block;
    width:260px;
    max-width:260px;
    height:auto;
}
#header_pc .gg-search-wrap {
    flex:0 0 700px;
    width:700px;
    max-width:700px;
    padding:0;
}
#header_pc .header-search { width:100%; max-width:none; }
#header_pc .header-search form.gg-search-form {
    padding:0;
    border:1px solid #cfd7df;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 5px 16px rgba(17,27,39,.055);
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#header_pc .header-search form.gg-search-form:hover {
    border-color:#aeb9c4;
    box-shadow:0 6px 18px rgba(17,27,39,.075);
}
#header_pc .header-search form.gg-search-form:focus-within {
    border-color:#9edc16;
    box-shadow:0 0 0 3px rgba(183,255,22,.10), 0 7px 20px rgba(17,27,39,.075);
}
#header_pc .header-search .input-group { min-height:54px; }
#header_pc .header-search input {
    height:54px;
    padding:0 20px;
    font-size:16px !important;
    font-weight:500;
    color:#172331;
    background:#fff;
    border:0 !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
}
#header_pc .header-search input::placeholder { color:#929ca7; }
#header_pc .header-search .form-control:focus {
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
}
#header_pc .header-search .btn {
    width:60px;
    min-width:60px;
    height:54px;
    border:0;
    border-left:1px solid rgba(129,185,0,.16);
    background:#b7ff16 !important;
    color:#0b111a !important;
    outline:none;
    border-radius:0 !important;
    box-shadow:none !important;
    transition:background .18s ease, transform .18s ease;
}
#header_pc .header-search .btn:hover,
#header_pc .header-search .btn:focus {
    background:#a9ef0b !important;
    color:#0b111a !important;
    box-shadow:none !important;
}
#header_pc .header-search .btn i {
    color:#0b111a !important;
    font-size:21px;
    transition:transform .18s ease;
}
#header_pc .header-search .btn:hover i { transform:scale(1.06); }
#header_pc .header-keyword { display:none !important; }
#header_pc .gg-header-row > .ml-auto { display:none !important; }

@media all and (max-width:1199px) {
    #header_pc .gg-logo-wrap { flex-basis:225px; width:225px; margin-right:32px; }
    #header_pc .header-logo { height:70px; }
    #header_pc .header-logo img { width:225px; max-width:225px; }
    #header_pc .gg-search-wrap { flex-basis:600px; width:600px; max-width:600px; }
}

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative; }
#nt_menu .sub-slide { display:none; visibility:visible; }
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; font-weight:bold; color:#fff; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#fff; background:rgba(0,0,0,0.2) !important; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu .sub-1div { position:absolute; left:0; z-index:21; width:auto; text-align:left; top:100%; left:0; background:#fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:#000; border-bottom: 1px solid #eee; }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#000; background: #f5f5f5; border-color: #eee; font-weight:bold; }
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:999; left:0; top:0; }
@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }
}


/* GGONGPLAY Brand Menu */
#nt_menu,
#nt_menu nav,
#nt_menu .bg-primary,
#nt_menu .bg-dark,
#nt_menu .navbar,
#nt_menu .me-list { background:#0b111a !important; }
#nt_menu { border-top:1px solid rgba(255,255,255,.03); box-shadow:0 6px 18px rgba(0,0,0,.16); }
#nt_menu .me-a { color:#f7f9fb !important; }
#nt_menu .me-li.on > .me-a,
#nt_menu .me-li:hover > .me-a {
    color:#b7ff16 !important;
    background:#121b26 !important;
}
#nt_menu .me-icon,
#nt_menu .me-icon i { color:inherit !important; }
#nt_menu .me-li.on .me-icon,
#nt_menu .me-li:hover .me-icon { color:#b7ff16 !important; }
#nt_menu .sub-1div,
#nt_menu .sub-2div { border-top:2px solid #b7ff16; }
#nt_menu .sub-1da:hover,
#nt_menu .sub-2da:hover { color:#0b111a !important; background:#f4f8ee !important; }

/* Mobile brand colors */
#header_mo .bg-primary { background:#0b111a !important; }
#header_mo .text-white { color:#fff !important; }
#header_mo .btn-primary { background:#b7ff16 !important; border-color:#b7ff16 !important; color:#0b111a !important; }
#header_mo .btn-primary i { color:#0b111a !important; }

/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; overflow:hidden; color:#333; background:#fafafa; border-bottom:1px solid #dee2e6; }
#nt_title .nt-container { position:relative; z-index:2; height:70px; }
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb a { color:#333; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; color:#aaa; content:">"; }
@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
	.responsive #nt_title .nt-container { height:60px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
	.responsive #nt_title .nt-container { height:50px; }
}

/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

/********************************************************
■ Footer 
********************************************************/
#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left:0; }
#nt_footer ul > li:last-child { padding-right:0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #333; white-space:nowrap;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

/********************************************************
■ Widget Title 위젯 타이틀
********************************************************/
h3.h3 { padding:0; margin:0; font-weight:bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }


/********************************************************
■ GGONGPLAY Mobile V4
********************************************************/
@media all and (max-width:767px) {
    #header_mo.gg-mobile-header {
        background:#fff;
        box-shadow:0 4px 16px rgba(11,17,26,.10);
        border-bottom:1px solid #eef1f4;
    }
    #header_mo .gg-mo-top {
        position:relative;
        height:72px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#fff;
    }
    #header_mo .gg-mo-logo {
        display:flex;
        align-items:center;
        justify-content:center;
        width:180px;
        height:58px;
        line-height:0;
    }
    #header_mo .gg-mo-logo img {
        display:block;
        width:172px;
        max-width:100%;
        height:auto;
        max-height:54px;
        object-fit:contain;
    }
    #header_mo .gg-mo-icon {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        color:#0b111a !important;
        background:#f5f7f9;
        font-size:20px;
        text-decoration:none !important;
    }
    #header_mo .gg-mo-menu { left:14px; }
    #header_mo .gg-mo-user { right:14px; }
    #header_mo .gg-mo-icon:active,
    #header_mo .gg-mo-icon:hover {
        color:#0b111a !important;
        background:#b7ff16;
    }
    #header_mo .gg-mo-search {
        background:#fff;
    }
    #header_mo .gg-mo-search-form {
        border:1.5px solid #0b111a;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 4px 14px rgba(11,17,26,.07);
        background:#fff;
    }
    #header_mo .gg-mo-search-form:focus-within {
        border-color:#b7ff16;
        box-shadow:0 5px 16px rgba(183,255,22,.14);
    }
    #header_mo .gg-mo-search-form .input-group { height:48px; }
    #header_mo .gg-mo-search-form input {
        height:48px;
        padding:0 15px;
        border:0 !important;
        background:#fff;
        color:#0b111a;
        font-size:15px;
        box-shadow:none !important;
    }
    #header_mo .gg-mo-search-form input::placeholder { color:#9298a1; }
    #header_mo .gg-mo-search-btn {
        width:54px;
        height:48px;
        border:0 !important;
        border-radius:0 !important;
        background:#b7ff16 !important;
        color:#0b111a !important;
        font-size:18px;
    }
    #header_mo .gg-mo-search-btn:hover,
    #header_mo .gg-mo-search-btn:focus {
        background:#a5eb08 !important;
        color:#0b111a !important;
        box-shadow:none !important;
    }

    /* 모바일에서는 PC용 메뉴 색과 동일한 브랜드 톤 유지 */
    #nt_menu,
    #nt_menu nav,
    #nt_menu .bg-primary,
    #nt_menu .bg-dark,
    #nt_menu .navbar,
    #nt_menu .me-list { background:#0b111a !important; }
}

@media all and (max-width:380px) {
    #header_mo .gg-mo-logo { width:155px; }
    #header_mo .gg-mo-logo img { width:150px; }
    #header_mo .gg-mo-icon { width:38px; height:38px; font-size:18px; }
    #header_mo .gg-mo-menu { left:10px; }
    #header_mo .gg-mo-user { right:10px; }
}

/* GGONGPLAY MAIN V2 */
.gp-home{max-width:1180px;margin:0 auto;padding:34px 20px 70px;color:#111820}.gp-home a{text-decoration:none!important}.gp-hero{min-height:245px;border-radius:22px;background:#0b111a;display:flex;align-items:stretch;overflow:hidden;box-shadow:0 18px 45px rgba(11,17,26,.12)}.gp-hero-copy{width:65%;padding:38px 58px}.gp-kicker,.gp-section-head span,.gp-guide-intro>span{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;color:#aaff00;margin-bottom:12px}.gp-hero h1{margin:0;color:#fff;font-size:32px;line-height:1.25;font-weight:700;letter-spacing:-2px}.gp-hero h1 strong{color:#b7ff16;font-weight:800}.gp-hero p{max-width:560px;color:#9ba5b3;font-size:14px;line-height:1.7;margin:14px 0 20px}.gp-actions{display:flex;gap:10px}.gp-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:9px;font-weight:700;font-size:14px}.gp-btn-lime{background:#b7ff16;color:#0b111a!important}.gp-btn-dark{border:1px solid #303946;color:#fff!important}.gp-hero-side{width:35%;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center}.gp-orbit{width:138px;height:138px;border:1px solid rgba(183,255,22,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.gp-orbit:before,.gp-orbit:after{content:"";position:absolute;border:1px solid rgba(183,255,22,.18);border-radius:50%}.gp-orbit:before{inset:18px}.gp-orbit:after{inset:38px}.gp-orbit span{color:#b7ff16;font-size:42px;font-weight:800;font-style:italic}.gp-hero-side p{font-size:8px;letter-spacing:3px;color:#697586;margin-top:12px}.gp-quick{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 58px;border:1px solid #e5e8ec;border-radius:14px;overflow:hidden;background:#fff}.gp-quick>a{min-height:92px;padding:22px 24px;display:flex;gap:16px;align-items:center;border-right:1px solid #e5e8ec;color:#111820}.gp-quick>a:last-child{border:0}.gp-quick b{color:#8ed400;font-size:12px}.gp-quick span{display:flex;flex-direction:column}.gp-quick strong{font-size:15px;margin-bottom:5px}.gp-quick small{color:#8a939e;font-size:12px}.gp-section{margin:0 0 64px}.gp-section-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #dde1e6;padding-bottom:18px;margin-bottom:0}.gp-section-head span{color:#8ed400;margin-bottom:7px}.gp-section-head h2{font-size:27px;letter-spacing:-1.3px;margin:0;font-weight:800}.gp-section-head>a{color:#777f89;font-size:12px}.gp-list-panel{padding:15px 6px 0}.gp-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.gp-content-panel{padding-top:18px}.gp-guide{display:grid;grid-template-columns:38% 62%;background:#0b111a;border-radius:20px;overflow:hidden;margin:10px 0 64px}.gp-guide-intro{padding:50px 52px;border-right:1px solid rgba(255,255,255,.07)}.gp-guide-intro h2{font-size:31px;color:#fff;line-height:1.35;letter-spacing:-1.5px;margin:0}.gp-guide-intro h2 strong{color:#b7ff16}.gp-guide-intro p{font-size:13px;color:#8792a0;line-height:1.75;margin:18px 0 0}.gp-guide-steps{padding:25px 38px}.gp-guide-steps>a{display:grid;grid-template-columns:42px 1fr 38px;align-items:center;min-height:88px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.gp-guide-steps>a:last-child{border:0}.gp-guide-steps b{color:#b7ff16;font-size:11px}.gp-guide-steps span{display:flex;flex-direction:column}.gp-guide-steps strong{font-size:15px;margin-bottom:6px}.gp-guide-steps small{color:#7f8a98;font-size:12px}.gp-guide-steps i{width:32px;height:32px;border:1px solid #34404d;border-radius:50%;font-style:normal;display:flex;align-items:center;justify-content:center;color:#aeb7c2}.gp-bottom{display:grid;grid-template-columns:1fr 1fr;gap:54px}.gp-half .gp-section-head h2{font-size:22px}
@media(max-width:767px){.gp-home{padding:18px 14px 50px}.gp-hero{min-height:0;border-radius:16px}.gp-hero-copy{width:100%;padding:36px 26px}.gp-hero-side{display:none}.gp-hero h1{font-size:29px;letter-spacing:-1.4px}.gp-hero p{font-size:13px;margin:15px 0 22px}.gp-btn{height:42px;padding:0 15px;font-size:12px}.gp-quick{grid-template-columns:1fr 1fr;margin:12px 0 42px}.gp-quick>a{min-height:78px;padding:16px;border-bottom:1px solid #e5e8ec}.gp-quick>a:nth-child(2){border-right:0}.gp-quick>a:nth-child(3),.gp-quick>a:nth-child(4){border-bottom:0}.gp-quick strong{font-size:13px}.gp-quick small{font-size:10px}.gp-section{margin-bottom:46px}.gp-section-head h2{font-size:22px}.gp-new-grid,.gp-bottom{grid-template-columns:1fr;gap:22px}.gp-guide{grid-template-columns:1fr;border-radius:16px}.gp-guide-intro{padding:32px 26px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.gp-guide-intro h2{font-size:25px}.gp-guide-steps{padding:10px 24px}.gp-guide-steps>a{min-height:78px;grid-template-columns:34px 1fr 32px}.gp-guide-steps small{font-size:10px}}


/********************************************************
■ GGONGPLAY MAIN V2.2 - SOFT SURFACE / SECTION CARDS
********************************************************/
/* 메인 본문만 옅은 쿨그레이 배경. 헤더/메뉴는 기존 흰색/다크 유지 */
.gp-home{
    position:relative;
    padding-top:28px;
    box-shadow:0 0 0 100vmax #f5f7f8;
    clip-path:inset(0 -100vmax);
}

/* 히어로는 현재 낮은 비율 유지 */
.gp-hero{
    box-shadow:0 16px 38px rgba(11,17,26,.10);
}

/* 히어로 아래 바로 붙는 퀵메뉴 - 흰색 카드 역할 */
.gp-quick{
    margin:16px 0 30px;
    border-color:#e3e7eb;
    box-shadow:0 8px 26px rgba(17,24,32,.035);
}
.gp-quick>a{
    transition:background .18s ease, transform .18s ease;
}
.gp-quick>a:hover{
    background:#fbfff2;
}

/* 일반 섹션을 흰색 Surface 카드로 분리 */
.gp-section{
    position:relative;
    margin:0 0 28px;
    padding:28px 30px 22px;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:18px;
    box-shadow:0 8px 26px rgba(17,24,32,.035);
    overflow:hidden;
}
.gp-section::before{
    content:"";
    position:absolute;
    left:30px;
    top:0;
    width:44px;
    height:3px;
    background:#b7ff16;
    border-radius:0 0 3px 3px;
}
.gp-section-head{
    padding-bottom:15px;
    border-bottom-color:#e8ebee;
}
.gp-section-head h2{
    font-size:25px;
}
.gp-list-panel{
    padding:12px 2px 2px;
}

/* 새 콘텐츠는 섹션 안에서도 두 패널을 살짝 구분 */
.gp-new-grid{
    gap:18px;
    padding-top:18px;
}
.gp-content-panel{
    padding:14px 18px;
    min-height:108px;
    background:#fafbfc;
    border:1px solid #edf0f2;
    border-radius:13px;
}

/* 비어있는 위젯이 과도하게 세로 공간을 차지하지 않게 완화 */
.gp-home .py-5{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
}
.gp-home .my-5{
    margin-top:2rem!important;
    margin-bottom:2rem!important;
}
.gp-home .text-center.text-muted{
    min-height:0!important;
}

/* 가이드: 중간에 강한 다크 구간으로 화면 리듬 생성 */
.gp-guide{
    margin:34px 0 28px;
    box-shadow:0 14px 34px rgba(11,17,26,.10);
}

/* 공지/업데이트는 한 박스가 아니라 각각 독립 카드 */
.gp-section.gp-bottom{
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
    gap:18px;
}
.gp-section.gp-bottom::before{display:none;}
.gp-bottom .gp-half{
    position:relative;
    padding:26px 28px 20px;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(17,24,32,.03);
    overflow:hidden;
}
.gp-bottom .gp-half::before{
    content:"";
    position:absolute;
    left:28px;
    top:0;
    width:38px;
    height:3px;
    background:#b7ff16;
}

@media(max-width:767px){
    .gp-home{
        padding:16px 12px 48px;
    }
    .gp-quick{
        margin:12px 0 22px;
    }
    .gp-section{
        margin-bottom:18px;
        padding:22px 18px 16px;
        border-radius:14px;
    }
    .gp-section::before{left:18px;width:36px;}
    .gp-section-head h2{font-size:21px;}
    .gp-new-grid{gap:12px;padding-top:14px;}
    .gp-content-panel{padding:12px 14px;min-height:88px;}
    .gp-guide{margin:24px 0 18px;}
    .gp-section.gp-bottom{gap:12px;}
    .gp-bottom .gp-half{padding:21px 18px 16px;border-radius:14px;}
    .gp-bottom .gp-half::before{left:18px;width:34px;}
}


/* =========================================================
   GGONGPLAY V9 SAFE PATCH
   IMPORTANT: appended to the proven MAIN V2.2 CSS.
   Do NOT replace the theme CSS with the original theme again.
   ========================================================= */

/* 상단 헤더 바깥톤만 메인 바깥 배경과 동일하게 */
#header_pc,
#header_pc .nt-container,
#header_pc .gg-header-main {
    background:#f5f7f8 !important;
}

/* 메뉴는 푸터와 동일한 네이비/라임 */
#nt_menu,
#nt_menu > .nt-container,
#nt_menu .me-list {
    background:#0b111a !important;
}
#nt_menu .me-icon,
#nt_menu .me-icon i {
    color:#b7ff16 !important;
}


/* =========================================================
   GGONGPLAY V10 — BOXED OUTER BACKGROUND ONLY
   박스형 중앙 콘텐츠는 그대로 두고 화면 양옆 흰색만 제거
   ========================================================= */
html,
body {
    background-color:#f5f7f8 !important;
}

/* 기존 theme.css의 .wrapper { background:#fff; } 때문에
   박스 바깥이 흰색처럼 이어지는 것을 방지 */
body > .wrapper.boxed,
body > .wrapper.boxed-a,
body > .wrapper.boxed-b {
    background-color:#f5f7f8 !important;
}

/* ===== GGONGPLAY TOP LNB CARD START ===== */
/* PC 최상단 유틸 메뉴 전용 - 다른 헤더/메뉴에는 영향 없음 */
@media all and (min-width:768px) {
    #nt_lnb {
        background:transparent !important;
        padding:10px 0 0 !important;
    }

    #nt_lnb .nt-container {
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding-top:0 !important;
        padding-bottom:0 !important;
        background:#fff !important;
        border:1px solid #e3e8ed;
        border-radius:10px;
        box-shadow:0 5px 16px rgba(11,17,26,.045);
    }

    #nt_lnb ul {
        display:flex;
        align-items:center;
        margin:0 !important;
        padding:0 !important;
    }

    #nt_lnb ul > li {
        float:none !important;
        display:flex;
        align-items:center;
        position:relative;
        min-height:42px;
        padding:0 13px !important;
    }

    #nt_lnb ul > li:first-child { padding-left:14px !important; }
    #nt_lnb ul > li:last-child { padding-right:14px !important; }

    #nt_lnb ul > li::after {
        content:"" !important;
        position:absolute;
        right:0;
        top:50%;
        width:1px;
        height:12px;
        margin:0 !important;
        transform:translateY(-50%);
        background:#e5e9ed;
    }

    #nt_lnb ul > li:last-child::after { display:none; }

    #nt_lnb ul > li > a {
        float:none !important;
        display:flex;
        align-items:center;
        min-height:42px;
        white-space:nowrap;
        color:#626d78 !important;
        font-size:12px;
        font-weight:600;
        line-height:1;
        text-decoration:none !important;
        transition:color .16s ease;
    }

    #nt_lnb ul > li > a:hover,
    #nt_lnb ul > li > a:focus {
        color:#0b111a !important;
    }

    #nt_lnb .float-left > li:first-child > a::before {
        content:"";
        display:inline-block;
        width:6px;
        height:6px;
        margin-right:8px;
        border-radius:50%;
        background:#b7ff16;
        box-shadow:0 0 0 3px rgba(183,255,22,.16);
    }

    #nt_lnb .gg-ad-contact {
        color:#0b111a !important;
        font-weight:800 !important;
    }

    #nt_lnb .gg-ad-contact::before {
        content:"";
        display:inline-block;
        width:7px;
        height:7px;
        margin-right:7px;
        border-radius:2px;
        background:#b7ff16;
    }

    #nt_lnb .nt-noti-label { margin-left:4px; }
}

@media all and (max-width:1199px) and (min-width:768px) {
    #nt_lnb ul > li {
        padding-left:10px !important;
        padding-right:10px !important;
    }
    #nt_lnb ul > li:first-child { padding-left:12px !important; }
    #nt_lnb ul > li:last-child { padding-right:12px !important; }
}
/* ===== GGONGPLAY TOP LNB CARD END ===== */

/* =========================================================
   GGONGPLAY V11 — TOP LNB ALIGN + HEADER BOTTOM SPACING
   ========================================================= */
@media all and (min-width:768px) {
    /* 우측 메뉴를 카드의 오른쪽 끝으로 */
    #nt_lnb .nt-container {
        position:relative;
    }
    #nt_lnb .float-left {
        margin-right:auto !important;
    }
    #nt_lnb .float-right {
        margin-left:auto !important;
        float:none !important;
    }

    /* 상단 카드 높이/그림자 살짝 슬림하게 */
    #nt_lnb .nt-container {
        min-height:40px !important;
        box-shadow:0 3px 12px rgba(11,17,26,.035) !important;
    }
    #nt_lnb ul > li,
    #nt_lnb ul > li > a {
        min-height:38px !important;
    }

    /* PC 로고/검색 영역 하단 여백: 28px -> 10px */
    #header_pc .gg-header-main {
        padding-bottom:10px !important;
    }
}

/* =========================================================
   GGONGPLAY MENU V12 — REAL MARKUP TARGET FIX
   실제 구조: li.me-li > a > span.me-a
   ========================================================= */
@media all and (min-width:768px) {
    /* 중앙 메뉴 기본 */
    #nt_menu .me-list > ul.me-ul > li.me-li {
        position:relative;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li > a {
        display:block;
        position:relative;
        background:#0b111a !important;
        text-decoration:none !important;
        transition:background-color .18s ease, box-shadow .18s ease;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li > a > .me-a {
        color:#f7f9fb !important;
        font-weight:700 !important;
        letter-spacing:-0.25px;
        transition:color .18s ease, transform .18s ease;
    }

    /* 메뉴 사이의 아주 은은한 구분선 */
    #nt_menu .me-list > ul.me-ul > li.me-li + li.me-li::before {
        content:"";
        position:absolute;
        left:0;
        top:30%;
        width:1px;
        height:40%;
        background:rgba(255,255,255,.07);
        z-index:2;
        pointer-events:none;
    }

    /* 하단 포인트 바 */
    #nt_menu .me-list > ul.me-ul > li.me-li > a::after {
        content:"";
        position:absolute;
        left:50%;
        bottom:0;
        width:0;
        height:3px;
        border-radius:3px 3px 0 0;
        background:#b7ff16;
        transform:translateX(-50%);
        box-shadow:0 0 8px rgba(183,255,22,.22);
        transition:width .20s ease;
        pointer-events:none;
    }

    /* 실제 호버 대상 */
    #nt_menu .me-list > ul.me-ul > li.me-li:hover > a,
    #nt_menu .me-list > ul.me-ul > li.me-li.on > a {
        background:#121b26 !important;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li:hover > a > .me-a,
    #nt_menu .me-list > ul.me-ul > li.me-li.on > a > .me-a {
        color:#b7ff16 !important;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li:hover > a::after {
        width:48px;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li.on > a::after {
        width:58px;
    }

    /* 홈 / 우측 메뉴 아이콘 */
    #nt_menu > .nt-container > .d-flex > .me-icon > .me-a {
        display:flex !important;
        align-items:center;
        justify-content:center;
        height:100%;
        color:#b7ff16 !important;
        background:#101824 !important;
        transition:background-color .18s ease, color .18s ease;
    }

    #nt_menu > .nt-container > .d-flex > .me-icon:hover > .me-a,
    #nt_menu > .nt-container > .d-flex > .me-icon.on > .me-a {
        background:#172231 !important;
        color:#c8ff45 !important;
    }

    #nt_menu > .nt-container > .d-flex > .me-icon > .me-a > i {
        color:inherit !important;
        transition:transform .18s ease;
    }

    #nt_menu > .nt-container > .d-flex > .me-icon:hover > .me-a > i {
        transform:scale(1.08);
    }
}


/* =========================================================
   GGONGPLAY MENU V14 — SOFTER NAVY DEPTH
   기존 58px 높이 유지 + 단색 검정 덩어리감 완화
   ========================================================= */
@media all and (min-width:768px) {
    /* 메뉴 높이 */
    #nt_menu > .nt-container > .d-flex {
        min-height:58px !important;
        height:58px !important;
        align-items:stretch !important;
    }

    #nt_menu .me-list,
    #nt_menu .me-list > ul.me-ul,
    #nt_menu .me-list > ul.me-ul > li.me-li,
    #nt_menu .me-list > ul.me-ul > li.me-li > a {
        height:58px !important;
        min-height:58px !important;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li > a {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    #nt_menu .me-list > ul.me-ul > li.me-li > a > .me-a {
        width:100%;
    }

    #nt_menu > .nt-container > .d-flex > .me-icon {
        height:58px !important;
        min-height:58px !important;
    }

    /* 단색 검정 대신 아주 미세한 네이비 그라데이션 */
    #nt_menu,
    #nt_menu > .nt-container,
    #nt_menu nav,
    #nt_menu .me-list {
        background:linear-gradient(180deg, #172331 0%, #111b27 100%) !important;
    }

    /* 상단 아주 약한 하이라이트 + 하단 깊이감 */
    #nt_menu {
        border-top:1px solid rgba(255,255,255,.055) !important;
        border-bottom:1px solid rgba(0,0,0,.28) !important;
        box-shadow:
            0 7px 18px rgba(11,17,26,.14),
            inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

    /* 중앙 메뉴도 배경을 단색 대신 투명하게 받아서 전체 톤이 자연스럽게 이어지게 */
    #nt_menu .me-list > ul.me-ul > li.me-li > a {
        background:transparent !important;
    }

    /* 호버는 한 톤만 밝게 */
    #nt_menu .me-list > ul.me-ul > li.me-li:hover > a,
    #nt_menu .me-list > ul.me-ul > li.me-li.on > a {
        background:rgba(255,255,255,.035) !important;
    }

    /* 홈/햄버거 영역은 살짝 밝은 네이비 */
    #nt_menu > .nt-container > .d-flex > .me-icon > .me-a {
        background:#1b2938 !important;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    }

    #nt_menu > .nt-container > .d-flex > .me-icon:hover > .me-a,
    #nt_menu > .nt-container > .d-flex > .me-icon.on > .me-a {
        background:#223244 !important;
    }

    /* 메뉴 구분선도 조금 더 은은하게 */
    #nt_menu .me-list > ul.me-ul > li.me-li + li.me-li::before {
        background:rgba(255,255,255,.06) !important;
    }
}