@charset "UTF-8";
/* css import */
@import url(reset.css);
@import url(base.css);

/* common */
html {
    font-size:var(--pc-default);
}
body {
    font-size: 1.6rem;
}
#wrap {
    width:100%;
    /* overflow: hidden; */
}
.inner {
    width:calc(100% - 30px);
    max-width:1480px;
    margin:0 auto;
}
.only_mo {
    display:none !important;
}


/* header */
.header {
    position:relative;
    /* border-bottom: 1px solid var(--text-variant-color050); */
}
.header:before {
    content:'';
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.3);
    z-index:10;
}
.header.menu_open:before {
    display:block;
}
.header.search_open:before {
    display:block;
}
.header:after {
    content:'';
    display:block;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:1px;
    background-color:var(--text-variant-color050);
    z-index: 11;
}
.header.menu_open:after {
    display:none;
}
.header .h_top {
    position:relative;
    background-color:var(--white-sub-color100);
    z-index:11;
}
.header .h_top .inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .login_menu {
    display: flex;
    align-items: center;
}
.header .login_menu .lang_btn {
    position: relative;
    margin-right:10px;
    padding-right:10px;
    padding-left: 25px;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--text-variant-color200);
    line-height: 18px;
    background: url('../images/common/ico_lang_bk.png') no-repeat left center;
    background-size: 18px;
}
.header .login_menu .lang_btn:after {
    content:'';
    display:block;
    position: absolute;
    top: 2px;
    right: 0;
    width:1px;
    height:15px;
    background-color: var(--text-variant-color200);
}
.header .login_menu ul {
    display: flex;
    align-items: center;
}
.header .login_menu ul li + li {
    position:relative;
    margin-left: 19px;
}
.header .login_menu ul li + li:before {
    content:'';
    display:block;
    position:absolute;
    top:23px;
    left:-10px;
    width:3px;
    height:3px;
    border-radius: 50%;
    background-color: var(--text-variant-color100);
}
.header .login_menu ul li a {
    display:block;
    line-height: 50px;
    font-size: 1.5rem;
    font-weight: 500;
    color:var(--text-variant-color200);   
}
.header .h_cont {
    position:relative;
    height:80px;
    background-color:var(--white-basic-color);
    z-index:11;
}
.header .h_cont .inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position:relative;
    height:100%;
}
.header .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex:0 0 auto;
    max-width:260px; 
    height: 100%;
}
.header .nav {
    position:relative;
    width:100%;
    margin-left: 40px;
}
.header .nav > ul {
    display: flex;
    align-items: flex-start;
}
.header .nav > ul > li {
    position:relative;
    width:100%;
    max-width:170px;
    text-align: center;
}
.header .nav > ul > li + li:before {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    left: 0;
    width: 1px;
    height: 25px;
    background-color: var(--text-variant-color050);
}
.header .nav > ul > li > a {
    display:block;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 80px;
}
.header .nav > ul > li.on:after {
    content:'';
    display:block;
    position:absolute;
    top:75px;
    left:0;
    width:100%;
    height:5px;
    background-color:var(--primary-color);
}
.header .nav .depth02 {
    display:none;
    position:relative;
    top:0;
    width:100%;
    padding:13px 0;
    background-color:var(--white-basic-color);
    z-index:12;
    border-top:1px solid var(--text-variant-color050);
    border-right: 1px solid var(--text-variant-color050);
}
.header .nav.open .depth02 {
    display:block;
    height:100%;
}
.header .nav li.on .depth02 {
    background-color:var(--primary-sub-color000);
}
.header .nav > ul > li:first-child .depth02 {
    border-left: 1px solid var(--text-variant-color050);
}
.header .nav .depth02 > li > a {
    display:block;
    padding:13px;
    font-size: 1.6rem;
    font-weight: 700;
    color:var(--text-variant-color200);   
    line-height:1.5;
    text-align: center;
    word-break: keep-all;
}
.header .nav .depth02 > li > a:hover {
    color:var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 5px;
}
.header .nav:before {
    content:'';
    display:none;
    position:absolute;
    top:80px;
    right:100%;
    width:calc(100vw - 100%);
    height:calc(100% - 81px);
    border-top:1px solid var(--text-variant-color050);
    background-color:#e0eff7;
    z-index: 9;
}
.header .nav.open:before {
    display:block;
}
.header .nav:after {
    content:'';
    display:none;
    position:absolute;
    top:80px;
    left:100%;
    width:calc(100vw - 100%);
    height:calc(100% - 81px);
    border-top:1px solid var(--text-variant-color050);
    background-color:var(--white-basic-color);
    z-index: 9;
}
.header .nav.open:after {
    display:block;
}
.header .nav_left {
    display:none;
    position: absolute;
    top: 140px;
    right: calc(100% + 30px);
    white-space: nowrap;
    z-index: 10;
}
.header .nav.open .nav_left {
    display:block;
}
.header .nav_left .txt_box {
    text-align: right;
}
.header .nav_left strong {
    display:block;
    margin-bottom: 16px;
    font-size: 2.4rem;
    font-weight: 700;
    color:var(--primary-color);
}
.header .nav_left p {
    font-size: 1.8rem;
    font-weight: 700;
    color:var(--text-variant-color150);
    line-height: 1.44;
}
.header .h_additional {
    display: flex;
    align-items: center;
}
.header .search_menu .search_btn {
    width:80px;
    height:80px;
    font-size: 0;
    background:url('../images/common/btn_search.png') no-repeat center;
}
.header .search_menu .search_btn.open {
    background:url('../images/common/btn_search_close.png') no-repeat center;
}
.header .user_menu {
    position:relative;
}
.header .user_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:80px;
    height:80px;
    font-size: 0;
    background:var(--primary-color) url('../images/common/ico_user.png') no-repeat center;
}
.header .user_menu_list {
    display:none;
    position:absolute;
    top:calc(100% + 20px);
    right:0;
    width:180px;
    padding:20px;
    background-color:var(--white-basic-color);
    border:1px solid var(--text-variant-color050);
    border-radius:10px;
    box-shadow: 0px 0px 12.879999999999999px 1.12px rgba(8, 20, 30, 0.08);
    z-index: 10;
}
.header .user_menu_list.open {
    display:block;
}
.header .user_menu_list:before {
    content:'';
    display:block;
    position:absolute;
    top:-12px;
    right:28px;
    width:24px;
    height:12px;
    background:url('../images/common/ico_menu_arrow.png') no-repeat center / cover;
    z-index:9;
}
.header .user_menu_list p {
    margin-bottom:20px;
    padding-bottom:10px;
    font-size: 1.8rem;
    font-weight: 700;
    color:var(--primary-color);
    border-bottom:1px solid var(--text-variant-color050);
}
.header .user_menu_list ul li + li {
    margin-top: 15px;
}
.header .user_menu_list ul li a {
    display:inline-block;
    position:relative;
    font-size:1.6rem;
    line-height:1.375;
}
.header .user_menu_list ul li a:before {
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    background-color:var(--primary-color);
    transition: .3s;
}
.header .user_menu_list ul li a:hover {
    color:var(--primary-color);
}
.header .user_menu_list ul li a:hover:before {
    width:100%;
}
.header .search_box {
    display: none;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    width:100%;
    padding:40px 0;
    background-color:#3e90f5;
}
.header .search_box.open {
    display:flex;
}
.header .search_box .form_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:calc(100% - 30px);
}
.header .search_box .form_box form {
    width:100%;
}
.header .search_box .top_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
.header .search_box select,
.header .search_box input {
    max-width:100%;
    height:60px;
    padding:0 16px;
    font-size:1.8rem;
    color:var(--white-basic-color);
    background-color:transparent;
    border:1.5px solid var(--white-basic-color);
}
.header .search_box input {
    width:800px;
    border-radius: 5px;
}
.header .search_box input::placeholder {
    color:rgba(255,255,255,.6);
}
.header .search_box .search_result_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width:104px;
    height:60px;
    margin-left: 10px;
    border-radius:5px;
    background-color:var(--text-main-color);
}
.header .search_box .search_result_btn span {
    display:inline-block;
    padding-left: 33px;
    font-size: 1.8rem;
    color:var(--white-basic-color);
    line-height: 1.4;
    background:url('../images/common/btn_search_24x24.png') no-repeat left center;
}
.header .search_box .tag_wrap {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
.header .search_box .tag_wrap strong {
    margin-right: 35px;
    font-size: 1.8rem;
    font-weight: 700;
    color:var(--white-basic-color);
    line-height: 1.5;
}
.header .search_box .tag_wrap ul {
    display: flex;
    align-items: flex-start;
}
.header .search_box .tag_wrap ul li + li {
    margin-left: 20px;
}
.header .search_box .tag_wrap ul li a {
    font-size: 1.8rem;
    color:rgba(255,255,255,.8);
    line-height: 1.5;
}

/* footer */
.footer {
    position:relative;
    background-color:var(--primary-sub-color000);
}
.footer .f_top {
    border-bottom: 1px solid #e6e9ec;
}
.footer .f_top .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .f_menu ul {
    display: flex;
    align-items: center;
}
.footer .f_menu ul li + li {
    margin-left: 40px;
}
.footer .f_menu ul li a {
    font-size: 1.6rem;
    font-weight: 700;
    color:var(--text-variant-color200);
    line-height: 60px;
}
.footer .f_menu ul li a strong {
    color:var(--primary-color);
}
.footer .sns_link ul {
    display: flex;
}
.footer .sns_link ul li + li {
    margin-left: 10px;
}
.footer .f_cont {
    padding:25px 0 140px;
}
.footer .f_cont .inner {
    display: flex;
    align-items: flex-start;
}
.footer .f_logo {
    flex:0 0 auto;
    width:190px;
    margin-top: 7px;
}
.footer .f_info {
    margin-left: 40px;
}
.footer .f_info div {
    display: flex;
    align-items: center;
}
.footer .f_info div + div {
    margin-top: 5px;
}
.footer .f_info div span {
    display:block;
    position:relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.875;
}
.footer .f_info div span:not(:last-child) {
    padding-right:19px;
    margin-right: 19px;
}
.footer .f_info div span:not(:last-child):after {
    position:absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    width:1px;
    height: 12px;
    background-color: var(--text-variant-color000);
}
.top_btn {
    position: fixed;
    right: 2.604%;
    bottom: 40px;
    width: 50px;
    height: 50px;
    background-color: var(--white-basic-color);
    border-radius: 10px;
    background-image: url(../images/common/btn_top_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    box-shadow: 0px 2px 6.37px 0.63px rgba(0, 0, 0, 0.12);
    font-size: 0;
    z-index: 99;
    transition: background-color .4s;
}
.top_btn.fixed {
	position: absolute;
    bottom: calc(100% + 20px);
}

/* slide_button basic */
.slide_button_prev,
.slide_button_next {
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 0;
}
.slide_button_prev {
    left:0;
}
.slide_button_next {
    right:0;
}
.slide_button_next img {
    transform: rotate(180deg);
}
.slide_button_next:after,
.slide_button_prev:after {
    display:none;
}
.swiper-button-disabled {
    cursor:default;
}
.slide_option_box {
    display:flex;
    align-items: center;
    justify-content: center;
}
.slide_option_box .slide_button_prev,
.slide_option_box .slide_button_next,
.slide_option_box .swiper-pagination {
    position:relative;
    top:initial;
    bottom:initial;
    left:initial;
    right:initial;
    transform: none;
}

/* pager */
.pager {
    margin-top: 40px;
}
.pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager ul li {
    width:40px;
    height:40px;
}
.pager ul .number {
    margin:0 3px;
}
.pager ul .arrow {
    margin:0 5px;
}
.pager ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    width:100%;
    height:100%;
    font-size: 1.6rem;
    color:var(--text-variant-color150);
    border-radius: 5px;
}
.pager ul .active a {
    color:var(--primary-color);
}
.pager ul .active a:after {
    content:'';
    display:block;
    position:absolute;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
    width:12px;
    height:2px;
    background:var(--primary-color);
}
.pager ul .number a:hover {
    background-color:var(--primary-sub-color000);
}
.pager ul .arrow a {
    font-size:0;
    border:1px solid var(--text-variant-color050);
    background-position: center;
    background-repeat: no-repeat;
}
.pager ul .arrow a:hover {
    border-color:var(--primary-color);
}
.pager ul .arrow.single a {
    background-image: url('../images/common/ico_pager_single.png');
}
.pager ul .arrow.double a {
    background-image: url('../images/common/ico_pager_double.png');
}
.pager ul .arrow.single a:hover {
    background-image: url('../images/common/ico_pager_single_active.png');
}
.pager ul .arrow.double a:hover {
    background-image: url('../images/common/ico_pager_double_active.png');
}
.pager ul .next, .pager ul .last {
    transform: rotate(180deg);
}
.line_link_btn {
    display:inline-block;
	position:relative;
	margin-left:3px;
	padding-right: 22px;
	font-size: 1.6rem;
	font-weight: 700;
	color:var(--primary-sub-color300);
	line-height: 1.5;
	background:url('../images/common/ico_link_primary.png') no-repeat right center;
}
.line_link_btn.arrow {
    padding-right:12px;
    background:url('../images/common/ico_link_primary_arrow.png') no-repeat right center;
}
.line_link_btn:after {
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    background-color: var(--primary-sub-color300);
    transition: .5s;
}
.line_link_btn:hover:after {
    width:100%;
}

/* popup */
.pop_wrap {
    display: none;
    align-items: center;
    justify-content: center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.4);
    z-index: 999;
}
.pop_wrap.open {
    display: flex;
}
.pop_wrap .pop_inner {
    width:calc(100% - 30px);
    height:600px;
    padding:30px 40px;
    background-color:var(--white-basic-color);
    border-radius: 5px;
}
.pop_wrap .pop_inner .pop_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.pop_wrap .pop_inner .pop_top .ttl {
    font-size: 2.4rem;
    font-weight: 700;
}
.pop_wrap .pop_inner .pop_top .close_btn {
    width:24px;
    height:24px;
    font-size: 0;
    background:url('../images/common/btn_close.png') no-repeat center;
}
.pop_wrap .pop_inner .list_search_box {
    margin-top: 0;
}
.pop_wrap .pop_inner .list_table_layout {
    height:250px;
    overflow-y: auto;
}

