@charset "euc-kr"; 


textarea,
input[type="button"],
input[type="address"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="submit"]{-webkit-border-radius:0; -webkit-appearance:none;}




@font-face {
    font-family: 'Jalnan';
    src: url('/font/Jalnan.eot');
    src: url('/font/Jalnan.eot?#iefix') format('embedded-opentype'),
        url('/font/Jalnan.woff2') format('woff2'),
        url('/font/Jalnan.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24';
    src: url('/font/Cafe24Shiningstar.woff2') format('woff2'),
        url('/font/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/font/GmarketSansTTFMedium.woff2') format('woff2'),
        url('/font/GmarketSansTTFMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/font/GmarketSansTTFBold.woff2') format('woff2'),
        url('/font/GmarketSansTTFBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/font/GmarketSansTTFLight.woff2') format('woff2'),
        url('/font/GmarketSansTTFLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NEXON Lv1';
    src: url('/font/NEXON Lv1 Gothic OTF Bold.eot');
    src: url('/font/NEXON Lv1 Gothic OTF Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NEXON Lv1';
    src: url('/font/NEXON Lv1 Gothic OTF Light.eot');
    src: url('/font/NEXON Lv1 Gothic OTF Light.eot?#iefix') format('embedded-opentype'),
        url('/font/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'NEXON Lv1';
    src: url('/font/NEXON Lv1 Gothic OTF.eot');
    src: url('/font/NEXON Lv1 Gothic OTF.eot?#iefix') format('embedded-opentype'),
        url('/font/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'BR B';
    src: url('/font/BRB.woff2') format('woff2'),
        url('/font/BRB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'BM HANNA 11yrs old';
    src: url('/font/BMHANNA11yrsold.woff2') format('woff2'),
        url('/font/BMHANNA11yrsold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'S-Core Dream 4';
    src:url('/font/S-CoreDream-4Regular.woff2') format('woff2'),
        url('/font/S-CoreDream-4Regular.woff') format('woff');
    font-weight:200;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'S-Core Dream 5';
    src:url('/font/S-CoreDream-5Medium.woff2') format('woff2'),
        url('/font/S-CoreDream-5Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'S-Core Dream 6';
    src:url('/font/S-CoreDream-6Bold.woff2') format('woff2'),
         url('/font/S-CoreDream-6Bold.woff') format('woff');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

/* reset */
html, body {width:100%;
	height:100%; 
	font-family:'Noto Sans KR', 'Malgun Gothic', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;
	color:#333;font-weight: 400;
	}
img, input, button, select {vertical-align:middle; margin:0;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr,label {margin:0; padding:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
em,address {font-style:normal;}
a,a:active, a:hover, a:focus {text-decoration:none;}
button {display:inline-block; overflow:hidden; border:0; background:none; cursor:pointer;}
/*table {width:100%; border-spacing:0;}*/
caption,legend {overflow:hidden; top:0; left:0; width:0; height:0; line-height:0; font-size:0;}
textarea {resize:none; vertical-align:middle; border:1px solid #d8d8d8;}
label {cursor:pointer;}
strong {font-weight:600;}


img{max-width:100%;height:auto;} 

/* skipnavi */
#skipnavigation {z-index:9999; position:absolute; left:0; top:0; width:100%;}
#skipnavigation * {display:inline; list-style:none; margin:0; padding:0;}
#skipnavigation a {display:block; position:absolute; left:-9999px; top:0; width:1px; height:1px; overflow:hidden;}
#skipnavigation a:focus {left:0; width:100%; height:auto; background:#aacd06; color:#fff; font-weight:bold; text-decoration:none; text-align:center;}


/* 공통 */
.blind, .hidden {display:none;}

.marBott5 {margin-bottom:5px;}
.marBott10 {margin-bottom:10px;}
.marBott20 {margin-bottom:20px;}
.marBott30 {margin-bottom:30px;}
.marBott40 {margin-bottom:40px;}
.marBott50 {margin-bottom:50px;}
.marBott60 {margin-bottom:60px;}
.marBott70 {margin-bottom:70px;}
.marBott80 {margin-bottom:50px;}
.marBott100 {margin-bottom:50px;}
.marTp20 {margin-top:20px;}
.marTp30 {margin-top:0;}


.AmarBott100 {margin:0 auto 50px auto;}



.bList input[type="text"],
.bList input[type="password"],
.bList input[type="button"],
button, select {
	width:auto;
	border:1px solid #ccc;
	height:30px; line-height:30px;
	padding:0 5px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-oppearance:none;
	border-radius:0;
	font-size:1.0em;
	vertical-align:middle;
	color:#777;
	}



/* 액션버튼 */
.actionBtn01 {
	font-family:'Noto Sans KR' !important;font-weight:300;
	 position:relative;
	 display:inline-block;
	 width:130px;
	 height:30px;
	 margin:auto;
	 line-height:30px;
	 color:#4c4c4d;
	 text-align:center;
	 font-size:16px;
	 text-decoration:none;
	 cursor:pointer;
}
.actionBtn01 .hover {
	 position:absolute;
	 top:0;
	 left:0;
	 display:inline-block;
	 border:1px solid #4c4c4d;
	 width:100%;
	 height:100%;
	transition:transform .25s ease-out;
	-webkit-transition:-webkit-transform .25s ease-out;
	-moz-transition:-moz-transform .25s ease-out;
}
.actionBtn01:hover .hover {
	transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
}


/* error */
.error {
	margin:0 auto 50px auto; padding:40px; text-align:center; box-sizing:border-box; 
	border:5px solid #eee; position:relative; font-size:1.4em; font-weight:500; width:80%; 
}
.error > div {position:relative;}
.error > div:before {margin:0 auto; content:''; display:block; width:50px; height:50px; background:url('/images/common/error.svg') center no-repeat; background-size:contain;}

@media all and (min-width:1200px) {
	.error {width:1200px;}
	.sInput:focus:not([readonly]):not(.error) {border-color:#333; background-color:#fff;}
}


/* 로딩 */
#LOADINGAREA{width:100%; height:100%; position:fixed; z-index:90;display:none;}
.loadingbg{
	position:fixed;
	top:0; background:black;
	left:0;
	width:100%;
	height:100%;
	position:fixed; z-index:999; opacity:0.5;}
.loadingbox{
	position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; z-index:9999;
	width:170px; height:174px;
	}

/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.load-wrapp {
	position:fixed; z-index:99999;
	top:0; left:0; right:0; bottom:0;
    width: 100px;
    height: 100px;
    margin:auto;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;

}

.ring-1 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    padding: 10px;
    border: 7px dashed white;
    border-radius: 100%;
}

.ring-2 {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 4px solid #4b9cdb;
    border-radius: 100%;
}

.ball-holder {
    position: absolute;
    width: 12px;
    height: 45px;
    left: 17px;
    top: 0px;
}

.ball {
    position: absolute;
    top: -11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #4282B3;
}

.letter-holder {padding: 16px;}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}

.square {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #4b9cdb;
}

.spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.bubble-1,
.bubble-2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #4b9cdb;
}

.bubble-2 {
    top: auto;
    bottom: 0;
}

.bar {
    float: left;
    width: 15px;
    height: 6px;
    border-radius: 2px;
    background-color: #4b9cdb;
}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.load-1 .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.load-1 .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0 {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0 {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0 {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}
  
  50% {
      transform: translate(80px,0);
      background-color: #f5634a;
      width: 25px;
  }
}


@media all and (min-width:1200px) {
.marBott10 {margin-bottom:10px;}
.marBott20 {margin-bottom:20px;}
.marBott30 {margin-bottom:30px;}
.marBott40 {margin-bottom:40px;}
.marBott50 {margin-bottom:50px;}
.marBott60 {margin-bottom:60px;}
.marBott70 {margin-bottom:70px;}
.marBott80 {margin-bottom:80px;}
.marBott100 {margin-bottom:100px;}

.marTp20 {margin-top:20px;}
.marTp30 {margin-top:30px;}

.AmarBott100 {margin:0 auto 100px auto;}


.bList input[type="text"],
.bList input[type="password"],
.bList input[type="button"],
button, select {
	width:auto;
	border:1px solid #ccc;
	height:30px; line-height:30px;
	padding:0 5px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-oppearance:none;
	border-radius:0;
	font-size:1.0em;
	vertical-align:middle;
	color:#777;
	}

}

/*

.newPOPUP {
    display: block;
    width: 100%;    
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
	}

.newPOPUP .pop_cont {
	overflow:hidden;
	position:fixed;top:50%;left:50%;  
	width:290px;height:333px;
	margin:-167px 0 0 -145px;
}


.newPOPUP .pop_wrap{position:relative;}
.newPOPUP .popIMG {overflow:hidden;}
.newPOPUP .popIMG img{width:100%;height:100%;min-width:290px;max-width:290px;min-height:300px;max-height:300px}

.newPOPUP .popRoll {text-align:center;position:absolute;left: inherit;top: 0;bottom:inherit;width: 100%;z-index:2;}
.newPOPUP .popRoll li {display: inline-block;width:35px;margin:0 0.1em;}
.newPOPUP .popRoll li a {display:block;background-color:rgba(0,0,0,.3);height:5px;}
.newPOPUP .popRoll li a:hover,
.newPOPUP .popRoll li.slick-active a{background:#fe971e;}

.newPOPUP .pop_close {position: absolute;bottom:0;width: 100%;text-align:center;z-index:999;background:#000;}
.newPOPUP .pop_close a {float: left;width: 50%;font-size:14px;padding:8px 0;color:#fff;}
.newPOPUP .pop_close a:first-child {background:#5265a0;}

@media all and (min-width:1200px) {
	.newPOPUP .pop_cont {
		width: 600px;
		height: 670px;
		margin: -335px 0 0 -300px;
	}
	.newPOPUP .popIMG img{width:100%;height:100%;min-width:600px;max-width:600px;min-height:620px;max-height:620px}
	.newPOPUP .popRoll li {width:80px;}
	.newPOPUP .popRoll li a {height:10px;}
	.newPOPUP .pop_close a {padding:12px 0;font-size:18px;}


}


.newPOPUP .BT {transition:all 0.3s ease-out;cursor:pointer;text-align:center;position:absolute;top:50%;z-index:2;width:50px;height:50px;margin-top:-25px;font-size:0;background:#fff;}
.newPOPUP .BT_L {left:0;border:1px solid rgba(0, 0, 0, 0.2); ;background:rgba(0, 0, 0, 0.8) url('/images/main/w_btn_pre.png') center no-repeat;}
.newPOPUP .BT_R {right:0;border:1px solid rgba(0, 0, 0, 0.2); ;background:rgba(0, 0, 0, 0.8) url('/images/main/w_btn_next.png') center no-repeat;}

.newPOPUP .BT_L:hover {border:1px solid rgba(82, 101, 160, 0.2); ;background:rgba(82, 101, 160, 0.8) url('/images/main/w_btn_pre.png') center no-repeat;}
.newPOPUP .BT_R:hover {border:1px solid rgba(82, 101, 160, 0.2); ;background:rgba(82, 101, 160, 0.8) url('/images/main/w_btn_next.png') center no-repeat;}
*/


/* 메인팝업 */
/* skinA, skinB, skinC 공통 */
.newPOPUP {
	display:flex; justify-content:center; width:100%; height:100vh; overflow-y:auto; background:rgba(0, 0, 0, 0.8); 
	position:fixed; top:0; left:0; z-index:999; backdrop-filter:blur(5px); 
}
.newPOPUP .pop_cont {margin:auto; padding:0 0 30px;}
.newPOPUP .pop_wrap {position:relative; overflow:hidden;}
.newPOPUP .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

/* skinA, skinB 공통 */
.newPOPUP .popRoll {display:flex !important; justify-content:center; text-align:center; position:absolute; left:inherit; top:10px; bottom:inherit; width:100%; z-index:2;}
.newPOPUP .popRoll li {display:inline-block; width:20px; margin:0 0.1em;}
.newPOPUP .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:7px;}
.newPOPUP .popRoll li a:hover,
.newPOPUP .popRoll li.slick-active a {background:#ff9a11;}

/* 닫기버튼(A,B,C 공통) */
.newPOPUP .pop_close {display:flex; justify-content:center; align-items:center; width:100%; height:70px;}
.newPOPUP .pop_close a {
	position:relative; display:block; font-size:16px; margin:0 10px; color:#fff; box-sizing:border-box; transition:all 0.3s; border-radius:50%; 
	width:30px; height:30px; background:#20a3f8 url('../images/common/close.svg') center no-repeat; background-size:14px;
}
.newPOPUP .pop_close a:after {
	position:absolute; left:0; top:0; content:''; display:block; opacity:0.3; width:100%; height:100%; border-radius:50%; background:#fff; 
	-webkit-transform:scale(1.75); transform:scale(1.75); -webkit-animation:ping 1.3s ease-in-out infinite both; animation:ping 1.3s ease-in-out infinite both; z-index:-1; 
}
@-webkit-keyframes ping {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:0.6;}
	100% {-webkit-transform:scale(1.75); transform:scale(1.75); opacity:0;}
}
@keyframes ping {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:0.6;}
	100% {-webkit-transform:scale(1.75); transform:scale(1.75); opacity:0;}
}
.newPOPUP .pop_close strong {display:none;}
.newPOPUP .pop_close strong em {color:#20a3f8;}
.newPOPUP .pop_close > div {display:flex; justify-content:space-between; align-items:center; color:#fff;}
.newPOPUP .pop_close > div p {display:flex; justify-content:space-between; align-items:center; margin:0 0 0 20px;}
.newPOPUP .pop_close > div p:first-child {margin:0;}
.newPOPUP .pop_close > div p b {margin:0 3px 0 0;}

/* skinA :팝업1개 */
.newPOPUP.skinA .pop_wrap {border-radius:2em;}

/* skinC :팝업8개 */
.newPOPUP.skinC .pop_cont {padding:0;}
.newPOPUP.skinC .popIMG {min-height:none; max-height:none;}
.newPOPUP.skinC .popIMG img {min-width:100%; min-height:inherit; max-height:inherit; border-radius:1em;}

@media all and (min-width:768px) {
	/* skinA :팝업1개 */
	.newPOPUP.skinA .pop_cont {width:600px;}
	.newPOPUP.skinA .popIMG {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popIMG img {min-height:620px; max-height:620px;}

	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:580px;}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_close {background:none; position:relative; left:initial; transform:translateX(0);}
}

@media all and (min-width:1024px) {
	/* 닫기버튼(A,B,C 공통) */
	.newPOPUP .pop_close {display:flex; justify-content:space-between; align-items:center; width:100%; height:70px;}
	.newPOPUP .pop_close strong {display:block; font-size:2.25em; color:#fff; font-weight:900; transition:0.3s;}
	.newPOPUP .pop_close a {width:40px; height:40px; background:#2bb8ff url('../images/common/close.svg') center no-repeat; background-size:16px;}
}

@media all and (min-width:1200px) {
	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {max-width:1200px;}
	.newPOPUP.skinB .popIMG {min-height:413px; max-height:413px;}
	.newPOPUP.skinB .popIMG img {min-width:400px; min-height:413px; min-width:400px; max-height:413px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {max-width:1300px;}
	.newPOPUP.skinC .pop_close {max-width:1300px;}
}

@media(max-width:1199px) {
	.newPOPUP.skinA .pop_cont {width:600px !important;}
	.newPOPUP.skinA .slick-slide {width:600px !important;}

	.newPOPUP.skinB .pop_cont {width:580px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}
@media(max-width:800px) {
	.newPOPUP.skinC .pop_cont {width:100% !important;}
}
@media(max-width:767px) {
	.newPOPUP.skinA .pop_cont {width:290px !important;}
	.newPOPUP.skinA .slick-slide {width:290px !important;}

	.newPOPUP.skinB .pop_cont {width:290px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}

.newPOPUP .BT {
	position:absolute; top:50%; z-index:2; width:30px; height:30px; margin-top:-15px; font-size:0; background:#fff; 
	box-shadow:5px 5px 15px rgba(0, 0, 0, .2); transition:all 0.3s; cursor:pointer; text-align:center; border:none; border-radius:100%; 
}
.newPOPUP .BT_L {left:10px; background:rgba(255, 255, 255, 1) url('/images/common/btn_pre.svg') center no-repeat; background-size:6px;}
.newPOPUP .BT_R {right:10px; background:rgba(255, 255, 255, 1) url('/images/common/btn_next.svg') center no-repeat; background-size:6px;}

@media all and (min-width:1200px) {
	.newPOPUP .BT {width:40px; height:40px; margin-top:-20px;}
	.newPOPUP .BT_L {background:rgba(255, 255, 255, 1) url('/images/common/btn_pre.svg') center no-repeat; background-size:auto;}
	.newPOPUP .BT_R {background:rgba(255, 255, 255, 1) url('/images/common/btn_next.svg') center no-repeat; background-size:auto;}
	.newPOPUP .BT_L:hover {background:rgba(0, 0, 0, 0.95) url('/images/common/btn_pre_w.svg') center no-repeat;}
	.newPOPUP .BT_R:hover {background:rgba(0, 0, 0, 0.95) url('/images/common/btn_next_w.svg') center no-repeat;}
}



/* 기본 lst_dot */
.lst_dot li {position:relative; padding:0 0 0 12px; margin:0.25em 0;}
.lst_dot li:after {position:absolute; top:8px; left:0; content:""; width:3px; height:3px; border-radius:100%; background:#333;}
	.lst_dot li ol li {color:#666; padding:0; margin:inherit;}
	.lst_dot li ol li:after {display:none;}

.lst_dot.bk li:after {background:#333;}
.lst_dot.bl li:after {background:#098ed3;}
.lst_dot.gr li:after {background:#14a44e;}
.lst_dot.mi li:after {background:#4dc2c6;}
.lst_dot.nv li:after {background:#354d83;}
.lst_dot.or li:after {background:#f3911e;}
.lst_dot.pk li:after {background:#f17676;}
.lst_dot.pp li:after {background:#7769af;}
.lst_dot.ye li:after {background:#ffe24a;}

@media(min-width:768px) {
	.lst_dot li {margin:8px 0;}
	.lst_dot li:after {	top:12px;}
}

.lst_bg {}
.lst_bg li {position:relative; padding:0 0 0 10px; margin:0.15em 0;}
.lst_bg li:after {position:absolute; top:8px; left:0; content:""; width:3px; height:3px; border-radius:100%; background:#333;}

@media(min-width:768px) {
	.lst_bg li:after {	top:12px;}
}

.lst_line {}
.lst_line li {position:relative; padding:0 0 0 15px; margin:0.25em 0;}
.lst_line li:after {display:block; content:""; position:absolute; top:10px; left:0; width:8px; height:1px; background:#333;}
	.lst_line li ol li {padding:0; margin:inherit;}
	.lst_line li ol li:after {display:none;}

@media(min-width:768px) {
	.lst_line li {margin:8px 0;}
	.lst_line li:last-child {margin:0;}
	.lst_line li:after {top:14px;}
}



.impSH {padding:0 0.1em; box-shadow:0 -0.65em 0 #e9f2fd inset;}
.impY {padding:0 0.1em; box-shadow:0 -0.65em 0 #ffeeb6 inset;}