@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/*** 화면 사이즈 ***/
.container {
    width: 1080px;
    margin: 0 auto;
}


/*** Main ***/
/* section1 */
#section1 {
    position: relative;
    overflow: hidden;
}

#section1 .slick-dots {
    display: flex;
    gap: 0 14px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

#section1 .slick-dots li.slick-active button {
    width: 24px;
    background: #f88b26;
}

#section1 .slick-dots li button {
    display: block;
    width: 6px;
    height: 6px;
    text-indent: -9999px;
    border-radius: 50px;
    background-color: #fff;
    cursor: pointer;
}

#section1 .control button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1080px;
}
#section1 .control button {
    position: absolute;
    display: block;
    width: 26px;
    height: 51px;
    background: url(../images/main/slide_btn.png)no-repeat;
    cursor: pointer;
}

#section1 .control button.prev {
    left: 314px;
}

#section1 .control button.next {
    right: 410px;
    transform: translateY(-50%) rotate(180deg);
}

#section1 .sub_link_wrap .container {
    position: relative;
}

#section1 .sub_link {
    padding: 32px 22px 0 23px;
    width: 180px;
    height: 470px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(57, 140, 182, .7);
    z-index: 9;
}

#section1 .sub_link li a {
    position: relative;
    display: block;
    padding: 16px 8px 12px 8px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

#section1 .sub_link li a:hover::after {
    content: '';
    position: absolute;
    top: 22px;
    right: 0;
    background: url(../images/main/arrow.png)no-repeat;
    width: 5px;
    height: 9px;
}

#section1 .sub_link li a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    transition: all .3s;
    height: 1px;
    background-color: #fff;
}

#section1 .sub_link li a:hover:before {
    width: 100%;
}

#section1 .slick-slide .img_box {overflow: hidden; position: relative; height: 470px;}
#section1 .slick-slide .img_box img {
    display: block;
    width: auto;
    height: 470px;
    max-width: none;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

/* section2 */
#section2 {
    padding: 35px 0 15px;
}

#section2 .slick_wrap {
    position: relative;
}

.com_tit {
    margin-bottom: 35px;
}

.com_tit h3 {
	font-family: 'NanumSquareNeo-dEb';
    margin-bottom: 12px;
    font-size: 42px;
    color: #000;
    line-height: 1;
    font-weight: 800;
}

.com_tit span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #f68c25;
    line-height: 1;
    text-align: center;
}

#section2 .control button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: url(../images/main/slide_btn2.png)no-repeat;
    cursor: pointer;
}

#section2 .control button.prev {
    left: -62px;
}

#section2 .control button.next {
    right: -62px;
    transform: translateY(-50%) rotate(180deg);
}
#section2 .slide_list1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

#section2 .slide_list1 li {
    width: 260px;
    height: 293px;
    margin-bottom: 20px;
}

#section2 .slide_list1 li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* section3 */
#section3 {
    padding: 35px 0 0px;
}

#section3 .com_tit {
    margin-bottom: 34px;
}

#section3 .slide_list2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 17px;
}

/* #section3 .slide_list2 li { */
/*     margin-bottom: 20px; */
/* } */

#section3 .slide_list2 li a {
    display: block;
    width: 257px;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    overflow: hidden;
}

#section3 .slide_list2 li a .img_box {
    height: 255px;
}

#section3 .slide_list2 li a .img_box img {
    display: block;
    width: 100%;
    height: 100%;
}

#section3 .slide_list2 li a .text_box {
    padding: 30px 0 40px;
}

#section3 .slide_list2 li a .text_box .text {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    color: #f68c25;
    text-align: center;
    line-height: 1;
    transform: skew(-0.03deg);
}

#section3 .slide_list2 li a .text_box h4 {
    height: 52px;
    margin-bottom: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

#section3 .slide_list2 li a .text_box .price_wrap {
    display: flex;
    gap: 0 7px;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#section3 .slide_list2 li a .text_box .price_wrap>em {
    position: relative;
    display: block;
    padding: 0 5px;
    font-size: 18px;
    color: #999;
    font-style: normal;
    letter-spacing: -1px;
}

#section3 .slide_list2 li a .text_box .price_wrap>em::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #999;
}

#section3 .slide_list2 li a .text_box .price_wrap .price_text {
    font-weight: 800;
    color: #000;
    font-size: 24px;
    letter-spacing: -2px;
}

#section3 .slide_list2 li a .text_box .price_wrap .price_text em {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
}


