.pageTop{margin-bottom: 5.5rem;}
.pageTop p{font-size: 2rem; line-height: 1.5; color: #333333; text-align: center; font-weight: 500;}


#product{}
    #product .product_list{display: flex; flex-wrap: wrap; gap: 3rem;}
    #product .product_list li{width: calc((100% - 6rem)/3); position: relative; transition: all ease 0.3s;}
    #product .product_list li::before{position: absolute; content: ''; /* width: 0; height: 0; */ width: calc(100% - 4rem); height: calc(100% - 4rem); top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0px solid #fff; z-index: 7; transition: all ease 0.3s; opacity: 0;}
    #product .product_list li::after{position: absolute; content: ''; width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0,151,239,0.7); transition: all ease 0.3s; opacity: 0;}
    #product .product_list li:hover::before{position: absolute; content: ''; width: calc(100% - 4rem); height: calc(100% - 4rem); border-width: 3px; opacity: 1;}
    #product .product_list li:hover::after{position: absolute; content: ''; width: 100%; height: 100%; opacity: 1;}
    #product .product_list li .img{width: 100%; height: 100%; font-size: 0; line-height: 0;}
    #product .product_list li .img img{max-width: none; width: 100%; height: 100%; object-fit: cover;}
    #product .product_list li .text{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2.6rem; line-height: 1.5; color: #ffffff; font-weight: bold; font-family: var(--play); z-index: 7;}

.product_depth3{display: flex;  justify-content: center; margin-bottom: 8rem;}
    .product_depth3 li{width: calc((100%)/5); max-width: 24rem; position: relative;  border: 1px solid #ddd; font-size: 0; line-height: 0; transition: all ease 0.3s;  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);}
    .product_depth3 li:hover::after{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(180deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%); }
    .product_depth3 li + li{border-left: none;}
    .product_depth3 li .thumb{width: 100%; height: 20rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
    .product_depth3 li .text{height: 7rem; text-align: center; position: relative; z-index: 2; padding: 0 1rem;}
    .product_depth3 li .text p{font-size: 2rem; line-height: 1.5; color: #333333; font-weight: bold; font-family: var(--play); transition: all ease 0.3s;}
    .product_depth3 li:hover .text p{color: #fff;}

#pageTop .pageTop_depth3{}
    #pageTop .pageTop_depth3 .inConts{max-width: 117rem; padding: 7rem 0 2rem; display: flex;  justify-content: center;}
    #pageTop.none .pageTop_depth3 .inConts *{font-size: 0; line-height: 0;}
    /* #pageTop .pageTop_depth3 .inConts a{width: calc((100%)/5); max-width: 24rem; position: relative;  border: 1px solid #ddd; font-size: 0; line-height: 0; padding: 0; transition: all ease 0.3s; display: inline-block;} */
    #pageTop.none .pageTop_depth3 .inConts a{width: 100%; max-width: 24rem; position: relative;  border: 1px solid #ddd; font-size: 0; line-height: 0; padding: 0; transition: all ease 0.3s; display: inline-block; flex: 1;}
    /* #pageTop .pageTop_depth3 .inConts a:hover{background: linear-gradient(300deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);} */
    #pageTop.none .pageTop_depth3 .inConts a:hover{animation-name: hue; animation-duration: 1.5s; animation-timing-function: linear;   animation-iteration-count: infinite;    }
    @keyframes hue {
        0%{background: linear-gradient(0deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        5%{background: linear-gradient(15deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        10%{background: linear-gradient(30deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        15%{background: linear-gradient(45deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        20%{background: linear-gradient(60deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        25%{background: linear-gradient(75deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        30%{background: linear-gradient(90deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        35%{background: linear-gradient(105deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        40% {background: linear-gradient(120deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        45% {background: linear-gradient(135deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        50% {background: linear-gradient(150deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        55% {background: linear-gradient(165deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        60% {background: linear-gradient(180deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        65% {background: linear-gradient(195deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        70% {background: linear-gradient(210deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        75% {background: linear-gradient(225deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        80% {background: linear-gradient(230deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        85% {background: linear-gradient(250deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        90% {background: linear-gradient(285deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        95% {background: linear-gradient(315deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
        100%{background: linear-gradient(345deg, rgba(0,150,195,1) 0%, rgba(0,91,119,1) 100%);}
    }
    #pageTop.none .pageTop_depth3 .inConts a .thumb{width: 100%; display: flex; align-items: center; justify-content: center;/*  min-height: 20rem; */ aspect-ratio: 1/1;}
    #pageTop.none .pageTop_depth3 .inConts a span{min-height: 7rem; padding: 0 0.5rem; width: 100%; font-size: 2rem; line-height: 1.5; color: #333333; font-weight: bold; font-family: var(--play); transition: all ease 0.3s; display: inline-block;}
    #pageTop.none .pageTop_depth3 .inConts a:hover span{color: #fff;}

.product_depth3_list{}
    .product_depth3_list > li{display: flex; flex-wrap: wrap; align-items: center; gap: 4rem 8rem; flex-direction: row;}
    .product_depth3_list > li + li{margin-top: 8rem;}
    .product_depth3_list > li:nth-of-type(even){flex-direction: row-reverse; }

    .product_depth3_list > li .imgArea{width: 37rem;}
    .product_depth3_list > li .textArea{width: calc(100% - 37rem - 8rem); }
    .product_depth3_list > li .textArea .title{font-size: 2.6rem; line-height: 1.5; color: #333333; font-weight: bold; font-family: var(--play); margin-bottom: 2rem; text-transform: uppercase;}
    .product_depth3_list > li .textArea .text{font-size: 1.8rem; line-height: 2.8rem; color: #444444; font-weight: 500; margin-bottom: 4rem;}
    .product_depth3_list > li .textArea .link{display: inline-block; background-color: var(--point2); border: 1px solid var(--point2); border-radius: 3px; padding: 1.5rem 3rem; font-size: 1.7rem; line-height: 2rem; color: #ffffff; font-weight: 550; transition: all ease 0.3s;}
    .product_depth3_list > li .textArea .link:hover{background-color: #fff; color: var(--point2);}
    .product_depth3_list > li .textArea .ul_type{margin-top: -2rem; margin-bottom: 2rem; font-size: 0; line-height: 0;}
    .product_depth3_list > li .textArea .ul_type p{font-size: 1.8rem; line-height: 1; color: #333333; font-weight: bold; font-family: var(--play); margin-bottom: 1rem;}
    .product_depth3_list > li .textArea .ul_type li{position: relative; padding: 0 0 0 1rem; font-size: 1.5rem; line-height: 2.2rem; color: #444444;}
    .product_depth3_list > li .textArea .ul_type li::before{position: absolute; content: ''; width: 0.2rem; height: 0.2rem; background-color: #444444; top: 1.1rem; left: 0; margin-top: -0.1rem;}

/* product_list */
.product_list_nav{border-bottom: 1px solid #102577; display: flex; width: 100%; justify-content: center; margin-bottom: 6rem; padding: 0 0;}
    .product_list_nav li{display: inline-block; text-align: center; border: 1px solid #abaeb0; width: calc((100%)/4); flex: 1; max-width: 24rem; cursor: pointer; border-bottom: none;}
    .product_list_nav li + li{border-left: none;}
    .product_list_nav li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; 
        font-size: 1.7rem; line-height: 2rem; color: #ffffff; font-weight: bold; font-family: var(--play); text-align: center;
        background-color: #cecece; transition: all ease 0.3s; }
    .product_list_nav li:is(.active, :hover) a{background-color: var(--point2); color: #fff; border-color: #102577;}

    .board_user{display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 4rem;}
    .board_user .now{width: 17rem; height: 4rem; border: 1px solid #c3c3c3; display: flex; align-items: center; justify-content: center; font-size: 16px; height: 1; color: #1b1b1b; font-weight: bold;}
    .board_user select{width: 17rem; height: 4rem; border: none; border-bottom: 1px solid #c3c3c3; padding: 0 15px; font-size: 16px; line-height: 1; color: #1b1b1b; font-weight: bold; cursor: pointer;}
    .board_user select:focus-visible{outline: none;}
    .board_user select option{background-color: #f8f8f8; padding: 2rem 0;}
    .board_user select option:hover{color: var(--point);}

    .product_list_contents{display: flex; flex-wrap: wrap; gap: 3rem;}
    .product_list_contents li{width: calc((100% - 9rem)/4); background-color: #1a191d;} 
    .product_list_contents li a{display: block; width: 100%; height: 100%; border: 1px solid #ddd;}
    .product_list_contents li a .thumb{display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; overflow: hidden; background-color: #fff;}
    .product_list_contents li a .thumb img{transition: all ease 0.6s;}
    .product_list_contents li a:hover .thumb img{transform: scale(1.05);}
    .product_list_contents li a .title{width: 100%; min-height: 5.5rem; display: flex; align-items: center; justify-content: center; background-color: #1a191d; color: #fff; font-size: 1.8rem; line-height: 1.5; font-weight: bold; font-family: var(--play); padding: 1rem;}
    .product_list_contents .noPost{width: 100%; padding: 10rem 0; /* margin: 5rem 0; */ font-size: 3rem; line-height: 1; background-color: transparent; color: #111; font-weight: bold; text-align: center; border-width: 1px 0; border-style: solid; border-color: #ddd;}

    .product_top{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5rem; margin-bottom: 10rem;}
    
    .product_top .thumbSlideArea{width: 580px;}
    .product_top .thumbSlideArea .swiper.main{width: 100%; aspect-ratio: 3/2; border: 1px solid #ddd; margin-bottom: 20px;}
    .product_top .thumbSlideArea .swiper.main .swiper-slide{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}

    .product_top .thumbSlideArea .swiper.main .swiper-button-next, 
    .product_top .thumbSlideArea .swiper.main .swiper-button-prev{position: absolute; font-size: 0; line-height: 0; margin: 0; padding: 0; top: 50%; margin-top: -3rem; z-index: 7; width: auto; height: 6rem; z-index: 7;}
    .product_top .thumbSlideArea .swiper.main .swiper-button-next{}
    .product_top .thumbSlideArea .swiper.main .swiper-button-prev{}
    .product_top .thumbSlideArea .swiper.main .swiper-button-next::after, 
    .product_top .thumbSlideArea .swiper.main .swiper-button-prev::after{ 
        width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
        content: ''; font-family: "SUIT Variable", sans-serif !important;
        font-size: 6rem; line-height: 1; color: #bcbdc0; transition: all ease 0.3s;}
    .product_top .thumbSlideArea .swiper.main .swiper-button-next::after{content: '>';}
    .product_top .thumbSlideArea .swiper.main .swiper-button-prev::after{content: '<';}
    .product_top .thumbSlideArea .swiper.main .swiper-button-next:hover::after, 
    .product_top .thumbSlideArea .swiper.main .swiper-button-prev:hover::after{color: var(--point);}

    .product_top .thumbSlideArea .swiper.thumb{width: 100%;}
    .product_top .thumbSlideArea .swiper.thumb .swiper-slide{position: relative; width: calc((100% - 80px)/4.5);  min-width: 11rem; height: auto; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; padding: 2rem; border: 1px solid #ddd; cursor: pointer;}
    .product_top .thumbSlideArea .swiper.thumb .swiper-slide::after{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); transition: all ease 0.3s;}
    .product_top .thumbSlideArea .swiper.thumb .swiper-slide-thumb-active::after{background-color: rgba(0,0,0,0);}

    .product_top .infoArea{width: calc(100% - 58rem - 5rem);}
    .product_top .infoArea .title{font-size: 3rem; line-height: 4rem; color: #000; font-weight: bold; padding: 1rem 0 2rem; border-bottom: 1px solid #757575; margin-bottom: 3rem;}
    .product_top .infoArea .links{display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem;}
    .product_top .infoArea .links a{position: relative; display: inline-block; font-size: 2rem; line-height: 1; color: var(--point2); font-weight: 550;}
    .product_top .infoArea .links a:nth-of-type(1)::after{position: relative; content: "|"; display: inline-block; padding: 0 0 0 1rem; color: #262626; font-weight: lighter;}
    .product_top .infoArea .text{font-size: 1.8rem; line-height: 1.5; color: #262626;}
    .product_top .infoArea a.goBack{width: 15rem; height: 5rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; color: #fff; font-weight: 550; background-color: var(--point2); margin: 5rem 0 0;} 

    .product_view_contents{}
    .product_view_contents .tabNav{overflow: hidden; margin: 0; margin-bottom: -1px;}
    .product_view_contents .tabNav{display: flex;}
    .product_view_contents .tabNav li{padding: 2rem 4rem; border: 1px solid transparent; font-size: 2.4rem; line-height: 3rem; color: #1b1b1b; font-weight: bold; font-family: var(--play); cursor: pointer;}
    .product_view_contents .tabNav li:is(.active){border: 1px solid #dddddd; border-bottom: 1px solid #fff; color: var(--point2);}
    .product_view_contents .tabNav li:is(:hover){color: var(--point2);}
    .product_view_contents .tabContents{border: 1px solid #ddd; padding: 4rem;}
    .product_view_contents .tabContents.active{display: block;}

    .product_view_contents .slideToggleWrap{border: 1px solid #ddd; border-bottom: none;}
    .product_view_contents .slideToggleWrap .slideToggle{border-bottom: 1px solid #ddd;}
    .product_view_contents .slideToggleWrap .slideToggle .box{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.5rem 2.5rem; border-bottom: 1px solid #ddd; background-color: #eeeeee; cursor: pointer;}
    .product_view_contents .slideToggleWrap .slideToggle .box .title{font-size: 1.8rem; line-height: 2rem; color: #1b1b1b; font-weight: 550;}
    .product_view_contents .slideToggleWrap .slideToggle .box .icon{position: relative; width: 2rem; height: 2rem; overflow: hidden;}
    .product_view_contents .slideToggleWrap .slideToggle .box .icon::before,
    .product_view_contents .slideToggleWrap .slideToggle .box .icon::after{position: absolute; content: ''; width: 2rem; height: 2px; background-color: #1b1b1b; top: 1rem; left: 0; margin-top: -1px; transition: all ease 0.3s; }
    .product_view_contents .slideToggleWrap .slideToggle .box .icon::after{transform: rotate(-90deg);}
    .product_view_contents .slideToggleWrap .slideToggle .box.active .title{color: var(--point2);}
    .product_view_contents .slideToggleWrap .slideToggle .box.active .icon::after{transform: rotate(0);}
    .product_view_contents .slideToggleWrap .slideToggle .box.active .icon::before,
    .product_view_contents .slideToggleWrap .slideToggle .box.active .icon::after{background-color: var(--point2);}

    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon{padding: 4rem 2rem; display: none;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon .thumb{margin-bottom: 4rem;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table{width: 100%; border-collapse: collapse; border-top: 1px solid #1b1b1b;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table tr{border-bottom: 1px solid #ddd;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table th,
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table td{text-align: center; font-size: 1.6rem; line-height: 1.5; color: #555555; font-family: var(--play);}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table th{color: #1b1b1b; font-weight: bold; background-color: #fafafa;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table td{padding: 1rem 2rem; border-left: 1px solid #ddd;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table thead th,
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon table thead td{padding: 2rem;}

#oem{text-align: center;}
    .oem_en_title{font-size: 3.2rem; line-height: 4rem; color: var(--point2); font-weight: bold; font-family: var(--play); margin-bottom: 4rem;}
    .oem_en_title span{font-size: 2rem; font-weight: 550; }
    .oem_kr_title{font-size: 2.4rem; line-height: 3rem; color: #1b1b1b; font-weight: 550; margin-bottom: 3rem;}
    .oem_text{font-size: 2rem; line-height: 1.6; color: #555555;}
    .oem_text + .oem_text{margin-top: 2rem;}
    .oem_last{font-size: 2rem; line-height: 1.4; color: #333333; font-weight: 500; margin-top: 4rem;}

.catalog_download{display: inline-block; padding: 1.8rem 3rem; background-color: var(--point2); border-radius: 1px;}
.catalog_download p{position: relative;  font-size: 1.6rem; line-height: 1.7rem; padding: 0 2.5rem 0 0; color: #fff; font-weight: bold; font-family: var(--play);}
.catalog_download p::before{position: absolute; content: ''; width: 1.6rem; height: 1.7rem; top: 0; right: 0; background-image: url('/images/sub/icon_download.png'); background-size: cover;}
.catalog_view{width: 100%; height: 90vh; }

#greeting{text-align: center;}
    #greeting .greeting_banner{margin-bottom: 4rem;}
    #greeting .text{font-size: 1.8rem; line-height: 2.6rem; color: #555555; }
    #greeting .text + .text{margin-top: 2rem;}
    #greeting .last{font-size: 2.1rem; line-height: 1; font-weight: 500; color: #333333; margin-top: 3.5rem;}
    #greeting .ceo{font-size: 2.1rem; line-height: 1; font-weight: 500; color: #333333; margin-top: 4rem; }
    #greeting .ceo b{font-weight: 550; color: #333;}


    .historyArea{font-size:0; line-height:0; position: relative;}
    .historyArea:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:10rem;}
    .historyArea #his_progress{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color:var(--point); display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;}
    .historyArea>li{text-align: right; position: relative; z-index:2;}
    .historyArea .txt_wrap{width:50%; padding:0 4rem; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;}
    .historyArea .txt_wrap:before{content: ""; width: 2.4rem; height:2.4rem; background-color:var(--point); border:4px solid #fff; display: inline-block; position:absolute; left: -1.2rem; top:1rem; border-radius:999px; box-sizing: border-box;}
    .historyArea .txt_wrap>strong{font-weight: 900; font-size:3.2rem; line-height:1; color: #333; display:block;}
    .historyArea .txt_wrap>ul{margin:2rem 0 4rem;}
    .historyArea .txt_wrap>ul>li{margin-top:1rem; padding-left:1.2rem; font-size:1.6rem; line-height:1.6; color: #666; position: relative;}
    .historyArea .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}

    .historyArea>li:nth-child(even){text-align: left;}
    .historyArea>li:nth-child(even) .txt_wrap{text-align: right;}
    .historyArea>li:nth-child(even) .txt_wrap:before{left:auto; right: -1.2rem;}
    .historyArea>li:nth-child(even) .txt_wrap>ul>li{padding:0 1.2rem 0 0;}
    .historyArea>li:nth-child(even) .txt_wrap>ul>li:before{left:auto; right:0;}

    .historyArea.month .txt_wrap>ul>li{padding-left:4.3rem;}
    .historyArea.month .txt_wrap>ul>li:before{content: attr(data-month)"월"; color: #333; font-weight: bold;}

    /* 월 영어로
    .historyArea.month .txt_wrap>ul>li[data-month]:before{font-weight: 500;}
    .historyArea.month .txt_wrap>ul>li[data-month="01"]:before{content: "Jan.";}
    .historyArea.month .txt_wrap>ul>li[data-month="02"]:before{content: "Feb.";}
    .historyArea.month .txt_wrap>ul>li[data-month="03"]:before{content: "Mar.";}
    .historyArea.month .txt_wrap>ul>li[data-month="04"]:before{content: "Apr.";}
    .historyArea.month .txt_wrap>ul>li[data-month="05"]:before{content: "May.";}
    .historyArea.month .txt_wrap>ul>li[data-month="06"]:before{content: "Jun.";}
    .historyArea.month .txt_wrap>ul>li[data-month="07"]:before{content: "Jul.";}
    .historyArea.month .txt_wrap>ul>li[data-month="08"]:before{content: "Aug.";}
    .historyArea.month .txt_wrap>ul>li[data-month="09"]:before{content: "Sep.";}
    .historyArea.month .txt_wrap>ul>li[data-month="10"]:before{content: "Oct.";}
    .historyArea.month .txt_wrap>ul>li[data-month="11"]:before{content: "Nov.";}
    .historyArea.month .txt_wrap>ul>li[data-month="12"]:before{content: "Dec.";}
    */

    .historyArea.month>li:nth-child(even) .txt_wrap>ul>li{padding:0 4.3rem 0 0;}

    .historyArea.admin .txt_wrap>ul>li{padding:0 3rem !important;}
    .historyArea.admin .txt_wrap>ul>li:before{display:none;}
    .historyArea.admin .txt_wrap>ul>li .checkIn.noTxt{position: absolute; left:0; top:0rem;}
    .historyArea.admin>li:nth-child(even) .txt_wrap>ul>li .checkIn.noTxt{left:auto; right:0;}


/* type 2 */
    .history-area{font-size:0; line-height:0; position: relative;}
    .history-area:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:0;}
    .history-area #his_progress{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color:var(--point); display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;}

    .history-area>li{text-align: right; position: relative; z-index:2;}
    .history-area>li+li{margin-top:5rem;}
    .history-area .history-in{width:50%; padding:0 4rem; text-align: left; display:inline-block; vertical-align: top; position: relative; cursor: default;}
    .history-area .history-in[href]{cursor: pointer !important;}
    .history-area .history-in:before{content: ""; width: 2.4rem; height:2.4rem; background-color:#333; border:4px solid #fff; display: inline-block; position:absolute; left: -1.2rem; top:1rem; border-radius:999px; box-sizing: border-box;}
    .history-area .history-in>strong{font-weight: 500; font-size:3.6rem; line-height:1; color: #333; display:block;}
    .history-area .txt_wrap{margin-top:3rem; }
    .history-area .txt_wrap>p{padding-left:4rem; font-size:1.6rem; line-height:1.6; color: #666; position: relative; text-indent:-3.5rem}
    .history-area .txt_wrap>p+p{margin-top:1rem;}
    /*.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}*/

    .history-area>li .thumb{width:100%; margin-top:3rem; padding-right:0; position: relative;}

    .history-area.flex>li{display: flex; justify-content: space-between;}
    .history-area.flex>li+li{margin-top:10rem;}
    .history-area.flex>li .history-in{order:2;}
    .history-area.flex>li .thumb{width:50%; margin-top:0; padding:0 4rem; position: relative; order:1;}
    .history-area.flex>li .thumb img{width:calc(100% - 8rem); height:calc(100%); object-fit:cover; object-position: center center; position: absolute; left:4rem; right:4rem; top:0; bottom:0;}

    .history-area>li:nth-child(even){text-align: left;}
    .history-area>li:nth-child(even) .history-in{text-align: right;}
    .history-area>li:nth-child(even) .history-in:before{left:auto; right: -1.2rem;}

    .history-area.flex>li:nth-child(even) .history-in{order:1;}
    .history-area.flex>li:nth-child(even) .thumb{order:2;}

#history .tabContents.active{display: block;}

#overview{background-image: url('/images/sub/overview_bg.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
    .overview_ul{max-width: 90rem; width: 100%; margin: 0 auto;}
    .overview_ul li{display: flex; flex-wrap: wrap; gap: 4rem 10%; align-items: center; flex-direction: row;}
    .overview_ul li + li{margin-top: 8rem;}
    .overview_ul li:nth-of-type(even){flex-direction: row-reverse;}
    .overview_ul li .imgArea{width: 39rem; border-radius: 10px; font-size: 0; line-height: 0;}
    .overview_ul li .textArea{width: calc(100% - 39rem - 10%);}
    .overview_ul li .textArea .en{position: relative; padding: 0 0 1.7rem; margin-bottom: 4rem; font-size: 2.3rem; line-height: 1; color: var(--point2); font-weight: bold;  font-family: var(--play);}
    .overview_ul li .textArea .en::after{position: absolute; content: ''; bottom: 0; left: 0; width: 20px; height: 2px; background-color: var(--point2);}
    .overview_ul li .textArea .kr{font-size: 3rem; line-height: 4rem; color: #1b1b1b; font-weight: bold; margin-bottom: 4rem;}
    .overview_ul li .textArea .text{font-size: 1.9rem; line-height: 2.8rem; color: #555555;}

#location{}
    #location .tabContents.active{display: block;}
    #location .map{height: 46rem;}
    #location .location_info{padding: 4rem 0; margin: 0 0 4rem; /*background-image: url('/images/sub/location_logo.png'); background-repeat: no-repeat; background-position: center right;*/ border-bottom: 1px solid #ddd;}
    #location .location_info h4{font-size: 2.4rem; line-height: 1; color: #1b1b1b; font-weight: bold; margin-bottom: 2rem;}
    #location .location_info p{font-size: 2rem; line-height: 3.2rem; color: #333333;}
    #location .location_info p span{font-family: var(--play);}
    #location .numbers{}
    #location .numbers p{position: relative; display: inline-block; padding: 0 0 0 4.5rem; font-size: 2rem; line-height: 3.5rem; color: #1f252f;}
    #location .numbers p + p{margin-left: 3rem;}
    #location .numbers p::before{position: absolute; content: ''; top: 0; left: 0; width: 3.5rem; height: 3.5rem; background-image: url('/images/sub/location_icon_call.png'); background-size: cover;}
    #location .numbers p:nth-of-type(2):before{background-image: url('/images/sub/location_icon_fax.png');}

    #location .location_overseas{display: flex; flex-wrap: wrap; gap: 7rem;}
    #location .location_overseas li{width: calc((100% - 7rem)/2);}
    #location .location_overseas li .info{padding: 6rem 0 0;}
    #location .location_overseas li .info .title{font-size: 2.4rem; line-height: 3rem; color: #1b1b1b; font-weight: bold; margin-bottom: 2rem;}
    #location .location_overseas li .info .text{font-size: 2rem; line-height: 1.3; color: #333333;}

#certification{}
    #certification .tabContents.active{display: block;}
    .certification_list{}
    .certification_list li{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4rem 0;}
    .certification_list li + li{margin-top: 8rem;}
    .certification_list li .thumbArea{display: flex; align-items: center; justify-content: center; padding: 2rem; width: 50%; height: 15rem; background-color: #f7f7f7;}
    .certification_list li .textArea{padding: 0 0 0 10%; font-size: 0; line-height: 0; width: 50%;}
    .certification_list li .textArea p{font-size: 2.4rem; line-height: 3rem; color: #1b1b1b; font-weight: 550; margin-bottom: 2rem;}
    .certification_list li .textArea li{position: relative; padding: 0 0 0 1.5rem; font-size: 1.8rem; line-height: 2.8rem; color: #444444;}
    .certification_list li .textArea li::before{position: absolute; content: ''; top: 1.4rem; left: 0; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; border-radius: 50%; background-color: var(--point);}
    .certification_list li .textArea li + li{margin-top: 0.5rem;}
    .certification_list li .textArea li b{color: #444444; }

    .certification_table{}
    .certification_table + .certification_table{margin-top: 4rem;}
    .certification_table h4{font-size: 2.6rem; line-height: 1; color: #1b1b1b; font-weight: bold; margin-bottom: 3rem;}
    .certification_table table{width: 100%; border-collapse: collapse; border: 1px solid #dddddd;}
    .certification_table table tr + tr{border-top: 1px solid #ddd;}
    .certification_table table td + td{border-left: 1px solid #ddd;}
    .certification_table table thead td{background-color: #4d5369; text-align: center; padding: 1.5rem; font-size: 1.8rem; line-height: 2.7rem; color: #ffffff; font-weight: 550;}
    .certification_table table tbody td{padding: 2rem 1.5rem; text-align: center; font-size: 1.8rem; line-height: 1.5; color: #555555;}





@media only screen and (max-width : 1440px){

}
@media only screen and (max-width : 1240px){


}
@media only screen and (max-width : 1024px){
    .product_depth3_list li{gap: 4rem;}
    .product_depth3_list li .textArea{width: calc(100% - 37rem - 4rem); }

    .certification_list li .textArea{padding: 0 0 0 5%;}

    .product_top{gap: 3rem;}
    .product_top .thumbSlideArea{max-width: 370px; width: 100%;}
    .product_top .infoArea{width: calc(100% - 370px - 3rem);}

    .product_view_contents .tabContents{padding: 2rem;}

    .product_list_contents{gap: 2rem;}
    .product_list_contents li{width: calc((100% - 6rem)/4);}



}
@media only screen and (max-width : 840px){


}
@media only screen and (max-width : 768px){


}
@media only screen and (max-width : 640px){
    #product .product_list li{width: calc((100% - 3rem)/2);}

    .product_depth3_list li:nth-of-type(even){flex-direction: row;}
    .product_depth3_list li .textArea{width: 100%;}
    .product_depth3_list li .imgArea{width: 100%;}

    #location .location_info{padding: 8rem 0 4rem; background-position: top left; margin: 4rem 0;}

    .certification_list li .thumbArea{width: 100%;}
    .certification_list li .textArea{width: 100%; padding: 0;}

    .product_list_contents li{width: calc((100% - 4rem)/3);}

    .product_top .thumbSlideArea{width: 100%; max-width: none;}
    .product_top .infoArea{width: 100%;}

    .product_view_contents .tabNav li{padding: 2rem 1rem;}

    #location .location_overseas li{width: 100%;}
}
@media only screen and (max-width : 480px){
    .overview_ul li:nth-of-type(even){flex-direction: row;}
    .overview_ul li .imgArea{width: 100%;}
    .overview_ul li .textArea{width: 100%;}

    #location .numbers p{display: block;}
    #location .numbers p + p{margin-left: 0; margin-top: 2rem;}

    #pageTop .pageTop_depth3 .inConts a span{ word-break: break-all;}

    .product_list_contents li{width: calc((100% - 2rem)/2);}

    .product_view_contents .tabContents{padding: 1rem;}
    .product_view_contents .slideToggleWrap .slideToggle .slideToggleCon{padding: 2rem 1rem;}
}

@media only screen and (max-width : 400px){


}