@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

a:focus { outline: 0; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

html { font-family: '΢ÈíÑźÚ', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted; outline: 0; }

a { text-decoration: none; }

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

h1 { font-size: 2em; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "¡°" "¡±" "¡®" "¡¯"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

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

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

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

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

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

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

textarea { overflow: auto; vertical-align: top; }

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

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input:focus, textarea:focus { outline: 0; }

.tap_init { -webkit-tap-highlight-color: transparent; }

dd, dl, dt, li, ol, ul { list-style: none; }

b, em, strong { font-style: normal; }

body { -webkit-tap-highlight-color: transparent; }

a:focus, div:focus, input:focus, p:focus { -webkit-tap-highlight-color: transparent; }

div:focus, span:focus { outline: none; }

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

/*reset bootsrtap*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 10px; padding-right: 10px; }

.container { padding-left: 10px; padding-right: 10px; }

.row { margin-right: -10px; margin-left: -10px; }

@media (min-width: 1200px) { .container { max-width: 1200px; padding: 0; } }

.otherpongetitle { font-size: 30px; color: #2d2d2d; position: relative; text-align: center; padding-bottom: 14px; }

.otherpongetitle::after { position: absolute; width: 65px; content: ''; height: 4px; left: 0; right: 0; bottom: 0; margin: auto; background: #0f78b2; }

@media (max-width: 575px) { .otherpongetitle { font-size: 18px; padding-bottom: 10px; }
  .otherpongetitle::after { height: 2px; width: 40px; } }

.header .searchbtn { border: 1px solid #0f78b2; width: 33px; height: 33px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin-left: 15px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.header .searchbtn:hover { background: #0f78b2; }

.header .searchbtn:hover img:nth-of-type(1) { display: none; }

.header .searchbtn:hover img:nth-of-type(2) { display: block; }

.header .searchbtn img:nth-of-type(1) { display: block; }

.header .searchbtn img:nth-of-type(2) { display: none; }

.header .searchform .btn-outline-success { color: #333; border-color: #ced4da; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; background: #fff; height: 35px; border-radius: 0; padding-bottom: 0; padding-top: 0; font-size: 14px; }

.header .searchform .btn-outline-success:hover { background: #0f78b2; border-color: #0f78b2; color: #fff; }

.headerTopC { height: 50px; background: #e7e7e7; }

.headerTopC .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.headerTopC .container .left { font-size: 14px; color: #666666; }

.headerTopC .container .right, .headerTopC .container .right a { font-size: 14px; color: #666666; }

.headerTopC .container .right a { padding: 0 5px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.headerTopC .container .right a:hover { color: #0f78b2; }

@media (max-width: 1799px) and (min-width: 1501px) { .headerTopC .container, .header .container { padding-left: 160px; } }

@media (max-width: 1500px) and (min-width: 1440px) { .headerTopC .container, .header .container { padding-left: 200px; } }

@media (min-width: 1440px) { .navbar-expand-lg .navbar-nav .nav-link { padding: 0 18px; } }

@media (max-width: 1439px) and (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { padding: 0 10px; }
  .headerTopC .container, .header .container { padding-left: 140px; } }

@media (min-width: 1200px) { .header .navbar-collapse .tplNumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (max-width: 1199px) and (min-width: 992px) { .header .navbar-collapse .tplNumber { display: none; }
  .headerTopC .container, .header .container { padding-left: 195px; } }

@media (min-width: 992px) { .header { background: #fff; height: 100px; }
  .header .searchform { position: absolute; width: 100%; left: 0; right: 0; top: 100%; z-index: 2; background: rgba(255, 255, 255, 0.8); padding: 20px 0; } }

@media (min-width: 992px) and (min-width: 992px) { .header .searchform { display: none; } }

@media (min-width: 992px) { .header .searchform .form-inline { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header .searchform .form-control { height: 100%; border-radius: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .header .navbar { padding: 0; height: 100%; }
  .header .navbar .container, .header .navbar .navbar-collapse, .header .navbar .navbar-nav { height: 100%; }
  .header .navbar-brand { left: 0; bottom: 0; padding: 0; }
  .header .navbar-nav li .dropdown-toggle::after { content: none; }
  .header .navbar-nav li span { height: 100%; }
  .header .navbar-nav li .nav-link { height: 100%; }
  .header .navbar-collapse { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .header .navbar-collapse .tplNumber { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #2a2a2a; }
  .header .navbar-collapse .tplNumber .img { margin-right: 10px; }
  .header .navbar-collapse .tplNumber .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .header .navbar-collapse .tplNumber .text span.bold { font-size: 24px; font-family: 'Roboto'; color: #2a2a2a; font-weight: bold; line-height: 1; }
  .header .dropdown-menu { background: transparent; }
  .header .dropdown-menu .child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header .dropdown-menu .dropdown-item { font-size: 16px; color: #262626; width: 100%; height: 56px; }
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link { color: #0f78b2; }
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link a, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link a { color: #0f78b2; }
  .navbar-expand-lg .navbar-nav .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
  .header .navbar-nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link a { color: #1d1d1d; font-size: 18px; }
  .header { position: relative; }
  .header .yy { z-index: 2; width: 100%; position: absolute; top: 100%; display: none; left: 0; height: 56px; background: rgba(255, 255, 255, 0.5); }
  .header .dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; min-width: 0; }
  .header .dropdown-menu .dropdown-item { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 0 25px; }
  .header .dropdown-menu .dropdown-item:nth-of-type(1) { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
  .header .dropdown-menu .dropdown-item:hover, .header .dropdown-menu .dropdown-item.active { color: #fff;font-weight:bold; background: #0f78b2; }
  .header { padding: 0 0; }
  .header .container { padding: 0; }
  .header .navbar-nav { margin-left: auto; }
  .header .navbar-expand-lg .navbar-nav .nav-link { padding: 0; }
  .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 18px; }
  .header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link a, .header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link a { background: #0f78b2; color: #fff; }
  .header .navbar-expand-lg .navbar-nav .nav-item .nav-link { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
  .header .navbar-expand-lg .navbar-nav .nav-item .nav-link a { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header .container { height: 100%; } }

@media (max-width: 1599px) and (min-width: 991px) { .header .dropdown-menu .dropdown-item { padding: 0 10px; } }

@media (max-width: 1499px) { .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 15px; } }

@media (max-width: 1199px) { .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 10px; }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link a { font-size: 14px; } }

@media (max-width: 991px) { .header { background: #fff; }
  .header .navbar-brand img { width: 100px; }
  .navbar-light .navbar-nav .nav-link a { color: rgba(0, 0, 0, 0.5); }
  .header .tplNumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0; }
  .header .tplNumber .img { margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header .tplNumber .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .headerTopC .container .left { font-size: 12px; }
  .headerTopC .container .right, .headerTopC .container .right a { font-size: 12px; }
  .header .searchbtn { display: none; }
  .header .form-inline { margin-left: 0; }
  .header ul li.active .nav-link::after { border-top-color: #0f78b2; }
  .header ul li.active .nav-link a { color: #0f78b2; } }

@media (max-width: 767px) { .header .navbar-brand img { width: 60px; } }

@media (max-width: 575px) { .header .navbar-toggler { padding: 0.1rem 0.3rem; }
  .header .navbar-toggler-icon { width: 1em; height: 1em; }
  .header .navbar-toggler:focus { outline: none; }
  .header .navbar-toggler-icon { height: 1.2em; }
  .header .navbar-brand img { width: 100px; }
  .header .dropdown-item { font-size: 14px; }
  .header .navbar { padding-top: 0; padding-bottom: 0; }
  .headerTopC { height: 30px; }
  .header .navbar-expand-lg .navbar-nav .nav-link a { padding-left: 0; padding-right: 0; }
  .header .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header .form-control { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
  .header .form-inline { padding-left: 0; }
  .header .searchform .btn-outline-success { height: 52px; margin-left: 10px; }
  .header .form-inline { padding-right: 0; } }

.footer { padding: 30px 2.6041666666666665%; background: #0f78b2; }

.footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.footer .right a { padding: 0 10px; position: relative; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .right a:last-child::after { content: none; }

.footer .right a::after { position: absolute; right: -2px; top: 0; bottom: 0; margin: auto; width: 1px; height: 10px; content: ''; background: #fff; }

.footer, .footer a { font-size: 12px; color: #fff; }

@media (max-width: 575px) { .footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer .right a:first-child { padding-left: 0; }
  .footer .right { margin-top: 10px; }
  .footer { padding: 20px 10px; text-align: center; } }

.otherBanner{overflow: hidden;}
.otherBanner .pc { display: block; overflow:hidden;}
.otherBanner a{background-position: center center;}
.otherBanner img{max-width: 100%;}
.otherBanner .m {display:none; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (max-width: 575px) { 
  .otherBanner .pc { display: none; }
  .otherBanner .m {display:block; } 
}

.breadCrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.breadCrumbs a { padding: 25px 0; display: inline-block; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.breadCrumbs a:hover { color: #0f78b2; }

.breadCrumbs, .breadCrumbs a { color: #303030; font-size: 16px; }

@media (max-width: 575px) { .breadCrumbs, .breadCrumbs a { font-size: 14px; }
  .breadCrumbs a { padding: 20px 0; } }

.commonPaging { text-align: center; margin: 65px 0; }

.commonPaging a { display: inline-block; width: 38px; height: 38px; border: 1px solid #b2b2b2; font-size: 16px; line-height: 38px; color: #838383; border-radius: 4px; margin: 5px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.commonPaging a.next, .commonPaging a.prev { width: 78px; height: 38px; }

.commonPaging a:hover { border: 1px solid #0f78b2; background: #0f78b2; color: #fff; }

.commonPaging span { margin-left: 14px; font-size: 16px; color: #3a3a3a; height: 38px; line-height: 38px; }

@media (max-width: 575px) { .commonPaging { margin: 30px 0; }
  .commonPaging a { font-size: 14px; }
  .commonPaging span { font-size: 14px; } }