/* 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 {position: fixed;left: 0;top: 0;width: 100%;height: 100px;z-index: 100;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border-bottom: 1px solid #ddd;background-color: #fff;}
.header .container {height: 100%;position: relative;z-index: 100;}
.header h1 {height: 100%;display: flex;align-items: center;}
.header h1 a {display: flex;width: 283px;height: 40px;background-image: url('../../images/public2025/common/top_logo.png');background-position: 0 0;align-items: center;justify-content: center;}
.header h1 a span {display: none;}
.header_flex {height: 100%;display: flex;align-items: center;justify-content: space-between;}
.gnb {display: flex;align-items: center;}
.gnb .one {padding: 0 0;position: relative;}
.gnb .one .onea {height: 100px;font-size: 20px;color: #000;font-weight: 700;padding: 0 15px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb .one.on .onea,
.gnb .one .onea:hover {color: #087bf1;}
.menusearch {display: flex;align-items: center;}
.menusearch .search span {display: none;}
.menusearch .search {display: block;width: 20px;height: 21px;background-image: url('../../images/public2025/common/top_search.png');background-position: -20px 0;margin-right: 22px;}
.menusearch .menu {width: 28px;height: 20px;position: relative;z-index: 1004;}
.menusearch .menu:before,
.menusearch .menu:after {content: '';display: block;}
.menusearch .menu:after,
.menusearch .menu:before,

.menusearch .menu span {width: 100%;height: 2px;background-color: #000;position: absolute;left: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.menusearch .menu:after {top: 0;}
.menusearch .menu:before {bottom: 0;}
.menusearch .menu span {top: 9px;}
.footer {background-color: #edeff4;padding: 50px 0;}
.footer_in {overflow: hidden;position: relative;padding-left: 250px;}
.bottom_logo {position: absolute;left: 0;top: 22px;}
.bottom_addr p {font-size: 16px;color: #333333;font-weight: 500;line-height: 1.7;}
.bottom_link {display: flex;align-items: center;margin-bottom: 35px;}
.bottom_link a {font-size: 16px;color: #333333;font-weight: 500;}
.bottom_link a:hover {text-decoration: underline;}
.bottom_link .bltem {position: relative;padding-right: 22px;margin-right: 25px;}
.bottom_link .bltem:last-child {padding-right: 0;margin-right: 0;}
.bottom_link .bltem.bar:after {content: '';display: block;width: 1px;height: 15px;background-color: #6e7376;position: absolute;right: 0;top: 2px;}
.bottom_link .bltem select {outline: none;display: block;border: none;font-size: 16px;color: #333333;font-weight: 500;background-color: #edeff4;min-width: 166px;}
.family_site {position: absolute;right: 0;top: 0;}
.family_site select {outline: none;display: block;border: none;font-size: 16px;color: #333333;font-weight: 500;background-color: #edeff4;min-width: 166px;}
.move_top {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: rgb(0 0 0 / 50%);position: fixed;right: 50px;bottom: 50px;z-index: 100;border-radius: 50%;background-image: url('../../images/public2025/common/ico_top.png');background-repeat: no-repeat;background-position: center center;transform: rotate(180deg);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.move_top span {display: none;}
.scrolled .move_top {transform: rotate(0deg);}
.search_box_wrap {display: none;position: fixed;left: 50%;width: 520px;margin-left: -260px;;top: 180px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;z-index: 90;}
.search_box {border: 3px solid #dfe8ff;border-radius: 25px;background-color: rgb(255 255 255 / 30%);height: 70px;padding-right: 70px;position: relative;}
.search_box .input {height: 100%;width: 100%;border-radius: 20px;border: none;background-color: transparent;outline: none;padding: 0 25px;font-size: 20px;color: #fff;font-weight: 600;}
.search_box .submit {position: absolute;right: 0;top: 0;width: 70px;height: 100%;background-image: url('../../images/public2025/common/ms_search.png');background-position: center center;background-repeat: no-repeat;text-indent: -9999px;border: none;border-radius: 20px;cursor: pointer;background-color: transparent;}

.onsearch .header,
.ongnb .header,
.scrolled .header {background-color: #fff;-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
.sub .header  {background-color: #fff;border-bottom: 1px solid #ddd;}
.sub.ongnb .header {border-bottom: none;}
.sub .gnb .one .onea,
.ongnb .gnb .one .onea,
.onsearch .gnb .one .onea,
.scrolled .gnb .one .onea {color: #000;}
.onsearch .gnb .one .onea
.sub .gnb .one.on .onea,
.sub .gnb .one .onea:hover,
.ongnb .gnb .one.on .onea,
.ongnb .gnb .one .onea:hover,
.onsearch .gnb .one.on .onea,
.scrolled .gnb .one.on .onea,
.scrolled .gnb .one .onea:hover {color: #087bf1;}
.sub .menusearch .search,
.onsearch .menusearch .search,
.ongnb .menusearch .search,
.scrolled .menusearch .search {background-position: -20px 0;}
.sub .menusearch .menu:after,
.sub .menusearch .menu:before,
.sub .menusearch .menu span,
.ongnb .menusearch .menu:after,
.ongnb .menusearch .menu:before,
.ongnb .menusearch .menu span,
.onsearch .menusearch .menu:after,
.onsearch .menusearch .menu:before,
.onsearch .menusearch .menu span,
.scrolled .menusearch .menu:after,
.scrolled .menusearch .menu:before,
.scrolled .menusearch .menu span {background-color: #000;}
.sub .search_box_wrap,
.scrolled .search_box_wrap {top: 0px;}

.onsearch .search_box_wrap {display: block;top: 180px;}
.sub.onsearch .search_box_wrap {top: 180px;border-radius: 25px;}
.onsearch:before {content: '';display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 70%);z-index: 89;}
.main.scrolled .sb_close {display: block;}
.main.onsearch:before {display: none;}
.main.onsearch:before {display: block;}

.sub.onmenu .menusearch .menu:after,
.sub.onmenu .menusearch .menu:before,
.sub.onmenu .menusearch .menu span,
.scrolled.onmenu .menusearch .menu:after,
.scrolled.onmenu .menusearch .menu:before,
.scrolled.onmenu .menusearch .menu span {background-color: #fff;}

.onmenu .menusearch .menu span {opacity: 0;}
.onmenu .menusearch .menu:after {transform: rotate(45deg);top: 9px;}
.onmenu .menusearch .menu:before {transform: rotate(-45deg);bottom: 9px;}
.onmenu .move_top {opacity: 0;}

.sub_menu {padding: 0 20px;height: 0;overflow: hidden;text-align: center;position: absolute;left: 0;width: 100%;top: 100px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb .one.on .sub_menu {background-color: #f7f7f7;}
.sub_menu > li > a {font-size: 16px;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;}
.sub_menu > li > a:hover,
.sub_menu > li.on > a {color: #087bf1;}
.sub_menu > li:first-child {padding-top: 10px;}
.sub_menu > li:last-child {padding-bottom: 0;}
.sub_smenu {padding-top: 5px;}
.sub_smenu li a {font-size: 16px;color: #666;font-weight: 500;height: 35px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.sub_smenu li a:hover {text-decoration: underline;}
.header:before {content: "";display: block;width: 100%;height: 0;background-color: #fff;width: 100%;position: absolute;left: 0;top: 100px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s 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%);}
.ongnb .header:before {height: 310px;opacity: 1;}
.ongnb .sub_menu {height: 310px;}
.total_menu {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1003;background-color: #2CA9F9;-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.onmenu .total_menu {visibility: inherit;opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);}
.tgnb {height: 100%;display: flex;justify-content: space-between;}
.tgnb_wrap {width: 100%;}
.tgnb .one .onea {font-size: 25px;color: #fff;font-weight: 700;height: 50px;border-bottom: 1px solid rgb(255 255 255 / 37%);padding-bottom: 10px;margin-bottom: 20px;display: flex;align-items: center;}
.tsub_menu > li > a {font-size: 22px;color: #fff;font-weight: 500;height: 40px;display: flex;align-items: center;}
.tsub_menu > li > a:hover {text-decoration: underline;}
.tsub_smenu {margin-top: 10px;}
.tsub_smenu > li > a {font-size: 20px;color: #fff;font-weight: 500;height: 35px;display: flex;align-items: center;padding-left: 5px;}
.tsub_smenu > li > a:hover {text-decoration: underline;}
.container-md {padding: 0 25px;width: 780px;margin: 0 auto;height: 100%;display: flex;align-items: center;}
.sb_close {width: 36px;height: 33px;display: flex;position: absolute;right: -54px;top: 15px;align-items: center;justify-content: center;}
.sb_close:before {content: '';display: block;width: 38px;height: 2px;background-color: #fff;position: absolute;left: 0;top: 15px;transform: rotate(45deg);}
.sb_close:after {content: '';display: block;width: 38px;height: 2px;background-color: #fff;position: absolute;left: 0;top: 15px;transform: rotate(-45deg);}
.sb_close span {display: none;}
.total_menu .container-md {width: 1100px;} 

@media (max-width: 1399px) {
    .gnb .one .onea {font-size: 20px;padding: 0 10px;}
    .sub_menu > li > a {font-size: 16px;}
    .sub_smenu li a {font-size: 14px;}
    .bottom_logo {width: 270px;}
    .footer_in {padding-left: 270px;}
    .search_box_wrap {top: 135px;}
}

@media (max-width: 1199px) {
    .gnb {display: none;}
    .header {height: 80px;}
    .search_box_wrap {top: 85px;width: 400px;margin-left: -200px;}
    .family_site {position: static;margin-top: 20px;}
    .total_menu .container-md {width: 850px;}
    .tgnb .one .onea {font-size: 20px;}
    .tsub_menu > li > a {font-size: 18px;}
    .tsub_smenu > li > a {font-size: 16px;}
}

@media (max-width: 991px) {
    .search_box {height: 60px;}
    .move_top {display: none;}
    .bottom_logo img {width: 97px;}
    .bottom_logo {width: 130px;}
    .footer_in {padding-left: 130px;}
    .family_site {position: static;margin-top: 20px;right: auto;top: auto;}
    .search_box {height: 50px;padding-right: 50px;}
    .search_box .submit {width: 50px;background-size: 20px auto;}
    .header {height: 60px;}
    .tgnb .one .onea {font-size: 20px;height: 40px;padding-bottom: 5px;margin-bottom: 15px;}
    .tsub_menu > li > a {font-size: 18px;}
    .tsub_smenu > li > a {font-size: 15px;}
    .tgnb {display: block;margin: 0 -15px;overflow: hidden;}
    .tgnb .one {float: left;width: 50%;height: 350px;padding: 0 15px;} 
    .container-md {width: 100%;}
    .sb_close {top: 7px;}
    .bottom_link {margin-bottom: 15px;}
    .bottom_link .bltem {padding-right: 15px;margin-right: 15px;}
    .bottom_addr p {font-size: 13px;}
    .family_site select {font-size: 13px;}
    .bottom_link a {font-size: 13px;}
    .bottom_link .bltem select {font-size: 13px;}
    .footer {padding: 30px;}
    .bottom_logo {top: 0;}
    .total_menu .container-md {width: 750px;}
}

@media (max-width: 767px) {
    .footer {padding: 25px 0;}
    .bottom_logo {position: static;left: auto;top: auto;width: auto;margin-bottom: 20px;}
    .footer_in {padding-left: 0;}
    .bottom_link {margin-bottom: 15px;}
    .bottom_link .bltem {padding-right: 15px;margin-right: 18px;}
    .header h1 a {background-size: 141px auto;width: 141px;height: 20px;}
    .total_menu .container-md {width: 100%;}
}

@media (max-width: 575px) {
    .bottom_link a {font-size: 15px;}
    .tgnb .one {width: 100%;height: auto;margin-bottom: 10px;} 
    .tgnb .one .onea {font-size: 18px;height: 35px;padding-bottom: 2px;margin-bottom: 5px;}
    .tsub_menu {padding-left: 10px;}
    .tsub_smenu {padding-left: 15px;margin-top: 0;}
    .tsub_menu > li > a {font-size: 15px;height: 35px;}
    .tsub_smenu > li > a {font-size: 13px;height: 30px;}
    .main .search_box_wrap {width: 280px;margin-left: -165px;}
    .sub .search_box_wrap {width: 280px;margin-left: -160px;}
    .scrolled .search_box_wrap {margin-left: -160px;}
    .sub.onsearch .search_box_wrap {top: 90px;}
    .scrolled.onsearch .search_box_wrap {top: 85px;}
    .bottom_link {display: block;}
    .bottom_link .bltem.bar {margin-bottom: 10px;}
    .bottom_link .bltem.bar:after {display: none;}
    .bottom_link a {text-decoration: underline;}
    .bottom_link .bltem select,
    .family_site select {border-bottom: 1px solid #000;height: 35px;}
    .tgnb .one {display: flex;margin-bottom: 25px;}
    .tgnb .one .onea {flex-shrink: 0;width: 172px;border-bottom: none;}
    .tsub_menu {flex-grow: 1;border-left: 1px solid rgb(255 255 255 / 10%);}
}