@charset "utf-8";

/* 초기화 */

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


:root{
	--bs-body-font-size: 13px;
	--bs-font-sans-serif: "Paperlogy-8ExtraBold", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-body-font-family: var(--bs-font-sans-serif);

	--bs-body-font-weight: 800;

	--bs-link-color-rgb: 0,0,0;
	--bs-link-hover-color-rgb: 255, 153, 169;
	
	--bs-red-rgb: 255, 0, 0;
	--bs-pink-rgb: 255, 116, 137;
	--bs-deep-green-rgb: 44, 117, 82;
	--bs-dark-gray-rgb: 32, 33, 37;
	--bs-sky-blue-rgb: 0, 174,242;
	--bs-dark-sky-rgb: 75, 130, 150;

}
.container-fluid{--bs-gutter-x: 0;}

.row.thin-x {
    --bs-gutter-x: 0.5rem;
    
}

body{ font-family: var(--bs-body-font-family); font-weight: var(--bs-body-font-weight);}
body *{box-sizing:border-box;}
a{text-decoration:none;}
dl, ol, ul, h2, p {margin: 0 auto;padding:0px;}


img{display:block;}

a.btn, .btn {
    line-height: initial;
    height: auto;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: 1em;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}


.btn-deep-blue{
    --bs-btn-color: #fff;
    --bs-btn-bg: #0047a0;
    --bs-btn-border-color: #0047a0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    : #0a58ca;
    --bs-btn-focus-shadow--bs-btn-hover-border-color-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0047a0;
    --bs-btn-disabled-border-color: #0047a0;
}


.btn-red{
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d50000;
    --bs-btn-hover-border-color: #ff9090;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff9090;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff0000;
    --bs-btn-disabled-border-color: #ff0000;
}

.text-red { --bs-text-opacity: 1; color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important; }
.text-pink { --bs-text-opacity: 1; color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important; }
.text-deep-green { --bs-text-opacity: 1; color: rgba(var(--bs-deep-green-rgb), var(--bs-text-opacity)) !important; }

.text-sky-blue { --bs-text-opacity: 1; color: rgba(var(--bs-sky-blue-rgb), var(--bs-text-opacity)) !important; }
.text-dark-sky-blue { --bs-text-opacity: 1; color: rgba(var(--bs-dark-sky-rgb), var(--bs-text-opacity)) !important; }

.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}


.bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-gray-rgb), var(--bs-bg-opacity)) !important;
}
.bg-sky-blue {
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-sky-blue-rgb), var(--bs-bg-opacity)) !important;
}

.border-red {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important;
}
.border-pink {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important;
}

.border-dark-sky {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-sky-rgb), var(--bs-border-opacity)) !important;
}




.tab-pane.fade:not(.show) {height:0px;}
.tab-pane.fade{ height:auto; overflow:hidden;transition: transform 0.26s ease;}

/* SM */
@media (min-width: 576px) {
    .container, .container-sm {max-width: 95%;}
}
/* XL */
@media (min-width: 1200px) { }

@media (min-width: 1300px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

.grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1),1fr);
    grid-template-columns: repeat(var(--bs-columns, 12),1fr);
    gap: var(--bs-gap, 1.5rem)
}

.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-2 {
    grid-column: auto/span 2
}

.grid .g-col-3 {
    grid-column: auto/span 3
}

.grid .g-col-4 {
    grid-column: auto/span 4
}

