@font-face {
    font-family: 'TTHakgyoansimJiugaeR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html {overflow-x:none; max-width:100%;}



.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}

/* ================================================================
	°øÅë
   ================================================================ */
html  {    
    --fit_width:fit-content;
    --fw800:800;
    --fw700:700;
    --fw600:600;
    --fw500:500;
    --fw400:400;
    --fw300:300;
    --h2ls:-2px;
    --h1ls:-1px;
} 



/* ================================================================
	Ä¿¼­
   ================================================================ */
body, * {
  cursor: url('/kor/images_new/hand.png') 10 10, auto; }


.cursor,a:hover, button,  map:hover ,area:hover,
.cursor, body, input, button, select, textarea, label, map ,area {  cursor: url('/kor/images_new/hand.png') 10 10, auto; }



/*         HTML {
            cursor: none; ±âº» Ä¿¼­ ¼û±è
        }
        #custom-cursor {
            position: absolute;
            width: 80px;
            height: 80px;  z-index:999999;
            pointer-events: none; À̹ÌÁö°¡ Ŭ¸¯ À̺¥Æ®¸¦ ¹æÇØÇÏÁö ¾Êµµ·Ï ¼³Á¤ÇÕ´Ï´Ù
        }


----------- mobile -------------
@media (max-width:650px) {
        #custom-cursor {
            width: 30px;
            height: 30px;  
        }
}
 */


/* ================================================================
	Äü
   ================================================================ */
.quick_ticket {position:fixed;width:20%; max-width:140px;  top:200px; right:20px; z-index:80; display:none}
.quick_ticket img {width:100%;}



/* ----------- pad mobile -------------*/
@media (max-width:800px) {
.quick_ticket {display:none}

}






.flexwrap {display:flex; flex-wrap:wrap;}

#draggable256  { max-width:90%; position:fixed; 
z-index:99999999; background:#fff; box-sizing:border-box; padding:20px; overflow:hidden;}
#draggable256 img {max-width:100% !important;}
#draggable256  div div{height:auto !important;}


*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0;} 
body {overflow-x:hidden; line-height:1.5; font-size:16px; font-weight:500; color:#393738; font-family: 'Pretendard', 'Montserrat', 'Pretendard', sans-serif !important; word-break:keep-all;   -webkit-text-size-adjust: none; text-size-adjust: none;-o-text-size-adjust: none;} 
button {font-family: 'Pretendard', 'Montserrat', 'Pretendard', sans-serif !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}
button, select, input, button, textarea,pre  {font-family: 'Pretendard', 'Montserrat', 'Pretendard',sans-serif !important;}

ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1.6;}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:keep-all;word-break:keep-all;vertical-align: middle;}

img{border:0;line-height:0; max-width:100%;}
input[type='text'] , textarea, button, select {-webkit-border-radius: 0;}
textarea, button, select {-webkit-appearance: none; -webkit-border-radius: 0;}
button {padding: 0 !important;}

a, b, span, strong{display:inline-block;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit;text-decoration:none; text-decoration:none;color:inherit}
a img, input.type-image {border:none;}
strong{font-weight:500}

form{margin:0; padding:0}
input[type=text], input[type=password], textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type=button] {cursor: pointer; 
    padding: 0 1rem;
    margin-bottom: 0.5rem;}
select{border:1px solid #ddd;padding:1px}

input:focus, button:focus, textarea:focus  {outline: none;}
input:-internal-autofill-selected, button:-internal-autofill-selected {background-color:#fff !important;}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  }

.wrap{width:90%; max-width:1600px; margin:0 auto;}
.wrap4{width:90%; max-width:1400px; margin:0 auto}




/* **************************************** *
 *  tb_base 
 * **************************************** */

table {table-layout: fixed;}
table, td, th {	border-collapse: collapse;}
.tb_base {overflow: hidden; border-collapse: collapse; width: 100%; border: 1px solid #ccc;}
.tb_base thead th {background: #7f899f !important; text-align: center; color: #fff;	font-weight: 300;	padding: 20px 0px 15px;  border-right:1px solid rgba(255,255,255,.2)}
.tb_base thead.blue th {background: #838da4 !important;}
.tb_base tbody th {background:#eaecf4; color:#5a5d91; font-weight:300 !important; line-height:1.4; border-right:1px solid #ccc}
.tb_base thead th, .tb_base tbody th{font-size:17px}
.tb_base tbody td {color: #444; font-family: 'Pretendard', sans-serif !important; font-weight:400; font-size:17px; line-height:1.4; text-align:center;}
.tb_base tbody td.left{text-align:left}
.tb_base tbody td, .tb_base tbody th {padding: 15px 10px;}
.tb_base  th{font-weight:normal !important; text-align:center;}
.tb_base tbody tr{border-bottom:1px solid #ccc}
.tb_base tbody td{border-right:1px solid #ccc}
.tb_base.booth tbody td img{width:100%; max-width:280px}
.tb_base em{color:#d60000}


@media (max-width:1230px) {
	.tb-wrap{width:100%; overflow-x:scroll}
	.tb-wrap table{width:130%}
	.tb_base thead th {padding:18px 0px 13px; }
	.tb_base tbody td, .tb_base tbody th {padding: 13px 10px;}
	.tb_base thead th, .tb_base tbody th{font-size:16px}
	.tb_base tbody td{font-size:16px;}
}

@media (max-width:768px) {
	.tb-wrap{width:100%; overflow-x:scroll}
	.tb-wrap table{width:130%}
	.tb_base thead th {padding:14px 0px 10px; }
	.tb_base tbody td, .tb_base tbody th {padding: 11px 10px;}
	.tb_base thead th, .tb_base tbody th{font-size:15px}
	.tb_base tbody td{font-size:15px;}
}

@media (max-width:500px) {
	.tb-wrap table{width:150%}
	.tb_base thead th {padding:12px 0px 8px; }
	.tb_base tbody td, .tb_base tbody th {padding: 8px 10px;}
	.tb_base thead th, .tb_base tbody th{font-size:15px}
	.tb_base tbody td{font-size:14px;}
}


.textarea .info dt, .textarea .info dd{font-size:15px !important; line-height:22px !important;}
.news_letter img {max-width:100% !important; height:auto !important;}