/* 자주찾는메뉴 */
[data-main="section-quick"] { background: #E3F2FD; padding: 33.5px 20px; }
[data-main="section-quick"] .quick-wrap{ max-width: 1680px;margin: 0 auto; }
[data-main="section-quick"] h3{font-size: 35px; font-weight: 700; margin-bottom: 22px; text-align: center;}
[data-main="section-quick"] h3 strong{color: #2195F2;}
[data-main="section-quick"] .list{display: grid; grid-template-columns: repeat(8, 1fr); gap: 20px 0;}
[data-main="section-quick"] .list a {word-break: keep-all; font-size: 18px; font-weight: 500; line-height: 140%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; width: 100%; box-sizing: border-box;}
[data-main="section-quick"] .list a .img-box{height: 125px; width: 100%; max-width: 125px; aspect-ratio: 1 / 1; background: #fff no-repeat 50% 50%; background-size: 50%; background-position: 50% 50%;border-radius: 16px; margin-bottom: 4px;}
[data-main="section-quick"] .list a .img-box.icon01{background-image: url(../images/main/ico_quick_menu01.svg);}
[data-main="section-quick"] .list a .img-box.icon02{background-image: url(../images/main/ico_quick_menu02.svg);}
[data-main="section-quick"] .list a .img-box.icon03{background-image: url(../images/main/ico_quick_menu03.svg);}
[data-main="section-quick"] .list a .img-box.icon04{background-image: url(../images/main/ico_quick_menu04.svg);}
[data-main="section-quick"] .list a .img-box.icon05{background-image: url(../images/main/ico_quick_menu05.svg);}
[data-main="section-quick"] .list a .img-box.icon06{background-image: url(../images/main/ico_quick_menu06.svg);}
[data-main="section-quick"] .list a .img-box.icon07{background-image: url(../images/main/ico_quick_menu07.svg);}
[data-main="section-quick"] .list a .img-box.icon08{background-image: url(../images/main/ico_quick_menu08.svg);}

.section-bg{background: linear-gradient(to bottom, #ffffff 0%, #e3f2fd 100%);}

/* ts알림 */
[data-main="section-notice"] {max-width: 1680px; padding: 137px 20px 0; margin: 0 auto;}
[data-main="section-notice"] .ts-info{display: flex; gap: 70px; justify-content: space-between; align-items: stretch;}
[data-main="section-notice"] .info-tab{display: flex; gap: 10px; min-width: 0; width: 57.14%; aspect-ratio: 960 / 420; position: relative;}
[data-main="section-notice"] .info-tab h3{font-size: 35px; font-weight: 700; margin-bottom: 25px; position: absolute; top: -67px; left: 0;}
[data-main="section-notice"] .btn_more_mo{display: none;}
[data-main="section-notice"] .info_wrap{display: flex; gap: 10px;}
[data-main="section-notice"] .news {background: #DBDBDB; border-radius: 20px; font-size: 24px; font-weight: 700; padding: 23.5px 19px; cursor: pointer; transition: all 0.2s; position: relative; text-align: left;  width: 160px; line-height: 100%; box-sizing: border-box; margin-bottom: 9px;}
[data-main="section-notice"] .news a{color: #717171;}
[data-main="section-notice"] .news.active{background: #3D6DB5; color: #fff;}
[data-main="section-notice"] .news.active a{color: #fff;}
[data-main="section-notice"] .info-cont{width: calc(100% - 160px - 10px); padding: 0 60px; border: 1px solid #E1E1E1; border-radius: 24px; overflow: hidden; box-sizing: border-box; display: none; background: #fff; position: absolute; top: 0; right: 0; height: 100%;}
[data-main="section-notice"] .info-cont.active{display: block;}
[data-main="section-notice"] .info-cont ul{display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
[data-main="section-notice"] .info-cont ul li{height: 25%; border-bottom: 1px solid #E1E1E1; display: flex; justify-content: space-between; box-sizing: border-box; align-items: center;}
[data-main="section-notice"] .info-cont ul li a{width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 27px; font-size: 18px; font-weight: 700;}
[data-main="section-notice"] .info-cont ul li a em{width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
[data-main="section-notice"] .info-cont ul li a em.new{position: relative; padding-left: 30px;}
[data-main="section-notice"] .info-cont ul li a em.new::before{content: ''; position: absolute; width: 20px; height: 20px; top: 50%; left: 0; transform: translateY(-50%); background: url(../images/main/ico_new.svg) no-repeat center;}
[data-main="section-notice"] .info-cont ul li a span{font-size: 14px; font-weight: 500; color: #717171; white-space: nowrap;}
[data-main="section-notice"] .info-cont ul li:last-child{border: none;}
[data-main="section-notice"] .info-cont ul li span{ font-size: 14px; font-weight: 500; color: #717171; }
[data-main="section-notice"] .btn_more{ display: none; position: absolute; top: 34px; left: 115px; transform: translateY(-50%); width: 24px; height: 24px;}
[data-main="section-notice"] .btn_more span{display: block; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-main="section-notice"] .btn_more::after{content: '';position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../images/main/img_plus.svg) no-repeat center;}
[data-main="section-notice"] .news.active ~ .btn_more{display: block;}
[data-main="section-notice"] .info_wrap:nth-child(2) .btn_more{top: 115px;}
[data-main="section-notice"] .info_wrap:nth-child(3) .btn_more{top: 195px;}
[data-main="section-notice"] .info_wrap:nth-child(4) .btn_more{top: 276px;}
[data-main="section-notice"] .ts-swiper { width: 100%; max-width: 100%; margin: 0 auto; position: relative; overflow: hidden; min-width: 0; width: 38.69%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
[data-main="section-notice"] .ts-swiper .swiper-container{width: 100%; aspect-ratio: 650 / 420; border-radius: 20px; position: relative; overflow: hidden;}
[data-main="section-notice"] .ts-swiper .swiper-container > .swiper-pagination{left: 50%;}
[data-main="section-notice"] .swiper-slide{display: flex; align-items: center; justify-content: center;}
[data-main="section-notice"] .swiper-slide img { width: 100%; height: 100%; }
[data-main="section-notice"] .swiper-slide a{width: 100%; height: 100%;}
[data-main="section-notice"] .ts-swiper .list .swiper-slide > a span{opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid #000; outline:1px solid #fff; text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="section-notice"] .ts-swiper .list .swiper-slide > a:focus span{opacity:1;}

/* ts 사진 & 영상 소식 */
[data-main="section-media"] {max-width: 1680px; padding: 137px 20px 0; margin: 0 auto; box-sizing: border-box; overflow: visible;}
[data-main="section-media"] .media-box {display: flex; justify-content: space-between; gap: 70px;}
[data-main="section-media"] .media-box .media-card {position: relative; flex: 1 1 50%; overflow: hidden; background: #fff; border-radius: 20px; text-align: center;}
[data-main="section-media"] .media-box .media-card .badge {position: absolute; top: 0; left: 0; background: #C25400; border-radius: 24px; font-size: 15px; font-weight: 700; color: #fff; padding: 11px 20px; line-height: 100%;}
[data-main="section-media"] .media-box .media-card .media-txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 30px; font-weight: 700; color: #fff; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: space-between; gap: 22px;}
[data-main="section-media"] .media-box .media-card.customer .media-txt p { color: #0D47A1;}
[data-main="section-media"] .media-box .media-card.customer .media-txt p > span { font-size: 14px; color: #717171; display: block;}
[data-main="section-media"] .media-box .media-card .media-btn {font-size: 14px; background: #fff; border: 1px solid #717171; border-radius: 100px; padding: 10px 50.2px; color: #000;}
[data-main="section-media"] .media-box .media-card img{ width: 100%; height: 100%; object-fit: cover; display: block;}
[data-main="section-media"] .media-box .media-lt{ display: flex; gap: 30px; position: relative;}
[data-main="section-media"] h3{font-size: 35px; font-weight: 700; margin-bottom: 25px; position: absolute; top: -67px; left: 0;}
[data-main="section-media"] .media-box .media-lt .media-card {aspect-ratio: 465 / 310;}
[data-main="section-media"] .media-box .media-rt .media-card {aspect-ratio: 1 / 1;}
[data-main="section-media"] .media-box .media-rt{ flex: 0 0 38.69%; display: flex; gap: 30px;}
[data-main="section-media"] .media-box .media-card.video{position: relative;}
[data-main="section-media"] .media-box .media-card.video::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/main/ico_video.svg) no-repeat center; width: 80px; height: 80px;}
[data-main="section-media"] .media-swiper{ width: 100%; height: 100%; max-width: 400px; aspect-ratio: 1 / 1; overflow: hidden;}
[data-main="section-media"] .media-swiper .swiper-container{width: 100%; height: 100%;}
[data-main="section-media"] .media-swiper .swiper-slide { width: 100%; height: 100%;}
[data-main="section-media"] .media-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;}
[data-main="section-media"] .media-swiper .swiper-container > .swiper-pagination{left: 50%;}
[data-main="section-media"] .media-swiper .swiper-container .swiper-button-prev, .swiper-button-next{background-size: 30px 30px;}
[data-main="section-media"] .media-swiper .swiper-container .swiper-button-prev{left: 10px;}
[data-main="section-media"] .media-swiper .swiper-container .swiper-button-next{right: 10px;}
[data-main="section-media"] .media-swiper .list .swiper-slide > a .media-focus{opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid #000; outline:1px solid #fff; text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="section-media"] .media-swiper .list .swiper-slide > a:focus .media-focus{opacity:1;}

/* sns */
.section-sns-bg{ background: linear-gradient(to bottom, #e3f2fd 0%, #ffffff 100%);}
[data-main="section-sns"] {max-width: 1680px; padding: 150px 20px 0; margin: 0 auto;}
[data-main="section-sns"] .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
[data-main="section-sns"] h3{ font-size: 36px; font-weight: 700;}
[data-main="section-sns"] .link{display: flex; align-items: center; justify-content: center; gap: 18px;}
[data-main="section-sns"] .group{display: flex; justify-content: space-between; gap: 41px; align-items: stretch}
[data-main="section-sns"] [class*="sns_box"]{border: 2px solid #DBDBDB; border-radius: 30px; background: #fff; padding: 32px; width: 33.333%;}
[data-main="section-sns"] [class*="sns_box"] h4{display: flex; align-items: center; gap: 10px; margin-bottom: 18px;}
[data-main="section-sns"] [class*="sns_box"] a{display: flex; gap: 18.67px; align-items: stretch;}
[data-main="section-sns"] [class*="sns_box"] .img{ overflow: hidden; border-radius: 24px; background: #f2f2f2 url(../images/content/img_noimage.svg) no-repeat 50% 50%; width: 100%; height: auto; max-width: 45.2%; aspect-ratio: 1 / 1; flex: 0 0 auto;}
[data-main="section-sns"] [class*="sns_box"] .img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
[data-main="section-sns"] [class*="sns_box"] .sns-txt{font-size: 24px; font-weight: 600; line-height: 130%; display: flex; flex-direction: column; gap: 19px; justify-content: center; flex: 1; overflow: hidden;}
[data-main="section-sns"] [class*="sns_box"] .sns-txt em{ height: 2.6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
[data-main="section-sns"] [class*="sns_box"] .sns-txt .date{font-size: 16px; font-weight: 400; line-height: 100%; color: #717171; display: block;}

/* sns아이콘 */
[data-main="section-sns"] [data-sns-icon]{display:inline-block; position:relative; width:34px; height:34px; box-sizing:border-box; background:#eee; border-radius:0; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-main="section-sns"] [data-sns-icon]:after{content:''; display:block; position:absolute; top:50%; left:50%; width:34px; height:34px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; transform:translate(-50%, -50%);}
[data-main="section-sns"] [data-sns-icon="blog"]{background:transparent}
[data-main="section-sns"] [data-sns-icon="blog"]:after{background-image:url(../images/common/icon_sns_blog02.svg) !important;}
[data-main="section-sns"] [data-sns-icon="youtube"]{background:transparent}
[data-main="section-sns"] [data-sns-icon="youtube"]:after{height:24px; background-image:url(../images/common/icon_sns_youtube02.svg) !important;}
[data-main="section-sns"] [data-sns-icon="facebook"]{background:transparent}
[data-main="section-sns"] [data-sns-icon="facebook"]:after{background-image:url(../images/common/icon_sns_facebook02.svg) !important;}
[data-main="section-sns"] [data-sns-icon="instar"]{background:transparent}
[data-main="section-sns"] [data-sns-icon="instar"]:after{background-image:url(../images/common/icon_sns_instar02.svg) !important;}
[data-main="section-sns"] [data-sns-icon="kakach"]{background:transparent}
[data-main="section-sns"] [data-sns-icon="kakach"]:after{background-image:url(../images/common/icon_sns_kakach.svg) !important;}

/* 바로가기 */
[data-main="short"] {max-width: 1680px; padding: 120px 20px 0;}
[data-main="short"] h3{margin-bottom: 22px; font-size: 36px;}
[data-main="short"] .list > li{flex: 1; width: 12.5%;}
[data-main="short"] .list > li > a{font-size: 18px; color: #000;}

@media screen and (max-width:1400px){
    [data-main="section-notice"] .ts-info{gap: 40px;}
    [data-main="section-notice"] .info-cont{padding: 0 20px;}
    [data-main="section-notice"] .news{padding: 19px;}
    [data-main="section-notice"] .info_wrap:nth-child(2) .btn_more{top: 103px;}
    [data-main="section-notice"] .info_wrap:nth-child(3) .btn_more{top: 175px;}
    [data-main="section-notice"] .info_wrap:nth-child(4) .btn_more{top: 245px;}
    [data-main="section-media"] .media-box{gap: 40px;}
    [data-main="short"] .list > li { flex: 1 0 150px;}
}
@media screen and (max-width:1100px){
    [data-main="section-quick"] .list{grid-template-columns: repeat(4, 1fr); gap: 20px;}

    [data-main="section-notice"] .info-tab {flex-direction: column;}
    [data-main="section-notice"] .info-buttons {flex-direction: row; width: 100%; height: auto; align-items: center;}
    [data-main="section-notice"] .info-buttons .info-btn {width: 20%; text-align: center; font-size: 18px; padding: 10.5px;}
    [data-main="section-notice"] .info-cont {width: 100%; height: 100%;}
    [data-main="section-notice"] .info-buttons .info-btn.active::before {display: none;}
    [data-main="section-notice"] .info-cont ul li a {font-size: 15px;}
    [data-main="section-notice"] .info-buttons .info-btn.active .btn_more{display: none;}
    [data-main="section-notice"] .btn_more_mo{display: flex; margin-left: auto; width: 13px; height: 13px; background: url(../images/main/ico_plus.svg) no-repeat center; position: absolute; top: 13px; right: 0;}
    [data-main="section-notice"] .btn_more_mo span{display: block; text-indent:100%; overflow:hidden; white-space:nowrap;}

    [data-main="section-notice"] .news{position: absolute; top: 0; left: 0; font-size: 18px; padding: 10.5px; width: 100px; text-align: center; border-radius: 10px;}
    [data-main="section-notice"] .info-cont{height: 80%; bottom: 0; margin-top: auto;}
    [data-main="section-notice"] .info_wrap:nth-child(2) .news{left: 110px;}
    [data-main="section-notice"] .info_wrap:nth-child(3) .news{left: 220px;}
    [data-main="section-notice"] .info_wrap:nth-child(4) .news{left: 330px;}
    [data-main="section-notice"] .btn_more,
    [data-main="section-notice"] .info_wrap:nth-child(2) .btn_more,
    [data-main="section-notice"] .info_wrap:nth-child(3) .btn_more,
    [data-main="section-notice"] .info_wrap:nth-child(4) .btn_more{top: 17px; right: 0; margin-left: auto;}
    [data-main="section-notice"] .btn_more::after{background: url(../images/main/ico_plus.svg) no-repeat center;}

    [data-main="section-media"] .media-box .media-card .media-txt{font-size: 20px;}
    [data-main="section-media"] .media-box .media-card.customer .media-txt p > span {font-size: 11px;}
    [data-main="section-media"] .media-box .media-card .media-btn{padding: 8px 40px;}
    [data-main="section-media"] .media-box .media-card .badge{font-size: 13px; padding: 8px 12px;}
    [data-main="section-media"] .media-box .media-card.video::before{background-size: 80%;}

    [data-main="section-sns"] .group{gap: 10px;}
    [data-main="section-sns"] [class*="sns_box"]{padding: 16.32px;}
    [data-main="section-sns"] [class*="sns_box"] .sns-txt{font-size: 18px;}
    [data-main="section-sns"] [class*="sns_box"] .sns-txt .date{font-size: 14px;}

    [data-main="short"] .box{ overflow-x: auto; width: 100%;}
    [data-main="short"] h3{padding: 0;}
    [data-main="short"] .list > li:first-child{margin-left: 0;}
    [data-main="short"] .list{padding-left: 0;}
}
@media screen and (max-width:900px){
    [data-main="section-quick"] { padding: 12px 20px; margin: 24px 16px 20px; border-radius: 12px}
    [data-main="section-quick"] h3 {font-size: 24px; margin-bottom: 11px;}
    [data-main="section-quick"] .list a{font-size: 16px;}
    [data-main="section-quick"] .list a .img-box{max-width: 90px; height: 90px;}

    [data-main="section-notice"] { padding: 0 20px 20px; }
    [data-main="section-notice"] .ts-info{flex-direction: column-reverse; gap: 94px;}
    [data-main="section-notice"] .info-tab{width: 100%;}
    [data-main="section-notice"] .info-tab h3{font-size: 24px; top: -50px;}
    [data-main="section-notice"] .ts-swiper{width: 100%;}
    [data-main="section-notice"] .ts-swiper .swiper-container{border-radius: 12px;}
    [data-main="section-notice"] .info-cont ul li{padding: 15px 0;}
    [data-main="section-notice"] .info-buttons .info-btn{border-radius: 10px;}

    [data-main="section-media"]{padding: 0 20px 25px;}
    [data-main="section-media"] h3{font-size: 24px; top: -50px;}
    [data-main="section-media"] .media-box{ flex-direction: column-reverse; gap: 94px;}
    [data-main="section-media"] .media-box .media-rt{flex: 1;}

    [data-main="section-sns"]{padding: 0 20px 25px;}
    [data-main="section-sns"] .title{margin-bottom: 10px;}
    [data-main="section-sns"] h3{font-size: 24px; top: -50px;}
    [data-main="section-sns"] .group{flex-wrap: wrap;}
    [data-main="section-sns"] [class*="sns_box"]{width: 100%;}
    [data-main="section-sns"] [class*="sns_box"] .img{max-width: 150px;}

    [data-main="short"]{padding: 0 20px;}
    [data-main="short"] h3{font-size: 24px; margin-bottom: 10px;}
    [data-main="short"] .list > li{flex: 1 0 125px;}
    [data-main="short"] .list > li > a {font-size: 14px;}
}
@media screen and (max-width:580px){
    [data-main="section-quick"] h3 {font-size: 18px;}
    [data-main="section-quick"] .list a{font-size: 11px; font-weight: 400; line-height: 130%;}
    [data-main="section-quick"] .list a .img-box{max-width: 50px; height: 50px;}
    [data-main="section-notice"]{padding-bottom: 65px;}
    [data-main="section-notice"] .info-box{width: 100%; height: 100%; position: relative;}
    [data-main="section-notice"] .info_wrap{width: 100%; height: 100%;}
    [data-main="section-notice"] .ts-info{gap: 72px;}
    [data-main="section-notice"] .info-tab h3{font-size: 18px; top: -45px;}
    [data-main="section-notice"] .news{font-size: 13px; width: 60px;}
    [data-main="section-notice"] .info_wrap:nth-child(2) .news{left: 70px;}
    [data-main="section-notice"] .info_wrap:nth-child(3) .news{left: 140px;}
    [data-main="section-notice"] .info_wrap:nth-child(4) .news{left: 210px;}
    [data-main="section-notice"] .info-cont{height: 100%; margin-top: 45px;}
    [data-main="section-notice"] .info-cont ul li a{font-size: 11px;}
    [data-main="section-notice"] .info-cont ul li a span{font-size: 11px;}
    [data-main="section-notice"] .info-cont ul li a em{width: calc(100% - 80px);}
    [data-main="section-notice"] .info-cont ul li a em.new{padding-left: 20px;}
    [data-main="section-notice"] .info-cont ul li a em.new::before{background-size: 11.68px 11.68px;}
    [data-main="section-media"] h3{font-size: 18px; top: -45px;}
    [data-main="section-media"] .media-box{gap: 72px;}
    [data-main="section-media"] .media-box .media-card.video::before{background-size: 60%;}
    [data-main="section-media"] .media-box .media-card .media-txt{font-size: 17px;}
    [data-main="section-media"] .media-box .media-card .media-btn{font-size: 11px; padding: 8.5px 16px;}
    [data-main="section-media"] .media-box .media-card{border-radius: 10px;}
    [data-main="section-media"] .media-box .media-card .badge{font-size: 10px; padding: 4px; border-radius: 6px;}

    [data-main="section-sns"] h3{font-size: 18px; top: -45px;}
    [data-main="section-sns"] [class*="sns_box"] .img{max-width: 107px; border-radius: 20px;}
    [data-main="section-sns"] [class*="sns_box"]{padding: 16.32px;}
    [data-main="section-sns"] [class*="sns_box"] h4{font-size: 11px; margin-bottom: 9px;}
    [data-main="section-sns"] [class*="sns_box"] .sns-txt{font-size: 15px;}
    [data-main="section-sns"] [class*="sns_box"] .sns-txt .date{font-size: 11px;}
    [data-main="section-sns"] .link{gap: 16px;}
    [data-main="section-sns"] [data-sns-icon]{width: 23.8px; height: 23.8px;}
    [data-main="section-sns"] [data-sns-icon]:after{width: 23.8px; height: 23.8px;}
    [data-main="section-sns"] [data-sns-icon="youtube"]:after{height: 16.75px;}

    [data-main="short"] h3{font-size: 18px;}
    [data-main="short"] .list > li{flex: 1 0 110px;}
    [data-main="short"] .list > li > a{ font-size: 11px;}
}