@charset "UTF-8";
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local("Noto Sans Thin"), local("NotoSans-Thin"), url(../fonts/NotoSansKR-Thin.eot), url(../fonts/NotoSansKR-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Thin.woff) format("woff"), url(../fonts/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local("Noto Sans Light"), local("NotoSans-Light"), url(../fonts/NotoSansKR-Light.eot), url(../fonts/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Light.woff) format("woff"), url(../fonts/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans DemiLight"), local("NotoSans-DemiLight"), url(../fonts/NotoSansKR-DemiLight.eot), url(../fonts/NotoSansKR-DemiLight.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-DemiLight.woff) format("woff"), url(../fonts/NotoSansKR-DemiLight.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(../fonts/NotoSansKR-Regular.eot), url(../fonts/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(../fonts/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Medium"), local("NotoSans-Medium"), url(../fonts/NotoSansKR-Medium.eot), url(../fonts/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 800;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(../fonts/NotoSansKR-Bold.eot), url(../fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local("Noto Sans Black"), local("NotoSans-Black"), url(../fonts/NotoSansKR-Black.eot), url(../fonts/NotoSansKR-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Black.woff) format("woff"), url(../fonts/NotoSansKR-Black.otf) format("opentype");
}

.is-hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}

.is-drawer-open {
    overflow-y: scroll;
    height: 100%;
}

.is-drawer-open body {
    overflow: hidden;
    height: 100%;
}

.m-visual-open .m-visual__pull {
    bottom: 0;
}

[class^="l-header"],
[class^="l-footer"],
[class^="l-toolbar"],
[class^="l-logo"],
[class^="l-drawer"],
[class^="l-skip"],
[class^="l-gnb"],
[class^="l-snb"],
[class^="l-sns"],
[class^="l-family-site"],
[class^="l-popup-zone"],
[class^="l-aside"],
[class^="l-util"],
[class^="l-heading"], [class^="l-mobile-toolbar"], [class^="l-lang"], [class^="l-search-bar"], [class^="l-site-nav"], [class^="l-site-info"], [class^="l-mark"], [class^="l-description"], [class^="l-visual"], [class^="l-breadcrumbs"], [class^="l-lnb"], [class^="l-shortcut"], [class^="l-print"], [class^="l-top"], [class^="c-heading"],
[class^="c-paragraph"],
[class^="c-caption"], [class^="c-list"], [class^="grid"], [class^="c-forms"], [class^="c-button"], [class^="c-buttons"], [class^="c-label"], [class^="c-table"], [class^="c-grouping"], [class^="c-sections"],
[class^="c-section"], [class^="c-pagination"], [class^="c-tabs"], [class^="c-tab"], [class^="c-search"], [class^="c-email"], [class^="c-sms"], [class^="c-phone"], [class^="c-box"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.l-page__aligner:before, .l-util:before, .l-gnb ul:before, .l-snb__list:before, .l-mobile-toolbar__list:before, .l-sns__list:before, .l-site-nav__aligner:before, .l-site-info__list:before, .l-breadcrumbs__aligner:before, .c-heading:before, .grid__row:before, .c-forms__grouping:before, .c-buttons:before, .c-grouping:before, .c-tabs__list:before, .c-search:before, .c-email:before, .c-sms:before, .c-phone:before, .l-page__aligner:after, .l-util:after, .l-gnb ul:after, .l-snb__list:after, .l-mobile-toolbar__list:after, .l-sns__list:after, .l-site-nav__aligner:after, .l-site-info__list:after, .l-breadcrumbs__aligner:after, .c-heading:after, .grid__row:after, .c-forms__grouping:after, .c-buttons:after, .c-grouping:after, .c-tabs__list:after, .c-search:after, .c-email:after, .c-sms:after, .c-phone:after {
    content: " ";
    display: table;
}

.l-page__aligner:after, .l-util:after, .l-gnb ul:after, .l-snb__list:after, .l-mobile-toolbar__list:after, .l-sns__list:after, .l-site-nav__aligner:after, .l-site-info__list:after, .l-breadcrumbs__aligner:after, .c-heading:after, .grid__row:after, .c-forms__grouping:after, .c-buttons:after, .c-grouping:after, .c-tabs__list:after, .c-search:after, .c-email:after, .c-sms:after, .c-phone:after {
    clear: both;
}

.c-forms__legend, .c-forms__label {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}

.l-header {
    position: relative;
    z-index: 400;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.l-header--sub {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
}

.l-toolbar {
    position: relative;
    z-index: 20;
}

.l-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.l-skip__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-skip__link {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 5000;
    width: 100%;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    text-decoration: none;
}

.l-skip__link:focus, .l-skip__link:hover, .l-skip__link:active {
    top: 0;
}

.l-drawer {
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    z-index: 300;
    width: 100%;
}

.l-drawer__trigger {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.l-gnb {
    display: none;
    position: relative;
    z-index: 10;
}

.l-footer {
    position: relative;
    z-index: 200;
}

.l-popup-zone {
    display: none;
}

.l-page {
    position: relative;
    z-index: 100;
}

.l-page__aligner {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
}

.l-aside {
    display: none;
    float: left;
    width: 240px;
}

.l-aside__item + .l-aside__item {
    margin-top: 80px;
}

.l-contents {
    position: relative;
}

.l-util {
    margin-top: 30px;
}

.l-util__left {
    float: left;
}

.l-util__right {
    float: right;
}

.l-heading {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
}

.l-heading .c-heading1 {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}

.l-heading__util {
    display: table-cell;
    width: 40%;
    vertical-align: bottom;
    text-align: right;
}

.l-popup {
    padding: 15px;
}

.l-popup__heading {
    margin: 0 0 20px;
    padding: 0 0 7px;
    border-bottom: 2px solid #c42047;
    color: #1d1d1d;
    font-size: 1.125rem;
    letter-spacing: -1px;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
/*     -webkit-text-size-adjust: none;
            text-size-adjust: none; */
}

img {
    border: 0;
}

a:hover,
a:active,
a:visited {
    text-decoration: none;
}

.l-footer {
    border-top: 1px solid #e5e5e5;
}

.l-gnb {
    background: url('../images/layout/l-gnb__bg.png') repeat-x;
}
.l-gnb:hover,
.l-gnb.active{
	background: white;
	border-bottom: solid 1px #e5e5e5;
}

.l-gnb--sub .l-gnb__aligner {
    max-width: 1260px;
    padding-left: 260px;
}
.l-gnb.active .l-gnb--sub a:after, 
.l-gnb--sub a:hover:after, .l-gnb--sub a:focus:after {
    width: 100%;
}

.l-gnb__aligner {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 200px;
}

.l-gnb ul {
	position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-gnb li {
    float: left;
    position: relative;
    width: 142px;
    text-align: center;
}

.l-gnb li.active a:after {
    width: 100%;
}

.l-gnb a {
    display: block;
    padding: 21px 0;
    color: #fafafa;
    font-weight: 700;
    font-size: 1.1875rem;
    letter-spacing: -1px;
    text-decoration: none;
}
.l-gnb:hover a,
.l-gnb.active a{
	color: #1d1d1d;
}
/* 사용안함 -- 반영 후 오류 없을 시 삭제
.l-gnb a:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    left: 50%;
    bottom: -10px;
    border-bottom: 3px solid #c42047;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    cursor: default;
    -webkit-transition: width 0.3s cubic-bezier(1, 0, 0, 1);
    transition: width 0.3s cubic-bezier(1, 0, 0, 1);
} */

.l-snb {
    background-color: #fff;
}

.l-snb__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-snb__item {
    float: left;
}

.l-snb__item:nth-child(1), .l-snb__item:nth-child(2) {
    width: 50%;
}
.l-snb__item:nth-child(3), .l-snb__item:nth-child(4), .l-snb__item:nth-child(5) {
    width: 50%;
    border-top: 1px solid #e5e5e5;
}
/* 
.l-snb__item:nth-child(3), .l-snb__item:nth-child(4), .l-snb__item:nth-child(5) {
    width: 33.33333333%;
    border-top: 1px solid #e5e5e5;
}
 */
.l-snb__link {
    display: block;
    padding: 10px 10px 11px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    text-decoration: none;
    text-align: center;
}

.l-snb__link--emphasis {
    font-weight: 700;
}

.l-drawer {
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: visibility .6s, opacity .6s;
    transition: visibility .6s, opacity .6s;
}

.l-drawer.active {
    visibility: visible;
    opacity: 1;
}

.l-drawer.active .l-drawer__aligner {
    left: 0;
}

.l-drawer__trigger {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}

.l-drawer__burger {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    text-indent: -9999px;
}

.l-drawer__burger--top {
    background-color: #e42222;
    -webkit-transform: matrix(1, 0, 0, 1, -10, -7);
        -ms-transform: matrix(1, 0, 0, 1, -10, -7);
            transform: matrix(1, 0, 0, 1, -10, -7);
}

.l-drawer__burger--middle {
    background-color: #f1c910;
    -webkit-transform: matrix(1, 0, 0, 1, -10, 0);
        -ms-transform: matrix(1, 0, 0, 1, -10, 0);
            transform: matrix(1, 0, 0, 1, -10, 0);
}

.l-drawer__burger--bottom {
    background-color: #28aff5;
    -webkit-transform: matrix(1, 0, 0, 1, -10, 7);
        -ms-transform: matrix(1, 0, 0, 1, -10, 7);
            transform: matrix(1, 0, 0, 1, -10, 7);
}

.l-drawer__aligner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -260px;
    z-index: 100;
    width: 260px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    -webkit-transition: left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-drawer__util {
    width: 110px;
    padding: 0 2px 10px 0;
}

.l-drawer__util > a {
    display: block;
    padding: 4px 10px 5px;
    background-color: #fff;
    color: #424446;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
}

.l-drawer__util > ul {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: calc(100vh - 40px);
    margin: 0;
    padding: 0;
    border-left: 1px solid #e0e0e0;
    background-color: #f0f0f0;
    list-style: none;
}

.l-drawer__util > ul > li + li {
    margin-top: 5px;
}

.l-drawer__util > ul > li > a {
    display: block;
    padding: 4px 10px 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #1d1d1d;
    font-size: 0.875rem;
    letter-spacing: -1px;
    text-decoration: none;
}

.l-drawer__util > ul > li > ul {
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.l-drawer__util > ul > li > ul > li + li {
    margin-top: 4px;
}

.l-drawer__util > ul > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    color: #6f7275;
    font-size: 0.8125rem;
    letter-spacing: -1px;
    text-indent: -8px;
    text-decoration: none;
}

.l-drawer__util > ul > li > ul > li > a:before {
    content: "-";
    margin-right: 5px;
}

.l-drawer__util.active > a {
    background-color: #c42047;
    color: #fff;
    font-weight: 700;
}

.l-drawer__util.active > ul {
    display: block;
}

.l-drawer__menu {
    padding-top: 10px;
}

.l-drawer__menu > ul {
    overflow-x: hidden;
    overflow-y: auto;
    width: 110px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-drawer__menu > ul > li {
    padding-right: 2px;
    padding-left: 2px;
}

.l-drawer__menu > ul > li + .l-drawer__menu > ul > li {
    margin-top: 4px;
}

.l-drawer__menu > ul > li.active > a {
    background-color: #c42047;
    color: #fff;
    font-weight: 700;
}

.l-drawer__menu > ul > li.active > ul {
    display: block;
}

.l-drawer__menu > ul > li > a {
    display: block;
    padding: 4px 10px 5px;
    background-color: #fff;
    color: #424446;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
}

.l-drawer__menu > ul > li > ul {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 150px;
    margin: 0;
    padding: 0;
    border-left: 1px solid #e0e0e0;
    background-color: #f0f0f0;
    list-style: none;
}

.l-drawer__menu > ul > li > ul > li + li {
    margin-top: 5px;
}

.l-drawer__menu > ul > li > ul > li > a {
    display: block;
    padding: 4px 10px 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #1d1d1d;
    font-size: 0.875rem;
    letter-spacing: -1px;
    text-decoration: none;
}

.l-drawer__menu > ul > li > ul > li > ul {
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.l-drawer__menu > ul > li > ul > li > ul > li + li {
    margin-top: 4px;
}

.l-drawer__menu > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    color: #6f7275;
    font-size: 0.8125rem;
    letter-spacing: -1px;
    text-indent: -8px;
    text-decoration: none;
}

.l-drawer__menu > ul > li > ul > li > ul > li > a:before {
    content: "-";
    margin-right: 5px;
}

.l-logo {
    margin: 0;
    padding: 0;
}

.l-logo__link {
    display: block;
    width: 104px;
    height: 27px;
    background: url('../images/layout/l-logo.png') no-repeat 0 100%;
    background-size: 104px 54px;
    text-indent: -9999px;
}

.l-toolbar {
    background-color: #fff;
}

.l-toolbar--sub .l-toolbar__aligner {
    max-width: 1260px;
}

.l-toolbar__aligner {
    position: relative;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
}

.l-toolbar__list {
    display: none;
}

.l-toolbar__item {
    display: table-cell;
    vertical-align: middle;
}

.l-toolbar__item + .l-toolbar__item {
    padding-left: 35px;
}

.l-toolbar__link {
    display: block;
    color: #252525;
    font-size: 0.8125rem;
    text-decoration: none;
}

.l-mobile-toolbar__list {
    position: absolute;
    top: 50%;
    right: 8px;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    list-style: none;
}

.l-mobile-toolbar__item {
    float: left;
}
#voiceSearchDivInput input{display: inline-block;width: 100px;vertical-align: top;margin: 10px 0;}

.l-mobile-toolbar__link {
    display: block;
    padding: 12px 7px;
}

.l-mobile-toolbar__image {
    display: block;
    height: 16px;
}

.l-lang {
    position: relative;
}

.l-lang--active .l-lang__trigger:after {
    background-position: 0 -6px;
}

.l-lang--active .l-lang__list {
    visibility: visible;
    opacity: 1;
}

.l-lang__trigger {
    display: block;
    position: relative;
    padding: 13px 25px 13px 0;
    color: #252525;
    font-size: 0.8125rem;
    text-decoration: none;
}

.l-lang__trigger:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 6px;
    background: url('../images/layout/l-lang__trigger.png') no-repeat 0 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.l-lang__list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 45px;
    left: 50%;
    width: 120px;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.8);
    list-style: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.l-lang__item + .l-lang__item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.l-lang__link {
    display: block;
    padding: 5px 0;
    color: #fff;
    font-size: 0.75rem;
    text-decoration: none;
    text-align: center;
}

.l-lang__link:hover, .l-lang__link:focus {
    background-color: rgba(255, 255, 255, 0.4);
}

.l-search-bar--active .l-search-bar__trigger {
    display: none;
}

.l-search-bar--active .l-search-bar__inputWrap {
    display: block;
}

.l-search-bar--active .l-search-bar__input {
    visibility: visible;
    opacity: 1;
}

.l-search-bar--active .l-search-bar__submit {
    display: block;
}

.l-search-bar__trigger {
    display: block;
    width: 19px;
    height: 19px;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
    background: url('../images/layout/l-search-bar__submit.png') no-repeat;
   	background-size: 100% auto;
    cursor: pointer;
}
.l-search-bar__inputWrap{
	display:none;
    background-color: #f3f4f5;
    position: absolute;
    top: 0;
    left: 0;
    width:380px;
}
.l-search-bar__input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: calc(100% - 51px);
    height: 45px;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #e5e5e5;
    color: #252525;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s;
}

.l-search-bar__submit {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
    background: url('../images/layout/l-search-bar__submit.png') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 16px;
}

.l-sns__list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f3f4f5;
    list-style: none;
}

.l-sns__item {
    float: left;
    width: 20%;
}

.l-sns__item + .l-sns__item {
    border-left: 1px solid #e5e5e5;
}

.l-sns__link {
    display: block;
    height: 50px;
    text-indent: -9999px;
}

.l-sns__link--facebook {
    background: url('../images/layout/l-sns--facebook.png') no-repeat 50% 50%;
}

.l-sns__link--twitter {
    background: url('../images/layout/l-sns--twitter.png') no-repeat 50% 50%;
}

.l-sns__link--naver-blog {
    background: url('../images/layout/l-sns--naver-blog.png') no-repeat 50% 50%;
}

.l-sns__link--youtube {
    background: url('../images/layout/l-sns--youtube.png') no-repeat 50% 50%;
}

.l-sns__link--instagram {
    background: url('../images/layout/l-sns--instagram.png') no-repeat 50% 50%;
}

.l-family-site--active .l-family-site__trigger:before {
    border-top: 6px solid #424446;
    border-bottom-width: 0;
}

.l-family-site--active .l-family-site__trigger:after {
    margin-top: -2px;
    border-top: 4px solid #f3f4f5;
    border-bottom-width: 0;
}

.l-family-site--active .l-family-site__list {
    visibility: visible;
    opacity: 1;
}

.l-family-site__area {
    position: relative;
    padding: 10px 15px;
    background-color: #fafafa;
}

.l-family-site__trigger {
    display: block;
    position: relative;
    padding: 8px 40px 9px 25px;
    border: 1px solid #9d9fa1;
    background-color: #f5f5f5;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-decoration: none;
}

.l-family-site__trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    border: 6px solid transparent;
    border-top-width: 0;
    border-bottom-color: #424446;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.l-family-site__trigger:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: 2px;
    border: 4px solid transparent;
    border-top-width: 0;
    border-bottom-color: #f3f4f5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.l-family-site__list {
    visibility: hidden;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 15px;
    bottom: 50px;
    left: 15px;
    max-height: 200px;
    margin: 0;
    padding: 10px 0;
    border: 1px solid #9d9fa1;
    border-bottom: 0;
    background-color: #fff;
    list-style: none;
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.l-family-site__link {
    display: block;
    padding: 5px 25px;
    color: #424446;
    font-size: 0.875rem;
    text-decoration: none;
}

.l-family-site__link:hover {
    background-color: #f3f4f5;
}

.l-popup-zone {
    width: 186px;
}

.l-popup-zone #popup_1 {
    height:78px !important;
}

.l-popup-zone .slidesjs-pagination_popup_1 li a {
    display:block;
    margin-right:4px;
    width:17px;
    height:17px;
    border-radius: 10px;
    background: url('../images/pages/m-edu__pager--off.png') no-repeat 0 0;
    background-size: 10px auto;
    background-position: center;
}

.l-popup-zone .slidesjs-pagination_popup_1 li a:hover,
.l-popup-zone .slidesjs-pagination_popup_1 li a.active,
.l-popup-zone .slidesjs-pagination_popup_1 li a:hover.active {
    width:17px;
    height:17px;
    background: url('../images/pages/m-edu__pager--on.png') no-repeat 0 0;
    background-size: 10px auto;
    background-position: center;
   	background-color: #424446;
    border-radius:0;
}

.l-popup-zone__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-popup-zone__link {
    display: block;
}

.l-popup-zone__image {
    display: block;
}

.l-popup-zone .bx-controls {
    margin-top: 7px;
}

.l-popup-zone .bx-controls-auto-item {
    position: absolute;
    width: 8px;
    height: 10px;
    right: 0;
    text-indent: -9999px;
    width: 8px;
    height: 10px;
}

.l-popup-zone .bx-start {
    display: block;
    background: url('../images/layout/l-popup-zone--start.png') no-repeat;
}

.l-popup-zone .bx-stop {
    display: block;
    background: url('../images/layout/l-popup-zone--stop.png') no-repeat;
}

.l-popup-zone .bx-pager {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.l-popup-zone .bx-pager-item {
    display: table-cell;
    vertical-align: middle;
}

.l-popup-zone .bx-pager-item + .bx-pager-item {
    padding-left: 6px;
}

.l-popup-zone .bx-pager-link {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #c9cacc;
    text-indent: -9999px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.l-popup-zone .bx-pager-link.active {
    background-color: #424446;
}

.l-site-nav {
    background-color: #fff;
}

.l-site-nav--sub .l-site-nav__aligner {
    max-width: 1260px;
}

.l-site-nav__aligner {
    position: relative;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.l-site-info {
    padding-right: 15px;
    padding-left: 15px;
    background-color: #e5e5e5;
}

.l-site-info--sub .l-site-info__aligner {
    max-width: 1260px;
}

.l-site-info__aligner {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.l-site-info__logo {
    margin: 0 0 10px;
}

.l-site-info__logo-image {
    display: block;
    height: 30px;
}

.l-site-info__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-site-info__item {
    color: #6f7275;
    font-size: 0.8125rem;
}

.l-site-info__copyright {
    margin-top: 20px;
    color: #6f7275;
    font-style: normal;
    font-size: 0.75rem;
    text-align: center;
}

.l-site-info__copyright-link {
    color: #6f7275;
    font-size: 0.75rem;
    text-decoration: none;
}

.l-mark {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    height: 35px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

.l-mark__link {
    display: table-cell;
    vertical-align: middle;
}

.l-mark__link + .l-mark__link {
    padding-left: 20px;
}

.l-mark__image--wa {
    height: 35px;
}

.l-mark__image--open {
    height: 25px;
}

.l-description {
    padding: 20px;
    margin-bottom: 30px;
    border: 5px solid #f3f4f5;
}

.l-description--image {
    position: relative;
}

.l-description--image .l-description__picture {
    margin-bottom: 10px;
}

.l-description--image .l-description__image {
    display: block;
    width: 100%;
}

.l-description__explain + .l-description__explain {
    margin-top: 15px;
}

.l-visual {
    display: none;
    padding: 5px 15px;
}

.l-visual--news {
    background: url('../images/layout/l-visual--news.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--display {
    background: url('../images/layout/l-visual--display.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--education {
    background: url('../images/layout/l-visual--education.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--files {
    background: url('../images/layout/l-visual--files.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--research {
    background: url('../images/layout/l-visual--research.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--people {
    background: url('../images/layout/l-visual--people.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--introduce {
    background: url('../images/layout/l-visual--introduce.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--header {
    background: url('../images/layout/l-visual--header.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual--guide {
    background: url('../images/layout/l-visual--guide.jpg') no-repeat 50% 0;
    background-size: cover;
}

.l-visual__heading {
    margin: 0 0 4px;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.l-visual__desc {
    margin: 0;
    padding: 0;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    font-size: 0.75rem;
    text-align: center;
}

.l-breadcrumbs {
    border-bottom: 1px solid #e5e5e5;
}

.l-breadcrumbs__aligner {
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
}

.l-breadcrumbs__group {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    height: 40px;
}

.l-breadcrumbs__group > a {
    display: table-cell;
    padding-right: 10px;
    color: #6f7275;
    font-size: 0.875rem;
    letter-spacing: -1px;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 10px;
}

.l-breadcrumbs__group > a:first-child {
    padding-left: 10px;
}

.l-breadcrumbs__group > .bracket{
    padding-left: 16px;
    background: url('../images/layout/l-breadcrumbs__path.png') no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 50px;
    padding: 0;
}

.l-breadcrumbs__group > .bracket span{
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px,1px,1px,1px);
}

.l-breadcrumbs__group > a:last-child {
    color: #424446;
    font-weight: 700;
}

.l-breadcrumbs__home {
    display: block;
    height: 12px;
}

.l-lnb > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-lnb > ul > li.fold > a:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 2px;
    background-color: #c9cacc;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.l-lnb > ul > li.fold > a:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 2px;
    height: 12px;
    background-color: #c9cacc;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: visibility 0.6s, opacity 0.6s, top 0.6s cubic-bezier(1, 0, 0, 1);
    transition: visibility 0.6s, opacity 0.6s, top 0.6s cubic-bezier(1, 0, 0, 1);
}

.l-lnb > ul > li.subMenuOn > a {
    border-color: #1a95a4;
    background-color: #1a95a4;
    color: #fff;
    font-weight: 700;
}

.l-lnb > ul > li.subMenuOn > a:hover:before, .l-lnb > ul > li.subMenuOn > a:hover:after, .l-lnb > ul > li.subMenuOn > a:focus:before, .l-lnb > ul > li.subMenuOn > a:focus:after {
    background-color: #fff;
}

.l-lnb > ul > li.subMenuOn > a:before {
    background-color: #fff;
}

.l-lnb > ul > li.subMenuOn > a:after {
    visibility: hidden;
    opacity: 0;
    top: 25%;
    background-color: #fff;
}

.l-lnb > ul > li.subMenuOn > ul {
    display: block;
}

.l-lnb > ul > li + li > a {
    border-top: 0;
}

.l-lnb > ul > li > a {
    display: block;
    position: relative;
    padding: 17px 45px 18px 20px;
    border: 1px solid #c9cacc;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 1.0625rem;
    letter-spacing: -1px;
    text-decoration: none;
}

.l-lnb > ul > li > a:hover:before, .l-lnb > ul > li > a:hover:after, .l-lnb > ul > li > a:focus:before, .l-lnb > ul > li > a:focus:after {
    background-color: #9d9fa1;
}

.l-lnb > ul > li > ul {
    display: none;
    margin: 0;
    padding: 10px 0;
    background-color: #f3f4f5;
    border-right: 1px solid #c9cacc;
    border-bottom: 1px solid #c9cacc;
    border-left: 1px solid #c9cacc;
    list-style: none;
}

.l-lnb > ul > li > ul > li.subMenuOn > a {
    background: url('../images/layout/l-lnb__item--active.png') no-repeat 90% 50%;
    color: #1a95a4;
}

.l-lnb > ul > li > ul > li > a {
    display: block;
    padding: 8px 40px 8px 35px;
    text-indent: -10px;
    color: #424446;
    font-size: 0.875rem;
    text-decoration: none;
}

.l-lnb > ul > li > ul > li > a:before {
    content: "-";
    margin-right: 5px;
}

.l-lnb > ul > li > ul > li > a:hover, .l-lnb > ul > li > ul > li > a:focus {
    background: url('../images/layout/l-lnb__item--active.png') no-repeat 90% 50%;
    color: #1a95a4;
}

.l-shortcut__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l-shortcut__item {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    float: left;
    width: 50%;
    height: 50px;
}

.l-shortcut__item:nth-child(2) ~ .l-shortcut__item {
    margin-top: 20px;
}

.l-shortcut__link {
    display: table-cell;
    padding-left: 54px;
    color: #6f7275;
    font-size: 0.8125rem;
    letter-spacing: -1px;
    text-decoration: none;
    word-break: break-word;
    vertical-align: middle;
}

.l-shortcut__link--guide {
    background: url('../images/layout/l-shortcut--guide.png') no-repeat;
}

.l-shortcut__link--map {
    background: url('../images/layout/l-shortcut--map.png') no-repeat;
}

.l-shortcut__link--donation {
    background: url('../images/layout/l-shortcut--donation.png') no-repeat;
}

.l-shortcut__link--webzine {
    background: url('../images/layout/l-shortcut--webzine.png') no-repeat;
}

.l-shortcut__link--museum {
    background: url('../images/layout/l-shortcut--museum.png') no-repeat;
}

.l-shortcut__link--video {
    background: url('../images/layout/l-shortcut--video.png') no-repeat;
}

.l-shortcut__link--kids {
    background: url('../images/layout/l-shortcut--kids.png') no-repeat;
}

.l-print {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    width: 50px;
    height: 50px;
    border: 0;
    background: url('../images/layout/l-print.png') no-repeat;
    background-size: 50px 50px;
    text-indent: -9999px;
    cursor: pointer;
}

.l-top {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    width: 50px;
    height: 50px;
    border: 0;
    background: url('../images/layout/l-top.png') no-repeat;
    background-size: 50px 50px;
    text-indent: -9999px;
    cursor: pointer;
}

.c-heading {
    width: 100%;
    margin-bottom: 5px;
}

.c-heading1 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -1px;
}

.c-heading2 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    color: #333;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -1px;
}

.c-heading2--bullet {
    position: relative;
    padding-left: 10px;
}

.c-heading2--bullet:after {
    content: " ";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 18px;
    background-color: #010000;
}

/* .c-heading3 { */
/*     margin: 0; */
/*     margin-bottom: 10px; */
/*     padding: 0; */
/*     color: #1d1d1d; */
/*     font-weight: 700; */
/*     font-size: 1rem; */
/*     line-height: 1.2; */
/*     letter-spacing: -1px; */
/* } */

/* .c-heading3--bullet { */
/*     position: relative; */
/*     padding-left: 17px; */
/*     color: #1d1d1d; */
/*     font-weight: 700; */
/*     font-size: 1.125rem; */
/* } */

/* .c-heading3--bullet:before { */
/*     content: " "; */
/*     display: block; */
/*     position: absolute; */
/*     top: 4px; */
/*     left: 0; */
/*     width: 10px; */
/*     height: 10px; */
/*     border: 3px solid #c42047; */
/*     background-color: #fff; */
/*     -webkit-box-sizing: border-box; */
/*             box-sizing: border-box; */
/* } */

.c-heading4 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.2;
    letter-spacing: -1px;
}

.c-heading4--bullet {
    position: relative;
    padding-left: 14px;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 0.9375rem;
}

.c-heading4--bullet:before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #c42047;
    border-left-color: #c42047;
    background-color: #fff;
}

.c-heading .c-heading1,
.c-heading .c-heading2,
.c-heading .c-heading3,
.c-heading .c-heading4 {
    margin-bottom: 0;
}

.c-heading__description {
    margin: 5px 0 0;
    padding: 0;
    color: #6f7275;
    font-size: 0.875rem;
}

.c-heading__util {
    margin-top: 10px;
    text-align: right;
}

.c-paragraph {
    margin: 0;
    padding: 0;
    color: #424446;
    font-size: 1rem;
    line-height: 1.8;
    word-break: break-all;
    text-align: justify;
}

.c-paragraph a {
    color:#000;
    text-decoration: none;
}

.c-paragraph--align-left {
    text-align: left;
}

.c-paragraph--align-right {
    text-align: right;
}

.c-paragraph--align-center {
    text-align: center;
}

.c-paragraph--align-justify {
    text-align: justify;
}

.c-paragraph--emphasis {
    font-style: normal;
    font-weight: 700;
}

.c-paragraph--underline {
    font-weight: 700;
    text-decoration: underline;
}

.c-paragraph--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.c-caption {
    margin-top: 5px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    word-break: break-all;
    text-align: justify;
}

.c-caption--center {
    text-align: center;
}

.c-caption--right {
    text-align: right;
}

.c-link {
    color: #424446;
    font-weight: 700;
    text-decoration: underline !important;
}

.c-link--no-underline {
    text-decoration: none;
}

.c-link--colored {
    color: #c42047 !important;
}

.c-emphasis {
    font-style: normal;
    font-weight: 700;
}

.c-emphasis--colored {
    color: #c42047;
}

.c-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.c-list--line > .c-list__item {
    padding-left: 7px;
}

.c-list--line > .c-list__item a {
    color: #000;
    text-decoration: none;
}

.c-list--line > .c-list__item:before {
    top: 10px;
    width: 4px;
    height: 1px;
}

.c-list--red-dot > .c-list__item:before {
    background-color: #c42047;
}

.c-list--num {
    margin-left: 17px;
    list-style: decimal;
}

.c-list--num > .c-list__item {
    padding-left: 2px;
}

.c-list--num > .c-list__item:before {
    display: none;
}

.c-list--word > .c-list__item {
    padding-left: 27px;
}

.c-list--word > .c-list__item:before {
    top: 0px;
    width: auto;
    height: auto;
    background: none;
}

.c-list--word > .c-list__item:nth-child(1):before {
    content: "가.";
}

.c-list--word > .c-list__item:nth-child(2):before {
    content: "나.";
}

.c-list--word > .c-list__item:nth-child(3):before {
    content: "다.";
}

.c-list--word > .c-list__item:nth-child(4):before {
    content: "라.";
}

.c-list--word > .c-list__item:nth-child(5):before {
    content: "마.";
}

.c-list--word > .c-list__item:nth-child(6):before {
    content: "바.";
}

.c-list--word > .c-list__item:nth-child(7):before {
    content: "사.";
}

.c-list--word > .c-list__item:nth-child(8):before {
    content: "아.";
}

.c-list--word > .c-list__item:nth-child(9):before {
    content: "자.";
}

.c-list--word > .c-list__item:nth-child(10):before {
    content: "차.";
}

.c-list--word > .c-list__item:nth-child(11):before {
    content: "카.";
}

.c-list--word > .c-list__item:nth-child(12):before {
    content: "타.";
}

.c-list--word > .c-list__item:nth-child(13):before {
    content: "파.";
}

.c-list--word > .c-list__item:nth-child(14):before {
    content: "하.";
}

.c-list--inline > .c-list__item {
    padding-left: 0;
}

.c-list--inline > .c-list__item:before {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 6px;
    vertical-align: middle;
}

.c-list--no-bullet {
    padding-left: 0;
    list-style: none;
}

.c-list--no-bullet > .c-list__item {
    padding-left: 0;
}

.c-list--no-bullet > .c-list__item:before {
    display: none;
}

.c-list .c-list {
    padding-top: 8px;
}

.c-table__data .c-list__item{ font-size: 1rem}
.c-list__item {
    position: relative;
    padding-left: 10px;
    color: #424446;
    font-size: 1.063rem;
}

.c-list__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0.7em;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.c-list__item a {
    color:#000;
    text-decoration: none;
}

.c-list__item + .c-list__item {
    margin-top: 8px;
}

.c-list__emphasis {
    font-style: normal;
    font-weight: 700;
    font-size: inherit;
}

.c-list__link {
    color: #424446;
    font-size: inherit;
    text-decoration: none;
}

.c-list__link--underline {
    font-weight: 700;
    text-decoration: underline;
}

.c-list__link--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

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

.grid__row + .grid__row {
    margin-top: 30px;
}

.grid__col {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.grid__col + .grid__col {
    margin-top: 30px;
}

.c-forms {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.c-forms__fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.c-forms__fieldset[disabled] .forms__text,
.c-forms__fieldset[disabled] .forms__password,
.c-forms__fieldset[disabled] .forms__textarea,
.c-forms__fieldset[disabled] .forms__select {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.c-forms__fieldset[disabled] .forms__selection {
    cursor: default;
}

.c-forms__fieldset[disabled] .forms__selection-text {
    color: #9d9fa1;
    cursor: default;
}

.c-forms__guide {
    margin-top: 5px;
    color: #424446;
    font-size: 0.8125rem;
}

.c-forms__error {
    margin-top: 5px;
    padding-left: 20px;
    background: url('../images/components/c-forms__error.png') no-repeat 0 3px;
    color: #c42047;
    font-size: 0.875rem;
}

.c-forms__success {
    margin-top: 5px;
    padding-left: 20px;
    background: url('../images/components/c-forms__success.png') no-repeat 0 3px;
    color: #255b92;
    font-size: 0.875rem;
}

.c-forms__require {
    color: #c42047;
    font-weight: 500;
    font-size: 0.875rem;
}

.c-forms__require--reset {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.c-forms__require--reset:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 11px;
    height: 16px;
    background: url("../images/layout/l-collection--reset.png") no-repeat;
}

.c-forms__text, .c-forms__password {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    max-width: 350px;
    height: 45px;
    padding: 0 10px;
    border: 1px solid #c9cacc;
    border-radius: 0;
    outline: 0;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
}

.c-forms__text--full-width, .c-forms__password--full-width {
    max-width: none;
}

.c-forms__text--large, .c-forms__password--large {
    height: 50px;
}

.c-forms__text--id, .c-forms__password--id {
    padding-left: 45px;
    background: url('../images/components/c-forms__text--id.png') no-repeat 0 50%;
}

.c-forms__text--pw, .c-forms__password--pw {
    padding-left: 45px;
    background: url('../images/components/c-forms__text--pw.png') no-repeat 0 50%;
}

.c-forms__text--email, .c-forms__password--email {
    padding-left: 45px;
    background: url('../images/components/c-forms__text--email.png') no-repeat 0 50%;
}

.c-forms__text--auth, .c-forms__password--auth {
    padding-left: 45px;
    background: url('../images/components/c-forms__text--auth.png') no-repeat 0 50%;
}

.c-forms__text:hover, .c-forms__password:hover {
    border: 1px solid #c9cacc;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__text:focus, .c-forms__password:focus {
    position: relative;
    border: 1px solid #6f7275;
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__text[disabled], .c-forms__password[disabled] {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.c-forms__text[readonly], .c-forms__password[readonly] {
    border: 1px solid #9d9fa1;
    background-color: #fff;
    color: #1d1d1d;
    cursor: text;
}

.c-forms__text::-webkit-input-placeholder, .c-forms__password::-webkit-input-placeholder {
    color: #9d9fa1;
}

.c-forms__text::-moz-placeholder, .c-forms__password::-moz-placeholder {
    color: #9d9fa1;
}

.c-forms__text:-ms-input-placeholder, .c-forms__password:-ms-input-placeholder {
    color: #9d9fa1;
}

.c-forms__text::placeholder, .c-forms__password::placeholder {
    color: #9d9fa1;
}

.c-forms__text.placeholder, .c-forms__password.placeholder {
    color: #9d9fa1;
}

.c-forms__textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    max-width: 360px;
    padding: 10px;
    border: 1px solid #c9cacc;
    border-radius: 0;
    outline: 0;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 0.9375rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
}

.c-forms__textarea--full-width {
    max-width: none;
}

.c-forms__textarea:hover {
    border: 1px solid #c9cacc;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__textarea:focus {
    border: 1px solid #6f7275;
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__textarea[disabled] {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.c-forms__textarea[readonly] {
    border: 1px solid #9d9fa1;
    background-color: #fff;
    color: #1d1d1d;
    cursor: text;
}

.c-forms__textarea::-webkit-input-placeholder {
    color: #9d9fa1;
}

.c-forms__textarea::-moz-placeholder {
    color: #9d9fa1;
}

.c-forms__textarea:-ms-input-placeholder {
    color: #9d9fa1;
}

.c-forms__textarea::placeholder {
    color: #9d9fa1;
}

.c-forms__textarea.placeholder {
    color: #9d9fa1;
}

.c-forms__select {
    width: 150px;
    height: 45px;
    padding: 0 0 0 10px;
    border: 1px solid #c9cacc;
    border-radius: 0;
    outline: 0;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
}

.c-forms__select--full-width {
    max-width: none;
}

.c-forms__select:hover {
    border: 1px solid #c9cacc;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__select:focus {
    position: relative;
    border: 1px solid #6f7275;
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    background-color: #fff;
    color: #1d1d1d;
}

.c-forms__select[disabled] {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.c-forms__file {
    width: 100%;
    max-width: 360px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    line-height: 1.2;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
}

.c-forms__file--full-width {
    max-width: none;
}

.c-forms__file[disabled] {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.c-forms__selection {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: middle;
    cursor: pointer;
}

.c-forms__selection:focus ~ .c-forms__selection-text {
    /*padding-bottom: 2px;*/
    border-bottom: 2px solid #ccc;
    color: #1d1d1d;
}

.c-forms__selection:checked ~ .c-forms__selection-text {
    color: #1d1d1d;
}

.c-forms__selection[disabled] {
    cursor: default;
}

.c-forms__selection[disabled] ~ .c-forms__selection-text {
    color: #9d9fa1;
    cursor: default;
}

.c-forms__selection-text {
    color: #1d1d1d;
    font-size: 0.875rem;
    line-height: inherit;
    cursor: pointer;
    border-bottom:2px solid #f5f5f5;
}

.c-forms__selection-text:hover {
    color: #1d1d1d;
}

.c-forms__grouping > * + * {
    margin-top: 5px;
}

.c-forms__grouping--half > * {
    float: left;
    width: 50%;
}

.c-forms__grouping--half > * + * {
    margin-top: 0;
}

.c-forms__grouping--half > *:nth-child(2) ~ * {
    margin-top: 10px;
}

.c-forms__grouping--triple > * {
    float: left;
    width: 33.33333333%;
}

.c-forms__grouping--triple > * + * {
    margin-top: 0;
}

.c-forms__grouping--triple > *:nth-child(3) ~ * {
    margin-top: 10px;
}

.c-forms__grouping--list > * + * {
    margin-top: 10px;
}

.c-button {
    display: inline-block;
    min-width: 100px;
    padding: 8px 10px;
    background-color: #424446;
    border: 1px solid #424446;
    color: #fff;
    font-weight: 500;
    font-size: 0.9375rem;
    letter-spacing: -1px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.c-button--secondary {
    border-color: #424446;
    background-color: #fff;
    color: #1d1d1d;
}


.c-button--emphasis {
    border-color: #c42047;
    background-color: #c42047;
    color: #fff !important;
}
.detail_con_txt_wrap .c-button--emphasis{
	min-height: 35px;
	padding: 5px 15px;
    background: #15576e; 
    color: #fff!important; 
    border: solid 1px #15576e;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.c-button--go {
    position: relative;
    border-color: #e5e5e5;
    background-color: #fff;
    color: #1d1d1d;
}

.c-button--go:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #1d1d1d;
    border-right-width: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.c-button--go:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #fff;
    border-right-width: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.c-button--download:before {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url('../images/components/c-button--download.png') no-repeat;
}
.c-button--download.c-button--emphasis{
	width: 100%;
	max-width: 300px;
	min-height: 50px;
	padding: 5px 15px;
    background: #fff; 
    color: #17586f!important; 
    border: solid 1px #17586f;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    ; margin: 0 auto;
}
.c-button--download.c-button--emphasis:before{ content: ""; width: 16px; height: 24px; background: url("/img/common_renew/ic_down_blue.png") no-repeat center / 100% auto; margin-right: 10px; line-height: +1; display: inline-block}
.c-button--small {
    min-width: 80px;
    padding: 6px 10px 7px;
    font-size: 0.875rem;
}

.c-button--x-small {
    min-width: 80px;
    padding: 3px 10px 4px;
    font-size: 0.875rem;
}

.c-buttons {
    width: 100%;
    font-size: 0;
}

.c-buttons .c-button + .c-button {
    margin-left: 4px;
}

.c-buttons__left {
    float: left;
}

.c-buttons__right {
    float: right;
}

.c-buttons__center {
    font-size: 0;
    text-align: center;
}

.c-buttons .c-buttons__item + .c-buttons__item {
    margin-top: 5px;
}

.c-buttons--groups {
    margin-bottom: 10px;
}

.c-buttons__group + .c-buttons__group {
    margin-top: 5px;
}

.c-buttons__group .c-button {
    width: 100%;
}

.c-buttons--full-width .c-buttons__left {
    float: none;
}

.c-buttons--full-width .c-buttons__right {
    float: none;
}

.c-buttons--full-width .c-buttons__left + .c-buttons__right {
    margin-top: 5px;
}

.c-buttons--full-width .c-button {
    display: block;
    width: 100%;
    color: #fff
}

.c-buttons--full-width .c-button + .c-button {
    margin-top: 4px;
    margin-left: 0;
}

.c-buttons--half-width {
    font-size: 0;
}

.c-buttons--half-width .c-buttons__left {
    float: left;
    width: 50%;
}

.c-buttons--half-width .c-buttons__left .c-button {
    width: 100%;
}

.c-buttons--half-width .c-buttons__right {
    float: right;
    width: 50%;
}

.c-buttons--half-width .c-buttons__right .c-button {
    width: 100%;
}

.c-buttons--half-width .c-buttons__center .c-button {
    width: 50%;
}

.c-buttons--half-width .c-buttons__center .c-button + .c-button {
    margin-left: 0;
}

.c-labels {
    font-size: 0;
}

.c-labels--center {
    text-align: center;
}

.c-labels--right {
    text-align: right;
}

.c-label {
    display: inline-block;
    min-width: 40px;
    padding: 1px 10px 2px;
    background-color: #6f7275;
    color: #fff;
    font-weight: 500;
    font-size: 0.6875rem;
    letter-spacing: -1px;
    text-align: center;
    text-decoration: none;
    cursor: default;
}

.c-label[href] {
    cursor: pointer;
}

.c-label--magenta {
    background-color: #c42047;
}

.c-label--mint {
    background-color: #1a95a4;
}

.c-label--black {
    background-color: #1d1d1d;
}

.c-label--brown {
    background-color: #95734b;
}

.c-label--blue {
    background-color: #255b92;
}

.c-label--gray {
    background-color: #6f7275;
}

.c-label--orange {
    background-color: #de6e00;
}

.c-label--large {
    min-width: 60px;
    padding: 4px 10px 5px;
    font-size: 0.875rem;
}

.c-table {
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.c-table--x .c-table__data {
    text-align: left;
}

.c-table--hybrid .c-table__data {
    text-align: center;
}

.c-table.c-table--scrolling {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.c-table.c-table--scrolling table {
    min-width: 768px;
}

.c-table table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
}
.c-table table caption{
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px,1px,1px,1px);
}
.c-table tr:first-child .c-table__row {
    border-top: 0;
}

.c-table tr:first-child .c-table__data {
    border-top: 0;
}

.c-table tr [scope="colgroup"] {
    border-bottom-color: #e5e5e5;
}

.c-table tr .c-table__data:nth-of-type(1) {
    border-left: 0;
}

.c-table tfoot tr:first-child .c-table__row {
    border-top: 1px solid #e5e5e5;
}

.c-table__col {
    padding: 10px;
    border-bottom: 1px solid #9d9fa1;
    border-left: 1px solid #e5e5e5;
    background: #f3f4f5;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
}

.c-table__col[colspan] {
    border-bottom: 1px solid #e5e5e5;
}

.c-table__row {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #f3f4f5;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
}

.c-table__row[rowspan] {
    border-right: 1px solid #e5e5e5;
}

.c-table__data {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    color: #424446;
    font-size: 1rem;
    word-break: break-all;
    text-align: center;
}

.c-table__data.c-table__data--left {
    text-align: left;
}

.c-table__data.c-table__data--right {
    text-align: right;
}

.c-table__data.c-table__data--center {
    text-align: center;
}

.c-table__data--emphasis {
    background-color: #f3f4f5;
}

.c-table__data[rowspan] {
    border-right: 1px solid #e5e5e5;
}

.c-table__link {
    color: #424446;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: underline;
    text-align: center;
}

.c-grouping {
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.c-grouping__group {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.c-grouping__group + .c-grouping__group {
    border-top: 1px solid #e5e5e5;
}

.c-grouping__key {
    display: table-cell;
    vertical-align: top;
    width: 85px;
    padding: 15px 5px 13px;
    color: #6f7275;
    font-weight: 500;
    font-size: 0.75rem;
    text-align: center;
}

.c-grouping__value {
    display: table-cell;
    vertical-align: middle;
    padding: 7px 10px;
    color: #1d1d1d;
    font-size: 0.75rem;
}

.c-sections {
    margin-top: 30px;
}

.c-sections:first-child,
[class^="l-heading"] + .c-sections,
[class^="c-heading"] + .c-sections,
[class^="c-description"] + .c-sections,
[class^="c-tabs"] + .c-sections,
[class^="c-tab"] + .c-sections {
    margin-top: 0;
}

.c-section {
    margin-top: 30px;
}

.c-section.c-section--small {
    margin-top: 15px;
}

.c-section.c-section--x-small {
    margin-top: 3px;
}

.c-section:first-child,
[class*="l-heading"] + .c-section,
[class*="c-heading"] + .c-section,
[class^="c-description"] + .c-section,
[class^="c-tabs"] + .c-section,
[class^="c-tab"] + .c-section {
    margin-top: 0;
}

.c-pagination {
    margin-top: 30px;
    font-size: 0;
    text-align: center;
}

.c-pagination__type {
    display: inline-block;
    padding: 0 16px;
    vertical-align: top;
}

.c-pagination__list {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.c-pagination__item {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
}

.c-pagination__item + .c-pagination__item {
    margin-left: 8px;
}

.c-pagination__item--active .c-pagination__number {
    background-color: #c42047;
    border: 1px solid #c42047;
    color: #fff;
}

.c-pagination__arrow {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    text-indent: -999999em;
}
.c-pagination__first {
    display: none;
    background: #fff url('../images/components/c-pagination__first.png') no-repeat center center;
}

.c-pagination__prev {
    background: #fff url('../images/components/c-pagination__prev.png') no-repeat center center;
}

.c-pagination__next {
    background: #fff url('../images/components/c-pagination__next.png') no-repeat center center;
}

.c-pagination__last {
    display: none;
    background: #fff url('../images/components/c-pagination__last.png') no-repeat center center;
}

.c-pagination__number {
    display: block;
    padding: 5px 0 4px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 0.875rem;
    color: #6f7275;
    text-decoration: none;
}

.c-pagination__num {
    display: none;
    font-size: 0.875rem;
    color: #6f7275;
    line-height: 32px;
}
seedbbs_pagination{ display: flex; justify-content: center; }
/* .seedbbs_pagination { */
/* 	text-align: center; */
/* 	margin-top: 30px; */
/* 	padding: 0; */
/* 	 display: flex; */
/* 	 justify-content: center; */
/* } */
/* .seedbbs_pagination .paging{ display: flex;} */

/* @media screen and (max-width:658px) { */
/* 	.seedbbs_pagination .paginationList .bx-has-pager{display:none;} */
/* 	.seedbbs_pagination .bx-pager .bx-pager-item{display:inline-block;}	 */
/* 	.seedbbs_pagination .paginationList .bx-pager-link.active{font-weight:700;border:2px solid #333} */
/* } */

/* @media screen and (max-width:425px) { */
/* 	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:36px;height:36px;line-height:32px} */
/* } */

/* @media screen and (max-width:360px) { */
/* 	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:33px;height:33px;line-height:28px} */
/* } */

/* @media screen and (max-width:320px) { */
/* 	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:30px;height:30px;line-height:26px} */
/* } */

/* .seedbbs_pagination .paginationList li { */
/* 	display: inline-block; */
/* 	vertical-align: middle; */
/* 	text-align: center; */
/* 	height: auto; */
/* 	font-size: 0.875rem; */
/* 	font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif; */
/* } */

/* .seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong */
/* 	{ */
/* 	display: block; */
/* 	width: 32px; */
/* 	height: 32px; */
/* 	line-height: 32px; */
/* 	padding: 0; */
/* 	border: 1px solid #e5e5e5; */
/* 	box-sizing: border-box; */
/* 	text-decoration: none; */
/* 	color: #6f7275; */
/* } */

/* .seedbbs_pagination .paginationFirst a, .seedbbs_pagination .paginationPrev a, */
/* 	.seedbbs_pagination .paginationNext a, .seedbbs_pagination .paginationLast a */
/* 	{ */
/* 	border: 1px solid #e5e5e5; */
/* 	text-indent: -9999px; */
/* 	background-repeat: no-repeat; */
/* 	background-position: 50%; */
/* 	padding: 5px 0 4px; */
/* } */

/* .seedbbs_pagination .paginationFirst a { */
/* 	background-image: url("../images/components/c-pagination__first.png"); */
/* } */

/* .seedbbs_pagination .paginationPrev a { */
/* 	background-image: url("../images/components/c-pagination__prev.png"); */
/* 	margin-right: 5px */
/* } */

/* .seedbbs_pagination .paginationNext a { */
/* 	background-image: url("../images/components/c-pagination__next.png"); */
/* 	margin-left: 5px */
/* } */

/* .seedbbs_pagination .paginationLast a { */
/* 	background-image: url("../images/components/c-pagination__last.png"); */
/* } */

/* .seedbbs_pagination .paginationListNum strong { */
/* 	background-color: #c42047; */
/* 	border: 1px solid #c42047; */
/* 	color: #fff; */
/* } */

.c-tabs {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.c-tabs--2 .c-tabs__list {
    overflow-y: hidden;
}

.c-tabs--2 .c-tabs__item {
    width: 100%;
}

.c-tabs--3 .c-tabs__list {
    overflow-y: hidden;
}

.c-tabs--3 .c-tabs__item {
    width: 100%;
}

.c-tabs--4 .c-tabs__item {
    width: 100%;
}

.c-tabs--5 .c-tabs__item {
    width: 100%;
}

.c-tabs--6 .c-tabs__item {
    width: 100%;
}

.c-tabs--7 .c-tabs__list {
    overflow-y: hidden;
}

.c-tabs--7 .c-tabs__item {
    width: 100%;
}

.c-tabs--active .c-tabs__list {
    visibility: visible;
    opacity: 1;
}

.c-tabs--active .c-tabs__trigger:before {
    border-bottom: 7px solid #424446;
    border-top-width: 0;
}

.c-tabs--active .c-tabs__trigger:after {
    margin-top: 2px;
    border-bottom: 5px solid #f3f4f5;
    border-top-width: 0;
}

.c-tabs__trigger {
    display: block;
    position: relative;
    padding: 8px 40px 9px 25px;
    border: 1px solid #c9cacc;
    color: #1d1d1d;
    font-size: 0.9375rem;
    text-decoration: none;
}

.c-tabs__trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    border: 7px solid transparent;
    border-bottom-width: 0;
    border-top-color: #424446;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-tabs__trigger:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -2px;
    border: 5px solid transparent;
    border-bottom-width: 0;
    border-top-color: #f3f4f5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-tabs__list {
    visibility: hidden;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 0;
    border: 1px solid #c9cacc;
    border-top: 0;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.c-tabs__item {
    float: none;
    position: relative;
    height: 37px;
    list-style: none;
    border-top: 1px solid #c9cacc;
}

.c-tabs__item:first-child {
    border-top: 0;
}

.c-tabs__item--active .c-tabs__link {
    background-color: #fff;
}

.c-tabs__link {
    display: block;
    width: 100%;
    padding: 7px 25px;
    text-decoration: none;
    color: #424446;
    font-size: 0.9375rem;
    text-align: left;
}

.c-tab {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.c-tab__list {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
}

.c-tab__item {
    display: inline-block;
    position: relative;
    list-style: none;
}
.c-tab__item:first-child:after {
    display: block;
}

.c-tab__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 14px;
    background-color: #e5e5e5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.c-tab__item:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: inherit;
    right: -2px;
    width: 2px;
    height: 14px;
    background-color: #e5e5e5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.tab_link.c-tab__item.current .c-tab__link,
.c-tab__item--active .c-tab__link {
    color: #c42047;
}
.tab_link.c-tab__item--active .c-tab__link {
    color: #131313;
}
.c-tab__link {
    display: block;
    padding: 4px 8px;
    font-size: 1rem;
    color: #6f7275;
    text-decoration: none;
    letter-spacing: -1px;
}

.c-search {
/*     max-width: 360px; */
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.c-search--full-width {
    max-width: none;
}

.c-search--full-width .c-forms__select,
.c-search--full-width .c-forms__text {
    max-width: none;
}

.c-search--no-option .c-search__option {
    display: none;
}

.c-search--right {
    float: right;
    margin-bottom: 10px;
}

.c-search__option {
    margin-bottom: 5px;
}

.c-search__keyword {
    float: left;
    width: 350px;
}
.c-search__keyword .c-forms__text {
    max-width: none;
}

.c-search__button {
    width: 45px;
    height: 45px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/img/common_renew/ic_table_search.png") no-repeat center;
    z-index: 5;
    cursor: pointer;
}

.c-search__button .c-button {
    width: 100%;
    height: 100%;
    min-width: 0;
    background: transparent;
    color: transparent!important;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}

.c-email {
    max-width: 360px;
}

.c-email--full-width {
    max-width: none;
}

.c-email--full-width .c-forms__text {
    max-width: none;
}

.c-email__url {
    margin-top: 5px;
}

.c-sms__button {
    margin-top: 5px;
}

.c-sms__button .c-button {
    width: 100%;
}

.c-phone {
    max-width: 360px;
}

.c-phone--full-width {
    max-width: none;
}

.c-phone--full-width .c-forms__text {
    max-width: none;
}

.c-phone__select {
    float: left;
    width: 33.33333333%;
}

.c-phone__num {
    float: left;
    width: calc(33.33333333% + 1px);
    margin-left: -1px;
}

.c-box {
    display: block;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f3f4f5;
}

.c-date {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.c-date__input {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
}

.c-date__symbol {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
}
/*건너뛰기링크*/
.skipnavigation ul{list-style:none;padding:0;margin:0;}
.skipnavigation a {position:absolute;left:-3000%;outline:none;text-decoration:none;}
.skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#1a95a4;color:#fff;text-align:center;}

@media (min-width: 1280px) {
    .l-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .l-logo {
        left: 0;
        top: 56px;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    .l-drawer__trigger {
        display: none;
    }
    .l-gnb {
        display: block;
    }
    .l-gnb:before {
    	content: "";
    	position: absolute;
    	width: 100%;
    	height: 70px;
    	border-bottom: solid 1px #e5e5e5;
    }
    .l-gnb ul:first-child > li:after {
    	content: " ";
		display: block;
		position: absolute;
		width: 0;
		left: 50%;
		top: 68px;
		border-bottom: 3px solid #c42047;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		cursor: default;
		-webkit-transition: width 0.3s cubic-bezier(1, 0, 0, 1);
		transition: width 0.3s cubic-bezier(1, 0, 0, 1);
    }
    .l-gnb ul:first-child > li:hover:after {
    	width: 100%;
    }
    .l-gnb__suv {
    	display: none;
    }
    .l-gnb .l-gnb__suv {
    	padding: 25px 0;
    	height: 330px;
    	border-right: solid 1px #e5e5e5;
    }
    .l-gnb li:first-child .l-gnb__suv {
    	border-left: solid 1px #e5e5e5;
    }
    .l-gnb.active .l-gnb__suv,
    .l-gnb:hover .l-gnb__suv {
    	display: block;
    }
    .l-gnb .l-gnb__suv li {
    	display: block;
		padding: 5px 0;
	} 
    .l-gnb__suv a {
    	padding: 0 10px;
    	text-align: left;
    	font-size: 14px;
    	font-weight: 400;
    }
    .l-gnb__suv a:hover {
    	color: #c42047;
    	text-decoration: underline;
    }
    .l-snb {
        float: left;
    }
    .l-sns {
        float: right;
    }
    .l-family-site {
        position: absolute;
        top: -1px;
        right: 0;
        width: 186px;
    }
    .l-popup-zone {
        display: block;
        position: absolute;
        top: 20px;
        right: 0;
    }
    .l-page {
        padding: 0;
    }
    .l-page__aligner {
        max-width: 1260px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 28px;
        padding-right: 0;
        padding-bottom: 50px;
        padding-left: 0;
    }
    .l-aside {
        display: block;
    }
    .l-aside ~ .l-contents {
        float: right;
        width: 1000px;
    }
    .l-contents {
        max-width: 1260px;
        margin-right: auto;
        margin-left: auto;
    }
    .l-util {
        margin-top: 80px;
    }
    .l-heading {
        margin-bottom: 55px;
    }
    .l-header {
        -webkit-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent;
    }
    .l-footer--video {
        display: none;
    }
    .l-gnb--sub {
        background: #fff;
    }
    .l-gnb--sub a {
        color: #1d1d1d;
    }
    .l-snb__item + .l-snb__item {
        position: relative;
        margin-left: 40px;
    }
    .l-snb__item + .l-snb__item:before {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: -20px;
        width: 1px;
        height: 11px;
        background-color: #9d9fa1;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .l-snb__item:nth-child(1), .l-snb__item:nth-child(2) {
        width: auto;
    }
    .l-snb__item:nth-child(3), .l-snb__item:nth-child(4), .l-snb__item:nth-child(5) {
        width: auto;
        border-top: 0;
    }
    .l-snb__link {
        padding: 15px 0;
    }
    .l-drawer.active {
        visibility: hidden;
        opacity: 0;
    }
    .l-drawer.active .l-drawer__aligner {
        left: -260px;
    }
    .l-logo__link {
        width: 185px;
        height: 48px;
        background-position: 0 0;
        background-size: 185px 96px;
    }
    .active .l-logo__link {
    	background-position: 0 100%;
    }
    .l-toolbar {
        background-color: #fffff7;
        border-bottom: 1px solid #e5e5e5;
    }
    .l-toolbar--sub {
        background-color: #fffff7;
    }
    .l-toolbar--sub .l-logo__link {
        background-position: 0 100%;
    }
    .l-toolbar__aligner {
        height: 46px;
    }
    .l-toolbar__list {
        position: relative;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        height: 45px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }
    .l-mobile-toolbar__list {
        display: none;
    }
    .l-sns {
        padding-right: 20px;
    }
    .l-sns__list {
        border-top: 0;
        border-bottom: 0;
        background-color: transparent;
    }
    .l-sns__item {
        width: 45px;
    }
    .l-sns__item + .l-sns__item {
        border-left: 0;
    }
    .l-sns__link {
        height: 49px;
    }
    .l-family-site__area {
        padding: 0;
    }
    .l-family-site__trigger {
        padding-top: 13px;
        padding-bottom: 14px;
    }
    .l-family-site__list {
        right: 0;
        left: 0;
        max-height: 400px;
    }
    .l-site-nav__aligner {
        padding-right: 220px;
    }
    .l-site-info__aligner {
        position: relative;
        padding-top: 30px;
        padding-right: 400px;
        padding-bottom: 55px;
        padding-left: 210px;
    }
    .l-site-info__logo {
        position: absolute;
        top: 30px;
        left: 0;
        margin-bottom: 0;
    }
    .l-footer .l-site-info__logo a{
        width: 100%;
	    display: block;
	    overflow: hidden;
    }
    .l-site-info__logo-image {
        height: auto;
    }
    .l-site-info__item {
        float: left;
    }
    .l-site-info__item + .l-site-info__item {
        position: relative;
        margin-left: 30px;
    }
    .l-site-info__item + .l-site-info__item:before {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: -15px;
        width: 1px;
        height: 13px;
        background-color: #9d9fa1;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .l-site-info__copyright {
        margin-top: 2px;
        text-align: left;
    }
    .l-mark {
        position: absolute;
        top: 30px;
        right: 221px;
        margin: 0;
    }
    .l-description--image {
        min-height: 200px;
        padding-left: 275px;
    }
    .l-description--image .l-description__picture {
        position: absolute;
        top: 20px;
        left: 20px;
        margin-bottom: 0;
    }
    .l-visual {
        display: block;
        padding-top: 52px;
        padding-bottom: 58px;
        margin-top : 117px;
    }
    .l-visual__heading {
        font-size: 1.875rem;
    }
    .l-visual__desc {
        font-size: 0.875rem;
    }
    .l-breadcrumbs {
        border-top: 1px solid #e5e5e5;
    }
    .l-breadcrumbs__group {
        float: right;
        height: 50px;
    }
    .l-breadcrumbs__group > a {
        padding: 0 15px;
        font-size: 0.875rem;
    }
    .l-breadcrumbs__group > a:first-child {
        padding-left: 15px;
    }
    .l-breadcrumbs__group > .bracket {
    }
    .l-breadcrumbs__home {
        height: auto;
    }
    .l-print {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    .l-top {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    .c-heading1 {
        margin-bottom: 55px;
        font-size: 2.5rem;
    }
    .c-heading2 {
        margin-bottom: 28px;
        Font-size: 1.5rem;
    }
    .c-heading2--bullet:after {
        top: 2px;
        height: 24px;
    }
/*     .c-heading3 { */
/*         margin-bottom: 20px; */
/*         font-size: 1.125rem; */
/*     } */
/*     .c-heading3--bullet { */
/*         margin-bottom: 10px; */
/*     } */
    .c-heading4 {
        margin-bottom: 20px;
        font-size: 0.9375rem;
    }
    .c-heading4--bullet {
        margin-bottom: 10px;
    }
    .c-heading .c-heading1,
    .c-heading .c-heading2,
    .c-heading .c-heading3,
    .c-heading .c-heading4 {
        float: left;
    }
    .c-heading__description {
        float: left;
        margin-top: 0;
        margin-left: 10px;
        font-size: 0.9375rem;
    }
    .c-heading__util {
        float: right;
        margin-top: 0;
    }
    .c-paragraph {
        font-size: 1rem;
    }
    .c-caption {
        font-size: 0.875rem;
    }
    .grid__col + .grid__col {
        margin-top: 0;
    }
    .grid__col--1 {
        width: calc((100% / 12) * 1);
    }
    .grid__col--2 {
        width: calc((100% / 12) * 2);
    }
    .grid__col--3 {
        width: calc((100% / 12) * 3);
    }
    .grid__col--4 {
        width: calc((100% / 12) * 4);
    }
    .grid__col--5 {
        width: calc((100% / 12) * 5);
    }
    .grid__col--6 {
        width: calc((100% / 12) * 6);
    }
    .grid__col--7 {
        width: calc((100% / 12) * 7);
    }
    .grid__col--8 {
        width: calc((100% / 12) * 8);
    }
    .grid__col--9 {
        width: calc((100% / 12) * 9);
    }
    .grid__col--10 {
        width: calc((100% / 12) * 10);
    }
    .grid__col--11 {
        width: calc((100% / 12) * 11);
    }
    .c-forms__require {
        font-size: 0.9375rem;
    }
    .c-forms__file {
        font-size: 0.9375rem;
    }
    .c-forms__grouping > * {
        float: left;
    }
    .c-forms__grouping > * + * {
        margin-top: 0;
        margin-left: 35px;
    }
    .c-forms__grouping--half > * + * {
        margin-left: 0;
    }
    .c-forms__grouping--triple > * + * {
        margin-left: 0;
    }
    .c-forms__grouping--list > * {
        float: none;
    }
    .c-forms__grouping--list > * + * {
        margin-top: 10px;
        margin-left: 0;
    }
    .c-button--large {
        min-width: 120px;
        padding: 13px 10px;
        font-size: 0.9375rem;
    }
    .c-button--x-large {
        min-width: 220px;
        padding: 15px 10px 16px;
        font-size: 1.125rem;
    }
    .c-buttons .c-buttons__item {
        float: left;
    }
    .c-buttons .c-buttons__item + .c-buttons__item {
        margin-top: 0;
        margin-left: 5px;
    }
    .c-buttons--full-width .c-buttons__left {
        float: left;
    }
    .c-buttons--full-width .c-buttons__right {
        float: right;
    }
    .c-buttons--full-width .c-buttons__left + .c-buttons__right {
        margin-top: 0;
    }
    .c-buttons--full-width .c-button {
        display: inline-block;
        width: auto;
    }
    .c-buttons--full-width .c-button + .c-button {
        margin-top: 0;
        margin-left: 4px;
    }
    .c-buttons--half-width .c-buttons__left .c-button {
        display: inline-block;
        width: auto;
    }
    .c-buttons--half-width .c-buttons__right {
        width: auto;
    }
    .c-buttons--half-width .c-buttons__right .c-button {
        display: inline-block;
        width: auto;
    }
    .c-buttons--half-width .c-buttons__center .c-button {
        display: inline-block;
        width: auto;
    }
    .c-buttons--half-width .c-buttons__center .c-button + .c-button {
        margin-left: 4px;
    }
    .c-label {
        min-width: 70px;
        font-size: 0.8125rem;
    }
    .c-label--large {
        min-width: 80px;
    }
    .c-table.c-table--scrolling {
        overflow-x: hidden;
    }
    .c-table.c-table--scrolling table {
        min-width: 0;
    }
    .c-grouping__key {
        width: 150px;
        font-size: 0.9375rem;
        letter-spacing: -1px;
    }
    .c-grouping__value {
        font-size: 0.9375rem;
    }
    .c-sections {
        margin-top: 50px;
    }
    .c-section--indent {
        padding-left: 17px;
    }
    .c-pagination__type {
        padding: 0 8px;
    }
    .c-pagination__list {
        display: block;
    }
    .c-pagination__first {
        display: inline-block;
        margin-right: 8px;
    }
    .c-pagination__last {
        display: inline-block;
        margin-left: 8px;
    }
    .c-pagination__num {
        display: none;
    }
    .c-tabs--2 .c-tabs__item {
        width: 50%;
    }
    .c-tabs--2 .c-tabs__item:nth-child(2n) {
        border-right: 1px solid #c9cacc;
    }
    .c-tabs--3 .c-tabs__item {
        width: 33.33333%;
    }
    .c-tabs--4 .c-tabs__item {
        width: 25%;
    }
    .c-tabs--4 .c-tabs__item:nth-child(4n) {
        border-right: 1px solid #c9cacc;
    }
    .c-tabs--5 .c-tabs__item {
        width: 20%;
    }
    .c-tabs--5 .c-tabs__item:nth-child(5n) {
        border-right: 1px solid #c9cacc;
    }
    .c-tabs--6 .c-tabs__item {
        width: 16.666666%;
    }
    .c-tabs--6 .c-tabs__item:nth-child(6n) {
        border-right: 1px solid #c9cacc;
    }
    .c-tabs--7 .c-tabs__item {
        width: 33.3333%;
    }
    .c-tabs--7 .c-tabs__item:nth-child(2n) {
        border-right: 1px solid #c9cacc;
    }    
    .c-tabs__trigger {
        display: none;
    }
    .c-tabs__list {
        visibility: visible;
        opacity: 1;
        overflow-y: hidden;
        position: relative;
        top: 0;
        max-height: 100%;
        border: 0;
    }
    .c-tabs__list:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #c9cacc;
    }
    .c-tabs__item {
        float: left;
        height: 50px;
        border-top: 0;
        border-bottom: 1px solid #c9cacc;
        border-left: 1px solid #c9cacc;
    }
    .c-tabs__item:last-child .c-tabs__link {
        border-right: 1px solid #c9cacc;
    }
    .c-tabs__item--active .c-tabs__link {
        background-color: #c42047;
        color: #fff;
        z-index: 10;
        font-weight: 700;
    }
    .c-tabs__link {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        width: calc( 100% + 2px);
        height: calc( 100% + 2px);
        padding: 15px 20px;
        text-align: center;
    }
    .c-tab__item:first-child:after {
        display: none;
    }
    .c-tab__item:before {
        display: none;
    }
    .c-tab__item:after {
        left: -2px;
        right: inherit;
    }
    .c-tab__link {
        min-width: 123px;
        padding: 18px 37px;
        font-size: 1rem;
        letter-spacing: 0;
    }
    .c-search--large .c-search__option {
        width: 150px;
    }
    .c-search--large .c-search__keyword {
        width: calc(100% - 229px);
    }
    .c-search--no-option .c-search__keyword {
        width: calc(100% - 80px);
    }
    .c-search__option {
        float: left;
        width: 150px;
        margin-bottom: 0;
    }
    .c-search__keyword {
/*         width: calc(100% - 199px); */
		width: 350px;
        margin-left: -1px;
    }
    .c-email__address {
        float: left;
        width: calc(100% - 150px);
    }
    .c-email__url {
        float: left;
        width: 151px;
        margin-top: 0;
        margin-left: -1px;
    }
    .c-sms__num {
        float: left;
        width: calc(100% - 120px);
    }
    .c-sms__button {
        float: left;
        width: 120px;
        margin-top: 0;
        margin-left: -1px;
    }
    .c-date {
        width: auto;
    }
    .c-date__input {
        width: 150px;
    }
    .c-date__symbol {
        width: 30px;
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .c-buttons--groups {
        text-align: right;
    }
    .c-buttons__group {
        display: inline-block;
    }
    .c-buttons__group + .c-buttons__group {
        margin-left: 5px;
    }
    .c-buttons__group .c-button {
        width: auto;
    }
}

/* .bx-viewport { */
/* 	-webkit-transform:translatez(0); */
/* 	-moz-transform: translatez(0); */
/* 	-ms-transform:translatez(0); */
/* 	-o-transform:translatez(0); */
/* 	transform:translatez(0); */
/* } */

.c-list__item .c-table{ margin-top: 15px; margin-bottom: 5px}