/*** Sub ***/
/* common */
.store-wrap .table-categories{margin-top: 25px; text-align: center; font-size: 17px;}
.store-wrap .table-categories tr td {width: 100%; border: 1px solid lightgrey; height: auto; width: 181px;}
.store-wrap .table-categories tr td a{display: flex; justify-content: center; align-items: center; padding: 16px 5px 15px; height: 100%; color: #000; background-color: #fff;}
.store-wrap .table-categories tr td a:hover,
.store-wrap .table-categories tr td a.active {background: #f68c25; color: #fff;}

/* join */
#subContents.join-wrap {
    padding-top: 337px;
    font-family: 'NanumSquare', sans-serif;
}

.join-wrap .join_header {
    padding-bottom: 70px;
    background-color: #f7f7f7;
}

.join-wrap .join_header h2 {
    padding: 60px 0 35px;
    float: none;
    width: 100%;
    text-align: center;
}

.join-wrap .join_step {
    float: none;
    width: 100%;
}

.join-wrap .join_step ol {
    display: flex;
    flex-wrap: wrap;
}

.join-wrap .join_step ol li {
    position: relative;
    padding: 0 30px;
    width: 24%;
    height: 120px;
    margin-right: 1.33%;
    display: flex;
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    align-items: center;
    box-sizing: border-box;
    background-color: #fff;
}

.join-wrap .join_step ol li:last-child {
    margin-right: 0;
}

.join-wrap .join_step ol li .number {
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    color: #999;
    font-weight: normal;
}

.join-wrap .join_step ol li>div {
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

.join-wrap .join_step ol li:before {
    margin-right: 20px;
    width: 48px;
    height: 46px;
    display: block;
    content: "";
}

.join-wrap .join_step ol li:nth-child(1):before {
    background: url(../images/sub/join_step_icon_1.png) no-repeat center center;
}

.join-wrap .join_step ol li:nth-child(2):before {
    background: url(../images/sub/join_step_icon_2.png) no-repeat center center;
}

.join-wrap .join_step ol li:nth-child(3):before {
    background: url(../images/sub/join_step_icon_3.png) no-repeat center center;
}

.join-wrap .join_step ol li:nth-child(4):before {
    background: url(../images/sub/join_step_icon_4.png) no-repeat center center;
}

.join-wrap .join_step ol li:after {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 10px;
    height: 16px;
    background: url(../images/sub/arrow.svg) no-repeat center center;
    background-size: 100%;
    display: block;
    content: "";
    transform: translateY(-50%);
}

.join-wrap .join_step.step1 ol li:nth-child(1) {
    border: 2px solid #48b0b0;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.join-wrap .join_step.step2 ol li:nth-child(2) {
    border: 2px solid #df6745;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.join-wrap .join_step.step3 ol li:nth-child(3) {
    border: 2px solid #f88b26;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.join-wrap .txt_1 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    color: #343434;
}

.join-wrap .txt_1:before {
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/sub/bulit_1.png) no-repeat center center;
    content: "";
}

.join-wrap .join_tab ul {
    display: flex;
}

.join-wrap .join_tab ul li {
    flex-grow: 1;
    float: none;
    height: auto;
}

.join-wrap .join_tab ul li a {
    padding: 0 10px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 17px;
    border: 1px solid #ddd;
    height: 48px;
    box-sizing: border-box;
    justify-content: center;
}

.join-wrap .join_tab ul li a.on {
    padding: 0;
    height: 48px;
    border: none;
    background-color: #f88b26;
    color: #fff;
}

.join-wrap .welcome_cont h3 {
    width: auto;
}

.join-wrap .txt_2 {
    margin: 60px 0 30px;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.join-wrap .txt_2 strong {
    margin-bottom: 20px;
    display: block;
    font-size: 30px;
}

.join-wrap .txt_2 strong span {
    color: #f88b26;
}

.join-wrap .welcome_cont .join_txinfo {
    padding: 0;
    border: none;
}

.join-wrap .join_txinfo a {
    width: 184px;
    height: 45px;
    line-height: 45px;
    border-radius: 20px;
    background-color: #404247;
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

.join-wrap .join_title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.join-wrap .join_title span {
    font-size: 20px;
    color: #f88b26;
    font-weight: normal;
}

.join-wrap .agree_cont {
    padding: 15px 30px 30px;
    background-color: #fcfcfc;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-bottom: none;
}

.join-wrap .m_b0 {
    margin-bottom: 0;
}

.join-wrap .agree_cont .terms_box {
    font-size: 15px;
    color: #343434;
}

.join-wrap .agree_form {
    border-top: none;
}

.join-wrap .agree_form {
    font-size: 16px;
    background-color: #fff;
}

.basic-btn01 {
    margin: 0 5px;
    width: 184px;
    height: 42px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-radius: 2em;
    color: #343434;
}

.btn-gray-bg {
    border: 1px solid #dbdbdb;
    background-color: #f7f7f7;
}

.btn-black-bg {
    background-color: #404247;
    color: #fff;
}

.join-wrap .agree_all_form {
    font-size: 16px;
}

.join-wrap .agree_all_form .c-gray {
    color: #999999;
}

.join-wrap .agree_cont h4 {
    font-size: 16px;
}

/* calendar */
.sub1 .title {
    text-align: left;
    font-size: 30px;
    margin-bottom: 12px;
}

.sub1 .subtitle {
    text-align: left;
    font-size: 16px;
    margin-bottom: 44px;
}

/* 230808 sic */
.cont-wrap .calendar .calendar-top {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cont-wrap .calendar button {
    background: #f68c25;
    color: white;
    height: 38px;
    max-width: 159px;
    width: 100%;
    border-radius: 25px;
    font-size: 17px;
}

.cont-wrap .calendar .months {
    margin-left: 205px;
    display: flex;
    gap: 50px;
    align-items: center;
    font-size: 18px;
}

.cont-wrap .calendar .months h3 {
    font-size: 28px;
}

.cont-wrap .calendar .months a {
    display: flex;
    align-items: center;
}

.cont-wrap .calendar .months a svg{
    margin: 0 10px;
}
/* end 230808 sic */

.cont-wrap .calendar hr {
    color: #e0e0e0;
    height: 1px;
    margin-top: 24px;
    opacity: 50%;
}

.cont-wrap .calendar .labels {
    margin-top: 23px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    align-items: baseline;
    font-size: 16px;
}

.cont-wrap .calendar input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cont-wrap .calendar .custom-checkbox.integrated_cognition {
    accent-color: #48b0b0;
    border: 2px solid #48b0b0;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.cont-wrap .calendar .custom-checkbox.art_gardening {
    accent-color: #e06645;
    border: 2px solid #e06645;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.cont-wrap .calendar .custom-checkbox.music {
    accent-color: #79b763;
    border: 2px solid #79b763;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.cont-wrap .calendar .custom-checkbox.tradition {
    accent-color: #f68c25;
    border: 2px solid #f68c25;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.cont-wrap .calendar .custom-checkbox.leisure {
    border: 2px solid #f8ce1a;
    accent-color: #f8ce1a;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.cont-wrap .calendar label {
    display: inline-block;
    margin-right: 5px;
}

.cont-wrap .calendar table {
    margin-top: 23px;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.cont-wrap .calendar table tr:first-child {
    border-top: 2px solid #f68c25;
}

.cont-wrap .calendar .days>th {
    height: 60px !important;
    width: 160px !important;
    vertical-align: middle;
}

.cont-wrap .calendar th {
    background-color: #fff4e0;
    font-size: 20px;
    height: 145px;
    vertical-align: top;
}

.cont-wrap .calendar table th,
.cont-wrap .calendar table td {
    border: 1px solid #e0e0e0;
}

.cont-wrap .calendar table td {
    vertical-align: top;
}

.cont-wrap .calendar table td:last-child {
    background-color: #f7f7f7;
    color: #e06645;
    font-weight: 600;
}

.cont-wrap .calendar table td .numb {
    display: inline-block;
    padding: 12px 5px 0 5px;
    width: 18px;
    font-weight: bold;
    font-size: 16px;
}

.cont-wrap .calendar .day-notes {
    display: flex;
}

.cont-wrap .calendar .day-notes p,
.cont-wrap .calendar .day-notes ul {
    margin-top: 12px;
    width: calc(100% - 30px);
}

.cont-wrap .calendar .day-notes li {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px dotted #e1c9c9;
    padding-bottom: 2px;
    width: fit-content;
}

.cont-wrap .calendar .day-notes li .integrated_cognition {
    background-color: #48b0b0;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
}

.cont-wrap .calendar .day-notes li .art_gardening {
    background-color: #e06645;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
}

.cont-wrap .calendar .day-notes li .music {
    background-color: #79b763;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
}

.cont-wrap .calendar .day-notes li .tradition {
    background-color: #f68c25;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
}

.cont-wrap .calendar .day-notes li .leisure {
    background-color: #f8ce1a;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
}

.cont-wrap .calendar .day-notes .subject {
    text-align: left;
    font-weight: 400;
    padding-left: 15px;
}

.cont-wrap .calendar .day-notes .subject>li::before {
    content: "•";
    margin-right: 8px;
    color: #f68c25;
    display: inline-block;
}

.cont-wrap .calendar .day-notes .subject>li {
    font-size: 15px;
}

.cont-wrap .calendar .day-off {
    font-weight: 600;
    color: #e06645;
}

/**sub2**/
#subContents.sub2 {
    padding: 168px 0 0 0;
}

.store-wrap.sub2 .gray-content {
    background-color: #f7f7f7;
    height: 100%;
    padding: 90px 0;
}

.store-wrap.sub2 .gray-content.pt0 {
    padding-top: 0;
}

.store-wrap.sub2 .gray-content .search_bar {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.store-wrap.sub2 .gray-content .search_bar input {
    width: 100%;
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid black;

}

.store-wrap.sub2 .gray-content .search_bar input::placeholder {
    font-size: 16px;
    padding: 10px;
}

.store-wrap.sub2 .gray-content .search_bar button {
    background-color: transparent;

}

.store-wrap.sub2 button:focus,
.store-wrap.sub2 button:active {
    outline: none;
}

.store-wrap.sub2 input:focus,
.store-wrap.sub2 input:active {
    outline: none;
}

.store-wrap.sub2 a:active,
.store-wrap.sub2 a:hover {
    color: inherit;
    text-decoration: none;
}

.cont-wrap .first-container .search_bar>.search_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 77px;
    height: 100%;
    background: url(../images/sub/search_icon.png) no-repeat center;
    cursor: pointer;
}

.cont-wrap .category-list {
    margin-top: 40px;
    background-color: white;
    height: 160px;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.cont-wrap .category-list button {
    background-color: transparent;
}

.cont-wrap .category-list div:hover {
    color: #f88b26;
}

.cont-wrap .category-list span {
    font-size: 16px;
}

.cont-wrap .vertical-divider {
    width: 1px;
    height: 50%;
    background-color: gray;
    margin: 0 10px;
    opacity: 20%;
}

.cont-wrap .pagination {
    margin-bottom: 70px;
}

.cont-wrap .pagination-circular {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    gap: 14px;
}

.cont-wrap .pagination-circular li {
    background-color: #dbdbdb;
    width: 6px;
    height: 6px;
    border-radius: 10px;
}

.cont-wrap .pagination-circular li.current {
    background-color: #f88b26;
    width: 24px;
}

.cont-wrap .category-list .slick_wrap {position: relative; margin: 0 auto; width: 930px; border-left: 1px solid #efefef; border-right: 1px solid #efefef;}
.cont-wrap .category-list .slick_wrap .slick .slide + .slide a {border-left: 1px solid #efefef;}
.cont-wrap .category-list .slick_wrap .slick .slide a {display: flex; flex-direction: column; align-items: center; justify-content: space-between; /* height: 80px; */ font-weight: 600; font-size: 16px;}
/* .cont-wrap .category-list .slick_wrap .slick .slide a:before {content: ""; display: block; width: 100px; height: 55px; background: url(../images/common/category_list_sprite.png) no-repeat;} */
.cont-wrap .category-list .slick_wrap .slick .slide.mn1 a:before {background-position: -15px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn2 a:before {background-position: -148px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn3 a:before {background-position: -279px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn4 a:before {background-position: -413px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn5 a:before {background-position: -548px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn6 a:before {background-position: -676px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn7 a:before {background-position: -805px 0;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn1 a:hover:before {background-position: -15px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn2 a:hover:before {background-position: -148px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn3 a:hover:before {background-position: -279px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn4 a:hover:before {background-position: -413px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn5 a:hover:before {background-position: -548px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn6 a:hover:before {background-position: -676px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn7 a:hover:before {background-position: -805px -80px;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn1 a:hover {color: #f88b26;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn2 a:hover {color: #09a609;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn3 a:hover {color: #00d38d;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn4 a:hover {color: #49cacb;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn5 a:hover {color: #00d38d;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn6 a:hover {color: #ec4079;}
.cont-wrap .category-list .slick_wrap .slick .slide.mn7 a:hover {color: #00d38d;}
.cont-wrap .category-list .slick_wrap .control button {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.cont-wrap .category-list .slick_wrap .control button.prev {left: -45px; }
.cont-wrap .category-list .slick_wrap .control button.next {right: -45px;}

.store-wrap.sub2 .banner {
    padding: 25px 0 25px;
    background-color: white;
}

.store-wrap.sub2 .banner .slides button {
    background-color: transparent;
}

.store-wrap.sub2 .banner .slides {
    max-width: 1080px;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
    margin: 0 auto;
    gap: 16px;
}

.store-wrap.sub2 .banner .slides a {
    display: block;
    width: 258px;
    height: 258px;
}

.store-wrap.sub2 .banner .slides a.first {
    background-color: #48b0b0;
}

.store-wrap.sub2 .banner .slides a.second {
    background-color: #df6745;
}

.store-wrap.sub2 .banner .slides a.third {
    background-color: #f88b26;
}

.store-wrap.sub2 .banner .slides a.fourth {
    background-color: #f7cd21;
}

.store-wrap.sub2 .banner .slides .slide-item {
    color: white;
    padding: 40px 30px;
}

.store-wrap.sub2 .banner .slides .slide-item p,
.store-wrap.sub2 .banner .slides .slide-item span {
    font-size: 16px;
}

.store-wrap.sub2 .banner .slides .slide-item h3 {
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 20px;
}

.store-wrap.sub2 .banner .pagination-circular {
    margin-bottom: 50px;
}
.store-wrap.sub2 .banner .slick_wrap {position: relative; margin: 0 auto; width: 1080px;}
.store-wrap.sub2 .banner .slick_wrap .control button {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.store-wrap.sub2 .banner .slick_wrap .control button.prev {left: -56px;}
.store-wrap.sub2 .banner .slick_wrap .control button.next {right: -56px;}
.store-wrap.sub2 .banner .slick_wrap .slick-dots {bottom: -36px;}


.cont-wrap .activities {
    padding: 70px 0 40px;
}

.cont-wrap .activities h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.cont-wrap .activities .activity_banner {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    gap: 15px;
    justify-content: center;
    text-align: center;
}

/* .cont-wrap .activities .activity_card img {
    max-height: 295px;
    height: 100%;
    width: auto;
    margin-bottom: 20px;
} */

.cont-wrap .activities .activity_banner p {
    font-size: 17px;
}

/*sub3*/
.store-wrap.sub3 .gray-content{
    background-color: #f7f7f7;
    padding-top: 10px;
    min-height: 400px;
    height: 100%;
}

.store-wrap.sub3 .first_container {
    margin-top: 50px;
    text-align: center;
}

.store-wrap.sub3 h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: left !important;
}
.store-wrap.sub3 p {
    font-size: 16px;

}

.store-wrap.sub3 .search_bar {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    position: relative;
}

.store-wrap.sub3 .search_bar input {
    width: 100%;
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid black;
}

.store-wrap.sub3 .search_bar input::placeholder {
    font-size: 16px;
    padding: 10px;
}

.store-wrap.sub3 button:focus,
.store-wrap.sub3 button:active {
    outline: none;
}

.store-wrap.sub3 input:focus,
.store-wrap.sub3 input:active {
    outline: none;
}

.store-wrap.sub3 a:active,
.store-wrap.sub3 a:hover {
    color: inherit;
    text-decoration: none;
}

.store-wrap.sub3 .search_bar>.search_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 77px;
    height: 100%;
    background: url(../images/sub/search_icon.png) no-repeat center;
    cursor: pointer;
}

.store-wrap.sub3 .first_container .files {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.store-wrap.sub3 .file-type {
    width: 344px;
    height: 196px;
    background-color: white;
    border-radius: 20px;
    text-align: left;
    position: relative;
    border: 2px solid lightgray;
}
.store-wrap.sub3 .file-type .file-text {
    margin-left: 45px;
    margin-top: 61px;
}

.store-wrap.sub3 .file-type span {
    font-size: 16px;
    color: #999999;
}

.store-wrap.sub3 .file-type h5 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 12px;
}

.store-wrap.sub3 .file-type p {
    font-size: 16px;
}

.store-wrap.sub3 .file-type img {
    position: absolute;
    left: 239px;
    bottom: 36px;
}

.store-wrap.sub3 a.active .file-type.images,
.store-wrap.sub3 a.active .file-type.images,
.store-wrap.sub3 a.active .file-type.images {
    border: 2px solid #48b0b0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.store-wrap.sub3 a.active .file-type.images,
.store-wrap.sub3 a:hover .file-type.images{border-color: #48b0b0;}
.store-wrap.sub3 a.active.file-type.videos,
.store-wrap.sub3 a:hover .file-type.videos{border-color: #e06645;}
.store-wrap.sub3 a.active .file-type.documents,
.store-wrap.sub3 a:hover .file-type.documents {border-color: #f68c25;}

.store-wrap.sub3 hr{
    width: 1080px;
}

.store-wrap.sub3 .files-header {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
}

.store-wrap.sub3 .stitle, 
.store-wrap.sub3 .files-header h3 {
    color: #343434;
    font-size: 30px;
    font-weight: 700;
}

.store-wrap.sub3 .files-header a {
    color: #f68c25;
    font-size: 16px;
}

.store-wrap.sub3 #see-more {
    background: url(../images/intro/store_link.png) no-repeat center;
    cursor: pointer;
    width: 31px;
    height: 31px;
}

.store-wrap.sub3 .suggestions {
    background-color: white;
}

.store-wrap.sub3 .suggestions .files-header {
    margin-top: 70px;
}

.store-wrap.sub3 .suggestions-content {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    gap: 15px;
    margin-bottom: 50px;
}

.store-wrap.sub3 .files .content {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: 24px;
}

.store-wrap.sub3 .card-info img {
    margin-right: 5px;
}

.store-wrap.sub3 .card{
    border: 1px solid lightgrey;
    border-radius: 16px;
    position: relative;
    width: 260px;
    height: 226px;
 }
.store-wrap.sub3 .card-body{
     padding-left: 20px;
     padding-top: 17px;
     height: 57px;
}
.store-wrap.sub3 .card-text{
    font-size: 17px;
    font-weight: bold;
   
}
.store-wrap.sub3 .card-info {
    position: absolute;
    left: 144px;
    bottom: 10px;
}

.store-wrap.sub3 .views {
    margin-right: 16px;
}

/*sub3Images*/
.store-wrap.sub3Images .head{
    text-align: left;
  
}
.store-wrap.sub3Images .head h2{
    text-align: left !important;
    margin-bottom: 12px;
}
.store-wrap.sub3Images .head span{
    font-size: 16px !important;
    font-weight: 100;
    padding-left: 15px;
}
.store-wrap.sub3Images .search-area{
    background-color: #f7f7f7;
    border: 1px solid lightgray;
    min-height: 87px;
    height: 100%;
    display: flex;
    align-items: center;
}
.store-wrap.sub3Images .search_bar{
    margin: 0 auto;
    max-width: 456px;
    width: 100%;
    display: flex;
}
.store-wrap.sub3Images .search_bar input{
   border: 1px solid #999999;
   max-width: 456px;
    width: 100%;
    padding-left: 10px;
}
.store-wrap.sub3Images .search_bar input::placeholder{
   font-size: 16px;
 }
.store-wrap.sub3Images .search_bar button{
    max-width: 456px;
    width: 100%;
    height: 47px;
    width: 67px;
    border: 1px solid #999999;
    background: #999999 url(../images/sub/search-icon-white.png) no-repeat center !important;
 }
.store-wrap.sub3Images .sub3Images-banner{
    margin-top: 40px;
    background-color: #48b0b0;
    min-height: 165px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.store-wrap.sub3Images .sub3Images-banner p{ 
    font-size: 24px;
    color: white;
}
.store-wrap.sub3Images .sub3Images-content .head{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    font-size: 16px;
    padding: 0 !important;
    margin-top: 40px;
    margin-bottom: 25px;

}
.store-wrap.sub3Images .sub3Images-content .head a:hover,
.store-wrap.sub3Images .sub3Images-content .head a:active{
    color: #f88b26;
}
.store-wrap.sub3Images .sub3Images-content.content .images-content{
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-bottom: 20px;
}

 .store-wrap.sub3Images .sub3Images-content.content .pagination {
    margin-bottom: 0 !important;
    margin-top: 40px;
 }
 .store-wrap.sub3Images .sub3Images-content.content .pagination ul{

    display: flex;
    justify-content: center;
    margin: 0 auto;
    font-size: 16px;
 }

.store-wrap.sub3Images .sub3Images-content.content .pagination li {
    border-right: 1px solid #ccc;
    padding: 0 15px; 
}

.store-wrap.sub3Images .sub3Images-content.content .pagination li:last-child {
    border-right: none;
}

.store-wrap.sub3Images .sub3Images-content.content .paginationli:not(:first-child) {
    margin-left: 0;
}
.store-wrap.sub3Images .sub3Images-content.content .pagination li:first-child, .store-wrap.sub3Images .sub3Images-content.content .pagination li.page-ten {
    border-right: none;
}
/*sub3Videos*/
.store-wrap.sub3Videos .head{
    text-align: left;
}
.store-wrap.sub3Videos .head h2{
    text-align: left;
    margin-bottom: 12px;
}
.store-wrap.sub3Videos .search-area{
    background-color: #f7f7f7;
    border: 1px solid lightgray;
    min-height: 87px;
    height: 100%;
    display: flex;
    align-items: center;
}
.store-wrap.sub3Videos .search_bar{
    margin: 0 auto;
    max-width: 456px;
    width: 100%;
    display: flex;
}
.store-wrap.sub3Videos .search_bar input{
   border: 1px solid #999999;
   max-width: 456px;
    width: 100%;
    padding-left: 10px;
}
.store-wrap.sub3Videos .search_bar input::placeholder{
   font-size: 16px;
 }
.store-wrap.sub3Videos .search_bar button{
    max-width: 456px;
    width: 100%;
    height: 47px;
    width: 67px;
    border: 1px solid #999999;
    background: #999999 url(../images/sub/search-icon-white.png) no-repeat center !important;
 }
.store-wrap.sub3Videos .sub3Videos-banner{
    margin-top: 40px;
    background-color: #48b0b0;
    min-height: 165px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.store-wrap.sub3Videos .sub3Videos-banner p{ 
    font-size: 24px;
    color: white;
}
.store-wrap.sub3Videos .sub3Videos-content .head{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    font-size: 16px;
    padding: 0 !important;
    margin-top: 40px;
    margin-bottom: 25px;

}
.store-wrap.sub3Videos .sub3Videos-content .head a:hover,
.store-wrap.sub3Videos .sub3Videos-content .head a:active{
    color: #f88b26;
}
.store-wrap.sub3Videos .sub3Videos-content.content .videos-content{
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-bottom: 20px;
}

 .store-wrap.sub3Videos .sub3Videos-content.content .pagination {
    margin-bottom: 0 !important;
    margin-top: 40px;
 }
 .store-wrap.sub3Videos .sub3Videos-content.content .pagination ul{

    display: flex;
    justify-content: center;
    margin: 0 auto;
    font-size: 16px;
 }

.store-wrap.sub3Videos .sub3Videos-content.content .pagination li {
    border-right: 1px solid #ccc;
    padding: 0 15px; 
}

.store-wrap.sub3Videos .sub3Videos-content.content .pagination li:last-child {
    border-right: none;
}

.store-wrap.sub3Videos .sub3Videos-content.content .paginationli:not(:first-child) {
    margin-left: 0;
}
.store-wrap.sub3Videos .sub3Videos-content.content .pagination li:first-child, .store-wrap.sub3Images .sub3Images-content.content .pagination li.page-ten {
    border-right: none;
}
/* sub3Documents*/
.store-wrap.sub3Documents .sub3Documents-content{
    margin-top: 70px;
}
.store-wrap.sub3Documents .sub3Documents-content h2{
    text-align: center !important;
}
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap{
    display: flex;
    gap: 29px;
}
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap .doc-download{
    height: 183px;
    width: 525px;
    background-color: #f7f7f7;
    border: 1px solid lightgray;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    margin-top: 26px;
}
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap .doc-download img{
    margin-left: 110px;
 }
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap .doc-download span{
   font-size: 25px;
}
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap .doc-download p{
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
 }
.store-wrap.sub3Documents .sub3Documents-content .cont-wrap .doc-download .download-btn{
    background: url("../images/sub/download-icon.png") no-repeat center;
    width: 44px;
    height: 42px;
    position: absolute;
    margin-left: 425px;
    margin-top: 90px;
}


/* Slick Dots */
.store-wrap.sub2 .slick_wrap slick-dotted.slick-slider {}
.store-wrap.sub2 .slick_wrap .slick-dots {position: absolute; bottom: -76px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.store-wrap.sub2 .slick_wrap .slick-dots li {position: relative; display: inline-block; width: 24px; height: 6px; margin: 0; padding: 0; cursor: pointer;}
.store-wrap.sub2 .slick_wrap .slick-dots li button {font-size: 0; line-height: 0; display: flex; justify-content: center; width: 100%; cursor: pointer;}
.store-wrap.sub2 .slick_wrap .slick-dots li button:hover,
.store-wrap.sub2 .slick_wrap .slick-dots li button:focus {outline: none;}
.store-wrap.sub2 .slick_wrap .slick-dots li button:hover:before,
.store-wrap.sub2 .slick_wrap .slick-dots li button:focus:before {opacity: 1;}
.store-wrap.sub2 .slick_wrap .slick-dots li button:before {display: block; width: 6px; height: 6px; content: ''; background: #dbdbdb; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 10px;}
.store-wrap.sub2 .slick_wrap .slick-dots li.slick-active button:before {opacity: 1; width: 24px; background: #f88b26;}


/* 230724 sic - 레이어 팝업 */
.popupOverlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999;}
.popupContainer {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1120px; height: 878px; background-color: #fff; z-index: 100000; opacity: 0; transition: opacity 0.3s ease-in-out;}
.popupContainer.show {opacity: 1;}
.popupContent {display: flex; padding: 0; height: 100%; text-align: center; justify-content: space-between; flex-direction: row-reverse; align-items: stretch;}
.popupContent .cont_wrap {position: relative; padding: 0 40px; width: calc(100% - 610px); letter-spacing: -1.2px;}
.popupContent .cont_wrap .head_box {display: flex; align-items: center; padding: 54px 20px 20px 25px; border-bottom: 2px solid #f68c25;}
.popupContent .cont_wrap .head_box .h {padding: 0 20px 0 0; color: #000; font-weight: 800; font-size: 26px;}
.popupContent .cont_wrap .head_box .point {position: relative; padding: 0 0 0 25px; color: #f68c25; font-weight: 600; font-size: 16px;}
.popupContent .cont_wrap .head_box .point:before {content: "P"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0; width: 18px; height: 18px; line-height: 18px; font-weight: 800; font-size: 12px; text-align: center; background: #fff; border: 2px solid #f68c25; border-radius: 50%;}
/*2023.08.10 즐겨찾기 버튼 추가*/
.popupContent .cont_wrap .head_box {position: relative; padding: 54px 55px 20px 25px;}
.popupContent .cont_wrap .head_box .button_add_favorites{position: absolute; width: 26px; height: 25px; right: 20px; bottom: 20px; background: transparent; font-size: 0px;background: url('../images/common/icon_star.png') no-repeat; background-size: contain;z-index: 10;}
.popupContent .cont_wrap .head_box .button_add_favorites:hover{cursor: pointer;}
.popupContent .cont_wrap .head_box .button_add_favorites.on{background: url('../images/common/icon_start_on.png') no-repeat;}
/*끝*/
.popupContent .cont_wrap .list {overflow: hidden; margin: 0 0 38px 0; padding: 13px 18px 0; line-height: 23px; font-weight: 600; font-size: 16px; text-align: left;}
.popupContent .cont_wrap .list dt {float: left; display: flex; justify-content: space-between; padding: 10px 20px 0 0; width: 63px; color: #f68c25;}
.popupContent .cont_wrap .list dd {float: left; padding: 10px 0 0 0; width: calc(100% - 83px); color: #000; font-weight: 400;}
.popupContent .cont_wrap .list dd strong {font-weight: 600;}
.popupContent .cont_wrap .list dt.w100, 
.popupContent .cont_wrap .list dd.w100 {clear: both; float: none;}
.popupContent .cont_wrap .list dd.w100 {width: 100%;}
.popupContent .cont_wrap .list:after {content: ""; clear: both;}
.popupContent .cont_wrap .slick_wrap {position: relative; margin: 0 auto; width: 481px;}
.popupContent .cont_wrap .slick_wrap .slick .slide a {display: flex; flex-direction: column; align-items: center; margin: 0 10px;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .pht {overflow: hidden; position: relative; width: 218px; height: 218px; border: 1px solid #dbdbdb;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .pht img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .txt {padding: 21px 5px 0 5px; text-align: center;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .txt .brand {color: #f68c25; font-weight: 800; font-size: 14px; border-bottom: 1px solid #f68c25;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .txt .subject {margin: 12px 0 0 0; color: #000; line-height: 21px; font-weight: 600; font-size: 15px;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .txt .won_box {display: flex; align-items: center; justify-content: center; margin: 12px 0 0 0; color: #ff7e00; font-weight: 800; font-size: 24px;}
.popupContent .cont_wrap .slick_wrap .slick .slide a .txt .del {margin: 0 6px 0 0; color: #000; font-size: 16px;}
.popupContent .cont_wrap .slick_wrap .control button {position: absolute; top: 100px; width: 24px; height: 24px; background: url(../images/common/popup_sprite.png)no-repeat; cursor: pointer;}
.popupContent .cont_wrap .slick_wrap .control button.prev {left: -22px; background-position: -86px 0;}
.popupContent .cont_wrap .slick_wrap .control button.next {right: -22px; background-position: -112px 0;}

.popupContent .down_wrap {position: relative; width: 530px; background: #f7f7f7;}
.popupContent .down_wrap .down_slick_wrap {position: relative; margin: 0 auto; width: 100%; top: 50%; transform: translatey(-50%);}
.popupContent .down_wrap .down_slick_wrap .slick .slick-list {overflow: hidden; padding: 0 85px;}
.popupContent .down_wrap .down_slick_wrap .slick .slide {display: flex; flex-direction: column; align-items: center;}
.popupContent .down_wrap .down_slick_wrap .slick .slide .pht {overflow: hidden; position: relative; margin: 0 30px; height: 423px; border: 1px solid #dbdbdb;}
.popupContent .down_wrap .down_slick_wrap .slick .slide .pht img {width: 100%; height: 100%;}
.popupContent .down_wrap .down_slick_wrap .slick .slide .btn_box {margin-top: 30px;}
.popupContent .down_wrap .down_slick_wrap .slick .slide .btn_box .crl_org {display: block; width: 136px; height: 43px; line-height: 43px; color: #fff; font-weight: 600; font-size: 18px; text-align: center; background: #f68c25; border-radius: 30px;}
.popupContent .down_wrap .down_slick_wrap .control button {position: absolute; top: 203px; width: 24px; height: 24px; background: url(../images/common/popup_sprite.png)no-repeat; cursor: pointer;}
.popupContent .down_wrap .down_slick_wrap .control button.prev {left: 64px; background-position: -32px 0;}
.popupContent .down_wrap .down_slick_wrap .control button.next {right: 64px; background-position: -58px 0;}
.popupContent .down_wrap .notify {position: absolute; left: 30px; bottom: 20px; line-height: 20px; color: #999; font-weight: 400; font-size: 15px; text-align: left;}
.popupContent .down_wrap .notify .txt {position: relative; display: block; padding: 0 0 0 28px;}
.popupContent .down_wrap .notify:before {content: "!"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; line-height: 18px; font-weight: 800; font-size: 12px; text-align: center; background: rgba(0, 0, 0, 0); border: 1px solid #a4a4a4; border-radius: 50%;}
.popupCloseBtn {position: absolute; right: 30px; top: 30px; width: 24px; height: 24px; line-height: 24px; color: #666; font-weight: 800; font-size: 30px; background: url(../images/common/popup_sprite.png)no-repeat; background-position: 0 0;
cursor: pointer;}
.popupContent .btn_box_all .allDownload {display: block; margin: 0 auto; margin-top: 30px; width: 60%; height: 43px; line-height: 43px; color: #fff; font-weight: 600; font-size: 18px; text-align: center; background: #f68c25; border-radius: 30px;}


/**cart/myCart**/
.store-wrap.cart .head{
    text-align: left !important;
}
.store-wrap.cart .head h2{
    margin-bottom: 12px;
}
.store-wrap.cart .head p{
    font-size: 16px;
}
.store-wrap.cart .instruction-area{
   background: #f7f7f7;
   width: 100%;
   height: 165px;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}
.store-wrap.cart .instruction-area .steps{
    display: flex;
    align-items: center;
    gap: 82px;
 }
 .store-wrap.cart .instruction-area .step{
    display: flex;
    align-items: center;
 }
.store-wrap.cart .instruction-area .steps .step-text {
   margin-left: 26px;
 }
.store-wrap.cart .instruction-area .steps .step-text span{
    font-size: 16px;
    color: #999999;
 }
 .store-wrap.cart .instruction-area .steps .step-text p{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
 }
 .store-wrap.cart hr{
    border: 1px solid #f88b26 !important;
    margin-top: 40px;
 }
 .store-wrap.cart .order-select-wrap {
    padding: 20px 15px 0px;
}
 .store-wrap.cart .order-history input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid gray;
    border-radius: 20px;
    accent-color: #f88b26;
}
.store-wrap.cart .order-history table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 20px;
}

.store-wrap.cart .order-history th,
.store-wrap.cart .order-history td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}

.store-wrap.cart .order-history thead tr:first-child{
    border-top: 1px solid black;
}

.store-wrap.cart .order-history thead tr:first-child, 
.store-wrap.cart .order-history tbody tr:last-child{
    background-color: #f7f7f7; 

}
.store-wrap.cart .order-history tbody tr:last-child{
    height: 50px;
}

.store-wrap.cart .order-history th:first-child,
.store-wrap.cart .order-history td:first-child {
    width: 2%;
    border-left: none;
}

.store-wrap.cart .order-history th:nth-child(2),
.store-wrap.cart .order-history td:nth-child(2) {
    width: 40%;
}

.store-wrap.cart .order-history th:nth-child(3),
.store-wrap.cart .order-history td:nth-child(3),
.store-wrap.cart .order-history td:nth-childth:nth-child(4),
.store-wrap.cart .order-history td:nth-childtd:nth-child(4),
.store-wrap.cart .order-history td:nth-childth:last-child,
.store-wrap.cart .order-history td:nth-childtd:last-child {
    width: 5%;
}

.store-wrap.cart .order-history .product{
    display: flex;
    justify-content: center;
    text-align: left;
    gap: 40px;
    margin: 20px 0;
}
/* 230809 sic : 확인중
.store-wrap.cart .order-history .product >div{
    margin-right: 400px;
}
*/
.store-wrap.cart .order-history .product .id{
   font-size: 12px;
   color: #999;
}
.store-wrap.cart .order-history .product .name{
   font-size: 16px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 12px;
}
.store-wrap.cart .order-history .product .description{
    color: darkblue;

 }
 .store-wrap.cart .order-history .product .delete-btn{
    margin-bottom: 70px;
 }
 .store-wrap.cart .order-history .quantity input{
    border: 1px solid #ddd;
    width: 50%;  
 }
 .store-wrap.cart .order-history .quantity button{
    border: 1px solid #ddd;
    width: 50%;
    height: 100%;
    margin-top: 5px;
 }
 .store-wrap.cart .order-history .shipping-fee p{
    margin-bottom: 10px;
   }
  
 .store-wrap.cart .order-history .shipping-fee span{
  color: #f68c25;
 }

.store-wrap.cart .order-history .total{
    display: flex;
    justify-content: center;
    gap: 30px;
}
.store-wrap.cart .order-history .total div{
    display: flex;
    gap: 10px;
}
.store-wrap.cart .order-history .total p{
    font-weight: bold;
}
.store-wrap.cart .order-history .total .total-price{
    color: #f68c25;
    font-weight: bold;
}
.store-wrap.cart .order-history hr{
    border: 1px dashed #ddd!important;
    margin: 40px 0;
}
.store-wrap.cart .order-history .order-summary{
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}
.store-wrap.cart .order-history .order-summary .total{
    width: 30%;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 15px !important;
}
.store-wrap.cart .order-history .order-summary button{
    width: 165px;
    height: 60px;
    border-radius: 5px;
    color: white;
}
.store-wrap.cart .order-history .order-summary .buy-btn{
  background: #f68c25;
}
.store-wrap.cart .order-history .order-summary .buy-all-btn{
    background: #2e3192;
  }

  /**customer todayItems**/
  .customer-wrap.head{
    text-align: left;
  }
  .customer-wrap .head h2{
    font-size: 30px;
  }
  .customer-wrap .banner{
    background: url("../images/sub/todays-banner.png");
    height: 100%;
    width: 100%;
    min-height: 165px;
    margin-top: 25px;
  }
  .customer-wrap .banner h2{
    font-size: 30px;
    color: #48b0b0;
    font-weight: bold;
    padding-top: 51px;
    margin-left: 86px;
    margin-bottom: 10px;
  }
  .customer-wrap .banner p{
    font-size: 16px;
    margin-left: 86px;
  }
  .customer-wrap .view-history table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 40px;
}

.customer-wrap .view-history th,
.customer-wrap .view-history td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}

.customer-wrap .view-history thead tr:first-child{
    border-top: 1px solid black;
}

.customer-wrap .view-history thead tr:first-child{
    background-color: #f7f7f7; 
    height: 34px !important;

}
.customer-wrap .view-history table tr{
    height: 110px !important;
}

.customer-wrap .view-history th:first-child,
.customer-wrap .view-history td:first-child {
    width: 2%;
    border-left: none;
}

.customer-wrap .view-history th:nth-child(2),
.customer-wrap .view-history td:nth-child(2) {
    width: 40%;
}

.customer-wrap .view-history th:nth-child(3),
.customer-wrap .view-history td:nth-child(3),
.customer-wrap .view-history th:nth-child(4),
.customer-wrap .view-history td:nth-child(4),
.customer-wrap .view-history th:last-child,
.customer-wrap .view-history td:last-child {
    width: 5%;
}
.customer-wrap .view-history .product{
    display: flex;
    text-align: left;
    gap: 30px
}
.customer-wrap .view-history .product img{
    margin-left: 50px;
}
.customer-wrap .view-history .product .id{
    color: #9999;
    font-size: 14px;
}
.customer-wrap .view-history .product .name{
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}

.customer-wrap .view-history input{
    border: 1px solid #ddd;
    width: 50%;  
 }
 .customer-wrap .view-history .add-btn{
    border: 1px solid #ddd;
    width: 50%;
 }


.customer-wrap .view-history .add-to-cart{
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 10px;
}
.customer-wrap .view-history .add-to-cart button{
    width: 125px;
    height: 40px;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.customer-wrap .view-history .add-to-cart .add-btn{
  background: #70c2dd;
}
.customer-wrap .view-history .add-to-cart .continue-shopping-btn{
    background: #abbabf;
  }

/**mypage pointList**/
.mypage-wrap  .table-menu{
    margin-top: 25px;
    border: 1px solid #999999;
    text-align: center;
    margin-bottom: 48px;
    font-size: 17px;
 }
.mypage-wrap .table-menu tr td {
    width: 100%;
    border: 1px solid lightgrey;
    height: 48px;
    width: 217px;
}
.mypage-wrap .table-menu tr td a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mypage-wrap .table-menu tr td:hover,
.mypage-wrap .table-menu tr td:active {
    background: #f68c25;
    color: white !important;
}
.mypage-wrap .table-menu tr td:hover a,
.mypage-wrap .table-menu tr td:active a{
    color: white !important;
}
.mypage-wrap .cont-wrap h2{
    font-size: 30px;
    text-align: left;
}
.mypage-wrap .banner{
height: 130px;
background: #48a3a3;
margin-top: 25px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 50px;
padding-right: 40px;
border: 1px solid;
}
.mypage-wrap .banner div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.mypage-wrap .banner h5{
    color: white;
    font-size: 18px;
}
.mypage-wrap .banner .points-info{
    width: 235px;
    height: 55px;
    background: white;
    border-radius: 10px;
    padding-left: 30px;
    margin-left: 20px;
}
.mypage-wrap .banner .points-info .points{
   color: black;
   font-size: 26px;
}
.mypage-wrap .claim-points{
    margin-top: 45px;
    height: 87px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.mypage-wrap .claim-points > div{
    display: flex;
    align-items: center;
}
.mypage-wrap .claim-points .select-date{
 gap: 10px;
}
.mypage-wrap .claim-points .select-date label{
    font-size: 16px;
   }
.mypage-wrap .claim-points .time-period{
    gap: 20px;
   }
   .mypage-wrap .claim-points .time-period .form-check-label{
    font-size: 16px;
   }
.mypage-wrap .claim-points input[type="date"]::-webkit-calendar-picker-indicator,
.mypage-wrap .claim-points input[type="date"]::-webkit-inner-spin-button,
.mypage-wrap .claim-points input[type="date"]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
}
.mypage-wrap .claim-points input[type="date"]{
    border: 1px solid #9999;
    height: 47px;
    width: 164px;
    padding-left: 12px;
}
.mypage-wrap .claim-points .search_btn{
    width: 65px;
    height: 47px;
    background:#9999 url(../images/sub/search-icon-white.png) no-repeat center;
    cursor: pointer;
}
.mypage-wrap .claim-points .form-check-input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid rgba(0,0,0,.25);
}
  
 .mypage-wrap .claim-points .form-check-input[type="radio"]:checked {
    background-color: #f68c25; 
    border-color: #f68c25;
}
.mypage-wrap .points-used table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
  }

  .mypage-wrap .points-used th, 
  .mypage-wrap .points-used td {
    border: none;
    padding: 8px;
    text-align: center;
  }

  .mypage-wrap .points-used th.small, 
  .mypage-wrap .points-used td.small {
    width: 10%;
  }

  .mypage-wrap .points-used th.large, 
  .mypage-wrap .points-used td.large {
    width: 20%;
  }  
  .mypage-wrap .points-used tr {
    border-bottom: 1px solid #d7d6d6;
  }
  .mypage-wrap .points-used tr:first-child {
    border-top: 2px solid #f68c25;
    height: 45px;
  }
  .mypage-wrap .points-used .center-row { 
    align-items: center;
    height: 100px; 
    border-bottom: 1px solid #ddd; 
  }
  .mypage-wrap .pagination {
    margin-bottom: 0 !important;
    margin-top: 40px;
 }
 .mypage-wrap .pagination ul{

    display: flex;
    justify-content: center;
    margin: 0 auto;
    font-size: 16px;
 }

.mypage-wrap .pagination li {
    border-right: 1px solid #ccc;
    padding: 0 15px; 
}

.mypage-wrap .pagination li:last-child {
    border-right: none;
}

.mypage-wrap .paginationli:not(:first-child) {
    margin-left: 0;
}
.mypage-wrap .pagination li:first-child, .store-wrap.sub3Images .sub3Images-content.content .pagination li.page-ten {
    border-right: none;
}

/**coupons**/
.mypage-wrap .banner .coupons-info{
    width: 348px;
    height: 55px;
    background: white;
    border-radius: 10px;
    padding-left: 30px;
    margin-left: 20px;
}
.mypage-wrap .banner .coupons-info label{
  font-size: 16px;
}
.mypage-wrap .banner .coupons-info .coupons-quantity{
   color: black;
   font-size: 26px;
   font-weight: bold;
}
.mypage-wrap .couponsList h3{
    margin-top: 50px;
    font-size: 24px;
}

.mypage-wrap .couponsList table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    margin-top: 20px;
    font-size: 16px;
}

.mypage-wrap .couponsList th, 
.mypage-wrap .couponsList td {
    padding: 10px;
    text-align: center;
}

.mypage-wrap .couponsList th {
    width: 100%;
    font-weight: bold;
    border-top: 2px solid #f68c25;
    border-bottom: 1px solid #999;
    transform: skew(-0.1deg);
}
.mypage-wrap .couponsList  td {
   border-bottom: 1px solid #ddd;
   height: 45px;
}
.mypage-wrap .couponsList  td:first-child {
    font-weight: bold;
}
.mypage-wrap .couponsList .subtitle {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.mypage-wrap .couponsList div > p{
    color: #f68c25;
    font-size: 16px;
}

/**mypageMain**/
.mypage-wrap.mypage-wrap.mypageMain{
    padding: 167px 0 100px 0 !important;
}
.mypage-wrap.mypageMain .gray-content{
    background: #f7f7f7;
    height: 200px;
    padding-top: 180px;
    position: relative; 
}
.mypage-wrap.mypageMain .cont-wrap {
    padding-top: 200px;
}
.mypage-wrap.mypageMain .gray-content h2{
    text-align: center;
    font-size: 30px;
    position: relative;
}
.mypage-wrap.mypageMain .user-info-wrap{
    background: #fff;
    height: 256px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    top: -128px;
    left: 50%;
    transform: translateX(-50%); 
}
.mypage-wrap.mypageMain .user-info-wrap >div{
    display: flex;
 }
 .mypage-wrap.mypageMain .user-info-wrap .user-info{
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 300px;

 }
.mypage-wrap.mypageMain .user-info-wrap div >div> div{
   display: flex;
   align-items: center;
}
.mypage-wrap.mypageMain .user-info-wrap .user-type{
    background: #f68c25;
    color: white;
    font-size: 15px;
    padding: 7px;
    width: fit-content;
   border-radius: 3px;
}
.mypage-wrap.mypageMain .user-info-wrap .user-name{
    font-size: 26px;
    font-weight: bold;
    /* width: 85px; */
    width: auto;
    height: 30px;
    border-radius: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.mypage-wrap.mypageMain .user-info-wrap button{
    background: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    font-size: 16px;
    margin-right: 5px;
}
.mypage-wrap.mypageMain .activity-info{
    display: flex;
    gap: 5px;
}
.mypage-wrap.mypageMain .activity-info div {
    width: 140px;
    height: 150px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    gap: 13px;
}
.mypage-wrap.mypageMain .activity-info p {
    font-size: 16px;
}
.mypage-wrap.mypageMain .activity-info span {
    font-size: 26px;
    font-weight: bold;
}
.mypage-wrap.mypageMain .activity-info .coupons {
    background: #48b0b1;
}
.mypage-wrap.mypageMain .activity-info .points {
    background: #df6745;
}
.mypage-wrap.mypageMain .activity-info .wishlist {
    background: #f68c25;
}
.mypage-wrap.mypageMain hr{
    border: 1px solid black;
}
.mypage-wrap.mypageMain .mypage-info-wrap .row{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 50px 0px;
}
.mypage-wrap.mypageMain .vertical-divider{
    border-left: 1px solid black;
    height: 100px;
}
.mypage-wrap.mypageMain .mypage-info{
    display: flex;
    align-items: center;
    width: 40%;
}

.mypage-wrap.mypageMain .mypage-info img{
    background: #f7f7f7;
    padding: 24px;
    margin-right: 30px;
}
.mypage-wrap.mypageMain .mypage-info p{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.mypage-wrap.mypageMain .mypage-info span{
    font-size: 16px;
    line-height: 1.5;
}
.mypage-wrap.mypageMain .mypage-info-wrap hr{
    border: 1px solid #ddd;
}

/* 230808 sic : 이용권구매, 나도연구원 */
  /*이용권 구매*/
  .ticket-wrap .com_tab1{
    margin: 50px 0;
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .ticket-wrap .com_tab1 li{
    width: 20%;
    flex: auto;
    border-bottom: 1px solid #dbdbdb;
  }
  .ticket-wrap .ticket-sec1 h2{
    font-size: 30px;
    font-weight: 700;
    color: #343434;
    margin-bottom: 26px;
  }
  .ticket-wrap .ticket-sec1 img{
    width: 100%;
    display: block;
  }
  .ticket-wrap .ticket-sec2{
    padding: 70px 0 0;
  }
  .ticket-wrap .ticket-sec2 h2{
    font-size: 30px;
    font-weight: 800;
    color: #343434;
    margin-bottom: 26px;
    text-align: center;
  }
  .ticket-wrap .ticket-sec2 .sec2-list{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .ticket-wrap .ticket-sec2 .sec2-list > li{
    width: calc(50% - 14px);
    border: 1px solid rgb(219, 219, 219);
    border-radius: 15px;
    background-color: rgb(247, 247, 247);
    display: flex;
    align-items: center;   
    box-sizing: border-box;
    padding: 66px 56px;
    justify-content: space-between;
  }
  .ticket-wrap .ticket-sec2 .sec2-list .left{
    position: relative;
    padding: 4px 0 4px 32px;
  }
  .ticket-wrap .ticket-sec2 .sec2-list .left::before{
    content: '';
    width: 4px;
    height: 100%;
    background-color: #48b0b0;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .ticket-wrap .ticket-sec2 .sec2-list .left h4{
    font-size: 20px;
    color: #343434;
  }
  .ticket-wrap .ticket-sec2 .sec2-list .left h3{
    font-size: 28px;
    color: #343434;
    font-weight: 800;
    margin: 8px 0 12px;
  }
  .ticket-wrap .ticket-sec2 .sec2-list .left p{
    font-size: 18px;
    color: #48b0b0;
    font-weight: 700;
  }
  .ticket-wrap .ticket-sec2 .sec2-list a{
    display: inline-flex;
    padding: 16px 40px;
    border-radius: 100px;
    background: #48b0b0;
    color: #fff;
    font-size: 18px;
    gap: 16px;
    align-items: center;
  }
  .ticket-wrap .ticket-sec2 .sec2-list a img{
    width: 7px;
    display: block;
  }
  .ticket-wrap .ticket-sec2 .sec2-list > li:nth-child(2) .left::before{
    background: #f88b26;
  }
  .ticket-wrap .ticket-sec2 .sec2-list > li:nth-child(2) .left p{
    color: #f88b26;
  }
  .ticket-wrap .ticket-sec2 .sec2-list > li:nth-child(2) a{
    background: #f88b26;
  }
  /*나도연구원*/
  .review-wrap .review-tit{
    font-size: 30px;
    font-weight: 700;
    color: #343434;
    margin: 0 0 26px;
  }
  .review-wrap .search-area{
    border: 1px solid rgb(219, 219, 219);
    background: rgb(247, 247, 247); 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 19px 0;
  }
  .review-wrap .search-area .select-box{
    background: #fff;
  }
  .review-wrap .search-area .select-box select::-ms-expand { 
    display: none;
  } 
  .review-wrap .search-area .select-box select{
    width: 153px;
    height: 51px;
    border: 1px solid rgb(153, 153, 153);
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 16px;
    background: url(../images/sub/search-arrow.png) calc(100% - 16px) center no-repeat; 
    background-size: 9px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .review-wrap .search-area .select-box select:focus{
    outline: none;
  }
  .review-wrap .search-area .search-box{
    width: 460px;
    height: 51px;
    background: #fff;
    border: 1px solid rgb(153, 153, 153);
    font-size: 16px;
    position: relative;
  }
  .review-wrap .search-area .search-box input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 89px 0 24px;
    font-size: 16px;
  }
  .review-wrap .search-area .search-box input::placeholder{
    font-family: "nanum","나눔고딕","Nanum Gothic";
    font-size: 16px;
    color: #343434;
  }
  .review-wrap .search-area .search-box button{
    width: 65px;
    height: 100%;
    background: #999;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .review-wrap .search-area .search-box button img{
    width: 20px;
    display: block;
  }
  .review-wrap .com_tab1{
    border-bottom: 1px solid #dbdbdb;
    margin: 26px 0 40px;
  }
  .review-wrap .bo-area table{
    width: 100%;
    font-size: 16px;
    border-top: 2px solid #333;
    font-family: "nanum","나눔고딕","Nanum Gothic";
    text-align: center;
    color: #343434;
  }
  .review-wrap .bo-area table thead{  
    font-weight: 700;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
  }  
  .review-wrap .bo-area table th, .review-wrap .bo-area table td{
    padding: 16px 0;
  }
  .review-wrap .bo-area table tbody td{
    border-bottom: 1px solid #ccc;
  }
  .review-wrap .bo-area table tbody td:nth-child(2){
    text-align: initial;
  }
  .review-wrap .bo-bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    position: relative;
  }
  .review-wrap .bo-bottom .page-wrap{
    display: flex;
    align-items: center;
    gap: 26px;
    font-size: 16px;
    color: #333;
  }
  .review-wrap .bo-bottom .page-wrap img{
    width: 6px;
    display: block;
  }
  .review-wrap .bo-bottom .page-wrap > li{
    position: relative;
    cursor: pointer;
  }
  .review-wrap .bo-bottom .page-wrap > li::after{
    content: '';
    width: 1px;
    height: 10px;
    background: #d9d9d8;
    position: absolute;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
  }
  .review-wrap .bo-bottom .page-wrap > li:nth-child(1)::after ,
  .review-wrap .bo-bottom .page-wrap > li:nth-child(2)::after, 
  .review-wrap .bo-bottom .page-wrap > li:nth-last-child(1):after{
    display: none;
  }  
  .review-wrap .bo-bottom button{
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 117px;
    height: 42px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: #343434;
    font-size: 17px;
    font-weight: 700;
    background: #fff;
    font-family: "nanum","나눔고딕","Nanum Gothic";
  }
  .review-view .view-area{
    border-top: 2px solid #333;
    border-bottom: 2px solid #e0e0e0;
  }
  .review-view .view-info{
    display: flex;
    flex-wrap: wrap;
  }
  .review-view .view-info > li{
    width: 50%;
    box-sizing: border-box;
  }
  .review-view .view-info > li:nth-child(1){
    width: 100%;
  }
  .review-view .view-info dl{
    display: flex; 
    color: #343434;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
  }
  .review-view .view-info dt{
    background: #f7f7f7;
    text-align: center;
    width: 190px;
    font-weight: 700;
    padding: 16px 0;
  }
  .review-view .view-info dd{
    width: calc(100% - 190px);
    box-sizing: border-box;
    padding: 16px 16px;
  }
  .review-view .view-con{
    min-height: 490px;
    box-sizing: border-box;
    padding: 30px 120px;
  }
  .review-view .view-con img{
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .review-view .view-con p{
    text-align: center;
    font-size: 16px;
    color: #343434;
  }
  .review-view  .btn-wrap{
    display: flex;
    justify-content: center;
    margin: 42px 0 0;
  }
  .review-view .list-btn{
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    background: #fff;
    width: 132px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #343434;
    font-family: "nanum","나눔고딕","Nanum Gothic";   
  }
  
  
.mainBanner  {
	padding-top:30px;
}
#section1 .slick_wrap .slick .slick-track .slick-slide {
	width: 1082px !important;
    height: 420px;
    flex: none !important;
    margin-right: 30px;
    max-width: 1082px;
    overflow: hidden;
    border-radius: 20px; 
}	

#section1 .slick_wrap .slick-tab .slick-track {
    width: 1020px !important;
    padding-right: 40px;
}
#section1 .slick_wrap .slick-tab .slick-track .slick-slide {
	/* width: 123px !important; */
	border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
#section1 .slick-slide .img_box img {
	height:420px;
}	
#section1 .slick_wrap .slick-tab .btn-visual-list {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
#section1 .slick_wrap .key-visual {display:none;width: 1082px !important;height:450px !important;position:relative;transform: translate(-50%, 1%);top: 35%;left: 50%;right:0;bottom:0;background:#fff;z-index:-9;}
#section1 .slick_wrap .key-visual.on {z-index:1;display:block;}
#section1 .slick_wrap .key-visual .slick-track .slick-slide{width: 1082px !important;}
#section1 .slick_wrap .key-visual .list {height:448px !important;}
#section1 .slick_wrap .key-visual .list ul {margin-top:-10px;}
#section1 .slick_wrap .key-visual .list ul li {float:left;width:349px !important;height : 144px !important;margin-right:10px;margin-top:10px;}
#section1 .slick_wrap .key-visual .list ul li img{width: 100%;height: 100%;}
#section1 .slick_wrap .key-visual .list ul li:nth-child(3n) {margin-right:0;}
#section1 .slick_wrap .btn-visual-list {
    position: absolute;
    top: 0;
    right: 29px;
    bottom: 0;
    width: 44px;
    border-left: 1px solid #d2d3d5;
    background: url(/images/main/btn-visual-list.png) no-repeat 50% 50% #fff;
    cursor :pointer;
}
.slick-tab {
	z-index:2
}