@charset "UTF-8";
/*----------reset css-----------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

img { border: 0; max-width: 100%; vertical-align: middle; height: auto; }

iframe { max-width: 100%; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="text"]:focus { outline: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

textarea:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, p, figure { padding: 0; margin: 0; }

textarea { resize: none; }

*:focus { outline: none; }

/*元素垂直置中*/
/*會由後台上稿的圖片*/
/*-------------------unrest css-----------------*/
.unreset { font-size: 16px; }
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; text-align: center; }
.unreset th { font-weight: bold; text-align: center; }
.unreset body { margin: 8px; }
.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset .unreset sub, .unreset .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset:link, .unreset:visited { text-decoration: underline; }
.unreset:focus { outline: thin dotted invert; }
.unreset img { max-width: 100%; height: initial !important; }
.unreset iframe { max-width: 100%; }
.unreset .embeddedContent { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.unreset .embeddedContent iframe, .unreset .embeddedContent object, .unreset .embeddedContent embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.unreset a { color: #0066ff; }

.unreset table { background-color: transparent; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
.unreset th { text-align: left; }
.unreset .dcf-txt-center { text-align: center !important; }
.unreset .dcf-txt-left { text-align: left !important; }
.unreset .dcf-txt-right { text-align: right !important; }
.unreset .dcf-table caption { color: var(--caption); font-size: 1.13em; font-weight: 700; padding-bottom: 0.56rem; }
.unreset .dcf-table thead { font-size: 0.84em; }
.unreset .dcf-table tbody { border-bottom: 1px solid var(--b-table); border-top: 1px solid var(--b-table); font-size: 0.84em; }
.unreset .dcf-table tfoot { font-size: 0.84em; }
.unreset .dcf-table td, .unreset .dcf-table th { padding-right: 1.78em; }
.unreset .dcf-table-bordered, .unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th { border: 1px solid var(--b-table); }
.unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th, .unreset .dcf-table-striped td, .unreset .dcf-table-striped th { padding-left: 1em; padding-right: 1em; }
.unreset .dcf-table-bordered tr:not(:last-child), .unreset .dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid var(--b-table); }
.unreset .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: var(--bg-table-stripe); }
.unreset .dcf-table thead td, .unreset .dcf-table thead th { padding-bottom: .75em; vertical-align: bottom; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th, .unreset .dcf-table tfoot td, .unreset .dcf-table tfoot th { padding-top: .75em; vertical-align: top; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th { padding-bottom: 0.75em; }
.unreset .dcf-table-bordered thead th { padding-top: 1.33em; }
.unreset .dcf-wrapper-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: 1em; position: relative; right: 50%; width: 100vw; }
.unreset .dcf-overflow-x-auto { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 42.09em) { .unreset .dcf-table-responsive thead { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap; }
  .unreset .dcf-table-responsive tr { display: block; }
  .unreset .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: grid; grid-template-columns: 1fr 2fr; text-align: left !important; }
  .unreset .dcf-table-responsive.dcf-table-bordered, .unreset .dcf-table-responsive.dcf-table-bordered thead th { border-width: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: 0.75em; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0; }
  .unreset .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em; } }
