@charset "utf-8";


/*********************************************** 혜경작업 ***********************************************/

/* common */
.viewport { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.line {overflow: hidden;}
.inner {width:1500px; margin: 0 auto;}
.section h2 {display: inline-block; font-family: 'GmarketSansBold'; font-size: 70px; color: #000; position:relative;}
.section h2::after {content: ''; width: 8px; height: 8px; border-radius: 50%; background: #093e7a; position: absolute; bottom: 20px; right:-12px;}
.mainVisual h2::after {content: none;}
.section h3 {font-size: 45px;}
.notoB {font-family: 'Noto Sans KR'; font-weight: 600;}
.wcp-red {background: #E52F42;}
.section .tit-txt .tit-desc {font-size: 20px; color: #959595; line-height: 1.4;}
.section .quickmenu-list {margin-top: 60px;}
.section .quickmenu-list li a {display: block; width: 460px; height: 70px; line-height: 70px; font-size: 20px; transition: color 0.3s ; position:relative; padding: 0 20px;color:#111}
.section .quickmenu-list li a:hover {color: #093e7a; font-weight: 500;}
.section .quickmenu-list li a::before {content:""; width: 100%; height: 1px; background: #e1e1e1; position: absolute; left: 0; bottom: 0;}
.section .quickmenu-list li a::after {content:""; width: 100%; height: 1px; background: #093e7a; position: absolute; bottom: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.5s; left: 0;}
.section .quickmenu-list li a:hover::after {transform: scaleX(1); transform-origin: left; transition: transform 0.5s;}
.section .quickmenu-list li a .quickmenu-arrow {display:inline-block; width:29px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' fill='none'%3E%3Cpath fill='%23363636' d='M26.509 9.84h1v-2h-1v2Zm-26 0h26v-2h-26v2Z'/%3E%3Cpath stroke='%23363636' stroke-width='2' d='m19.747 1.039 8.485 8.486M19.724 16.617l8.485-8.485'/%3E%3C/svg%3E"); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.section .quickmenu-list li a:hover .quickmenu-arrow {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' fill='none'%3E%3Cpath fill='%23E52F42' d='M26.509 9.84h1v-2h-1v2Zm-26 0h26v-2h-26v2Z'/%3E%3Cpath stroke='%23E52F42' stroke-width='2' d='m19.747 1.039 8.485 8.486M19.724 16.617l8.485-8.485'/%3E%3C/svg%3E");filter: invert(16%) sepia(29%) saturate(5703%) hue-rotate(201deg) brightness(93%) contrast(93%); animation: arrow 0.8s;}
.section .quickmenu-list .color_fff{color:#fff;}


/* 24-03-22 이다혜 수정 */
/* section 5번 line hover시, 색상 변경 안함 처리*/
.section.sec05 .quickmenu-list li a:hover {color: #fff; font-weight: 500;}
.section.sec05 .quickmenu-list li a::after {background: #fff;}
.section.sec05 .quickmenu-list li a:hover .quickmenu-arrow {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);}
/* section 5번 line hover시, 색상 변경 안함 처리*/



@keyframes arrow {
	0% {transform: translate(0px, -50%);}
	50% {transform: translate(10px, -50%);}
	100% {transform: translate(0px, -50%);}
}

@media all and (max-width:1700px) {
    body {min-width: 100%;}
    .inner {width: 92%;}
    .section h2 {font-size: 65px;}
    
}
@media all and (max-width:1440px) {
    .section h3 {font-size:35px;}
    
}
@media all and (max-width:1279px) {
    .section h2 {font-size: 50px;}
    .section h2::after  {bottom:10px;}
    .section .quickmenu-list {margin-top: 0;}
}
@media all and (max-width:1024px) {
    .section h2 {font-size: 45px;}
    .section h3 {font-size:30px;}
    .section .tit-txt .tit-desc {font-size:18px;}
    .section .quickmenu-list li a {width: 400px; font-size: 18px;}
    
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .section h2 {font-size: 35px;}
    .section h3 {font-size:28px;}
    .section .quickmenu-list {margin-top: 20px; width: 100%;}
    .section .tit-txt .tit-desc {font-size:17px;}
    .section .quickmenu-list li a {width: 100%; height: 60px; line-height: 60px; font-size: 17px;}
    .section .tit-txt .tit-desc br {display: none;}
}
@media all and (max-width:479px) {
    .section h2 {font-size: 32px;}
    .section h3 {font-size: 24px; letter-spacing: -0.1rem;}
    .section h2::after {right: -12px; width: 6px; height: 6px;}
}



/* sec01 */
.mainVisual {position: relative;}
.visual-video {width: 100%; height: 100vh; position: relative;}
.visual-video video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; object-fit: cover;}
.mainVisual .inner {position: absolute; left: 50%; top: 50%; z-index: 10; text-align: left; transform: translate(-50%, -50%);}
.mainVisual .visual-inner-txt {color: #fff; text-align: left;}
.mainVisual .visual-inner-txt h2 {color: #fff; transition-delay: 0.2s; font-family: "GmarketSansBold"; font-size: 80px; line-height: 1em;}
.mainVisual .visual-inner-txt p { transition-delay: 0.4s; padding-top:40px; font-size: 24px;}

@media all and (max-width:1700px) {
    .visual-video {height: 0; padding-bottom: 56.25%;}

}
@media all and (max-width:1440px) {
    .mainVisual .visual-inner-txt h2 {font-size: 4.4em;}
    
}
@media all and (max-width:1279px) {
    .mainVisual .visual-inner-txt h2 {font-size: 3.5em;}
    .mainVisual .visual-inner-txt p {padding-top:20px; font-size: 1.6em;}
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .mainVisual .visual-inner-txt {text-align:center;}
    .mainVisual .visual-inner-txt h2 {font-size: 3em;}
    .mainVisual .visual-inner-txt p {font-size: 1.2em;}
    
}
@media all and (max-width:479px) {
    .mainVisual .visual-inner-txt h2 {font-size: 2.2em;}
    .mainVisual .visual-inner-txt p {font-size: 1em; line-height: 1.2; padding-top:10px;}
}
/* sec02, sec03 */
.sec02,
.sec03 {position: relative; padding: 80px 0;}
.sec02 .inner,
.sec03 .inner {display: flex; align-items: center; justify-content:space-between; width: 100%;}
.sec03 .inner {flex-direction: row-reverse;}

.sec02 .inner .con-txt,
.sec03 .inner .con-txt {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;flex: 1;}
.sec02 .inner .con-txt .tit-txt,
.sec02 .inner .con-txt .quickmenu-list {padding: 0 120px; width: 100%; max-width: 700px;}

.sec03 .inner .con-txt .tit-txt,
.sec03 .inner .con-txt .quickmenu-list {padding: 0 120px; width: 100%; max-width: 700px;}

.sec02 .inner .con-img-wrap {display: flex;position: relative;align-items: flex-end;justify-content: center;flex-direction: column;height: 720px;border-radius: 16px 0 0 16px;overflow: hidden;}
.sec03 .inner .con-img-wrap {display: flex;position: relative;align-items: flex-end;justify-content: center;flex-direction: column;height: 720px;border-radius: 0 16px 16px 0;overflow: hidden;}
.sec02 .con-img-wrap .con-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.sec02 h2,
.sec03 h2 {margin-bottom: 20px;}
.sec02 .con-txt,
.sec03 .con-txt {margin-top: 60px;}
.sec02 .con-img-wrap,
.sec03 .con-img-wrap {height: 100%; width: 85%; position: absolute; top: 0; right: 0; transition: all 1s!important;}
.sec03 .con-img-wrap {left: 0; right: auto;transition: all 1s!important;}

.sec02.active .con-img-wrap,
.sec03.active .con-img-wrap {width: 50%; transition: all 1s;}

.section .con-img-wrap .con-img {width: 100%; height: 100%; transition: all 1s;}
.sec02 .con-img-wrap .con-img {background: url(../images/main/sec02Bg.jpg) no-repeat center / cover;}
.sec03 .con-img-wrap .con-img {background: url(../images/main/sec03Bg.jpg) no-repeat center / cover;}


@media all and (max-width:1700px) {
    .sec02 .inner,
    .sec03 .inner {height: 800px;}

    .sec02 .inner .con-txt .tit-txt,
    .sec02 .inner .con-txt .quickmenu-list,
    .sec03 .inner .con-txt .tit-txt,
    .sec03 .inner .con-txt .quickmenu-list { padding: 0 48px;}

    .sec02 .inner .con-img-wrap,
    .sec03 .inner .con-img-wrap {height: 100%;}
    
}
@media all and (max-width:1440px) {
    .sec02 .inner,
    .sec03 .inner {width: 92%; height: 700px;}
    .sec02 .inner .con-img-wrap,
    .sec03 .inner .con-img-wrap {height: 100%;}
    
}
@media all and (max-width:1279px) {
    .sec02,
    .sec03 {padding-top: 50px;}
    .sec02 .inner,
    .sec03 .inner {flex-direction:column-reverse; height: auto;}
    .sec02 h2, .sec03 h2 {margin-bottom: 60px}
    .sec02 .inner .con-txt,
    .sec03 .inner .con-txt {width:100%; margin-top: 50px; display: flex; flex-direction: row;align-items: flex-end;justify-content: space-between;}
    .sec02 .inner .con-img-wrap,
    .sec03 .inner .con-img-wrap {position: relative; width: 100%; height: 400px; border-radius: 0;}
    .sec02.active .con-img-wrap,
    .sec03.active .con-img-wrap {width: 100%; padding: 0;}
    .section .con-img-wrap .con-img {transition: all 1s;}
    .sec02 .con-img-wrap .con-img {background-position: center 80%;}
    .sec02.active .con-img-wrap .con-img,
    .sec03.active .con-img-wrap .con-img {border-radius: 32px;}
    
    .sec02 .inner .con-txt .tit-txt,
    .sec02 .inner .con-txt .quickmenu-list {padding: 0; width: auto;}
    
    .sec03 .inner .con-txt .tit-txt,
    .sec03 .inner .con-txt .quickmenu-list {padding: 0; width: auto;}

}
@media all and (max-width:1024px) {
    .sec02 .con-img-wrap,
    .sec03 .con-img-wrap {height: 320px;}
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .sec02 h2, .sec03 h2 {margin-bottom: 20px;}
    .sec02 .inner .con-txt,
    .sec03 .inner .con-txt {flex-direction: column; align-items:flex-start;}
    .sec02 .inner .con-img-wrap,
    .sec03 .inner .con-img-wrap {height: 250px;}
    .sec02.active .con-img-wrap .con-img,
    .sec03.active .con-img-wrap .con-img {border-radius: 35px;}

    .sec02 .inner .con-txt .tit-txt,
    .sec02 .inner .con-txt .quickmenu-list {width: 100%;}
    
    .sec03 .inner .con-txt .tit-txt,
    .sec03 .inner .con-txt .quickmenu-list {width: 100%;}

}
@media all and (max-width:479px) {
    .sec02 .con-txt, .sec03 .con-txt {margin-top: 30px;}
    .sec02 .con-img-wrap,
    .sec03 .con-img-wrap {height: 170px;}
}
/* sec04 */
.sec04 {padding: 100px 0; position: relative; height: auto; overflow: hidden;}
.sec04 .inner {margin: 50px auto;}

#three-canvas {width:500px; height: 500px; position: absolute; top: 5%; left: 50%; transform: translate(-50%, 50%); z-index: -1; }
#three-canvas canvas {display:block; width: 100% !important; height: 100% !important;}
.sec04 .circle-txt {width:max-content; position: absolute; top: 59%; left: 50%; transform: translate(-50%, -50%);text-align: center;}
.sec04 .circle-txt span {font-size: 22px; color: #093e7a; font-family: 'Noto Sans KR'; font-weight: 600;}
.sec04 .circle-txt h3 {font-weight: 600; padding-top: 30px; line-height: 1.2;}
.sec04 .circle-txt .more-btn {display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; width: 140px; height: 140px; border: 1px solid #093e7a; position:relative; margin: 100px auto 0;   animation: upDown 2s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;}
.sec04 .circle-txt .more-btn .more-item {background: #093e7a; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 50%; transition: all 0.3s; color: #fff;}
.sec04 .circle-txt .more-btn .more-item:hover {width: 120px; height: 120px;}
.sec04 .circle-txt .more-btn .more-item::after {display:block; content:""; width: 20px; height: 10px; margin-top: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='10' fill='none'%3E%3Cpath fill='url(%23a)' d='M0-.008h20v10H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.05 .1)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2QzEzMjk2Q0VGQTExRUU4MUVFQ0U1MTAyQjc4ODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2QzEzMjk3Q0VGQTExRUU4MUVFQ0U1MTAyQjc4ODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjZDMTMyOTRDRUZBMTFFRTgxRUVDRTUxMDJCNzg4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjZDMTMyOTVDRUZBMTFFRTgxRUVDRTUxMDJCNzg4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6A/MFpAAAARklEQVR42qyRMQ4AMAgCxfj/L9OpSWudCowmXtADyfjMXsQ5zNBDFxATVG34QKtXVs/PMKe6JVEK0glTpXCS4/jh9bIlwADTPgwUWFii4AAAAABJRU5ErkJggg==' id='b' width='20' height='10'/%3E%3C/defs%3E%3C/svg%3E");}
.sec04 .circle-bg {position: relative; z-index: -1;}
.sec04 .circle-bg span {display: block; margin: 0 auto;}
.sec04 .circle-bg .spin-cir1 span {width: 820px; height: 820px; background: url(../images/main/spinCirB.svg) no-repeat center / contain; /*animation: spin 55s linear reverse infinite;*/}
.sec04 .circle-bg .spin-cir2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sec04 .circle-bg .spin-cir2 span {width: 820px; height: 820px; background: url(../images/main/spinCirD.svg) no-repeat center / contain; animation: spin 55s linear infinite;}

@keyframes spin {
	100% {transform: rotate(360deg);}
}



@keyframes upDown {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    50% {
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}


@media all and (max-width:1700px) {
    .sec04 .circle-bg .spin-cir1 span {width: 70vw; height: 70vw;}
    .sec04 .circle-bg .spin-cir2 span {width: 57vw; height: 57vw;}
}

@media all and (max-width:1279px) {
    .sec04 {padding: 50px 0; }
    .sec04::after,
    #three-canvas {width:420px; height: 420px;}
    .sec04 .circle-bg {top: 0;}
    .sec04 .circle-txt .more-btn {margin-top: 80px;}
}
@media all and (max-width:1024px) {
   
    .sec04::after,
    #three-canvas {width:380px; height: 380px;}
    .sec04 .circle-txt {top: 55%;}
    .sec04 .circle-txt span {font-size: 20px;}
    .sec04 .circle-txt .more-btn {width: 120px; height: 120px; margin-top: 50px;}
    .sec04 .circle-txt .more-btn .more-item:hover {width: 100px; height: 100px;}
    
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .sec04 { height: auto;padding: 50px 0 90px 0px;}
    .sec04::after{width: 45vw; height: 45vw; bottom: 50%; transform: translate(-50%, 50%);}
    #three-canvas {width: 50vw; height: 50vw; top: 5%; transform: translate(-50%, 50%);}
    .sec04 .circle-bg .spin-cir1 span {width: 100%; height: 90vw;}
    .sec04 .circle-bg .spin-cir2 span {width: 74vw; height: 74vw;}
    .sec04 .circle-txt {width: 92%;}
    .sec04 .circle-txt span {font-size: 18px;}
    .sec04 .circle-txt .more-btn {width: 80px; height: 80px; margin-top: 20px;}
    .sec04 .circle-txt .more-btn .more-item:hover {width: 80px; height: 80px;}
    
}
@media all and (max-width:479px) {
    .sec04 .circle-txt h3 br {display:none;}
    #three-canvas {top:11%}

}

/* sec05 */
.sec05 { width: 100%; color: #fff; transition: all 1s; position: relative;}
.sec05 .sec05Bg {width: 100%; height: 100%; padding: 127px 0; background: url(../images/main/sec04Bg.jpg) no-repeat center / cover; }
.sec05.active {padding: 0 50px;}
.sec05.active .sec05Bg {border-radius: 120px;}
.sec05 .inner h3 {line-height: 1.2;}
.sec05 .quickmenu-list li a .quickmenu-arrow {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M26.509 9.84h1v-2h-1v2Zm-26 0h26v-2h-26v2Z'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='m19.747 1.039 8.485 8.486M19.724 16.617l8.485-8.485'/%3E%3C/svg%3E");}


@media all and (max-width:1700px) {
    .sec05.active {padding: 0;}
    .sec05.active .sec05Bg {width:92%; margin: 0 auto; transition: all 1s;}
}

@media all and (max-width:1279px) {
    .sec05 .sec05Bg {padding: 90px 0;}
    .sec05.active .sec05Bg {border-radius: 32px;}
}
@media all and (max-width:1024px) {
    .sec05 .sec05Bg {padding: 70px 0;}
    
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .sec05 .sec05Bg {padding: 50px 0;}
    .sec05.active .sec05Bg {border-radius: 24px; transition: all 1s;}
    
}
@media all and (max-width:479px) {
    
}

/* sec06 */
.sec06 {padding: 100px 0;}
.sec06 .tit-con-wrap {justify-content: space-between; margin-bottom: 60px;}
.sec06 .tit-con-wrap,
.sec06 .tit-txt {display: flex; align-items: flex-end;}
.sec06 .tab-btn {display: flex;}
.sec06 .tab-con-wrap .tab-btn {display: none;}
.sec06 .tab-btn li:not(:last-child) {margin-right: 20px;}
.sec06 .tab-btn li a {display: flex; align-items: center; font-size: 18px; border-bottom: 1px solid #323232; padding-bottom: 5px;}
.sec06 .tab-btn li a .tab-arrow { display: inline-block; width: 12px; height: 10px; background: url(../images/main/sec06arrowS.png) no-repeat center; margin-left: 7px;}
.sec06  .tab-con-wrap {display: flex; justify-content: space-between;}
.sec06  .tab-con-wrap > div {width: calc((100% - 60px) / 2);}
.sec06  .tab-con-wrap > div .tab-conbox { border-top: 1px solid #E1E1E1;}
.sec06  .tab-con-wrap .tab-conbox li a {display: flex; align-items: center;  border-bottom: 1px solid #E1E1E1; padding: 20px 25px; position:relative;}
.sec06  .tab-con-wrap .tab-conbox li a::before {content:""; width: 29px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' fill='none'%3E%3Cpath fill='%23E52F42' d='M26.509 9.84h1v-2h-1v2Zm-26 0h26v-2h-26v2Z'/%3E%3Cpath stroke='%23E52F42' stroke-width='2' d='m19.747 1.039 8.485 8.486M19.724 16.617l8.485-8.485'/%3E%3C/svg%3E"); position: absolute; top: 50%; right: 25px; transform: translateY(-50%); opacity: 0; transition: opacity 0.2s;}
.sec06  .tab-con-wrap .tab-conbox.bbs-ir li a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' fill='none'%3E%3Cpath fill='%23141D76' d='M26.509 9.84h1v-2h-1v2Zm-26 0h26v-2h-26v2Z'/%3E%3Cpath stroke='%23141D76' stroke-width='2' d='m19.747 1.039 8.485 8.486M19.724 16.617l8.485-8.485'/%3E%3C/svg%3E");}
.sec06  .tab-con-wrap .tab-conbox li a:hover::before {opacity: 1; animation: arrow 0.8s;}
.sec06  .tab-con-wrap .tab-conbox li a::after {content: ""; width: 100%; height: 1px; background: #E52F42; position: absolute; bottom: -1px; transform: scaleX(0); transform-origin: right; transition: transform 0.5s; left: 0;}
.sec06  .tab-con-wrap .tab-conbox.bbs-ir li a::after {background: #141D76;}
.sec06  .tab-con-wrap .tab-conbox li a:hover::after { transform: scaleX(1); transform-origin: left; transition: transform 0.5s;}
.sec06  .tab-con-wrap .tab-conbox li a .date-box {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 30px; text-align: center; font-family: 'GmarketSansMedium'; margin-right:25px; transition: all 0.3s; flex-shrink: 0;}
.sec06  .tab-con-wrap .tab-conbox.bbs-notice li a .date-box {border: 1px solid #E52F42; color: #E52F42;}
.sec06  .tab-con-wrap .tab-conbox.bbs-ir li a .date-box {border: 1px solid #141D76; color: #141D76;}
.sec06  .tab-con-wrap .tab-conbox.bbs-notice li a:hover .date-box {border: 1px solid #E52F42; color: #fff; background: #E52F42;}
.sec06  .tab-con-wrap .tab-conbox.bbs-ir li a:hover .date-box {border: 1px solid #141D76; color: #fff; background: #141D76;}
.sec06  .tab-con-wrap .tab-conbox li a .date-box .date-day {display:block; font-size:35px; line-height: 1;}
.sec06  .tab-con-wrap .tab-conbox li a .date-box .date-month {font-size:12px;}
.sec06  .tab-con-wrap .tab-conbox li a .date-box + div {width: calc(100% - 180px);}
.sec06  .tab-con-wrap .tab-conbox li a .bbs-cate,
.sec06  .tab-con-wrap .tab-conbox li a .bbs-title {font-size: 18px;}
.sec06  .tab-con-wrap .tab-conbox li a .bbs-cate {color: #8C8485; margin-bottom: 5px; transition: color 0.3s;}
.sec06  .tab-con-wrap .tab-conbox.bbs-notice li a:hover .bbs-cate {color: #E52F42; font-weight: 500;}
.sec06  .tab-con-wrap .tab-conbox.bbs-ir li a:hover .bbs-cate {color: #141D76; font-weight: 500;}
.sec06  .tab-con-wrap .tab-conbox li a .bbs-title {font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


@media all and (max-width:1279px) {
    .sec06 {padding: 50px 0;}
    .sec06 .tit-con-wrap {margin-bottom: 0;}
    .sec06 .tab-con-wrap {flex-direction: column;}
    .sec06  .tab-con-wrap > div {width: 100%; margin-top: 30px;}
    
    .sec06 .tit-con-wrap .tab-btn {display: none;}
    .sec06 .tab-con-wrap .tab-btn {display: flex; justify-content: flex-end; border-bottom: 1px solid #323232;}
    .sec06 .tab-con-wrap .tab-btn li a {border-bottom: none;}
}
@media all and (max-width:1024px) {
    
}
/* 모바일 가로 & 태블릿 세로 */
@media all and (max-width:767px) {
    .sec06 .tab-con-wrap > div {margin-top: 20px;}
    .sec06 .tab-con-wrap .tab-conbox li a .date-box {width: 85px; height: 85px; border-radius: 20px; margin-right: 20px;}
    .sec06 .tab-con-wrap .tab-conbox li a .date-box .date-day {font-size: 30px;}
    .sec06 .tab-con-wrap .tab-conbox li a .date-box + div {width: calc(100% - 135px);}
    .sec06 .tab-con-wrap .tab-conbox li a .bbs-cate,
    .sec06 .tab-con-wrap .tab-conbox li a .bbs-title {font-size: 17px;}
    .sec06 .tab-btn li a {font-size: 16px;}
    
}
@media all and (max-width:479px) {
    .sec06 .tab-con-wrap .tab-conbox li a {padding: 15px;}
    .sec06 .tab-con-wrap .tab-conbox li a::before {right: 15px;}
}