@charset "utf-8";
/* ===============================================================
    Reset 
=============================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none; color: inherit;}
img {vertical-align: top;}
input[type="date"] {border: none;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="search"],input[type="date"],
textarea,button {appearance: none;-webkit-appearance: none;outline:none;background: none; border: 1px solid #e0e0e0;border-radius: 0;}
button {cursor: pointer; border:none; border-radius: 0; padding: 0; margin: 0; outline: none !important;}
select {appearance: none;-webkit-appearance: none;outline:none; border: 1px solid #e0e0e0;border-radius: 0;}
select::-ms-expand {display: none;}
* {box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
a:link {background: none;}
a:visited {background: none;}
a:active {background: none;}

/* ===============================================================
    Layout & Font & Width & Color
=============================================================== */
html {font-size: 62.5%;}
body {font-family: 'S-CoreDream-4Regular', sans-serif; font-size: 16px; line-height: 1; font-weight: normal; color: #222;}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h2 {font-family: 'S-CoreDream-6Bold';}
.font1 {font-family: 'Play', sans-serif;}
.font2 {font-family: 'S-CoreDream-6Bold';}
.bold {font-weight: 700;}
.ttu {text-transform: uppercase;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.color1 {color: #61848c !important;}
.color2 {color: #416067 !important;}
.color3 {color: #9bb7be !important;}
.c-red {color: #ff0000;}
.bg1 {background: #61848c !important; color: #fff !important;}
.bg2 {background: #416067 !important; color: #fff !important;}
.bg3 {background: #9bb7be !important; color: #fff !important;}
.admin-bg {background: #61848c !important; color: #222;}
.hover-color:hover {background: #61848c !important; border: 1px solid #61848c !important; color: #fff !important; transition: .3s;}

.swiper-button-next:after, .swiper-button-prev:after {content:'';}
.swiper-button-next, .swiper-button-prev {outline: none !important;}
.width-max {max-width: 1310px; width: 100%; margin: 0 auto; padding: 0 15px;}
.clb:after {content:''; display: block; clear:both;}
.fl {float:left;} .fr {float:right;}
.none-pc {display: none;}
@media (max-width: 820px){
    .none-pc {display: block;}
    .none-mo {display: none;}
}


/* ===============================================================
    * Common Banner 
=============================================================== */
.cm-banner {width: 100%; height: 380px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.cm-banner__tit {padding-top: 240px; color: #fff;}
.cm-banner__tit h2 {font-family: 'S-CoreDream-6Bold'; font-size: 40px; margin-bottom: 20px;}
.cm-banner__tit p {font-size: 18px;}
@media (max-width: 820px){
    .cm-banner {height: 175px; margin-top: 60px;}
    .cm-banner__tit {position: absolute; width: 100%; padding-top: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
    .cm-banner__tit h2 {font-size: 30px; margin-bottom: 10px;}
    .cm-banner__tit p {font-size: 12px; line-height: 20px;}
}


/* ===============================================================
    * pagination
=============================================================== */
.pagination-wrapper {padding: 40px 0; text-align: center;}
.pagination a {font-family: 'Play', sans-serif; display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #999; border: 1px solid #e0e0e0; }
.pg_page {font-family: 'Play', sans-serif;}
.pagination a:hover, .pagination a.on {border-color: #61848c; color: #416067;}
.pagination .pg_btn {margin: 0 10px;}
@media (max-width: 820px){
    .pagination-wrapper {padding: 30px 0;}
    .pagination a {width: 32px; height: 32px; line-height: 32px;}
}