@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

* {margin:0;padding:0;-webkit-text-size-adjust:none;}
*, *:before, *:after { box-sizing: inherit;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border: 0; outline: 0;  font-size: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

a { margin: 0; padding: 0; border: 0; font-size: 100%; }


/*body {font-family: "Noto Sans KR", Malgun Gothic,'맑은 고딕',"Helvetica Neue","Apple SD Gothic Neo","돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;color:#555;font-size:15px;letter-spacing:-0.05em;line-height:170%;}*/
body {font-family: "Escoredream", "Apple SD Gothic Neo", "Malgun Gothic","맑은 고딕","돋움",Dotum,Arial,sans-serif;color:#555;font-size:16px;letter-spacing:-0.025em;line-height:170%;font-weight: normal;font-display: swap;}
label, input, button, select, img {vertical-align:middle;}
select,input,button,textarea,button{ font-family: "Escoredream","Apple SD Gothic Neo", "Malgun Gothic","맑은 고딕","돋움",Dotum,Arial,sans-serif;}
select {font-family: "Escoredream","Apple SD Gothic Neo", "Malgun Gothic","맑은 고딕","돋움",Dotum,Arial,sans-serif;}


@media all and (max-width: 640px) {
    body {font-size:13px;}
}

/*링크*/
a{text-decoration:none;}
a:active {text-decoration:none;}
a:focus {text-decoration:none;}
a:visited, a:visited *, a.visited, a.visited:visited {text-decoration:none;}
a:hover,a:hover *,a.visited:hover {text-decoration:none;}


/*list*/
ol, ul, li, dd, dl, dt {list-style:none;}
.fllist, .frlist {position:relative;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}

/* Form 요소들 기본 */
fieldset {padding:0;margin:0;border:0;}
legend{display:none;}

input::-ms-clear {display: none;}

input::placeholder {color: #ccc}
::-webkit-input-placeholder { color: #ccc;}
:-moz-placeholder {  color: #ccc; }
::-moz-placeholder { color: #ccc;}
:-ms-input-placeholder { color: #ccc !important; }


input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],
input.text,input.password {position:relative;border:1px solid #d9e3e9 !important;vertical-align:middle;line-height:1.5;width: 100%;max-width:100%;height:calc(2rem + 2px);border-radius: 4px;text-indent: 10px;box-sizing: border-box}
input[type='tel']:focus,input[type='url']:focus,input[type='number']:focus, input[type='email']:focus, input[type='text']:focus, input[type='password']:focus,
input.text,input.password:focus {background:#fff;}
input[type=radio],input[type=checkbox] {border:none;padding:0;margin:0}

input[type="file"] , input.file {border:0;padding:0;}
input[type="file"] , input.file {position:relative;border:1px solid #d9e3e9 !important;vertical-align:middle;line-height:1.5;width: 100%;max-width:100%;height:calc(2rem + 2px);border-radius: 4px;box-sizing: border-box}

input.num {text-align:right;border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%;}
input:-moz-read-only, input:read-only , input.readonly {background-color:#f7f7f7 !important;}
input.disabled {background-color:#ededed;}
textarea {position:relative;border:1px solid #d9e3e9 !important;vertical-align:middle;line-height:1.5;width: 100%;max-width:100%;border-radius: 4px;box-sizing: border-box;padding: 10px;}

select { position:relative;border:1px solid #d9e3e9 !important;vertical-align:middle;line-height:1.5;width: 100%;max-width:100%;height:calc(2rem + 2px);border-radius: 4px;box-shadow: none;text-indent: 10px;box-sizing: border-box}

.disabled {background: #f3f3f3 !important}

/* img */
img {border:0;vertical-align:middle;}
img.button {cursor:pointer;}
button.imgBtn {padding:0;margin:0;border:0;cursor:pointer;}

/* Table */
table { border-collapse: collapse; border-spacing: 0;}
table caption{height:0;width:0;text-indent:-9999px;}

hr{ display:none;}

/* table common */
table {border-collapse:collapse;}
table caption{height:0;width:0;text-indent:-9999px;}

/*기본 스타일 정의*/
/*플로팅*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}


/*포지셔닝*/
.pos_d, .pos-d, .pos-st {position:static;}
.pos_r,.pos-r, .pos-rel {position:relative;}
.pos_a,.pos-a, .pos-abs {position:absolute;}

/*박스유형*/
.isbox, .is-rel, .is-box {display:block;position:relative;}
.isabs, .is-abs {position:absolute;}
.inline {display:inline-block !important;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wordkeep {white-space:normal;word-break:keep-all;   }

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0;line-height:0;}


/* LI 목록 데이터 없음 스타일 기본 */
* .no-data, * .noData {height:100px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
li.no-data,li.noData {padding-top:50px;padding-bottom:50px;height:auto;text-align:center;width:100%;}

/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:30px;clear:both;overflow:hidden;display:block;}

.gapbig {height:60px;clear:both;display:block;}
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}


.gap_line {position: relative;display: block;height: 4px;margin: 40px 0;background: url("/off/exhibition/kr/assets/images/contents/pattern01.png") repeat-x;}

/*정렬*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.left ,.l {text-align:left !important;}
.right,.r {text-align:right !important;}
.center, .c {text-align:center !important;}
.vtop,.vtop  * {vertical-align:text-top !important;}
.vcen,.vcen  * {vertical-align:middle !important;}
.vfoot,.vfoot  * {vertical-align:text-bottom !important;}
.vtop2 {vertical-align:top !important;}
.vcen2 {vertical-align:middle !important;}
.vfoot2 {vertical-align:bottom !important;}

.undr {text-decoration: underline}

/* 들여쓰기 */
.indent {margin-left:23px;}
ul.indent {margin-left:16px;}
.li-indent {margin-left:10px;}


/*---------------------------------------체크박스&라디오 스타일 ---------------------------------------*/
.checkbox, .radio { position: relative;padding-left: 26px;overflow: hidden;margin: 2px 0 }

.checkbox.checkbox_inline, .radio.radio_inline { display: inline-block;vertical-align: top;margin: 3px 8px 3px 0}
.checkbox.checkbox_single label, .radio.radio_single label {width: 18px;height: 18px;text-indent: -9999px;padding-left: 0}

.checkbox label { position: relative;display: inline-block;line-height: 20px;}
.checkbox label::before {
    content: "";display: inline-block;position: absolute;width: 14px;height: 14px;left: 0;margin-left: -24px;border: 2px solid #98a6ad;border-radius: 3px;background-color: #fff;box-sizing: initial;
    -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after { display: inline-block;position: absolute;width: 14px;height: 14px;left: 0;top: 0;margin-left: -24px;padding-left: 2px;padding-top: 1px;font-size: 13px;color: #555555;font-weight: 600;line-height: 17px;text-indent: 0}
.checkbox input[type="checkbox"] { position: absolute;top: 0;left: 0;opacity: 0;width: 20px;height: 20px;cursor: pointer;z-index: 10 }
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after { font-family: lineawesome !important;content: "\f17b";}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee;cursor: not-allowed;}

.checkbox input[type="checkbox"]:checked + label::before { background-color: #1137a6;border-color: #1137a6;}
.checkbox input[type="checkbox"]:checked + label::after { color: #fff;}

.radio label { position: relative;display: inline-block;line-height: 20px;}
.radio label::before {
    content: "";display: inline-block;position: absolute;width: 14px;height: 14px;left: 0;top: 0;margin-left: -24px;border: 2px solid #98a6ad;border-radius: 50%;background-color: #fff;box-sizing: initial;
    -webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;]
}
.radio label::after {
    display: inline-block;position: absolute;content: " ";width: 10px;height: 10px;left: 4px;top: 4px;margin-left: -24px;border-radius: 50%;background-color: #98a6ad;
    -webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] { position: absolute;top: 0;left: 0;opacity: 0;width: 20px;height: 20px;cursor: pointer;z-index: 10 }
.radio input[type="radio"]:focus + label::before { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label { opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed;}

.radio input[type="radio"] + label::after { background-color: #1137a6;}
.radio input[type="radio"]:checked + label::before { border-color: #1137a6;}
.radio input[type="radio"]:checked + label::after { background-color: #1137a6;}

input[type="radio"] .styled:checked + label::before { color: #fff;}
input[type="radio"] .styled:checked + label::after { color: #fff;}


/*---------------------------------------버튼 스타일 ---------------------------------------*/
.btn {
    overflow: hidden;display: inline-block;vertical-align: top;border-radius: 50px;font-size: 13px;outline: none !important;
    text-align: center;padding: .375rem 1.1rem;border: 1px solid #d6dce1;background: #f8f9fa;color: #212529;margin: 1px;line-height: 170%;
}
.btn_round {border-radius: 2em}

.btn_gray {background: #8d8d8d;border-color: #8d8d8d;color: #fff !important;}
.btn_green {background: #7ab605;border-color: #7ab605;color: #fff !important;}
.btn_red {background: #ef3d58;border-color: #ef3d58;color: #fff !important;}
.btn_sky {background: #20afaa;border-color: #20afaa;color: #fff !important;}
.btn_dark {background: #313a46;border-color: #313a46;color: #fff !important;}
.btn_blue {background: #0b72ba;border-color: #0b72ba;color: #fff !important;}

.btn_outline_gray {color: #6c757d;border-color: #6c757d;background: #fff !important;}
.btn_outline_green {color: #7ab605;border-color: #7ab605;background: #fff !important;}
.btn_outline_red {color: #ef3d58;border-color: #ef3d58;background: #fff !important;}
.btn_outline_sky {color: #20afaa;border-color: #20afaa;background: #fff !important;}
.btn_outline_dark {color: #313a46;border-color: #313a46;background: #fff !important;}
.btn_outline_blue {color: #0b72ba;border-color: #0b72ba;background: #fff; !important}

.bw_xxxs {min-width: 10px;padding: 0 5px;font-size: 12px;line-height: 17px;height: 18px;}
.bw_xxs {min-width: 30px;padding: 0 10px;font-size: 13px;line-height: 20px;}
.bw_xs {min-width: 50px}
.bw_sm {min-width: 80px}
.bw_md {min-width: 110px}
.bw_lg {min-width: 130px}

.bh_sm {padding: .2rem .8rem;}
.bh_md {padding: .3rem .9rem;font-size: 16px;}
.bh_lg {padding: .7rem 1.6rem;font-size: 19px;}

.bh_lg .la {font-size: 21px;vertical-align: middle}

.btn_box {position: relative;display: block;overflow: hidden;text-align: center;}
.btn_box .btn {margin: 3px 2px}
.btn_box.left {text-align: left;}
.btn_box.right {text-align: right;}
.btn_box.asbtn {position: absolute;bottom: -60px;left: 0}
.btn_box.asbtn .btn {height: 30px;line-height: 30px;padding: 0 10px}

.wd180 {width: 180px}

@media only screen and (max-width:640px){
    .bw_xs {min-width: 40px}
    .bw_sm {min-width: 60px}
    .bw_md {min-width: 80px}
    .bw_lg {min-width: 100px}

    .bh_sm {padding: 3px 8px;}
    .bh_md {padding: 5px 12px;font-size: 14px;}
    .bh_lg {padding: 7px 20px;font-size: 15px}
}
@media only screen and (max-width:420px){
    .bh_sm {padding: 3px 8px;}
    .bh_lg {padding: 7px 20px;}
}


/* 폰트색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}

.cblack {color:#222 !important;}
.cred {color:#ef3d58 !important;}
.cgray {color:#6c757d !important;}
.cblue {color:#003876 !important;}
.cgreen {color:#2a9007 !important;}
.csblue {color:#009ada !important;}
.cyellow {color:#e5ac06 !important;}
.cpurple {color:#777edd !important;}
.corg {color:#ff6d1d !important;}
.ccy {color:#09aaa4 !important;}

/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}

.fs {font-size:90%}
.fb {font-size:120%;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

.tlh34 {line-height:34px;float: left;}

/* 패딩 5,10단위만 지정함*/
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}


/*마진*/
.noMgf, .no_mgf {margin-bottom:0 !important;}
.mg5f {margin-bottom:5px !important;}
.mg10f {margin-bottom:10px;}
.mg15f {margin-bottom:15px;}
.mg20f {margin-bottom:20px;}
.mg25f {margin-bottom:25px;}
.mg30f {margin-bottom:30px;}
.mg40f {margin-bottom:40px;}
.mg50f {margin-bottom:50px;}
.mg60f {margin-bottom:60px;}
.mg5t {margin-top:5px !important;}
.mg10t {margin-top:10px;}
.mg15t {margin-top:15px;}
.mg20t {margin-top:20px;}
.mg25t {margin-top:25px;}
.mg30t {margin-top:30px;}
.mg40t {margin-top:40px;}
.mg50t {margin-top:50px;}
.mg60t {margin-top:60px;}
.mg5l {margin-left:5px !important;}
.mg10l {margin-left:10px;}
.mg15l {margin-left:15px;}
.mg20l {margin-left:20px;}
.mg25l {margin-left:25px;}
.mg30l {margin-left:30px;}
.mg40l {margin-left:40px;}
.mg50l {margin-left:50px;}
.mg60l {margin-left:60px;}
.mg5r {margin-right:5px !important;}
.mg10r {margin-right:10px;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg40r {margin-right:40px;}
.mg50r {margin-right:50px;}
.mg60r {margin-right:60px;}
.mg5a {margin:5px !important;}
.mg10a {margin:10px;}
.mg15a {margin:15px;}
.mg20a {margin:20px;}
.mg25a {margin:25px;}
.mg30a {margin:30px;}
.mg5tf {margin-top:5px;margin-bottom:5px}
.mg10tf {margin-top:10px;margin-bottom:10px}
.mg20tf {margin-top:20px;margin-bottom:20px}
.mg50tf {margin-top:50px;margin-bottom:50px}
.mg5lr {margin-left:5px;margin-right:5px;}
.mg10lr {margin-left:10px;margin-right:10px;}
.mg20lr {margin-left:20px;margin-right:20px;}
.mg30lr {margin-left:30px;margin-right:30px;}
.mg40lr {margin-left:40px;margin-right:40px;}
.mg50lr {margin-left:50px;margin-right:50px;}

/*가로 크기*/
.w500 {width:500px !important;}
.w300 {width:300px !important;}
.w200 {width:200px !important;}
.w100 {width:100px !important;}
.w90 {width:90px !important;}
.w80 {width:80px !important;}
.w70 {width:70px !important;}
.w60 {width:60px !important;}
.w50 {width:50px !important;}
.w40 {width:40px !important;}
.w30 {width:30px !important;}
.w20 {width:20px !important;}
.w10{width:10px !important;}


.w100p {width:100% !important;}
.w98p {width:98% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w70p {width:70% !important;}
.w60p {width:60% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width: 35% !important}
.w33p {width:33.3333% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p{width:20% !important;}
.w16p {width: 16.6% !important}
.w15p{width:15% !important;}
.w10p{width:10% !important;}


/*마우스오버 손모양*/
label{cursor:pointer}
button{cursor:pointer;}



@font-face{
    font-family: 'Noto Sans KR'; font-style: normal;  font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face{
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face{
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face{
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face{
    font-family: 'Noto Sans KR'; font-style: normal;
    font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



.audio-player {position: fixed;bottom: 30px;right: 20px;z-index: 60;}
.audio-player audio {width: 120px}
#kakao-talk-channel-chat-button {bottom: 100px !important;right: 20px !important;}
#kakao-talk-channel-chat-button img {height: 56px;}


@media only screen and (max-width: 1200px) {

    .audio-player {display: none;}
    #kakao-talk-channel-chat-button {bottom: 20px !important;right: 20px !important}
    #kakao-talk-channel-chat-button img {height: auto;}
}