@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:#0c1649; color:#fff; }
#nt_body { background:#0c1649; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }

.list-group-item { background:#000; }
.bg-light {
    background-color: #222 !important;
}

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#fff; }
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
#nt_header { background:#0c1639; border-bottom:1px solid #666; }
.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:1.5rem !important; padding-right:1.5rem !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)
********************************************************/
#header_pc .nt-container { background: url('../img/header.jpg') no-repeat right bottom; }
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:400px; }
#header_pc .header-search form { padding:0; border-width:2px; border-style:solid; }
#header_pc .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none; }

/********************************************************
■ 모바일 헤더(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:300; color:#fff; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#ff0000; }
#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; }
}
@media all and (max-width:500px) {
	#sch_stx { width:100px; }
}

/********************************************************
■ 페이지 타이틀
********************************************************/
#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; }

.icheckbox_square,
.iradio_square {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(square.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square {
    background-position: 0 0;
}

.icheckbox_square.hover {
    background-position: -24px 0;
}

.icheckbox_square.checked {
    background-position: -48px 0;
}

.icheckbox_square.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square.checked.disabled {
    background-position: -96px 0;
}

.iradio_square {
    background-position: -120px 0;
}

.iradio_square.hover {
    background-position: -144px 0;
}

.iradio_square.checked {
    background-position: -168px 0;
}

.iradio_square.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square,
    .iradio_square {
        background-image: url(square@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-daum,
.iradio_square-daum {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/img/daum.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-daum {
    background-position: 0 0;
}

.icheckbox_square-daum.hover {
    background-position: -24px 0;
}

.icheckbox_square-daum.checked {
    background-position: -48px 0;
}

.icheckbox_square-daum.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-daum.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-daum {
    background-position: -120px 0;
}

.iradio_square-daum.hover {
    background-position: -144px 0;
}

.iradio_square-daum.checked {
    background-position: -168px 0;
}

.iradio_square-daum.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-daum.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-daum,
    .iradio_square-daum {
        background-image: url(red@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-naver,
.iradio_square-naver {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/img/naver.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-naver {
    background-position: 0 0;
}

.icheckbox_square-naver.hover {
    background-position: -24px 0;
}

.icheckbox_square-naver.checked {
    background-position: -48px 0;
}

.icheckbox_square-naver.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-naver.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-naver {
    background-position: -120px 0;
}

.iradio_square-naver.hover {
    background-position: -144px 0;
}

.iradio_square-naver.checked {
    background-position: -168px 0;
}

.iradio_square-naver.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-naver.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-naver,
    .iradio_square-naver {
        background-image: url(/img/naver@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-kakao,
.iradio_square-kakao {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/img/kakao.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-kakao {
    background-position: 0 0;
}

.icheckbox_square-kakao.hover {
    background-position: -24px 0;
}

.icheckbox_square-kakao.checked {
    background-position: -48px 0;
}

.icheckbox_square-kakao.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-kakao.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-kakao {
    background-position: -120px 0;
}

.iradio_square-kakao.hover {
    background-position: -144px 0;
}

.iradio_square-kakao.checked {
    background-position: -168px 0;
}

.iradio_square-kakao.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-kakao.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-kakao,
    .iradio_square-kakao {
        background-image: url(/img/kakao@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-19,
.iradio_square-19 {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/img/19.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-19 {
    background-position: 0 0;
}

.icheckbox_square-19.hover {
    background-position: -24px 0;
}

.icheckbox_square-19.checked {
    background-position: -48px 0;
}

.icheckbox_square-19.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-19.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-19 {
    background-position: -120px 0;
}

.iradio_square-19.hover {
    background-position: -144px 0;
}

.iradio_square-19.checked {
    background-position: -168px 0;
}

.iradio_square-19.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-19.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-19,
    .iradio_square-19 {
        background-image: url(/ing/19@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-toon,
.iradio_square-toon {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/img/toon.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-toon {
    background-position: 0 0;
}

.icheckbox_square-toon.hover {
    background-position: -24px 0;
}

.icheckbox_square-toon.checked {
    background-position: -48px 0;
}

.icheckbox_square-toon.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-toon.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-toon {
    background-position: -120px 0;
}

.iradio_square-toon.hover {
    background-position: -144px 0;
}

.iradio_square-toon.checked {
    background-position: -168px 0;
}

.iradio_square-toon.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-toon.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-toon,
    .iradio_square-toon {
        background-image: url(/img/toon@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-orange,
.iradio_square-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(orange.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-orange {
    background-position: 0 0;
}

.icheckbox_square-orange.hover {
    background-position: -24px 0;
}

.icheckbox_square-orange.checked {
    background-position: -48px 0;
}

.icheckbox_square-orange.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-orange.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-orange {
    background-position: -120px 0;
}

.iradio_square-orange.hover {
    background-position: -144px 0;
}

.iradio_square-orange.checked {
    background-position: -168px 0;
}

.iradio_square-orange.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-orange.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-orange,
    .iradio_square-orange {
        background-image: url(orange@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-yellow,
.iradio_square-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(yellow.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-yellow {
    background-position: 0 0;
}

.icheckbox_square-yellow.hover {
    background-position: -24px 0;
}

.icheckbox_square-yellow.checked {
    background-position: -48px 0;
}

.icheckbox_square-yellow.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-yellow.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-yellow {
    background-position: -120px 0;
}

.iradio_square-yellow.hover {
    background-position: -144px 0;
}

.iradio_square-yellow.checked {
    background-position: -168px 0;
}

.iradio_square-yellow.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-yellow.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-yellow,
    .iradio_square-yellow {
        background-image: url(yellow@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-pink,
.iradio_square-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-pink {
    background-position: 0 0;
}

.icheckbox_square-pink.hover {
    background-position: -24px 0;
}

.icheckbox_square-pink.checked {
    background-position: -48px 0;
}

.icheckbox_square-pink.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-pink.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-pink {
    background-position: -120px 0;
}

.iradio_square-pink.hover {
    background-position: -144px 0;
}

.iradio_square-pink.checked {
    background-position: -168px 0;
}

.iradio_square-pink.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-pink.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-pink,
    .iradio_square-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.icheckbox_square-purple,
.iradio_square-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(purple.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-purple {
    background-position: 0 0;
}

.icheckbox_square-purple.hover {
    background-position: -24px 0;
}

.icheckbox_square-purple.checked {
    background-position: -48px 0;
}

.icheckbox_square-purple.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-purple.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-purple {
    background-position: -120px 0;
}

.iradio_square-purple.hover {
    background-position: -144px 0;
}

.iradio_square-purple.checked {
    background-position: -168px 0;
}

.iradio_square-purple.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-purple.checked.disabled {
    background-position: -216px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .icheckbox_square-purple,
    .iradio_square-purple {
        background-image: url(purple@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}



/*****************************************************
* 웹툰 커버 관리
*****************************************************/
#mgr .btns{text-align:right; border:1px solid #ddd; padding:10px; margin-bottom:10px;}
#mgr #wt_title{border:1px solid #ccc; padding:4px;}

#mgr table{width:100%; border-collapse: collapse;}
#mgr table thead th{border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
#mgr table tbody tr:nth-child(even){background:#efefef;}
#mgr .thumb{width:80px;height:80px;}
#mgr .thumb img{width:100%;height:100%;}
#mgr table tbody td{padding:4px;}
#mgr table tbody td button{border:1px solid #ddd; background:#fff; padding:4px;}

#mgr_form table{width:100%; border-collapse:collapse; margin-bottom:20px;}
#mgr_form th,
#mgr_form td{border:1px solid #ddd; padding:5px;}
#mgr_form th{background:#efefef;}
#mgr_form input,
#mgr_form select{padding:4px;}
#mgr_form .btns {text-align:center;}
#mgr_form .btns button{border:0; padding:5px;}
#mgr_form .btns button.btn-submit{background:#007acc; color:#fff;}
#mgr_form .btns button.btn-normal{background:#ddd;}
#mgr_form .thumb {border:1px solid #ddd; margin:4px; border-radius:4px; padding:4px; display:inline-block;}
#mgr_form .thumb p{margin-top:5px;}
#mgr_form .thumb p a{font-weight:bold;display:inline-block;padding:4px;border:1px solid #ddd; border-radius:2px; text-decoration: none;}
#mgr_form .thumb p a:hover{background:#007acc; color:#fff; border-color:#007acc;}





/***************************************
* 칼라박스
****************************************/
#colorbox{z-index:999999 !important; margin-bottom:30px; margin-bottom:30px;}
#cboxClose{top:2px !important}


/*****************************************************
* 웹툰 그룹부분
*****************************************************/
#wt_wrap *{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* 검색박스 */
#fwtsearch{display:block;margin:0 auto;	margin-bottom:20px; padding:30px 0; border:1px solid #ddd; text-align:center; background:url(img/naver_per.png) center; } 
#fwtsearch .bt-input{border:1px solid #fb8b4a;}
/*#fwtsearch .btn{padding:6px;}
#fwtsearch .btn-search{border:1px solid #3498db;background:#3498db; color:#fff; margin-left:-42px;}
#fwtsearch .btn-search:hover{border:1px solid #f49900;background:#f49900; color:#fff}
#fwtsearch .btn-default{border:1px solid #ccc;background:#fff; color:#333;}
#fwtsearch .btn-default:hover{border:1px solid #f49900;background:#f49900; color:#fff}
#fwtsearch #wt_title{border:1px solid #ccc; padding:6px; padding-right:42px;}*/

/* 관리자 버튼 */
#nav_mgr{border:1px solid #ddd; text-align:right; padding:4px; margin-bottom:10px;}

/* 카테고리 */
#btn_show_cate{width:100%; margin-bottom:10px;}
#nav_cate{margin:0; padding:0; width:100%; list-style:none; margin-bottom:10px; display:none; overflow:hidden;}
#nav_cate li{float:left; width:20%; text-align:center; padding:5px 0;}
#nav_cate li.on{background:#fb8b4a; border-radius:50%; padding:4px;}
#nav_cate li.on a{font-weight:bold;  color:#fff;}

@media(min-width:100px){
	#btn_show_cate{display:none;}
	#nav_cate{display:table; width:100%;}
	#nav_cate li{float:none; width:auto; display:table-cell; text-align:center; padding:5px 0; border:1px solid #ddd; border-right-width:0;}
	#nav_cate li:last-child{border-width:1px;}
	#nav_cate li.on {background:#127bba; border-color:#127bba; border-radius:0;}
	#nav_cate li.on a{color:#fff;}
}

/* 서브네비 그룹 */


/* 초성 검색 */
.sub-navc #btn_show_cho{width:100%; margin-bottom:10px;}
.sub-navc #nav_cho{margin:0; list-style:none; border:1px solid #ddd; margin-bottom:10px; padding:10px;  display:none; overflow:hidden;}
.sub-navc #nav_cho li{float:left; width:5.8%; text-align:center; padding:5px 0; cursor: pointer;}
.sub-navc #nav_cho li.active{background-color:#127bba;}

@media(min-width:835px){
	.sub-navc #btn_show_cho{display:none;}
	.sub-navc #nav_cho{display:block; border:0; overflow:hidden; padding:0; width:100%;}
	.sub-navc #nav_cho li{width:5.88%; padding:4px 8px; border:1px solid #ddd; border-right-width:0;}
	.sub-navc #nav_cho li.active{background-color:#127bba;}
	.sub-navc #nav_cho li.active a{color:#fff;}
	.sub-navc #nav_cho li:last-child{border-right-width:1px;}
}


/* 연재중/완결 */
.sub-nav #nav_fin{margin:0; padding:0; list-style:none; overflow:hidden;
    height: 36px; margin-bottom:11px;
}
.sub-nav #nav_fin:after{display:block; content:''; clear:both; margin-bottom:10px;}
@media(min-width:490px){
	.sub-nav #nav_fin li{float:left; width:126px; padding-top: 7px; padding-bottom: 7px; border:1px solid #0c1639; color:#fff; border-right:0; text-align:center;border-right: 1px solid #0c1639;background: #0c1639; border-radius:5px; cursor:pointer;} 
	.sub-nav #nav_fin li:last-child{ width:126px;border-right:1px solid #0c1639; background:#0c1639}
	.sub-nav #nav_fin li.on{ width:126px; background:#fff; color:#ff0000; border:1px solid #ff0000;}
	.sub-nav #nav_fin li.on a{color:#127bba;} 
	.sub-nav #nav_fin li.hover a {
		color: #fff;
		font-size: 15px;
		font-weight: bold;
	}
	.sub-nav #nav_fin li a{
		color: #fff;
		font-size: 15px;
		font-weight: bold;
	}
	.sub-nav #nav_fin li.on a {
		color: #fff;
		font-size: 15px;
		font-weight: bold;
	}
}
@media(max-width:490px){
	.sub-nav #nav_fin li{float:left; width:70px; padding-top: 7px; padding-bottom: 7px; border:1px solid #0c1639; color:#fff; border-right:0; text-align:center;border-right: 1px solid #0c1639;background: #0c1639; border-radius:5px; cursor:pointer;} 
	.sub-nav #nav_fin li:last-child{ width:80px;border-right:1px solid #0c1639; background:#0c1639}
	.sub-nav #nav_fin li.on{ width:70px; background:#fff; color:#ff0000; border:1px solid #ff0000;}
	.sub-nav #nav_fin li.on a{color:#127bba;} 
	.sub-nav #nav_fin li.hover a {
		color: #fff;
		font-weight: bold;
	}
	.sub-nav #nav_fin li a{
		color: #fff;
		font-weight: bold;
	}
	.sub-nav #nav_fin li.on a {
		color: #fff;
		font-weight: bold;
	}
}
@media(min-width:100px){
	.sub-nav #nav_fin{   
		width:100%;
		float:right;
	}
	.sub-nav #nav_fin li{}
}


/* 커버 목록 */
#coverlist *{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#coverlist {list-style:none; padding:0;}
#coverlist li {float:left;width:16.66%; overflow-x:hidden; padding:0px 7px 21px 7px}
#coverlist li .item{position:relative}

#coverlist li .item .thumb {border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative;}
#coverlist li .item .thumb:hover{border:1px solid #f00;}
#coverlist li .item .thumb img{width:100%; border-radius:4px;}
#coverlist li .item .explain { width:100%;}
/*#coverlist li .item .explain .head{padding:10px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5);width:100%;}*/
#coverlist li .item .explain .head{width:100%; padding:10px;}
#coverlist li .item .explain .head a{font-weight:bold; white-space: nowrap;}
#coverlist li .item .explain .head a.btn,
#coverlist li .item .explain .head .summ{display:none;}
/*#coverlist li .item .explain .head a.btn button{border:1px solid #fff; background:transparent; color:#fff; padding:4px;font-family:'맑은 고딕'}*/
#coverlist li .item .explain .head:after{display:block;content:'';clear:both;}
#coverlist li .item .explain .summ{display:none;}
#coverlist li .item .explain .overview{display:none;}
#coverlist li .item .btns{display:none;}
#coverlist:after{display:block;content:'';clear:both;}


#coverlist li .item .thumb .label-band {
    z-index: 2;
    font-family: tahoma;
    top: 5px;
    letter-spacing: 1px;
    width: 95px;
    padding: 5px;
    right: -32px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    background-color:#f00;
    color:#fff;
    border:1px solid #fff;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media(max-width:1255px){
	#coverlist li{width:50%}
}


@media(min-width:1145px){
	#wt_view {width:100%; border:1px solid #bfbfbf; position:relative; overflow:hidden; background:#38393d; margin-bottom:20px; min-height:150px;}
	#wt_view:after {display:block; content:''; clear:both;}
	#wt_view .thumb {float:left; width:55%; margin-right:-200px;}
	#wt_view .thumb img{width:100%;}
	#wt_view .explain {float:left; margin-left: 210px; height:72px; margin-top:27px;}
	#wt_view .explain .title {margin:10px 0 10px 0;}
	#wt_view .explain .title a{font-size:18px; font-weight:bold;}
	#wt_view .explain .summ{margin-bottom:15px;}
	#wt_view .explain .summ:after{display:block; content:''; clear:both;}
	#wt_view .explain .summ dt,
	#wt_view .explain .summ dd {float:left;}
	#wt_view .explain .summ dt {margin-right:5px;}
	#wt_view .explain .summ dd {margin-right:10px;}
	#wt_view .explain .overview {height:96px; overflow-y:hidden;}
	#wt_view .btns {width: 230px; float: right;}
}
@media (max-width:1145px){
	#wt_view {width:100%; border:1px solid #bfbfbf; position:relative; overflow:hidden; background:#38393d; margin-bottom:20px; min-height:150px;}
	#wt_view:after {display:block; content:''; clear:both;}
	#wt_view .thumb {float:left; width:50%; margin-right:-200px;}
	#wt_view .thumb img{width:100%;}
	#wt_view .explain {float:left; margin-left: 210px; height:72px; }
	#wt_view .explain .title {margin:10px 0 10px 0;}
	#wt_view .explain .title a{font-size:18px; font-weight:bold;}
	#wt_view .explain .summ{margin-bottom:15px;}
	#wt_view .explain .summ:after{display:block; content:''; clear:both;}
	#wt_view .explain .summ dt,
	#wt_view .explain .summ dd {float:left;}
	#wt_view .explain .summ dt {margin-right:5px;}
	#wt_view .explain .summ dd {margin-right:10px;}
	#wt_view .explain .overview {height:96px; overflow-y:hidden;}
	#wt_view .btns {width: 230px; float: right;}
}
@media(max-width:1020px){
	
    #wt_view .thumb {width:100%; float:none; position:relative;}
    #wt_view .explain {float:none; position:absolute; width:100%; bottom:0; left:0; margin:4px; height:auto; background:#000; opacity:0.8;filter: alpha(opacity=80);}
    #wt_view .explain *{opacity:1.;filter: alpha(opacity=100);}
    #wt_view .explain .btns{color:#333; position:relative; left:0; text-align:center;}
    #wt_view .explain .btns .btngo*{color:#fff;}
    #wt_view .explain .btns .btnfil*{color:#333;}
}

.btngo{
    border: 1px solid gray;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    font-weight: bold;
    padding-bottom: 3px;
    background-color: white;
    border-radius: 20px;
    color: fff;
    font-size: 14px;
	margin-right:5px;
	margin-top: -2px;
}

button:focus {
  outline: none;
}
#bo_list_btn{
	float:right;
	margin-right:5px;
}
#bo_list_btn span{
    display: inline;
    margin-left: 0.25rem;
    color: rgba(0,0,0,0.87);
	font-size:15px;
	font-weight:bold;
}
.tcnt{
	font-size: 16px;
	color: rgba(0,0,0,0.54);
	font-weight:bold;
	margin-left:15px;
}
.sub-nav #nav_fin li.on {
	/*
	background: #ef1432;
    color: #fff;
    border: 1px solid #ef1432;
	*/
	background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}

.sub-nav #nav_fin li.hover {
    /*
	background: #ef1432;
    color: #fff;
    border: 1px solid #ef1432;
	*/
	background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}

.sub-nav{
	position:relative;
}



.section-title {
    padding: 8px;
    font-size: 13px;
    text-align: center !important;
    display: block;
    border-left: 1px solid #ff0000;
	cursor:pointer;
	background:#0c1639;
	color:#fff;
}

#yoil0{
	border-left: 0px solid #ff0000;
}

.section-item-wrap{width:12.5%;}

@media (max-width: 767px){	
	.section-item-wrap{width:33.3%;}
}


.today-focus-title {
	/*
    background-color: #ef1432;
    border-color: #ef1432;
    color: #fff;
	*/
	background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fff !important;
}
.sub-nav #nav_cho li.active {
    /*background-color: #ef1432;*/
	background-color: #ff0000;
	
}
.sub-nav #nav_cho li {
	background-color: #fff;
    /*border: 1px solid #ef1432;*/
	border: 1px solid #ff0000;
	
}
.sub-navc #nav_cho li.active {
    /*background-color: #ef1432;*/
	background-color: #ff0000;
}
.sub-navc #nav_cho li {
	background-color: #fff;
    /*border: 1px solid #ef1432;*/
	border: 1px solid #ff0000;
}

.section-category { display:flex; clear:both; justify-content: space-evenly; border: 1px solid #ff0000; margin-bottom:10px; background:#0c1639; }
.section-category .homelist { text-align:center; width:100%; }
.section-category .homelist li { text-align:center; }

.section-weekday { display:flex; clear:both; justify-content: space-evenly; border: 1px solid #ff0000; margin-bottom:10px; background:#0c1639; }
.section-weekday .homelist { text-align:center; width:100%; }
.section-weekday .homelist li { text-align:center; }

.section-genre { clear:both; border-top:1px solid #ff0000; border-left:1px solid #ff0000; border-right:1px solid #ff0000; margin-bottom:10px; background:#0c1639; }
.section-genre .homelist { display:flex; clear:both; flex-wrap:wrap; flex-direction: row; text-align:center; width:100%; }
.section-genre .homelist li { text-align:center; width:25%; border-bottom: solid 1px #ff0000; flex: 2 1 auto; }
.section-genre .homelist li a { text-align:center; width:100%; }

.iradio_square-red.checked {
    /*background: url(/img/on.png) no-repeat;*/
	background-color: #ff0000;
    border-radius: 50%;
}

.iradio_square-red.default {
    /*background: url(/img/none.png) no-repeat;*/
	border: 1px solid #d3cfc8;
	border-radius: 50%;
}

.iradio_square-red.hover{
    /*background: url(/img/hover.png) no-repeat;*/
	border: 2px solid #ff0000;
    border-radius: 50%;
}



.fil {
    font-size: 13px;
    padding-top: 10px;
    height: 33px;
    position: absolute;
    right: 5px;
    z-index: 10;
}

.icheckbox_square-red, .iradio_square-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
}

.toon_intro {margin:0 0 10px 0;background:#3f424b;}
.toon_intro:after {display:block;visibility:hidden;clear:both;content:""}
.toon_intro .img {float:left;width:55%;padding:10px;}
.toon_intro .img img {width:100%;height:auto;}
.toon_intro .con {position:relative;float:left;width:45%;padding:0 0 40px 0;}
.toon_intro .con strong {display:block;margin:0 0 12px 0;color:#fff;font-size:18px;font-weight:400;}
.toon_intro .con p {padding:20px 20px 20px 20px;color:#fff;font-size:13px;line-height:140%;}
.toon_intro .con ul {display:block;position:absolute;right:10px;bottom:10px;width:calc(100% - 10px);}
.toon_intro .con ul:after {display:block;visibility:hidden;clear:both;content:""}
.toon_intro .con ul li {display:block;float:left;width:19%;margin:0 1.25% 0 0;}
.toon_intro .con ul li:last-child {margin:0;}
.toon_intro .con ul li .btn {display:block;padding:0;}

@media (min-width:700px){ 
	
	.bt_view1{
		width:100%;
		display:block;
	}
	.bt_view2{
		width:100%;
		display:none;
	}
	.bt_thumb{
		padding: 8px;
		width: 55%;
	}
	.bt_title{
		padding:19px 0px 13px 0px;
		color:#fff;
		font-size:1.5rem;
		font-weight: bold;
	}
	.bt_label{
		color: #fff;
		font-size: 1.2rem;
	}
	.bt_data{
		color:#fff;
		font-size: 1.2rem;
	}
	.bt_over{
		color: #fff;
		padding-left:0px;
		padding-top: 10px;
		padding-right: 17px;
		padding-bottom:5px; 
		font-size: 1.2rem;
	}
	.btn1{
		width: 100%;
		padding-top:6px;
		padding-bottom:6px;
		text-align:center;
		border: 2px solid #ff0000;
		background: #ff0000;
		color:#fff;
		float:left;
		cursor:pointer;
		font-size: 1.3rem;
		border-radius: 8px;
	}
	.btn2{
		width: 100%;
		padding-top:6px;
		padding-bottom:6px;
		text-align:center;
		/*
		border-right: 1px solid #66676b;
		background: #66676b;
		color:#fff;
		*/
		border: 2px solid #e63640;
    	background: #fff;
    	color: #38393d;
		float:left;
		cursor:pointer;
		font-size: 1.3rem;
		border-radius: 8px;
	}
	.bt_btns{
		width:19%;
		padding-right:1%
	}
}
@media (max-width:700px){
	
	.bt_view1{
		width:100%;
		display:none;
	}
	.bt_view2{
		width:100%;
		display:block;
	}
	.bt_thumb{
		padding: 8px;
		width: 100%;
	}
	.bt_title{
		padding:19px 0px 13px 14px;
		color:#fff;
		font-size:1.5rem;
		font-weight: bold;
	}
	.bt_label{
		color: #fff;
		padding-left: 8px;
		font-size: 1.2rem;
	}
	.bt_data{
		color:#fff;
		font-size: 1.2rem;
	}
	.bt_over{
		color: #fff;
		padding-left: 17px;
		padding-top: 10px;
		padding-bottom:1%;
		font-size: 1.2rem;
	}
	.btn1{
		width: 100%;
		padding-top:6px;
		padding-bottom:6px;
		text-align:center;
		border: 2px solid #e63640;
		background: #e63640;
		color:#fff;
		float:left;
		cursor:pointer;
		font-size: 1.3rem;
		border-radius: 8px;
	}
	.btn2{
		width: 100%;
		padding-top:6px;
		padding-bottom:6px;
		text-align:center;
		/*
		border-right: 1px solid #66676b;
		background: #66676b;
		color:#fff;
		*/
		border: 2px solid #e63640;
    	background: #fff;
    	color: #38393d;
		float:left;
		cursor:pointer;
		font-size: 1.3rem;
		border-radius: 8px;
	}
	.bt_btns{
		width:19%;
		padding-right:1%;
		padding-bottom:1%;
	}
}

.toon_index {
    display: block;
    position: relative;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
	font-weight:bold;
}


ul.recent_toon { padding:8px;}
ul.recent_toon:after {display:block;visibility:hidden;clear:both;content:""}
ul.recent_toon li {display:block;float:left;width:12%;margin:0 0.57% 10px 0;cursor:pointer;}
ul.recent_toon li:nth-child(8n) {margin:0 0 10px 0;}
ul.recent_toon li .box {background:#0c1639;border:solid 1px #666;}
ul.recent_toon li .img {display:block;position:relative;margin:0 0 8px 0; height:70px; overflow:hidden;}
ul.recent_toon li .img img {width:100%;}
ul.recent_toon li .img .con {display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;padding:10px;color:#fff;line-height:140%;background:rgba(0,0,0,0.6);z-index:1;opacity:0;}
ul.recent_toon li .img .label {display:block;position:absolute;left:0;bottom:0;width:100%;color:#fff;text-align:center;line-height:30px;background-color: rgba(255, 0, 0, 0.7);z-index:2;}
ul.recent_toon li .img .adult {display:block;position:absolute;right:0;top:0;width:24px;height:24px;color:#fff;text-align:center;line-height:24px;background:rgba(246,57,65,0.8);z-index:2;}
ul.recent_toon li .title {margin:0 5px 8px 5px;color:#a6a9b2;line-height:140%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); font-size:13px; }
ul.recent_toon li .title strong {display:block;color:#fff;font-size:13px;font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); }
ul.recent_toon li .info {margin:0 5px 5px 5px;color:#999; font-size:13px;}
ul.recent_toon li .info:after {display:block;visibility:hidden;clear:both;content:""}
ul.recent_toon li .info strong {display:block;float:right;font-weight:400;}
ul.recent_toon li .info strong i {color:#f00001;font-size:13px;}

ul.recent_toon li:hover .img .con {opacity:1;}

ul.recent_toon li .img .con {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.top_banner { display:flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom:10px; }
.top_banner a { width:24.8%;  margin-bottom:5px; }
.top_banner a img { width:100%; }

.top_banner_2 { display:flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom:10px; }
.top_banner_2 a { width:49.6%;  margin-bottom:5px; }
.top_banner_2 a img { width:100%; }

.view_banner { display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:10px; margin-bottom:10px; }
.view_banner a { width:49.5%; }
.view_banner a img { width:100%; }

.gnb_mobile_wrap {height:auto; display:none; background:#0c1649;}

@media all and (max-width:600px) {
	ul.recent_toon { padding:8px 0; display:flex; flex-wrap: wrap; justify-content: space-between; }
	ul.recent_toon li { display:block;width:32%;cursor:pointer;}
	ul.recent_toon li .title { font-size:13px; }
	ul.recent_toon li .title strong {display:block;color:#fff;font-size:13px;font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); }
	ul.recent_toon li .info strong i {color:#f00001;font-size:13px;}
	ul.recent_toon li .info {margin:0 5px 5px 5px;color:#999; font-size:13px;}

	.gnb_mobile_wrap { display:block; }
	.gnb_mobile {display:block;width:100%;max-width:1200px;padding:5px;white-space:nowrap;overflow:hidden;}
	.gnb_mobile .swiper-slide {width:auto}
	.gnb_mobile ul:after {display:block;visibility:hidden;clear:both;content:""}
	.gnb_mobile li {display:inline-block;}
	.gnb_mobile a {display:block;position:relative;width:auto;padding:0 12px;font-size:15px;line-height:30px;background:#38468A;border:solid 1px #ddd;}
	.gnb_mobile a:hover {color:#ff0000;background:#f6f6f6;}
	.gnb_mobile a.on {color:#ff0000;}
	.gnb_mobile::-webkit-scrollbar {display:none}
	.gnb_mobile .gnb_sl {position:relative;color:#ff0000}
	
	.top_banner a { width:49.6%;  margin-bottom:5px; }
	.top_banner_2 a { width:49.6%;  margin-bottom:5px; }
}