:root {
    --filter-white : brightness(0) invert(1);
    --filter-black : invert(1);

    --font-out : "Outfit", sans-serif;

    --color1 : #10100E;
}

html, body{
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}

.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-je {display: flex; align-items: center; justify-content: flex-end;}
.flex-js {display: flex; align-items: center; justify-content: flex-start !important;}

.mt_10 {margin-top: .62rem;}
.mt_16 {margin-top: 1rem;}
.mt_20 {margin-top: 1.25rem;}
.mt_30 {margin-top: 1.875rem;}
.mt_40 {margin-top: 2.5rem;}
.mt_60 {margin-top: 3.75rem;}
.mt_64 {margin-top: 4rem;}
.mt_70 {margin-top: 4.375rem;}
.mt_80 {margin-top: 5rem;}
.mt_100 {margin-top: 6.25rem;}
.mt_110 {margin-top: 6.875rem;}

.fc_red {color: #D31A1A !important;}
.fc_blue {color: #3D5CE2 !important;}
.fc_black {color: #000 !important;}
.bg_red {background-color: #D31A1A;}

/* checkBox */
input[type='checkBox'] {-webkit-appearance:none; width: 1.25rem; min-width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center; background-size: 0.6875rem; background-color: #fff; border: 1px solid #E3E3E3; cursor: pointer; border-radius: 0.3125rem;}
input[type='checkBox']:checked {background-image: url('/img/icon/checkbox_chked.svg'); background-color: #000; border-color: #000 !important;}
input[type='checkBox']:disabled {background-image: url('/img/icon/checkbox_disabled.svg'); background-color: #F5F5F5; border-color: #BEBEBE !important;}
input[type='radio'] {-webkit-appearance:none; width: 1.25rem; min-width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center; border-radius: 100%; background-size: 0.6875rem; background-color: #fff; border: 1px solid #E3E3E3; cursor: pointer;}
input[type='radio']:checked {background-image: url('/img/icon/checkbox_chked.svg'); background-color: #000; border-color: #000 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield;}


body {position: relative;}
.inner {width: 100%; max-width: 87.5rem; margin: 0 auto;}

.mob {display: none;}

/********** header **********/
#header {position: fixed; top: 0; left: 0; z-index: 102; background: #fff; width: 100%; border-bottom: 1px solid #E3E3E3;}
.hd_top {padding-top: 1.56rem;}
.hd_top .logo {width: 11.25rem;}
.hd_top .logoutMenu {display: flex; align-items: center; gap: 0.75rem;}
.hd_top .logoutMenu .name {color: #6D6D6D; font-size: 0.875rem; font-weight: 500; line-height: 143%;}
.hd_top .logoutMenu .name strong {color: #10100E; font-weight: 700;}
.hd_top .logoutMenu .logout {padding: .25rem .75rem; font-size: .875rem; font-weight: 600; color: #fff; line-height: 1.43; background: #000; border-radius: 0.3125rem;}
.hd_top .member {gap: 1.25rem;}
.hd_top .member a {color: var(--color1); font-size: 0.875rem; font-weight: 500; line-height: 1.43;}
.hd_top .member a.login {padding: .25rem .75rem; color: #fff; background: #000; border-radius: 0.3125rem;}
.hd_bot {height: 5.12rem}
.hd_bot .left {gap: 2rem;}
.hd_bot .left .line {display: block; width: 1px; height: 0.9375rem; background: #BEBEBE;}
.hd_bot .hd_allMene {gap: 0.5rem; font-size: 1rem; font-weight: 600; line-height: 1.5; cursor: pointer;}
.hd_bot .hd_allMene img {width: 1.5rem;}
.hd_bot .gnb {gap: 2.5rem;}
.hd_bot .dep_1 {position: relative;}
.hd_bot .dep_1 > a {font-size: 1rem; font-weight: 600; line-height: 1.5; line-height: 5.12rem;}
.hd_bot .gnb_2depth {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #000; background: #fff; width: max-content;}
.hd_bot .dep_1:hover .gnb_2depth {display: flex;}
.hd_bot .dep_2 {position: relative; border: 1px solid #E3E3E3;}
.hd_bot .dep_2::before {content: ""; width: 1.32863rem; height: 0.73438rem; background: url('/img/main/gnb_polygon.svg') no-repeat center/contain; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.hd_bot .dep_3 {border: 1px solid #E3E3E3; border-left: 0; display: none; position: absolute; top: 0; left: 100%; min-height: 100%; background: #fff;}
.hd_bot .dep_3.on {display: block;}
.hd_bot .dep_3 div:not(.on) {display: none;}
.hd_bot .gnb_2depth > div {padding: 1.25rem; min-width: 7.5rem;}
.hd_bot .gnb_2depth > div a {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.7; letter-spacing: -0.0375rem; display: block; transition: all .3s;}
.hd_bot .gnb_2depth > div a + a {margin-top: 0.3125rem;}
.hd_bot .gnb_2depth > div a.on,
.hd_bot .gnb_2depth > div a:hover {color: #000; font-weight: 700; text-decoration: underline; text-underline-offset: 4px;}
.hd_search {display: flex; align-items: center; gap: .5rem; width: 25rem; border-bottom: 1px solid #000; height: 2.25rem;}
.hd_search input {width: 100%; height: 100%; font-size: 0.875rem; font-weight: 400; letter-spacing: -0.025rem;}
.hd_search input::placeholder {color: #6D6D6D;}
.hd_search .searchBtn img {width: 1rem; cursor: pointer;}

/********** allMenu **********/
.allMenu {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #FFF; padding: 5rem 1.88rem 5rem 2.5rem; z-index: 1001; display: none;}
.allMenu .scroll {overflow: hidden; overflow-y: auto; max-height: 100%;}
.allMenu .scroll::-webkit-scrollbar {width: 0.1875rem;}
.allMenu .scroll::-webkit-scrollbar-thumb {background: #888; border-radius: 0.625rem;}
.allMenu .scroll::-webkit-scrollbar-track {background: #DDD;}
.allMenu .close {position: absolute; top: 1.25rem; right: 1.25rem;}
.allMenu .close img {cursor: pointer; width: 2rem;}
.allMenu .cont {padding: 1.88rem 0;}
.allMenu .cont + .cont {border-top: 1px solid #E3E3E3;}
.allMenu .cont:first-child {padding-top: 0;}
.allMenu .cont:last-child {padding-bottom: 0;}
.allMenu .dep1 {font-size: 1.25rem; font-weight: 700; line-height: 1.33;}
.allMenu .flex {margin-top: 1.25rem; align-items: flex-start; gap: 2.5rem;}
.allMenu .flex > div {width: calc(100%/4);}
.allMenu .dep2 {font-size: 1.125rem; font-weight: 500; line-height: 1.5;}
.allMenu .dep3 {margin-top: .5rem;}
.allMenu .dep3 a {display: block; color: #6D6D6D; font-size: 1rem; font-weight: 600; line-height: 1.43;}
.allMenu .dep3 + .dep3 {margin-top: 0.75rem;}
.allMenu .dep4 a {display: block; color: #8E8E8E; font-size: 0.875rem; font-weight: 400; margin-top: .25rem;}
.allMenu .flex-wrap {gap: 1rem; display: grid; grid-template-columns: repeat(6,1fr)}
.allMenu .flex-wrap > div {width: auto;}

/********** quick **********/
@media screen and (min-width:1025px) {
    .quick {position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 102;}
    .quick ul {border-radius: 0.625rem; overflow: hidden; border: 1px solid #E3E3E3; background: #fff; margin-top: 0.625rem;}
    .quick ul:first-child {margin-top: 0;}
    .quick li + li {border-top: 1px solid #E3E3E3;}
    .quick a {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 5.625rem; padding: 0.625rem 0; text-align: center;}
    .quick a img {width: 1.5rem;}
    .quick a p {font-size: 0.75rem; font-weight: 600; line-height: 1.38; letter-spacing: -0.05rem;}
    .quick ul.q_menu01 {background: #EBEBEB; border-color: #EBEBEB;}
    .quick ul.topBtn {background: #000; border-color: #000;}
    .quick ul.topBtn a {padding: 1.06rem 0;}
    .quick ul.topBtn img {width: 1.625rem;}
}

/********** footer **********/
#footer {border-top: 1px solid #E3E3E3; padding: 3.18rem 0 3.2rem;}
#footer .logo img {width: 13.49481rem;}
#footer .term {margin-top: 2.65rem; gap: 1.25rem;}
#footer .term a {color: #141414; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem;}
.ft_bot {margin-top: 1rem; align-items: flex-start;}
.ft_info p {display: flex; align-items: center; gap: 1.25rem;}
.ft_info p + p {margin-top: .31rem;}
.ft_bot .copy,
.ft_info span {color: #141414; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem;}
.ft_bot .copy {margin-top: 1.24rem;}
.ft_site {position: relative; width: 9.8125rem;}
.ft_site .open {font-size: 0.875rem; font-weight: 400; width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #141414; cursor: pointer; padding: 1.125rem 0.75rem; color: #141414;}
.ft_site .open img {width: 0.5625rem; transition: all 0.3s;}
.ft_site.on .open {background: #000; color: #fff;}
.ft_site.on .open img {transform:rotate(-180deg); filter: var(--filter-white);}
.ft_site ul {position: absolute; width: 100%; bottom: calc(100% + .25rem); background: #000; display: none; border: 1px solid #000; padding: .62rem .75rem;}
.ft_site ul li a {font-size: 0.875rem; color: #fff; line-height: 2.14; display: block;}
.ft_site ul li a:hover {text-decoration: underline; text-underline-offset: 3px;}

/********** popup **********/
.main_popup_wrap {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.main_popup {width: 100%; max-width: 28.125rem; background: white; overflow: hidden; z-index: 1001; position: fixed; top: 50%; transform: translateY(-50%); left: 0; display: none;}
.main_popup .img img {width: 100%;}
.main_popup .button-group {background: #000; padding: 1.25rem;}
.main_popup .btn {border: none; background: transparent; color: #BEBEBE; font-size: 1.125rem; cursor: pointer;}

/********** main **********/
/* common */
.content_wrap, #subWrap {margin-top: 8.45rem;}
.subTitle {margin-bottom: 2.5rem;}
.subTitle h2 {font-size: 2rem; font-weight: 700; letter-spacing: -0.025rem; line-height: 1.12; min-width: max-content;}
.subTitle .st_flex {display: flex; align-items: center; gap: 1.25rem;}
.moreView {display: flex; align-items: center; gap: .25rem; font-size: 1rem; color: #6D6D6D; font-weight: 400;}
.moreView img {width: 1.25rem;}
.subTitle .arrowBox {display: inline-flex; align-items: center; border: 1px solid #EBEBEB; border-radius: 0.3125rem; overflow: hidden;}
.subTitle .arrowBox .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto; display: block; pointer-events:auto; cursor: pointer; padding: .5rem; background: #fff;}
.subTitle .arrowBox .arrow::after {display: none;}
.subTitle .arrowBox img {width: 1.25rem;}
.tabCont .tb_cont:not(.on) {display: none;}
/* tab */
.tabStyle01 {display: flex; align-items: center; gap: 1.5rem;}
.tabStyle01 li {cursor: pointer; font-size: 1.5rem; font-weight: 700; color: #BEBEBE; letter-spacing: -0.0375rem;}
.tabStyle01 li.on {color: #000;}
.tabStyle02 {display: flex; align-items: center; gap: 0.5rem;}
.tabStyle02 li {cursor: pointer; font-size: 0.875rem; font-weight: 600; color: #8E8E8E; padding: .75rem 1.5rem; border-radius: 0.625rem; border: 1px solid #E3E3E3; background: #FFF;}
.tabStyle02 li.on,
.tabStyle02 li.on a {color: #fff; background: #000; border-color: #000;}
#main .gray_bg {padding: 6.25rem 0; background: #F9F9F9;}
/* visual */
#main .visual {position: relative;}
#main .visual .swiper-slide {width: 91.1458vw; height: 34.375rem; /* aspect-ratio: 3.18/1; */ /* width: 109.375rem; */ border-radius: 0 1.875rem 1.875rem 0; overflow: hidden;}
#main .visual .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .visual .swiper-slide .txt {position: absolute; top: 7.84rem; left: 50%; transform: translateX(-50%); width: 100%; max-width: 76rem;}
#main .visual .swiper-slide .txt span {display: block; font-size: 1.25rem; font-weight: 500; line-height: 1.5;}
#main .visual .swiper-slide .txt h2 {margin-top: .75rem; font-size: 2.8125rem; font-weight: 300; line-height: 1.12;}
#main .visual .swiper-slide .txt h2 strong {font-weight: 700;}
#main .visual .swiper-slide .txt p {margin-top: 1.5625rem; font-size: 1.125rem; font-weight: 500; line-height: 1.56;}
#main .visual .swiper-slide .txt.white * {color: #fff;}
#main .visual .swiper-slide .txt.black .arrow img {filter: var(--filter-black);}
#main .visual .arrowBox {margin-top: 3.3125rem; display: flex; align-items: center; gap: 1.5625rem; z-index: 1;}
#main .visual .arrowBox .arrow,
#main .visual .swiper-pagination2 {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
#main .visual .arrowBox .arrow::after {display: none;}
#main .visual .arrowBox .arrow img {width: 0.4375rem;}
#main .visual .swiper-pagination2 {display: flex; align-items: center; gap: 0.625rem; font-size: 1.125rem; font-weight: 300;}
#main .visual .swiper-pagination2 .line {opacity: .4; font-size: .8rem;}
#main .visual .swiper-pagination2 .current {font-weight: 800 !important;}
/* sec1 */
#main .sec1 {gap: 3.125rem; align-items: normal;}
#main .sec1 .board {width: calc(100% - 25.625rem - 3.125rem);}
#main .sec1 .bd_cont .swiper-wrapper {flex-direction: inherit;}
#main .sec1 .bd_cont .swiper-slide {padding: 1.5rem 0 1.25rem; border-top: 1px solid #E3E3E3; margin-top: 0 !important;}
#main .sec1 .bd_cont .swiper-slide .date {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; letter-spacing: -0.025rem;}
#main .sec1 .bd_cont .swiper-slide .subject {margin-top: 1.25rem; font-size: 1rem; font-weight: 600; letter-spacing: -0.025rem; display: flex; gap: .5rem; align-items: last baseline;}
#main .sec1 .bd_cont .swiper-slide .subject span {display: block; max-width: calc(100% - 1rem); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec1 .bd_cont .swiper-slide .subject img {width: 1.25rem;}
#main .sec1 .banner {width: 25.625rem; overflow: hidden; border-radius: 1.25rem; height: 18.75rem;}
#main .sec1 .banner .swiper-slide {position: relative;}
#main .sec1 .banner .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .sec1 .banner .swiper-pagination {right: auto; top: auto; left: 2.56rem; bottom: 2.5rem; width: auto; display: flex; align-items: center; gap: 0.75rem;}
#main .sec1 .banner .swiper-pagination span {margin: 0; width: 0.75rem; height: auto; aspect-ratio: 1/1; background: #C3C3C3; opacity: 1;}
#main .sec1 .banner .swiper-pagination .swiper-pagination-bullet-active {background: #231815;}
/* sec2 */
#main .sec2 .subTitle .right {gap: 2.5rem;}
#main .sec2 .swiper-wrapper {flex-direction: inherit; gap: 1.875rem 0;}
#main .sec2 .swiper-slide {margin-top: 0 !important;}
#main .sec2 .swiper-slide .subject {font-size: 1.125rem; font-weight: 600; line-height: 1.56; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis;}
#main .sec2 .swiper-slide p {margin-top: .5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6D6D6D; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis;}
/* sec3 */
#main .sec3 {display: flex; align-items: center; justify-content: center; gap: 1.5rem;}
#main .sec3 .swiper {margin: 0;}
#main .sec3 .swiper-slide {overflow: hidden; border-radius: 1.25rem;}
#main .sec3 .swiper-slide img {width: 100%;}
#main .sec3 .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
#main .sec3 .arrow::after {display: none;}
#main .sec3 .arrow img {width: 2rem;}
/* sec4 */
#main .sec4 .tabStyle02 {overflow: hidden; overflow-x: auto; white-space: nowrap; padding-bottom: .75rem;}
#main .sec4 .tabStyle02::-webkit-scrollbar {height: 2px;}
#main .sec4 .tabStyle02::-webkit-scrollbar-thumb {background: #000;}
#main .sec4 .tabStyle02::-webkit-scrollbar-track {background: #C3C3C3;}
#main .sec4 .tabStyle02 li {min-width: max-content;}
#main .sec4 .bd_cont {margin-top: .75rem;}
#main .sec4 .swiper-slide {width: 15.9375rem; margin-right: 1.875rem;}
#main .sec4 .swiper-slide .img {width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 100%;}
#main .sec4 .swiper-slide .img img {width: 100%;}
#main .sec4 .swiper-slide .info {margin-top: 1.25rem; text-align: center;}
#main .sec4 .swiper-slide .cate {display: inline-flex; align-items: center; justify-content: center; padding: .25rem 1rem; color: #fff; font-size: 0.875rem; font-weight: 600; background: #000; border-radius: 1.25rem;}
#main .sec4 .swiper-slide .name {display: block; margin-top: 0.5rem; font-size: 1.25rem; font-weight: 600; line-height: 1.56;}
#main .sec4 .swiper-slide .flex {margin-top: 1rem; justify-content: center; gap: 0.5rem;}
#main .sec4 .swiper-slide .flex span {padding: .35rem .75rem .25rem; font-size: 1rem; font-weight: 500; line-height: 1.5; border-radius: 0.3125rem;}
#main .sec4 .swiper-slide .flex span.history {border: 1px solid #BEBEBE; background: #fff; color: #6D6D6D;}
#main .sec4 .swiper-slide .flex span.video {border: 1px solid #8E8E8E; background: #8E8E8E; display: inline-flex; color: #fff; gap: 0.5rem; margin-top: 0;}
#main .sec4 .swiper-slide .flex span.video img {width: 1.25rem;}
/* sec5 */
#main .sec5 .inner {align-items: flex-start; gap: 3.1875rem;}
#main .sec5 .board {width: calc(100% - 21.25rem - 3.1875rem);} 
#main .sec5 .board .swiper-slide {width: 14.375rem; margin-right: 1.875rem;}
#main .sec5 .board .swiper-slide .img {overflow: hidden; border-radius: 0.9375rem; display: block; border: 1px solid #EFEFEF;}
#main .sec5 .board .swiper-slide .img img {width: 100%;}
#main .sec5 .board .swiper-slide .info {margin-top: 1.25rem;}
#main .sec5 .board .swiper-slide .subject {font-size: 1.125rem; font-weight: 600; line-height: 1.56; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec5 .board .swiper-slide .writer {margin-top: 0.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6D6D6D;}
#main .sec5 .board .swiper-slide .price {margin-top: 0.5rem; gap: 0.625rem;}
#main .sec5 .board .swiper-slide .price * {font-size: 1.25rem; line-height: 1.5; font-family: var(--font-out);}
#main .sec5 .board .swiper-slide .price span {color: #10100E; font-weight: 600;}
#main .sec5 .board .swiper-slide .price strong {color: #8E8E8E; font-weight: 500; text-decoration: line-through;}
#main .sec5 .right {width: 21.25rem;}
#main .sec5 .right .swiper-pagination {position: relative; right: auto; top: auto; left: auto; bottom: auto; width: auto; display: flex; align-items: center; gap: 0.75rem;}
#main .sec5 .right .swiper-pagination span {margin: 0; width: 0.75rem; height: auto; aspect-ratio: 1/1; background: #C3C3C3; opacity: 1;}
#main .sec5 .right .swiper-pagination .swiper-pagination-bullet-active {background: #231815;}
#main .sec5 .right .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .sec5 .banner {overflow: hidden; border-radius: 1.25rem;}
#main .sec5 .banner .swiper-slide {aspect-ratio: 1.283/1; position: relative;}
#main .sec5 .banner .swiper-pagination {position: absolute; left: 2.19rem; bottom: 1.87rem;}
#main .sec5 .video .subTitle {margin-bottom: 1.25rem;}
#main .sec5 .video .subTitle h2 {font-size: 1.5rem;}
#main .sec5 .video .swiper {overflow: hidden; border-radius: 1.25rem;}
#main .sec5 .video .swiper-slide {aspect-ratio: 1.7/1; position: relative;}
#main .sec5 .video .swiper-slide::after {content: ""; width: 3.125rem; height: 3.125rem; background: url('/img/main/sec5_playBtn.svg') no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
/* sec6 */
#main .sec6 .inner {align-items: flex-start; gap: 3.125rem;}
#main .sec6 .subTitle {align-items: flex-end; max-width: calc(100% - 16.25rem - 3.125rem); width: 100%;}
#main .sec6 .left {width: calc(100% - 16.25rem - 3.125rem);}
#main .sec6 .mySwiper2 {margin-top: 2.1875rem;}
#main .sec6 .swiper-wrapper {flex-direction: inherit; gap: 2.1875rem 0;}
#main .sec6 .swiper-slide {margin-top: 0 !important;}
#main .sec6 .swiper-slide .img {overflow: hidden; display: block; border-radius: 1.25rem; aspect-ratio: 1/1; position: relative;}
#main .sec6 .swiper-slide .cate {position: absolute; top: 1.25rem; left: 1.25rem; padding: .25rem 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; border-radius: 1.25rem; border: 1px solid #666; background: #FFF;}
#main .sec6 .swiper-slide .cate.b_btn {background: #000;}
#main .sec6 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .sec6 .swiper-slide .info {margin-top: 1.25rem; align-items: flex-end; gap: 1rem;}
#main .sec6 .swiper-slide .name {font-size: 1.25rem; font-weight: 600; line-height: 1.56;}
#main .sec6 .swiper-slide .desc {margin-top: .25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6D6D6D;}
#main .sec6 .swiper-slide .reviewBtn {gap: 0.5rem; padding: .25rem .75rem; color: #fff; background: #000; border-radius: 0.3125rem; font-size: 1rem; font-weight: 500; line-height: 1.62; min-width: max-content;}
#main .sec6 .swiper-slide .reviewBtn img {width: 1.25rem;}
#main .sec6 .right {width: 16.25rem;}
#main .sec6 .right .review {aspect-ratio: .78/1;}
#main .sec6 .right .review + .review {margin-top: 2.5rem;}
#main .sec6 .right .review a {display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 1.25rem; border: 1px solid #E6E6E6; background: #FFF; padding: 2.5rem 1rem 1rem; width: 100%; height: 100%;}
#main .sec6 .right .review p {font-size: 1rem; font-weight: 500; line-height: 1.62; letter-spacing: -0.025rem;}
#main .sec6 .right .review strong {display: block; margin-top: .25rem; font-size: 1.75rem; font-weight: 700; line-height: 1.29; letter-spacing: -0.025rem;}
#main .sec6 .right .review span {margin-top: .94rem;}
#main .sec6 .right .review a > img {margin-top: 1.56rem;}
#main .sec6 .right .review:first-child a > img {width: 9.18419rem;}
#main .sec6 .right .review:last-child a > img {width: 7.74313rem;}
/* sec7 */
#main .sec7 .inner {gap: 5.625rem;}
#main .sec7 .inner a {min-width: max-content;}
#main .sec7 .inner img {width: 6.25rem;}
#main .sec7 .inner p {margin-top: 1.5rem; font-size: 1rem; font-weight: 500; line-height: 1.5; text-align: center;}
/* sec8 */
#main .sec8 {padding: 4.37rem 0 4.44rem;}
#main .sec8 .inner {align-items: normal;}
#main .sec8 .line {width: 1px; background: #EBEBEB;}
#main .sec8 .left {align-items: flex-start; gap: 5.625rem;}
#main .sec8 .cs > strong {font-size: 1.5rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.0375rem;}
#main .sec8 .cs h3 {gap: 0.625rem; margin-top: 0.8125rem; font-size: 2rem; font-weight: 600; line-height: 1.12; letter-spacing: -0.025rem;}
#main .sec8 .cs h3 img {width: 2rem;}
#main .sec8 .cs ul {margin-top: .8125rem;}
#main .sec8 .left ul li {display: flex; align-items: center; gap: 0.75rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5;}
#main .sec8 .left ul li strong {font-weight: 800;}
#main .sec8 .info .tit {display: block; color: #222; font-size: 1.25rem; font-weight: 700; line-height: 1.5;}
#main .sec8 .info .flex {align-items: flex-start; gap: 5rem;}
#main .sec8 .info strong.flex {gap: 0.625rem; color: #000; font-size: 1.25rem; font-weight: 600; line-height: 1.12; letter-spacing: -0.025rem;}
#main .sec8 .info strong.flex img {width: 1.25rem;}
#main .sec8 .right .flex {gap: 3.125rem; align-items: flex-start; text-align: center;}
#main .sec8 .right .flex a > span {display: block; width: 6.875rem; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10); overflow: hidden; border-radius: 1.375rem;}
#main .sec8 .right .flex img {width: 100%;}
#main .sec8 .right .flex p {font-size: 1rem; font-weight: 500; line-height: 1.5;}
#main .sec8 .right .flex p span {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; display: block;}
/* sec9 */
#main .sec9 {margin-bottom: 3.75rem;}
#main .sec9 .inner {gap: 1.5625rem; display: grid; grid-template-columns: repeat(3,1fr);}
#main .sec9 .inner a {overflow: hidden; border-radius: 1.25rem; padding: 0 2.19rem; /* height: 10.625rem; */ aspect-ratio: 2.64/1;}
#main .sec9 .inner a p {font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.025rem;}
#main .sec9 .inner a strong {display: block; margin-top: .25rem; font-size: 1.75rem; font-weight: 700; line-height: 1.29; letter-spacing: -0.025rem;}
#main .sec9 .inner a:nth-child(1) {background: #FEE7E7;}
#main .sec9 .inner a:nth-child(1) strong {color: #CC0001;}
#main .sec9 .inner a:nth-child(1) img {width: 11.25rem;}
#main .sec9 .inner a:nth-child(2) {background: #DDFAF0;}
#main .sec9 .inner a:nth-child(2) strong {color: #197856;}
#main .sec9 .inner a:nth-child(2) img {width: 4.76406rem;}
#main .sec9 .inner a:nth-child(3) {background: #F9F6CB;}
#main .sec9 .inner a:nth-child(3) strong {color: #3D292D;}
#main .sec9 .inner a:nth-child(3) img {width: 3.93rem;}


/********** emptyCont **********/
.emptyCont {border-bottom: 1px solid #E5E5E5; border-top: 1px solid #000; padding: 4.38rem 0; text-align: center;}
.emptyCont img {width: 2.25rem;}
.emptyCont p {margin-top: 0.75rem; font-size: 1.125rem; font-weight: 600; line-height: 1.5;}


@media screen and (max-width:1440px) {
    html {font-size: 80%;}
}

@media screen and (max-width:1280px) {
    .inner {max-width: calc(100% - 6rem);}

    .hd_bot .left {gap: 1rem;}
    .hd_bot .gnb {gap: 2rem;}

    /********** main **********/
    /* visual */
    #main .visual .swiper-slide .txt {max-width: calc(100% - 6rem);}
    /* sec3 */
    #main .sec3 {/* padding: 0 2rem; */}
    #main .sec3 .swiper-button-prev {left: 1.3rem;}
    #main .sec3 .swiper-button-next {right: 1.3rem;}
    /* sec6 */
    #main .sec6 .subTitle {max-width: calc(100% - 15rem - 2.125rem);}
    #main .sec6 .left {width: calc(100% - 15rem - 2.125rem);}
    #main .sec6 .inner {gap: 2.125rem;}
    #main .sec6 .right {right: 15rem;}
    /* sec8 */
    #main .sec8 .left {gap: 2rem;}
    #main .sec8 .info .flex {gap: 3rem;}
    #main .sec8 .right .flex {gap: 2rem;}
    

}

@media screen and (max-width:1024px) {
    html {font-size: 100%;}

    .mt_10 {margin-top: .62rem;}
    .mt_20 {margin-top: 1.25rem;}
    .mt_30 {margin-top: 1.875rem;}
    /* .mt_40 {margin-top: 1.875rem;} */
    .mt_60 {margin-top: 3.75rem;}
    .mt_70 {margin-top: 4.375rem;}
    .mt_80 {margin-top: 5rem;}
    .mt_100 {margin-top: 3.75rem;}
    .mt_110 {margin-top: 3.75rem;}

    .inner {max-width: calc(100% - 2.5rem);}

    .mob {display: block;}
    .pc {display: none;}


    /********** header **********/
    #header {height: 3.75rem;}
    .hd_top {padding-top: 0; height: 100%;}
    .hd_top .logo {width: 9.81444rem;}
    .hd_top .user {gap: 0.25rem;}
    .hd_top .user img.login {width: 1.5rem;}
    .hd_top .all_menu_btn img {width: 1.875rem;}
    .hd_bot {display: none;}

    /********** allMenu **********/
	.head_bg {display: none; position: fixed; width: 100%; height: 100svh; top: 0; left: 0; z-index: 10000; background: #fff;}
	.head_bg.on {display: block !important;}
    .head_bg .top {border-bottom: 1px solid #E3E3E3;}
    .head_bg .top .inner {padding: 1.19rem 0 1.23rem;}
    .head_bg .logo img {width: 9.81444rem;}
    .head_bg .head_bg_close img {width: 1.25rem;}
    .head_bg .util {padding: 1.25rem 0 1.88rem; border-bottom: 1px solid #E3E3E3;}
    .head_bg .member {gap: 0.75rem;}
    .head_bg .member a {color: #10100E; font-size: 0.875rem; font-weight: 500; line-height: 1.43;}
    .head_bg .member .login {padding: .5rem .88rem; color: #fff; background: #000; border-radius: 0.3125rem;}
    .head_bg .hd_search {margin-top: 1.2rem; width: 100%;}
    .head_bg .menu {display: flex; height: calc(100% - 8.875rem - 3.75rem);}
    .head_bg .menu .title {width: 11.25rem; border-right: 1px solid #E3E3E3;}
    .head_bg .menu .title li {padding: 1rem; padding-right: 1.5rem; background: url(/img/main/head_bg_dep1_arrow.svg) no-repeat right 1rem center / 0.37881rem; font-size: 1rem; font-weight: 600; line-height: 1.5; border-bottom: 1px solid #E3E3E3;}
    .head_bg .menu .title li.on {background-color: #F3F3F3;}
    .head_bg .menu .cont {width: calc(100% - 11.25rem); padding: 1.25rem .94rem 1.25rem 1.19rem; overflow-y: auto;}
	.head_bg .menu .cont ul{display: none; flex-direction: column; gap: 1.25rem;}
	.head_bg .menu .cont ul.on{display: flex;}
	.head_bg .menu .cont ul li > a{display: block; color: #111; font-size: 0.9375rem; font-weight: 700; line-height: 1.53; letter-spacing: -0.05rem; position: relative;}
	.head_bg .menu .cont ul li.has_child > a::after{content: ''; display: block; width: 0.66919rem; aspect-ratio: 1.4/1; background: url(/img/main/head_bg_dep2_arrow.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
	.head_bg .menu .cont ul li.has_child > a.on::after{transform: translateY(-50%) rotate(-180deg);}
	.head_bg .menu .cont ul li.has_child > div{display: none;}
	.head_bg .menu .cont ul li dl {margin-top: 1.25rem;}
	.head_bg .menu .cont ul li dl dt {margin-bottom: 0.625rem;}
    .head_bg .menu .cont ul li dl dt,
	.head_bg .menu .cont ul li dl dt a {color: #6D6D6D; font-size: 0.9375rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.05rem; display: block;}
    .head_bg .menu .cont ul li dl dd + dd {margin-top: 0.5rem;}
	.head_bg .menu .cont ul li dl dd a {display: block; color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.42; letter-spacing: -0.05rem; word-break: keep-all;}
	.head_bg .menu .cont ul li dl dd a:hover{text-decoration: underline; text-underline-offset: 4px;}
 
    /********** quick **********/
    .quick.pc {display: none !important;}
    .quick {position: fixed; right: .94rem; bottom: 1.2rem; /* bottom: 4.94rem; */ z-index: 100; display: flex; flex-direction: column; align-items: flex-end; gap: .25rem;}
    .quick .openBtn {display: flex !important; align-items: center; justify-content: center; width: 3.125rem; aspect-ratio: 1/1; border-radius: 100%;}
    .quick .openBtn img {width: 1.35rem;}
    .quick .openBtn.on {background: #ACACAC; border-color: #ACACAC;}
    .quick .openBtn.on img {width: 0.84375rem;}
    .quick .openBtn img.active {display: none;}
    .quick .openBtn.on img.active {display: block;}
    .quick .openBtn.on img.basic {display: none;}
    .quick .openBtn02 {background: #fff; border: 1px solid #E3E3E3;}
    .quick .openBtn01 {background: #EBEBEB; border: 1px solid #DEDEDE;}
    .quick .q_menu02 li {border: 0.9px solid #E3E3E3; background: #FFF;}
    .quick .q_menu01 li {border: 0.9px solid #DEDEDE; background: #EBEBEB;}
    .quick .qBox {display: none;}
    .quick .q_menu {display: flex; flex-direction: column; align-items: flex-end;}
    .quick .q_menu li {display: flex; align-items: center; justify-content: space-between; width: 2.8125rem; height: 2.8125rem; border-radius: 100%; transition: all .3s; overflow: hidden;}
    .quick .q_menu li + li {margin-top: .25rem;}
    .quick .q_menu li span {display: flex; align-items: center; justify-content: center; width: 2.8125rem; aspect-ratio: 1/1;}
    .quick .q_menu li a {opacity: 0; width: 0; overflow: hidden; transition: opacity .3s; text-align: left; font-size: 0.75rem; font-weight: 600; letter-spacing: -0.05rem;}
    .quick .q_menu li.on {width: 9.84375rem; border-radius: 3.75rem;}
    .quick .q_menu li.on a {opacity: 1; width: auto; padding-left: .85rem;}
    .quick .topBtn {background: #000 !important; border-radius: 100%;}
    .quick .topBtn a {width: 3.125rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1;}
    .quick .topBtn img {width: 1.5rem;}

    /********** footer **********/
    #footer {padding: 3.23rem 0 3.19rem;}
    #footer .logo img {width: 11.25rem;}
    #footer .term {margin-top: 2.2rem; gap: 0.75rem;}
    #footer .term a {font-size: 0.875rem; letter-spacing: 0;}
    .ft_bot {margin-top: 1.25rem; flex-direction: column; align-items: flex-start; gap: 1.75rem;}
    .ft_info p {gap: 0.25rem; flex-wrap: wrap;}
    .ft_info p + p {margin-top: 0.25rem;}
    .ft_info span {font-size: 0.875rem; letter-spacing: 0;}
    .ft_info span.w100 {width: 100%;}
    .ft_bot .copy {margin-top: 1.25rem;}
    .ft_site {width: 100%;}
    .ft_site .open {padding: .75rem;}

    /********** popup **********/
    .main_popup {max-width: calc(100% - 2.5rem); left: 50%; transform: translate(-50%,-50%);}
    .main_popup .button-group {padding: .93rem .96rem;}
    .main_popup .btn {font-size: 0.875rem;}

    /********** main **********/
    /* common */
    .content_wrap, #subWrap {margin-top: 3.75rem;}
    .subTitle {flex-direction: column; align-items: flex-start; gap: 1.25rem; margin-bottom: 2.5rem;}
    .subTitle h2 {font-size: 1.75rem;}
    .subTitle .st_flex {justify-content: flex-end;}
    .moreView {font-size: 0.875rem;}
    .moreView img {width: 1rem;}
    /* tab */
    .tabStyle01 {white-space: nowrap; overflow-x: auto; width: 100%;}
    .tabStyle01 li {font-size: 1.125rem;}
    #main .gray_bg {padding: 3.93rem 0;}
    /* visual */
    #main .visual .swiper-slide {width: 100%; height: 34.375rem; border-radius: 0;}
    #main .visual .swiper-slide .txt {top: 4rem; max-width: calc(100% - 2.5rem);}
    #main .visual .swiper-slide .txt span {font-size: 0.875rem;}
    #main .visual .swiper-slide .txt h2 {margin-top: 1rem; font-size: 1.75rem;}
    #main .visual .swiper-slide .txt p {margin-top: 1.25rem; font-size: 0.875rem;}
    #main .visual .arrowBox {margin-top: .94rem; gap: 1.20194rem;}
    #main .visual .arrowBox .arrow img {width: 0.33656rem;}
    #main .visual .swiper-pagination2 {gap: 0.48075rem; font-size: 0.875rem;}
    #main .visual .swiper-pagination2 .line {font-size: .8rem !important;}
    /* sec1 */
    #main .sec1 {gap: 3.125rem; flex-direction: column; align-items: flex-start;}
    #main .sec1 .subTitle {gap: 0.75rem; margin-bottom: 1.25rem;}
    #main .sec1 .board {width: 100%;}
    #main .sec1 .bd_cont .swiper-slide .date {font-size: 0.8125rem;}
    #main .sec1 .bd_cont .swiper-slide .subject {font-size: 0.875rem;}
    #main .sec1 .banner {display: none;}
    /* sec2 */
    #main .sec2 .subTitle .right {width: 100%; justify-content: space-between;}
    #main .sec2 .swiper-wrapper {gap: 1.875rem 0;}
    #main .sec2 .swiper-slide .subject {font-size: 1rem;}
    #main .sec2 .swiper-slide p {margin-top: .5rem; font-size: 0.875rem;}
    /* sec3 */
    #main .sec3 {display: none;}
    /* sec4 */
    #main .sec4 .subTitle {flex-direction: row; align-items: center;}
    #main .sec4 .tabStyle02 {padding-bottom: 1.18rem; margin-right: -1.25rem; width: calc(100% + 1.25rem);}
    #main .sec4 .tabStyle02::-webkit-scrollbar {display: none;}
    #main .sec4 .bd_cont {margin-top: 0; margin-right: -1.25rem; width: calc(100% + 1.25rem);}
    #main .sec4 .swiper-slide {width: 12.5rem; margin-right: 1.25rem;}
    #main .sec4 .swiper-slide .cate {padding: .25rem .87rem; font-size: 0.75rem;}
    #main .sec4 .swiper-slide .name {font-size: 1rem;}
    #main .sec4 .swiper-slide .flex {margin-top: 0.75rem;}
    #main .sec4 .swiper-slide .flex span {padding: .35rem .5rem .25rem; font-size: 0.875rem;}
    #main .sec4 .swiper-slide .flex span.video {gap: 0.25rem;}
    #main .sec4 .swiper-slide .flex span.video img {width: 1rem;}
    /* sec5 */
    #main .sec5 .subTitle {flex-direction: row; align-items: center;}
    #main .sec5 .inner {gap: 0; flex-direction: column; align-items: flex-start;}
    #main .sec5 .board {width: 100%;}
    #main .sec5 .board .swiper {margin-right: -1.25rem; width: calc(100% + 1.25rem);}
    #main .sec5 .board .swiper-slide {width: 12.5rem; margin-right: 1.25rem;}
    #main .sec5 .board .swiper-slide .img {border-radius: 0.81519rem;}
    #main .sec5 .board .swiper-slide .subject {font-size: 1rem;}
    #main .sec5 .board .swiper-slide .writer {font-size: 0.875rem;}
    #main .sec5 .board .swiper-slide .price * {font-size: 0.875rem;}
    #main .sec5 .inner > .right {display: none;}
    /* sec6 */
    #main .sec6 .inner {gap: 1.5rem;}
    #main .sec6 .subTitle {display: block; word-break: keep-all; max-width: calc(100% - 12.5rem - 1.5rem);}
    #main .sec6 .subTitle br.mob {display: none;}
    #main .sec6 .subTitle br.pc {display: block;}
    #main .sec6 .subTitle .right { margin-top: 1.5rem; display: flex;}
    #main .sec6 .mySwiper2 {margin-top: 1.5rem;}
    #main .sec6 .left {width: calc(100% - 12.5rem - 1.5rem);}
    #main .sec6 .left .st_flex {display: none;}
    #main .sec6 .swiper-slide .info {flex-direction: column; align-items: flex-start; gap: 0.5rem;}
    #main .sec6 .swiper-slide .cate {left: .8rem; top: .8rem;}
    #main .sec6 .right {width: 12.5rem; justify-content: flex-start;}
    #main .sec6 .right .review + .review {margin-top: 1.25rem;}
    #main .sec6 .right .review a {padding: 2.21rem 1.56rem 1.73rem;}
    #main .sec6 .right .review p {font-size: 0.875rem;}
    #main .sec6 .right .review strong {margin-top: .25rem; font-size: 1.5rem;}
    #main .sec6 .right .review span {margin-top: 1.44rem;}
    #main .sec6 .right .review a {justify-content: center;}
    #main .sec6 .right .review a > img {margin-top: 0;}
    #main .sec6 .right .review:first-child a > img {width: 6.875rem;}
    #main .sec6 .right .review:last-child a > img {width: 6.25rem;}
    /* sec7 */
    #main .sec7 .inner {gap: 1.25rem; width: 36rem; flex-wrap: wrap;}
    #main .sec7 .inner a {width: 100%; max-width: 7.5rem;}
    #main .sec7 .inner img {width: 100%;}
    #main .sec7 .inner p {font-size: 0.875rem;}
    /* sec8 */
    #main .sec8 {padding: 2.57rem 0 2.37rem;}
    #main .sec8 .inner {gap: 1.875rem; justify-content: center;}
    #main .sec8 .left {gap: 2.5rem; flex-direction: column; align-items: flex-start;}
    #main .sec8 .cs > strong {font-size: 1.25rem;}
    #main .sec8 .cs h3 {margin-top: 0.75rem; font-size: 1.75rem;}
    #main .sec8 .cs ul {margin-top: .75rem;}
    #main .sec8 .left ul li {align-items: flex-start; font-size: 0.875rem;}
    #main .sec8 .info ul.mt_20,
    #main .sec8 .info strong.mt_20 {margin-top: 0.75rem;}
    #main .sec8 .info .flex {gap: 1rem;}
    #main .sec8 .right .flex {gap: 1rem; display: grid; grid-template-columns: repeat(3,1fr);}
    #main .sec8 .right .flex a > span {width: 100%;}
    #main .sec8 .right .flex p {font-size: 0.875rem;}
    #main .sec8 .right .flex p span {font-size: 0.75rem; margin-top: .25rem;}
    /* sec9 */
    #main .sec9 .inner {gap: 1.25rem;}
    #main .sec9 .inner a {padding: 0 1.5625rem; height: auto; aspect-ratio: 2.5/1;}
    #main .sec9 .inner a p {font-size: 0.875rem;}
    #main .sec9 .inner a strong {font-size: 1.5rem;}
    #main .sec9 .inner a:nth-child(1) img {width: 3.5625rem;}
    #main .sec9 .inner a:nth-child(2) img {width: 3.70538rem;}
    #main .sec9 .inner a:nth-child(3) img {width: 3.93rem;}

    /********** emptyCont **********/
    .emptyCont {padding: 3.77rem 0;}
    .emptyCont img {width: 1.7rem;}
    .emptyCont p {font-size: 0.875rem;}
}

@media screen and (max-width:850px) {
    #main .sec9 .inner a:nth-child(1) img {width: 3rem;}
    #main .sec9 .inner a:nth-child(2) img {width: 3rem;}
    #main .sec9 .inner a:nth-child(3) img {width: 3rem;}
    #main .sec9 .inner a {padding: 0 1rem;}
}

@media screen and (max-width:768px) {
    /********** main **********/
    /* sec6 */
    #main .sec6 .inner {flex-direction: column; align-items: flex-start; gap: 0;}
    #main .sec6 .subTitle br.mob {display: block;}
    #main .sec6 .subTitle br.pc {display: none;}
    #main .sec6 .swiper {display: none;}
    #main .sec6 .right {display: block; width: 100%;}
    #main .sec6 .right .review {width: 100%; aspect-ratio: auto;}
    #main .sec6 .right .review + .review {margin-top: 1.25rem;}
    #main .sec6 .right .review a {flex-direction: row; text-align: left; justify-content: space-between;}
    #main .sec6 .right .review span {justify-content: flex-start;}
    /* sec7 */
    #main .sec7 .inner {display: grid; grid-template-columns: repeat(3,1fr);}    
    /* sec8 */
    #main .sec8 .line {width: 100%; height: 1px;}
    #main .sec8 .inner {flex-direction: column; align-items: flex-start;}
    /* sec9 */
    #main .sec9 .inner {/* width: 25.6rem; */ flex-direction: column; grid-template-columns: repeat(1,1fr);}
    #main .sec9 .inner a {padding: 0 1.5625rem; height: auto; aspect-ratio: 3.12/1;}
    #main .sec9 .inner a p {font-size: 0.875rem;}
    #main .sec9 .inner a strong {font-size: 1.5rem;}
    #main .sec9 .inner a:nth-child(1) img {width: 3.5625rem;}
    #main .sec9 .inner a:nth-child(2) img {width: 3.70538rem;}
    #main .sec9 .inner a:nth-child(3) img {width: 3.93rem;}
}

@media screen and (max-width:384px) {
    /********** main **********/
    .subTitle h2 {font-size: 1.6rem;}
}