/*a:focus {outline: dashed 3px #0088ff;}*/
html,body {height: 100%;}
.img-responsive {display: block;max-width: 100%;}
.img-center {margin: 0 auto;}

::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-thumb {background-color: #c3c6cd;border-radius: 15px;background-clip: padding-box;border: 2px solid transparent;}
::-webkit-scrollbar-track {background-color: #fff;border-radius: 15px;box-shadow: inset 0px 0px 5px white;}

header {background: #fff; padding: 0;background-color: #fff;position: relative;z-index: 1000;border-bottom: 1px solid #ddd;}
header:before {content: "";display: block;width: 100%;height: 0;background-color: #fff;width: 100%;position: absolute;left: 0;top: 100px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;opacity: 0;border-top: 1px solid #ddd;-webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 10%);box-shadow: 0 3px 5px rgb(0 0 0 / 10%);}
.header {position: relative;height: 100px;}
.header_in {position: relative;z-index: 91;background-color: #fff;}
.header h1 {position: absolute;left: 0;top: 0;height: 100%;display: flex;align-items: center;}
.gnb_wrap {display: flex;align-items: center;justify-content: center;padding-left: 0px;}
.gnb > li {float: left;position: relative;}
.gnb > li > a:after {content: '';display: block;width: 100%;bottom: 0;height: 2px;position: absolute;left: 0;background-color: #5463e2;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb > li.on > a:after {opacity: 1;}
.gnb > li > a {display: flex;align-items: center;justify-content: center;height: 100px;font-size: 22px;color: #111111;font-weight: 700;padding: 0 35px;}
.utils {position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;}
.utils > a {margin-right: 13px;}
.utils > a img {display: block;}
.utils > a:last-child {margin-right: 0;}

.utils .sitemap {width: 24px;height: 24px;position: relative;}
.utils .sitemap span,
.utils .sitemap:before,
.utils .sitemap:after {content: '';display: block;width: 24px;height: 2px;background-color: #717479;position: absolute;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.utils .sitemap:before {top: 4px;left: 0;}
.utils .sitemap span {top: 11px;left: 0;}
.utils .sitemap:after {top: 18px;left: 0;}

.smenu {position: absolute;left: 0;top: 100px;width: 100%;height: 0;overflow: hidden;}
.smenu > li > a {font-size: 18px;color: #000;font-weight: 500;display: flex;align-items: center;height: 40px;justify-content: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;text-align: center;}
.smenu > li > a:hover {color: #5463e2;}
.smenu > li:first-child {padding-top: 15px;}
.smenu > li:last-child {padding-bottom: 15px;}

.ongnb header:before {height: 240px;opacity: 1;}
.ongnb .smenu {height: 240px;}

.lan_wrap {position: relative;margin-right: 20px;height: 25px;width: 25px;}
.lan_wrap ul {position: absolute;left: -12px;width: 60px;top: 30px;border: 1px solid #ddd;background-color: #fff;display: none;z-index: 12;}
.lan_wrap ul li a {font-size: 15px;color: #333;font-weight: 600;padding: 10px 10px 10px 13px;display: flex;align-items: center;}
.lan_wrap ul li a:hover {text-decoration: underline;}
.lan_wrap.on ul {display: block;}

.is-nav .utils .sitemap span {opacity: 0;}
.is-nav .utils .sitemap:before {transform: rotate(45deg);top: 10px;}
.is-nav .utils .sitemap:after {transform: rotate(-45deg);top: 10px;}

.foot_roll_wrap {margin-top: 120px;padding: 27px 0;border-top: 1px solid #ddd;}
.foot_roll {padding: 0 40px;position: relative;}
.foot_roll .owl-carousel .owl-nav button.owl-prev,
.foot_roll .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;margin-top: -9px;width: 11px;height: 18px;background-repeat: no-repeat;background-position: 0 0;}
.foot_roll .owl-carousel .owl-nav button.owl-prev span,
.foot_roll .owl-carousel .owl-nav button.owl-next span {display: none;}
.foot_roll .owl-carousel .owl-nav button.owl-prev {background-image: url('/images/user/common/fr_prev.png');left: -40px;}
.foot_roll .owl-carousel .owl-nav button.owl-next {background-image: url('/images/user/common/fr_next.png');right: -40px;}
.foot_roll .owl-carousel .owl-item img {width: auto;display: block;margin: 0 auto;max-width: 100%;}

footer {background-color: #f5f6f9;padding: 50px 0;border-top: 1px solid #ddd;}
.footer {padding-left: 375px;padding-right: 290px;position: relative;}
.footer h2 {width: 375px;position: absolute;left: 0;top: 0;}
.footer h2:after {content: '';display: block;width: 1px;height: 83px;background-color: #ddd;position: absolute;right: 0;top: 0;}
.foot_sub {padding-left: 50px;}
.footer_link {display: flex;align-items: center;margin-bottom: 20px;}
.footer_link a {font-size: 16px;color: #333333;font-weight: 400;letter-spacing: -0.5px;}
.footer_link .bar {padding-right: 20px;position: relative;margin-right: 16px;}
.footer_link .bar:after {content: '';display: block;width: 1px;height: 14px;background-color: #ddd;position: absolute;right: 0;top: 2px;}
.foot_sub p {font-size: 15px;color: #8a8b8b;font-weight: 400;line-height: 1.5;letter-spacing: -0.5px;}
.foot_sub p strong {font-weight: 600;}
.footer .family {position: absolute;right: 0;top: 0;border: 1px solid #ddd;height: 50px;background-color: #fff;border-radius: 5px;width: 255px;padding: 0 20px;outline: none;}

.cate_wrap {margin-bottom: 45px;}
.cate_wrap:before {content: '';display: table;}
.cate_wrap:after {content: '';display: table;clear: both;}
.cate_wrap .cate_cell {float: left;width: 12.5%;}
.cate_wrap a {display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.cate_txt {font-size: 20px;color: #111111;font-weight: 400;margin-top: 15px;text-align: center;}
.cate_wrap a .box {background-color: #fff;width: 96px;height: 96px;border-radius: 20px;box-shadow: 0 0 7px rgb(0 0 0 / 10%);display: flex;align-items: center;justify-content: center;transition: all .1s ease;position: relative;overflow: hidden;}
.cate_wrap a .box span {display: block;height: 62px;background-repeat: no-repeat;background-position: 0 0;position: relative;z-index: 2;}
.cate_wrap a:hover .box {box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);}
.cate_wrap a .box .before_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 20px;background-color: #5463e2;}
.cate_wrap a .box .after_b {position: absolute;top: -100%;left: 50%;width: 100%;height: 100%;z-index: 0;background-color: #5463e2;border-radius: 20px;transform: translate(-50%, -50%);display: none;}
.cate_wrap a .box .on,
.cate_wrap a .box .off {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.cate_wrap a .box .on {opacity: 0;}

.cate_wrap .cate6 .box span {width: 53px;background-image: url('/images/user/main/m_ico1.png');}
.cate_wrap .cate5 .box span {width: 43px;background-image: url('/images/user/main/m_ico2.png');}
.cate_wrap .cate4 .box span {width: 50px;background-image: url('/images/user/main/m_ico3.png');}
.cate_wrap .cate7 .box span {width: 58px;background-image: url('/images/user/main/m_ico4.png');}
.cate_wrap .cate2 .box span {width: 49px;background-image: url('/images/user/main/m_ico5.png');}
.cate_wrap .cate1 .box span {width: 60px;background-image: url('/images/user/main/m_ico6.png');}
.cate_wrap .cate8 .box span {width: 52px;background-image: url('/images/user/main/m_ico7.png');}
.cate_wrap .cate3 .box span {width: 42px;background-image: url('/images/user/main/m_ico8.png');}

.cate_wrap .cate6 .box .on {background-position: -53px 0;}
.cate_wrap .cate5 .box .on {background-position: -43px 0;}
.cate_wrap .cate4 .box .on {background-position: -50px 0;}
.cate_wrap .cate7 .box .on {background-position: -58px 0;}
.cate_wrap .cate2 .box .on {background-position: -49px 0;}
.cate_wrap .cate1 .box .on {background-position: -60px 0;}
.cate_wrap .cate8 .box .on {background-position: -52px 0;}
.cate_wrap .cate3 .box .on {background-position: -42px 0;}

.sitemap_wrap {position: absolute;left: 0;top: 0;background-color: #fff;padding: 50px;width: 100%;transform: translateY(-100%);z-index: 90;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border-top: 1px solid #ddd;overflow-y: auto;}
.is-nav .sitemap_wrap {translate: none;rotate: none;scale: none;opacity: 1;transform: translate(0px, 100px);}
body:before {content: '';display: block;position: fixed;width: 100%;height: 100vh;background-color: rgb(0 0 0 / 30%);z-index: 5;visibility: hidden;opacity: 0;}
body.is-nav:before {visibility: visible;opacity: 1;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
ul.sitemap_menu:before {content: '';display: table;}
ul.sitemap_menu:after {content: '';display: table;clear: both;}
ul.sitemap_menu {margin-left: -5px;margin-right: -5px;}
ul.sitemap_menu > li {float: left;width: 20%;padding-left: 5px;padding-right: 5px;}
ul.sitemap_menu > li > a {font-size: 30px;color: #333;font-weight: 600;letter-spacing: -0.5px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;border-bottom: 1px solid #efefef;padding-bottom: 10px;}
ul.sitemap_menu > li > a:hover {color: #5463e2;}
.sm_smenu li a {font-size: 18px;color: #333;font-weight: 500;letter-spacing: -0.5px;display: flex;align-items: center;padding: 10px 20px;justify-content: center;}
.sm_smenu li a:hover {text-decoration: underline;color: #5463e2;}
.sm_bmenu li a {font-size: 20px;color: #333;font-weight: 600;display: flex;align-items: center;letter-spacing: -0.5px;padding: 10px;justify-content: center;}
.sm_bmenu li a:hover {text-decoration: underline;color: #5463e2;}

.util_search {position: absolute;right: 0;top: 0;height: 50px;width: 300px;background-color: #fff;border: 2px solid #ddd;border-radius: 10px;padding-right: 100px;z-index: 80;opacity: 0;visibility: hidden;translate:(0, 0);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.is-search .util_search {transform: translate(0px, 78px);opacity: 1;visibility: visible;}
.util_search .input {height: 100%;width: 100%;border: none;outline: none;border-radius: 10px;padding: 0 0 0 10px;font-size: 18px;color: #000;font-weight: 400;}
.util_search .submit {position: absolute;right: 50px;top: 0;height: 100%;width: 50px;font-size: 0;text-indent: -9999px;background-image: url('/images/user/main/m_search.png');background-repeat: no-repeat;background-position: center center;border-radius: 10px;border: none;outline: none;cursor: pointer;background-size: 20px auto;background-color: transparent;border: none;}
.us_del {width: 50px;height: 100%;position: absolute;right: 0;top: 0;background-image: url('/images/user/common/material-symbols_close.svg');background-repeat: no-repeat;background-position: center center;background-size: 15px auto;background-color: transparent;border: none;border-left: 1px solid #ddd;cursor: pointer;}
.us_del span {display: none;}

.mb100 {margin-bottom: 100px;}
.mb90 {margin-bottom: 90px;}
.mb80 {margin-bottom: 80px;}
.mb70 {margin-bottom: 70px;}
.mb60 {margin-bottom: 60px;}
.mb50 {margin-bottom: 50px;}
.mb40 {margin-bottom: 40px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}

@media (max-width: 1619px) {
}

@media (max-width: 1399px) {
    .gnb > li > a {font-size: 18px;padding: 0 20px;}
    .footer h2 {width: 260px;}
    .footer {padding-left: 260px;}
    .foot_sub {padding-left: 30px;}
}

@media (max-width: 1199px) {
    .gnb_wrap {display: none;}
    .header {height: 80px;}
    .mb50 {margin-bottom: 40px;}
    .mb60 {margin-bottom: 40px;}
    .footer .family {position: static;margin-left: 30px;margin-top: 30px;}
    .cate_txt {font-size: 16px;}

    ul.sitemap_menu > li > a {font-size: 20px;}
    .sitemap_wrap .sm_tit,
    .sm_bmenu li a {font-size: 16px;}
    .sm_smenu li a {font-size: 14px;padding: 5px 10px;}
    .sitemap_wrap .container {width: 100%;}
    .is-nav .sitemap_wrap {transform: translate(0px, 80px);}
    .mb80 {margin-bottom: 50px;}
}

@media (max-width: 991px) {
    .mb50 {margin-bottom: 30px;}
    .footer {padding: 0;}
    .footer h2 {width: auto;position: static;margin-bottom: 20px;}
    .footer h2 img {width: 115px;}
    .footer h2:after {display: none;}
    .foot_sub {padding-left: 0;}
    .footer .family {margin-left: 0;margin-top: 15px;}
    .footer .family {height: 40px;font-size: 15px;padding: 0 15px;}
    .foot_roll .owl-carousel .owl-item img {height: 28px;}
    .foot_roll_wrap {margin-top: 90px;}

    .cate_wrap .cate_cell {width: 25%;margin-bottom: 15px;}
    .cate_txt {margin-top: 10px;}
    .cate_wrap {margin-bottom: 15px;}

    .sitemap_wrap {padding: 20px 0;}
    .sitemap_wrap .container {width: 100%;}
}

@media (max-width: 767px) {
    .header {height: 60px;}
    .is-nav .sitemap_wrap {transform: translate(0px, 60px);}
    .header h1 img {width: 180px;}
    .utils a {margin-right: 10px;}
    .lan_wrap {margin-right: 10px;}
    .mb10 {margin-bottom: 5px;}
    .mb30 {margin-bottom: 10px;}
    .mb40 {margin-bottom: 20px;}
    .mb50 {margin-bottom: 30px;}
    .mb60 {margin-bottom: 30px;}
    .mb80 {margin-bottom: 30px;}

    ul.sitemap_menu > li {width: 100%;}
    ul.sitemap_menu > li > a,
    .sm_bmenu li a {justify-content: start;}
    .sm_bmenu li a {padding-left: 0;padding-right: 0;}
    .sitemap_wrap .sm_tit {display: inline-flex;padding-left: 15px;padding-right: 15px;}
    ul.sitemap_menu > li > a {margin-bottom: 10px;}
    ul.sitemap_menu > li {margin-bottom: 20px;border-bottom: 1px solid #ddd;}
    .sm_smenu_wrap {padding-left: 20px;margin-bottom: 10px;}
    ul.sitemap_menu > li:last-child {border-bottom: none;}
    ul.sitemap_menu > li:last-child,
    ul.sitemap_menu > li:last-child .sm_smenu_wrap {margin-bottom: 0;}
    .sm_bmenu li a {padding: 5px 10px;}
    .is-search .util_search {transform: translate(0px, 60px);}
}

@media (max-width: 575px) {
    .foot_roll_wrap {margin-top: 50px;}

    .cate_wrap a .box {width: 70px;height: 70px;}
    .cate_txt {font-size: 12px;}

    .cate_wrap a .box span {background-size: auto 31px;height: 31px;}
    .cate_wrap .cate6 .box span {width: 27px;}
    .cate_wrap .cate5 .box span {width: 22px;}
    .cate_wrap .cate4 .box span {width: 25px;}
    .cate_wrap .cate7 .box span {width: 29px;}
    .cate_wrap .cate2 .box span {width: 25px;}
    .cate_wrap .cate1 .box span {width: 30px;}
    .cate_wrap .cate8 .box span {width: 26px;}
    .cate_wrap .cate3 .box span {width: 21px;}

    .cate_wrap .cate6:hover .box span {background-position: -27px 0;}
    .cate_wrap .cate5:hover .box span {background-position: -22px 0;}
    .cate_wrap .cate4:hover .box span {background-position: -25px 0;}
    .cate_wrap .cate7:hover .box span {background-position: -29px 0;}
    .cate_wrap .cate2:hover .box span {background-position: -25px 0;}
    .cate_wrap .cate1:hover .box span {background-position: -30px 0;}
    .cate_wrap .cate8:hover .box span {background-position: -26px 0;}
    .cate_wrap .cate3:hover .box span {background-position: -21px 0;}

    .cate_wrap .cate6 .box .on {background-position: -27px 0;}
    .cate_wrap .cate5 .box .on {background-position: -22px 0;}
    .cate_wrap .cate4 .box .on {background-position: -25px 0;}
    .cate_wrap .cate7 .box .on {background-position: -29px 0;}
    .cate_wrap .cate2 .box .on {background-position: -25px 0;}
    .cate_wrap .cate1 .box .on {background-position: -30px 0;}
    .cate_wrap .cate8 .box .on {background-position: -26px 0;}
    .cate_wrap .cate3 .box .on {background-position: -21px 0;}

    .sitemap_wrap {padding: 70px 0 10px 0;height: 100vh;}
    .is-nav .sitemap_wrap {transform: translate(0px, 0);}
    ul.sitemap_menu > li > a {font-size: 16px;}
    .sitemap_wrap .sm_tit, .sm_bmenu li a {font-size: 14px;}
    .sm_bmenu li a {padding-top: 5px;padding-bottom: 5px;}
    ul.sitemap_menu > li {margin-bottom: 10px;}
    .sm_smenu_wrap {margin-bottom: 5px;}
    ul.sitemap_menu > li > a {margin-bottom: 5px;padding-bottom: 5px;}

    .mb50 {margin-bottom: 20px;}
    .mb60 {margin-bottom: 30px;}
}