/* jquery datepicker */
.ui-datepicker-prev, .ui-datepicker-next {
    display:none;
}
.ui-datepicker-title {
    display: flex;
    align-items: center;
    position:relative;
}
.ui-datepicker-title:before {
    content:'년';
    display:block;
    position:absolute;
    top:15px;
    left:110px;
    font-size:1.6rem;
}
.ui-datepicker-title:after {
    content:'월';
    display:block;
    position:absolute;
    top:15px;
    left:230px;
    font-size:1.6rem;
}
.ui-datepicker-year {
    width:100px;
    margin-right:40px;
}
.ui-datepicker-month {
    width:80px;
}
.ui-datepicker-calendar {
    width:100%;
    margin-top:20px;
    background-color:var(--white-basic-color);
}
.ui-datepicker-calendar th {
    font-size: 1.6rem;
    line-height:60px;
}
.ui-datepicker-calendar th:first-child span {
    color:var(--warning-color);
}
.ui-datepicker-calendar td {
    margin:8px 0;
    text-align: center;
}
.ui-datepicker-calendar td:first-child .ui-state-default {
    color:var(--warning-color);
}
.ui-state-default {
    display:flex;
    align-items: center;
    justify-content: center;
    width:39px;
    height:39px;
    margin:8px auto;
    font-size:1.6rem;
    color:var(--text-variant-color150);
    border:1px solid transparent;
    border-radius:50%;
}
.ui-state-active {
    font-weight: 700;
    color:var(--white-basic-color) !important;
    background-color:var(--primary-sub-color300);
    border-color:var(--primary-sub-color300);
    box-shadow: 0px 0px 25.759999999999998px 2.24px rgba(8, 20, 30, 0.08);
}
.ui-state-select a {
    font-weight:700;
    color:var(--primary-sub-color300);
    border-color:var(--primary-sub-color300);
}
.ui-state-select:hover {
    background-color:var(--primary-sub-color000);
    box-shadow: 0px 0px 25.759999999999998px 2.24px rgba(8, 20, 30, 0.08);
}

