@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; } 
html { height:100%; } 
body { height:100%; } 
a:link { text-decoration:none; } 
a:visited { text-decoration:none; } 
a:hover { text-decoration:none; } 
a:active { text-decoration:none; } 
img { border:0px; max-width:100%; } 
img, a, label, span { vertical-align:middle; } 
li { list-style: none; } 
table { border-collapse:collapse; width:100%; } 
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 { font-style:normal; font-weight:normal; } 
caption,legend,caption *,legend * { position:absolute; left:-10000px; line-height:0; font-size:0; } 
fieldset { border:solid 0px black; padding:0; } 
button { border:none; background:none; cursor:pointer; outline:none; } 

body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], [type=submit],select,h1, h2, h3, h4, h5, h6, pre,textarea, button {font-family:"Pretendard","MalgunGothic","맑은 고딕","돋움","tahoma","sans-serif"; line-height:1.4; color:#000; letter-spacing:-0.3px; } 

html,body { font-size:16px; } 
@media screen and (max-width: 1200px) { html,body { font-size:15px; } 
 } 
@media screen and (max-width: 960px) { html,body { font-size:14px; } 
 } 
@media screen and (max-width: 768px) { html,body { font-size:13px; } 
 } 

[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], [type=submit] { padding-left:10px; box-sizing:border-box; vertical-align:middle; border:solid 1px #ddd; background-color:#fff; height:40px; line-height:38px; outline:none; } 
[type=checkbox], [type=radio] { vertical-align:middle; margin:6px 4px 4px 4px; } 
select { height:40px; line-height:38px; border:1px solid #ddd; box-sizing:border-box; outline:none; } 

[type=file], [type=submit] { padding:0; height:auto; } 
textarea { padding:15px; width:100%; border:1px solid #ddd; box-sizing:border-box; resize:none; box-sizing:border-box; outline:none; } 
button:focus,
textarea:focus,
select:focus,
input:focus { outline:none; } 

input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; } 

input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder { color:#bbb; } 

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

/* Select box 스타일 초기화 */
select { /*-webkit-appearance: none; -moz-appearance: none; appearance: none; */}

@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {font-family: 'Pretendard';font-weight: 900;font-display: swap;src: local('Pretendard Black'), 
 url('font/Pretendard-Black.woff2') format('woff2'), 
 url('font/Pretendard-Black.woff') format('woff'); } 

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

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

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

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

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

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

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

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

/*float 해제*/
* html .clfx { height: 1%; overflow: visible; } /* IE6 float 해제*/
*+html .clfx { min-height: 1%; } /* IE7 float 해제 */
.clfx:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } 
.clfix { clear: both; content: "."; display: block; height: 0; } 

.hid { display:none; } 

/* flex */
.d-flex { display:flex; } 
.align-center { align-items: center; } 
.ju-center { justify-content: center; } 
.ml-auto { margin-left:auto; } 

/*margin*/
.mr_0 { margin-right:0px !important; } 
.mr_4 { margin-right:4px !important; } 
.mr_5 { margin-right:5px !important; } 
.mr_10 { margin-right:10px !important; } 
.mr_15 { margin-right:15px !important; } 
.mr_20 { margin-right:20px !important; } 
.mr_60 { margin-right:60px !important; } 

.ml_0 { margin-left:0px !important; } 
.ml_5 { margin-left:5px !important; } 
.ml_10 { margin-left:10px !important; } 
.ml_15 { margin-left:15px !important; } 

.mb_0 { margin-bottom:0 !important; } 
.mb_5 { margin-bottom:5px !important; } 
.mb_8 { margin-bottom:8px !important; } 
.mb_25 { margin-bottom:25px !important; } 
.mb_30 { margin-bottom:30px !important; } 
.mb_35 { margin-bottom:35px !important; } 
.mb_10 { margin-bottom:10px !important; } 
.mb_20 { margin-bottom:20px !important; } 
.mb_30 { margin-bottom:30px !important; } 
.mb_40 { margin-bottom:40px !important; } 
.mb_45 { margin-bottom:45px !important; } 
.mb_50 { margin-bottom:50px !important; } 
.mb_60 { margin-bottom:60px !important; } 
.mb_70 { margin-bottom:70px !important; } 
.mb_80 { margin-bottom:80px !important; } 
.mb_85 { margin-bottom:85px !important; } 
.mb_100 { margin-bottom:100px !important; } 
.mb_120 { margin-bottom:120px !important; } 
@media screen and (max-width:768px){
.mb_60 { margin-bottom:30px !important; } 
.mb_120 { margin-bottom:60px !important; } 
.mb_100 { margin-bottom:40px !important; } 
}

.mt_0 { margin-top:0 !important; } 
.mt_5 { margin-top:5px !important; } 
.mt_8 { margin-top:8px !important; } 
.mt_10 { margin-top:10px !important; } 
.mt_15 { margin-top:15px !important; } 
.mt_20 { margin-top:20px !important; } 
.mt_25 { margin-top:25px !important; } 
.mt_30 { margin-top:30px !important; } 
.mt_35 { margin-top:35px !important; } 
.mt_40 { margin-top:40px !important; } 
.mt_50 { margin-top:50px !important; } 
.mt_70 { margin-top:70px !important; } 

/*padding*/
.pb_0 { padding-bottom:0px !important; } 
.pb_5 { padding-bottom:5px !important; } 
.pb_20 { padding-bottom:20px !important; } 
.pb_25 { padding-bottom:25px !important; } 

.pt_0 { padding-top:0px !important; } 
.pt_8 { padding-top:8px !important; } 
.pt_10 { padding-top:10px !important; } 
.pt_15 { padding-top:15px !important; } 
.pt_20 { padding-top:20px !important; } 
.pt_30 { padding-top:30px !important; } 
.pt_35 { padding-top:35px !important; } 
.pt_40 { padding-top:40px !important; } 
.pt_50 { padding-top:50px !important; } 

.pl_25 { padding-left:25px !important; } 
.pl_10 { padding-left:10px !important; } 
.pl_20 { padding-left:20px !important; } 
.pl_30 { padding-left:30px !important; } 

/*text-align*/
.txt_r { text-align:right !important; } 
.txt_l { text-align:left !important; } 
.txt_c { text-align:center !important; } 

/*background*/
.back_no { background:none !important; } 

/*border*/
.bd_l { border-left:none !important; } 
.bd_r { border-right:none !important; } 

/*ir*/
.ir { overflow:hidden; line-height:0 !important; font-size:0 !important; position:relative; text-indent:-10000px; /*display:inline-block; */ } 
.ir * { position:absolute; left:-10000px; top:-10000px; margin:0; padding:0; } 

/*float*/
.f-l { float:left; } 
.f-r { float:right; }