@charset "utf-8";
.sub-container{
    width: 100%;
    margin-bottom: 100px;
}

.visual .icon::before{
    content: none;
}

.sub_pb {padding-bottom: 180px}

.tab-cont .sub-head{ justify-content:flex-end; margin-top: -80px;}
.sub-tit {margin-bottom: 40px;}
.sub-tit h3{font-size: 32px; font-weight: 600;  color: #000; }
.sub-tit p{margin-top: 32px;}
.flex-cont{display:flex; }
.flex-cont .left-cont{ width:calc(100% - 980px);}
.flex-cont .right-cont{ width:980px;}

.flex-cont.w50{gap: 30px;}
.flex-cont.w50 .left-cont,
.flex-cont.w50 .right-cont{ width:50%;}

.flex-cont .img-cont{ width: 100%; max-width: 600px; margin: 0 auto;}
.flex-cont .img-cont.w100{  max-width: 100%; }

@media all and (max-width:1480px){
	.flex-cont{flex-direction:column;}
	.flex-cont.w50{flex-direction:row;}
	.flex-cont .left-cont{width:100%;}
	.flex-cont .right-cont{width:100%;}
}

@media all and (max-width:1023px) {
	.flex-cont.w50{flex-direction:column;}
	.flex-cont.w50 .left-cont,
	.flex-cont.w50 .right-cont{ width:100%;}

}

@media all and (max-width:820px) {
    .sub-tit{margin-bottom: 20px;}
	.sub-tit h3{font-size: 24px;}
	.sub-tit p{margin-top: 15px;}
}

/* 공통 타이틀 */
.content-tit {text-align: center; padding-bottom: 40px;}
.sub-menu-tit {font-size: 60px; font-weight: 700; letter-spacing: -0.01em; color: #000; line-height: 1.3; }
.sub-menu-txt {font-size: 20px; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 20px;}
.sub-con-tit-box {margin-bottom: 70px; text-align: center;}
.sub-con-tit-box.text-left{text-align: left;}
.sub-con-tit-box.mb-30 {margin-bottom: 30px; }
.sub-con-tit-box em {display: inline-block; font-size: 20px; font-weight: 700; letter-spacing: -0.050em; color: var(--mainColor); padding-bottom: 20px;}
.sub-con-tit {/*font-size: 60px;*/font-size: 42px;font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.1;}
.sub-con-tit.let50 {letter-spacing: -0.050em;}
.sub-con-txt {font-size: 34px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.41; padding-top: 20px; word-break: break-all;}
.sub-con-txt02 {font-size: 30px; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.33; padding-top:23px;}
.sub-con-tit-box .sub-txt {font-size: 15px; font-weight: 600; letter-spacing: -0.025em; color: #666666; padding-top:25px;}

.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}

.text-center{text-align: center;}

/* 공통 bg */
.bg-gray{background: #fcfcfc;}

@media all and (max-width:800px){
	.sub-con-tit-box{
		margin-bottom: 5rem;
	}
	.sub-menu-tit {font-size: 3.6rem;}
	.sub-con-tit {font-size: 3.6rem;}
	.sub-con-txt {font-size: 2.3rem; padding-top: 2rem; }
	.sub-con-txt02 {font-size: 2.2rem;}
}
@media all and (max-width:480px){
	.sub-menu-tit br,
	.sub-con-tit br{display: none;}

	/* .sub-con-tit-box{
		margin-bottom: 40px;
	}
	.sub-menu-tit {font-size: 26px;}
	.sub-con-tit {font-size: 26px;}
	.sub-con-txt {font-size: 18px; padding-top: 20px; }
	.sub-con-txt02 {font-size: 16px;} */

}

.visual {width: 100%; position: relative; margin-bottom: 60px; z-index: 15 ; }
.visual .img{padding-top:min(35%, 600px) ; position: relative; overflow: hidden}
.visual .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; height: 101%; display: block; transition: transform 2000ms ease-in-out;will-change: transform;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.visual .inner {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; display: flex; align-items: center}
.visual .text_box {width: 100%; }
.visual .text_box .tit{color: #fff; font-size: 48px; font-weight: 700;}
.visual .text_box .txt {color: #fff; font-size: 16px; margin-top: 10px; opacity: 0.8; font-weight: 300}
.visual .sub_nav {position: absolute; bottom: 30px; display: flex; align-items: center; font-size: 16px; color: #fff}
.visual .sub_nav .select_box {display: flex; align-items: center}
.visual .sub_nav .select_box:before {content: ""; width: 1px; height: 15px; background-color: #fff; opacity: 0.3; margin: 0 30px; display: block}
.visual .sub_nav .select_box .nice-select{background-color: transparent; border: none; color: #fff; line-height: 1.5; height: auto; font-size: 16px;padding: 0; width: 180px}
.visual .sub_nav .select_box .nice-select:after{border-bottom: 1px solid #fff;border-right: 1px solid #fff; width: 7px; height: 7px;right: 5px; margin-top: -6px}
.visual .sub_nav .select_box .nice-select .list {width: 100%; background-color: var(--mainColor);border-radius: 0; margin-top: 10px; padding: 10px 0; color: rgba(255,255,255,0.5)}
.visual .sub_nav .select_box .nice-select .list li {background-color: transparent; padding: 0;}

.visual .sub_nav .select_box .nice-select .list li a{
    display: block;
    padding-left: 18px;
    padding-right: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.visual .sub_nav .select_box .nice-select .current {display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 85%}
.visual .sub_nav .nice-select .option:hover,
.visual .sub_nav .nice-select .option.focus,
.visual .sub_nav .nice-select .option.selected.focus{background-color: transparent;color: #fff;font-weight: bold;}

.visual .share_btn  {position: absolute; right: 20px; bottom: 0 ; transform: translateY(50%) ;width: 80px; height: 80px; background-color: var(--mainColor); color: #fff; font-size: 32px; text-align: center; line-height: 76px; cursor: pointer; display: none}
.visual  .share_area { position: absolute; padding:10px 0 20px; flex-direction: column; justify-content: space-around; align-items: center; opacity: 0; pointer-events: none;
    width: 100%; height:0px; overflow: hidden; bottom:0px; left:50%; transform: translate(-50%,100%);background: var(--mainColor); flex-wrap: wrap; transition: height 0.5s, width 0s ease-in-out, opacity 0.5s; z-index: 3}
.visual .share_area.on { height:270px; opacity: 1; pointer-events: inherit;}
.visual .share_area .a_box {display: block; width:100%; padding:0; background: none; border-radius: 0;}
.visual .share_area a {display: block;  margin:0 auto 0; text-align: center; opacity: 0.8; width:100%; transition: 0.3s ease-in-out; color: #fff; font-size:21px; line-height: 1;}
.visual .share_area a i {color: #fff;}
.visual .share_area .a_box + .a_box {margin-top:30px;}
.visual .share_area a.facebook {width:11px;}
.visual .share_area a.kakao {width: 21px;}
.visual .share_area a.blog {width: 23px;}
.visual .share_area a.youtube {width: 25px;}




.visual.on .img img {transform: scale(1.0,1.0) rotate(0.002deg);}


@keyframes stroke-ani1 {
    from {stroke-dashoffset: 464; }
    to {stroke-dashoffset: 645; }
}

@keyframes stroke-ani2 {
    from {stroke-dashoffset: 784; }
    to {stroke-dashoffset: 890;}
}

@keyframes stroke-ani3 {
    from {stroke-dashoffset: 940; }
    to {stroke-dashoffset: 1250;}
}

@media all and (max-width:2000px){
    .visual .text_box .tit {font-size: 48px;}

}


@media all and (max-width:1600px){

    .visual .img {padding-top:450px; }
    .visual .text_box .tit {font-size: 36px}

    .sub .banner .text_box .tit {font-size: 30px; }

}



@media all and (max-width:1200px){


    .visual {margin-bottom: 120px}
    .visual .img {padding-top: 380px}

    .visual .text_box .tit {font-size: 28px}

    @keyframes stroke-ani1 {
        from {stroke-dashoffset: 464; }
        to {stroke-dashoffset: 686; }
    }

    @keyframes stroke-ani2 {
        from {stroke-dashoffset: 705; }
        to {stroke-dashoffset: 990;}
    }

    @keyframes stroke-ani3 {
        from {stroke-dashoffset: 952; }
        to {stroke-dashoffset: 1450;}
    }


}


@media all and (max-width:768px){



    .visual {margin-bottom: 30px}
    .visual .inner {z-index: 3}
    .visual .img {padding-top: 320px; position: relative}
    .visual .img:before {content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; z-index: 1}
    .visual .text_box {z-index: 3}
    .visual .text_box .txt {font-size: 13px; font-weight: 500;}
    .visual .sub_nav {font-size: 13px; bottom: 20px; z-index: 3}
    .visual .sub_nav .select_box:before {height: 10px; margin: 0 10px}
    .visual .sub_nav .select_box .nice-select {font-size: 13px; width: 120px}
    .visual .sub_nav .select_box .nice-select .option {min-height: 30px; line-height: 30px; padding-left: 10px; padding-right: 20px}
    .visual .sub_nav .select_box .nice-select .list li a{
        padding-left: 10px;
        padding-right: 20px;
    }
    .visual .text_box .tit {font-size: 24px;}


    /*768*/
}

@media all and (max-width:480px) {
    .visual .sub_nav .select_box .nice-select .list li a{
        padding-left: 10px;
        padding-right: 10px;
    }
}


.sub_cont_tit {
    margin: 0px auto 80px;
    color: #333;
    text-align: center
}

.sub_cont_tit h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
}

.sub_cont_tit h2 strong {
    color: var(--mainColor);
    line-height: 1.2
}

.sub_cont_tit h3 {
    font-size: 30px;
    line-height: 1.2;
    margin: 20px 0
}

.sub_cont_tit p {
    font-size: 18px;
    color: #666;
    margin-top: 40px;
    line-height: 1.6
}


@media all and (max-width:768px) {
    .sub_cont_tit {
        margin: 0 auto 60px
    }

    .sub_cont_tit h2 {
        font-size: 28px
    }

    .sub_cont_tit h2 br {
        display: none
    }

    .sub_cont_tit p {
        font-size: 16px
    }

    .sub_cont_tit h3 {
        font-size: 22px
    }
}

.swiper-scrollbar { background: #D9D9D9; }
.swiper-scrollbar-drag { background: var(--mainColor); }
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { left: 0; right: 0; width: 100%; height: 4px; }


.sub-slide-tab{margin-bottom: 100px;}
.section-tab-btns {
    display: flex;
    margin: 0 auto 10px;
    max-width: 1800px;
    width: 100%;
}

.section-tab-btns .swiper-slide {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.section-tab-btns .swiper-slide.on {
    font-weight: bold;
    color: var(--mainColor);
    border-color: var(--mainColor)
}

.section-tab-btns .swiper-slide.on:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
}

.section-tab-btns .swiper-slide a {
    width: 100%;
    height: 100%;
    padding: 32px 0;
    display: block;
}

.section-tab-btns.w2 .swiper-slide {
    width: 50% !important;
}

.section-tab-btns.w3 .swiper-slide {
    width: 33.333% !important;
}

.section-tab-btns.w4 .swiper-slide {
    width: 25%;
}

.section-tab-btns.w5 .swiper-slide {
    width: calc(100% / 5);
}

.section-tab-btns.w7 .swiper-slide {
    width: calc(100% / 7);
}

@media all and (max-width:1024px) {
    .section-tab-btns .swiper-slide {
        width: auto !important;
    }

    .section-tab-btns .swiper-slide a {
        padding: 32px 30px;
    }
}

@media all and (max-width:768px) {
    .section-tab-btns .swiper-slide a {
        padding: 14px 26px;
        font-size: 16px;
        text-wrap: nowrap;
    }
}


.sub-sec__visual {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 480px;
    padding: 50px 0;
    text-align: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub-sec__visual .category {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.14rem;
    /* background: linear-gradient(to right, var(--mainColor), #00a651);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.sub-sec__visual .title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: bold;
    color: #fff;
}

.sub-sec__visual .text {
    color: rgba(255, 255, 255, .6);
    font-size: 17px;
}

.sub-sec__visual.biz-consulting-visual {background-image:url("../../images/sub/biz_consulting_bg.jpg");}

@media all and (max-width: 1280px) {
    .sub-sec__visual {
        min-height: 400px;
    }

    .sub-sec__visual .category {
        font-size: 18px;
    }
}

@media all and (max-width: 1024px) {
    .sub-sec__visual {
        min-height: 350px;
    }

    .sub-sec__visual .category {
        font-size: 17px;
    }

    .sub-sec__visual .text {
        font-size: 16px;
    }
}

@media all and (max-width: 640px) {
    .sub-sec__visual {
        background-attachment: initial;
    }

    .sub-sec__visual .category {
        font-size: 16px;
    }

    .sub-sec__visual .title {
        font-size: 26px;
    }
}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative;/* height:60px; */margin-bottom:80px;}
.sub-tab-list-style ul{width:100%; height:100%; display: flex; /* flex-wrap:wrap; */ align-items: stretch; justify-content: center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; flex: 1; /* width:100%; */ max-width: 100%; background-color:#fff; border:1px solid #e5e5e5; border-left:0;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; /* height:58px; */ width:100%;padding: 15px 10px;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.05em; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:var(--mainColor); border-color: var(--mainColor);}
.sub-tab-list-style ul li.selected a em{color:#fff;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

.sub-tab-wrapper-style.list-css,
.sub-tab-wrapper-style.view-css{margin-bottom: 0;}
.sub-tab-wrapper-style.view-css{top: -90px;}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

.thum_cont img{
    display: block;
    margin: 0 auto;
}

.thum_cont .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thum_cont .flex-box > div {
    width: calc((100% - 100px) / 2);
}

.thum_cont figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* padding-bottom: 79.27%; */
    padding-bottom: 79.27%;
    border-radius: 20px;
}

.thum_cont figure img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thum_cont.thum_cont_type2 figure img {
    width: auto;
    max-width: 100%;
}

.sec-title span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--mainColor);
    /* text-transform: capitalize; */
    margin-bottom: 10px;
}

.sec-title h4 {
    font-size: 50px;
    font-weight: 700;
    color: #111;
}

.sec-title h3 {font-size: 2.6rem; font-weight: 700;}

.thum_cont .sec-title p {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.6666;
}

.thum_cont .sec-title p:not(:only-child) {
    margin-top: 20px;
}

.thum_cont .example {
    margin-top: 30px;
}

.thum_cont .example h6 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
}

.thum_cont .example ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.thum_cont .example ul li {
    /*width: calc((100% - 40px) / 3);*/
	width: calc((100% - 40px) / 2);
    /*border: 1px solid #EEE;
    border-radius: 20px;
    padding: 20px 25px;*/
}

.thum_cont .example ul li span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #D6D6D6;
    margin: 15px 0 5px;
}

.thum_cont .example ul li p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.thum_cont .example ul li img {
    width: 100%;
    border: 1px solid #EEE;
    border-radius: 20px;
}


/* 레이아웃 구조 커스텀 */
.thums .thum_cont:nth-child(2) .flex-box  .thum_img {order: 2;} 
.thums .thum_cont:nth-child(2) .flex-box  .thum_txt {text-align: right;} 

@media all and (max-width: 1700px) {
    .sec-title span {
        font-size: 17px;
    }

    .sec-title h4 {
        font-size: 40px;
    }

}

@media all and (max-width: 1400px) {
    .thum_cont .flex-box > div {
        width: calc((100% - 50px) / 2);
    }

}

@media all and (max-width: 1200px) {
    .sec-title p:not(:only-child) {
        margin-top: 10px;
    }

    .sec-title h4 {
        font-size: 35px;
    }

    .thum_cont .flex-box {
        align-items: stretch;
    }

    .thum_cont .flex-box > div:first-of-type {
        width: 40%;
    }

    .thum_cont .sticky {
        position: sticky;
        top: calc(70px + 100px);
        left: 0;
    }

    .thum_cont .example h6 {
        font-size: 18px;
    }

    .thum_cont .example ul li {
        width: calc((100% - 20px) / 2);
		padding: 20px 0 0;
    }

    .thum_cont .example ul li p {
        font-size: 16px;
    }

}

@media all and (max-width: 900px) {
    .sec-title h4 {
        font-size: 30px;
    }
	/* .thum_cont{
        margin-bottom: 50px;
    } */

    .thum_cont .flex-box {
        flex-direction: column;
        gap: 30px;
    }
    
/* 레이아웃 구조 커스텀 */
.thums .thum_cont:nth-child(2) .flex-box  .thum_img {order: 1;} 
.thums .thum_cont:nth-child(2) .flex-box  .thum_txt {order: 2; text-align: unset;} 

    .thum_cont .flex-box > div:first-of-type {
        width: 100%;
    }

    .thum_cont .flex-box > div {
        width: 100%
    }

	.thum_cont .example ul{gap: 10px;}
    
}


@media all and (max-width:640px) {
	.thum_cont .example ul{gap: 5px;}
	.thum_cont .example ul li {
        width: calc((100% - 10px) / 2);
    }
	/* .thum_cont .example ul li{width: 100%;} */


}


/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-wrapper-style{top: -30px;}
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style{top: -3rem; margin-bottom:5rem;}
	.sub-tab-list-style ul li{width:16rem;}
	.sub-tab-list-style ul li a{height:5.3rem;}
	.sub-tab-list-style ul li a em{font-size:1.7rem;}

}

/* 상단 썸네일 리스트형 */
.thum-content {width: 100%; }
.thum-content .thum-con {display: flex; flex-wrap: wrap; background: #fff; padding: 30px 0; height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con {width: 42.2%; display: flex; flex-direction:column; justify-content: center;padding: 0 0 0 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con .img {height: 440px; padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con .img img {max-width: 100%; max-height: 100%;}
.thum-content .thum-con .thum-left-con .txt-box {position: relative; padding-top: 30px;}
.thum-content .thum-con .thum-left-con .txt-box em {position: absolute;  left: 34px; top: -10px; display: inline-block; font-size: 90px; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.05);}
.thum-content .thum-con .thum-left-con .txt-box .tit {display: block; font-size: 30px; font-weight: 700; letter-spacing: -0.050em; color: #000000;}
.thum-content .thum-con .thum-left-con .txt-box .txt {font-size: 18px; font-weight: 500; letter-spacing: -0.050em; color: #000000; line-height: 1.44; padding-top: 25px;}
.thum-content .thum-con .thum-right-con {width: 57.8%; display: flex; flex-direction: column; justify-content: center;}
.thum-content .thum-con .thum-right-con li {display: flex; align-items: center; padding: 24px 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(139,139,139,0.2);}
.thum-content .thum-con .thum-right-con li:last-child {border-bottom: 0;}
.thum-content .thum-con .thum-right-con li span {position: relative; display: inline-block; width: 76px; height: 76px; border-radius: 50%; }
.thum-content .thum-con .thum-right-con li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.thum-content .thum-con .thum-right-con li dl {width: calc(100% - 76px); padding-left: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-right-con li dl dt {font-size: 20px; font-weight: 700; letter-spacing: -0.050em; line-height: 1.375; color: #000;}
.thum-content .thum-con .thum-right-con li dl dd {font-size: 18px; font-weight: 500; letter-spacing: -0.050em; line-height: 1.66; padding-top: 5px;}

@media all and (max-width:1280px){
	.thum-content .thum-con .thum-left-con {padding: 0 10px 0 50px;}
}

@media all and (max-width:800px){


	.thum-content {flex-wrap: wrap;}
	.thum-content .thum-con {flex-wrap: wrap; padding-bottom: 0;}
	.thum-content .thum-con .thum-left-con {width: 100%; padding: 0 0 3rem;}
	.thum-content .thum-con .thum-left-con .txt-box .tit {font-size: 2.7rem;}
	.thum-content .thum-con .thum-left-con .txt-box em {font-size: 7rem; top: 0.5rem;}
	.thum-content .thum-con .thum-right-con {width: 100%;}
    .thum-content .thum-con .thum-right-con li {padding: 24px 0;}
	.thum-content .thum-con .thum-right-con li:first-child {border-top: 1px solid rgba(139,139,139,0.2);}
	.thum-content .thum-con .thum-right-con li span {    width: 6.5rem; height: 6.5rem;}
    .thum-content .thum-con .thum-right-con li dl dt{font-size: 16px;}
}	


.dot-list {
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dot-list .dot-list {
    margin-top: 10px;
}

.dot-list .dot-txt {
    position: relative;
    padding-left: 17px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #58595B;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.dot-list .dot-txt:last-of-type {
    margin-bottom: 0;
}

.dot-list .dot-txt:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 9px;
    left: 0;
    background: #58595B;
}

.dot-list.dot-list2 .dot-txt {
    font-size: 1.7rem;
}

.bg_img {border-radius: 20px; overflow: hidden; margin: 0 auto;}

 .product-con .btnBox {display: flex; align-items: center; justify-content: center; gap: calc(10/24*1em); font-size: 24px; margin-bottom: calc(130/24*1em); padding-top: 60px; }
.product-con .btnBox .align50per {width: 50%; display: flex;}
.product-con .btnBox .align50per:first-child {justify-content: flex-end;}
.product-con .btnBox .align50per:last-child {justify-content: flex-start;}
.product-con .btnBox a {box-sizing: border-box; display: flex; align-items: center; gap: calc(30/24*1em); padding: calc(12/24*1em) calc(40/24*1em); border: 2px solid var(--mainColor); border-radius: calc(30/24*1em); font-weight: 700; letter-spacing: -0.03em; color: #000; transition: .4s;}
.product-con .btnBox a span {display: inline-block;}
.product-con .btnBox a i {font-size: calc(30/24*1em); letter-spacing: -0.03em; color: var(--mainColor); transition: .6s;}
.product-con .btnBox a:hover {background: var(--mainColor); color: #fff;}
.product-con .btnBox a:hover i {color: #fff;}
@media all and (max-width: 1600px) {
    .product-con .btnBox {font-size: clamp(22px, 24/1600*100vw, 24px);}
}
@media all and (max-width: 1440px) {
    .product-con .btnBox {font-size: clamp(20px, 22/1440*100vw, 22px);}
}
@media all and (max-width: 1280px) {
    .product-con .btnBox {font-size: clamp(18px, 20/1280*100vw, 20px);}
}
@media all and (max-width: 1024px) {
    .product-con .btnBox {font-size: clamp(16px, 18/1024*100vw, 18px); padding-top: 40px;}
    .product-con .btnBox a {gap: calc(20/18*1em); padding: calc(10/18*1em) calc(30/18*1em);}
}
@media all and (max-width: 820px) {
    .product-con .btnBox {flex-direction: column; gap: calc(15/16*1em); font-size: clamp(15px, 16/820*100vw, 16px); margin-bottom: calc(100/16*1em);}
    .product-con .btnBox .align50per {width: 100%;}
    .product-con .btnBox .align50per:first-child {justify-content: center;}
    .product-con .btnBox .align50per:last-child {justify-content: center;}
    .product-con .btnBox a {width: 100%; text-align: center; justify-content: center; gap: calc(5/16*1em); padding: calc(8/16*1em) calc(25/16*1em);}
    .product-con .btnBox a i {font-size: calc(16/16*1em);}
}
@media all and (max-width: 500px) {
    .product-con .btnBox {font-size: clamp(14px, 15/500*100vw, 15px); gap: calc(10/15*1em);}
}
@media all and (max-width: 360px) {
    .product-con .btnBox {font-size: clamp(13px, 14/360*100vw, 14px);}
}

 /* 상단 제품 정보 */
 .product-con .product-con-txt {font-size: 30px; font-weight: 500; letter-spacing: -0.050em; line-height: 1.33; color: #000; padding-bottom: 50px; text-align: center;}
.product-con .product-con-sub-tit {position: relative; font-size: 18px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.375; text-align: center;}


.cm-product-top {position: relative; }
.cm-product-top-bg {position: absolute; top:90px; left: 50%; transform: translateX(-50%); width: 1800px; height: 340px; border-radius: 170px; z-index: -1;
	background: linear-gradient(180deg, rgba(20,110,226,0.03) 0%,rgba(255,255,255,0.03) 100%);}
.cm-product-top-con {display: flex; align-items: center; padding-bottom: 90px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.cm-product-top-con .product-top-img {width: 50%; text-align: left; padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cm-product-top-con .product-top-img img {max-width: 100%; margin-left: -10px;}
.cm-product-top-con .product-top-img.right {padding-left: 50px; padding-right: 0;}
.cm-product-top-con .product-top-img.right img{margin-left: 0; margin-right: -10px;}
.cm-product-top-con .product-top-info {width: 50%; }
.cm-product-top-con .product-top-info .tit {font-size: 60px; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.15;}
.cm-product-top-con .product-top-info .tit em {display: inline-block; font-size: 20px; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.3);}
.cm-product-top-con .product-top-info .sub-tit {font-size: 34px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 35px;}
.cm-product-top-con .product-top-info .txt {font-size: 20px; font-weight: 600; letter-spacing: -0.050em; color: #000000; line-height: 1.65; padding-top: 8px;} 
.cm-product-top-con .product-top-info .cm-btn02 {margin-top: 30px; border-radius: 5px;}
.cm-product-top-con .product-top-info .sub-txt {display: block; font-size: 15px; font-weight: 600; letter-spacing: -0.025em; color: #666666; line-height: 1.3; padding-top: 35px;}

.cm-product-top-con .product-top-img .product-top-swiper{overflow: hidden; position: relative;}
.cm-product-top-con .product-top-img .product-top-swiper img{margin-left: 0px;}

/* Key Features */
.product-feature-con .sub-con-tit-box {text-align: center;}
.product-feature-list li {position: relative; width: 100%; height: 80px; border: 4px solid #f1f1f1; border-radius: 45px; margin-bottom: 22px;/* overflow: hidden; */box-sizing: border-box; transition: all 0.3s;}
.product-feature-list li:last-child {margin-bottom: 0;}
.product-feature-list li dl {width: 100%; height: 72px; display: flex; align-items: center;}
.product-feature-list li dl dt {position: relative; display: flex; align-items: center; width: 380px; height: 100%; text-align: center; /*padding-left: 70px;*/padding-left: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;
	font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.3; z-index: 10; transition: all 0.3s;}
    .product-feature-list li dl dt.w_100 {width: 100px;}
.product-feature-list li dl dt:before {position: absolute; content: ''; width: 100%; height: 76px; background: #f1f1f1; border-radius:45px; top: -3px; left: -4px; z-index: -1;  transition: all 0.3s;}
.product-feature-list li dl dt span {display: inline-block; margin-right: 20px; width: 51px; text-align: center;}
.product-feature-list li dl dt span .icon_on {display: none;}
.product-feature-list li dl dt span img {max-width: 100%;}
.product-feature-list li dl dd {width: calc(100% - 380px); padding-left: 50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-weight: 500; letter-spacing: -0.050em; color: #000000; line-height: 1.4;}
.product-feature-list li dl dd.w100 {width: 100%;}
.product-feature-list li dl dd.w_100 {width: calc(100% - 100px); }
.product-feature-list li dl dd .sub-txt {display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: -0.050em; color: #666666; line-height: 1.4;}
/* active */
.product-feature-list li.active {border-color: var(--mainColor); box-shadow: 10px 10px 40px rgba(22,98,196,0.1);}
/* .product-feature-list li.active:before {background: var(--mainColor);} */
.product-feature-list li.active dl dt {color: #fff;}
.product-feature-list li.active dl dt:before {background: var(--mainColor);}
.product-feature-list li.active dl dt span .icon {display: none;}
.product-feature-list li.active dl dt span .icon_on  {display: inline-block;}


/* Function */
.product-function-con-wrap {position: relative; margin-top: 125px; padding-top: 150px;}
.product-function-con {position: relative;width: 100%; height: 100vh;}
.product-function-con-inner {display: flex; }
.product-function-con-inner .product-function-left {width: 29.84%;}
.product-function-con-inner .product-function-left .sub-con-tit-box {position: relative; padding-top: 410px; text-align: left;}
.product-function-con-inner .product-function-right {width: 70.16%; position: relative;}
.product-function-list {display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin: -20px;}
.product-function-list li {position: relative; width: calc(50% - 40px); margin: 20px; /*min-height: 540px;*/min-height: 400px; padding: 40px 40px 40px 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 0.5px;
	box-shadow: 10px 10px 40px rgba(29,76,137,0.2) ; }
/* .product-function-list li:nth-child(1), 
.product-function-list li:nth-child(4) {top: 280px;} */
.product-function-list li:nth-child(2n) {top: 130px;}
.product-function-list li:nth-child(2n + 1) {top: -150px;}
.product-function-list li .function-tit {margin-bottom: 20px;}
.product-function-list li .function-tit em {display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: -0.050em;color: #146ee2; padding-bottom: 10px;}
.product-function-list li .function-tit .tit {font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.26;}
.product-function-list li .function-list p {position: relative; font-size: 16px; font-weight: 400; letter-spacing: -0.050em; color: #000000; line-height: 1.66; padding-left: 10px; margin-bottom: 15px;}
.product-function-list li .function-list p:before {position: absolute; content: ''; width: 3px; height: 3px; top: 13px; left: 0; background: #000000;}
.product-function-list li .icon {display: inline-block; position: absolute; bottom: 40px; right: 40px; }

.editor-table-box {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.product-details-table-box {
    margin-top: 65px;
}

.product-details-table-box div {
    display: block;
}

.product-details-table-box .cm-scroll-drag-guide {
    display: none;
}

.product-details-table {
    width: 100%;
    table-layout: fixed;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    border-collapse: collapse;
    border-spacing: 0px;
    min-width: 800px;
}

.product-details-table thead th {
    padding: 12px 10px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #000;
}

.product-details-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.product-details-table tbody tr:last-child {
    border-bottom-color: #000;
}

.product-details-table tbody th {
    padding: 12px 10px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #000;
    text-align: center;
    background-color: #fafafa;
    border-right: 1px solid #ddd;
}

.product-details-table tbody td {
    padding: 12px 10px;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #555;
    text-align: center;
}

.product-details-table-txt {
    margin-top: 25px;
    padding-left: 12px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: #888;
    position: relative;
}

.product-details-table-txt:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '*';
    color: #e60012;
}

.product-details-table-txt + .product-details-table-txt {
    margin-top: 5px;
}

.product-details-img {
    margin-top: 60px;
    text-align: center;
}

.product-details-img img {
    max-width: 100%;
    display: inline-block;
}


.product-photo-video-con {
    margin-top: 120px;
    padding-bottom: 120px;
    position: relative;
}

.product-photo-video-con:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 66.62%;
    content: '';
    background-color: #f0f4f8;
}

.product-photo-video-con .inner-area {
    max-width: 1270px;
    margin: 0 auto;
    position: relative;
}

.product-photo-video-list {
    margin: 65px -10px 0;
    position: relative;
}

.product-photo-video-item {
    margin: 0 10px;
    width: calc(100% - 20px);
    float: left;
}

.product-photo-video-list .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    font-size: 34px;
    color: #000;
    opacity: 0.15;
    transition: var(--transition-custom);
    transition-property: opacity;
}

.product-photo-video-list .slick-arrow.slick-prev {
    left: -85px;
}

.product-photo-video-list .slick-arrow.slick-next {
    right: -85px;
}

.product-photo-video-list .slick-arrow:hover {
    opacity: 1;
}

.product-photo-video-list .slick-dots {
    margin-top: 25px;
    width: 100%;
    text-align: center;
}

.product-photo-video-list .slick-dots li {
    margin: 0 5px;
    display: inline-block;
}

.product-photo-video-list .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 100%;
}

.product-photo-video-list .slick-dots li.slick-active button {
    background-color: var(--mainColor);
}

.product-iframe-wrapper {
    position: relative;
    /* box-shadow: 12px 12px 35px -6px rgba(0,0,0,0.18); */
    overflow: hidden;
}

.product-iframe-box {
    position: relative;
    padding-top: 56.27%;
    height: 0;
    background-color: #000;
}

.product-iframe-box iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.product-iframe-box video{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

}

.product-cover-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.product-cover-box:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0,0,0,0.4);
    content: "";
}

.product-cover-box .thumb {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s
}

.product-cover-box .thumb img {
    width: 100%;
    height: 100%;
}

.product-cover-box:hover .thumb {
    transform: scale(1.1) rotate(0.002deg);
}

.product-cover-box .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 118px;
    height: 118px;
    display: block;
    z-index: 1;
    transform: translate(-50%, -50%);
    background: url('../../images/common/video_play.png') center/cover no-repeat;
}

@media all and (max-width:1280px){
	.product-function-con { height: auto;} 
	.product-function-con:before {height: 400px; top: 140px;}
	.product-function-con-inner .product-function-left .sub-con-tit-box {padding-top: 285px;}
	.product-function-list li { padding: 30px; /*min-height: 450px;*/min-height: 550px;}
	.product-function-list li:nth-child(2n) {top: 50px;}
}

@media all and (max-width:800px){
	.product-con .product-con-txt {font-size: 24px; padding-bottom: 30px;}
    .product-con .product-con-sub-tit{font-size: 16px;}

	/* 상단 제품 정보 */
	.cm-product-top-con {flex-wrap: wrap; padding-bottom: 40px;}
	.cm-product-top-con .product-top-img {width: 100%; padding-right: 0;}
	.cm-product-top-con .product-top-img img {margin-left: -18%;}
	.cm-product-top-con .product-top-img.right { padding-left: 0;}
    .cm-product-top-con .product-top-img.right img {margin-right: 0; margin-left: -18%;}
	.cm-product-top-con .product-top-info {width: 100%; padding-top: 50px; margin-bottom: 0; order: 2;}
	.cm-product-top-con .product-top-info .tit {font-size: 48px;}
	.cm-product-top-con .product-top-info .sub-tit {font-size: 30px;}
	.cm-product-top-con .product-top-info .cm-btn01 {margin-bottom: 0;}


    	/* Key Features */
	.product-feature-list li {height: auto; border-radius: 30px; margin-bottom: 20px;}
	.product-feature-list li dl {flex-wrap: wrap; height: auto;}
	.product-feature-list li dl dt {width: 100%; padding: 20px 30px ; font-size: 20px;}
	.product-feature-list li dl dt span {text-align: left; width: 55px; margin-right: 11px;}
	.product-feature-list li dl dt:before {height: 100%; border-radius: 20px 20px 0 0; top: 0; left: 0;}
	.product-feature-list li dl dd {width: 100%; padding: 25px 30px ; font-size: 15px;}

    .product-feature-list li dl dt.w_100{width: 100%;}
    .product-feature-list li dl dd.w_100{width: 100%;}

    /* Function */
	.product-function-con-wrap {padding-top: 0; margin-top: 50px;}
	.product-function-con:before {display: none;}
	.product-function-con-inner {flex-wrap: wrap;}
	.product-function-con-inner .product-function-left {width: 100%;}
	.product-function-con-inner .product-function-left .sub-con-tit-box {padding-top: 0;}
	.product-function-con-inner .product-function-right {width: 100%;}
	
	.product-function-list { flex-direction: row; margin: 0;}
	.product-function-list li {width: 100%; margin: 0; margin-bottom: 20px; min-height: auto; padding: 40px 45px 100px 30px;}
	.product-function-list li:nth-child(2n), 
	.product-function-list li:nth-child(2n + 1) {top: 0;}
	.product-function-list li .icon {right: 30px; bottom: 30px;}


	/* .product-photo-img-con{margin-top: 6rem;}
	.product-photo-img-con .area-box{padding:0 calc(var(--area-padding) + 4rem);}
	.product-photo-img-list{margin: 0 -1rem;}
	.product-photo-img-item{margin: 0 1rem; width: calc(50% - 2rem);}
	.product-photo-img-thum .arrow{margin: -3.3rem 0 0 -3.3rem; width: 6.6rem; height: 6.6rem;}
	.product-photo-img-thum .arrow i{font-size: 2.4rem;}
	.product-photo-img-tit{margin-top: 3rem; font-size: 2.2rem; line-height: 1.3;}
	.product-photo-img-list .slick-arrow{margin-top: -4rem; font-size: 3.4rem;}
	.product-photo-img-list .slick-arrow.slick-prev{left: -3.5rem;}
	.product-photo-img-list .slick-arrow.slick-next{right: -3.5rem;} */

	.product-photo-video-con{margin-top: 8rem; padding-bottom: 8rem;}
	.product-photo-video-con .inner-area{padding: 0 calc(var(--area-padding) + 4rem);}
	.product-photo-video-list{margin: 6rem -1rem 0;}
	.product-photo-video-item{margin: 0 1rem; width: calc(100% - 2rem);}
	.product-photo-video-list .slick-arrow{margin-top: -4rem; font-size: 3.4rem;}
	.product-photo-video-list .slick-arrow.slick-prev{left: -3.5rem;}
	.product-photo-video-list .slick-arrow.slick-next{right: -3.5rem;} 

	.product-cover-box .icon{width: 10rem; height: 10rem;}




    /* ****************** 제품 Details ********************** */
	.product-details-con{padding: 8rem 0 10rem;}
	.product-details-table-box{margin-top: 6rem;}
	.product-details-table-box .cm-scroll-drag-guide{display: flex; justify-content: flex-end;}
	.product-details-table thead th{padding: 1.2rem 1rem; font-size: 1.8rem; line-height: 1.3;}
	.product-details-table tbody th{padding: 1.2rem 1rem; font-size: 1.8rem; line-height: 1.3;}
	.product-details-table tbody td{padding: 1.2rem 1rem; font-size: 1.75rem; line-height: 1.3;}
	.product-details-table-txt{margin-top: 2.5rem; padding-left: 1.2rem; font-size: 1.7rem; line-height: 1.5;}

	.product-details-img{margin-top: 6rem;}

}



.prd_table .table{width: 60%;}
.prd_table .prd_img{width: 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.prd_table .prd_img .txt h2{font-weight: bold; font-size: 20px;}
.prd_table .prd_img .img{display: flex; align-items: center; justify-content: center;}
.prd_table .table .sub-menu-txt{display: inline-block; margin-bottom: 20px; padding: 5px 10px 7px; background-color: var(--mainColor); color: #fff; border-radius: 5px; }

.prd_table .table .dot-list + .sub-menu-txt{margin-top: 30px;}
@media all and (max-width: 1480px) {
    .prd_table .flex-cont {
        flex-direction: row;
    }
}

@media all and (max-width: 800px) {
    .prd_table .flex-cont {
        flex-direction: column;
    }
    .prd_table .table{width: 100%;}
    .prd_table .prd_img{width: 100%;}
}