/* layer_popup */
.layer_pop {
    position:fixed;
    width:auto;
    min-width:200px;
    height:auto;
    z-index: 999;
}
.layer_pop.close {
    display:none;
}
.layer_pop .pop_cont {
    background-color:var(--white-basic-color);
}
.layer_pop .pop_cont * {
    font-size: 1.4rem;
}
.layer_pop .pop_btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color:var(--black-basic-color);
}
.layer_pop .layer_close_oneday {
    padding:10px;
    color:var(--text-variant-color000);
}
.layer_pop .layer_close {
    padding:10px;
    color:var(--white-basic-color);
    background-color:var(--text-variant-color200);
}


/* responsive */
@media screen and (max-width:1300px) {

    /* header */
    .header .logo {
        max-width:180px;
    }
    .header .h_cont {
        height:70px;
    }
    .header .nav:before {
        top:70px;
        height:calc(100% - 71px);
    }
    .header .nav_left {
        right:calc(100% + 20px);
    }
    .header .nav_left strong {
        margin-bottom: 10px;
        font-size: 2rem;
    }
    .header .nav_left p {
        font-size: 1.4rem;
    }
    .header .nav:after {
        top:70px;
        height:calc(100% - 71px);
    }
    .header .nav .depth02 {
        padding:10px 0;
    }
    .header .nav .depth02 > li > a {
        padding:15px 10px;
        font-size:1.4rem;
        line-height: 1.2;
    }
    .header .nav > ul > li.on:after {
        top:67px;
        height:3px;
    }
    .header .nav > ul > li + li:before {
        top:25px;
        height:20px;
    }
    .header .nav > ul > li > a {
        font-size: 1.8rem;
        line-height: 70px;
    }
    .header .h_additional {
        position:relative;
        right:-15px;
    }
    .header .search_menu .search_btn {
        width:70px;
        height:70px;
        background-size: 27px;
    }
    .header .user_btn {
        width:70px;
        height:70px;
        background-size: 27px;
    }

}

