@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/*
    font-family: 'Pretendard';
    400 : thin
    500 : medium
    600 : SemiBold
    700 : Bold
    800 : ExtraBold
    900 : Black
*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*
    font-family: 'NanumSquare';
    300 : light
    400 : regular
    700 : Bold
    800 : ExtraBold
*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* suit */
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.eot');
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
input {padding: 0; background: transparent; border: none;}
input[type="submit"] {cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    border: none;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}
select:hover {
    cursor: pointer;
}
html {overflow-x: hidden;}
body {
    overflow-x: hidden;
    position: relative;
    font-family: 'Pretendard';
    line-height: 1;
    word-break: keep-all;
}
button {padding: 0; border: none; background: none;}
button:hover {cursor: pointer;}

/* custom - ryu */
#skipNavi{position: absolute; margin: 0 auto; width: 998px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index:1005; background:#eee; border:1px solid #ccc}
#skipNavi a:active, #skipNavi a:focus{position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0}

.blind, caption, legend{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.clearfix:after{content:""; display:block; clear:both}


.gray {background-color:#f8f8f8;}
.pink {background-color:#ff7767;}
.pink2 {background-color:#ff316f;}
.blue {background-color:#6794ff;}
.red {background-color:#C43434 !important;}
.green {background-color:#70ba75 !important;}
.orange {background-color:#ff8431 !important;}
.bg-no {background-color:transparent !important;}
.center {text-align:center !important;}
.left {text-align:left;}
.right {text-align:right;}
.none {display:none;}
.pointer{cursor:pointer;}
.bold {font-weight:bold;}
.f-red {color:#C43434 !important;}
.f-blue {color:#005b9d !important;}
.f-orange {color:#ff8431 !important;}
.f-gray2 {color:#999999 !important;}
.f-ocher {color:#b2914c !important;}
.f-white {color:#ffffff !important;}

.f-10 {font-size:10px !important;}
.f-13 {font-size:13px !important;}
.f-15 {font-size:15px !important;}
.f-17 {font-size:17px !important;}

.default {cursor:default;}

.relative {position:relative;}

.in-block {display:inline-block;}
.block {display:block;}

.text_under {text-decoration:underline;}
.through {text-decoration:line-through;}

/*self rule*/
.w550 {width: 550px;}
.w900 {width: 900px;}
.w190 {width: 190px !important;}
.w-auto {width:auto;}
.w-full {width:100% !important;}
.l-h40 {line-height:40px;}
.m-auto {margin:0 auto;}
.m-t11 {margin-top:11px !important;}
.m-b11 {margin-bottom:11px;}
.m-l11 {margin-left:11px;}
.m-r11 {margin-right:11px;}
.m-t30 {margin-top:30px;}
.m-b30 {margin-bottom:30px;}
.m-t50 {margin-top:50px;}

.p-0 {padding:0px !important;}


.display_pc {display: block !important;}
.display_pc_tab {display: block !important;}
.display_tab {display: none !important;}
.display_tab_mo {display: none !important;}
.display_mo {display: none !important;}
colgroup.display_pc {display: table-column-group !important;}
table.display_pc {display: table !important;}
thead.display_pc {display: table-header-group !important;}
colgroup.display_pc {display: table-column-group !important;}
colgroup.display_pc_tab {display: table-column-group !important;}

@media only screen and (max-width:1024px) {
    .display_pc {display: none !important;}
    .display_tab {display: block !important;}
    .display_tab_mo {display: block !important;}
    colgroup.display_tab_mo {display: table-column-group !important;}
    table.display_tab_mo {display: table !important;}
    thead.display_tab_mo {display: table-header-group !important;}
    colgroup.display_pc {display: none !important;}
    colgroup.display_pc_tab {display: none !important;}
    colgroup.display_tab {display: table-column-group !important;}
    colgroup.display_tab_mo {display: table-column-group !important;}

    .display_tab,colgroup.display_pc,table.display_pc,thead.display_pc {display: none !important;}
}
@media only screen and (max-width:768px) {
    .display_pc_tab {display: none !important;}
    .display_mo {display: block !important;}
    colgroup.display_mo {display: table-column-group !important;}
}

a {color: inherit; text-decoration: none;}