.c2 { color: #222222; }

.c3 { color: #333333; }

.c5 { color: #555555; }

.c7 { color: #777777; }

.cd { color: #dddddd; }

.ce { color: #eeeeee; }

.redcolor { color: #ff0000; }

.purplecolor { color: #6189fa; }

.main_c { color: #156082; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f17 { font-size: 17px; }

.f18 { font-size: 18px; }

.f19 { font-size: 19px; }

.f20 { font-size: 20px; }

.f21 { font-size: 21px; }

.f22 { font-size: 22px; }

.f23 { font-size: 23px; }

.f24 { font-size: 24px; }

.f25 { font-size: 25px; }

.f26 { font-size: 26px; }

.f27 { font-size: 27px; }

.f28 { font-size: 28px; }

.f29 { font-size: 29px; }

.f30 { font-size: 30px; }

.f31 { font-size: 31px; }

.f32 { font-size: 32px; }

.f33 { font-size: 33px; }

.f34 { font-size: 34px; }

.f35 { font-size: 35px; }

.f36 { font-size: 36px; }

.f37 { font-size: 37px; }

.f38 { font-size: 38px; }

.f39 { font-size: 39px; }

.f40 { font-size: 40px; }

.f41 { font-size: 41px; }

.f42 { font-size: 42px; }

.f43 { font-size: 43px; }

.f44 { font-size: 44px; }

.f45 { font-size: 45px; }

.f46 { font-size: 46px; }

.f47 { font-size: 47px; }

.f48 { font-size: 48px; }

.f49 { font-size: 49px; }

.f50 { font-size: 50px; }

.f51 { font-size: 51px; }

.f52 { font-size: 52px; }

.f53 { font-size: 53px; }

.f54 { font-size: 54px; }

.f55 { font-size: 55px; }

.f56 { font-size: 56px; }

.f57 { font-size: 57px; }

.f58 { font-size: 58px; }

.f59 { font-size: 59px; }

.f60 { font-size: 60px; }

.letterspace20 { letter-spacing: 0.02em; }

.letterspace30 { letter-spacing: 0.03em; }

.letterspace50 { letter-spacing: 0.05em; }

.text-indent2 { text-indent: 2em; }

.normalP { letter-spacing: 0.03em; line-height: calc(28/16); }

.bgeeeeee { background-color: #eeeeee; }

.textalignleft { text-align: left; }

.textaligncenter { text-align: center; }

.textalignright { text-align: right; }

.displayinlineblock { display: inline-block; }

.displayflex { display: flex; }

.inlineblockmarr5 { display: inline-block; margin-right: 5px; }

.marginright10 { margin-right: 10px; }

.marginbottom20 { margin-bottom: 20px; }

.padtop10 { padding-top: 10px; }

.padbot10 { padding-bottom: 10px; }

.padtop20 { padding-top: 20px; }

.padbot20 { padding-bottom: 20px; }

.padtop30 { padding-top: 30px; }

.padbot30 { padding-bottom: 30px; }

.padtop40 { padding-top: 40px; }

.padbot40 { padding-bottom: 40px; }

.padtop50 { padding-top: 50px; }

.padbot50 { padding-bottom: 50px; }

.padtop60 { padding-top: 60px; }

.padbot60 { padding-bottom: 60px; }

.padtop70 { padding-top: 70px; }

.padbot70 { padding-bottom: 70px; }

.padtop80 { padding-top: 80px; }

.padbot80 { padding-bottom: 80px; }

.padtop90 { padding-top: 90px; }

.padbot90 { padding-bottom: 90px; }

.padtop100 { padding-top: 100px; }

.padbot100 { padding-bottom: 100px; }

.padtop110 { padding-top: 110px; }

.padbot110 { padding-bottom: 110px; }

.padtop120 { padding-top: 120px; }

.padbot120 { padding-bottom: 120px; }

.padtop130 { padding-top: 130px; }

.padbot130 { padding-bottom: 130px; }

@media (max-width: 1280px) { .padtop130, .padtop100 { padding-top: 60px; }
  .padbot110 { padding-bottom: 80px; } }
@media (max-width: 480px) { .padtop130, .padtop100, .padtop50 { padding-top: 30px; }
  .padbot110 { padding-bottom: 60px; } }
.pad20 { padding: 0 20px 20px 20px; }

.marginleftright10 { margin: 0 10px; }

.marginbottom5 { margin-bottom: 5px; }

@media (max-width: 480px) { .mobiledisplaybr br { display: none; } }

.btnstyle { border-radius: 3px; font-size: 17px; line-height: 1; text-transform: uppercase; color: #fff; background: var(--main_color); border: none; padding: 16px 50px; display: inline-block; }
.btnstyle.style2 { background: linear-gradient(to right, #000000 0%, #666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.btnstyle.blackbtn { background: linear-gradient(to right, #1a1a1a 1%, #666666 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 25px 120px; }
.btnstyle.yellowbtn { background: linear-gradient(to right, #f9c420 1%, #dc3d16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.btnstyle.backbtn { background: none; border: 2px solid #000; color: #333333; }
.btnstyle.graybtn { background: #cccccc; }
.btnstyle:hover { transform: scale(0.95); }

@media (max-width: 480px) { .btnstyle { font-size: 17px; font-weight: 600; padding: 10px 20px; }
  .btnstyle.blackbtn { padding: 25px 70px; } }
.btnstyle2 { border-radius: 12px; font-weight: 500; font-size: 20px; color: #fff; border: 2px solid #4757b3; background-color: #6c7dd9; padding: 10px 35px; display: inline-block; }
.btnstyle2:hover { transform: scale(0.95); }

.btnstyle3 { border-radius: 12px; font-size: 20px; min-width: 238px; padding: 10px 35px; display: inline-block; border: 2px solid #333333; text-align: center; }
.btnstyle3:hover { transform: scale(0.95); }

.btnstyle_circle { background-color: #f74848; border-radius: 50%; border: 4px solid #cc2929; font-size: 18px; font-weight: 500; color: #fff; height: 80px; width: 80px; line-height: 72px; text-align: center; display: block; }
.btnstyle_circle:hover { transform: scale(1.05); }

.flexcenter { display: flex; flex-wrap: wrap; justify-content: center; }

.flexaligncenter { display: flex; flex-wrap: wrap; align-items: center; }

.flexbetween { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; }

.alignitems { align-items: center; }

.btncenter { text-align: center; margin: 20px 0px; }

.circlebtn { width: 100px; height: 100px; border-radius: 100%; display: flex; text-align: center; align-items: center; justify-content: center; font-weight: bold; font-size: 15px; background-color: #ccc; }
.circlebtn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.linkstyle { text-decoration: underline; }
.linkstyle:hover { opacity: 0.6; }

.hoverunderline:hover { text-decoration: underline; }

.backpre { text-align: center; }

.vefify { display: flex; flex-wrap: wrap; justify-content: center; }

.inputstyle { background-color: #fff; border: 1px solid #d5d5d5; padding: 18px 20px; width: 100%; border-radius: 2px; font-size: 16px; }
.inputstyle[disabled="disabled"] { color: #999999; background-color: #f2f2f2; }
.inputstyle::placeholder { color: #b5b5b5; font-weight: var(--Light); }
.inputstyle.w75 { width: 75px; }
.inputstyle.w100 { width: 100px; }
.inputstyle.w150 { width: 150px; }
.inputstyle.w200 { width: 200px; }
.inputstyle.w310 { width: 310px; }
@media (max-width: 767px) { .inputstyle.w310 { width: 100%; } }
.inputstyle.textareastyle { height: 218px; }
.inputstyle.bordergraybg { background: #f2f2f2; border: 1px solid #dbdbdb; border-radius: 20px; padding: 8px 15px; }
.inputstyle.bordergraybgshadow { background: #f2f2f2; border-radius: 20px; padding: 10px 15px; border: none; -webkit-box-shadow: inset 5px 5px 0px 0px #e0e0e0; -moz-box-shadow: inset 5px 5px 0px 0px #e0e0e0; box-shadow: inset 5px 5px 0px 0px #e0e0e0; }

@media (max-width: 480px) { .inputstyle { font-size: 16px; } }
.twzipcodeinput { margin-right: 5px; }

.labelblock { display: inline-block; padding: 3px 25px 3px 0px; }
.labelblock label { cursor: pointer; }

.radiobox { margin-right: 10px; }

.radiostyle { margin-right: 3px; }

.radiobtnset .radiobtn { cursor: pointer; }
.radiobtnset .radiobtn input[type=radio], .radiobtnset .radiobtn input[type=checkbox] { visibility: hidden; width: 0; height: 0; }
.radiobtnset .radiobtn .t { cursor: pointer; padding: 3px 15px; line-height: 1; background-color: #fff; border-radius: 3px; border: 1px solid #166083; text-align: center; display: inline-block; }
.radiobtnset .radiobtn .t:hover { color: #fff; background-color: #166083; border: 1px solid #166083; }
.radiobtnset .radiobtn input[type=radio]:checked + .t, .radiobtnset .radiobtn input[type=checkbox]:checked + .t { background-color: #166083; border: 1px solid #166083; color: #fff; }

input.checkstyle[type=checkbox] { visibility: hidden; position: absolute; }

input.checkstyle[type=checkbox] + .checkboxbefore { cursor: pointer; display: inline-block; }

input.checkstyle[type=checkbox] + .checkboxbefore:before { height: 25px; width: 25px; margin-right: 6px; content: " "; display: inline-block; vertical-align: text-bottom; transition: 0.3s; background: url(../images/checkbox.svg) no-repeat; background-size: contain; }

input.checkstyle[type=checkbox]:checked + .checkboxbefore:before { background: url(../images/checkbox_checked.svg) no-repeat; height: 25px; width: 25px; background-size: contain; }

input.checkstyle2[type=checkbox] { visibility: hidden; position: absolute; }

input.checkstyle2[type=checkbox] + .checkboxbefore2 { cursor: pointer; display: inline-block; }

input.checkstyle2[type=checkbox] + .checkboxbefore2:before { height: 41px; width: 41px; margin-right: 4px; content: " "; display: inline-block; vertical-align: text-bottom; transition: 0.3s; background: url(../images/checkbox2.png) no-repeat; background-size: contain; }

input.checkstyle2[type=checkbox]:checked + .checkboxbefore2:before { background: url(../images/checkbox2_checked.png) no-repeat; background-size: contain; }

.unreset .listystyle { margin-left: 0; }

.listystyle { padding-left: 20px; }
.listystyle li { margin-bottom: 10px; }

.enlist { padding-left: 30px; }
.enlist li { list-style: upper-roman; }
.enlist li::marker { color: #ca000a; }

.page_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 70px 0 40px 0; color: #2f2f2f; font-weight: 300; }
@media (max-width: 480px) { .page_box { padding: 20px 0 30px 0; } }
.page_box .page_num { padding: 8px 12px; background-color: #fff; border-radius: 3px; border: 1px solid #b1b1b1; margin: 5px; line-height: 1; }
.page_box .page_num.active, .page_box .page_num:hover { background-color: #ccc; border: 1px solid #ccc; color: #fff; }
.page_box a.page_arrow { display: inline-block; color: #222222; }
.page_box a.page_arrow:hover { color: #fff; border: none; }
.page_box .page_dot { display: inline-block; padding: 10px; text-align: center; margin: 0 3px; }
.page_box .page_select { display: inline-block; margin: 5px 10px; font-size: 18px; color: #000; font-weight: var(--Medium); }
.page_box .page_select .num_input { border: none; background-color: #fff; border-radius: 3px; border: 1px solid #b1b1b1; width: 50px; height: 33px; padding: 8px 0px; margin: 0 5px; text-align: center; }

@media (max-width: 480px) { .page_box .page_num { padding: 6px 10px; }
  .page_box .page_select { margin: 5px 7px; font-size: 12px; } }
.unreset { line-height: 1.8; }
@media (max-width: 480px) { .unreset { font-size: 15px; } }

table.formtable tbody tr th, table.formtable tbody tr td { padding: 8px 8px; border: 2px solid #fff; background: #e5e9ff; font-size: 15px; text-align: center; }
table.formtable tbody tr td.graybg { background: #eeeeee; border-bottom: 1px solid #fff; }

.EN table.formtable tbody tr th, table.formtable tbody tr td { font-size: 13px; }

@media (max-width: 768px) { table.formtable tbody tr th, table.formtable tbody tr td { padding: 8px 10px; } }
.table_overflow { width: 100%; overflow: auto; }

table.noborder { width: 100%; }
@media (max-width: 480px) { table.noborder tr td { display: block; width: 100%; }
  table.noborder tr td.mobileinlineblock { display: inline-block; width: initial; }
  table.noborder tr td:first-child { padding-bottom: 0; }
  table.noborder tr td:nth-child(2) { padding-top: 0; } }
table.noborder tr td { padding: 5px; }

table.borderbottom { width: 100%; margin-top: 30px; }
@media (max-width: 767px) { table.borderbottom { font-size: 12px; } }
table.borderbottom tr th, table.borderbottom tr td { text-align: center; padding: 20px 10px; }
table.borderbottom tr th { background-color: #329ec1; color: #fff; font-size: 17px; letter-spacing: 0.02em; font-weight: normal; }
table.borderbottom tr td { border-bottom: 1px solid #e5e5e5; padding: 30px 10px; font-size: 18px; }

ul.iconlist li { list-style: none; display: flex; flex-wrap: wrap; font-weight: bold; margin-bottom: 3px; }
ul.iconlist li.normalweight { font-weight: normal; }
ul.iconlist li .icon { flex-shrink: 0; }
ul.iconlist li .txt { flex: 1; padding-left: 5px; }

ol.ollist { padding-left: 22px; }

.notextunderline { text-decoration: none; }

.flexicon, .unreset .flexicon { display: flex; }
.flexicon .icon, .unreset .flexicon .icon { flex-shrink: 0; margin-right: 5px; }
.flexicon .icon i, .unreset .flexicon .icon i { font-style: normal; }
.flexicon .txt, .unreset .flexicon .txt { flex: 1; }

.unreset .twophotoflex { display: flex; justify-content: space-between; }
.unreset .twophotoflex .box { width: 49%; }

.empty-row { margin-left: auto; margin-right: auto; padding: 40px 20px; max-width: 640px; }
.empty-row .img-box { max-width: 100px; margin-left: auto; margin-right: auto; }
.empty-row .img-box img { display: block; width: 100%; }
.empty-row .content { margin-top: 40px; text-align: center; }
.empty-row .content .title { color: #222; font-size: 32px; line-height: 1.2; margin: 0; }
.empty-row .content .des { color: #999; font-size: 17px; line-height: 1.6; margin: 0; margin-top: 20px; }
.empty-row .btn-row { margin-top: 40px; }
.empty-row .btn-row .link { background: #aaa; color: #fff; display: block; font-size: 17px; margin-left: auto; margin-right: auto; padding: 13px; text-align: center; text-decoration: inherit; transition: all .4s; width: 120px; }
.empty-row .btn-row .link:hover { background: #777; }

@media (max-width: 640px) { .empty-row .content { margin-top: 30px; }
  .empty-row .content .title { font-size: 26px; }
  .empty-row .content .des { font-size: 16px; margin-top: 15px; }
  .empty-row .btn-row { margin-top: 30px; } }
.error-row { background: url(../images/error-background.svg) no-repeat; background-position: center top; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 60px 20px; }
.error-row .img-box { max-width: 640px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }
.error-row .img-box img { display: block; width: 100%; }
.error-row .img-box .error-code { color: #555; font-size: 120px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin: 0; position: absolute; top: 42%; left: 50%; transform: translateX(-57%); }
.error-row .content { margin-top: 50px; text-align: center; }
.error-row .content .title { color: #444; font-size: 30px; font-weight: bold; margin: 0; }
.error-row .content .des { margin-top: 25px; }
.error-row .content .des p { color: #555; font-size: 18px; line-height: 1.6; margin: 0; }
.error-row .content .des p:not(:last-child) { margin-bottom: 5px; }
.error-row .btn-row { margin-top: 80px; }
.error-row .btn-row .link { border-radius: 30px; background: #666666; color: #fff; display: block; font-size: 24px; padding: 15px 13px; margin-left: auto; margin-right: auto; text-align: center; text-decoration: inherit; text-transform: uppercase; transition: all .4s; width: 240px; }
.error-row .btn-row .link:hover { background: #333; }

@media (max-width: 1440px) { .error-row .img-box { max-width: 540px; }
  .error-row .img-box .error-code { font-size: 100px; }
  .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 1024px) { .error-row .img-box { max-width: 440px; }
  .error-row .img-box .error-code { font-size: 70px; top: 45%; }
  .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 640px) { .error-row .img-box .error-code { font-size: 50px; top: 45%; }
  .error-row .content { margin-top: 30px; }
  .error-row .content .title { font-size: 26px; }
  .error-row .content .des { margin-top: 15px; }
  .error-row .content .des p { font-size: 16px; }
  .error-row .btn-row { margin-top: 30px; }
  .error-row .btn-row .link { font-size: 17px; max-width: 170px; } }
.sharebox { display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px; }
.sharebox .share_t { color: #666666; }
.sharebox .sharelinks { display: flex; align-items: center; gap: 10px; }

.sitemap-row { display: flex; flex-wrap: wrap; padding: 20px 0; margin-left: auto; margin-right: auto; gap: 25px; }

.sitemap-row a { text-decoration: inherit; }

.sitemap-row .map-item { border-right: 1px solid #fff; box-sizing: border-box; margin-bottom: 30px; width: calc((100% - 25px*3) / 4); }

.sitemap-row .map-item .title-link { background: #eeeeee; color: #15263b; display: block; font-size: 22px; font-weight: 500; line-height: 1.2; padding: 17px 25px 15px; text-align: center; border-radius: 2px; }

.sitemap-row .map-item .title-link:hover { font-weight: bold; }

.sitemap-row .map-list { margin-top: 15px; margin-bottom: 0; padding-left: 40px; padding-right: 20px; }

.sitemap-row .map-list li { list-style: none; }

.sitemap-row .map-list > li { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; text-align: center; }

.sitemap-row .map-list .second-link { color: #262626; font-size: 20px; line-height: 1.3; text-align: center; }

.sitemap-row .map-list .second-link:hover { font-weight: bold; position: relative; }

.sitemap-row .third-list { padding-left: 17px; margin-top: 10px; }

.sitemap-row .third-list > li { padding-top: 5px; padding-bottom: 5px; }

.sitemap-row .third-list .third-link { color: #333; font-size: 16px; line-height: 1.3; position: relative; }

.sitemap-row .third-list .third-link:before { color: #aaa; content: "\f0da"; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 14px; position: absolute; top: 3px; left: -15px; }

.sitemap-row .third-list .third-link:hover { font-weight: bold; }

.sitemap-row .third-list .third-link:hover:before { color: #333; }

.sitemap-row .four-list { padding-left: 17px; margin-top: 10px; }

.sitemap-row .four-list > li { padding-top: 5px; padding-bottom: 5px; }

.sitemap-row .four-list .four-link { color: #333; font-size: 16px; line-height: 1.3; position: relative; }

.sitemap-row .four-list .four-link:before { color: #aaa; content: "-"; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 14px; position: absolute; top: 3px; left: -15px; }

.sitemap-row .four-list .four-link:hover { font-weight: bold; }

.sitemap-row .four-list .four-link:hover:before { color: #333; }

@media (max-width: 1024px) { .sitemap-row .map-item { width: 25%; } }
@media (max-width: 960px) { .sitemap-row .map-item { width: 33.3333333333%; } }
@media (max-width: 768px) { .sitemap-row .map-item { width: 50%; }
  .sitemap-row .map-item .title-link { padding: 15px; padding-bottom: 12px; }
  .sitemap-row .map-list { padding-left: 15px; padding-right: 10px; }
  .sitemap-row .map-list > li { padding-top: 6px; padding-bottom: 6px; }
  .sitemap-row .map-list .second-link:hover:before { left: -20px; }
  .sitemap-row .third-list { margin-top: 5px; }
  .sitemap-row .map-list .second-link:before { left: -14px; } }
/*# sourceMappingURL=sitemap.css.map */
/*-------------------basic scss---------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; }

html { position: relative; font-size: 100%; }

html * { transition: 0.3s; position: relative; }

@media print { * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */ color-adjust: exact !important; /* Firefox 48 – 96 */ print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */ }
  table { page-break-inside: auto; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  .page { page-break-inside: avoid; /* 若順著向下排列時會切開此元素，則直接換頁 */ } }
a { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:active, a:focus { text-decoration: none; }

h1, h2, h3 { font-size: inherit; font-weight: inherit; }

table { table-layout: fixed; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* ie */
input:-moz-placeholder { color: #999; }

input, button { outline: none; }

::-webkit-scrollbar { background-color: transparent; width: 5px; height: 5px; }

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track { background-color: #f2f2f2; }

::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }

/* scrollbar itself */
::-webkit-scrollbar-thumb { background-color: #333; }

::-webkit-scrollbar-thumb:hover { background-color: #000; }

/*反白文字*/
::selection { background: yellow; color: #000; }

::-moz-selection { background: yellow; color: #000; }

.inlineblock { display: inline-block; }

.floatleft { float: left; }

.floatright { float: right; }

.clearfloat { clear: both; height: 0; line-height: 0px; }

.video-container { position: relative; padding-bottom: 53.8%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.oembed-provider-youtube { position: relative; padding-bottom: 56.25%; /* padding-top: 30px; */ height: 0; overflow: hidden; }

.oembed-provider-youtube iframe, .oembed-provider-youtube object, .oembed-provider-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.googlemap-container { position: relative; padding-bottom: 25%; padding-top: 30px; height: 0; overflow: hidden; }

.googlemap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vermid { vertical-align: middle; }

.vertop { vertical-align: top; }

.txtleft { text-align: left; }

.txtrigh { text-align: right; }

.txtcenter { text-align: center; }

.textunderline { text-decoration: underline; }

/*如果有載入字型用這段*/
:root { --Thin: 100; --ExtraLight: 200; --Light: 300; --Regular: 400; --Medium: 500; --SemiBold: 600; --Bold: 700; --ExtraBold: 800; --Black: 900; --shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2); --main_color: #166083; --main_color2: #0896bc; --main_color3: #ffea2c; --main_color4: #15263b; --main-text: #156082; }

body { color: #333; font-size: 17px; font-family: "Noto Sans TC", sans-serif, Microsoft JhengHei, PMingLiU, "FontAwesome"; line-height: 1.5; width: 100%; min-width: 360px; margin: 0 auto; position: relative; overflow-x: hidden; letter-spacing: 0.025em; min-height: 100vh; }

@media (max-width: 320px) { body { overflow-x: auto; } }
.wrapper { padding: 0 40px; max-width: 1430px; margin: 0 auto; }

@media (max-width: 480px) { .wrapper { padding: 0 20px; } }
header { position: sticky; top: 0; z-index: 999; background: #fff; width: 100%; padding: 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
header .wrapper { display: flex; justify-content: space-between; position: static; max-width: 1840px; }
header .wrapper .headertop { flex-shrink: 0; }
@media (max-width: 1200px) { header .wrapper .headertop { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } }
header .wrapper .headertop .logo a { display: block; position: relative; padding: 15px 0 20px 0; }
header .wrapper .headertop .logo a .txt { font-weight: var(--Medium); font-size: 24px; color: #fff; letter-spacing: 0.05em; padding-right: 54px; }
header .wrapper .headertop .mobile_menu { display: none; }
@media (max-width: 1200px) { header .wrapper .headertop .mobile_menu { display: flex; flex-wrap: wrap; align-items: center; } }
header .wrapper .headertop .mobile_menu #btn .texthidden { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; }
header .wrapper .headerright { position: static; }
header .wrapper .headerright .box2 { display: flex; flex-wrap: wrap; align-items: center; height: 100%; position: static; }
@media (max-width: 1200px) { header .wrapper .headerright .box2 { display: block; } }
header .wrapper .headerright .box2 .menu { position: static; }
header .wrapper .headerright .box2 .menu > ul { display: flex; flex-wrap: wrap; position: static; }
header .wrapper .headerright .box2 .menu > ul > li { list-style: none; padding: 0px 15px; font-weight: var(--Regular); }
header .wrapper .headerright .box2 .menu > ul > li.headmobileshow { display: none; }
header .wrapper .headerright .box2 .menu > ul > li:has(.submenu) > .firstmenu > a:after { content: url(../images/menu_down.svg); display: block; position: absolute; top: 3px; right: 0; }
header .wrapper .headerright .box2 .menu > ul > li.megamenuli { position: static; }
header .wrapper .headerright .box2 .menu > ul > li.megamenuli:hover .megamenu { display: block; }
header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a { display: block; text-align: center; padding: 5px 18px; font-size: 18px; }
header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.active, header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a:hover { color: var(--main_color); }
header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.opensublink { display: none; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu { position: absolute; left: 50%; z-index: 9; transform: translate(-50%); transition: 0.3s; visibility: hidden; opacity: 0; border-top: solid 3px #008fb8; background-color: rgba(255, 255, 255, 0.8); width: 100%; min-width: 120px; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu * { transition: 0s; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu > li { list-style: none; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu > li:last-child a { border-bottom: none; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu > li > a { display: block; padding: 18px 10px; border-top: none; font-size: 16px; letter-spacing: 0; line-height: normal; font-weight: normal; text-align: center; color: #2f2f2f; transition: 0s; }
header .wrapper .headerright .box2 .menu > ul > li ul.submenu > li > a:hover { background-color: #008fb8; color: #fff; }
header .wrapper .headerright .box2 .menu > ul li.lang { display: flex; flex-wrap: wrap; align-items: center; padding-left: 30px; }
header .wrapper .headerright .box2 .menu > ul li.lang .fa-globe { font-size: 20px; color: #284b77; }
header .wrapper .headerright .box2 .menu > ul li.lang a { color: #999999; padding-left: 10px; }
header .wrapper .headerright .box2 .menu > ul li.lang a:hover { text-decoration: underline; }
header .wrapper .headerright .box2 .menu > ul li.lang a.langactive { color: #274a75; font-weight: bold; }
header .wrapper .headerright .box2 .menu > ul li.lang .langspacer { padding-left: 10px; color: #999999; }

.header_login { display: flex; flex-wrap: wrap; align-items: center; }
.header_login a { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

@media (min-width: 1201px) { header .wrapper .headerright .box2 .menu > ul > li:hover ul.submenu { visibility: visible; opacity: 1; } }
@media (max-width: 1200px) { header {z-index: 9999;width: 100%;padding: 0;}
  header * { transition: 0s; }
  header .wrapper {padding: 10px 15px;}
  header .wrapper .headertop .logo a { width: initial; padding: 0; }
  header .wrapper .headertop .logo a img { top: initial; max-width: 200px; position: relative; z-index: 10001; }
  header .wrapper .headerright {height: calc(100vh - 102px);overflow: auto;max-width: 100%;top: 103px;z-index: 999999;position: absolute;width: 100%;left: 0;transform: translate(-100%, 0);background-color: #fff;border-top: 1px solid #ccc;}
  header .wrapper .headerright.active { transform: translate(0, 0); }
  header .wrapper .headerright::-webkit-scrollbar { background-color: transparent; width: 0px; height: 0px; }
  header .wrapper .headerright .box2 { height: auto; padding-bottom: 50px; }
  header .wrapper .headerright .box2 .menu ul { display: block; padding-bottom: 0px; }
  header .wrapper .headerright .box2 .menu > ul > li { padding: 0; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu { display: flex; border-bottom: solid 1px #d1d1d1; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a { text-align: left; padding: 15px 20px; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.mlink { flex: 1; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.opensublink { display: block; width: 50px; flex-shrink: 0; border-left: 1px solid #d1d1d1; padding: 0; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.opensublink:after { content: "\f078"; display: inline-block; position: absolute; font-size: 18px; line-height: 1; transition: 0.3s; top: 18px; left: 15px; background: none; width: 18px; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a.opensublink.active:after { transform: rotate(180deg); }
  header .wrapper .headerright .box2 .menu > ul > li ul.submenu { position: relative; display: none; border-bottom: solid 1px #d1d1d1; visibility: visible; opacity: 1; transition: 0s; background: #eee; }
  header .wrapper .headerright .box2 .menu > ul > li ul.submenu > li > a { padding: 12px 25px; text-align: left; }
  header .wrapper .headerright .box2 .menu > ul li.lang { padding: 10px 30px; }
  .header_login { display: none; }
  header .wrapper .headerright .box2 .menu > ul > li:has(.submenu) > .firstmenu > a:not(.opensublink):after { display: none; }
  header .wrapper .headerright .box2 .menu > ul > li .firstmenu > a:not(.opensublink) { flex: 1; }
  header .wrapper .headerright .box2 .menu > ul > li.headmobileshow { display: block; } }
.showMenu { display: none; cursor: pointer; height: 30px; width: 30px; margin-left: 20px; }
@media (max-width: 1200px) { .showMenu { display: block; } }

.showMenu span { background: #222; position: absolute; height: 2px; width: 30px; }

.showMenu span:nth-child(1) { top: 0; }

.showMenu span:nth-child(2) { top: 10px; }

.showMenu span:nth-child(3) { top: 20px; }

#btn { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background: none; border-radius: 50%; border: none; outline: none; }

#btn span { position: absolute; width: 30px; height: 2px; top: 50%; left: 50%; background: #375f90; border-radius: 2px; overflow: hidden; transition: all 0.3s linear; }

#btn span::before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; background: #375f90; transition: all 0.3s linear; }

#btn span:nth-child(1) { animation: span-first-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(2) { animation: span-second-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(3) { animation: span-third-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on:hover span::before { width: 100%; transition: all 0.3s linear; }

#btn.on span:nth-child(1) { animation: span-first-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(2) { animation: span-second-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(3) { animation: span-third-on 0.5s ease-in-out; animation-fill-mode: forwards; }

@keyframes span-first-on { 0% { transform: translate(-50%, -300%); }
  30% { transform: translate(-50%, -50%); }
  100% { transform: translate(-50%, -50%) rotate(-45deg); } }
@keyframes span-first-off { 0% { transform: translate(-50%, -50%) rotate(-45deg); }
  30% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -500%); } }
@keyframes span-second-on { 0% { transform: translate(-50%, -50%); }
  25% { background: #000; }
  50% { transform: translate(-50%, -50%) scale(1); }
  100% { transform: translate(-150%, -50%) scale(0); } }
@keyframes span-second-off { 0% { transform: translate(-150%, -50%) scale(0); }
  25% { background: #000; }
  50% { transform: translate(-50%, -50%) scale(1); }
  100% { transform: translate(-50%, 0%); } }
@keyframes span-third-on { 0% { transform: translate(-50%, 200%); }
  30% { transform: translate(-50%, -50%); }
  100% { transform: translate(-50%, -50%) rotate(45deg); } }
@keyframes span-third-off { 0% { transform: translate(-50%, -50%) rotate(45deg); }
  30% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, 500%); } }
footer { background-color: var(--main_color); color: #fff; }
footer .footernav { margin-bottom: 15px; padding-left: 10%; }
footer .footernav .footernavul { display: flex; flex-wrap: wrap; justify-content: end; }
footer .footernav .footernavul > li { list-style: none; font-size: 20px; font-weight: var(--Bold); padding: 0px 0px 0px 0px; width: 20%; }
footer .footernav .footernavul > li > a { margin-bottom: 20px; display: block; }
footer .footernav .footernavul > li .footer_secnav { border-top: 2px solid #fff; padding-top: 15px; }
footer .footernav .footernavul > li .footer_secnav li { padding: 3px 20px 3px 4px; list-style: none; }
footer .footernav .footernavul > li .footer_secnav li a { list-style: none; font-size: 16px; font-weight: var(--Light); }
footer .footersec2 .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 75px; padding-bottom: 75px; max-width: 1680px; }
footer .footersec2 .wrapper .leftbox { flex-shrink: 0; }
footer .footersec2 .wrapper .leftbox .box1 { padding-bottom: 15px; margin-bottom: 15px; }
footer .footersec2 .wrapper .leftbox .footerinfo { font-size: 17px; padding-left: 48px; }
footer .footersec2 .wrapper .leftbox .footerinfo .box2 { margin-bottom: 5px; display: flex; flex-wrap: wrap; align-items: center; }
footer .footersec2 .wrapper .leftbox .footerinfo .box2 img { margin-right: 24px; }
footer .footersec2 .wrapper .leftbox .footerinfo .box2 .t1 { flex-shrink: 0; }
footer .footersec2 .wrapper .leftbox .footerinfo .box2 .t2 { flex: 1; }
footer .footersec2 .wrapper .rightbox { flex: 1; }
footer .footersec2 .wrapper .rightbox .rbox2 { text-align: right; }
footer .footersec2 .wrapper .rightbox .rbox2 a.line_btn { display: inline-block; padding: 12px 15px; background-color: #00ba35; font-size: 16px; border-radius: 7px; margin-bottom: 10px; }
footer .footersec2 .wrapper .rightbox .rbox2 .t1 { font-size: 15px; }

.top { right: 0; background-color: var(--main_color2); border-radius: 50%; display: inline-block; color: #fff; font-weight: var(--Bold); font-size: 19px; width: 60px; height: 60px; text-align: center; line-height: 60px; position: absolute; z-index: 1; top: -30px; right: 50px; }
.top:hover { background-color: var(--main_color4); }

.iware { color: var(--main_color); letter-spacing: 0; font-size: 16px; background-color: #fff; border-radius: 30px; padding: 10px 30px; margin-top: 20px; display: inline-block; }

@media (max-width: 1200px) { footer .footersec2 .wrapper .leftbox .footerinfo { padding-left: 0; }
  footer .footersec2 .wrapper .leftbox { width: 100%; }
  footer .footersec2 .wrapper .rightbox { width: 100%; }
  footer .footernav { margin-top: 35px; padding-left: 0; }
  footer .footernav .footernavul { gap: 30px 20px; }
  footer .footernav .footernavul > li > a { margin-bottom: 10px; }
  footer .footernav .footernavul > li .footer_secnav { padding-top: 10px; }
  footer .footernav .footernavul { justify-content: start; }
  footer .footernav .footernavul > li { width: initial; }
  footer .footersec2 .wrapper .rightbox .rbox2 { text-align: left; margin-top: 30px; }
  .top { right: 20px; }
  footer .footersec2 .wrapper .leftbox .footerinfo .box2 img { margin-right: 8px; }
  footer .footernav .footernavul > li { font-size: 17px; }
  footer .footersec2 .wrapper .leftbox .footerinfo { font-size: 15px; }
  footer .footersec2 .wrapper .leftbox .box1 { margin-bottom: 0; }
  footer .footersec2 .wrapper { padding-top: 45px; padding-bottom: 25px; } }
.ibanner { width: 100%; max-width: 100vw; position: relative; overflow: hidden; z-index: 2; }
.ibanner .ibanslick { overflow: hidden; }
.ibanner .ibanslick .slickset a.onesetin { display: block; }
.ibanner .ibanslick .slickset a.onesetin .picture { display: block; }
.ibanner .ibanslick .slickset a.onesetin .bgimg { width: 100%; transform-origin: center; max-width: 100vw; }
.ibanner .ibanslick .slickset a.onesetin .txtbox { background-color: #fff; color: #274a75; position: absolute; bottom: 0; right: 0; width: 65.88542vw; text-align: right; padding: 40px 13.54167vw 40px 20px; }
.ibanner .ibanslick .slickset a.onesetin .txtbox .txtboxin { max-width: 1000px; }
.ibanner .ibanslick .slickset a.onesetin .txtbox .t1 { font-family: "Roboto", sans-serif; font-weight: bold; font-size: 35px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 56px; max-height: 56px; }
.ibanner .ibanslick .slickset a.onesetin .txtbox .t2 { font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 26px; max-height: 26px; }
.ibanner .ibanslick .slick-list .slick-current .bgimg { animation: 4s linear forwards photosize1; }
.ibanner .ibanslick .slick-list .slick-current .txtboxin { animation: photosize2 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both 0.3s; }
.ibanner .slickset { width: 100%; position: relative; }
.ibanner .slickset img.bgimg { width: 100%; }
.ibanner .slickset img.txtimg1 { position: absolute; top: 11.97917vw; left: 53.54167vw; width: 22.29167vw; }
.ibanner .slick_arrow_customer { position: absolute; background: #fff; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: #222; border: none; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0.6; }
.ibanner .slick_arrow_customer:hover, .ibanner .slick_arrow_customer:focus { opacity: 1; }
.ibanner .slick_prev_customer { left: 2.60417vw; }
.ibanner .slick_next_customer { right: 2.60417vw; }
.ibanner .slick-slider { margin-bottom: 0; }

.vediolightbox { position: absolute; bottom: 0; right: 0; max-width: 20vw; z-index: 1; }
.vediolightbox a { display: block; }
.vediolightbox a img { width: 100%; }
.vediolightbox a .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #c22424; }

@media (max-width: 768px) { .ibanner .slick_arrow_customer { width: 35px; height: 35px; } }
@media (max-width: 640px) { .vediolightbox { position: static; max-width: 100%; } }
@keyframes photosize1 { 0% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); } }
.innerban { width: 100%; }
.innerban .inbanwarp { position: relative; padding-bottom: 28.80208%; height: 0; overflow: hidden; }
.innerban .inbanwarp.style2 { padding-bottom: 15.73631%; }
.innerban img { width: 100%; animation: 3s linear forwards photosize1; }

.breadcrumbs:before { background-color: #f4f4f4; width: 70%; height: 100%; display: block; right: 0; content: ""; top: 0; position: absolute; }
.breadcrumbs .wrapper { display: flex; }
.breadcrumbs .innertitle { font-size: 33px; line-height: 1; padding: 10px 45px 10px 0; flex-shrink: 0; max-width: 20%; }
.breadcrumbs .innertitle .txt { color: var(--main_color4); font-weight: var(--Medium); line-height: 1.1; }
.breadcrumbs .road { flex: 1; font-size: 15px; color: #959595; background: #f4f4f4; padding: 15px 0 15px 15px; text-align: right; }
.breadcrumbs .road .roadspacer { margin: 0 8px; }
.breadcrumbs .road img { margin-right: 5px; }

@media (max-width: 1024px) { .breadcrumbs .innertitle { font-size: 20px; margin-right: 10px; padding-left: 0; }
  .breadcrumbs .road { font-size: 13px; margin-top: 10px; } }
.innersec { padding-top: 30px; }

.page_nav_sec { margin-bottom: 130px; }
.page_nav_sec .wrapper { max-width: 950px; }
.page_nav_sec .page_nav { display: flex; flex-wrap: wrap; justify-content: center; }
.page_nav_sec .page_nav:before, .page_nav_sec .page_nav:after { content: ""; display: block; background-color: #000; width: calc((100% - 590px) / 2 ); height: 2px; position: absolute; top: calc(50% - 1px); }
.page_nav_sec .page_nav:before { left: 0; }
.page_nav_sec .page_nav:after { right: 0; }
.page_nav_sec .page_nav li { padding: 0 48px; list-style: none; }
.page_nav_sec .page_nav li:not(:last-child):after { content: ""; display: block; background-color: #000; width: 2px; height: 100%; position: absolute; right: 0; top: 0; }
.page_nav_sec .page_nav li a { font-size: 24px; letter-spacing: 0.1em; color: #4d4d4d; }
.page_nav_sec .page_nav li a.active { font-weight: var(--Medium); color: #000; }
.page_nav_sec .page_nav li a.active:before { content: ""; display: block; background-color: var(--main_color3); height: 6px; width: calc(100% + 30px); position: absolute; left: -15px; bottom: 2px; z-index: -1; }

@media (max-width: 1200px) { .page_nav_sec { margin-bottom: 40px; } }
@media (max-width: 768px) { .page_nav_sec .page_nav:before, .page_nav_sec .page_nav:after { width: calc((100% - 450px) / 2); }
  .page_nav_sec .page_nav li { padding: 0 25px; }
  .page_nav_sec .page_nav li a { font-size: 18px; } }
@media (max-width: 480px) { .page_nav_sec .page_nav li { padding: 0 15px; }
  .page_nav_sec .page_nav li a { font-size: 17px; }
  .page_nav_sec .page_nav li a.active:before { width: calc(100% + 10px); left: -8px; } }
.about_sec1:before { height: 62%; width: 100%; content: ""; background-color: #eff0f2; position: absolute; top: 30%; left: 0; display: block; z-index: -1; }
.about_sec1 .about_one { display: flex; flex-wrap: wrap; gap: 60px; justify-content: flex-end; align-items: center; max-width: 1920px; margin: 0 auto; margin-bottom: 160px; }
.about_sec1 .about_one:nth-child(2n) { flex-direction: row-reverse; }
.about_sec1 .about_one:nth-child(2n) .ab_con .about_sec_title:before { background-color: var(--main_color); }
.about_sec1 .about_one .ab_con { width: 43%; }
.about_sec1 .about_one .ab_con .about_sec_title { margin-bottom: 20px; }
.about_sec1 .about_one .ab_con .about_sec_title:before { content: ""; display: block; position: absolute; background-color: #eff0f2; top: -20px; left: -20px; width: 16px; height: 16px; }
.about_sec1 .about_one .ab_photo { flex: 1; max-width: 774px; }
.about_sec1 .about_one .ab_photo img { width: 100%; }

.about_sec_title { font-size: 36px; letter-spacing: 0.1em; font-weight: var(--Bold); line-height: 1.2; }

.about_con { font-size: 24px; font-weight: var(--Light); }
.about_con .main_c { font-weight: var(--Regular); }

.about_sec2 { background: url(../images/about3_bg.jpg) no-repeat right bottom; background-size: contain; padding-bottom: 155px; }
.about_sec2 .about_sec_title { text-align: center; max-width: 825px; margin: 0 auto 25px auto; }
.about_sec2 .about_sec_title:before, .about_sec2 .about_sec_title:after { content: ""; display: block; background-color: #000; width: calc((100% - 470px) / 2 ); height: 2px; position: absolute; top: calc(50% - 1px); }
.about_sec2 .about_sec_title:before { left: 0; }
.about_sec2 .about_sec_title:after { right: 0; }

@media (max-width: 1600px) { .about_sec1 .about_one { padding: 0 40px; margin-bottom: 80px; }
  .about_con { font-size: 18px; } }
@media (max-width: 960px) { .about_sec1 .about_one .ab_con { width: 100%; }
  .about_sec1 .about_one { gap: 30px; margin-bottom: 80px; flex-direction: column; }
  .about_sec_title { font-size: 24px; }
  .about_sec1 .about_one .ab_photo { max-width: 100%; width: 100%; } }
@media (max-width: 480px) { .about_sec1 .about_one { padding: 0 20px; } }
.history_sec1 { margin-bottom: 70px; }
.history_sec1 .wrapper { display: flex; gap: 30px 10%; max-width: 1430px; }
.history_sec1 .box1 .about_sec_title { margin-bottom: 35px; }
.history_sec1 .box1 .about_sec_title .t1 { font-size: 42px; color: var(--main_color); font-weight: var(--Bold); letter-spacing: 0.1em; margin-right: 10px; }
.history_sec1 .box1 .about_sec_title .t2 { font-size: 24px; font-weight: var(--Light); letter-spacing: 0.025em; }
.history_sec1 .box2 { display: flex; flex-wrap: wrap; flex-shrink: 0; }
.history_sec1 .box2 .photo { padding-top: 20px; }
.history_sec1 .box2 .txt { font-size: 28px; }

.history_sec2 { background: url(../images/his_bg2.jpg) #eff0f2 no-repeat right bottom -4px; background-size: contain; padding-bottom: 130px; padding-top: 70px; }
.history_sec2 .his_p_3 { margin-bottom: 30px; }
.history_sec2 .his_p_3 img { width: 100%; }

.history_app { display: flex; flex-wrap: wrap; margin-top: 70px; gap: 5%; }
.history_app .history_app_left { width: 62%; }
.history_app .history_app_left .f28 { margin-bottom: 25px; }
.history_app .history_app_right .txt { text-align: center; font-size: 24px; margin-top: 15px; }

.history_bot { margin-top: 40px; }
.history_bot .txt1 { font-size: 24px; font-weight: var(--Light); }
.history_bot .txt2 { display: flex; flex-wrap: wrap; align-items: center; gap: 45px; }
.history_bot .t { font-size: 37px; font-weight: var(--Bold); letter-spacing: 0.1em; color: #e50012; }
.history_bot .line { width: 340px; height: 1px; background-color: #e50012; }
.history_bot .line:after { content: ""; width: 10px; height: 10px; display: block; border-radius: 50%; background-color: #e50012; position: absolute; right: 0; top: -4px; }

@media (max-width: 1200px) { .history_app { gap: 20px; }
  .history_app_right { width: calc(100% - 20px - 62%); }
  .history_sec2 { padding-top: 30px; }
  .history_sec1 .wrapper { gap: 30px 20px; max-width: 1430px; }
  .history_sec1 .box1 .about_sec_title .t1 { font-size: 30px; }
  .history_sec1 .box1 .about_sec_title .t2 { font-size: 20px; }
  .history_sec1 .box1 .about_sec_title { margin-bottom: 25px; }
  .about_con .f26 { font-size: 24px; } }
@media (max-width: 960px) { .history_sec1 .wrapper { flex-direction: column; align-items: center; }
  .history_sec1 .box2 .photo { max-width: calc((100% - 57px)/2); } }
@media (max-width: 767px) { .history_sec2 { padding-bottom: 50px; } }
@media (max-width: 640px) { .history_bot .t { font-size: 26px; letter-spacing: 0em; } }
@media (max-width: 480px) { .history_app .history_app_left .f28 { font-size: 22px; }
  .history_app { flex-direction: column; }
  .history_app .history_app_left { width: 100%; }
  .history_app_right { width: 100%; display: flex; flex-direction: column; align-items: center; }
  .history_app .history_app_right .txt { margin-top: 0; }
  .history_bot .txt2 { gap: 20px; } }
.organize_sec1 { padding-bottom: 95px; }

.time_tabs { border: 3px solid #4d4d4d; border-right: none; border-left: none; padding: 10px 30px; }
.time_tabs .time_tabs_border { border: 1px solid #4d4d4d; border-right: none; border-left: none; padding: 24px; }
.time_tabs .timelinetab { display: flex; justify-content: space-between; }
.time_tabs .timelinetab li { display: flex; align-items: center; }
.time_tabs .timelinetab li:not(:last-child):after { display: block; content: ""; height: 2px; width: 200%; right: calc(-200% - 25px); top: 50%; background: url(../images/timer_line.png) repeat center; position: absolute; z-index: 0; }
.time_tabs .timelinetab li a { display: block; font-size: 32px; letter-spacing: 0.1em; font-weight: var(--Bold); color: var(--main-text); text-align: center; padding: 10px 36px; background: #fff; border-radius: 30px; line-height: 1; z-index: 1; }
.time_tabs .timelinetab li a.active, .time_tabs .timelinetab li a:hover { background-color: var(--main-text); color: #fff; }

.timeline_arrow_set { display: flex; align-items: center; justify-content: end; padding-top: 35px; padding-right: 85px; margin-bottom: 90px; gap: 25px; }
.timeline_arrow_set .spacer { background-color: #000000; height: 17px; width: 2px; }

.timelinecon_wrapper { margin-top: 50px; }

.timelinecon { max-width: 1920px; margin: 0 auto; padding-right: 10%; padding-bottom: 108px; }
.timelinecon .onebox { display: flex; align-items: flex-start; gap: 4%; }
.timelinecon .onebox .leftohoto { margin-top: 10%; width: 35%; }
.timelinecon .onebox .leftohoto:before { background-color: #fff; width: 100%; height: 100%; content: ""; position: absolute; top: 15px; left: 15px; }
.timelinecon .onebox .leftohoto:after { background-color: var(--main-text); width: 16px; height: 16px; content: ""; position: absolute; bottom: -8px; right: -8px; }
.timelinecon .onebox .rightcon { flex: 1; }
.timelinecon .onebox .rightcon .oneyear { display: flex; }
.timelinecon .onebox .rightcon .oneyear:nth-child(2n) .line_circle .circle { background: #fff; border: 2px solid var(--main-text); }
.timelinecon .onebox .rightcon .oneyear .year { color: var(--main-text); font-size: 36px; font-weight: var(--Bold); letter-spacing: 0.1em; line-height: 1; }
.timelinecon .onebox .rightcon .oneyear .line1 { width: 3px; background-color: var(--main-text); display: block; margin: 0 3.5%; }
.timelinecon .onebox .rightcon .oneyear .line_circle { padding-top: 15px; }
.timelinecon .onebox .rightcon .oneyear .line_circle .circle { width: 16px; height: 16px; background: var(--main-text); border-radius: 50%; }
.timelinecon .onebox .rightcon .oneyear .line_circle:before { content: ""; width: 2px; height: 100%; display: block; background-color: var(--main-text); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0; }
.timelinecon .onebox .rightcon .oneyear .con { flex: 1; font-size: 24px; font-weight: var(--Light); line-height: 1.5; padding-bottom: 50px; margin-left: 7%; }

.his_bottomlin_txt { padding-bottom: 108px; }
.his_bottomlin_txt .wrapper { max-width: 1800px; }
.his_bottomlin_txt .wrapper .about_con p { text-align: center; }

@media (max-width: 1366px) { .timelinecon { padding: 0 40px; padding-bottom: 58px; }
  .timeline_arrow_set { padding-right: 40px; margin-bottom: 40px; }
  .timelinecon .onebox .rightcon .oneyear .year { font-size: 30px; letter-spacing: 0; }
  .timelinecon .onebox .rightcon .oneyear .con { font-size: 18px; line-height: 1.5; padding-bottom: 35px; margin-left: 22px; }
  .time_tabs .timelinetab li:not(:last-child):after { width: 25vw; right: -25vw; } }
@media (max-width: 800px) { .organize_sec1 { padding-bottom: 40px; }
  .timelinecon .onebox .leftohoto { display: none; }
  .time_tabs .timelinetab li a { font-size: 20px; padding: 10px 22px; }
  .time_tabs .time_tabs_border { padding: 20px 0; }
  .time_tabs { padding: 10px 0px; } }
@media (max-width: 640px) { .timelinecon .onebox .rightcon .oneyear .year { font-size: 20px; }
  .timelinecon .onebox .rightcon .oneyear .con { font-size: 16px; } }
.page_longnav_box { padding: 0 0 65px 0; }
.page_longnav_box .page_longnav_box_in { padding: 0 130px 0 130px; }
.page_longnav_box .longnav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border-top: 2px solid #4d4d4d; border-bottom: 2px solid #4d4d4d; padding: 14px 20px; }
.page_longnav_box .longnav li { list-style: none; }
.page_longnav_box .longnav li a { display: block; font-size: 22px; letter-spacing: 0em; color: #4d4d4d; font-weight: var(--Medium); padding: 12px 25px; border-radius: 30px; }
.page_longnav_box .longnav li a.active { color: #fff; background-color: var(--main-text); }
.page_longnav_box .timeline_arrow_set { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); padding-top: 0; padding-right: 0; margin-bottom: 0; }

@media (max-width: 1200px) { .page_longnav_box .longnav { justify-content: flex-start; }
  .page_longnav_box .longnav li a { font-size: 17px; padding: 10px 15px; }
  .page_longnav_box .page_longnav_box_in { padding: 0 100px 0 0px; } }
@media (max-width: 768px) { .page_longnav_box .page_longnav_box_in { padding: 0; }
  .page_longnav_box .timeline_arrow_set { position: static; top: initial; right: 0; transform: initial; }
  .page_longnav_box { padding: 0 0 35px 0; }
  .timeline_arrow_set { justify-content: center; margin-top: 0px; padding-right: 0; }
  .page_longnav_box .longnav { padding: 14px 0px; } }
.first_article { background-color: #eff0f1; padding: 18px 28px; display: flex; gap: 45px; border: 1px solid #e6e6e6; margin-bottom: 75px; align-self: center; }
.first_article:after { background-color: #eff0f1; width: 16px; height: 16px; content: ""; position: absolute; bottom: -27px; right: -27px; }
.first_article .photo { border: 5px solid #fff; width: 44%; align-self: center; }
.first_article .photo:after { content: url(../images/pin_icon.png); position: absolute; top: -12px; left: -12px; display: block; }
.first_article .photo img { width: 100%; }
.first_article .con_box { padding-top: 30px; flex: 1; }
.first_article .con_box .article_class_date { display: flex; align-items: center; gap: 10%; }
.first_article .con_box .article_class_date .article_class { font-size: 28px; letter-spacing: 0; }
.first_article .con_box .article_class_date .line { flex: 1; height: 2px; width: 100%; background-color: #333333; }
.first_article .con_box .article_class_date .article_date { font-size: 28px; font-weight: var(--Light); letter-spacing: 0; }
.first_article .con_box .article_con { font-size: 26px; line-height: calc(48/26); letter-spacing: 0; margin-top: 25px; padding-bottom: 70px; }
.first_article .con_box .article_more { display: inline-block; padding: 15px 30px; line-height: 1; font-size: 20px; border: 1px solid #000000; text-align: center; position: absolute; right: 0; bottom: 0; background: #ffffff; }
.first_article .con_box .article_more:hover { color: #fff; background-color: var(--main_color); }

.news_list { display: flex; flex-wrap: wrap; gap: 47px; }
.news_list .oneset { width: calc((100% - 47*2px)/3); }
.news_list .oneset .onesetin { display: block; height: 100%; }
.news_list .oneset .onesetin .photo { border-radius: 26px 26px 0 0; overflow: hidden; }
.news_list .oneset .onesetin .photo img { width: 100%; }
.news_list .oneset .onesetin .bot_con { padding: 25px 27px; border: 1px solid #c7c7c7; border-top: none; border-radius: 0 0 26px 26px; background-color: #fff; }
.news_list .oneset .onesetin .bot_con .date_set { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.news_list .oneset .onesetin .bot_con .date_set .date { letter-spacing: 0.1em; font-size: 20px; }
.news_list .oneset .onesetin .bot_con .date_set .line { flex: 1; height: 2px; background-color: #333333; }
.news_list .oneset .onesetin .bot_con .title { font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 24px; height: 48px; }
.news_list .oneset .onesetin .news_class { position: absolute; background-color: #ffea2c; line-height: 1; letter-spacing: 0.05em; padding: 10px 20px; top: 34px; left: -16px; font-size: 20px; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2); }
.news_list .oneset .onesetin .news_class:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0px 16px 11px 0px; border-color: transparent #ceb70d transparent transparent; position: absolute; bottom: -11px; left: 0; }

.show_more { display: flex; justify-content: center; margin-top: 60px; }
.show_more a { color: #fff; background-color: #0896bc; border-radius: 30px; font-size: 24px; display: flex; align-items: center; gap: 40px; justify-content: space-between; padding: 12px 35px; }
.show_more a:hover { background-color: var(--main_color); }

@media (max-width: 1200px) { .first_article .con_box .article_class_date .article_class { font-size: 20px; }
  .first_article .con_box .article_con { font-size: 17px; margin-top: 5px; padding-bottom: 15px; }
  .first_article .con_box { padding-top: 0; }
  .first_article .con_box .article_class_date .article_date { font-size: 16px; }
  .first_article .con_box .article_class_date { gap: 20px; }
  .first_article .con_box .article_more { padding: 12px 20px; font-size: 16px; position: static; }
  .first_article { gap: 20px; } }
@media (max-width: 960px) { .news_list { gap: 25px; }
  .news_list .oneset { width: calc((100% - 25px*2) / 3); }
  .news_list .oneset .onesetin .bot_con .date_set .date { letter-spacing: 0em; font-size: 13px; }
  .news_list .oneset .onesetin .bot_con { padding: 15px 15px 20px 15px; }
  .news_list .oneset .onesetin .bot_con .date_set { margin-bottom: 10px; }
  .show_more a { font-size: 18px; gap: 20px; }
  .news_list .oneset .onesetin .news_class { padding: 8px 10px; font-size: 15px; } }
@media (max-width: 767px) { .first_article { flex-wrap: wrap; }
  .first_article .photo { width: 100%; }
  .first_article .con_box { flex: initial; width: 100%; } }
@media (max-width: 640px) { .news_list { gap: 25px; }
  .news_list .oneset { width: 100%; } }
.newsd_sec1 { padding-bottom: 20px; margin-top: 60px; }
.newsd_sec1.build_sec::before { display: none; }
.newsd_sec1::before { content: ""; background-color: #eff0f1; height: 40%; width: 100vw; left: 0; bottom: 0; display: block; position: absolute; }
.newsd_sec1 .wrapper { max-width: 1560px; display: flex; flex-wrap: wrap; padding-right: 70px; }
.newsd_sec1 .wrapper .article_share { width: 70px; padding-top: 25px; }
.newsd_sec1 .wrapper .article_share .sharelinks { display: flex; flex-direction: column; }
.newsd_sec1 .wrapper .article_share .sharelinks a { width: 32px; height: 32px; border-radius: 50%; background-color: #b3b3b3; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.newsd_sec1 .wrapper .newsphoto { width: 52%; border: 7px solid #fff; align-self: center; }
.newsd_sec1 .wrapper .newsphoto:before { content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 20px; right: 0; background: url(../images/news_bot_shadow.png) no-repeat; background-size: contain; }
.newsd_sec1 .wrapper .newsd_titlecon { width: calc(48% - 70px); padding-left: 30px; display: flex; flex-direction: column; justify-content: end; padding-bottom: 47px; }
.newsd_sec1 .wrapper .newsd_titlecon .newsd_title { font-size: 32px; line-height: calc(48/32); color: #333333; letter-spacing: 0; }

.newsd_road { font-size: 28px; color: #4d4d4d; margin-bottom: 40px; display: flex; flex-wrap: wrap; align-items: center; line-height: 1.4; }
.newsd_road .inlineblock a img { vertical-align: top; }
.newsd_road .roadspacer { margin: 0 14px; }

@media (max-width: 1200px) { .newsd_sec1 { margin-top: 30px; }
  .newsd_road { font-size: 17px; margin-bottom: 10px; }
  .newsd_sec1 .wrapper .newsd_titlecon .newsd_title { font-size: 24px; }
  .newsd_road .inlineblock a img { max-width: 20px; }
  .newsd_road .roadspacer { margin: 0 10px; }
  .newsd_sec1 .wrapper { padding-right: 20px; }
  .newsd_sec1 .wrapper .newsd_titlecon { justify-content: center; padding-bottom: 0; padding-left: 20px; }
  .newsd_sec1 .wrapper .article_share { width: 48px; padding-top: 20px; } }
@media (max-width: 1024px) { .build_sec { margin-top: 0px; flex-direction: column; }
  .build_sec.newsd_sec1 .wrapper .article_share { padding-top: 0; width: initial; }
  .build_sec.newsd_sec1 .wrapper .article_share .sharelinks { flex-direction: row; }
  .build_sec.newsd_sec1 .wrapper .article_share .sharelinks a { margin-right: 8px; }
  .build_sec.newsd_sec1 .wrapper { padding: 0 40px; } }
@media (max-width: 768px) { .newsd_sec1 { margin-top: 0px; flex-direction: column; }
  .newsd_sec1 .wrapper .article_share { padding-top: 0; width: initial; }
  .newsd_sec1 .wrapper .article_share .sharelinks { flex-direction: row; }
  .newsd_sec1 .wrapper .article_share .sharelinks a { margin-right: 8px; }
  .newsd_sec1 .wrapper { padding: 0 40px; }
  .newsd_sec1 .wrapper .newsphoto { width: 100%; }
  .newsd_sec1 .wrapper .newsd_titlecon { padding-left: 0; width: 100%; margin-top: 15px; }
  .newsd_sec1 .wrapper .newsd_titlecon .newsd_title { order: 1; }
  .newsd_sec1 .wrapper .newsphoto { order: 2; } }
@media (max-width: 480px) { .newsd_sec1 .wrapper { padding-right: 20px; } }
.commonpage .wrapper .newsd_road { font-size: 18px; margin-bottom: 20px; align-items: center; }
.commonpage .wrapper .newsd_road .inlineblock a img { vertical-align: top; height: 23px; }
.commonpage .wrapper .newsd_road .roadspacer { margin: 0 10px; }

.newsd_sec2 .wrapper .newsd_date { display: flex; }
.newsd_sec2 .wrapper .newsd_date::before { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #4d4d4d; left: 0; bottom: 0px; }
.newsd_sec2 .wrapper .newsd_date .newsd_date_in { display: flex; gap: 10px; align-items: center; background-color: #0896bc; color: #fff; padding: 8px 15px; }
.newsd_sec2 .wrapper .newsd_date .t { font-size: 24px; font-weight: var(--Light); }

.html_edit { font-size: 24px; line-height: calc(42/24); }
.html_edit .unreset { font-size: 24px; line-height: calc(42/24); }

@media (max-width: 1200px) { .newsd_sec2 .wrapper .newsd_date .t { font-size: 18px; }
  .html_edit .unreset { font-size: 18px; } }
.nd_bottombox { width: 100%; padding: 50px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.nd_bottombox .nd_otherlist { display: block; width: calc(50% - 180px); }
.nd_bottombox .nd_otherlist:hover .onelsit .box1 { color: #333; }
.nd_bottombox .nd_otherlist.next { text-align: right; }
.nd_bottombox .nd_otherlist.next .onelsit .box1 .icon { margin-right: 0px; margin-left: 12px; }
.nd_bottombox .nd_otherlist.next .onelsit .box1 .txt { padding-left: 25px; }
.nd_bottombox .nd_otherlist .onelsit .box1 { display: flex; align-items: center; color: #4e4e4e; font-size: 20px; border: 1px solid #333; border-left: none; border-right: none; padding: 15px 20px; }
.nd_bottombox .nd_otherlist .onelsit .box1 .icon { margin-right: 12px; flex-shrink: 0; border-radius: 50%; text-align: center; }
.nd_bottombox .nd_otherlist .onelsit .box1 .txt { flex-shrink: 0; }
.nd_bottombox .nd_otherlist .onelsit .box1 .title { flex: 1; padding-left: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 24px; max-height: 24px; }
.nd_bottombox .nd_backlist .btnstyle { display: inline-block; color: #fff; font-size: 17px; border-radius: 0; }
.nd_bottombox .nd_backlist .btnstyle .fa-solid { margin-right: 5px; }

@media (max-width: 767px) { .nd_bottombox { padding: 30px 0; }
  .nd_bottombox .nd_backlist .btnstyle { padding: 8px 20px; font-size: 14px; }
  .nd_bottombox .nd_otherlist { letter-spacing: 0em; width: 80px; }
  .nd_bottombox .nd_otherlist .onelsit .box1 { font-size: 14px; justify-content: center; padding: 10px 15px; }
  .nd_bottombox .nd_otherlist .onelsit .box2 { font-size: 12px; }
  .nd_bottombox .wrapper { padding: 0; }
  .nd_bottombox .nd_otherlist .onelsit .box1 .icon { margin-right: 10px; }
  .nd_bottombox .nd_otherlist.next .onelsit .box1 .icon { margin-left: 10px; }
  .nd_bottombox .nd_otherlist .onelsit .box1 .title { display: none; }
  .nd_bottombox .nd_otherlist.next .onelsit .box1 .txt { padding-left: 0; } }
@media (max-width: 480px) { .nd_bottombox .nd_backlist .btnstyle { padding: 8px 12px; font-size: 12px; }
  .nd_bottombox .nd_otherlist .onelsit .box1 { font-size: 14px; }
  .nd_bottombox .nd_otherlist .onelsit .box2 { font-size: 12px; }
  .nd_bottombox .nd_otherlist .onelsit .box1 { padding: 10px 10px; } }
.buildsearch { margin-top: 20px; margin-bottom: 30px; }
.buildsearch.style2 { margin-top: 70px; }
.buildsearch.style2 .wrapper .tabcontent { border: 1px solid #a6a6a6; }
.buildsearch .wrapper .tabtagbox ul { display: flex; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.5); z-index: 1; }
.buildsearch .wrapper .tabtagbox ul li { list-style: none; }
.buildsearch .wrapper .tabtagbox ul li a { display: block; padding: 15px 40px; font-size: 22px; background-color: #eff0f2; border: 1px solid #a6a6a6; border-radius: 5px 5px 0 0; border-bottom: none; }
.buildsearch .wrapper .tabtagbox ul li a.active { background-color: #fff; color: #333; }
.buildsearch .wrapper .tabtagbox ul li a.active::after { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #fff; }
.buildsearch .wrapper .tabtagbox ul li a.active::before { content: ""; display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 3px; background-color: #ffeb2c; border-radius: 6px 6px 0 0; }
.buildsearch .wrapper .tabcontent { background: #fff; border: 1px solid #a6a6a6; }
.buildsearch .wrapper .tabcontent .tabcon .tabcon_in { padding: 20px 35px; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem { display: flex; gap: 20px; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch { display: flex; flex-wrap: wrap; gap: 20px; font-size: 18px; flex: 1; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset { display: flex; flex-wrap: wrap; align-items: center; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset.flex1 { flex: 1; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset.w380 { max-width: 380px; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset .inputstyle { margin-right: 25px; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .city-selector-set { display: flex; gap: 20px; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .submitbtn { flex-shrink: 0; }
.buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .submitbtn button { border: none; background: #ffea2d; text-align: center; width: 68px; height: 68px; line-height: 68px; border-radius: 8px; }

.borderbotinputstyle { border: none; border-bottom: 1px solid #000; padding: 10px; width: 100%; }
.borderbotinputstyle.w200 { width: 200px; }
.borderbotinputstyle.w115 { width: 115px; }
.borderbotinputstyle.w85 { width: 85px; }
.borderbotinputstyle.w380 { max-width: 380px; }

.selectstyle { border: none; border-bottom: 1px solid #000; padding: 10px; width: 100%; display: flex; align-items: center; gap: 68px; }
.selectstyle .arrow { font-size: 13px; color: #000; }

@media (max-width: 1200px) { .borderbotinputstyle.w200 { width: 115px; }
  .buildsearch .wrapper .tabtagbox ul li a { padding: 10px 20px; font-size: 16px; }
  .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .submitbtn button { width: 55px; height: 55px; line-height: 55px; } }
@media (max-width: 1024px) { .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset { width: calc(50% - 10px); }
  .borderbotinputstyle.w200 { width: calc(50% - 10px); }
  .buildsearch .wrapper .tabcontent .selectstyle { justify-content: space-between; gap: 10px; } }
@media (max-width: 767px) { .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset { width: 100%; }
  .buildsearch .wrapper .tabcontent .tabcon .tabcon_in { padding: 20px 20px; } }
.isearch { margin-top: -100px; z-index: 10; max-width: 1410px; }
.isearch .buildsearch { margin-top: 0px; margin-bottom: 0px; }
.isearch .buildsearch .wrapper { max-width: 1920px; padding: 0; }
.isearch .buildsearch .wrapper .tabcontent { max-width: 1410px; border: 4px solid #e6e6e6; background-color: #fff; }
.isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in { padding: 0; }
.isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .searchitem .selectsearch { padding: 20px 30px; justify-content: center; gap: 35px; }
.isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn { width: 15%; }
.isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button { width: initial; height: initial; line-height: initial; width: 100%; height: 100%; border-radius: 0; padding: 55px; }
.isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button .txt { font-family: "Abril Fatface", serif; font-size: 26px; }
.isearch .more_select { width: 95%; right: 0; }

@media (max-width: 1860px) { .isearch { margin-top: 0px; } }
@media (max-width: 1366px) { .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button { padding: 40px 15px; }
  .isearch .more_select { width: 100%; }
  .isearch { margin-top: 0; } }
@media (max-width: 1024px) { .isearch .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset { width: calc((100% - 20px) / 2); }
  .isearch .borderbotinputstyle.w85 { width: 100%; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .searchitem .selectsearch { gap: 20px; }
  .isearch .borderbotinputstyle.w115 { width: calc((100% - 20px) / 2); }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .searchitem .selectsearch { padding: 15px 15px; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button .txt { font-size: 20px; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem { gap: 0px; } }
@media (max-width: 767px) { .isearch .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset { width: 100%; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem .selectsearch .oneset.w380 { max-width: 100%; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon form .searchflightbox .searchitem { flex-direction: column; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn { width: 100%; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button { padding: 10px 15px; display: flex; justify-content: center; gap: 8px; align-items: center; text-transform: uppercase; }
  .isearch .buildsearch .wrapper .tabcontent .tabcon .tabcon_in form .searchflightbox .submitbtn button img { max-width: 25px; } }
.build_list_sec .wrapper .build_num_order { display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; }
.build_list_sec .wrapper .build_num_order:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #767676; }
.build_list_sec .wrapper .build_num_order .build_num { color: #fff; font-size: 22px; letter-spacing: 0.1em; background-color: #0896bc; line-height: 1; padding: 10px 20px; }
.build_list_sec .wrapper .build_num_order .build_order { margin-bottom: 8px; }
.build_list_sec .wrapper .build_num_order .build_order select { padding: 8px 20px; background-color: #fff; border: 1px solid #d2d2d2; font-size: 18px; }
.build_list_sec .wrapper .build_list { width: 100%; }
.build_list_sec .wrapper .build_list .oneset { margin-bottom: 16px; }
.build_list_sec .wrapper .build_list .oneset .onesetin { display: flex; background-color: #fff; padding: 20px; gap: 20px; border: 1px solid #cbcbcb; }
.build_list_sec .wrapper .build_list .oneset .onesetin .photo { width: 35%; }
.build_list_sec .wrapper .build_list .oneset .onesetin .photo .pic{ 
  height: 0;  
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 60.17798%;
 }
.build_list_sec .wrapper .build_list .oneset .onesetin .photo .pic img { 
  border-radius: 10px;
  max-width: 100%;
  max-height: 100%;
  transition: 0.5s;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
}
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon { flex: 1; }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .title { display: flex; gap: 10px; margin-bottom: 15px; }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .title .t { font-size: 26px; font-weight: var(--Medium); line-height: 1.2; color: var(--main-text); }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item { display: flex; flex-wrap: wrap; max-width: 480px; gap: 10px 34px; }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item .one { display: flex; flex-wrap: wrap; gap: 10px; font-size: 18px; }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item .one:not(:last-child):after { content: ""; height: 22px; width: 1px; background-color: #666666; display: inline-block; position: absolute; right: -17px; top: 3px; }
.build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .keyw_price { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 20px; }

.price { flex-shrink: 0; }
.price .big_p { color: #ed1c24; font-weight: var(--Bold); }
.price .big_p .t1 { font-size: 40px; display: inline-block; }
.price .big_p .unit { font-size: 20px; display: inline-block; }
.price .per { font-size: 18px; }

.keyw { flex: 1; display: flex; flex-wrap: wrap; gap: 20px; }
.keyw .one { font-size: 16px; background-color: #e6e6e6; padding: 5px 15px; border-radius: 20px; }
.keyw .one.active { background-color: #ffe92b; color: #000000; }

@media (max-width: 1200px) { .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .title .t { font-size: 24px; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .title { margin-bottom: 10px; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item { gap: 5px 20px; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item .one:not(:last-child):after { right: -10px; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .keyw_price { flex-wrap: wrap; }
  .keyw { gap: 10px; width: 100%; }
  .build_list_sec .price { width: 100%; text-align: right; } }
@media (max-width: 767px) { .build_list_sec .wrapper .build_list .oneset .onesetin { flex-wrap: wrap; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .photo { width: 100%; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon { width: 100%; }
  .build_list_sec .wrapper .build_num_order .build_num { font-size: 17px; letter-spacing: 0em; padding: 10px 10px; }
  .build_list_sec .wrapper .build_num_order .build_order select { padding: 5px 10px; font-size: 17px; }
  .build_list_sec .wrapper .build_list .oneset .onesetin .rightcon .item .one { gap: 10px; font-size: 17px; } }
.downopen { position: absolute; border: 1px solid #afafaf; background-color: #fff; padding: 18px 14px; width: 100%; top: 58px; left: 0; z-index: 1; display: none; }
.downopen .check_set { flex-direction: column; }

.check_set { display: flex; flex-wrap: wrap; gap: 8px; }
.check_set .one { display: flex; gap: 10px; }
.check_set .one.active .t { color: var(--main-text); }
.check_set .one .check_box { flex-shrink: 0; }
.check_set .one .check_box input { accent-color: var(--main-text); }
.check_set .one .t { flex: 1; color: #4d4d4d; }

.more_select { display: none; color: #4d4d4d; font-size: 18px; font-weight: var(--Medium); position: absolute; width: 100%; padding: 20px 65px; border: 1px solid #a6a6a6; background-color: #fff; z-index: 1; }
.more_select .onemores { display: flex; padding-bottom: 20px; }
.more_select .onemores .name { width: 56px; margin-right: 25px; flex-shrink: 0; }
.more_select .onemores .name:after { content: ""; width: 1px; height: calc(100% + 25px); display: block; background-color: #a6a6a6; top: 0; right: 0; position: absolute; }
.more_select .onemores .radiobtnset { flex-shrink: 0; }
.more_select .onemores .filltxt { display: flex; align-items: center; gap: 0 5px; }
.more_select .onemores .filltxt input[type=text] { width: 64px; border: 1px solid var(--main-text); height: 23px; }
.more_select .onemores .select_item_out { margin-left: 30px; display: flex; flex-direction: column; gap: 10px; }
.more_select .onemores .select_item { display: flex; flex-wrap: wrap; gap: 30px; }
.more_select .onemores .select_item .check_set { gap: 18px; }
.more_select .onemores .select_item .check_set .one { gap: 5px; }

@media (max-width: 767px) { .more_select { font-size: 14px; padding: 20px 10px; letter-spacing: 0; }
  .more_select .onemores .name { width: 43px; margin-right: 5px; }
  .more_select .onemores .select_item_out { margin-left: 12px; }
  .radiobtnset .radiobtn .t { padding: 3px 10px; }
  .more_select .onemores .select_item .check_set { gap: 14px; }
  .more_select .onemores .select_item { gap: 14px; } }
@media (max-width: 480px) { .buildsearch .wrapper .tabtagbox ul li a { padding: 10px 10px; font-size: 16px; } }
.prodwrap { width: calc(100% - 70px); padding-right: 70px; }

.pro_detail { display: flex; flex-wrap: wrap; width: 100%; }
.pro_detail .slick-prev img, .pro_detail .slick-next img { opacity: 0.6; }
.pro_detail .slick-prev img:hover, .pro_detail .slick-next img:hover { opacity: 1; }
.pro_detail .slick-next img { transform: rotate(180deg); }
.pro_detail .slick-prev:before { display: none; }
.pro_detail .slick-next:before { display: none; }
.pro_detail .slick-prev { left: 10px; }
.pro_detail .slick-next { right: 10px; }
.pro_detail .slick-prev, .pro_detail .slick-next { width: 15px; height: 22px; z-index: 1; }

.pro_photo { width: 70%; padding-right: 30px; margin-bottom: 50px; }
.pro_photo.casein { width: 100%; padding-right: 0px; margin-bottom: 50px; max-width: 987px; margin: 0 auto; }
@media (max-width: 1024px) { .pro_photo { margin-bottom: 30px; } }
@media (max-width: 768px) { .pro_photo { width: 100%; padding-right: 0px; } }
.pro_photo .proslick { padding: 0 0px; }
.pro_photo .proslick .bigset { width: 100%; padding: 0 5px; }
.pro_photo .proslick .bigset .slick-prev, .pro_photo .proslick .bigset .slick-next { width: 19px; height: 29px; }
.pro_photo .proslick .bigset .oneset { width: 100%; }
.pro_photo .proslick .bigset .oneset .video-box { position: relative; width: 100%; padding-top: calc(528/877*100%); }
.pro_photo .proslick .bigset .oneset .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pro_photo .proslick .bigset .oneset .photo { width: 100%; }
@media (max-width: 768px) { .pro_photo .proslick .bigset .oneset .photo { padding: 10px; } }
.pro_photo .proslick .bigset .oneset .photo .pic { height: 0; text-align: center; position: relative; display: block; overflow: hidden; padding-bottom: 60.17798%; }
.pro_photo .proslick .bigset .oneset .photo .pic img {max-width: 100%;max-height: 100%;/* width: 100%; */transition: 0.5s;position: absolute;display: block;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.pro_photo .proslick .smallset { margin-top: 20px; width: 100%; }
@media (max-width: 768px) { .pro_photo .proslick .smallset { padding: 0 30px; } }
.pro_photo .proslick .smallset .oneset { padding: 0 5px; cursor: pointer; opacity: 0.5; }
.pro_photo .proslick .smallset .oneset.slick-current { opacity: 1; }
.pro_photo .proslick .smallset .oneset .photo .pic { height: 0; text-align: center; position: relative; display: block; overflow: hidden; padding-bottom: 60.17798%; }
.pro_photo .proslick .smallset .oneset .photo .pic img {max-width: 100%;max-height: 100%;/* width: 100%; */transition: 0.5s;position: absolute;display: block;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}


@media (max-width: 768px) { .pro_photo .proslick .smallset .oneset .photo { padding: 3px; } }

.pro_dcontent { width: 30%; margin-bottom: 20px; }
.pro_dcontent .buildtitlebox { display: flex; margin-bottom: 5px; gap: 5px; }
.pro_dcontent .buildtitlebox .txt { line-height: 1.2; font-size: 28px; font-weight: var(--Medium); color: var(--main-text); }
.pro_dcontent .buildtitlebox .icon { flex-shrink: 0; }
.pro_dcontent .address { font-size: 18px; font-weight: var(--Light); margin-bottom: 15px; }
.pro_dcontent .keyw { margin-bottom: 20px; }
.pro_dcontent .prod_item .one { display: flex; margin-bottom: 15px; font-size: 18px; line-height: 1.2; }
.pro_dcontent .prod_item .one .t1 { width: 70px; text-align: justify; padding-right: 10px; }
.pro_dcontent .prod_item .one .t1::after { content: ""; position: absolute; display: block; background: #333333; width: 1px; height: 20px; right: 0; top: 3px; }
.pro_dcontent .prod_item .one .t2 { padding-left: 15px; }
.pro_dcontent .price { text-align: right; border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
.pro_dcontent .sale_info { padding: 0 20px; }
.pro_dcontent .sale_info .con_top { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.pro_dcontent .sale_info .con_top .sales_photo { width: 100px; }
.pro_dcontent .sale_info .con_top .sales_photo img { border-radius: 50%; }
.pro_dcontent .sale_info .con_top .sales_info { width: calc(100% - 100px); padding-left: 15px; font-size: 20px; }
.pro_dcontent .sale_info .con_top .sales_info .box1 { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 15px; margin-bottom: 10px; }
.pro_dcontent .sale_info .con_top .sales_info .phonebox { display: flex; padding: 10px 15px; justify-content: center; gap: 10px; align-items: center; background-color: #008fb8; color: #fff; border-radius: 10px; }
.pro_dcontent .sale_info .con_bot .one { display: flex; flex-wrap: wrap; margin-bottom: 12px; line-height: 1.2; gap: 20px; }
.pro_dcontent .sale_info .con_bot .one .t1 { width: 100px; font-weight: var(--Medium); }
.pro_dcontent .sale_info .con_bot .one .t2 { width: calc(100% - 120px); }

@media (max-width: 1480px) { .pro_dcontent .sale_info { padding: 0 0; }
  .prodwrap { padding-right: 0; }
  .pro_dcontent .sale_info .con_top .sales_info { font-size: 16px; }
  .pro_dcontent .sale_info .con_bot .one { margin-bottom: 10px; gap: 5px; font-size: 15px; }
  .pro_dcontent .sale_info .con_top .sales_info .phonebox { padding: 5px 5px; } }
@media (max-width: 1024px) { .pro_photo { width: 60%; padding-right: 20px; }
  .pro_dcontent { width: 40%; }
  .prodwrap { width: 100%; } }
@media (max-width: 640px) { .prodwrap { width: 100%; }
  .pro_photo { width: 100%; padding-right: 0; }
  .pro_dcontent { width: 100%; max-width: 336px; margin: 0 auto; } }
.onewhiteblock { margin-bottom: 30px; }

.whitebg { background-color: #fff; padding: 45px 5%; border: 1px solid #cacaca; }
.whitebg .object_box .oneset { display: flex; padding: 30px 25px 30px 25px; }
.whitebg .object_box .oneset:not(:last-child) { border-bottom: 1px solid #333; }
.whitebg .object_box .oneset .name { font-size: 20px; width: 100px; padding-right: 15px; }
.whitebg .object_box .oneset .itemset { display: flex; flex-wrap: wrap; font-size: 18px; flex: 1; display: flex; gap: 15px 0; }
.whitebg .object_box .oneset .itemset .item_one { width: calc(100% / 3); display: flex; gap: 20px; }
.whitebg .object_box .oneset .itemset .item_one .t1 { width: 80px; font-weight: var(--Medium); }
.whitebg .object_box .oneset .itemset .item_one .t2 { flex: 1; }

@media (max-width: 1100px) { .whitebg { padding: 25px 5%; }
  .whitebg .object_box .oneset { padding: 20px 0px; }
  .whitebg .object_box .oneset .itemset .item_one { gap: 8px; }
  .whitebg .object_box .oneset .itemset .item_one .t1 { width: 60px; }
  .whitebg .object_box .oneset .itemset { gap: 8px 0; } }
@media (max-width: 768px) { .whitebg .object_box .oneset .name { font-size: 18px; width: initial; margin-right: 20px; }
  .whitebg .object_box .oneset .itemset { gap: 8px 25px; }
  .whitebg .object_box .oneset .itemset .item_one { gap: 8px 5px; font-size: 16px; width: initial; }
  .whitebg .object_box .oneset .itemset .item_one .t1 { width: initial; }
  .whitebg .object_box .oneset .itemset .item_one .t2 { flex: 1; font-weight: var(--Light); } }
.feature { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px 0; width: 100%; }
.feature .feature_one { width: calc(100% / 3); padding: 0 20px; text-align: center; }
.feature .feature_one .icon { margin-bottom: 15px; }
.feature .feature_one .txt { font-size: 20px; }

.checklist { display: flex; flex-wrap: wrap; }
.checklist .check_one { width: calc(100% / 3); padding: 20px; font-size: 18px; padding-left: 40px; line-height: 1.2; }
.checklist .check_one:before { content: "\f00c"; position: absolute; display: block; left: 0; top: 17px; color: var(--main-text); font-size: 24px; }

@media (max-width: 768px) { .feature .feature_one { padding: 0 10px; }
  .feature .feature_one .txt { font-size: 16px; line-height: 1.3; }
  .checklist .check_one { padding: 13px; font-size: 16px; padding-left: 35px; } }
@media (max-width: 480px) { .checklist .check_one { width: calc(100% / 2); } }
.contact_sec { padding: 30px 0 0px 0; }
.contact_sec .wrapper { max-width: 1150px; }
.contact_sec .wrapper .contact_title { font-size: 36px; display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 40px; line-height: 1; }
.contact_sec .wrapper .blue_box { color: #fff; border-radius: 15px; background-color: #0896bc; display: flex; flex-wrap: wrap; gap: 20px; padding: 30px; justify-content: space-around; font-size: 24px; margin-bottom: 40px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
.contact_sec .wrapper .blue_box .oneinfo { display: flex; gap: 15px; line-height: 1.2; }
.contact_sec .wrapper .blue_box .oneinfo .icon { flex-shrink: 0; }

.contactsec { max-width: 100%; margin: 0 auto; padding: 30px 0; }
.contactsec .contactform { display: flex; flex-wrap: wrap; }
.contactsec .contactform .oneset { width: 100%; margin-bottom: 40px; padding: 0 20px; }
.contactsec .contactform .oneset .in { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #000; padding: 10px 15px; }
@media (max-width: 640px) { .contactsec .contactform .oneset { display: block; padding: 15px 0; } }
@media (max-width: 480px) { .contactsec .contactform .oneset { padding: 10px 0px; } }
.contactsec .contactform .oneset.w20 { width: 20%; }
.contactsec .contactform .oneset.w25 { width: 25%; }
.contactsec .contactform .oneset.w30 { width: 30%; }
.contactsec .contactform .oneset.w35 { width: 35%; }
.contactsec .contactform .oneset.w40 { width: 40%; }
.contactsec .contactform .oneset.w50 { width: 50%; }
.contactsec .contactform .oneset.w60 { width: 60%; }
.contactsec .contactform .oneset.w70 { width: 70%; }
@media (max-width: 1260px) { .contactsec .contactform .oneset.w20, .contactsec .contactform .oneset.w25, .contactsec .contactform .oneset.w30, .contactsec .contactform .oneset.w35, .contactsec .contactform .oneset.w40, .contactsec .contactform .oneset.w50, .contactsec .contactform .oneset.w60, .contactsec .contactform .oneset.w70 { width: 100%; } }
.contactsec .contactform .oneset .w60 { width: 60%; }
.contactsec .contactform .oneset .t1 { flex-shrink: 0; font-size: 24px; letter-spacing: 0em; padding-right: 20px; line-height: 1.2; }
@media (max-width: 1260px) { .contactsec .contactform .oneset .t1 { width: auto; } }
@media (max-width: 640px) { .contactsec .contactform .oneset .t1 { text-align: left; } }
.contactsec .contactform .oneset .t1.initialw { width: auto; }
@media (max-width: 640px) { .contactsec .contactform .oneset .t1.initialw { width: 100%; } }
.contactsec .contactform .oneset .contact_message { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.contactsec .contactform .oneset .fillbox { flex: 1; }
.contactsec .contactform .oneset .fillbox.flex { display: flex; flex-wrap: wrap; align-items: center; }
@media (max-width: 640px) { .contactsec .contactform .oneset .fillbox.flex { display: block; } }
.contactsec .contactform .oneset .fillbox .inputstyle { width: 100%; flex: 1; padding: 0; border: none; font-size: 20px; }
.contactsec .contactform .oneset .fillbox .radiobox { flex-shrink: 0; }
@media (max-width: 640px) { .contactsec .contactform .oneset .fillbox .radiobox { padding-left: 0px; padding-top: 10px; } }
.contactsec .contactform .oneset .fillbox .radiobox .radiostyle, .contactsec .contactform .oneset .fillbox .radiobox .checkstylenormal { width: 20px; height: 20px; vertical-align: sub; margin-right: 5px; }
.contactsec .contactform .oneset .fillbox .file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.contactsec .contactform .oneset .fillbox .d-flex { display: flex; }
.contactsec .contactform .oneset .fillbox .file-name { position: relative; overflow: hidden; padding: 10px; font-size: 15px; vertical-align: middle; flex: 1; background-color: #fff; border: none; border: 1px solid #eaeaea; }
.contactsec .contactform .oneset .fillbox .file-name::placeholder { color: #a6882e; }
.contactsec .contactform .oneset .fillbox .btn { text-align: center; background: #af8e2a; border: none; width: 75px; color: #FFF; font-size: 17px; text-align: center; }
.contactsec .contactform .oneset .fillbox .btn:hover { background: #c6161e; }
.contactsec .textareastyle { border: 1px solid #7a7a7a; border-top: none; width: 100%; height: 290px; padding: 15px; }
.contactsec .contactformbottom { padding-top: 30px; gap: 15px; padding-bottom: 50px; padding: 0px 20px 50px 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
@media (max-width: 640px) { .contactsec .contactformbottom { justify-content: center; } }
.contactsec .contactformbottom .recaptch { display: flex; justify-content: center; }
.contactsec .contactformbottom .btnbox { display: flex; justify-content: center; }
.contactsec .contactformbottom .btnbox .squarebtnstyle { background-color: #166083; border: none; color: #fff; font-size: 22px; padding: 10px 20px; display: inline-block; border-radius: 10px; }
.contactsec .contactformbottom .btnbox .squarebtnstyle:hover { transform: scale(1.1); }

.nameafter::after { content: ""; display: block; position: absolute; width: 20px; height: 20px; background-color: #eff0f2; right: 0; top: 0; }

.googlemap iframe { width: 100%; height: 60vh; display: block; }

@media (max-width: 1260px) { .contactsec .contactform .oneset .w60 { width: 100%; }
  .contactsec .contactform .oneset .t1 { font-size: 17px; padding-right: 10px; }
  .contactsec .contactform .labelblock { padding: 3px 10px 3px 0px; font-size: 16px; }
  .contactsec .contactform .labelblock:last-child { padding-right: 0; }
  .contactsec .contactform .labelblock:last-child .radiobox { margin-right: 0; }
  .contactsec .contactform .oneset .fillbox .icon { display: none; }
  .contactsec .contactform .oneset { margin-bottom: 10px; }
  .contact_sec .wrapper .blue_box { font-size: 18px; }
  .contact_sec .wrapper .blue_box { margin-bottom: 0; } }
#land_more { display: none; }

.ifeature { background: url(../images/i_featurebg2.jpg) no-repeat; padding: 210px 40px 95px 40px; background-size: cover; margin-top: -100px; }
.ifeature .ifeature_list { display: flex; max-width: 1540px; margin: 0 auto; gap: 20px; align-items: center; justify-content: space-around; }
.ifeature .ifeature_list .oneset .txtbox { text-align: center; line-height: 1; height: 290px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ifeature .ifeature_list .oneset .txtbox .t1 { font-size: 34px; margin-bottom: 20px; }
.ifeature .ifeature_list .oneset .txtbox .t2 { font-size: 55px; font-weight: var(--Bold); margin-bottom: 20px; }
.ifeature .ifeature_list .oneset .txtbox .t2 .blue { color: var(--main-text); }
.ifeature .ifeature_list .oneset .txtbox .t3 { font-size: 26px; }
.ifeature .ifeature_list .oneset .circlebox { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 290px; }
.ifeature .ifeature_list .oneset .circlebox img.circleimg { width: 100%; }
.ifeature .ifeature_list .oneset .circlebox .dot { width: 18px; height: 18px; border-radius: 50%; background-color: #333333; position: absolute; }
.ifeature .ifeature_list .oneset .circlebox .dot.n1 { top: 37px; left: 30px; }
.ifeature .ifeature_list .oneset .circlebox .dot.n2 { bottom: 24px; right: 45px; }
.ifeature .ifeature_list .oneset .circlebox .dot.n3 { top: 24px; right: 45px; }

@media (max-width: 1200px) { .ifeature .ifeature_list .oneset .txtbox { height: 200px; }
  .ifeature .ifeature_list .oneset .txtbox .t1 { font-size: 20px; margin-bottom: 10px; }
  .ifeature .ifeature_list .oneset .txtbox .t2 { font-size: 36px; margin-bottom: 15px; }
  .ifeature .ifeature_list .oneset .txtbox .t3 { font-size: 16px; }
  .ifeature .ifeature_list .oneset .circlebox { width: 200px; }
  .ifeature .ifeature_list .oneset .circlebox .dot { width: 15px; height: 15px; }
  .ifeature .ifeature_list .oneset .circlebox .dot.n1 { top: 37px; left: 12px; }
  .ifeature .ifeature_list .oneset .circlebox .dot.n2 { bottom: 5px; right: 47px; }
  .ifeature .ifeature_list .oneset .circlebox .dot.n3 { top: 5px; right: 45px; } }
@media (max-width: 768px) { .ifeature { padding: 50px 20px 50px 20px; margin-top: 0px; } }
@media (max-width: 767px) { .ifeature .ifeature_list { flex-direction: column; gap: 30px; align-items: center; } }
.ibuild_slide { width: 78%; padding-top: 60px; overflow: hidden; }
.ibuild_slide .oneset { padding: 10px; }
.ibuild_slide .oneset .onesetin { display: block; }
.ibuild_slide .oneset .onesetin:hover { transform: translate(0, -100px); }
.ibuild_slide .oneset .onesetin:hover .hovertxt { opacity: 1; }
@media (max-width: 768px) { .ibuild_slide .oneset .onesetin:hover .hovertxt { opacity: 0; } }
.ibuild_slide .oneset .onesetin:hover .photo .pic { border-bottom: 2px solid #ffea2d; }
.ibuild_slide .oneset .onesetin:hover .ori { transform: translate(0, -20%); opacity: 0; }
.ibuild_slide .oneset .onesetin .photo { overflow: hidden; }
.ibuild_slide .oneset .onesetin .photo .pic { height: 0; text-align: center; position: relative; display: block; overflow: hidden; padding-bottom: 139.02439%; background-size: cover; background-repeat: no-repeat; }
.ibuild_slide .oneset .onesetin .slick-list { overflow: initial; }
.ibuild_slide .oneset .onesetin .hovertxt { opacity: 0; }
.ibuild_slide .oneset .onesetin .hovertxt .hovertxt_in .ibuild_name { font-size: 16px; font-weight: var(--Bold); margin-bottom: 5px; margin-top: 10px; }
.ibuild_slide .oneset .onesetin .hovertxt .hovertxt_in .ibuild_address { font-size: 14px; margin-bottom: 5px; }
.ibuild_slide .oneset .onesetin .hovertxt .hovertxt_in .ibuild_square_price { display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; justify-content: space-between; }
.ibuild_slide .oneset .onesetin .hovertxt .hovertxt_in .ibuild_square_price .ibuild_price { color: #156082; font-weight: var(--Bold); }

.ibuild_box2 .wrapper { display: flex; align-items: center; gap: 5%; }
.ibuild_box2 .line { flex: 1; width: 100%; height: 2px; background-color: #898989; }

.icasearrowset { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.icasearrowset .icasearrow { width: 48px; height: 48px; line-height: 48px; text-align: center; border: 2px solid #000000; display: block; }
.icasearrowset .icasearrow:hover { background-color: #166083; border: 2px solid #166083; color: #fff; }

.ibuild {background: url(../images/i_itembg.png) #e6f7ff left bottom no-repeat;padding-top: 130px;padding-bottom: 85px;}
.ibuild .slick-list { overflow: initial; }
.ibuild .ibuildwrapper .ibuild_box1 { display: flex; flex-wrap: wrap; align-items: center; max-width: 1920px; padding-left: 15%; gap: 30px; justify-content: space-between; }
.ibuild .ibuildwrapper .ibuild_box1 .ibuild_title { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; color: #000; padding: 0 5px; }
.ibuild .ibuildwrapper .ibuild_box1 .ibuild_title:after { width: 18px; height: 18px; display: block; position: absolute; right: -20px; top: 30px; content: ""; display: block; background-color: #fff; }
.ibuild .ibuildwrapper .ibuild_box1 .ibuild_title .icon { margin-bottom: 10px; }
.ibuild .ibuildwrapper .ibuild_box1 .ibuild_title .txt1 { padding-bottom: 10px; margin-bottom: 5px; border-bottom: 2px solid #000000; font-size: 36px; font-weight: var(--Bold); letter-spacing: 0.1em; }
.ibuild .ibuildwrapper .ibuild_box1 .ibuild_title .txt2 { font-size: 20px; letter-spacing: 0.075em; }

@media (max-width: 1366px) { .ibuild { padding-top: 20px; padding-bottom: 50px; }
  .ibuild .ibuildwrapper .ibuild_box1 { padding-left: 40px; padding-right: 40px; gap: 30px; justify-content: center; } }
@media (max-width: 960px) { .ibuild { padding-top: 40px; }
  .ibuild .ibuildwrapper .ibuild_box1 { flex-direction: column; }
  .ibuild_slide { width: 100%; padding-top: 0; overflow: hidden; }
  .ibuild_slide .oneset .onesetin .hovertxt { opacity: 1; }
  .ibuild_slide .oneset .onesetin .hovertxt .hovertxt_in .ibuild_square_price { font-size: 15px; }
  .ibuild_box2 { margin-top: 30px; } }
@media (max-width: 767px) { .ibuild .ibuildwrapper .ibuild_box1 { padding-left: 20px; padding-right: 20px; }
  .ibuild_box2 .line { display: none; }
  .ibuild_box2 .wrapper { justify-content: center; }
  .ibuild .ibuildwrapper .ibuild_box1 .ibuild_title .txt1 { font-size: 28px; padding-bottom: 5px; }
  .ibuild .ibuildwrapper .ibuild_box1 .ibuild_title .txt2 { font-size: 16px; letter-spacing: 0; } }
.iland_title { display: flex; align-items: center; color: #000; margin-bottom: 54px; line-height: 1; }
.iland_title .icon { margin-right: 35px; }
.iland_title .tw { font-size: 36px; letter-spacing: 0.1em; font-weight: var(--Bold); }
.iland_title .tw:after { content: ""; display: inline-block; width: 1px; height: 32px; margin-left: 24px; margin-right: 24px; background-color: #000000; }
.iland_title .en { font-size: 32px; letter-spacing: 0em; }

.iland { padding: 90px 0 100px 0; }
.iland .wrapper .iland_list { display: flex; gap: 35px; }
.iland .wrapper .iland_list .box1 { display: flex; flex-wrap: wrap; width: calc(430 * 100%/1345); }
.iland .wrapper .iland_list .box1:after { content: ""; background-color: #ffea2d; width: 40px; height: 40px; position: absolute; right: -20px; top: -20px; display: block; }
.iland .wrapper .iland_list .box1 .oneset { width: 100%; height: 100%; }
.iland .wrapper .iland_list .box1 .oneset .onesetin .photo .pic { padding-bottom: 141.06729%; }
.iland .wrapper .iland_list .oneset .onesetin { display: block; width: 100%; }
.iland .wrapper .iland_list .oneset .onesetin:hover .txtbox { background-color: transparent; }
.iland .wrapper .iland_list .oneset .onesetin:hover .photo .pic { transform: scale(1.1); }
.iland .wrapper .iland_list .oneset .onesetin .photo { width: 100%; overflow: hidden; }
.iland .wrapper .iland_list .oneset .onesetin .photo .pic { height: 0; text-align: center; position: relative; display: block; overflow: hidden; background-size: cover; background-position: center center; }
.iland .wrapper .iland_list .oneset .onesetin .photo .pic img { max-width: 100%; max-height: 100%; width: 100%; transition: 0.5s; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox { color: #fff; background-color: rgba(0, 0, 0, 0.4); display: flex; align-items: end; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox .txtbox_in { padding: 10px 30px; width: 100%; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_name { font-size: 16px; font-weight: var(--Bold); padding: 10px 10px; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_name::after { content: ""; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.6); position: absolute; bottom: 0; left: 0; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_square_price { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; margin-top: 10px; font-size: 16px; }
.iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_square_price .iland_pric { font-weight: var(--Bold); }
.iland .wrapper .iland_list .box2 { display: flex; flex-wrap: wrap; gap: 35px 5%; flex: 1; }
.iland .wrapper .iland_list .box2:before { content: ""; background-color: #eff0f2; width: 75px; height: 75px; position: absolute; right: -48px; bottom: -30px; display: block; z-index: -1; }
.iland .wrapper .iland_list .box2:after { content: ""; background-color: #166083; width: 30px; height: 30px; position: absolute; right: -58px; bottom: 25px; display: block; z-index: 0; }
.iland .wrapper .iland_list .box2 .oneset { width: 55%; }
.iland .wrapper .iland_list .box2 .oneset:nth-child(2), .iland .wrapper .iland_list .box2 .oneset:nth-child(3) { width: 40%; }
.iland .wrapper .iland_list .box2 .oneset:nth-child(2) .onesetin .photo .pic, .iland .wrapper .iland_list .box2 .oneset:nth-child(3) .onesetin .photo .pic { padding-bottom: calc(290* 100% / 360); }
.iland .wrapper .iland_list .box2 .oneset .onesetin .photo .pic { padding-bottom: calc(290* 100% / 490); }

@media (max-width: 1200px) { .iland_title .icon { margin-right: 20px; }
  .iland_title { margin-bottom: 40px; }
  .iland_title .icon { margin-right: 15px; }
  .iland_title .icon img { height: 34px; }
  .iland_title .tw { font-size: 28px; }
  .iland_title .en { font-size: 20px; letter-spacing: 0em; }
  .iland_title .tw:after { height: 27px; margin-left: 10px; margin-right: 10px; position: relative; top: 3px; } }
@media (max-width: 960px) { .iland { padding: 50px 0 50px 0; }
  .iland .wrapper .iland_list .oneset .onesetin .txtbox .txtbox_in { padding: 10px 10px; }
  .iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_name { font-size: 15px; padding: 5px 0px; }
  .iland .wrapper .iland_list .oneset .onesetin .txtbox .iland_square_price { margin-top: 5px; margin-bottom: 0; font-size: 14px; }
  .iland .wrapper .iland_list .box2 { gap: 20px 5%; }
  .iland .wrapper .iland_list { gap: 20px; } }
@media (max-width: 767px) { .iland .wrapper .iland_list { flex-direction: column; }
  .iland .wrapper .iland_list .box1 { width: 100%; }
  .iland .wrapper .iland_list .box2 { width: 100%; }
  .iland .wrapper .iland_list .box2 { gap: 20px 3%; }
  .iland .wrapper .iland_list .box2 .oneset { width: 56%; }
  .iland .wrapper .iland_list .box2 .oneset:nth-child(2), .iland .wrapper .iland_list .box2 .oneset:nth-child(3) { width: 41%; } }
@media (max-width: 640px) { .iland .wrapper .iland_list .box2 .oneset { width: 100%; }
  .iland .wrapper .iland_list .box2 .oneset:nth-child(2), .iland .wrapper .iland_list .box2 .oneset:nth-child(3) { width: 100%; } }
@media (max-width: 480px) { .iland_title { margin-bottom: 25px; } }
.inews {background: url(../images/i_news_bg.png) #e6f7ff no-repeat right bottom;padding-top: 90px;padding-bottom: 160px;}
.inews .inews_list { max-width: 1920px; margin: 0 auto; padding-left: 15%; }
.inews .inews_list .oneset { padding: 25px 10px 10px 10px; }
.inews .inews_list .oneset .onesetin:hover .inews_txt_bg1 { opacity: 1; }
.inews .inews_list .oneset .onesetin .inews_class { border-radius: 10px; padding: 10px 20px; background-color: #156082; color: #fff; font-size: 20px; position: absolute; top: -24px; right: 30px; z-index: 1; }
.inews .inews_list .oneset .onesetin .inews_photo img {border-radius: 10px;width: 100%;}
.inews .inews_list .oneset .onesetin .inews_txt_bg1, .inews .inews_list .oneset .onesetin .inews_txt_bg2 { position: absolute; top: 0; width: 100%; height: 100%; left: 0; border-radius: 10px; }
.inews .inews_list .oneset .onesetin .inews_txt_bg1 { opacity: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(26, 26, 26, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.inews .inews_list .oneset .onesetin .inews_txt_bg2 { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.48) 50%, rgba(26, 26, 26, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.inews .inews_list .oneset .onesetin .inews_txt { color: #fff; padding: 20px 30px; display: flex; flex-direction: column; justify-content: end; position: absolute; border-radius: 10px; top: 0; width: 100%; height: 100%; left: 0; }
.inews .inews_list .oneset .onesetin .inews_txt .inews_date { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; gap: 15px; }
.inews .inews_list .oneset .onesetin .inews_txt .inews_date .t { font-size: 16px; }
.inews .inews_list .oneset .onesetin .inews_txt .inews_date .line { flex: 1; height: 1px; background-color: rgba(255, 255, 255, 0.6); }
.inews .inews_list .oneset .onesetin .inews_txt .inews_title { font-size: 16px; }
.inews .ibuild_box2 { margin-top: 75px; }

@media (max-width: 1860px) { .inews .inews_list { max-width: 1420px; margin: 0 auto; padding: 0 40px; }
  .inews .inews_list .oneset .onesetin .inews_txt { padding: 10px 10px; }
  .inews .inews_list .oneset .onesetin .inews_txt .inews_date { margin-bottom: 0; } }
@media (max-width: 1024px) { .inews .ibuild_box2 { margin-top: 30px; }
  .inews .inews_list .oneset .onesetin .inews_class { padding: 10px 10px; font-size: 17px; top: -24px; right: 15px; } }
@media (max-width: 768px) { .inews { padding-bottom: 80px; } }
@media (max-width: 480px) { .inews .inews_list { padding: 0 20px; }
  .inews { padding-top: 50px; } }
.iabout { margin-top: -80px; padding-bottom: 110px; }
.iabout .wrapper { display: flex; flex-wrap: wrap; align-items: end; gap: 90px; }
.iabout .wrapper .iabout_con { width: 45%; padding-bottom: 35px; }
.iabout .wrapper .iabout_con .iland_title { margin-bottom: 30px; }
.iabout .wrapper .iabout_con .iland_title:before { content: ""; background-color: #166083; width: 16px; height: 16px; position: absolute; left: -36px; top: -36px; display: block; z-index: 0; }
.iabout .wrapper .iabout_con .iabout_txt { font-size: 18px; line-height: 2; }
.iabout .wrapper .iabout_photo { flex: 1; }
.iabout .wrapper .iabout_photo .pic img { border: 5px solid #fff; }
.iabout .wrapper .iabout_photo .pic iframe { width: 100%; }
.iabout .wrapper .iabout_photo:before { content: ""; background-color: #eff0f2; width: 92px; height: 92px; position: absolute; right: -52px; bottom: -35px; display: block; z-index: 1; }
.iabout .wrapper .iabout_photo:after { content: ""; background-color: #ffea2d; width: 38px; height: 38px; position: absolute; right: 22px; bottom: 28px; display: block; z-index: 1; }

@media (max-width: 1200px) { .iabout .wrapper { gap: 30px; }
  .iabout .wrapper .iabout_con .iland_title { margin-bottom: 20px; }
  .iabout .wrapper .iabout_con { padding-bottom: 0; width: 50%; }
  .iabout .wrapper .iabout_con { width: 50%; } }
@media (max-width: 768px) { .iabout { margin-top: 80px; } }
@media (max-width: 767px) { .iabout .wrapper { flex-direction: column; }
  .iabout .wrapper .iabout_con { width: 100%; }
  .iabout .wrapper .iabout_photo { width: 100%; flex: initial; } }
.searchbox_out { display: flex; justify-content: flex-end; }

.searchbox { display: flex; overflow: hidden; }
.searchbox .searchinput { border: none; padding: 14px 22px; font-size: 20px; background-color: #eff0f1; max-width: 260px; }
.searchbox .searchinput::placeholder { color: #b3b3b3; }
.searchbox button { background-color: #0896bc; text-align: center; padding: 9px 13px; border: none; }

@media (max-width: 480px) { .searchbox .searchinput { padding: 10px 10px; flex: 1; }
  .searchbox { width: 100%; } }
.page_title_search { padding-top: 22px; padding-bottom: 50px; display: flex; flex-wrap: wrap; align-items: center; gap: 22%; justify-content: flex-end; }
.page_title_search .page_title { display: flex; align-items: center; gap: 18px; }
.page_title_search .page_title .tw { font-size: 36px; letter-spacing: 0.1em; font-weight: var(--Bold); }

@media (max-width: 1200px) { .page_title_search { gap: 20px; }
  .page_title_search { padding-top: 15px; padding-bottom: 30px; justify-content: space-between; } }
@media (max-width: 767px) { .page_title_search .page_title .tw { font-size: 28px; letter-spacing: 0.05em; }
  .searchbox .searchinput { padding: 10px 15px; font-size: 18px; max-width: 190px; } }
@media print { .printnone, header, .innerban, .newsd_road, .article_share, footer .footersec2 .wrapper .rightbox, .nd_bottombox, .top { display: none; } }

.downloadbtns{
  display: flex;
  gap: 10px;
  margin-top: 10px;
  justify-content: center;
}

.downloadbtns a{
  background-color: #fff;
  display: block;
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid #bbb;
  font-size: 20px;
}
.downloadbtns a:hover{
  background-color: #166083;
  border: 1px solid #166083;
  color: #fff;
}


/* 跑馬燈 */
.top-grid {
  background: #ffea2c;
  padding: 7px 10px;
}
.top-grid .container {
  padding: 0;
}
.top-grid .top-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  height: 35px;
  overflow: hidden;
}
.top-grid .text {
  color: #333333;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 24px;
  max-height: 24px;
}
.top-grid .link {
  border-radius: 20px;
  background: #fa9600;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  font-size: 0.875rem;
  margin-left: 15px;
  padding: 7px 15px;
}
.top-grid .link:hover {
  background: #fff;
  color: #333333;
}