@media screen and (max-width:1024px) {
    
    /* common */
	.only_web {
		display:none !important;
	}
	.only_mo {
		display:block !important;
	}

    /* header */
    .header .h_top {
        display:none;
        position:absolute;
        top:0;
        left:0;
        white-space: nowrap;
        background-color:transparent;
        z-index: 99;
    }
    .header.menu_open .h_top {
        display:block;
        width:max-content;
    }
    .header .h_top .inner {
        display:block;
    }
    .header .login_menu .lang_btn {
        padding-left: 23px;
        font-size: 1.3rem;
        color: var(--white-basic-color);
        background: url('../images/common/ico_lang_wh.png') no-repeat left center;
        background-size: 16px;
    }
    .header .login_menu .lang_btn:after {
        top:4px;
        height:10px;
        background-color: var(--white-basic-color);
    }
    .header .login_menu ul li a {
        font-size: 1.4rem;
        color:var(--white-basic-color);
    }
    .header .login_menu ul li + li:before {
        background-color: var(--white-basic-color);
    }
    .header .h_cont {
        height:50px;
    }
    .header .logo {
        max-width:160px;
    }
    .header .nav {
        display:none !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding-top:50px;
        background-color: var(--primary-sub-color300);
        z-index:99;
    }
    .header.menu_open .nav {
        display:block !important;
    }
    .header .user_menu_list {
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
        padding: 30px 15px 20px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .header .user_menu_list:before {
        display: none;
    }
    .header .user_menu_list .my_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header .user_menu_list .my_top p {
        padding-left: 27px;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size:2rem;
        color:var(--white-basic-color);
        border-bottom: none;
        background:url('../images/common/ico_user.png') no-repeat left center / 20px;
    }
    .header .user_menu_list .my_top a {
        padding-right: 16px;
        font-size: 1.6rem;
        color:var(--white-basic-color);
        background:url('../images/common/btn_link_8x13.png') no-repeat right center / 6px;
    }
    .header .user_menu_list ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position:relative;
        margin-top: 18px;
        border-radius: 5px;
        overflow: hidden;
        background-color:var(--white-basic-color);
    }
    .header .user_menu_list ul:before {
        content:'';
        display:block;
        position:absolute;
        top:50%;
        left:0;
        transform: translateY(-50%);
        width:100%;
        height:1px;
        background-color:var(--text-variant-color000);
    }
    .header .user_menu_list ul:after {
        content:'';
        display:block;
        position:absolute;
        top:0;
        left:50%;
        transform: translateX(-50%);
        width:1px;
        height:100%;
        background-color:var(--text-variant-color000);
    }
    .header .user_menu_list ul li {
        width:50%;
    }
    .header .user_menu_list ul li + li {
        margin-top: 0;
    }
    .header .user_menu_list ul li a {
        display: block;
        line-height: 50px;
        text-align: center;
    }
    .header .nav > ul {
        position:relative;
        flex-direction: column;
        height:100%;
        background-color:var(--white-basic-color);
    }
    .header .nav > ul:after {
        content:'';
        display:block;
        position:absolute;
        top:0;
        left:140px;
        width:1px;
        height:100%;
        background-color:var(--text-variant-color050);
    }
    .header .nav > ul > li {
        position:static;
        max-width:140px;
    }
    .header .nav > ul > li + li:before {
        display:none;
    }
    .header .nav > ul > li > a {
        padding:13px 15px;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left;
    }
    .header .nav > ul > li.on > a {
        color:var(--white-basic-color);
        background-color:var(--primary-color);
    }
    .header .nav > ul > li.on:after {
        display:none;
    }
    .header .nav .depth02 {
        display:none;
        position:absolute;
        top:0;
        left:141px;
        width:calc(100% - 141px);
        height:100%;
        padding:0;
        border: none;
        border-left: none;;
    }
    .header .nav > ul > li:first-child .depth02 {
        border-left: none;
    }
    .header .nav li.on .depth02 {
        display:block;
        background-color:var(--white-basic-color);
    }
    .header .nav .depth02 > li > a {
        position:relative;
        padding:14px 25px;
        line-height: 1.5;
        text-align: left;
        border-bottom: 1px solid var(--text-variant-color050);
    }
    .header .nav .depth02 > li > a.open_menu:before {
        content:'';
        display:block;
        position:absolute;
        top:50%;
        right:16px;
        transform: translateY(-50%);
        width:2px;
        height:12px;
        background-color:var(--text-variant-color100);
    }
    .header .nav .depth02 > li > a.open_menu:after {
        content:'';
        display:block;
        position:absolute;
        top:50%;
        right:11px;
        transform: translateY(-50%);
        width:12px;
        height:2px;
        background-color:var(--text-variant-color100);
    }
    .header .nav .depth02 > li.open > a.open_menu:before {
        display:none;
    }
    .header .nav .depth02 > li.open > a.open_menu:after {
        background-color:var(--text-main-color);
    }
    .header .nav .depth03 {
        display:none;
        padding: 5px 0;
        border-bottom: 1px solid var(--text-variant-color050);
    }
    .header .nav .open .depth03 {
        display:block;
    }
    .header .nav .depth03 > li > a {
        display:block;
        padding:5px 25px;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: left;
    }
    .header .h_additional {
        position:absolute;
        top:0;
        left:-15px;
        right:inherit;
    }
    .header .search_menu .search_btn {
        width:50px;
        height:50px;
        background-size: 20px;
    }
    .header .search_menu .search_btn.open {
        background-size: 18px;
    }
    .header .ham_btn {
        position:absolute;
        top:0;
        right:-15px;
        width:50px;
        height:50px;
        font-size: 0;
        background:url('../images/common/btn_ham.png') no-repeat center / 20px;
        z-index:100;
    }
    .header .ham_btn.active {
        background:url('../images/common/btn_close_w.png') no-repeat center / 20px;
    }
    .header .search_box {
        padding:25px 0;
    }
    .header .search_box select,
    .header .search_box input {
        height:50px;
        padding:0 10px;
        font-size: 1.4rem;
    }
    .header .search_box select {
        flex:0 0 auto;
        width:90px;
        background-size: 10px;
        background-position: right 10px center;
    }
    .header .search_box .search_result_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        flex:0 0 auto;
        width:50px;
        height:50px;
    }
    .header .search_box .search_result_btn span{
        width:33px;
        height:33px;
        font-size: 0;
        background-size: 19px;
        background-position: center;
    }
    .header .search_box .tag_wrap {
        margin-top: 10px;
    }
    .header .search_box .tag_wrap strong {
        flex:0 0 auto;
        margin-right: 25px;
        font-size: 1.4rem;
    }
    .header .search_box .tag_wrap ul {
        flex-wrap: wrap;
    }
    .header .search_box .tag_wrap ul li {
        margin-right: 15px;
    }
    .header .search_box .tag_wrap ul li a {
        font-size: 1.4rem;
    }
    .header .search_box .tag_wrap ul li + li {
        margin-left: 0;
    }

    /* footer */
    .footer .f_menu ul li a {
        font-size: 1.4rem;
        line-height: 70px;
    }    
    .footer .sns_link ul li {
        width:31px;
    }
    .footer .sns_link ul li + li {
        margin-left: 9px;
    }
    .footer .f_cont {
        padding:25px 0 70px;
    }
    .footer .f_cont .inner {
        justify-content: center;
        flex-direction: column;
    }
    .footer .f_logo {
        width:140px;
        margin:0 auto 20px;
    }
    .footer .f_info {
        width:100%;
        margin-left: 0;
    }
    .footer .f_info div {
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer .f_info div span {
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: center;
    }
    .top_btn {
        right: 15px;
        width:40px;
        height: 40px;
        border-radius: 5px;
        background-size: 16px;
    }
    .top_btn.fixed {
        bottom:calc(100% - 20px);
    }

    /* common */
    .line_link_btn {
        padding-right: 16px;
        font-size: 1.4rem;
        background-size: 12px;
    }

    /* pager */
    .pager {
        margin-top: 25px;
    }
    .pager ul li {
        width:30px;
        height:30px;
    }
    .pager ul .arrow.single a {
        background-size: 5px;
    }
    .pager ul .arrow.double a {
        background-size: 9px;
    }
    .pager ul li a {
        font-size: 1.4rem;
    }
    .pager ul .active a:after {
        bottom:5px;
        width:8px;
        height:2px;
    }

    /* layer */
    .layer_top {
        padding:25px 0 10px;
    }
    .layer_top .close_btn {
        width:20px;
    }

    /* layer_pop */
    .layer_pop {
        top:10px !important;
        left:10px !important;
        max-width:calc(100% - 20px);
    }

    /* datepicker */
    .ui-datepicker-year {
        width:80px;
    }
    .ui-datepicker-title:before {
        top:13px;
        left:90px;
        font-size: 1.4rem;
    }
    .ui-datepicker-title:after {
        top:13px;
        left:210px;
        font-size: 1.4rem;
    }
    .ui-datepicker-calendar {
        margin-top: 15px;
    }
    .ui-datepicker-calendar th {
        font-size: 1.4rem;
        line-height: 48px;
    }
    .ui-state-default {
        width:36px;
        height:36px;
        margin:5px auto;
        font-size: 1.4rem;
    }

}