html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }.NavList_a1 a:hover{ color: #fff!important;} .NavList_a1 a:hover:before{background-color: #fff!important;} @import url('css.css'); @font-face { font-family: 'Roboto-Regular'; font-style: normal; font-stretch: normal; font-display: swap; src: url('../font/Roboto-Regular.ttf') format('truetype'); } body{ font-family: 'Roboto-Regular', Arial, Candal, sans-serif !important; } a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} ::placeholder{ font-size:12px !important; }  @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #d71918; border-color: #d71918; color: #fff; } .p_page .pre:hover { color: #fff; background: #d71918; border-color: #d71918; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #d71918; border-color: #d71918; color: #fff; } .p_page .next:hover { background: #d71918; border-color: #d71918; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #d71918; border-color: #d71918; } .p_page .pageNum:hover { color: #fff; border-color: #d71918; cursor: pointer; text-decoration: none; background-color: #d71918; } .p_page .pageNum.active { text-decoration: none; background-color: #d71918; color: #fff; border-color: #d71918; } .c_portalResnav_main-01001 { width: 100% !important; } } @media screen and (max-width: 768px) { #w_common_text-1623147310975 span{ font-size:20px !important; } #c_portalResSearch_result-16009624548889583 .stylebox_title { background-color: #b71c22 !important; } #c_portalResSearch_result-16009624548889583 .p_stylebox .stylebox_top { background: #b71c22 !important; } #w_grid-1623313185636> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #w_grid-1623313185648> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #c_portalResMessage_form-16009603552989246 .btn-primary { background-color: #b71c22 !important; border-color: #b71c22 !important; } #c_portalResProduct_list-1623316024422 { margin-top: 0px !important; margin-bottom: 0px !important; } #w_grid-1623316024372> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #w_grid-1623302468152> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before { height: 0px !important; } .w_grid-003 > div > .p_gridbox > .p_gridCell:not(:empty):before { height: 0px !important; } #w_fline-1623300108493 .p_FLine { border-top-width: 180px !important; } #w_fline-1623300108525 .p_FLine { border-top-width: 200px !important; } #w_fline-1623300108442 .p_FLine { border-top-width: 195px !important; } #w_fline-1623300108475 .p_FLine { border-top-width: 140px !important; } #w_grid-1623297664873> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #w_grid-1623297824456 { margin-bottom: 0px !important; } #w_grid-1623297824425 { margin-top: 0px !important; margin-bottom: 0px !important; } #w_grid-1623297824431 { margin-top: 20px !important; margin-bottom: 0px !important; } #w_grid-1623297664933 { margin-top: 20px !important; } #w_grid-1623297824418 { margin-top: 0px !important; } #w_grid-1623297664933> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #w_grid-1623150991156 { margin-top: 0px !important; margin-bottom: 0px !important; } #w_common_text-1623150991149 { margin-top: 40px !important; } #w_grid-1623146597009> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 1rem !important; } #w_grid-1623147310928 { margin-top: 0px !important; } #w_grid-1623146596973> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } #w_grid-1623147310928> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 0rem !important; } .c_portalResNews_list-01001048 .newList1 .news1_con { margin-top: 3% !important; } #w_grid-1616066777440> div > .p_gridbox > .p_gridCell { margin-top: 0rem !important; } .c_portalResNews_list-01001048 .newList1 { margin: 0px auto 0 !important; } #w_fbtn-1620369847441 { margin-top: 20px !important; margin-bottom: 30px !important; } #w_common_text-1620369847436 span{ font-size:24px !important; } #w_common_text-1620369847436 { margin-top: 20px !important; } #w_grid-1616066777270 { margin-bottom: 20px !important; } #w_grid-1616066777230 { margin-top: 20px !important; } #w_grid-1616066777240 > div > .p_gridbox { margin-top: 0px !important; } #w_grid-1616066777040 > div > .p_gridbox { margin-top: 0px !important; } .c_portalResMessage_form-01001002 .p_ConWBox{display:none} #c_portalResMessage_form-16069008092155241{display:none} .btn-primary{ margin-top: 8px;} .reset_style table td{ width: 50%;} .c_portalResProduct_detail-01001 .d_TextBox, .c_portalResProduct_detail-01001 .d_description{ width: 70%;} .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #d71918; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #d71918; background-color: #d71918; cursor: pointer; } .p_pagebox .pre:active { background-color: #d71918; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #d71918; } .p_pagebox .next:hover { background-color: #d71918; } .p_pagebox .next:active { background-color: #d71918; } }  ::-webkit-scrollbar { width: 9px; background-color: #fff; } ::-webkit-scrollbar-thumb { border: solid 2px #fff; width: 5px; border-radius: 0px; background-color: #666; } ::-webkit-scrollbar-corner { background-color: #fff; } ::-webkit-scrollbar:horizontal { height: 9px; } ::-webkit-selection { background: #d71918; color: #fff; } ::-moz-selection { background: #d71918; color: #fff; } ::selection { background: #d71918; color: #fff; }  @keyframes circleProgressLoad_right { 0% { transform: rotate(45deg); } 50%, 100% { transform: rotate(225deg); } } @keyframes circleProgressLoad_left { 0%, 50% { transform: rotate(45deg); } 100% { transform: rotate(225deg); } }