@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;}

/* 오픈 후 추가 소스 */
.single-post .post-area .post-content {color:#ffffff;}
.featured-media-under-header__meta-wrap .meta-author > span {display:none;}
[data-animate="fade_in"].featured-media-under-header .entry-title {color:#ffffff;}
.featured-media-under-header__cat-wrap a {color:#ffffff;}
.foot_copy {font-size:11px; line-height:34px; font-weight:300; letter-spacing:0.5px;}
.foot_copy a, .foot_copy a:visited, .foot_copy a:hover, .foot_copy a:active {color: #ffffff !important;}
.foot_tit {font-size:16px; font-weight:500;}
.material .wpb_content_element {margin-bottom:0px!important;}
.foot_btn {padding:0px 8px;}

@media only screen and (max-width:480px){ 
.foot_btn {padding:0px 4px;}
}

/* 업데이트 히스토리 

- hero video = slider revolutonr 교체 
- pos-type-order 플러그인 적용

*/





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

/* rem 부모 폰트 사이즈 = html 10px */
.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;}



/* 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; } }