@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}

* {margin:0; padding:0; word-break:keep-all;}



.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

/* common */
html,body{font-size:16px;  overflow-x:hidden; font-family:'NanumSquare', sans-serif; font-weight:500; color:#222;}
body {position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration:none; color:inherit;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
img{vertical-align: top; max-width:100%;}
section {position:relative;}
p {line-height: 1.5;}


.roboto {font-family: 'Roboto', sans-serif;}
/*.pretendard {font-family: 'pretendard';}*/
.pretendard {font-family:'NanumSquare', sans-serif;}


.f14{font-size:0.875rem;}
.f15{font-size:0.938rem;}
.f16{font-size:1rem;}
.f18{font-size:1.125rem;}
.f20{font-size:1.250rem;}
.f22{font-size:1.375rem;}
.f24{font-size:1.5rem;}
.f26{font-size:1.625rem;}
.f28{font-size:1.75rem;}
.f30{font-size:1.875rem;}
.f32{font-size:2rem;}
.f34{font-size:2.125rem;}
.f36{font-size:2.250rem;}
.f38{font-size:2.375rem;}
.f42{font-size:2.625rem;}
.f44{font-size:2.75rem;}
.f48{font-size:3rem;}
.f54{font-size:3.375rem;}
.f62{font-size:3.875rem;}
.f72{font-size:4.5rem;}
.f86{font-size:5.375rem;}

.m0 {margin:0 !important;}
.mt_0 {margin-top:0 !important;}
.mb_0 {margin-bottom:0 !important;}

.m-12{margin-top: 12px;}
.m-14{margin-top: 14px;}
.m-20{margin-top: 20px;}
.m-24{margin-top: 24px;}
.m-28{margin-top: 28px;}
.m-36{margin-top: 36px;}
.m-45{margin-top: 45px;}
.m-60{margin-top: 60px;}
.m-80{margin-top: 80px;}
.m-72{margin-top: 72px;}
.m-100{margin-top: 100px;}

.m_10{margin-bottom: 10px;}
.m_12{margin-bottom: 12px;}
.m_20{margin-bottom: 20px;}
.m_24{margin-bottom: 24px;}
.m_28{margin-bottom: 28px;}
.m_36{margin-bottom: 36px;}
.m_45{margin-bottom: 45px;}
.m_60{margin-bottom: 60px !important;}
.m_80{margin-bottom: 80px;}
.m_72{margin-bottom: 72px;}
.m_100{margin-bottom: 100px;}


.p0 {padding:0 !important;}
.mt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}


.p-12{padding-top: 12px !important;}
.p-20{padding-top: 20px !important;}
.p-24{padding-top: 24px !important;}
.p-28{padding-top: 28px !important;}
.p-36{padding-top: 36px !important;}
.p-45{padding-top: 45px !important;}
.p-60{padding-top: 60px !important;}
.p-80{padding-top: 80px !important;}
.p-72{padding-top: 72px !important;}
.p-100{padding-top: 100px !important;}

.p_12{padding-bottom: 12px !important;}
.p_20{padding-bottom: 20px !important;}
.p_24{padding-bottom: 24px !important;}
.p_28{padding-bottom: 28px !important;}
.p_36{padding-bottom: 36px !important;}
.p_45{padding-bottom: 45px !important;}
.p_60 {padding-bottom:60px;}
.p_80 {padding-bottom:80px;}
.p_100 {padding-bottom:100px;}


.light{font-weight: 300;}
.regular{font-weight: 400;}
.bold {font-weight:500;}
.bold1 {font-weight:600;}
.bold2 {font-weight:700;}

.lh15 {line-height:1.5;}
.lh18 {line-height:1.8;}

.dp_f {display: -webkit-box; display: -ms-flexbox; display: flex;}
.dp_sb {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.dp_c {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dp_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.dp_cc {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
.dp_end {align-items: flex-end;}
.dp_end02 {justify-content: flex-end;}
.dp_fc {flex-direction: column;}
.dp_inline {display: inline-flex; display: -ms-inline-flexbox; display: -webkit-inline-flex;}

.wid100 {width: 100% !important;}

.dp_ib{display:inline-block;}
.dp_b {display:block;}
.p_r {position:relative;}
.v_m {vertical-align:middle !important;}

.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtC {text-align:center !important;}

.c_wht {color: #fff;}
.c_blue {color: #0068B7 !important;}
.c_red {color:#ce0606;}

.gry {background-color:#F1F2F7;}
.gry02 {background-color:#F3F3F3;}

.c_center {margin: 0 auto; width: 1200px;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}