@charset "utf-8";


html {position: relative; height: 100%; min-height: 100%; margin: 0; -webkit-text-size-adjust:none;}
body {position: relative; width: 100%; height: auto; min-height: 100%; 
font-family: 'Montserrat', 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif';  letter-spacing: 0;}
*, *::before, *::after {padding:0; margin:0; box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: 'Montserrat', 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; word-break: keep-all;}
input,button,textarea,select{font-family: 'Montserrat', 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; }
ul {list-style-type: none; padding-inline-start: 0;}
a {text-decoration: none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0;}
button {border: none; background:none; cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea {font-size: 20px; resize: none;}
textarea:focus {outline:none;}
textarea::placeholder {color:#999;}
form .hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
input {border: 1px solid #e6e6e6; font-size: 17px; font-weight: 400; height: 60px; border-radius: 10px; padding: 0;}
input::placeholder {font-weight: 400; color:#999;}
select {border: none; border: 1px solid #e6e6e6; font-size: 17px; height: 60px; background: url('../images/select_arrow_x3.png') #fff no-repeat right 25px center / 11px 7px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 0 20px; color:#222;}
textarea {font-size: 18px; resize: none;border: none;border: 1px solid #ddd; height: 300px; width: 100%; border-radius: 10px; padding: 20px;}
.form_radio_btn {display: flex;}
input[type="radio"] {display:none;}
input[type="radio"] + label {cursor: pointer; display: flex; align-items: center; width: 26px; height : 26px; border: 1px solid #cdcdcd; border-radius: 50%; justify-content: center; margin: 0 auto; text-align: center;}
input[type="radio"] + label:hover {background: #f5f5f5;}
input[type="radio"] + label span {display: inline-block; width: 13px; height: 10px; margin: 2px 1px 0 0; vertical-align: sub; background: url('../images/check_off.png') center no-repeat; cursor: pointer; background-size: cover;}
input[type=radio]:checked + label {background: #111; border: 1px solid #111; color: #fff;}
input[type="radio"]:checked + label span {background:url('../images/check_on.png') center no-repeat; background-size: cover;}
input[type="radio"] + label .caption {cursor: pointer; display: inline-block; font-size: 16px; font-weight: 300; color:#999; vertical-align: revert;}
input[type="radio"]:checked + label .caption {color:#000;}

.wrapper {width: 100%; max-width: 1512px; padding: 0 16px; margin: 0 auto; position: relative;}


/** Table **/
.tb::-webkit-scrollbar {width: 5px; height: 5px;}
.tb::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 50px; border-radius: 10px; }
.tb::-webkit-scrollbar-track {background:none;}
.tb table {width: 100%; border-top: 1px solid #20a8be;}
.tb table thead th {font-size: 20px; background-color: #f2fafb; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 0 4px; height: 70px; vertical-align: middle; font-weight: 600; color: #222; letter-spacing: -0.5px;}
.tb table tbody td {font-size: 20px; color: #666; text-align: center; letter-spacing: -0.5px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 0 4px; height: 70px; word-break: keep-all; vertical-align: middle; font-weight: 400;}
.tb table thead th:nth-child(1), .tb table tbody td:nth-child(1) {background-color: #f2fafb; font-weight: 600; color: #222;}
.tb table thead th:last-child, .tb table tbody td:last-child {border-right: 0;}


/** Pagination**/
.pagination {text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 45px;}
.pagination span {margin: 0 10px; display: flex; align-items: center; justify-content: center;}
.pagination a {font-size: 16px; color:#999; font-weight: 500; width: 20px; margin: 0 10px; line-height: 22px; display: inline-block; border-bottom: 3px solid #fff; vertical-align: top; display: flex; align-items: center; justify-content: center;}
.pagination a:hover, .pagination a.on {color: #000; border-bottom: 3px solid #000;}
.pagination a.first {background: url('../images/pagination_first.png') no-repeat center / 16px 14px;}
.pagination a.prev {background: url('../images/pagination_prev.png') no-repeat center / 9px 14px;}
.pagination a.next {background: url('../images/pagination_next.png') no-repeat center / 9px 14px;}
.pagination a.last {background: url('../images/pagination_last.png') no-repeat center / 16px 14px;}
.pagination a.first:hover, .pagination a.prev:hover, .pagination a.next:hover, .pagination a.last:hover {border: none;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {font-size: 0; width: 16px;}
.pagination a.prev {margin-right: 20px;}
.pagination a.next {margin-left: 20px;} 
.pagination a.move {width: 13px; margin: 0 10px; flex-shrink: 0;}
.pagination a.move:hover {border: none;}


/** Header **/
#header {transition: transform .28s ease;}
#header.header--hidden {transform: translateY(-100%);}
.header {width: 100%; position: fixed; z-index: 999; background: #fff;}
.header_con {width:100%; display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 99;}
.header_con .hd_inner {width: 100%; padding: 0 44px;}
.header_con .max_w {display: flex; justify-content:space-between; align-items: center;}
.header_con .logo {z-index: 9; width: 320px;}
.header_con .logo a {display: inline-block; font-size: 24px; font-weight: 700; color: #10646e; padding: 20px 0; transition: all 0.3s;}
/* navigator */
.header_con .navigator {display: flex; align-items: center;}
.header_con .navigator .header-menu {display: inline-block; vertical-align: middle;}
.header_con .navigator .header-menu li {display: inline-block; padding: 33px 35px; vertical-align: top; cursor: pointer; position: relative; text-align: center; color:#202123; font-weight: 500; min-width: 0; transition: all 0.3s;}
.header_con .navigator .header-menu li span {font-family: 'SeoulHangang', 'Apple SD Gothic Neo', serif !important; font-weight: 700;}
.header_con .navigator .header-menu li .sub_menu {display: none; text-align: center; position: absolute; padding-top: 30px; top: 100px; left: 50%; transform: translateX(-50%); width: 100%;}
.header_con .navigator .header-menu li:first-child .sub_menu::before {content: ''; display: inline-block; width: 1px; height: 319px; background: #eee; position: absolute; top: 0; left: -3px;}
.header_con .navigator .header-menu li .sub_menu:after {content: ''; display: inline-block; width: 1px; height: 319px; background: #eee; position: absolute; top: 0; right: -3px;}
.header_con .navigator .header-menu li .sub_menu li {display: block; padding: 6px 10px; border: none;}
.header_con .navigator .header-menu li .sub_menu li a {color: #202123; font-weight: 500; word-break: keep-all; white-space: nowrap;}
.header_con .navigator .header-menu li .sub_menu li a:hover {color:#10646e;}
/* util menu */
.header_con .right_menu {display: flex; gap: 32px; align-items: center; height: 100px;}
.header_con .now_btn {border-radius: 50px; overflow: hidden; position: relative; height: 40px; display: flex; align-items: center;}
.header_con .now_btn .bg {width: 100%; height: 100%; background: url('../images/header_btn_bg.jpg') no-repeat center / cover; position: absolute; transform: scale(1.2); transition: all 0.3s;}
.header_con .now_btn:hover .bg {transform: scale(1); transition: all 0.3s;}
.header_con .now_btn .text {display: flex; align-items: center; gap: 12px; padding: 0 21px; z-index: 1;}
.header_con .now_btn .text span {display: inline-block; width: 26px; height: 1px; background: #fff;}
.header_con .now_btn .text .f18 {color: #fff; font-weight: 700; white-space: nowrap;}
/* lang */
.header_con .lang {display: inline-block; position: relative; padding: 20px 0; cursor: pointer; margin: 0;}
.header_con .lang .active {position: relative; font-weight: 700; display: flex; align-items: center;}
.header_con .lang .active .txt {color:#202123; font-weight: 600; letter-spacing: 0; display: flex; align-items: center;}
.header_con .lang .active .txt span {display: inline-block; background: url('../images/lang_arrow.png') no-repeat center / cover; width: 10px; height: 7px; margin-left: 10px;}
.header_con .lang .active .txt span {transition: transform .3s ease;}
.header_con .lang.on .active .txt span {transform: rotate(180deg);}
.header_con .lang .lang_menu {display:none; background-color: #fff; border: 1px solid #eee; width: 63px; position: absolute; left: 50%; transform: translateX(-50%); top: 55px; box-shadow: 4px -2px 19px rgb(85 77 61 / 14%); text-align: center; z-index: 9; border-radius: 10px; padding: 18px 6px;}
.header_con .lang .lang_menu a {font-size: 16px; font-weight: 600; color:#202123; display: block;}
.header_con .lang .lang_menu a:not(:last-child) {margin-bottom: 10px;}
.header_con .lang .lang_menu a:hover {color: #10646e; font-weight: 600;}
/* all menu */
.header_con .all_menu {cursor: pointer; position: relative; vertical-align: middle; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; gap: 6px; width: 32px; height: 50px; transition: all 0.3s;}
.header_con .all_menu span {display: block; width: 100%; height: 3px; background: #3c8790; transition: all 0.3s;}
.header_con .all_menu span:nth-child(2) {width: 50%; transition: all 0.3s;}
.header_con .all_menu:hover span:nth-child(2) {width: 100%; transition: all 0.3s;}
.header_con .bg_img {display: flex; align-items: flex-end; position: absolute; bottom: 0; right: 0; opacity: 0; overflow: hidden;}
.header_con .bg_img span {display: inline-block; position: relative; bottom: -20px;}
.header_con .bg_img .img1 {background: url('../images/header_sub_img1.png') no-repeat center / cover; width: 84px; height: 59px; right: -25px;}
.header_con .bg_img .img2 {background: url('../images/header_sub_img2.png') no-repeat center / cover; width: 105px; height: 140px;}
/* active */
.header_con.on {height: 420px; background-color: #fff; transition: all 0.7s ease-in-out; box-shadow: 10px 20px 25px rgb(0 0 0 / 10%); }
.header_con.on .hd_inner {box-shadow: 10px 0px 15px rgb(0 0 0 / 15%); transition: all 0.3s ease;}
.header_con.on .navigator .header-menu li {min-width: 240px; transition: all 0s; transition-delay: 0}
.header_con.on .bg_img {opacity: 1; transition: all 0.8s;}
.header_con.on .bg_img span {bottom: 0; transition: all 0.8s;}
.header_con.on .bg_img .img1 {}
.header_con.on .bg_img .img2 {transition-delay: .2s}
.header_con .hd_inner.on .navigator {display: none;}
.header_con .hd_inner.on .lang .active .txt {color: #fff;}
.header_con .hd_inner.on .all_menu span {background: #fff;  transition: all 0.3s;}
.header_con .hd_inner.on .all_menu span:nth-child(1) {transform: rotate(45deg); transition: all 0.3s;}
.header_con .hd_inner.on .all_menu span:nth-child(2) {width: 100%; transform: rotate(-45deg); position: absolute;}
/* modal */
.header .modal {position: fixed; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; z-index: 9; background:#fff; overflow:hidden; display: none;}
.header .modal_con_wrap {display: flex; align-items: center; height: 100vh; background: #fcfaf7;}
.header .modal_con_wrap .left {width: 60%; background: url('../images/all_menu_bg.jpg') no-repeat right bottom; padding: 180px 0;}
.header .modal_menu {height: 100%; padding-left: 14vw;}
.header .modal_menu li {line-height: normal; display: flex;}
.header .modal_menu li .f48 {color:#202123; font-weight: 600; margin-right: 0; cursor: pointer; display: inline-block; transition: all 0.3s;}
.header .modal_menu li:not(:last-child) .f48 {margin-bottom: 50px; }
.header .modal_menu li .f48:hover {color:#3c8790; transition: all 0.3s;}
.header .modal_sub_menu {display: flex; gap: 44px; margin-top: 25px; display:none;}
.header .modal_sub_menu li a {font-size: 20px; font-weight: 600; color:rgb(32 33 35 / 50%); white-space:nowrap; transition: all 0.3s;}
.header .modal_sub_menu li a:hover {color:#3c8790; transition: all 0.3s;}
.header .modal_con_wrap .right {width: 40%; height: 100vh; overflow: hidden;}
.header .modal_con_wrap .right span {display: block; background: url('../images/allmenu_bg.jpg') no-repeat center / cover; width: 100%; height: 100%; transform: scale(1.3);}
/* modal :: on */
.header .modal.on .modal_con_wrap .right span {transform: scale(1); transition: all 3s ease-in-out;}
/* modal :: 스크롤 금지 */
html.no-scroll, body.no-scroll {overflow: hidden; height: 100%; overscroll-behavior: contain;}
body.no-scroll {position: fixed;  width: 100%;}
body.no-scroll #fullpage, body.no-scroll .container {overflow: hidden !important;  height: 100vh !important;}
/** Header **/


/** Footer **/
.footer_wrap {background: #0b292c;}
.footer_wrap .footer_inner {display: flex; justify-content: space-between;  padding: 60px 16px 50px;}
.footer_wrap .footer_info {}
.footer_wrap .footer_info .footer_logo {color: #fff; font-weight: 700;}
.footer_wrap .footer_info .footer_contact {margin-top: 26px;}
.footer_wrap .footer_info .footer_contact li {color: #fff; font-size: 16px; font-weight: 400;}
.footer_wrap .footer_info .footer_contact li:not(:last-child) {margin-bottom: 10px;}
.footer_wrap .footer_info .footer_contact li span {opacity: 0.4; width: 43px; display: inline-block;}
.footer_wrap .footer_links {}
.footer_wrap .footer_links ul {display: flex; align-items: center;}
.footer_wrap .footer_links li {display: flex; align-items: center;}
.footer_wrap .footer_links li:not(:last-child)::after {content: ''; display: inline-block; width: 1px; height: 16px; background: #fff; opacity: 0.2; margin: 0 27px;}
.footer_wrap .footer_links li a {color: #fff; font-size: 16px; font-weight: 400;}
.footer_wrap .footer_links li a:hover {opacity: 0.7;}
.footer_wrap .footer_copy {background: #0d2f33; }
.footer_wrap .footer_copy .copyright {color: #fff; opacity: 0.3; text-align: center; padding: 15px 0;}
/** Footer **/


/** Floating Menu **/
.floating_menu {position: fixed; bottom: 34px; right: 32px; display: flex; flex-direction: column; gap: 12px; z-index: 1000;}
.floating_menu .floating_item {position: relative; cursor: pointer;}
.floating_menu .floating_btn {display: flex; border-radius: 50%; width: 64px; height: 64px; overflow: hidden;}
.floating_menu .floating_btn span {display: block; width: 100%; height: 100%;}
.floating_menu .bot_chat .floating_btn, .floating_menu .bot_chat .floating_label {background: #42a2ff;}
.floating_menu .ship .floating_btn, .floating_menu .ship .floating_label {background: #558dd1;}
.floating_menu .bot_chat .floating_btn span {background: url('../images/floating_bot_chat.png') no-repeat center / cover;}
.floating_menu .ship .floating_btn span {background: url('../images/floating_ship.png') no-repeat center / cover;}
.floating_menu .floating_label {position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; color: #fff; font-weight: 700; border-radius: 50px; white-space: nowrap; z-index: -1; padding-right: 64px; display: flex; align-items: center;}
.floating_menu .floating_label span {padding: 0; opacity: 0; font-size: 0; transition: all 0.3s;}
.floating_menu .floating_item:hover .floating_label span {padding: 0 20px 0 25px; opacity: 1; font-size: 20px; transition: all 0.3s;}
/** Floating Menu **/


/** Chatbot **/
.chatbot_wrap {position: fixed; bottom: 34px; right: 100px; width: 100%; max-width: 410px; height: 700px; background: #fff; border-radius: 25px; margin: 0 16px; padding: 0 12px; box-shadow: 0 8px 16px rgba(0,0,0,0.25); border: 1px solid #eee; flex-direction: column; overflow: hidden; display: flex; flex-flow: column; z-index: 9999; display: none;}
.chatbot_wrap .chatbot_header {padding: 13px 12px 13px 15px; display: flex; justify-content: space-between; align-items: center;}
.chatbot_wrap .chatbot_header span {color: #202123; font-weight: 600;}
.chatbot_wrap .chatbot_close {background: url('../images/chatbot_close.png') no-repeat center / cover; width: 16px; height: 16px;}
.chatbot_wrap .chatbot_body {padding: 28px 12px; overflow-y: auto; background: #f8f8f8; border-radius: 20px; height: 100%; max-height: 558px;}
.chatbot_wrap .msg {margin-bottom: 12px; display: flex; flex-direction: column;}
.chatbot_wrap .msg.user {align-items: flex-end;}
.chatbot_wrap .msg .name {display: flex; align-items: center; gap: 8px; color: #474747; font-weight: 600; margin-bottom: 8px;}
.chatbot_wrap .msg .chatbot_profile {display: block; background: url('../images/chatbot_profile.png') center / cover no-repeat, linear-gradient(#63b3ff, #3ca0ff); width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.chatbot_wrap .msg .bubble {border-radius: 28px; padding: 15px 20px; max-width: 80%; font-size: 18px; line-height: 24px; font-weight: 500;}
.chatbot_wrap .msg.bot .bubble {align-self: flex-start; background: #fff;  border-top-left-radius: 0; color: #202123;}
.chatbot_wrap .msg.user .bubble {align-self: flex-end; background: #2f7d6d; color: #fff; border-top-right-radius: 0;}
.chatbot_wrap .msg .time {color: #999; font-weight: 500; margin-top: 4px;}
.chatbot_wrap .chatbot_input {display: flex; width: 100%; position: relative; margin: 14px 0 12px;}
.chatbot_wrap .chatbot_input input {flex: 1; border: none; font-size: 16px; font-weight: 500; color: #333; padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 50px; }
.chatbot_wrap .chatbot_input input::placeholder {color: #888; font-weight: 500;}
.chatbot_wrap .chatbot_input input:focus {outline: none;}
.chatbot_wrap .btn_send {display: flex; border: none; padding: 16px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.chatbot_wrap .btn_send span {display: block; background: url('../images/chatbot_send.png') no-repeat center / cover; width: 20px; height: 17px;}
/* 챗봇 본문: 스크롤바 */
.chatbot_wrap .chatbot_body {overflow-y: auto; scrollbar-width: thin ; -ms-overflow-style: auto; scrollbar-color: #ddd transparent;}
/* Chrome, Edge, Safari */
.chatbot_wrap .chatbot_body::-webkit-scrollbar{ width: 6px !important;}
.chatbot_wrap .chatbot_body::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 6px !important;}
.chatbot_wrap .chatbot_body::-webkit-scrollbar-track{background: transparent;}
.chatbot_wrap .chatbot_body::-webkit-scrollbar-button {width: 0; height: 0; display: none;}
/** Chatbot **/









.agree_pop{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.5)}
.agree_pop.atv_pop{display: block}

.agree_pop_content{position: absolute; left: 50%;
  top: 50%; background: #fff; padding: 40px; border-radius: 10px;
  transform: translate(-50%, -50%); width: 100%; max-width: 900px}

.pop03 .agree_pop_content{max-width: 660px;}

.agree_pop_content .agree_title{position: relative; }

.agree_pop_content .agree_title h2{font-size: 25px;}
.agree_pop_content .agree_title .close_pop{position: absolute; right: 0; top: 0; cursor: pointer}

.agree_pop_info{max-height: 400px; overflow-y: auto; margin-top: 15px; padding: 15px 0; border-top: 1px solid #ddd}
.agree_pop_info h3{font-size: 18px; font-weight: bold; word-break: keep-all; margin-bottom: 10px}
.agree_pop_info p{font-size: 16px; font-weight: 400; word-break: keep-all}
.agree_pop_info p + h3{margin-top: 30px}







@media (min-width: 1025px) {
   .header .modal .modal_con_wrap .modal_menu .f48 { cursor: default; }
   .header .modal .modal_con_wrap .modal_menu .modal_sub_menu {display: flex !important; opacity: 1; transform: none;}
}


@media (max-width: 2000px) {
   .header_con.on .navigator .header-menu li {min-width: 200px;}
}


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


@media (max-width: 1850px) {
   .header_con .logo {width: 293px;}
   .header_con .navigator .header-menu li {padding: 31px 25px; font-size: 18px; line-height: 28px;}
   .header_con .navigator .header-menu li .sub_menu {top: 90px;}
   .header_con .navigator .header-menu li .sub_menu li a {font-size: 16px;}
   .header_con .right_menu {height: 90px ;gap: 25px;}
   .header_con .now_btn .text .f18 {font-size: 16px;}
   .header_con .lang .active .txt {font-size: 15px;}
   .header_con .navigator .header-menu li .sub_menu {padding-top: 20px;}
   .header_con .navigator .header-menu li .sub_menu:after, .header_con .navigator .header-menu li:first-child .sub_menu::before {height: 280px;}
   .header_con.on {height: 370px;}
   .header_con.on .navigator .header-menu li {min-width: 170px;}
   .header .modal_menu {padding-left: 10vw;}
   .header .modal_sub_menu {margin-top: 22px;}
   .floating_menu {bottom: 26px; right: 20px;}
}


@media (max-width: 1600px) {
   .header_con.on {height: 340px;}
   .header_con .navigator .header-menu li .sub_menu {top: 80px;}
   .header_con .hd_inner {padding: 0 16px;}
   .header_con .logo {width: auto; margin-right: 20px;}
   .header_con .navigator .header-menu li {padding: 26px 16px; font-size: 17px;}
   .header_con .navigator .header-menu li .sub_menu:after, .header_con .navigator .header-menu li:first-child .sub_menu::before {height: 260px;}
   .header_con .right_menu {height: 80px;}
   .header .modal_menu {padding-left: 8vw;}
   .header .modal_menu li:not(:last-child) .f48 {margin-bottom: 40px;}
   .header .modal_sub_menu {margin-top: 18px;}
   .header .modal_sub_menu li a {font-size: 18px;}
   .header_con .lang .lang_menu a {font-size: 15px;}
   .footer_wrap .footer_inner {padding: 40px 16px;}
   .chatbot_wrap {height: 600px;}
   .chatbot_wrap .msg .bubble {font-size: 16px; line-height: 22px;}
   .chatbot_wrap .chatbot_body {padding: 20px 12px;}
}


@media (max-width: 1440px) { 
   .header .modal_sub_menu {gap: 24px; margin-top: 14px;}
   .header .modal_sub_menu li a {font-size: 16px;}
   .header .modal_menu li:not(:last-child) .f48 {margin-bottom: 36px;}
   .header_con .right_menu {gap: 20px;}
   .header_con.on {height: 340px;}
   .header_con.on .navigator .header-menu li {min-width: 155px;}
   .floating_menu {bottom: 20px; right: 16px; gap: 8px;}
   .floating_menu .floating_btn {width: 60px; height: 60px;}
   .floating_menu .floating_label {padding-right: 60px;}

   .tb table thead th, .tb table tbody td {font-size: 18px; line-height: 26px; height: 64px;}
   select {background: url('../images/select_arrow_x3.png') #fff no-repeat right 15px center / 11px 7px;}

}


@media (max-width: 1200px) { 
   .header_con .navigator .header-menu li {padding: 21px 16px; font-size: 16px; line-height: 22px;}
   .header_con .navigator .header-menu li .sub_menu {top: 70px;}
   .header_con .navigator .header-menu li .sub_menu li {padding: 8px 6px;}
   .header_con .navigator .header-menu li .sub_menu li a {font-size: 15px; line-height: 19px; white-space: normal;}
   .header_con .right_menu {height: 70px;}
   .header_con .now_btn .text .f18 {font-size: 15px;}
   .header_con .navigator .header-menu li .sub_menu {padding-top: 12px;}
   .header_con .navigator .header-menu li .sub_menu:after, .header_con .navigator .header-menu li:first-child .sub_menu::before {height: 237px;}
   .header_con .now_btn .text {padding: 0 16px; gap: 8px;}
   .header_con.on {height: 310px;}
   .header_con.on .navigator .header-menu li {min-width: auto;}
   .chatbot_wrap {height: 500px; width: 360px; border-radius: 18px;}
   .chatbot_wrap .msg .bubble {font-size: 15px; line-height: 21px; padding: 12px 16px;}

   input, select {height: 54px;}
   textarea {height: 240px;}

}



@media (max-width: 1024px) { 
   .header_con .logo a {padding: 15px 0;}
   .header_con .right_menu {height: 60px;}
   .header_con .navigator {display: none;}
   .header_con .now_btn {height: 36px;}
   .header .modal_sub_menu {margin-top: 12px;}
   .header .modal_menu li:not(:last-child) .f48 {margin-bottom: 10px;}
   .header .modal_menu li:not(:last-child) {margin-bottom: 12px;}
   .header_con .lang .lang_menu {top: 48px; padding: 14px 4px;}
   .header_con .lang .lang_menu a {font-size: 14px;}
   .footer_wrap .footer_inner {flex-flow: column; padding: 24px 16px 30px;}
   .footer_wrap .footer_links {margin-top: 24px;}
   .footer_wrap .footer_info .footer_contact {margin-top: 20px;}
   .footer_wrap .footer_info .footer_contact li {font-size: 15px;}
   .footer_wrap .footer_info .footer_contact li:not(:last-child) {margin-bottom: 8px;}
   .footer_wrap .footer_links li a {font-size: 15px;}
   .footer_wrap .footer_links li:not(:last-child)::after {margin: 0 18px;}
   .floating_menu .floating_btn {width: 54px; height: 54px;}
   .floating_menu .floating_label {padding-right: 54px;}
   .chatbot_wrap .chatbot_input input {font-size: 15px;}

   table colgroup col:nth-child(1) {width: 20%;}
   table colgroup col:nth-child(2) {width: 40%;}
   table colgroup col:nth-child(3) {width: 40%;}
   .tb table thead th, .tb table tbody td {font-size: 16px; line-height: 24px; height: 60px;}
   input, select, textarea {font-size: 16px;}
   input[type="radio"] + label {width: 22px; height: 22px;}

}


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


@media (max-width: 768px) {
   .footer_wrap .footer_info .footer_contact li span {width: 35px;}
   .footer_wrap .footer_info .footer_contact {margin-top: 16px;}

   .chatbot_wrap {position: fixed; left: 0; right: 0; top: env(safe-area-inset-top); bottom: env(safe-area-inset-bottom); height: auto; max-height: none; min-height: 0; width: 100%; margin: 0; border: none; border-radius: 0; background: #fff; flex-direction: column; overflow: hidden; overscroll-behavior: contain;}
   .chatbot_wrap .chatbot_body {flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;}
   .chatbot_wrap .chatbot_header {padding-top: calc(13px + env(safe-area-inset-top));}

   textarea {height: 200px;}

}



@media (max-width: 640px) {
   .header .modal_con_wrap .left {width: 100%;}
   .header .modal_con_wrap .right {display: none;}
   .header .modal_menu li {justify-content: center;}
   .header .modal_menu li .f48 {text-align: center;}
   .header_con .hd_inner.on .lang .active .txt {color: #202123;}
   .header_con .hd_inner.on .all_menu span {background: #3c8790;}
   .header .modal_menu {padding-left: 0;}

}


@media (max-width: 480px) {
   .footer_wrap .footer_info .footer_contact li {display: flex; flex-flow: column; gap: 6px;}
   .footer_wrap .footer_info .footer_contact li:not(:last-child) {margin-bottom: 12px;}
   .footer_wrap .footer_links li:not(:last-child)::after {margin: 0 12px;}

   .tb table thead th, .tb table tbody td {font-size: 14px; line-height: 22px; height: 54px;}
   .pagination a {margin: 0; width: 30px; height: 30px;}
   .pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {margin: 0 6px;}
   .pagination a.prev {margin-right: 20px;}
   .pagination a.next {margin-left: 20px;}
}


@media (max-width: 375px) {
   .header_con .right_menu {gap: 16px;}
   .header_con .now_btn .text span {display: none;}
   .header_con .now_btn .text .f18 {font-size: 14px;}

   .tb table thead th, .tb table tbody td {font-size: 13px; line-height: 21px; height: 52px;}
   .pagination a.prev {margin-right: 14px;}
   .pagination a.next {margin-left: 14px;}

}