/* * Copyright inpleworks, Co. */ /* ------------------------------------------------------------------------------------------------------------------ */ /* CUSTOM RESPONSIVE /* ------------------------------------------------------------------------------------------------------------------ */ /* Extra small devices (Phones 319px �댄븯) ---------------------------------------------------------------------------- */ @media (max-width: 319px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { width: 100%; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 18px; } } /* Extra small devices (Phones 768px �댄븯) ---------------------------------------------------------------------------- */ @media (max-width: 767px) { h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } } /* Small devices (tablets, 768px �댁긽) ---------------------------------------------------------------------------- */ @media (min-width: 768px) { /* page top */ .xet-page-top > div { height: 250px; } /* TOP SCROLL BUTTON -------------------------------------- */ #xet-top-scroll { width: 50px; height: 50px; line-height: 50px; } #xet-top-scroll a { background-size: 24px; } /* Push */ .xet-push-left { width: 320px; left: -320px; } .xet-push-right { width: 320px; right: -320px; } .push-toright { left: 320px !important; } .push-toleft { left: -320px !important; } } /* Medium devices (desktops, 992px �댁긽) ---------------------------------------------------------------------------- */ @media (min-width: 992px) { /* HEADER -------------------------------------- */ #xet-header { height: 80px; } .xet-logo { margin: 0 30px 0 0; width: 180px; height: 80px; line-height: 60px; text-align: left; } .xet-logo a { height: 60px; line-height: 60px; } #xet-header .xet-nav-ul > li > a, #xet-header .xet-nav-ul > li > button { height: 80px; line-height: 80px; } /* �꾩씠肄� 踰꾪듉 */ .xet-nav-ul > li.li-btn > button { width: 50px; } #xet-xs-login { position: relative; margin-left: 20px; } /* �щ씪�대뜑 ON */ #xet-header.use-slider { position: absolute; top: 0; left: 0; right: 0; height: 80px; } #xet-header.use-slider>div { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: transparent; } #xet-header.use-slider .xet-logo { height: 80px; line-height: 80px; } #xet-header.use-slider .xet-logo a { color: #fff; height: 80px; line-height: 80px; margin-top: 0; } #xet-header.use-slider .xet-nav-ul > li > a, #xet-header.use-slider .xet-nav-ul > li > button { height: 80px; line-height: 80px; color: #fff; } #xet-header.use-slider>.scroll-fixed .xet-logo a, #xet-header.use-slider>.scroll-fixed .xet-nav-ul > li > a, #xet-header.use-slider>.scroll-fixed .xet-nav-ul > li > button { color: #111 } #xet-header.use-slider .xet-logo a .logo-img-w { display: block; } #xet-header.use-slider .xet-logo a .logo-img-b { display: none; } /* scroll to fixed */ #xet-header>.scroll-fixed, #xet-header>.scroll-fixed .xet-nav-ul > li > a, #xet-header>.scroll-fixed .xet-nav-ul > li > button { height: 80px; line-height: 80px; } /* Section - Slider -------------------------------------- */ .xet-slider .xet-slider-container { height: calc(100vh); } /* Section - Feature -------------------------------------- */ .xet-feature .xet-icon-box { min-height: 200px; } /* Section - chain -------------------------------------- */ .xet-chain-item .chain-img-inner a { font-size: 18px; margin: 0 5px; } /* page top */ .xet-page-top > div { height: 200px; } /* LNB */ .xet-lnb { border-bottom: 1px solid #e1e1e1; } /* BTN -------------------------------------- */ .xet-btn-theme, .xet-btn-bg-theme { padding: 15px 40px; } #xet-top-scroll { bottom: 16px; right: 16px; } /* ------------------------------------------------------------------------------------------------------------------ */ /* PC �섎떒 踰꾪듉 /* ------------------------------------------------------------------------------------------------------------------ */ body.quickbutton_pc .xet-layout-body { padding-bottom: 60px; } body.quickbutton_pc #xet-top-scroll { bottom: 76px; } .bottom-btn { display: flex; } /* ------------------------------------------------------------------------------------------------------------------ */ /* 紐⑤컮�� �섎떒 踰꾪듉 /* ------------------------------------------------------------------------------------------------------------------ */ .mobile-bottom-btn { display: none; } } /* Large devices (large desktops, 1200px �댁긽) ---------------------------------------------------------------------------- */ @media (min-width: 1200px) { .xet-container-fluid { padding: 0 30px; } }