@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {font-family: 'GowunBatang-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff'); font-weight: normal; font-style: normal;}

/* Typho - Coding */
html {font-size:10px!important; font-family: 'Noto Sans KR', sans-serif; word-break: auto-phrase;} /* PC 폰트 rem 값 부모 */

.t8 {font-size:0.8rem; line-height: 1.4rem}
.t9 {font-size:0.9rem; line-height: 1.5rem}
.t10  {font-size:1.0rem; line-height: 1.6rem}
.t11 {font-size:1.1rem; line-height: 1.6rem;}
.t12 {font-size:1.2rem; line-height: 1.8rem;}
.t14 {font-size:1.4rem; line-height: 2.0rem;}
.t16 {font-size:1.6rem; line-height: 2.2rem;}
.t18 {font-size:1.8rem; line-height: 2.4rem;}
.t24 {font-size:2.4rem; line-height: 3.0rem;}
.t32 {font-size:3.2rem; line-height: 3.8rem;}
.t64 {font-size:6.4rem; line-height: 7.0rem;}


/* H폰트의 속성은 Salient 옵션의 값과 혼용될 수 있으니 주의한다 */ 
h1 {font-size:6.4rem; line-height: 7.2rem;} /* 대제목 사이즈 */ 
h2 {font-size:3.2rem; line-height: 3.8rem;} /* 대제목 사이즈 */ 
h3 {font-size:2.4rem; line-height: 3.2rem;} /* 대제목 사이즈 */ 
h4 {font-size:1.8rem; line-height: 2.4rem;} /* 대제목 사이즈 */ 
h5 {font-size:1.6rem; line-height: 2.0rem;} /* 소제목 사이즈 */ 
h6 {font-size:1.4rem; line-height: 1.8rem;} /* 소제목 사이즈 */ 

.w100 {font-weight:100!important;} .w200 {font-weight:100!important;} .w300 {font-weight:300!important;} .w400 {font-weight:400!important;} 
.w500 {font-weight:500!important;} .w600 {font-weight:600!important;} .w700 {font-weight:700!important;} .w900 {font-weight:900!important;} 

.serif {font-family: 'Noto Serif', serif!important;}

/* salient 공통 추가 CSS */


/* 세이나스튜이도 커스텀 폰트 */
.foot_txt {font-size:1.1rem; line-height: 1.8rem; letter-spacing:0.5px; color:#55555;}
footer a {text-decoration: none; /* 밑줄 없애기 */}
.gnb_btn span {font-size:12px;}
.add_txt_en {font-size:1.0rem; line-height: 1.4rem}
.txt_list {line-height:20px!important;}
.txt_list ul li {margin-left:14px;}
.txt_list ul li {padding-bottom:14px;}
.txt_list ul li::marker {font-size: 10px;} /* 블릿 크기만 작게 조정 */
.stit_description {margin-top:-70px!important; font-size:12px; line-height:20px;}
#header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) {box-shadow: 0 3px 45px rgba(0, 0, 0, 0.05);}
.main_wording {font-family: 'GowunBatang-Regular'; font-size:18px; line-height:28px; letter-spacing:-0.7px;}
.btn_sns { list-style: none !important; display: flex; padding: 0; justify-content: center; }
.btn_sns li { padding: 0; list-style: none !important; }
.btn_sns li img { width: 32px !important; height: 32px !important; padding:0px!important;}





@media only screen and (max-width:480px){ 
.gnb_btn span {font-size:9px;}
.txt_list {line-height:20px!important;}
.txt_list ul li {padding-bottom:10px; margin-left:-10px;}
.txt_list ul li::marker {font-size: 8px;} /* 블릿 크기만 작게 조정 */
.stit_description {margin-top:-20px!important; text-align:center; font-size:10px; line-height:20px;}   
.main_wording {font-family: 'GowunBatang-Regular'; font-size:14px; line-height:22px; letter-spacing:-0.7px;}
.txt_list ul li {margin-left:14px;}
}





/* Typho - Custom */
/* #header-outer[data-lhe="animated_underline"] li > a .menu-title-text {color:#333333;} */ 메뉴 컬러 강제 설정
#footer-outer #footer-widgets .col p:last-child {font-size:12px; letter-spacing:0.5px;}
#footer-outer[data-cols="1"] #footer-widgets .span_12 > div:last-child {font-size:12px; letter-spacing:0.5px;}
#footer-outer .widget {font-size:14px; color:#999999;}
#footer-outer .widget a:hover	{color:#999999!important;}
#footer-outer {background-color: #090909;}

/* Style */
body .wrap_page_menu_scroll {border-bottom: solid 1px #f1f1f1;}

/* layout */
.wpb_row {margin-bottom: 0px;} /* row 기본 마진 */
.sub_top {padding:10% 0%!important;}
.con_area_tit {margin-top:2%!important;}

/* Comm */
.material .wpb_row, .material .wpb_content_element {margin-bottom:0px;}
#footer-outer .widget.widget_media_image img {max-width:150px!important; margin-top:30px!important;} 

/* K board */
.container-wrap button[type="submit"] {padding:2px 16px!important;}

/* Table */
body:not(.woocommerce-cart) .main-content th {font-size:10px; line-height:10px; padding:14px 4px; text-align:center; vertical-align:middle;}
body:not(.woocommerce-cart) .main-content td {font-size:8px; line-height:8px; padding:8px 4px; text-align:center; vertical-align:middle;}
body:not(.woocommerce-cart) .main-content img {margin-bottom:0px;}



/* -------------------------------------------------- Media Query 480 --------------------------------------------------  */
@media only screen and (max-width:480px){ 
  
/* Typho - Coding */
html {font-size:12px;}  /* 모바일 폰트 rem 값 부모 */
.container {margin:0 auto; max-width:100%; padding:0 16px;}    /* 모바일 헤더 너비 */


/* Typho - Custom */
#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_pages li {display:none;}


/* Table */
body:not(.woocommerce-cart) .main-content th {font-size:6px; line-height:7px; padding:6px 1px; text-align:center; letter-spacing:-0.3px; vertical-align:middle;}
body:not(.woocommerce-cart) .main-content td {font-size:6px; line-height:8px; padding:6px 2px; text-align:center; letter-spacing:-0.3px; vertical-align:middle;} 
body:not(.woocommerce-cart) .main-content td b {font-size:10px; font-weight:600; display:block; padding:8px 0px;}
body:not(.woocommerce-cart) .main-content img {margin-bottom:0px;}

/* layout */
.sub_top {padding:30% 0%!important;}
}


/* IE11 핵 */
_:-ms-fullscreen, :root body:not([data-header-format="left-header"]) #top .sf-menu li ul { margin-left:-110px; }

/* ---------- Media Query 1280 ----------  */
@media only screen and (min-width:1024px){ 
    .view_m{ display:none; } 
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {margin-right:25px; margin-left:25px; /* 아이패드 메뉴 간격 */
}
/* ---------- Media Query 480 ----------  */
@media only screen and (max-width:480px){ .view_pc{ display:none; } }