.grid .g-col-5 {
    grid-column: auto/span 5
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-7 {
    grid-column: auto/span 7
}

.grid .g-col-8 {
    grid-column: auto/span 8
}

.grid .g-col-9 {
    grid-column: auto/span 9
}

.grid .g-col-10 {
    grid-column: auto/span 10
}

.grid .g-col-11 {
    grid-column: auto/span 11
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

.grid .g-start-1 {
    grid-column-start: 1
}

.grid .g-start-2 {
    grid-column-start: 2
}

.grid .g-start-3 {
    grid-column-start: 3
}

.grid .g-start-4 {
    grid-column-start: 4
}

.grid .g-start-5 {
    grid-column-start: 5
}

.grid .g-start-6 {
    grid-column-start: 6
}

.grid .g-start-7 {
    grid-column-start: 7
}

.grid .g-start-8 {
    grid-column-start: 8
}

.grid .g-start-9 {
    grid-column-start: 9
}

.grid .g-start-10 {
    grid-column-start: 10
}

.grid .g-start-11 {
    grid-column-start: 11
}

@media (min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1200px) {
    .grid .g-col-xl-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1400px) {
    .grid .g-col-xxl-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}



.f-size-100{font-size:1em;}
.f-size-125{font-size:1.25em;}
.f-size-150{font-size:1.50em;}
.f-size-175{font-size:1.75em;}
.f-size-200{font-size:2.00em;}
.f-size-225{font-size:2.25em;}
.f-size-250{font-size:2.50em;}
.f-size-275{font-size:2.75em;}
.f-size-300{font-size:3.00em;}


.f-size-zoom-100{font-size:2.00em;}
.f-size-zoom-125{font-size:2.50em;}
.f-size-zoom-150{font-size:3.00em;}
.f-size-zoom-175{font-size:3.50em;}
.f-size-zoom-200{font-size:4.00em;}
.f-size-zoom-225{font-size:4.50em;}
.f-size-zoom-250{font-size:5.00em;}
.f-size-zoom-275{font-size:5.50em;}
.f-size-zoom-300{font-size:6.00em;}




.f-size-reduc-100{font-size:0.75em;}
.f-size-reduc-125{font-size:1.150em;}
.f-size-reduc-150{font-size:1.400em;}
.f-size-reduc-175{font-size:1.312em;}
.f-size-reduc-200{font-size:1.50em;}
.f-size-reduc-225{font-size:1.687em;}
.f-size-reduc-250{font-size:1.875em;}
.f-size-reduc-275{font-size:2.062em;}
.f-size-reduc-300{font-size:2.25em;}


/* SM */
@media (min-width: 576px) {

	.f-size-zoom-100{font-size:1.50em;}
	.f-size-zoom-125{font-size:1.875em;}
	.f-size-zoom-150{font-size:2.250em;}
	.f-size-zoom-175{font-size:2.625em;}
	.f-size-zoom-200{font-size:3.00em;}
	.f-size-zoom-225{font-size:3.375em;}
	.f-size-zoom-250{font-size:3.750em;}
	.f-size-zoom-275{font-size:4.125em;}
	.f-size-zoom-300{font-size:4.500em;}

	.f-size-reduc-100{font-size:0.875em;}
	.f-size-reduc-125{font-size:1.20em;}
	.f-size-reduc-150{font-size:1.45em;}
	.f-size-reduc-175{font-size:1.53em;}
	.f-size-reduc-200{font-size:1.75em;}
	.f-size-reduc-225{font-size:1.96em;}
	.f-size-reduc-250{font-size:2.18em;}
	.f-size-reduc-275{font-size:2.40em;}
	.f-size-reduc-300{font-size:2.62em;}


}

/* MD */
@media (min-width: 768px) {
	.f-size-zoom-100{font-size:1.00em;}
	.f-size-zoom-125{font-size:1.25em;}
	.f-size-zoom-150{font-size:1.50em;}
	.f-size-zoom-175{font-size:1.75em;}
	.f-size-zoom-200{font-size:2.00em;}
	.f-size-zoom-225{font-size:2.25em;}
	.f-size-zoom-250{font-size:2.50em;}
	.f-size-zoom-275{font-size:2.75em;}
	.f-size-zoom-300{font-size:3.00em;}

	.f-size-reduc-100{font-size:1.00em;}
	.f-size-reduc-125{font-size:1.25em;}
	.f-size-reduc-150{font-size:1.50em;}
	.f-size-reduc-175{font-size:1.75em;}
	.f-size-reduc-200{font-size:2.00em;}
	.f-size-reduc-225{font-size:2.25em;}
	.f-size-reduc-250{font-size:2.50em;}
	.f-size-reduc-275{font-size:2.75em;}
	.f-size-reduc-300{font-size:3.00em;}

}





/* 테마 UI */
h1, h2, h3, h4, h5, h6 {font-family: var(--bs-body-font-family);}

hr.border-1{
	display: block;
	width: 100%; height: 1px;
    margin: 0 auto;
}
hr.border-bg-4{
	display: block;
	width: 100%; height: 4px;
	border-width: 0px;
    margin: 0 auto;
	opacity: 1;
}
@media (max-width: 767px) {
	.m-container{
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
}

.hidden{display:none;width:0px;height:0px;overflow:hidden;}
.cursor {cursor: pointer; }

.round-box{
	border: 1px solid #dfdfdf; 
	border-radius: 10px;
}
#hd, #wrapper, #ft{min-width: auto;}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #container {
	width:100%;
}


.logo img{ width:100%; max-width:180px;}
#scroll {height:26px;  width:100%; margin-bottom:0; padding-left:20px;}
#scroll li{width:calc(100% - 20px);left: 20px; font-size: 1.2em;}

#scroll .ser_num {
	font-size: 1.1em;
	color: #ff99a9;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	font-weight: 500;
}

/* SELECTRIC */

.global-search {margin-left:auto;}
.global-search form {display:flex; align-items:center}
.global-search form select {border-radius:6px; color:#aaa;}
.global-search-input__wrap {background: #f8f8f8;border-radius:6px;margin-left: 10px;display: flex;align-items: center;}
.global-search-input {width:190px;height: 38px;background:none;border:none;font-size: 16px;padding: 10px;}
.global-search-input__wrap button {border:none;background:none;padding:0;position:relative;width: 50px;height: 38px;text-align: center; cursor:pointer;}
.selectric { border: 1px solid #DDD; background: #F8F8F8; position: relative; }
.selectric {width: 120px;height:38px;padding:0 30px 0 10px;text-align: left;background: #f8f8f8;border: 1px solid #f8f8f8;font-size:16px;-webkit-transition: border-color 300ms;transition: border-color 300ms;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: linear-gradient(60deg, transparent 50%, #000 60%), linear-gradient(120deg, #000 50%, transparent 60%);background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;background-size: 5px 8px;background-repeat: no-repeat;}
.selectric-wrapper .selectric {background: #f8f8f8;padding:0;border: none;border-radius: 6px;}
.selectric:after {content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px; opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.selectric .label {height: 48px;margin: 0 60px 0 10px;font-size: 16px;line-height: 48px;color: #767676;}
.selectric .button {width: 36px;height: 50px;}
.selectric .button:after {border-style: solid;border-width: 8px 5px 0 5px;border-color: #aaa transparent transparent transparent;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.selectric-items {margin-top:5px; border-radius:6px;}
.selectric-items ul, .selectric-items li {width: 100%;font-size: 16px;text-align: left; }
.selectric-items {background: #f8f8f8;border: 1px solid #ddd;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.4s;transition: all 0.4s;}
.selectric-items ul {margin: 0;padding: 0;}
.selectric-items li {padding: 10px 10px 10px;line-height: 1.4;font-weight: 400;color: #767676;}
.selectric-items li:hover {background:none; color:#222}
html.desktop .selectric-items li:hover {background:none; color:#222;}
.selectric-items li.selected {color: #222;background:none;}
html.desktop .selectric-items li.selected:hover {color:#222;}
.selectric-hover .selectric {}
.selectric-hover .selectric:after {opacity: 1;}
.selectric-hover .selectric .button:after { border-top-color: #aaa;}
.selectric-focus .selectric {background: #f8f8f8;border-color:#f8f8f8;}
.selectric-focus .selectric:after {opacity: 1;-webkit-box-shadow:0 0 0 #bbb;box-shadow:0 0 0 #bbb;}
.selectric-open .selectric {background: #f8f8f8;border-color: #f8f8f8;}
.selectric-open .selectric:after {border-bottom: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}
.selectric-open .selectric .button:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.selectric-open .selectric-items {opacity: 1;}
.selectric-above.selectric-open .selectric {border-top-color: #f8f8f8;border-bottom-color:#f8f8f8;}
.selectric-above.selectric-open .selectric:after {border-bottom:1px solid #f8f8f8;border-top: none;}
.selectric-above.selectric-open .selectric-items {border-width: 1px 1px 0;}


.selectric-wrapper{position:relative;cursor:pointer;display: flex;}
.selectric-responsive{width:100%}
.selectric{border:1px solid #DDD;background:#F8F8F8;position:relative}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;line-height:38px;color:#444;height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric .button{display:block;position:absolute;right:0;top:0;width:38px;height:38px;color:#BBB;text-align:center;font:20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial}
.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#BBB;border-bottom:none}
.selectric-focus .selectric{border-color:#aaaaaa}
.selectric-hover .selectric{border-color:#c4c4c4}
.selectric-hover .selectric .button{color:#a2a2a2}
.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}
.selectric-open{z-index:9999}
.selectric-open .selectric{border-color:#c4c4c4}
.selectric-open .selectric-items{display:block}
.selectric-disabled{filter:alpha(opacity=50);opacity:0.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}
.selectric-hide-select select{position:absolute;left:-100%}
.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}
.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}
.selectric-input{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;outline:none !important;border:none !important;background:none !important}
.selectric-temp-show{position:absolute !important;visibility:hidden !important;display:block !important}
.selectric-items{display:none;position:absolute;top:100%;left:0;background:#F8F8F8;border:1px solid #c4c4c4;z-index:-1;box-shadow:0 0 10px -6px}
.selectric-items .selectric-scroll{height:100%;overflow:auto}
.selectric-above .selectric-items{top:auto;bottom:100%}
.selectric-items ul,.selectric-items li{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}
.selectric-items li{display:block;padding:10px;color:#666;cursor:pointer}
.selectric-items li.selected{background:#E0E0E0;color:#444}
.selectric-items li.highlighted{background:#D0D0D0;color:#444}
.selectric-items li:hover{background:#D5D5D5;color:#444}
.selectric-items .disabled{filter:alpha(opacity=50);opacity:0.5;cursor:default !important;background:none !important;color:#666 !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-items .selectric-group .selectric-group-label{font-weight:bold;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;color:#444}
.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}
.selectric-items .selectric-group li{padding-left:25px}

.pc-nav-wapper{
box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
}



nav#pc_menu ul li {}
nav#pc_menu ul li a{font-size:1.1em;line-height:1.2em;border-radius:0.5em;}
nav#pc_menu ul li img{max-width:20px;margin-right:5px;margin-top:-2px;}
@media (max-width: 767px) {
	nav#pc_menu ul li{ }
}


  

.main_banner_title h2{}
.main_banner_title img{ width:1.75em;margin-bottom: -0.2em;}


#dvhidden{text-align: center; width: 100%; background: #ffffff; cursor: pointer; }
.rainbow-text { 
	background-image: repeating-linear-gradient(90deg, magenta, crimson, teal, brown, darkorange, purple, darkgreen, darkblue, yellowgreen, goldenrod, black, indigo, darkviolet, magenta);
	background: repeating-linear-gradient(90deg, violet, indigo, blue, green, yellow, orange, red, violet); 
	background-size: 800% 800%;
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; 
	animation: rainbow 4s linear infinite; 
}
.is_sher_box { margin-bottom: 10px; }
.link_box01.main_d_bn img { width: 30px; }
.is_sher_box >div { display: flex ; align-items: center; justify-content: space-between; max-width: 1280px; margin: 0 auto; padding: 10px; border-radius: 10px; background-color: #fff; border: 1px solid #dfdfdf; }

@keyframes rainbow { 
0% { background-position: 0% 50% } 
50% { background-position: 100% 25% } 
100% { background-position: 0% 50% } 
}
.fa-spin {-webkit-animation: fa-spin 0.5s infinite linear;    animation: fa-spin 0.5s infinite linear;}
.fa-motion {animation: motion 0.5s linear 0s infinite alternate;}
 @keyframes motion {
	0% {margin-top: 0px;} /* 처음 위치 */
	25% {margin-top: 5px;} /* 처음 위치 */
	50% {margin-top: 10px;} /* 마지막 위치 */
	75% {margin-top: 5px;} /* 마지막 위치 */
	100% {margin-top: 0px;} /* 마지막 위치 */
}

#container_title span {
    margin: 0 auto;
    display: inline-block;
    line-height: initial;
}


/********************************************************
■ SideBar : 사이드바(모바일 메뉴)
********************************************************/

/* sidebar Box */
#nt_sidebar { 
	top: 0; width: 280px; height:100%; position: fixed; z-index:500; box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); 
	overflow:scroll;
}
#nt_sidebar::-webkit-scrollbar{display:none;}
#nt_sidebar .sidebar-content { height: 100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }

/* Icon */
.sidebar-icon i { font-size:22px; line-height:22px; }

/* Menu */
.sidebar-list h5 { padding:0.55rem 1.0rem; margin:0; font-weight:bold !important; border-top:1px solid #dee2e6; margin-top:-1px; }
.sidebar-list ul.off { display:none; }
.sidebar-list li { position:relative; }
.sidebar-list li a { display:block; padding:0.45rem 1.0rem; border-bottom:1px solid #eee; overflow:hidden; }
.sidebar-list li .me-a { padding:8px; }
.sidebar-list .tree-toggle { position:absolute; z-index:1; top:0rem; right:0; width:2.5rem; padding:0.75rem 0; margin-top:0.15rem;	text-align:center; cursor:pointer; color:#aaa; }

.sidebar-list .me-ul { background:#fff; }
.sidebar-list .me-ul1 { background:#fafafa; }
.sidebar-list .me-ul2 { }
.sidebar-list .me-li1 .me-a1,
.sidebar-list .me-li2 .me-a2 { padding-left:2.0rem; }
.sidebar-list .me-li.active .me-a,
.sidebar-list .me-li1.active .me-a1,
.sidebar-list .me-li2.active .me-a2 { font-weight:bold; }
.sidebar-list .me-line1 .me-a1 { background:#eee; font-weight:bold; }
.sidebar-list .me-line2 .me-a2 { background:#eee; font-weight:bold; }
@media (min-width: 768px) {
	#nt_sidebar { right: -300px; }
}
@media (max-width: 767px) {
	#nt_sidebar { left: -300px; }
}

/* Mask */
#nt_sidebar_mask { display:none; position:fixed; z-index:499; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

/* Noti Tack */
#nt_sidebar_noti { position: fixed; z-index: 100; }
@media (min-width: 768px) {
	#nt_sidebar_noti { top:40%; right: 0; border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; }
}
@media (max-width: 767px) {
	#nt_sidebar_noti { left:0; bottom:25px; border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; }
}

/* Go to Top */
#nt_sidebar_move { display:none; position: fixed; width: 40px; bottom: 20px; right: 25px; z-index: 2; }
#nt_sidebar_move span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
#nt_sidebar_move .sidebar-move-bottom {  }


/* 게시판 공통 설정 */
.skin-link-wrap{}
.skin-link-wrap .img-wrap {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
	border-radius: 0.3rem;
    padding-bottom: 56.25%;
}
.skin-link-wrap .img-wrap img{
	width: 100% !important;
    height: 100% !important;
}

.skin-link-wrap .img-wrap .img-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.skin-link-wrap .rank_01, .latest .rank_01{color:#ff0000}
.skin-link-wrap .rank_02, .latest .rank_02{color:#0063f7 /*00aef2*/}
.skin-link-wrap .rank_03, .latest .rank_03{color:#2c9529}



@media (min-width: 576px) {
	.main_banner_title img{ width:2em;margin-bottom: -0.3em;}
}

/* MD */
@media (min-width: 768px) {
	.main_banner_title img{ width:2.5em;margin-bottom: -0.4em;}
}