/* Typho - Coding */
html {font-size:16px;} /* PC 폰트 rem 값 부모 */
.txs {font-size:0.5rem; line-height:1.4em;} 
.ts {font-size:0.8rem; line-height:1.4em;} 
.tm {font-size:1.5rem; line-height:1.5em;}
.tl {font-size:2rem; line-height:1.3em;}
.txl {font-size:2.5rem; line-height:1.2em;}
.txxl {font-size:3.5rem; line-height:1.2em;}
.w100 {font-weight:100;} .w300 {font-weight:300;} .w400 {font-weight:400;} .w500 {font-weight:500;} .w700 {font-weight:700;} .w900 {font-weight:900;}

/* 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 0px #f1f1f1;}
body .wrap_page_menu_scroll ul.page_menu li.on a:after {border-bottom: 0px solid #645DC7;}


/* layout */
.wpb_row {margin-bottom: 0px;} /* row 기본 마진 */
.sub_top {padding:10% 0%!important;}
.con_area_tit {margin-top:2%!important;}
body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright, body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"] #copyright {padding-top:10px;}
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {padding-bottom:10px;}
body .wrap_page_menu_scroll ul.page_menu li {margin: 30px 20px 20px 10px;}


/* 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;}
body .wrap_page_menu_scroll ul.page_menu li {margin: 30px 10px 10px 5px;}
body .wrap_page_menu_scroll ul.page_menu li a {font-size:13px;}

/* 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; } }
