@charset "utf-8";


@font-face { 
    font-family:'NBGBold';
    font-style:normal;
/*     font-weight:700; */
    src:url('../font/NBGBold.eot');
    src:url('../font/NBGBold.eot?#iefix') format('embedded-opentype'), url('../font/NBGBold.woff') format('woff'), url('../font/NBGBold.ttf') format('truetype');
}

@font-face {
    font-family:'NBG';
    font-style:normal;
    font-weight:400;    
    src:url('../font/NBG.eot');
    src:url('../font/NBG.eot?#iefix') format('embedded-opentype'), url('../font/NBG.woff') format('woff'), url('../font/NBG.ttf') format('truetype');
}
@font-face {
    font-family:'NBGLight';
    font-style:normal; 
    font-weight:300;
    src:url('../font/NBGLight.eot');
    src:url('../font/NBGLight.eot?#iefix') format('embedded-opentype'), url('../font/NBGLight.woff') format('woff'), url('../font/NBGLight.ttf') format('truetype');
}
@font-face { 
    font-family:'NSEBold';
    font-style:normal;
    src:url('../font/NanumSquareEB.ttf') format('truetype');
}

@font-face { 
    font-family:'NSBold';
    font-style:normal;
    src:url('../font/NanumSquareB.ttf') format('truetype');
}

@font-face {
    font-family:'NS';
    font-style:normal;
    font-weight:400;    
    src:url('../font/NanumSquareR.ttf') format('truetype');
}
@font-face {
    font-family:'NSLight';
    font-style:normal; 
    font-weight:300;
    src:url('../font/NanumSquareL.ttf') format('truetype');
}

@font-face {
    font-family: 'PreBlack';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../font/pretendard/woff2/Pretendard-Black.woff2') format('woff2'), url('../font/pretendard/woff/Pretendard-Black.woff') format('woff');
}
@font-face {
    font-family: 'PreBold';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../font/pretendard/woff2/Pretendard-Bold.woff2') format('woff2'), url('../font/pretendard/woff/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'PreRegular';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Regular'), url('../font/pretendard/woff2/Pretendard-Regular.woff2') format('woff2'), url('../font/pretendard/woff/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'PreLight';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../font/pretendard/woff2/Pretendard-Light.woff2') format('woff2'), url('../font/pretendard/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family:'CPBold';
    font-style:normal; 
    src:url('../font/ChakraPetch/ChakraPetch-Bold.ttf') format('truetype');
}
@font-face {
    font-family:'CPSemiBold';
    font-style:normal; 
    src:url('../font/ChakraPetch/ChakraPetch-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family:'CPMedium';
    font-style:normal; 
    src:url('../font/ChakraPetch/ChakraPetch-Medium.ttf') format('truetype');
}
@font-face {
    font-family:'CPRegular';
    font-style:normal; 
    src:url('../font/ChakraPetch/ChakraPetch-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'CPLight';
    font-style:normal; 
    src:url('../font/ChakraPetch/ChakraPetch-Light.ttf') format('truetype');
}

html, body {margin:0; padding:0;}
body {height:100%; font-size:16px; background-color:#ffffff;  letter-spacing:-0.2px; color:#333333; font-style: normal; font-family:'NBG', sans-serif;}
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:15px;}
ol, ul {list-style:none;}
fieldset {border:none;}
legend {display:none;}
img {max-width:100%; border:0;vertical-align:middle;}
table, th, td {border-collapse:collapse;}
input, select, textarea, input.button, input.check, input.radio {margin:0; padding:0;vertical-align:middle;font-size:14px;}
caption {visibility:hidden; overflow:hidden; width:1px; font-size:0; line-height:0}
select {height:18px;}
input.text {width:195px;height:14px;ime-mode:active}
input.text, textarea.text {}
input.image {}
input.check {vertical-align:middle;}
input.radio {vertical-align:middle;}
input.file {}
input.button {cursor:pointer;}
input.btn-normal {cursor:pointer;}
input:focus, select:focus {outline: none;}
area {outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
input[type=submit] {-webkit-appearance:none;} 
button {border: 0; border-radius: 0; background-color: transparent; outline: 0; cursor: pointer;}
.bt_area { position: relative; width: 100%; font-size: 0; text-align: center;}
.bt_area [class^=bt_]{overflow: hidden; font-size: 0; line-height: 999px; color: transparent; vertical-align: top; vertical-align: top;}
.bt_area2 {padding-bottom: 100px; color: #333333; font-family: NBG; font-size: 20px; line-height: 28px;}
.leftfloat {float: left;}v
.rightfloat {float: right;}

a:link,  a:visited {color:#444;text-decoration:none;}
a:hover,  a:active {color:#444;text-decoration:none;}

#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus {display:block; left:0; top:0; z-index:10000000000; width:100%; line-height:60px; background:#fff; border-bottom: 1px solid #d8d8d8; color:#5a0ccf; font-family: NBGBold; text-align:center; outline: none;}

.blind {position:absolute; top:0px; left:-10000px;font-size:0;line-height:0;}
.skip a:hover,.skip a:active,.skip a:focus {top:0;}
.clearfix {*zoom: 1;}
.clearfix:after {content: ''; display: block; clear: both;}
.fl{float: left;}
.fr{float: right}
.flex{display: flex;}
.flex .box50{
    width: 50%;
}
.op35 {opacity: 0.35 !important;}