@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:'Spoqa Han Sans Neo'; 
    font-weight:700; 
    src:local('Spoqa Han Sans Neo Bold'),
    url('/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Bold.ttf') format('truetype'); 
}
@font-face {
    font-family:'Spoqa Han Sans Neo'; 
    font-weight:500; 
    src:local('Spoqa Han Sans Neo Medium'),
    url('/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Medium.ttf') format('truetype'); 
}
@font-face {
    font-family:'Spoqa Han Sans Neo'; 
    font-weight:400; 
    src:local('Spoqa Han Sans Neo Regular'),
    url('/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Regular.ttf') format('truetype'); 
}
@font-face {
    font-family:'Spoqa Han Sans Neo'; 
    font-weight:300; 
    src:local('Spoqa Han Sans Neo Light'),
    url('/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Light.ttf') format('truetype'); 
}
@font-face {
    font-family:'Spoqa Han Sans Neo'; 
    font-weight:100; 
    src:local('Spoqa Han Sans Neo Thin'),
    url('/font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Thin.ttf') format('truetype'); 
}

@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:'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:'yg-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:'NanumPen';
		src: url('/font/NanumPen.eot');
		src: url('/font/NanumPen.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumPen.woff') format('woff'),
		url('/font/NanumPen.ttf') format('truetype');
		} 

@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:'InkLipquid';
    src:url('/font/InkLipquid.woff') format('woff');
    font-weight:normal;
}
/* reset */
html, body {width:100%; height:100%; 
	font-family:'Spoqa Han Sans Neo', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif; color:#222; font-weight:300; letter-spacing:-0.025em; 
}
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;}
.marBott90 {margin-bottom:50px;}
.marBott100 {margin-bottom:50px;}
.marBott150 {margin-bottom:50px;}


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

.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;
	}




@media all and (min-width:768px) {
.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:80px;}
.marBott90 {margin-bottom:90px;}
.marBott100 {margin-bottom:100px;}
.marBott150 {margin-bottom:150px;}

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

} 


@media all and (min-width:1200px) {
.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:80px;}
.marBott90 {margin-bottom:90px;}
.marBott100 {margin-bottom:100px;}
.marBott110 {margin-bottom:110px;}
.marBott150 {margin-bottom:150px;}

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



.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;
	}

}


/* 񃧯 input */ 
.sInput {line-height:inherit; height:40px; padding:0 10px; border:1px solid #ddd;}
.ip05 {width:5%;}
.ip10 {width:70%;}
.ip20 {width:70%;}
.ip25 {width:70%;}
.ip30 {width:70%;}
.ip35 {width:70%;}
.ip40 {width:70%;}
.ip50 {width:70%;}
.ip60 {width:70%;}
.ip70 {width:70%;}
.ip80 {width:70%;}
.ip90 {width:70%;}
.ip100 {width:70%;}

.ip10.type {width:10%;}
.ip15.type {width:15%;}
.ip20.type {width:20%;}
.ip25.type {width:25%;}
.ip30.type {width:30%;}
.ip35.type {width:35%;}
.ip40.type {width:40%;}
.ip50.type {width:50%;}

@media all and (min-width:767px) {
	.ip05 {width:5%;}
	.ip10 {width:10% !important;}
	.ip20 {width:20% !important;}
	.ip25 {width:25% !important;}
	.ip30 {width:30% !important;}
	.ip35 {width:35% !important;}
	.ip40 {width:40% !important;}
	.ip50 {width:50% !important;}
	.ip60 {width:60% !important;}
	.ip70 {width:70% !important;}
	.ip80 {width:80% !important;}
	.ip90 {width:90% !important;}
	.ip100 {width:100% !important;}
}

@media all and (min-width:1200px) {
	.sInput {height:45px; line-height:auto;}
}

/* ±âº» ³ôÀÌ*/
.textarea100 {height:100px;}
.textarea200 {height:200px;}
.textarea300 {height:200px;}
.textarea400 {height:300px;}
.textarea500 {height:300px;}

@media(min-width:767px) {
	.textarea300 {height:300px !important;}
	.textarea400 {height:400px !important;}
	.textarea500 {height:500px !important;}
}


/* ·¹À̾î */
.LayerBG {
	z-index:9991; 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	background:rgba(0, 0, 0, 0.2); 
	display:none; 
}

.LayerA {
	z-index:999; 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	background:rgba(0, 0, 0, 0.2); 
	display:none; 
}


.LayerIN {
    position:fixed; 
	left:50%; 
	top:50%; 
	transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
    width:95%; min-height:400px;  
    margin:0; 
    min-height:auto; 
    border:1px solid #444; 
    background-color:#fff; 
    padding:20px; 
    box-sizing:border-box; 
	word-break:keep-all; 
	}
.LayerIN.type {height:auto !important; min-height:300px;}

.LayerPW {
	position:fixed; 
	width:240px; 
	min-height:100px; 
	left:50%; 
	top:40%; 
	padding:30px 20px; 
	margin:0 -120px; 
	border:1px solid #444; 
	z-index:999; 
	background-color:#fff; 
    box-sizing:border-box; 
	}

.LayerPW p {margin:0 0 20px;}
.LayerPW p.Tcenter {margin:0;}

@media all and (min-width:767px) {/* medium */
	.LayerPW {position:fixed; width:400px; min-height:100px; left:50%; top:40%; padding:30px; margin:0 -200px; box-sizing:border-box;}
	.LayerIN {width:450px; min-height:500px; padding:10px;}
}

.basicBM {position:absolute; top:-50px; right:-1px; cursor:pointer}
.basicBM span {display:block; width:50px; height:50px; background:#003d99 url(/images/cont/s_closew.png) center no-repeat;}