@import url('//fonts.googleapis.com/earlyaccess/jejuhallasan.css');
textarea,
input[type="button"],
input[type="address"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="submit"] {-webkit-appearance:none;}

/*폰트*/
@font-face {
    font-family: 'PuradakGentleGothicR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'InkLipquid'; 
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff'); 
	font-weight:normal; 
	font-style:normal; 
}
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}
@font-face {
    font-family:'Cafe24Ssurround';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

/* 폰트 - 스마트에디터 추가 폰트 220610 작업 시작*/
@font-face {
    font-family:'CookieRun-Regular'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family:'MaplestoryOTFBold'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family:'Uiyeun'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Uiyeun.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family:'Bazzi'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/Bazzi.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('./fonts/Pretendard-Black.woff2') format('woff2'), url('./fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('./fonts/Pretendard-Bold.woff2') format('woff2'), url('./fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('./fonts/Pretendard-SemiBold.woff2') format('woff2'), url('./fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('./fonts/Pretendard-Medium.woff2') format('woff2'), url('./fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('./fonts/Pretendard-Regular.woff2') format('woff2'), url('./fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('./fonts/Pretendard-Light.woff2') format('woff2'), url('./fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('./fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('./fonts/Pretendard-Thin.woff2') format('woff2'), url('./fonts/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*폰트 - 스마트에디터 추가 폰트 끝*/

/* reset */
html, body {
	width:100%; height:100%; font-family:'Pretendard','NanumSquareNeo', 'S-CoreDream', 'gothic', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; color:#2d2d2d; font-weight:normal; letter-spacing:-0.025em; word-break:keep-all; word-wrap:break-word; 
	-webkit-font-smoothing:subpixel-antialiased; 
	-webkit-font-smoothing:antialiased; 
	-moz-osx-font-smoothing:grayscale; 
}
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:bold;}
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;}


/* 메인팝업 */
/* skinA :팝업1개 */
.newPOPUP.skinA {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinA .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

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

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

.newPOPUP.skinA .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinA .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinA .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinA .pop_close a {display:block; float:left; padding:7px 14px; font-size:12px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinA .pop_close a:first-child {background:#ff9a11;}

/* skinB :팝업3개 */
.newPOPUP.skinB {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinB .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

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

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

.newPOPUP.skinB .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinB .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinB .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinB .pop_close a {display:block; float:left; padding:10px 20px; font-size:14px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinB .pop_close a:first-child {background:#1161be;}

/* skinC :팝업8개 */
.newPOPUP.skinC {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinC .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:100%; height:80%; overflow-y:auto;}

.newPOPUP.skinC .pop_close {width:100%; text-align:center; z-index:999; position:fixed; bottom:30px; left:0; display:inline-block;}
.newPOPUP.skinC .pop_close a {display:block; float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.5); transition:all 0.3s ease-out;}
.newPOPUP.skinC .pop_close a:first-child {background:#1161be;}

@media all and (min-width:767px) {
	/* skinA :팝업1개 */
	.newPOPUP.skinA .pop_cont {width:600px; height:90%; max-height:720px; overflow-y:auto;}
	.newPOPUP.skinA .popIMG {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popIMG img {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popRoll li {width:50px;}
	.newPOPUP.skinA .popRoll li a {height:10px;}

	.newPOPUP.skinA .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinA .pop_close a {padding:10px 30px;}

	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:580px; overflow-y:auto;}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}

	.newPOPUP.skinB .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinB .pop_close a {padding:10px 30px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {width:100%; height:90%; max-height:720px; overflow-y:auto; top:40%; left:50%; transform:translate(-50%, -40%);}
	.newPOPUP.skinC .pop_close {position:fixed; bottom:40px; left:50%; transform:translateX(-50%); width:auto; display:inline-block;}
	.newPOPUP.skinC .pop_close a {width:auto; height:40px; line-height:42px; font-size:14px; border-radius:0; margin:0 5px; padding:0 30px; border-radius:50px;}
}

@media all and (min-width:1024px) {
	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:870px; overflow-y:auto; top:50%; left:50%; transform:translate(-50%, -50%);}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}
}

@media all and (min-width:1200px) {
	.newPOPUP.skinA .pop_cont {top:50%; left:50%; transform:translate(-50%, -50%);}
	.newPOPUP.skinA .pop_close a {font-size:16px;}

	/* 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:1600px;}
	.newPOPUP.skinC .popIMG {min-height:none; max-height:none;}
	.newPOPUP.skinC .popIMG img {min-width:inherit; min-height:inherit; max-height:inherit;}

	.newPOPUP.skinC .pop_close {position:fixed; bottom:40px; width:auto; display:inline-block;}
	.newPOPUP.skinC .pop_close a {height:46px; line-height:46px; font-size:16px;}
}

.newPOPUP.skinB .pop_cont {width:1200px;}

@media(max-width:1200px) {
	.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:640px) {
	.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;}
}
@media(max-width:800px) {
	.newPOPUP.skinC .pop_cont {width:100% !important;}
}


.newPOPUP .BT {transition:all 0.3s ease-out; cursor:pointer; text-align:center; position:absolute; top:50%; z-index:2; width:30px; height:30px; margin-top:-15px; 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/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

@media all and (min-width:1200px) {
	.newPOPUP .BT {width:50px; height:50px; margin-top:-25px;}

	.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/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/common/w_btn_next.png') center no-repeat;}

	.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}
}


/* 상단 팝업 바로가기 */
.popup-open {top:20px; right:60px; position:absolute; clear:both; display:block;}
.popup-open li a {
	font-weight:400; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#0097ec; color:#fff; padding:8px 13px; 
	font-size:0.8em; border-radius:50px; text-decoration:none; line-height:1.5;
}
.popup-open li a i {font-style:normal; display:block; margin:0 0 0 5px;}

@media(min-width:1200px) {
	.popup-open {top:30px; right:200px; text-align:left; z-index:99;}
	.popup-open li a {font-size:15px; width:80px; height:40px; box-sizing:border-box; text-align:center; padding:0;	}
	.popup-open li:hover a {background:#1b5bb9; color:#fff;}
}


body {font-size:15px;}
input, textarea, select {font-size:15px; font-family:'NanumSquareNeo', 'S-CoreDream4', 'gothic', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;}

@media(min-width:1024px) {
	body {font-size:16px;}
	input, textarea, select {font-size:16px;}
}

@media(min-width:1200px) {
	body {font-size:20px;}
	input, textarea, select {font-size:17px; outline-style:none;}
}

.block {display:block;} /* 피씨만 글씨 */
.mblock {display:block;} /* 모바일만 */
.moff {display:none;}
.pON {display:inline-block;}

@media(min-width:767px) {
	.pON {display:none;}
}

@media(min-width:1200px) {
	.mblock {display:inline-block;} /* 모바일만 */
	.pblock {display:block;} /* 피씨모바일 둘 다 */
}


/* 기본 lst_dot */
.lst_dot li {position:relative; padding:0 0 0 15px; margin:0.25em 0;}
.lst_dot li:after {position:absolute; top:8px; left:0; content:""; width:5px; height:5px; border-radius:100%; background:#222;}
	.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:#1161be;}
.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:767px) {
	.lst_dot li {margin:8px 0;}
	.lst_dot li:after {	top:10px;}
}

.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:767px) {
	.lst_line li {margin:8px 0;}
	.lst_line li:last-child {margin:0;}
	.lst_line li:after {top:11px;}
}

/* 기본 */
caption, .blind, .hidden {display:none;}

/* 기본 여백 */
.marBott5 {margin-bottom:5px;}
.marBott10 {margin-bottom:10px;}
.marBott15 {margin-bottom:10px;}
.marBott20 {margin-bottom:20px;}
.marBott25 {margin-bottom:25px;}
.marBott30 {margin-bottom:30px;}
.marBott35 {margin-bottom:30px;}
.marBott40 {margin-bottom:40px;}
.marBott45 {margin-bottom:45px;}
.marBott50 {margin-bottom:50px;}
.marBott55 {margin-bottom:50px;}
.marBott60 {margin-bottom:50px;}
.marBott65 {margin-bottom:50px;}
.marBott70 {margin-bottom:50px;}
.marBott75 {margin-bottom:50px;}
.marBott80 {margin-bottom:50px;}
.marBott85 {margin-bottom:50px;}
.marBott90 {margin-bottom:50px;}
.marBott95 {margin-bottom:50px;}
.marBott100 {margin-bottom:50px;}
.marTop5 {margin-top:5px;}
.marTop10 {margin-top:10px;}
.marTop15 {margin-top:15px;}
.marTop20 {margin-top:20px}
.marTop25 {margin-top:25px;}
.marTop30 {margin-top:30px;}
.marTop35 {margin-top:35px}
.marTop40 {margin-top:40px;}
.marTop45 {margin-top:45px;}
.marTop50 {margin-top:50px}
.marTop55 {margin-top:50px;}
.marTop60 {margin-top:50px;}
.marTop65 {margin-top:50px}
.marTop70 {margin-top:50px}
.marTop75 {margin-top:50px}
.marTop80 {margin-top:50px}

@media all and (min-width:1200px) {
	.marBott5 {margin-bottom:5px;}
	.marBott10 {margin-bottom:10px;}
	.marBott15 {margin-bottom:10px;}
	.marBott20 {margin-bottom:20px;}
	.marBott25 {margin-bottom:25px;}
	.marBott30 {margin-bottom:30px;}
	.marBott35 {margin-bottom:30px;}
	.marBott40 {margin-bottom:40px;}
	.marBott45 {margin-bottom:45px;}
	.marBott50 {margin-bottom:50px;}
	.marBott55 {margin-bottom:55px;}
	.marBott60 {margin-bottom:60px;}
	.marBott65 {margin-bottom:65px;}
	.marBott70 {margin-bottom:70px;}
	.marBott75 {margin-bottom:75px;}
	.marBott80 {margin-bottom:80px;}
	.marBott85 {margin-bottom:85px;}
	.marBott90 {margin-bottom:90px;}
	.marBott95 {margin-bottom:95px;}
	.marBott100 {margin-bottom:100px;}

	.marTop5 {margin-top:5px;}
	.marTop10 {margin-top:10px;}
	.marTop15 {margin-top:15px;}
	.marTop20 {margin-top:20px}
	.marTop25 {margin-top:25px;}
	.marTop30 {margin-top:30px;}
	.marTop35 {margin-top:35px}
	.marTop40 {margin-top:40px;}
	.marTop45 {margin-top:45px;}
	.marTop50 {margin-top:50px}
	.marTop55 {margin-top:55px;}
	.marTop60 {margin-top:60px;}
	.marTop65 {margin-top:65px}
	.marTop70 {margin-top:70px}
	.marTop75 {margin-top:75px}
	.marTop80 {margin-top:80px}
}


/*기본*/
.Fleft {float:left;}
.Fright {float:right;}
.ColorR {color:#f65354 !important;}
.ColorB {color:#1161be !important;}
.ColorG {color:#00a651 !important;}
.ColorYG {color:#72b669 !important;}
.ColorP {color:#703fc3 !important;}
.ColorO {color:#ff9a11 !important;}
.ColorY {color:#ffe24a !important;}
.Tleft {text-align:left !important;}
.Tcenter {text-align:center;}
.Tright {text-align:right;}
.Tjust {text-align:justify;}
.OverF {overflow:hidden;}
.ClearB {clear:both;}
.WordB {word-break:keep-all;}
.WordBA {word-break:break-all;}
.bold {font-weight:bold;}
.uline {text-decoration:underline;}
.hide {display:none;}
.root_daum_roughmap .hide {display:block !important;}
.LH32 {line-height:32px;}
.LH40 {line-height:40px;}
.BtnBT {text-align:center; clear:both; overflow:hidden; padding:30px 0;}
.BGNo {background:none !important;}
.noline {border:none !important;}
.InkLipquid {font-family:'InkLipquid';}
.F12 {font-size:12px !important;}
.F13 {font-size:13px !important;}
.F14 {font-size:14px !important; line-height:1.3;}
.F16 {font-size:16px !important;}
.F17 {font-size:17px !important;}
.F20 {font-size:20px !important;}
.F25 {font-size:25px !important;}
.F30 {font-size:30px !important;}
.F35 {font-size:35px !important;}
.img {max-width:100%;}
.img100 {width:100%}

a.blank {
	display:inline-block; 
    padding-right:18px; 
    background:url('../images/cont/blank.png') 100% center no-repeat; 
}
a.blank > span {
    display:inline-block; 
    padding-bottom:2px; 
    border-bottom-width:1px; 
    border-bottom-style:dotted; 
    border-bottom-color:#888; 
    color:#555; 
    line-height:15px; 
}

.ep {}
.ep li {position:relative; padding:0 0 0 2.0rem;}
.ep li:after {
    content:''; 
    position:absolute; 
    display:block; 
	left:10px; 
    top:0.4rem; 
    width:0.2rem; 
    height:0.1rem; 
    border-top:0.5rem solid #fff; 
    border-bottom:0.2rem solid #fff; 
}

.ep li:before {
	content:''; 
	position:absolute; 
	left:0; 
    top:0.1rem; 
    width:1.4rem; 
    height:1.4rem; 
    background:#0e74d8; 
    border-radius:50%; 
}

@media all and (min-width:1200px) {
	.ep li:after {top:0.45em;}
	.ep li:before {top:0.2rem;}
}


/* 모바일 테이블 양옆 스크롤 */
.scrINFO {display:none;}

@media(max-width:768px) {
	.mscroll {overflow-x:auto; position:relative;}
	.mscroll table {min-width:700px;}
	.scrINFO {
		display:block; margin:0 0 10px; height:30px; line-height:30px; text-align:right; font-size:13px; color:#111; font-weight:500; padding:0 40px 0 0; 
		background:url('/images/cont/scroll.png') 98% center no-repeat; background-size:contain; 
	}
}


/* 기본 input */ 
.sInput {line-height:inherit; height:38px; padding:0 10px; border:1px solid #ddd; border-radius:7px;}
.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%;}
.ip90.type {width:90%;}

@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:48px;
		vertical-align:middle;
		border-radius:10px;
	}

	.sInput:focus:not([readonly]):not(.error) {
		border-color:#0097ec;
		background-color:#fff;
	}
}


/* 기본 높이*/
.textarea100 {height:100px;}
.textarea200 {height:200px;}
.textarea300 {height:200px;}
.textarea400 {height:300px;}
.textarea500 {height:300px;}

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

@media(min-width:767px) {/* 기본 */
	.H80.type {height:50px;}
	.H100.type {height:50px;}
	.H120.type {height:120px;}
	.H150.type {height:100px;}
	.H180.type {height:160px;}
	.H200.type {height:180px;}
	.H220.type {height:200px;}
	.H230.type {height:220px;}
	.H250.type {height:200px;}
	.H280.type {height:240px;}
	.H300.type {height:300px;}
	.H320.type {height:300px;}
	.H330.type {height:300px;}
	.H350.type {height:300px;}
	.H390.type {height:300px;}
	.H400.type {height:400px;}
	.H420.type {height:420px;}
	.H450.type {height:450px;}
	.H500.type {height:450px;}
	.H520.type {height:450px;}
	.H550.type {height:550px;}
	.H600.type {height:600px;}
	.H620.type {height:600px;}
	.H650.type {height:650px;}
	.H700.type {height:700px;}
	.H720.type {height:700px;}
	.H750.type {height:700px;}
	.H800.type {height:800px;}
	.H850.type {height:850px;}
	.H900.type {height:900px;}
	.H950.type {height:950px;}
	.H1000.type {height:1000px;}
	.H1050.type {height:1050px;}
	.H1100.type {height:1050px;}
	.H1200.type {height:1100px;}
	.H1300.type {height:1100px;}
	.H1400.type {height:1400px;}
	.H1450.type {height:1450px;}
}

@media(min-width:1200px) {
	.H80 {height:80px !important;}
	.H100 {height:100px !important;}
	.H120 {height:120px !important;}
	.H150 {height:150px !important;}
	.H180 {height:180px !important;}
	.H200 {height:200px !important;}
	.H220 {height:220px !important;}
	.H230 {height:230px !important;}
	.H250 {height:250px !important;}
	.H280 {height:280px !important;}
	.H300 {height:300px !important;}
	.H320 {height:320px !important;}
	.H330 {height:330px !important;}
	.H350 {height:350px !important;}
	.H390 {height:390px !important;}
	.H400 {height:400px !important;}
	.H420 {height:420px !important;}
	.H450 {height:450px !important;}
	.H500 {height:500px !important;}
	.H520 {height:520px !important;}
	.H550 {height:550px !important;}
	.H600 {height:600px !important;}
	.H620 {height:620px !important;}
	.H650 {height:650px !important;}
	.H700 {height:700px !important;}
	.H720 {height:720px !important;}
	.H750 {height:750px !important;}
	.H800 {height:800px !important;}
	.H850 {height:850px !important;}
	.H900 {height:900px !important;}
	.H950 {height:950px !important;}
	.H1000 {height:1000px !important;}
	.H1050 {height:1050px !important;}
	.H1100 {height:1100px !important;}
	.H1200 {height:1200px !important;}
	.H1300 {height:1300px !important;}
	.H1400 {height:1400px !important;}
	.H1450 {height:1450px !important;}
}


/* 페이징 */
.page_num {color:#333; text-align:center; margin:2em 0 0; font-size:13px; display:flex; flex-wrap:wrap; justify-content:center;}
.page_num a {
	display:inline-flex; justify-content:center; align-items:center; width:34px; height:34px; 
	text-decoration:none; color:#333; padding:0.5em; border:1px solid #ddd; margin:3px; border-radius:50%; box-sizing:border-box;
}
.page_num strong a {background:#0097ec; color:#fff !important; border:1px solid #0097ec;}

#CONTAIN_BOX .page_num {display:block;}
#CONTAIN_BOX .page_num a {
	display:inline-block; width:34px; height:34px; 
	text-decoration:none; color:#333; padding:0.5em; border:1px solid #ddd; margin:3px; border-radius:50%; box-sizing:border-box;
}
#CONTAIN_BOX .page_num strong a {background:#0097ec; color:#fff !important; border:1px solid #0097ec;}


/* 기본버튼 */
.gobtnA,
.gobtnB,
.ifile {
	position:relative; width:auto; height:50px; line-height:1.3; padding:0 30px; cursor:pointer; border-radius:100px;
	text-align:center; color:#121212; transition:all 0.3s ease-out; box-sizing:border-box; z-index:2; font-weight:bold;
	display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
.gobtnA {background:#fff; border:1px solid #121212; color:#121212;}
.gobtnB {background:#0097ec; border:1px solid #0097ec; color:#fff;}
.ifile {background:#0097ec; border:1px solid #0097ec; color:#fff;}

.gobtnA.type,
.gobtnB.type,
.ifile.type {padding:5px 30px; height:auto; min-height:50px;}

.gobtnA.mini, .gobtnB.mini {width:auto; height:40px; padding:0 15px; font-size:14px;}
.gobtnA.mini, .gobtnB.mini, .ifile {height:40px; padding:0 20px; font-size:14px;}

.sbtnA {
	position:relative; display:block; font-size:12px; border-radius:50px; background:#f7941e; color:#fff; margin:0 auto; text-align:center;
	box-sizing:border-box; width:90px; height:30px; line-height:30px; font-weight:600; letter-spacing:0; 
}
.sbtnA.s01 {background:#f7941e; color:#fff;}
.sbtnA.s02 {background:#00b87f; color:#fff;}
.sbtnA.s03 {background:#0097ec; color:#fff;}
.sbtnA.s04 {background:#7e7e7e; color:#fff;} 

.BTN_A, .BTN_B, .BTN_C, .BTN_D {border-radius:7px; font-weight:600; font-size:14px;}
.BTN_A {
	height:40px; line-height:38px; color:#fff; padding:0 13px; cursor:pointer; 
	background:#fff; border:1px solid #0068c8; color:#0068c8; transition:all .3s ease-out; text-align:center; box-sizing:border-box; outline:none; 
}
.BTN_B {height:40px; padding:0 13px; border:1px solid #0068c8; text-align:center; color:#fff; transition:all .3s; cursor:pointer; outline:none; background:#0068c8;}
.BTN_C {height:40px; padding:0 13px; border:1px solid #636363; text-align:center; color:#222; transition:all .3s; cursor:pointer; outline:none; background:transparent;}
.BTN_D {height:40px; padding:0 13px; border:1px solid #7e7e7e; background:#7e7e7e; text-align:center; color:#fff; transition:all .3s; cursor:pointer; outline:none;}

@media all and (min-width:767px) {
	.sbtnA {border-radius:50px; width:50px; height:50px; line-height:50px;}
}

@media all and (min-width:1200px) {
	.page_num a {width:40px; height:40px;}

	.gobtnA {height:60px; padding:0 40px; font-size:20px; font-weight:bold;}
	.gobtnB {height:60px; padding:0 40px; font-size:20px; font-weight:bold; background:#0097ec;}
	.gobtnA:hover {background:#0097ec; border:1px solid #0097ec; color:#fff;}
	.gobtnB:hover {background:#8acd39; border:1px solid #8acd39; color:#fff;}

	.gobtnA.mini, .gobtnB.mini {width:auto; height:40px; padding:0 30px; font-size:15px;}
	.gobtnA.mini {background:#fff;}
	.gobtnB.mini {background:#0097ec;}
	.gobtnA.mini:hover {background:#0097ec; border:1px solid #0097ec; color:#fff;}
	.gobtnB.mini:hover {background:#8acd39; border:1px solid #8acd39; color:#fff;}

	.gobtnA.type,
	.gobtnB.type,
	.ifile.type {height:auto; min-height:60px;}

	.ifile {
		height:60px; padding:0 70px 0 40px; font-size:24px; font-weight:bold; 
		background:#0097ec url('../images/cont/i_file.png') 85% center no-repeat;
	}
	.ifile:hover {background:#8acd39 url('../images/cont/i_file.png') 85% center no-repeat; border:1px solid #8acd39; color:#fff;}

	.sbtnA {font-size:16px; border-radius:50px; width:70px; height:70px; line-height:70px;}

	.BTN_A, .BTN_B, .BTN_C, .BTN_D {border-radius:50px; min-width:150px; height:50px; padding:0 60px; line-height:1; font-size:18px; transition:all .3s;}
	.BTN_A {
		background:-webkit-gradient(linear, left top, right top, color-stop(50%, #0068c8), color-stop(50%, transparent)); 
		background:linear-gradient(to right, #0068c8 50%, transparent 50%); 
		background-size:200% 100%; background-position:right bottom; 
	}
	.BTN_A:hover {background-position:left bottom; border-color:#0068c8; color:#fff;}
	.BTN_B:hover {background:#fff; color:#0068c8; border:1px solid #0068c8;}
	.BTN_C:hover {background:#0068c8; color:#fff; border:1px solid transparent;}
}


/* 온라인상담, 교육행사신청 상태 버튼 */
.Color01, .Color02, .Color03, .Color04, .Color05 {display:inline-block; width:65px; text-align:center; font-size:12px; line-height:20px; padding:3px 0; margin:5px 0; border-radius:7px;}
.Color01 {/*영상시청*/color:#fff !important; background:#43bb7e;}
.Color02 {/*마감*/color:#ddd !important; background:#999;}
.Color03 {/*신청*/color:#fff !important; background:#f58e85;}
.Color04 {/*대기*/color:#fff !important; background:#febf16;}
.Color05 {/*수정,취소*/color:#333 !important; background:#fff; border:1px solid #ccc;}


.cat01 { /* 교육 */
	display:inline-flex; align-items:center; justify-content:center; background:#1161be; color:#fff; border-radius:30px; font-size:12px; 
	width:60px; height:30px; text-align:center; box-sizing:border-box; font-weight:700;
}
.cat02 { /* 행사 */
	display:inline-flex; align-items:center; justify-content:center; background:#08c4d1; color:#fff; border-radius:30px; font-size:12px;
	width:90px; height:30px; text-align:center; box-sizing:border-box; font-weight:700;
}

.sbasicA {/*수정,삭제*/cursor:pointer; width:65px; text-align:center; font-size:12px; background:#fff; border:1px solid #ddd; line-height:20px; padding:3px 0; margin:0 0 5px;}
.sbasicB {/**/cursor:pointer; width:65px; text-align:center; font-size:12px; color:#fff !important; background:#43bb7e; border:1px solid #43bb7e; line-height:20px; padding:3px 0; margin:0 0 5px;}
.sbasicD {/*인쇄, 수료증발급 등*/cursor:pointer; width:65px; text-align:center; font-size:12px; color:#fff !important; background:#444; border:1px solid #444; line-height:20px; padding:3px 0; margin:0 0 5px;}

@media(min-width:1200px) {
	.cat01 { /* 교육 */
		font-size:14px; padding:0 10px;
		width:90px; height:30px;
	}
	.cat02 { /* 행사 */
		font-size:14px; padding:0 10px;
		width:90px; height:30px; 
	}
	.sbasicA, .sbasicB, .sbasicD {margin:0; font-size:13px; font-weight:bold;}
}


.file {
	transition:all 0.3s ease-out; cursor:pointer; 
	border-radius:100% !important; margin:0.1em; 
	border:1px solid #f47f20; color:#fff; font-size:0; width:23px; height:23px; 
	background:#f47f20 url('/images/cont/i_file.png') center no-repeat; background-size:15px; 
}


/* 버튼 정렬 */
.btnBottom {margin:20px 0; text-align:right;}
.BtnBT {text-align:center; clear:both; overflow:hidden; padding:20px 0;}


/* 작은 버튼 */
.btnSearch {height:40px; width:40px; border:1px solid #1161be; cursor:pointer; background:#1161be url('/images/cont/ico_search.png') 45% no-repeat; font-size:0; border-radius:7px;}
.btnSearch:active {background:#1161be url('/images/co/ico_search.png') center no-repeat;}

.basicA, .basicB, .basicD {font-size:12px; border-radius:5px; padding:5px 10px; cursor:pointer; outline:none; min-height:30px;}
.basicA {color:#111; border:1px solid #dfdfdf; background:transparent;}
.basicA:active {border:1px solid #dfdfdf; background:#eee;}

.basicB {color:#fff; border:1px solid #20a3d9; background:#20a3d9;}
.basicB:active {border:1px solid #1c3c82; background:#1c3c82; color:#fff;}

.basicD {color:#fff; border:1px solid #444; background:#444;}
.basicD:active {border:1px solid #333; background:#333; color:#fff;}

@media(min-width:1200px) {	
	.basicA, .basicB, .basicD {font-size:14px; border-radius:10px;}
	.btnSearch {width:70px; height:50px; border-radius:15px 50px 50px 15px;}
}


.bList input[type="text"],
.bList input[type="password"],
.bList input[type="button"],
button, select {
	width:auto; 
	border:1px solid #d8d8d8; 
	padding:0 5px; 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-oppearance:none; 
	/*border-radius:7px; */
	vertical-align:middle; 
	box-sizing:border-box; 
}
.search-select {
	display:inline-block; max-width:120px; height:40px; color:#666;
	padding:7px 30px 7px 10px; padding /*\**/:0 0 0 5px\9; 
	background-image:url('../images/cont/sel_arr.svg');
	background-repeat:no-repeat;
    background-size:auto;
    background-position:calc(100% - 10px) 50%;
}

select::-ms-expand {display:none;} 
.search-select.F13 {height:30px; line-height:30px;}

@media all and (min-width:1200px) {
	.search-select {height:50px; max-width:initial; border-radius:10px;}
}


/* 백그라운드 색상 */
.BC01 {background:#5257bc !important;}
.BC02 {background:#558ce2 !important;}
.BC03 {background:#1161be !important;}
.BC04 {background:#08c4d1 !important;}
.BC05 {background:#179489 !important;}
.BC06 {background:#98d157 !important;}
.BC07 {background:#6b419f !important;}
.BC08 {background:#d9aa96 !important;}

.BC01.type {color:#fff !important;}
.BC02.type {color:#fff !important;}
.BC03.type {color:#fff !important;}
.BC04.type {color:#fff !important;}
.BC05.type {color:#fff !important;}
.BC06.type {color:#fff !important;}


/* 라디오박스, 체크박스 */
.ULS_RD {overflow:hidden; position:relative; display:block;}
.ULS_RD li {margin:0.3em; padding:2px 0; position:relative;}
.ULS_RD li label {width:100%;}
.ULS_RD input[type="radio"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}
.ULS_RD span {position:relative; display:inline-block; padding:0 0 0 30px;}
.ULS_RD span:before {
	content:''; display:inline-block; width:10px; height:10px; position:absolute; top:50%; transform:translateY(-50%); left:0; 
	border-radius:100%; text-align:center; margin-right:2px; transition:all 0.3s ease-out; 
}

.ULS_RD input + span:before {color:#fff; border:5px solid #dfdfdf; background-color:#FFF;}
.ULS_RD input:checked + span:before {color:#fff; background-color:#FFF; border:5px solid #0097ec;}

.ULS_RD input:disabled + span:before {color:#fff; border:5px solid #dfdfdf; background-color:#dfdfdf;}
.ULS_RD input:disabled:checked + span:before {color:#fff; background-color:#fff; border:5px solid #444;}

.Survey .ULS_RD span:before {top:3px; transform:translateY(0);}

.sel_check.disabled input[type="radio"]:checked + label {background:url('/images/dradio_sh.png') -42px top no-repeat;}
.sel_check.disabled input[type="radio"]:disabled + label {background:url('/images/dradio_sh.png') left top no-repeat !important;}

select:disabled,
select option:disabled {background:#ebebe4;}

.ULS_CH {overflow:hidden; position:relative; display:block;}
.ULS_CH li {box-sizing:border-box; margin:0.3em; padding:2px 0; position:relative;}
.ULS_CH li label {width:100%;}
.ULS_CH input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0;}
.ULS_CH span {position:relative; display:inline-block; padding:0 0 0 30px;}
.ULS_CH span:before {
	content:''; display:inline-block; width:22px; height:22px; position:absolute; top:0; left:0; border-radius:7px; 
	text-align:center; margin-right:2px; transition:all 0.3s ease-out; box-sizing:border-box;
}

.ULS_CH input + span:before {color:#fff; border:1px solid #222; background:#fff url('/images/cont/mark.svg') center no-repeat;}
.ULS_CH input:checked + span:before {color:#fff; background:#0097ec url('/images/cont/markw.svg') center no-repeat; border:1px solid #0097ec;}

.ULS_CH input:disabled + span:before {color:#fff; background:#dfdfdf;}
.ULS_CH input:disabled:checked + span:before {color:#fff; background:#444 url('/images/cont/markw.svg') center no-repeat; border:2px solid #444;}

@media all and (min-width:767px) {
	.ULS_RD {padding:5px 0}
	.ULS_RD.type15 li {float:left; width:15%;}
	.ULS_RD.type20 li {float:left; width:20%;}
	.ULS_RD.type22 li {float:left; width:22%;}
	.ULS_RD.type30 li {float:left; width:30%;}
	.ULS_RD.type33 li {float:left; width:33%;}
	.ULS_RD.type40 li {float:left; width:40%;}
	.ULS_RD.type45 li {float:left; width:45%;}
	.ULS_RD.type48 li {float:left; width:48%;}
	.ULS_RD.type50 li {float:left; width:50%;}
	.ULS_RD.type55 li {float:left; width:55%;}
	
	.ULS_CH.type15 li {float:left; width:15%;}
	.ULS_CH.type20 li {float:left; width:20%;}
	.ULS_CH.type22 li {float:left; width:22%;}
	.ULS_CH.type30 li {float:left; width:30%;}
	.ULS_CH.type33 li {float:left; width:33%;}
	.ULS_CH.type40 li {float:left; width:40%;}
	.ULS_CH.type45 li {float:left; width:45%;}
	.ULS_CH.type48 li {float:left; width:48%;}
	.ULS_CH.type50 li {float:left; width:50%;}
	.ULS_CH.type55 li {float:left; width:55%;}
}

@media all and (min-width:1200px) {
	.ULS_RD li {height:45px; padding:0; line-height:45px;}
	.ULS_RD.NonH li {height:auto; line-height:auto}
	.ULS_RD span {padding:0 0 0 30px;}
	.ULS_RD span:before {top:50%; transform:translateY(-50%);}
	
	.ULS_RD.type10 li {width:10%;}
	.ULS_RD.type20 li {width:20%;}
	.ULS_RD.type25 li {width:20%;}
	.ULS_RD.type30 li {width:30%;}
	.ULS_RD.type35 li {width:30%;}
	.ULS_RD.type40 li {width:40%;}
	.ULS_RD.type45 li {width:45%;}
	.ULS_RD.type48 li {width:48%;}
	.ULS_RD.type50 li {width:50%;}

	.Survey .ULS_RD span:before {top:50%; transform:translateY(-50%);}

	.ULS_CH li {height:45px; padding:0; line-height:45px;}
	.ULS_CH span {padding:0 0 0 40px}
	.ULS_CH span:before {width:28px; height:28px; border-radius:10px; top:50%; transform:translateY(-50%);}

	.ULS_CH.type10 li {width:10%;}
	.ULS_CH.type20 li {width:20%;}
	.ULS_CH.type25 li {width:20%;}
	.ULS_CH.type30 li {width:30%;}
	.ULS_CH.type35 li {width:30%;}
	.ULS_CH.type40 li {width:40%;}
	.ULS_CH.type45 li {width:45%;}
	.ULS_CH.type48 li {width:48%;}
	.ULS_CH.type50 li {width:50%;}
}

.Agree {text-align:right; position:relative; display:block; cursor:pointer;}
.Agree.type {text-align:left;}
.Agree li {margin:0.3em; padding:2px 0;}
.Agree li label {width:100%;}
.Agree input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}
.Agree input[type="radio"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}

.Agree span {position:relative; padding:5px 0 5px 30px;}
.Agree span:before {
	content:''; display:inline-block; width:22px; height:22px; position:absolute; top:3px; left:0; border-radius:7px; 
	text-align:center; transition:all 0.3s; 	box-sizing:border-box;
}

.Agree input + span:before {color:#fff; border:1px solid #222; background:#fff url('/images/cont/mark.svg') center no-repeat;}
.Agree input:checked + span:before {color:#fff; background:#0097ec url('/images/cont/markw.svg') center no-repeat; border:1px solid #0097ec;}

@media all and (min-width:1024px) {
	.Agree li label {display:flex; align-items:center; justify-content:flex-end;}
	.Agree span {position:relative; padding:7px 0 7px 40px;}
	.Agree span:before {width:30px; height:30px; top:50%; transform:translateY(-50%); left:0; border-radius:10px;}
}

@media all and (min-width:1200px) {
	.Agree {width:1200px; margin:0 auto; padding:0;}
}


/* 레이어 */
.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%); 
	min-width:220px; width:calc(100% - 30px);
	min-height:auto; 
    max-height:80%;
    background-color:#fff; 
    padding:20px; 
    box-sizing:border-box; 
	word-break:keep-all; 
	max-height:80%;
    overflow-x:hidden;
    overflow-y:auto; border-radius:10px;
}
.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; 
	z-index:999; 
	background-color:#fff; 
    box-sizing:border-box; border-radius:20px 0 20px 20px;
}

.LayerPW p {margin:0 0 10px;}
.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 {min-width:60%; width:auto; padding:30px;}
}

.basicBM {position:absolute; top:10px; right:10px; cursor:pointer;}
.basicBM span {
	position:absolute; top:0; right:0; display:block; width:30px; height:30px; background:#0097ec url('/images/cont/s_closew.png') center no-repeat; background-size:10px;
	box-shadow:0 0 25px rgba(0, 0, 0, .15); border-radius:100px;
}
.basicBM a {
	position:absolute; top:0; right:0; width:30px; height:30px; background:#0097ec url('/images/cont/s_closew.png') center no-repeat; background-size:10px;
	transition:all 0.3s ease-out; box-shadow:0 0 25px rgba(0, 0, 0, .15); border-radius:100px;
}

.LayerPW .basicBM {top:-30px; right:0;}
.LayerPW .basicBM span {border-radius:initial;}

.spot dl {box-sizing:border-box;}
.spot dl dt {margin:0 0 20px; font-size:18px; font-weight:bold; background:#f7f7f7; padding:10px 0; text-align:center;}
.spot dl dt .spIMG {box-sizing:border-box; border-radius:20px; overflow:hidden; width:50%; margin:0 auto 10px auto}
.spot dl dt .spIMG img {width:100%;}
.spot dl dd {overflow-y:scroll; line-height:1.5;}

@media all and (min-width:1200px) {
	.LayerIN {padding:40px; border-radius:30px;}

	.spot dl dt {font-size:24px;}
	.spot dl dd {line-height:1.7;}

	.Calendar .basicBM {position:fixed; top:20px; right:30px;}

	.basicBM {top:20px; right:30px;}
	.basicBM span {width:50px; height:50px; background-size:auto;}
	.basicBM a {width:50px; height:50px; background-size:auto;}

	.LayerPW .basicBM {top:-50px; right:0;}
}


/* error */
.error {
	margin:0 auto; margin:0 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;}
}


/* 로딩 */
#LOADINGAREA {width:100%; height:100%; position:fixed; z-index:999; display:none;}

.loaderbg {
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	z-index:99; background:rgba(0,0,0,.5); 
}
.loader {
	position:relative; 
	width:2.5em; 
	height:2.5em; 
	transform:rotate(165deg); 
}
.loader:before, .loader:after {
	content:''; 
	position:absolute; 
	top:50%; 
	left:50%; 
	display:block; 
	width:0.5em; 
	height:0.5em; 
	border-radius:0.25em; 
	transform:translate(-50%, -50%); 
}
.loader:before {animation:before 2s infinite;}
.loader:after {	animation:after 2s infinite;}

@keyframes before {
	0% {
		width:0.5em; 
		box-shadow:1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); 
	}
	35% {
		width:2.5em; 
		box-shadow:0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); 
	}
	70% {
		width:0.5em; 
		box-shadow:-1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); 
	}
	100% {
		box-shadow:1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); 
	}
}

@keyframes after {
	0% {
		height:0.5em; 
		box-shadow:0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); 
	}
	35% {
		height:2.5em; 
		box-shadow:0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); 
	}
	70% {
		height:0.5em; 
		box-shadow:0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); 
	}
	100% {
		box-shadow:0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); 
	}
}

.loader {position:absolute; top:calc(50% - 1.25em); left:calc(50% - 1.25em);}


.Wait {padding:0 20px 40px; font-size:20px; text-align:center;}
.Wait:before {content:''; display:block; width:200px; height:200px; margin:0 auto 30px auto; background:url('../images/cont/wait.jpg') center no-repeat; background-size:contain;}

@media(min-width:1024px) {
	.Wait {padding:0 0 80px; font-size:30px;}
	.Wait:before {width:300px; height:300px}
}