@charset "utf-8";


/* ----- 카테고리 이미지 ----- */

.sub-visual.bg-fiberpro_1:after { background-image:url(../img/company_bg.jpg);}
.sub-visual.bg-fiberpro_2:after { background-image:url(../img/product_bg.jpg);}
.sub-visual.bg-fiberpro_3:after { background-image:url(../img/etc_bg.jpg);}
.sub-visual.bg-fiberpro_4:after { background-image:url(../img/support_bg.jpg);}
.sub-visual.bg-fiberpro_5:after { background-image:url(../img/news_bg.jpg);}
.sub-visual.bg-fiberpro_6:after { background-image:url(../img/recruit_bg.jpg);}


/* ----- common ----- */
.txt-underline { 
    position: relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.txt-underline:after {
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background:#38b800;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.txt-underline:hover {
    color:#38b800;
}
.txt-underline:hover:after {
    width:100%;
}
.has-scroll-smooth.mobile body { position: fixed; top: 0; left: 0; right: 0; bottom: 0;} 
.c-scrollbar { z-index:5000; width: 8px;}
.c-scrollbar_thumb { width: 5px; background-color: rgba(0,0,0,0.7);}

/* ----- 서브 타이틀 ----- */
.sub_titles{    font-size: 2.4rem;
    color: #333333;
    line-height: 2.667em;
    letter-spacing: -0.01em;
    font-weight: 800;
	margin-bottom:2.5em;}

/* ----- vision ----- */
.vision .scroll-wrap { position:absolute; left:0; top:0; z-index:1; width:100%; height:100vh;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.vision .scroll-wrap .scroll-down p { color:#fff;}
.vision .scroll-wrap .scroll-down i { border-color:rgba(255,255,255,0.5);}
.vision .scroll-wrap .scroll-down i:before { background-color:rgba(255,255,255,1);}
.vision .scroll-wrap .scroll-down i:after { background-color:rgba(255,255,255,1);}
.vision .scroll-wrap .scroll-down:hover i { background-color:rgba(255,255,255,0.5);}
.vision .vision-tit .maxinner { overflow: hidden; position:relative; height:100vh; text-align: center;}
.vision .vision-tit h2 { opacity: 0; position:absolute; left:5%; bottom:50%; width:90%;
    -webkit-transform:translateY(50%);
    -moz-transform:translateY(50%);
    -ms-transform:translateY(50%);
    -o-transform:translateY(50%);
    transform:translateY(50%);
}
.vision .vision-tit h2 span { opacity: 0; display:inline-block; position: relative; top:30px; min-width:0.3em; font-size:6rem; color:#000; font-weight:800; vertical-align: middle;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}



.vision .vision-pin { overflow: hidden; -webkit-transform:scale(1.001);-ms-transform:scale(1.001);transform:scale(1.001)}
.vision .vision-pin .pin-inner { position: relative;  background-color:#f2f2f2; padding: 18em 0 20em 0;}


.vision .vision-pin .pin-bg{background-color:#f2f2f2;}


.vision .vision-pin .pin-tit { position:relative;  width:90%; font-size:5rem; font-weight:700; text-align: center; margin: 0 auto;}
.vision .vision-pin .pin-tit span { display:block; padding-top:0px; font-size:2rem; color:#333333; line-height:1em; letter-spacing: -0.013em; font-weight:700;}
.vision .vision-pin .pin-tit h3 { display:block; margin-top:0.675em; font-size:4rem; color:#333333; line-height:1.5em; font-weight:800; letter-spacing: -0.02em;}
.vision .vision-pin .pin-tit p { margin-top:2.250em; font-size:2rem; color:#333333; line-height:1.8em; letter-spacing: -0.025em; font-weight:400;}
.vision .vision-pin .pin-tit p strong{
    display: block;
    margin: 0.633em 0 0.5em;
    font-size: 2.4rem;
    color: #333333;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: -0.010em;
}


#overview .overview ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 73px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;

    padding: 0 50px;
}
#overview .overview ul li {
    width: 33.3333333333%;
    text-align: center;
}
#overview .overview ul li img {
    margin-bottom: 27px;
}
#overview .overview li img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#overview .overview ul li span {
    display: block;
    margin-top: 25px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.015em;
    color: #666;
}
#overview .overview ul li em {
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 45px;
	font-style: normal !important;
}
#overview .overview li em {

    font-weight: 600;
    line-height: 1.3;
}
#overview .overview ul li small {
 font-size: 1.7rem;
    color: #666666;
    line-height: 1.765em;
    letter-spacing: -0.015em;
    font-weight: 300;
}

@media (max-width: 767px) {

#overview .overview ul li {
    width: 50%;
    text-align: center;
}
#overview .overview ul {
	flex-wrap: wrap;
	height: auto;
    padding: 0 10px;
}
#overview .overview ul li em {
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 25px;
    font-style: normal !important;
}

}

/* ----- history ----- */
.module_intro h2.headline {
    margin-bottom: 20px;
}

.module_intro+.module_form,.module_intro+.module_image_text_box {
    margin-top: -45px;
}

@media screen and (max-width: 1399px) {
    .module_intro+.module_form,.module_intro+.module_image_text_box {
        margin-top:-35px;
    }
}

@media screen and (max-width: 1199px) {
    .module_intro+.module_form,.module_intro+.module_image_text_box {
        margin-top:-25px;
    }
}

.module_intro ol>li {
    margin-bottom: 15px;
}

.module_intro ul>li {
    list-style: disc;
    padding-left: 0;
}

.module_intro+.module_image_full_width {
    margin-top: -50px;
}

.module_intro .button {
    margin-top: 30px;
    display: block;
}

.module_intro .button:hover {
    background-color: transparent;
    border: 2px solid #00294b;
}

.module_intro .button + .button {
    margin-left: 0;
}

@media (min-width: 768px) {
    .module_intro .button {
        float:left;
    }

    .module_intro .button + .button {
        margin-left: 25px;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.module_image_text_box+.module_history_accordion {
    margin-top: 60px;
}

.module_intro+.module_history_accordion {
    margin-top: 0 !important;
}

.module_image_text_teaser+.module_history_accordion {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.module.module_history_accordion {
    margin-bottom: 0;
}

.module_history_accordion .container-fluid {
    padding: 0;
}

.module_history_accordion .bg_image {
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;   height: 100%; object-fit: cover;
}
.module_history_accordion .bg_image img{

    width: 100%;   height: 100%; object-fit: cover;
}

.module_history_accordion .background_images {
    height: 100%;
}

.module_history_accordion .bg_image.act {
    opacity: 1;
}

.module_history_accordion .slider_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.module_history_accordion,.module_history_accordion .slider_container,.module_history_accordion .slider_container_outer {
    height: 620px;
}

.module_history_accordion .slide,.module_history_accordion .slide .background_image {
    height: 720px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .module_history_accordion,.module_history_accordion .slider_container,.module_history_accordion .slider_container_outer,.module_history_accordion .slide,.module_history_accordion .slide .background_image {
        height:1200px;
    }
}

@media (max-width: 1199px) {
    .module_history_accordion .slide .background_image:after {
        content:" ";
        display: block;
        background: rgba(0,0,0,0.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.module_history_accordion .overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0.25;
}

.module_history_accordion.text_color_white .headline,.module_history_accordion .text_container_inner p {
    color: #fff !important;
}

@media (min-width: 1200px) and (max-width:1500px) {
    .module_history_accordion .text_container_inner p {
        font-size:16px;
        line-height: 18px;
    }
}

.module_history_accordion .overlay.black {
    background: #000;
}

.module_history_accordion .overlay.white {
    background: #fff;
}

.module_history_accordion .slider_pager {
}

.module_history_accordion .slider_container_outer {
    overflow: hidden;
}

.module_history_accordion .text_container_inner {
}

.module_history_accordion .text_container_inner * {
   font-size: 1.4rem;
    line-height: 1.765em;
    letter-spacing: 0.055em;
    font-weight: 100;
    color: #fff;
}

.module_history_accordion .text_container_inner strong {
   font-size: 1.5rem;
  padding-right:10px;
    font-weight: 600;

}

.module_history_accordion .text_outer {
    position: absolute;
    z-index: 2;
    top: 200px;
    width: 100%;
    padding: 40px 45px;
    left: 20%;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
}

.module_history_accordion .slide.act .text_outer {
    left: 10%;
    left: 3%;
}

@media (min-width: 1200px) {
    .module_history_accordion .slide.act .text_outer:before,.module_history_accordion .slide.slick-active .text_outer:before {
        content:'';
        background-size: 27px 27px;
        background-repeat: repeat-x;
        background-position: 0px center;
        width: 100%;
        height: 155px;
        position: absolute;
        top: -68px;
        opacity: 1;
    }

    .module_history_accordion .slide_1 .year:not(.big)::before {
        background-size: 27px 27px;
        background-repeat: repeat-x;
        background-position: 0px center;
        height: 80px;
        position: absolute;
        top: -7px;
        opacity: 1;
        width: 122px;
        right: 122%;
    }

    .module_history_accordion .slide:last-child .year:not(.big)::after {
        content: '';
        background-size: 27px 27px;
        background-repeat: repeat-x;
        background-position: 0px center;
        height: 80px;
        position: absolute;
        top: -7px;
        opacity: 0.7;
        width: 285px;
        left: 135%;
    }
}

.module_history_accordion .year {
    position: absolute;
    left: 40px;
    top: 55px;
    /*border-radius: 50%;*/
    border-bottom: 2px solid #fff;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
	
}

.module_history_accordion .slide_1 .year {
    left: 20px;
}

.module_history_accordion .year.big {
    font-size: 36px;
    width: 135px;
    height: 135px;
    position: relative;
    left: auto;
    top: auto;
}

.module_history_accordion .slide.act .year {
    display: none;
}

@media (min-width: 1400px) {
    .module_history_accordion .slide.act .year {
        display:flex;
    }
}

.module_history_accordion .slide.act .year.big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.module_history_accordion .headline_container {
    width: 100%;
    margin-top: 9px;
}

.module_history_accordion .text_container_inner {
    width: 100%;
}

.module_history_accordion .text_outer .left {
    margin-right: 40px;margin-top: 40px;
}

.module_history_accordion .headline_container .headline {
    color: #fff;
    margin-bottom: 10px;
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.265em;
    letter-spacing: -0.015em;
    font-weight: 600;
    padding-bottom: 0;


}

.module_history_accordion .dateline_container * {
    color: #fff;
    font-size: 2.1rem;
    font-weight: 600;
	padding:24px 0 10px 0;

}

.module_history_accordion .dateline_container sup {
    top: -6px;
    font-size: 12px;
    line-height: 1;
    left: 1px;
}

.module_history_accordion .slide {
    position: absolute;
    left: 0;
    background-color: rgb(0 0 0 / 15%);
    width: 100%;
}

.module_history_accordion .slide:first-child {
    -webkit-clip-path: polygon(0 0px,100% 0%,100% 100%,0% 100%);
    clip-path: polygon(0 0px,100% 0%,100% 100%,0% 100%);
}

.module_history_accordion .slick-dots {
    bottom: -46px;
    z-index: 3;
    margin: 0;
}

.module_history_accordion .slick-dots {
    margin: 0;
    position: absolute;
    right: 34px;
    bottom: 34px;
}

@media (max-width: 1199px) {
    .module_history_accordion .slick-dots {
        left:0;
        right: 0;
        text-align: center;
        padding: 0;
    }
}

.module_history_accordion .slick-dots li {
    display: inline-block;
    margin: 0 8px;
    height: 14px;
    width: 14px;
    background: transparent;
    cursor: pointer;
    padding: 0;
    border: 2px solid #fff;
    opacity: 0.5;
	border-radius: 50%;
}

.module_history_accordion .slick-dots li button {
    visibility: hidden;
}

.module_history_accordion .slick-dots li:before {
    display: none;
}

.module_history_accordion .slick-dots li.slick-active {
    border: 2px solid #fff;
	border-radius: 50%;
    background: #fff;
    opacity: 1;
}

.module_history_accordion .link_container {
    margin-top: 34px;
}

.module_history_accordion .text_container {
    margin-top: 15px;
    display: none;
}

.module_history_accordion .mobile_bg_img {
    display: none;
    height: 100%;
}

@media (max-width: 1399px) {
    .module_history_accordion .slide,.module_history_accordion .slide .background_image {
        height:1140px;
        overflow: hidden;
    }

    .module_history_accordion,.module_history_accordion .slider_container,.module_history_accordion .slider_container_outer {
        height: 1140px;
        width: 100%;
    }

    .module_history_accordion .headline_container .headline {
        margin-bottom: 25px;
        font-size: 26px;
        line-height: 30px;
    }

    .module_history_accordion .text_container_inner p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 1399px) {
    .module_history_accordion .link_container {
        margin-top:20px;
    }

    .module_history_accordion .text_outer {
        padding: 25px 30px;
        top: 24px;
        left: 10%;
    }
}

@media (max-width: 1199px) {
    .module_history_accordion .text_outer .left {
        margin-right:20px;
    }

    .module_history_accordion .slide {
        left: auto !important;
    }

    .module_history_accordion .slide .text_outer::before {
        width: calc(100% - 30px) !important;
        background-size: 20px 20px !important;
    }

    .module_history_accordion .year.big {
        width: 80px;
        height: 80px;
        font-size: 21px;
    }

    .module_history_accordion .text_outer>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: none !important;
    }

    .module_history_accordion .text_container_inner {
        display: block !important;
        height: auto !important;
        width: 100%;
    }

    .module_history_accordion .slide::before {
        opacity: 0.25 !important;
        background: #fff;
    }

    .module_history_accordion .text_container {
        display: block;
    }

    .module_history_accordion .slide,.module_history_accordion .slide .background_image {
        height: 400px;
        overflow: hidden;
    }

    .module_history_accordion,.module_history_accordion .slider_container,.module_history_accordion .slider_container_outer {
    }

    .module_history_accordion .slider_pager {
        display: none;
    }

    .module_history_accordion .text_outer {
        padding: 17px;
        top: 69px;
        left: auto !important;
        width: 100%;
        padding-top: 0;
    }

    .module_history_accordion .slide .text_outer {
        display: block !important;
        opacity: 1 !important;
    }

    .module_history_accordion .slide {
        position: relative !important;
        margin-bottom: 0;
        -webkit-clip-path: none;
        clip-path: none;
    }
}

@media (max-width: 1199px) {
    .module_history_accordion .headline_container .headline {
        margin-bottom:20px;
    }

    .module_history_accordion .dateline_container * {
        font-size: 20px;
        top: -5px !important;
    }

    .module_history_accordion .background_images {
        display: none !important;
    }

    .module_history_accordion .mobile_bg_img {
        display: block;
    }

    .module_history_accordion .mobile_bg_img::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.25);
    }

    .module_history_accordion .year:not(.big) {
        display: none;
    }
}

@media (max-width: 991px) {
    .module_history_accordion .slide .text_outer {
        top:60px;
    }

    .module_history_accordion .slide,.module_history_accordion .slide .background_image {
        height: 1300px;
        overflow: hidden;
    }

    .module_history_accordion .text_outer {
        padding: 17px;
        padding-top: 0;
    }

    .module_history_accordion .text_container_inner {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .module_history_accordion,.module_history_accordion .slider_container,.module_history_accordion .slider_container_outer {
        height:1300px;
    }

    .module_history_accordion .headline_container .headline {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 23px;margin-top: 50px;
    }

    .module_history_accordion .text_container_inner * {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .module_history_accordion .text_outer>.container {
        display: block;
    }

    .module_history_accordion .headline_container {
        width: 100%;
        margin-top: 0;
    }

    .module_history_accordion .text_container_inner {
        width: 100%;
    }

    .module_history_accordion .slide .text_outer {
        padding-left: 0;
        padding-right: 0;
    }

    .module_history_accordion .dateline_container * {
        font-size: 14px;
    }

    .module_history_accordion .dateline_container sup {
        top: -5px;
        font-size: 10px;
    }

    .module_history_accordion .text_outer .left {
        margin-right: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0px;
        left: 25px;
    }

    .module_history_accordion .headline_container,.module_history_accordion .dateline_container,.module_history_accordion .text_container_inner {
        padding:0 25px;
    }

    .module_history_accordion .year.big {
        width: 50px;
        height: 50px;
        font-size: 14px;
    }

    .module_history_accordion .slide .text_outer {
        top: 0;
        padding-bottom: 0;
        padding-top: 40px;
    }
}

@media (min-width: 1200px) {
    .module_history_accordion .text_outer>.container {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        pointer-events: all;
    }

    .module_history_accordion .slide.act .text_outer::before {
    }
}

@media (min-width: 1400px) {
    .module_history_accordion .slide.act .text_outer::before {
        display:block;
        left: 50px;
    }

    .module_history_accordion .slide_1.act .text_outer::before {
        left: 3%;
    }

    .module_history_accordion .text_outer {
        top: 80px;
        padding-left: 0;
    }

    .module_history_accordion .text_outer .right {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    .module_history_accordion .year.big {
        width:100px;
        height: 100px;
        font-size: 30px;
    }

    .module_history_accordion .text_outer .left {
        margin-right: 25px;
    }

    .module_history_accordion .slide.act .text_outer::before {
        display: none;
    }

    .module_history_accordion .dateline_container * {
        font-size: 20px;
    }

    .module_history_accordion .text_container_inner p {
        font-size: 14px;
    }
}

@media (min-width: 1400px) {
    .module_history_accordion .slide_1.act .text_outer::before {
        left:3%;
        width: 74%;
    }

    .module_history_accordion .year.big {
        width: 130px;
        height: 130px;
    }

    .module_history_accordion .text_outer .right {
        margin-top: 15px;
    }

    .module_history_accordion .slide.act .text_outer::before {
        top: -67px;
    }
}

@media (min-width: 1500px) {
    .module_history_accordion .year {
        top:40px;
    }

    .module_history_accordion .text_outer {
        top: 33px;
    }
}

@media (min-width: 1600px) {
    .module_history_accordion .text_outer .right {
        margin-top:1px;
    }

    .module_history_accordion .year.big {
        width: 145px;
        height: 145px;
    }
}

@media (max-width: 767px) {
    .module_history_accordion .headline_container,.module_history_accordion .dateline_container {
        padding:0 25px;
    }

    .module_history_accordion .year.big {
        width: 50px;
        height: 50px;
        font-size: 14px;
    }
	.module_history_accordion .text_outer .left {
    margin-right: 40px;margin-top: 20px;
}
}

.module.module_image_text_teaser {
    margin: 0 !important;
    padding: 30px 0;
    background: #00294b;
}

@media (min-width: 992px) {
    .module.module_image_text_teaser {
        padding:100px 0;
    }
}

.module_image_text_teaser:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -40px;
    background-repeat: no-repeat;
    background-size: auto 135%;
    background-position: 15% bottom;
    opacity: 0.05;
}

.module_image_text_teaser .topline,.module_image_text_teaser .headline {
    color: #fff;
}

.module_image_text_teaser .headline_container {
    margin-bottom: 50px;
}

.module_image_text_teaser .teaser .image {
    width: 100%;
    height: 235px;
}

.module_image_text_teaser .teaser {
    color: #fff;
}

.module_image_text_teaser .teaser .headline {
    font-family: "Neris";
    z-index: 1;
    display: inline-block;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 24px;
}

.module_image_text_teaser .teaser .subheadline {
    color: #8d8e8e;
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
}

.module_image_text_teaser .teaser .text_container {
    margin-top: 30px;
}

.module_image_text_teaser .teaser .button {
    margin-top: 35px;
}

.module_image_text_teaser .teaser .text_box {
    padding: 40px 50px;
}

.module_image_text_teaser .teaser {
    height: 100%;
    background: #fff;
    color: #8d8e8e;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.module_image_text_teaser .teaser .headline {
    color: #00294b;
}

.module_image_text_teaser .teaser .button {
    border: 2px solid #8e8e8e;
    color: #8e8e8e;
}

.module_image_text_teaser .teaser:hover {
    background: #557483;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.module_image_text_teaser .teaser:hover .headline,.module_image_text_teaser .teaser:hover .subheadline {
    color: #fff;
}

.module_image_text_teaser .teaser:hover .button {
    border: 2px solid #fff;
    color: #fff;
}

.module_image_text_teaser .teaser:hover .button {
    border: 2px solid #fff;
    color: #fff;
}

.module_image_text_teaser .teaser .button:hover {
    color: #00294b;
}

.module_image_text_teaser .text_box_inner {
}

.module_image_text_teaser .teaser_row {
    margin-left: -30px;
    margin-right: -30px;
}

.module_image_text_teaser .teaser_row .margin_bottom {
    margin-bottom: 35px;
}

.module_image_text_teaser .teaser_row .col-12 {
    padding: 0 30px;
}

@media screen and (max-width: 1399px) {
    .module_image_text_teaser .teaser .text_box {
        padding:40px;
    }
}

@media screen and (max-width: 1199px) {
    .module_image_text_teaser .teaser .text_box {
        padding:30px;
    }
}

@media screen and (max-width: 1199px) {
    .module_image_text_teaser .teaser .text_box {
        padding:25px;
    }

    .module_image_text_teaser .teaser .text_box {
        padding: 20px;
    }
}

@media screen and (max-width: 991px) {
    .module_image_text_teaser .teaser_row .col-12 {
        margin-bottom:25px;
        margin-top: 0;
    }

    .module_image_text_teaser .teaser_row .col-12 {
        padding: 0 15px;
    }

    .module_image_text_teaser .teaser_row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .module_image_text_teaser .teaser .text_box:before {
        top: -7%;
        opacity: 0.7;
    }
}

@media screen and (max-width: 374px) {
    .module_image_text_teaser .teaser .text_box {
        padding:15px;
    }

    .module_image_text_teaser .teaser .button {
        min-width: 160px;
    }
}
/* ----- 사업장소개 ----- */
#location .location-inner{position: relative; max-width: 1460px;   margin: 0 auto; padding: 10em 0 12em 0;}
#location .tabs {
  margin-top: 50px;
}
#location .location-inner h1 {
    margin-bottom: 2.059em;
    font-size: 3.4rem;
    color: #333333;
    letter-spacing: -0.007em;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
	#location .location-inner {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    padding: 10em 0 12em 0;
}
#location .tabs .inno-list {
    flex-direction: column;
}
#location .tabs .inno-list li {
    width: 100% !important;
}
#location .tabs .inno-list li > h5 {
	margin-top:20px !important;
}
}

#location .tabs .inno-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
     margin-top: 10em;
}
#location .tabs .inno-list  .btn{
	margin-top:25px;
	
}
#location .tabs .inno-list li {
    /*max-width: 560px;*/
    width: 35%;
}

#location .tabs .inno-list .info_sub{
	 width: 60%;
}

#location .tabs .inno-list .detail-desc{
font-size: 1.4375rem;
display: block;
padding-bottom: 2.13em;
color: #666;
}

#location .tabs .location-info .location-info_item {
    padding-top: 1.11em;
    padding-bottom: 1.11em;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: baseline;
	width:100%;
}



#location .tabs .location-info .location-info_item:last-child {
    border-bottom: 1px solid #ddd;
}
#location .tabs .location-info .location-info_item .info_tit {
    width: 90px;
}
#location .tabs .location-info .location-info_item .info_tit {
    display: inline-block;
    font-weight: 400;
}
#location .tabs .location-info .location-info_item .info_tit1 {
   padding:0 25px;   font-weight: 400;
}

#location .tabs .location-info  {

    font-size: 1.6rem;
    color: #666666;
    line-height: 1.625em;
    letter-spacing: -0.016em;
}

#location .tabs .inno-list li > h5 {
    margin: 0 0 0.909em;
    font-size: 2.2rem;
    color: #333;
    line-height: 1.364em;
    letter-spacing: -0.011em;
    font-weight: 700;
}
#location .tabs .inno-list li > p {
    min-height: 8.75em;
    font-size: 1.6rem;
    color: #666666;
    line-height: 1.625em;
    letter-spacing: -0.016em;
}

/* 탭 스타일 */
#location .tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 1px solid #333333;
  font-size: 2rem;
  line-height: 1em;
  letter-spacing: -0.013em;
  font-weight: 700;
  text-align: center;
  color: #333333;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
#location .tab_item:hover {
  opacity: 0.75;
}

/* 라디오 버튼 UI삭제*/
#location  input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
#location  .tab_content {
  display: none;
  padding: 7em 0 0em 0;
  clear: both;
  /*overflow: hidden;*/
}


/* 선택 된 탭 콘텐츠를 표시 */
#country:checked ~ #country_content,
#foreign:checked ~ #foreign_content {
  display: block;
}

/* 선택된 탭 스타일 */
#location .tabs input:checked + .tab_item {
  border-bottom:3px solid #333333;
  color:#f8b500
}


/* ----- 인증 ----- */
#certifications {background: #3a455e; }
#certifications .certifications-inner{position: relative; max-width: 1460px; min-height:100vh;   margin: 0 auto; padding: 10em 0 12em 0;}
#certifications .container{position: relative;  max-width: 1460px;   margin: 0 auto; padding: 10em 0 12em 0; color: #fff;}

.certi {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
}

.certi1 {
    padding-top: 3rem!important;
}
.certi12 {
    padding-bottom: 4rem!important; padding-top: 2rem!important; 
}
.certi12 h2{
    text-align: center;
    margin-bottom: 2.059em;
    font-size: 3.4rem;
    color: #fff;
    letter-spacing: -0.007em;
    font-weight: 700;

}
#certifications .mb-0{
margin: 1.818em 0 0.909em;
    font-size: 2.2rem;
    color: #fff;
    line-height: 1.364em;
    letter-spacing: -0.011em;
    font-weight: 700;
}
#certifications .certifications-cell img{
	max-height:180px;
}
#certifications .certifications-cell p{
	margin: 1.818em 0 0.909em;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.664em;
    letter-spacing: -0.011em;
    font-weight: 200;
}


.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}



.certifications-carousel {
    width: 100%;
    margin: auto;
    height: 450px
}

.certifications-cell {
    height: 100%;
    width: 50%;
    padding: 0 90px 0 120px;
}

@media screen and (max-width: 991px) {
#certifications .certifications-cell {
    width: 100%;
}
.certifications-cell {
    padding: 0 50px;
}

.flickity-prev-next-button.previous {
    display:none;
}

.flickity-prev-next-button.next {
    display:none;
}
}

.certifications-cell img {
    width: auto
}

.carousel-gallery {
    width: 100%;
    margin: auto;
    height: 92vh;
    min-height: 800px
}

.carousel-gallery-cell {
    height: 100%
}

.carousel-gallery img {
    max-height: 800px;
    max-width: 800px;
    width: 800px;
    margin: auto 4rem;
    top: 0;
    bottom: 0
}

.carousel-gallery-image {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
    background: transparent
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F
}

.flickity-prev-next-button:active {
    opacity: .6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #472F91
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #fff;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.arrow-icon-container svg {
    height: 28px
}

.arrow-icon-container {
    color: #6D40F8;
    font-size: .825rem;
    line-height: 1.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative
}

.arrow-icon-container .arrow-icon {
    color: #6D40F8;
    position: relative;
    z-index: 3;
    top: 0;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease,-webkit-transform 0.6s ease;
    vertical-align: middle
}

.arrow-icon-container .arrow-icon circle {
    stroke: #6D40F8
}

.arrow-icon-container .arrow-icon path {
    stroke: #6D40F8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.arrow-icon-container .arrow-icon-circle {
    transition: stroke-dashoffset .6s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    stroke: #6D40F8
}

.arrow-icon-container a:hover .arrow-icon {
    transform: translate3d(5px,0,0);
    -moz-transform: translate3d(5px,0,0);
    -webkit-transform: translate3d(5px,0,0)
}

.arrow-icon-container a:hover .arrow-icon circle,.arrow-icon-container a:hover .arrow-icon path {
    stroke-dashoffset: 0;
    stroke: #6D40F8
}

.arrow-icon-container.white,.arrow-icon-container .white .arrow-icon {
    color: #fff
}

.arrow-icon-container.white .arrow-icon-circle,.arrow-icon-container.white .arrow-icon path {
    stroke: #fff
}

.arrow-icon-container.white a:hover .arrow-icon circle,.arrow-icon-container.white a:hover .arrow-icon path {
    stroke: #fff
}

#home {
    overflow: hidden
}

#home .container-fluid {
    padding-right: 0;
    padding-left: 0
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.header-slideshow-content {
    height: auto;
    position: relative;
    z-index: 2;
    left: 10%;
    width: 60%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-image {
    height: 100%;
    margin-top: 0;
    opacity: 0;
    width: 100vw;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1
}

.carousel-cell.is-selected .header-image {
    opacity: 1;
    -webkit-transition: all 0.85s ease-in-out;
    -moz-transition: all 0.85s ease-in-out;
    -o-transition: all 0.85s ease-in-out;
    transition: all 0.85s ease-in-out
}

.carousel-cell.is-selected .header-slideshow-content {
    opacity: 1;
    -webkit-transition: all 1.85s ease-in-out 0.3s;
    -moz-transition: all 1.85s ease-in-out 0.3s;
    -o-transition: all 1.85s ease-in-out 0.3s;
    transition: all 1.85s ease-in-out 0.3s
}

.carousel-cell {
    width: 100%;
    height: 100%
}

.carousel.is-fullscreen .carousel-cell {
    height: 100%
}

.carousel-cell img {
    display: block;
    max-height: 100%
}

.flickity-prev-next-button {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 150px;
    right: 40px
}



.flickity-prev-next-button svg .arrow {
    fill: #fff
}

.home .flickity-button.flickity-prev-next-button.previous {
    right: 170px;
    margin-right: 20px;
    left: auto
}

.home .flickity-button.flickity-prev-next-button.next {
    right: 100px
}

.home .flickity-prev-next-button {
    position: absolute;
    top: auto;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}







/* ----- common animation ----- */
.con-ani { 
    opacity: 0; 
    -webkit-transition-property:opacity, transform; 
    -moz-transition-property:opacity, transform; 
    -ms-transition-property:opacity, transform; 
    -o-transition-property:opacity, transform; 
    transition-property:opacity, transform; 
    -webkit-transition-timing-function:ease; 
    -moz-transition-timing-function:ease; 
    -ms-transition-timing-function:ease; 
    -o-transition-timing-function:ease; 
    transition-timing-function:ease; 
    -webkit-transition-duration:1.2s;
    -moz-transition-duration:1.2s;
    -ms-transition-duration:1.2s;
    -o-transition-duration:1.2s;
    transition-duration:1.2s;
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -ms-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;    
}
.con-ani.on { 
    opacity:1; 
    -webkit-transform:translateZ(0) !important;
    -moz-transform:translateZ(0) !important;
    -ms-transform:translateZ(0) !important;
    -o-transform:translateZ(0) !important;
    transform:translateZ(0) !important;
}
.con-ani.fade-up { 
    -webkit-transform:translate3d(0,100px,0); 
    -moz-transform:translate3d(0,100px,0); 
    -ms-transform:translate3d(0,100px,0); 
    -o-transform:translate3d(0,100px,0); 
    transform:translate3d(0,100px,0); 
}
.con-ani.fade-left { 
    -webkit-transform:translate3d(100px,0,0);
    -moz-transform:translate3d(100px,0,0);
    -ms-transform:translate3d(100px,0,0);
    -o-transform:translate3d(100px,0,0);
    transform:translate3d(100px,0,0);
}
.con-ani.fade-right { 
    -webkit-transform:translate3d(-100px,0,0);
    -moz-transform:translate3d(-100px,0,0);
    -ms-transform:translate3d(-100px,0,0);
    -o-transform:translate3d(-100px,0,0);
    transform:translate3d(-100px,0,0);
}








/* ----- table setting ----- */
.td-title{font-family: 'Noto Sans KR',sans-serif;}

.tbcenter table th,
.tbcenter table td { text-align: center;}

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


.tbstyle01 { }
.tbstyle01 strong { font-size:2rem;}
.tbstyle01 table {border-top: 2px solid #38b800; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle01 table th { padding:1.111em 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:1.8rem; color:#333; font-weight:500; letter-spacing: -0.014em;}
.tbstyle01 table td { padding:1.25em 1.875em; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:1.6rem; color:#333; font-weight:300; letter-spacing: -0.031em; vertical-align:top;}
.tbstyle01 table thead th:first-child { border-left:none !important;}
.tbstyle01 table tbody td:first-child { border-left:none !important;}


.tbstyle02 { }
.tbstyle02 strong { font-size:2rem;}
.tbstyle02 table { border-top: 2px solid #000000;width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle02 table thead th { padding:1.375em 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; background:#fafafa; font-size:1.6rem; color:#000000; font-weight:400; letter-spacing: -0.016em;}
.tbstyle02 table td { padding:1.133em 0.3em; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:1.5rem; color:#666; line-height:2em; font-weight:300; letter-spacing: -0.017em;}
.tbstyle02 table tfoot td { font-size:1.5rem; color:#000; font-weight:400;}
.tbstyle02 table thead th:first-child { border-left:none !important;}
.tbstyle02 table tbody td:first-child { border-left:none !important;}
.tbstyle02 table tfoot td:first-child { border-left:none !important;}
.tbstyle02 > p { margin-top:1.429em; font-size:1.4rem; color:#666; line-height:1.714em; letter-spacing:-0.018em; font-weight:300; text-align:left;}
.tbstyle02 table tbody td.bd-l { border-left:1px solid #e6e6e6 !important;}

.tbstyle03 { }
.tbstyle03 strong { font-size:2rem;}
.tbstyle03 table {border-top: 2px solid #000000; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle03 table thead th { padding:1.375em 0; border-bottom:1px solid #e6e6e6; font-size:1.6rem; color:#000000; font-weight:400; letter-spacing: -0.016em;}
.tbstyle03 table td { padding:1em 1.667em; border-bottom:1px solid #e6e6e6; font-size:1.8rem; color:#333333; line-height:1.667em; letter-spacing: -0.014em;}
.tbstyle03 table td span { font-size:1.6rem; color:#666; font-weight:300;}
.tbstyle03 table thead th:first-child { border-left:none !important;}
.tbstyle03 table tbody td:first-child { border-left:none !important;}

.tbstyle04 { }
.tbstyle04 table { border-top: 2px solid #000000; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle04 table th { padding:0.5em 1.25em; border-bottom:1px solid #e6e6e6; font-size:1.6rem; color:#333333; line-height:1.5em; letter-spacing: -0.014em; font-weight:300; text-align:left;}
.tbstyle04 table td { padding:0.5em 1.25em; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:1.6rem; color:#333333; line-height:1.5em; letter-spacing: -0.014em; font-weight:300; text-align:left;}
.tbstyle04 table td span { font-size:1.6rem; color:#666; font-weight:300;}
.tbstyle04 table thead th:first-child { border-left:none !important;}
.tbstyle04 table tbody td:first-child { border-left:none !important;}
.tbstyle04 p { margin-top:1em; font-size:1.4rem; color:#999999; letter-spacing:-0.25px; font-weight:300;}


.tab-nav-con:not(.con-ani) dl:nth-child(4) .tbstyle02 table tbody tr:nth-child(1) td:nth-child(3),
.tab-nav-con:not(.con-ani) dl:nth-child(4) .tbstyle02 table tbody tr:nth-child(2) td,
.tab-nav-con:not(.con-ani) dl:nth-child(4) .tbstyle02 table tbody tr:nth-child(3) td,
.tab-nav-con:not(.con-ani) dl:nth-child(5) .tbstyle02 table tbody tr:not(:nth-child(1)):not(:nth-child(7)):not(:nth-child(9)) td:first-child,
.tab-nav-con:not(.con-ani) dl:nth-child(6) .tbstyle02 table tbody tr:not(:nth-child(1)):not(:nth-child(2)) td:first-child,
.tab-nav-con:not(.con-ani) dl:nth-child(7) .tbstyle02 table tbody tr:nth-child(2) td:first-child {	
	border-left: 1px solid #e6e6e6 !important
}
/* ----- list setting ----- */
.list-st01 { margin-top:2em;}
.list-st01 li { position:relative; padding-left:1.429em; margin:0.357em 0;font-size:1.4rem; color:#666; line-height:1.714em; letter-spacing:-0.018em; font-weight:300; text-align:left;}
.list-st01 li:after { content:""; position:absolute; left:0; top:10px; width:10px; height:1px; background:#666;}

.list-st02 li { position:relative; padding-left:0.667em; margin-left:0.667em; font-size:1.5rem; color:#666; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.list-st02 li:after { content:""; position:absolute; left:0; top:13px; width:2px; height:2px; background:#adadad;}
.list-st02 li > ul > li{margin-left:0;}
.list-st02 li > ul > li:after{width:5px; height:1px;}
.list-st03 li { position:relative; padding-left:0.833em; margin:0.833em 0; font-size:1.8rem; color:#333; font-weight:300; letter-spacing:-0.014em; text-align:left;}
.list-st03 li:after { content:""; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background:#dddddd;}








/* ----- sub visual ----- */
.sub-visual { overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; height:100vh;}
.sub-visual.small { padding-top:5em; height:55em;}
.sub-visual:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-animation:bgMove 2s ease-in-out both;
    -moz-animation:bgMove 2s ease-in-out both;
    -ms-animation:bgMove 2s ease-in-out both;
    -o-animation:bgMove 2s ease-in-out both;
    animation:bgMove 2s ease-in-out both;
}


/*company*/

.sub-visual.bg-fiberpro_2 .shape{position:absolute; width:38vw;height:35vw;max-width:708px;max-height:640px;z-index:8;transition-duration:0.4s;filter:grayscale(100%);}
.sub-visual.bg-fiberpro_2 .shape::before{
	width:300%;
	height:400%;
	border:1px solid rgba(100, 52, 170, 0.5);
	position:absolute;
	left:-3%;
	top:-3%;
	display:none;
	z-index:2;
	animation:transform 15s ease-in-out infinite both alternate,movement2 7s ease-in-out infinite both;content:"";}

.sub-visual.bg-fiberpro_2 .shape::after{
	width:300%;
	height:200%;
	border:1px solid rgba(100, 52, 170, 0.5);
	position:absolute;
	left:-1%;
	top:-1%;
	display:none;
	z-index:2;
	animation: transform 30s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
    content: "";}
	
	
/* 제품 선 움직임 */	
	
.sub-visual.bg-fiberpro_2 .shape{filter:grayscale(0);}
.sub-visual.bg-fiberpro_2 .shape::after{display:block;}
.sub-visual.bg-fiberpro_2 .shape::before{display:block;}
.sub-visual.bg-fiberpro_2 .shape .img{box-shadow:10px 10px 30px rgba(0,0,0,0.1);transform:scale(1);}


@keyframes transform {
0%,100% {border-radius:63% 37% 54% 46% / 63% 48% 52% 45%;}
14% {border-radius:40% 60% 54% 46% / 59% 69% 40% 51%;}
28% {border-radius:54% 46% 38% 62% / 59% 79% 30% 51%;}
14% {border-radius:61% 39% 55% 45% / 65% 31% 62% 39%;}
56% {border-radius:61% 39% 67% 33% / 75% 50% 50% 30%;}
70% {border-radius:50% 50% 34% 66% / 56% 68% 32% 44%;}
84% {border-radius:46% 54% 50% 50% / 35% 71% 39% 65%;}
}

@keyframes movement {
0%,100% {transform:translate(-50%, -50%);}
50% {transform:translate(-50%, -35%) rotateY(10deg);}
}

@keyframes movement2 {
0%,100% {transform:none;}
50% {transform:translateY(-2%) rotateY(10deg);}
}

@keyframes movement3 {
0%,100% {transform:translate(2%, 2%);}
50% {transform:translate(-22%, -5%)}
}

@keyframes movement4 {
0%,100% {transform:translate(0%, 0%);}
50% {transform:translate(-12%, -12%)}
}
/* 제품 선 움직임 /////*/

/* 제품 타이틀 */
#contents .bg-fiberpro_2 .sub-tits {
    position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:2.6em; color:#fff; font-weight:400; letter-spacing:0.1em; text-align:left; }

#contents .bg-fiberpro_2  .sub-contents{
	position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:2.1em; color:#b1b1b1; font-weight:200; letter-spacing:-0.1rm; text-align:left; line-height:1.8em;}
#contents .bg-fiberpro_2  .sub-contentss{
	position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:4.1em; color:#b1b1b1; font-weight:600; letter-spacing:-0.1rm; text-align:left; line-height:1.8em;}

#contents .bg-fiberpro_2 .sub-tit { display:block; position:relative; z-index:10; width:100%; font-size:6rem; color:#fff; letter-spacing:-0.05rem; font-weight:600; text-align:left;}

#contents .bg-fiberpro_2 .sub-tit span { opacity: 0; visibility: hidden; display:inline-block; min-width:0.25em; 
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;      
    -webkit-animation : subTitAni 0.3s ease forwards;
    -moz-animation : subTitAni 0.3s ease forwards;
    -ms-animation : subTitAni 0.3s ease forwards;
    -o-animation : subTitAni 0.3s ease forwards;
    animation : subTitAni 0.3s ease forwards;
}



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

	#contents .bg-fiberpro_2 .sub-tits {
    position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:1.9em; color:#fff; font-weight:400; letter-spacing:0.1em; text-align:center; }
#contents .bg-fiberpro_2  .sub-contents{
	position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:1.6em; color:#b1b1b1; font-weight:200; letter-spacing:-0.1rm; text-align:center; line-height:1.8em;}	
#contents .bg-fiberpro_2 .sub-tit { display:block; position:relative; z-index:10; width:100%; font-size:4.1rem; color:#fff; letter-spacing:-0.05rem; font-weight:600; text-align:center;}

 }
#contents .bg-fiberpro_2 .sub-tit {
    padding: 15px 0 25px 0;
}
/* 제품 타이틀 /////*/
#applications{position:relative; margin: 2em 0 8em 0; }
#applications .tit{overflow: hidden; padding: 10em 0 4em 0;}
#applications .tit h4{font-size:2.4rem; color:#333333; line-height:1.4em; letter-spacing:-0.01em; font-weight:800;}

#applications .flexbox5 { display:flex;  margin-left:-1%;}
#applications .flexbox5 li { display:flex; overflow: hidden; flex-direction: column; justify-content: flex-start;  border-radius:10px; /*padding:2.5em;*/ margin-left:1%;  min-height:13.5em; border:1px solid #dcdcdc;}
#applications .flexbox5 li strong { font-size:1.6rem; color:#333333; line-height:1.367em; letter-spacing:-0.014em; font-weight:600;  text-align:center; margin:1.4em 1em;}
#applications .flexbox5 li p { font-size:1.8rem; color:#666666; line-height:1.667em; letter-spacing:-0.014em; font-weight:300;}
#applications .flexbox5 .imgbox:hover{ border-color: #f8b500; 
    transform: scale(1.1);
    transition: .5s;
}

@media screen and (max-width: 768px) {
#applications .flexbox5 {
    display: flex;
    margin-left: -1%;
    flex-direction: row;
    flex-wrap: wrap;
}
#applications .flexbox5 li {
    width: 48%;
   margin-top:2em;
}	
}
/* 제품 내용 */

#pro-con .pro-sm-tit {
    overflow: hidden;
    padding: 10em 0 2em 0;
}

#pro-con .pro-sm-tit h1 { font-size:2.4rem; color:#333333; line-height:2.667em; letter-spacing:-0.01em; font-weight:800;}

/** 제품 상세 제목 **/
#pro-con .pro-sm-tit .product_explan h1 { font-size:2.3rem; color:#333333; line-height:1.267em; letter-spacing:-0.01em; font-weight:800;}
#pro-con .pro-sm-tit .product_explan h2 { font-size:7.9rem; color:#333333; line-height:1.4em; letter-spacing:-0.01em; font-weight:800;}
#pro-con .pro-sm-tit .product_explan p { font-size:1.9rem; color:#333333; line-height:1.6em; letter-spacing:-0.01em; font-weight:600;}

#pro-con .halfbox1  .product_box{text-align:center;}
#pro-con .halfbox1 .product_strategy{position:relative; margin:3.9em 0 0.450em;}
#pro-con .halfbox1 .product_strategy li{position: relative; padding-left: 20px; font-size:1.6rem; color:#333333; line-height:2em; letter-spacing:-0.01em; font-weight:300;}
#pro-con .halfbox1 .product_strategy li:before {
    content: "•";
    position: absolute;
   top: -1px;
    left: 1px;
    font-size: 19px;
}

@media screen and (max-width: 768px) {
	#pro-con .pro-sm-tit .product_explan h2 { font-size:5.9rem; color:#333333; line-height:1.4em; letter-spacing:-0.01em; font-weight:800;}
#pro-con .halfbox1  .product_box{ margin:5.9em 0 0 0;}
#pro-con .halfbox1  .product_box img{width:70%;}
}


#pro-con .halfbox1  .btnset{margin-right:7px;}


/**제품 Description**/
#pro-1thebs{position:relative;}
#pro-1thebs .pro-sm-tit {
    overflow: hidden;
    padding: 10em 0 0 0;
}
#pro-1thebs .tit{    
	align-items: center;
    border-bottom: solid 1px #000;
    padding: 0 0 3em;}

/**제품 1 Description**/

#pro-1thebs .tit h4{font-size:2.9rem; color:#333333; line-height:1.9em; letter-spacing:-0.01em; font-weight:800;}

#pro-1thebs .list{
	padding: 2em 0 0 0; font-size: 1.7rem;
    line-height: 1.465em;
    letter-spacing: 0.01em;
	color:#333333;
    font-weight: 300;}	

	
	/**제품 1 Description**/
/**제품 Description**/
#pro-2thebs{position:relative;}
#pro-2thebs .pro-sm-tit {
    overflow: hidden;
    padding: 10em 0 0 0;
}
#pro-2thebs .tit{    
	align-items: center;
    border-bottom: solid 1px #000;
    padding: 0 0 3em;}
	
#pro-2thebs .tit h4{font-size:2.9rem; color:#333333; line-height:1.9em; letter-spacing:-0.01em; font-weight:800;}

#pro-2thebs .list{padding: 2em 0 0 0; font-size: 1.7rem;
    line-height: 1.465em;
    letter-spacing: 0.01em;
	color:#333333;
    font-weight: 300;}	
#pro-2thebs .list{text-align:center;}

#pro-2thebs .App .list li{position: relative; padding-left: 20px; font-size:1.6rem; color:#333333; line-height:2em; letter-spacing:-0.01em; font-weight:300; text-align:left;}
#pro-2thebs .App .list li:before {
    content: "•";
    position: absolute;
   top: -1px;
    left: 1px;
    font-size: 19px;
}


@media screen and (max-width: 768px) {	
#pro-1thebs .pro-sm-tit {
    overflow: hidden;
    padding: 5em 0 0 0;
}
#pro-2thebs .pro-sm-tit {
    overflow: hidden;
    padding: 5em 0 0 0;
}
}
/** 제품 각각 **/
#pro-con .pros{position:relative; margin:5.833em 0 0.450em;}
#pro-con .pros .products-list { display:flex; flex-wrap:wrap; margin-left:-2.3333%; margin-top:-2.3333%; }
#pro-con .pros .products-list .list { padding:4em; margin-top:2.3333%; margin-left:2.3333%; width:31%; min-height:375px; border:1px solid #dcdcdc; text-align:center; border-radius: 16px;  transition: border .4s;}
#pro-con .pros .products-list .list:hover {border-color: #f8b500; transition: all 0.2s linear;}
#pro-con .pros .products-list .list:hover img{transform: scale(1.1); transition: .5s;}
#pro-con .pros .products-list .list .ico { display:flex; justify-content:center; align-items:center; margin:0 auto; width:100%; height:auto;}
#pro-con .pros .products-list .list strong { margin:0.833em 0 0.450em; display:block; font-size:2.4rem; color:#000; font-weight:800; letter-spacing:-0.010em;}
#pro-con .pros .products-list .list p { font-size:1.6rem; color:#666666; line-height:1.875em; font-weight:300; letter-spacing:-0.016em;}


/** 231127 제품3 수정 **/
#pro-con1 .row {
    display: flex;
    -ms-flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
}
#pro-con1  .slide-image {
    width: 50%;
    max-width: 50%;
	margin-bottom: 2rem!important;
	margin-left: auto!important;
    margin-right: auto!important;
}
@media (min-width: 768px){
.col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
}
#pro-con1  .slide-image  .img-fluid {
    max-width: 100%;
    height: auto;
}
#pro-con1  .slide-content .mb-1 {
	display: flex!important;
    width: 50%;
    max-width: 50%;
	margin-bottom: 2rem!important;
	flex-direction: column!important;
	-webkit-box-pack: center!important;
	justify-content: center!important;
}
#pro-con1  .slide-content .mb-1 h2{
margin-bottom: 1rem!important;
font-size: 3.75rem;
    line-height: 4.825rem;
    font-weight: 600;
}
#pro-con1  .slide-content .mb-1 {
    margin-bottom: 3rem!important;
}
#pro-con1  .slide-content .mb-2 {
    padding-bottom: 2.4rem!important;
}
#pro-con1  .slide-content .mb-3 p{    
font-size: 1.8rem;
    line-height: 2.875rem;
    font-weight: 300;
    margin-bottom: 0rem;
}
#pro-con1 .btns {
    font-size: .825rem;
    line-height: 1.875rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5rem 1.75rem;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 6px;
}

#pro-con1 .btn-primary {
    background: #794ff9;
    border-color: #794ff9;
    color: #fff;
    box-shadow: 3px 5px 25px rgba(0,0,0,.15);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}


#pro-con1. btn-view-product{}

#pro-con1 .btnwrap  {
    padding-top: 7em;
}
#pro-con1 .btnwrap .btn-view-product1 {
    min-width: 12.889em;   
	background: #535353;
    border-color: #535353;
	color: #fff;
	height: 3.333em;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3.333em;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
#pro-con1  .nun1 {
    -ms-flex-order: 2;
    order: 2;
}

@media screen and (max-width: 768px) {
#pro-con1 .slide-image {
    width: 90%;
    max-width: 90%;
	text-align:center;

}
#pro-con1 .slide-image img{
    width: 80%;
}	
#pro-con1 .slide-content .mb-1 {
    margin-left:5%;
	width: 90%;
    max-width: 90%;

}
#pro-con1  .nun1 {
    -ms-flex-order: 1;
    order: 1;
}
#pro-con1  .nun2 {
    -ms-flex-order: 2;
    order: 2;
}
#pro-con1  .slide-content .mb-1 h2{
margin-bottom: 0.5rem!important;
font-size: 2.75rem;
    line-height: 3.125rem;
    font-weight: 600;
}
#pro-con1 .btnwrap  {
    padding-top: 3em;
}
}

/** 광계측기  **/

#pro-con1 .pros{position:relative; margin:5.833em 0;}
#pro-con1 .pro-sm-tit {overflow: hidden; padding: 10em 0 2em 0;}
#pro-con1 .pro-sm-tit h1 { font-size:2.4rem; color:#333333; line-height:2.667em; letter-spacing:-0.01em; font-weight:800;}


#pro-con1 .main-box-wrap2{margin:5.833em 0;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(1){background-image:url('../img/pro4_01.jpg');left:0;z-index:0;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(2){background-image:url('../img/pro4_02.jpg');left:33.333%;z-index:1;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(3){background-image:url('../img/pro4_03.jpg');left:66.666%;z-index:2;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(4){background-image:url('../img/pro4_04.jpg');left:66.666%;z-index:2;}
#pro-con1 .main-box-wrap2 .cont dl {
    display: inline-block;
    margin: 0;
    padding: 60px;
    width: 50%;
    min-height: 600px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: cubic-bezier(0.77, 0.02, 0.18, 1) 0.4s;
    position: absolute;
    top: 0;
}
#pro-con1 .main-box-wrap2 .cont {
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 600px;
}
#pro-con1 .main-box-wrap2 .cont dl:before{content:'';width:10px;height:100%;background:#fff;position:absolute;top:0;left:0;}
#pro-con1 .main-box-wrap2 .cont dl:first-of-type:before{display:none;}
#pro-con1 .main-box-wrap2 .cont.on dl.active dt {
    display: block;
    opacity: 1;
}
#pro-con1 .main-box-wrap2 .cont dl dt a {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f8b500;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:1.6rem; color:#fff; line-height:1.875em; font-weight:600; letter-spacing:0.01em;
}
#pro-con1 .main-box-wrap2 .cont.on dl.active dd .link-box {
    display: block;
    opacity: 1;
}
#pro-con1 .main-box-wrap2 dl dd .link-box {
    display: block;
    position: absolute;
    bottom: 60px;
    left: 60px;
}
#pro-con1 .main-box-wrap2 .text01{
	font-size:2.1rem; color:#fff; line-height:1.875em; font-weight:600; letter-spacing:0.01em;
}
@media screen and (max-width:860px) {

#pro-con1 .main-box-wrap2 .cont{width:100%;}
#pro-con1 .main-box-wrap2 .cont{height:1350px;}
#pro-con1 .main-box-wrap2 .cont{height:1800px;}
#pro-con1 .main-box-wrap2 dl{padding:40px;width:100% !important;min-height:450px;}
#pro-con1 .main-box-wrap2 dl:before{display:none;}

#pro-con1 .main-box-wrap2 .cont dl dt{display:block;opacity:1;}

#pro-con1 .main-box-wrap2 dl dd .link-box{bottom:200px;left:40px;}
#pro-con1 .main-box-wrap2 .cont dl dd .link-box{display:block;opacity:1;}



#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(1){left:0 !important;top:0 !important;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(2){left:0 !important;top:25% !important;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(3){left:0 !important;top:50% !important;}
#pro-con1 .main-box-wrap2  .cont dl:nth-of-type(4){left:0 !important;top:75% !important;}

}


@media screen and (max-width: 768px) {
#pro-con .pros{position:relative; margin:3.833em 0 0.450em;}
#pro-con .pros  .products-list .list { padding:2em; margin-top:2.3333%; margin-left:2.3333%; width:47%; min-height:auto;}	
#pro-con .pros  .products-list .list strong { margin:0.833em 0 0.450em; display:block; font-size:1.9rem; color:#000; font-weight:800; letter-spacing:-0.010em;}
#pro-con .pros  .products-list .list p { font-size:1.6rem; color:#666666; line-height:1.175em; font-weight:300; letter-spacing:-0.016em;}
}

/* 제품 내용///////////////////////////// */

/* 관련상품*/
#relation_pro{overflow: hidden; background-color:#f5f5f5; margin:9.833em 0 0 0;}
#relation_pro .relation{position:relative; margin:10.833em 0 11.450em 0; background-color:#f5f5f5;}
#relation_pro .relation .tit h4{font-size:2.9rem; color:#333333; line-height:1.9em; letter-spacing:-0.01em; font-weight:800;}

#relation_pro .pros{position:relative; margin:5.833em 0 0.450em;}
#relation_pro .pros .products-list { display:flex; flex-wrap:wrap; margin-left:-2.3333%; margin-top:-2.3333%;  }
#relation_pro .pros  .products-list .list { padding:4em; margin-top:2.3333%; margin-left:2.3333%; width:22%; background-color:#fff; min-height:375px; border:1px solid #dcdcdc; text-align:center; border-radius: 16px;  transition: border .4s;}
#relation_pro .pros  .products-list .list:hover {border-color: #f8b500; transition: all 0.2s linear;}
#relation_pro .pros  .products-list .list:hover img{transform: scale(1.1); transition: .5s;}
#relation_pro .pros  .products-list .list .ico { display:flex; justify-content:center; align-items:center; margin:0 auto; width:100%; height:auto;}
#relation_pro .pros  .products-list .list strong { margin:0.833em 0 0.450em; display:block; font-size:2.4rem; color:#000; font-weight:800; letter-spacing:-0.010em;}
#relation_pro .pros  .products-list .list p { font-size:1.6rem; color:#666666; line-height:1.875em; font-weight:300; letter-spacing:-0.016em;}

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

#relation_pro .pros  .products-list .list { padding:2em; margin-top:2.3333%; margin-left:2.3333%; width:47%; min-height:auto;}	

}

/** 문의 **/

#request{
	position:relative; margin:0 auto; padding:12em 0;  
	width:100%;  background:url(../img/request_bg.jpg) no-repeat center center fixed;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
	}
	
#request .request_area{position:relative; height:auto;}
#request .request_area .subtitle{color:#fff; font-size:1.6rem;  line-height:1.875em; font-weight:600; letter-spacing:-0.016em; }
#request .request_area .title{color:#fff; font-size:2.8rem;  line-height:1.375em; font-weight:500; letter-spacing:-0.016em; margin:31px 0 81px 0;}

@media screen and (max-width: 768px) {
	#request{
    padding:7em 0;  
	}
#request .request_area{position:relative; height:auto;}
#request .request_area .subtitle{color:#fff; font-size:1.6rem;  line-height:1.875em; font-weight:600; letter-spacing:-0.016em; }
#request .request_area .title{color:#fff; font-size:2.4rem;  line-height:1.375em; font-weight:600; letter-spacing:-0.016em; margin:31px 0 51px 0;}
}


/* 문의///////////////////////////// */

.sub-tit { display:block; position:relative; z-index:10; width:100%; font-size:6rem; color:#fff; letter-spacing:0.2em; font-weight:600; text-align:center;}
.sub-tit span { opacity: 0; visibility: hidden; display:inline-block; min-width:0.25em; 
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;      
    -webkit-animation : subTitAni 0.3s ease forwards;
    -moz-animation : subTitAni 0.3s ease forwards;
    -ms-animation : subTitAni 0.3s ease forwards;
    -o-animation : subTitAni 0.3s ease forwards;
    animation : subTitAni 0.3s ease forwards;
}

/*over view */
/**회사소개 OVERVIEW -*/

.sub-tits {
    position:relative; top: -2%; left: 0%; overflow:hidden;
	display:block; z-index:10; width:100%; font-size:1.4em; color:#fff; font-weight:100; letter-spacing:0.5em; text-align:center; }

.sub-tits { opacity: 0; visibility: hidden; display:inline-block; min-width:0.25em; 
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;      
    -webkit-animation : subTitAni 0.9s ease forwards;
    -moz-animation : subTitAni 0.9s ease forwards;
    -ms-animation : subTitAni 0.9s ease forwards;
    -o-animation : subTitAni 0.9s ease forwards;
    animation : subTitAni 0.9s ease forwards;
}

.sub-visual .txt {position:relative; top:10%; width: 80%;  text-align:center; 	z-index:10;}

.sub-visual .txt h3 {
    display: block;
    margin-top: 0.475em;
    font-size: 3.8em;
    color: #fff;
    line-height: 1.5em;
    font-weight: 900;
    letter-spacing: 0.02em;

  
   
}
.sub-visual .txt p {
    margin-top: 1.75em;
    font-size: 1.7em;
    color: #fff;
    line-height: 1.7em;
    letter-spacing: 0.015em;
    font-weight: 100;
}




.breadcrumb { position:absolute; left:50%; bottom:3.5em; border-top:1px solid rgba(255,255,255,0.2); padding-top: 2.5em; z-index:10; max-width:1460px; width:90%; text-align:right;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.breadcrumb li { display:inline-block; position:relative; padding-left:1.929em;}
.breadcrumb li:after { content:"\e93f"; position:absolute; left:.4em; top:1px; font-family: 'xeicon',sans-serif;}  

.breadcrumb li:first-child { padding-left:0;}
.breadcrumb li:first-child:after { display:none;}
.breadcrumb li,
.breadcrumb li a { font-size:1.4rem; color:#fff; font-weight:300;}
.breadcrumb li a:hover { text-decoration:underline; text-underline-position: under; }
.breadcrumb li:last-child  a{ font-size:1.4rem; color:#fff; font-weight:600; transition: all 1s;}
.blink{
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}



/* ----- contents common ----- */
.mobile-only { display:none !important;}
.sub-sm-tit { overflow: hidden; padding:10em 0 12em 0; text-align:center;}
.sub-sm-tit h1 {margin-bottom: 2.059em; font-size: 3.4rem;  color: #333333;  letter-spacing: -0.007em;  font-weight: 700;}
.sub-sm-tit h2 { font-size:3.8rem; color:#333333; line-height:1.667em; letter-spacing:-0.01em; font-weight:600;}
.sub-sm-tit h3 { font-size: 1.7rem; color: #666666;  line-height: 1.765em;  letter-spacing: -0.015em;  font-weight: 300;}
.sub-sm-tit h3  strong{display: block;margin: 0.833em 0 0.467em 0; font-size: 2.1rem; color: #333333; line-height: 1.5em; font-weight: 600; letter-spacing: -0.010em;}
.sub-sm-tit .ico-h2 { margin-top:4.286em; font-size:1.4rem; color:#666666; text-align:right;}
.con-sm-tit { font-size:2rem; color:#333333; letter-spacing:-0.013em; font-weight:700;}
.ico-h2 { margin-top:2.143em;}

@media screen and (max-width: 768px) {
	.sub-sm-tit h1 {margin-bottom: 2.059em; font-size: 2.4rem;  color: #333333;  letter-spacing: -0.007em;  font-weight: 700;}
	.sub-sm-tit h2 { font-size:3.2rem; color:#333333; line-height:1.267em; letter-spacing:-0.01em; font-weight:600;}
	.sub-sm-tit h3 {
	text-align:left;  font-size: 1.8rem !important;
}

}

.conbox .maxinner{position:relative;}
.conbox .ico-h2 {margin:0; font-size:1.4rem; color:#666666; position:absolute; right:0; top:-50px; text-align:right;}

.sub-con { padding-bottom:18em;}
.space { padding-top:11em;}
.bd-t { border-top:1px solid #dcdcdc;}
.bd-l { border-left:1px solid #e6e6e6 !important;}
.mb-br { display:none;}
.ico-touch {opacity:.8; display:none;}

.alicenter { align-items: center;}

.counting { font-style: normal;}

.ani-underline { display:inline-block; position:relative;}
.ani-underline:after { content:""; position:absolute; left:0; bottom:10%; z-index:-1; width:0; height:30%; background:#33ba05;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
    -ms-transition:all 0.7s;
    -o-transition:all 0.7s;
    transition:all 0.7s;
}
.ani-on .ani-underline:after { width:100%;}



/* ----- fiberpro_am  common ----- */
.fiberpro_am .right .btnwrap .btnset { min-width:313px;}





/* ----- fiberpro_am ----- */
.fiberpro_am.vision { padding-bottom:0 !important;}
.fiberpro_am.vision .con-tit { margin-bottom:2.059em; font-size:3.4rem; color:#333333; letter-spacing:-0.007em; font-weight:700;}
.fiberpro_am.vision .sec01 { overflow: hidden; padding:10em 0 20rem; background:#fafafa; text-align:center;}
.fiberpro_am.vision .sec01 h3 {display: block;margin: 0.833em 0 0.467em 0; color:#20388e; font-size:2.1rem;  line-height:1.667em; letter-spacing:-0.01em; font-weight:600;}
.fiberpro_am.vision .sec01 .txtbox p > strong {
    display: block;
    margin: 0.833em 0 1.667em;
    font-size: 2.4rem;
    color: #333333;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: -0.010em;
}

.fiberpro_am.vision { padding-bottom:0 !important;}
.fiberpro_am.vision .con-tit { margin-bottom:2.059em; font-size:3.4rem; color:#333333; letter-spacing:-0.007em; font-weight:700;}
.fiberpro_am.vision .sec02 { overflow: hidden; padding:10em 0 20rem; text-align:center;}
.fiberpro_am.vision .sec02 h3 {display: block;margin: 0.833em 0 0.467em 0; color:#20388e; font-size:2.1rem;  line-height:1.667em; letter-spacing:-0.01em; font-weight:600;}
.fiberpro_am.vision .sec02 .txtbox p > strong {
    display: block;
    margin: 0.833em 0 1.667em;
    font-size: 2.4rem;
    color: #333333;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: -0.010em;
}



.halfbox { display:flex;}
.halfbox .left { width:37%; padding-right:10%;}
.halfbox .left .tit { font-size:3.4rem; color:#333333; letter-spacing:-0.007em; font-weight:700; line-height:1.588em;}
.halfbox .left .tit span { display:block; font-size:2.4rem; color:#333333; font-weight:500; line-height:1.4em; letter-spacing:-0.010em;}
.halfbox .left .txt { margin-top:0.722em; font-size:1.8rem; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
.halfbox .right { width:63%;}
.halfbox .right .tbstyle02 { margin-top:1em;}
.halfbox .btnwrap { margin-top:5em;}

.halfbox1 { display:flex;}
.halfbox1 .left { width:50%; padding-right:5%;}
.halfbox1 .right { width:63%;}
.halfbox1 .right .tbstyle02 { margin-top:1em;}
.halfbox1 .btnwrap { margin-top:5em;}

@media screen and (max-width: 768px) {
.halfbox1 { display:flex; flex-direction: column;}
.halfbox1 .left { width:100%; padding-right:0%;}
.halfbox1 .right { width:100%;}
.halfbox1 .right .tbstyle02 { margin-top:1em;}
.halfbox1 .btnwrap { margin-top:5em;}	
}


.halfbox2 { display:flex; align-items:center;}
.halfbox2 .left { padding-left:50px; width:72%;}
.halfbox2 .left .tit { font-size:3.4rem; color:#333333; letter-spacing:-0.007em; font-weight:800;}
.halfbox2 .left .txt { margin-top:1.389em; font-size:1.8rem; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
.halfbox2 .right { width:28%;}
.halfbox2 { padding:10em 0 0;}
.halfbox2 .btnwrap { text-align: center;}

.flexbox { display:flex; margin-left:-2%;}
.flexbox li { display:flex; flex-direction:column; justify-content:flex-start; padding:2.5em; margin-left:2%; width:18%; min-height:13.5em; border:1px solid #dcdcdc;}
.flexbox li strong { font-size:1.8rem; color:#333333; line-height:1.667em; letter-spacing:-0.014em; font-weight:700;}
.flexbox li p { font-size:1.8rem; color:#666666; line-height:1.667em; letter-spacing:-0.014em; font-weight:300;}

.infobox { padding:2.5em 3em 2em; border:1px solid #dcdcdc;}
.infobox .info-tit { margin-bottom:0.8em; font-size:1.6rem; color:#38b800; font-weight:400; letter-spacing:-0.014em;}
.infobox ul { display:flex; flex-wrap:wrap;}
.infobox li { position:relative; padding-left:1em; margin:0.214em 0; width:50%; font-size:1.4rem; color:#888888; font-weight:300; line-height:1.714em; letter-spacing:-0.014em;}
.infobox li:after { content:""; position:absolute; left:0; top:11px; width:8px; height:1px; background:#888;}

.line-imgbox > div { display:inline-block; position:relative;}
.line-imgbox > div:after { content:""; position:absolute; left:0; top:-0.5%; width:100%; height:101%; background:#fff;
    -webkit-transition:all 1.1s;
    -moz-transition:all 1.1s;
    -ms-transition:all 1.1s;
    -o-transition:all 1.1s;
    transition:all 1.1s;
}
.line-imgbox.on > div:after { width:0;}

.f-color { color:#bb0202 !important; font-weight:400;}
.normal-tit { margin:0 0 0.5em; display:block; font-size:2.6rem; color:#333333; line-height:1.667em; letter-spacing:-0.014em; font-weight:700;}
.normal-txt { font-size:1.8rem; color:#333333; line-height:1.667em; letter-spacing:-0.014em; font-weight:300; word-break:keep-all;}
.normal-sm-txt { position: relative; margin-top:1em; font-size:1.5rem; color:#666666; line-height:2em; letter-spacing:-0.017em; font-weight:300;}
.normal-sm-txt a { color:#666;}
.summary { padding:0.7em 0.714em; background:#fafafa; font-size:1.4rem; color:#666666; line-height:1.7em; letter-spacing:-0.018em; font-weight:300; text-align:left;}
.link-decoration { text-decoration:underline;}

.link-txt { position:relative; padding-bottom:0.313em; font-size:1.6rem; color:#38b800; font-weight:300; line-height:1.875em;}
.link-txt:after { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#38b800;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.link-txt i { margin-right:0.455em; margin-top:-0.045em; font-size:2.2rem; vertical-align:middle;}
.link-txt:hover:after { width:100%;}

.line-link { padding-top:2em; text-align:right;}
.line-link > div { position:relative;}
.line-link > div .txtwrap { position:absolute; left:0; top:0; padding-left:6.5em; width:100%; height:100%; text-align:left;}
.line-link > div .txtwrap h3 { padding-top:2.353em; margin-bottom:0.735em; font-size:3.4rem; color:#ffffff; line-height:36px; font-weight:700;}
.line-link > div .txtwrap .link-txt { font-size:1.8rem; color:#fff; font-weight:500;}
.line-link > div .txtwrap .link-txt i { display:inline-block; margin:0 0 0 0.6em; font-size:2rem; vertical-align:text-bottom;}
.line-link > div .txtwrap .link-txt:after { background:#fff;}
.line-link > div .txtwrap .big-link { padding-top:8em;}
.line-link > div .txtwrap .big-link .link-txt { font-size:3.4rem;}
.line-link > div .txtwrap .big-link .link-txt i { font-size:2.8rem; vertical-align:baseline;}
.line-link > div .txtwrap .big-link li { display:inline-block; width:40%; vertical-align:middle;}
.line-link > div .txtwrap .sm-link li { display:inline-block; position:relative; padding-left:3em; margin-left:3em;}
.line-link > div .txtwrap .sm-link li:after { content:""; position:absolute; left:0; top:8px; width:1px; height:18px; background:rgba(255,255,255,0.5);}
.line-link > div .txtwrap .sm-link li:first-child { padding-left:0; margin-left:0;}
.line-link > div .txtwrap .sm-link li:first-child:after { display:none;}
.line-link > div .txtwrap .sm-link li img { vertical-align:baseline;}


@media screen and (max-width: 768px) {
	.sub-depth-nav{display:none  !important;}
}

.sub-depth-nav { display:flex; justify-content:center; border:1px solid #e5e5e5;}
.sub-depth-nav li { position:relative; padding:3.2em 0;}
.sub-depth-nav li:after { content:""; position:absolute; left:0; top:50%; width:1px; height:20px; background:#e5e5e5;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.sub-depth-nav li:first-child:after { display:none;}
.sub-depth-nav li a { padding:0 4em; border:none; background:none; font-size:2rem; color:#333333; letter-spacing:-0.025em; display:block; text-align:center;}
.sub-depth-nav li.on a,
.sub-depth-nav li a:hover { color:#f8b500; }

.tab-nav { padding:10em 0 0; text-align:center;}
.tab-nav li { display:inline-block; margin:0 4px; vertical-align:middle;}
.tab-nav li a,
.tab-nav li button { display:block; min-width:225px; background:#f0f0f0; font-size:1.8rem; color:#333333; letter-spacing:-0.5px; text-align:center; line-height:3.056em; padding:0 1.111em;}
.tab-nav li.on a,
.tab-nav li.on button { background:#38b800; color:#fff; box-shadow: 1px 1px 15px rgb(56 184 0 / 44%);}

.tab-nav-con { display:none;}
.tab-nav-con.open { display:block;}

.tabarea .tab-tit { padding:10em 0; text-align:center;}
.tabarea .tab-tit h4 { margin-bottom:1em; font-size:4rem; color:#333333; letter-spacing:-0.007em; font-weight:700;}
.tabarea .tab-tit p { color:#666666;}

.img-borderbox { border:1px solid #e6e6e6; text-align:center;}

.sub-btnwrap { overflow: hidden; padding-bottom:5em;}
.sub-btnwrap a { margin-left:10px; }
.sub-btnwrap a:first-child { margin-left:0;}

.cont-tit {margin-bottom: 1.125em;font-size:4rem; color:#333333; font-weight:700; letter-spacing:-0.006em; text-align:center;}

.halfbox.halfbox-new .tit {margin-bottom:15px; font-size: 3.2rem; color:#333; letter-spacing:-0.007em; font-weight: 700; line-height:1.588em;}
.halfbox-new {gap:15px; flex-wrap:wrap;}
.halfbox-new > div {width:calc(100% / 3) !important; min-width:440px; padding:0 !important; flex:1;}
.halfbox-new .pic-wrap {position:relative; border:1px solid #38b800;}
.halfbox-new .pic-wrap:before {top:0; border-top:2px solid #efefef;}
.halfbox-new .pic-wrap:after {bottom:0; border-bottom:2px solid #efefef;}
.halfbox-new .pic-wrap > li {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;}
.halfbox-new .pic-wrap > li:after {content:""; position:absolute; bottom:0; width:94%;}
.halfbox-new .pic-wrap > li:not(:last-child):after {border-bottom:1px dashed #38b800}
.halfbox-new .pic-wrap > li:not(:last-child) .pic-title:before {content:""; position:absolute; left:0; bottom:0; width:115px; border-bottom:1px dashed #fff; z-index:1;}
.halfbox-new .pic-wrap > li > div {display:flex; align-items:center;}
.halfbox-new .pic-wrap .pic-title {flex:0 0 116px; justify-content:center; padding:0 10px;  text-align:center; border-right:1px solid #38b800; background: #38b800;}
.halfbox-new .pic-wrap .pic-title > h5 {font-size:1.6rem; color:#fff; line-height:1.3;}
.halfbox-new .pic-wrap .pic-txt {flex-wrap:wrap; flex:1; padding:10px 12px;}
.halfbox-new .pic-wrap .pic-txt > div > p {width:100%; font-size:1.5rem; color:#333; line-height:1.4;}
.halfbox-new .pic-wrap .pic-txt > div > span {position:relative; display:block; width:100%; margin-top:6px; padding:0 10px 0 15px; color:#848382; font-size:1.4rem; line-height:1.35;}
.halfbox-new .pic-wrap .pic-txt > div > span:before {content:"•"; position:absolute; top:1px; left:3px; font-size:1px;}
.halfbox-new .pic-wrap .pic {flex:0 0 147px; flex-direction:column; gap:5px; align-self:center; padding:10px 10px 10px 0;}


/* ----- step style01 ----- */
.step-st01 { display:flex; justify-content:space-between; margin-top:6em;}
.step-st01 > li { position:relative; padding-bottom:20%; width:20%; height:0; border-radius:50%; text-align:center;}
.step-st01 > li .icowrap { display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:20px; top:20px; right:20px; bottom:20px; z-index:1; border-radius:50%; background:#fff; border:1px solid #33ba05; padding:0 3rem;}
.step-st01 > li .icowrap .ico { display:flex; justify-content:center; align-items:center; position:relative; z-index:1; width:8em; height:8em;}
.step-st01 > li .line-circle { position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%;
    -webkit-animation:circleRotate 40s linear infinite;
    -moz-animation:circleRotate 40s linear infinite;
    -ms-animation:circleRotate 40s linear infinite;
    -o-animation:circleRotate 40s linear infinite;
    animation:circleRotate 40s linear infinite;
}
.step-st01 > li:nth-child(even) { z-index:10;}
.step-st01 > li:nth-child(even) .line-circle { border:1px dashed #33ba05;}
.step-st01 > li:nth-child(even) .line-circle:after { content:''; position:absolute; left:3.5%; top:70%; width:8px; height:8px; border-radius:50%; background:#33ba05;}
.step-st01 > li:nth-child(2) .line-circle:after,
.step-st01 > li:nth-child(6) .line-circle:after {
    -webkit-transform:translate3d(-30%,-50%,0);
    -moz-transform:translate3d(-30%,-50%,0);
    -ms-transform:translate3d(-30%,-50%,0);
    -o-transform:translate3d(-30%,-50%,0);
    transform:translate3d(-30%,-50%,0);
}
.step-st01 > li:nth-child(4) .line-circle:after { left:auto; right:3.5%; top:30%;
    -webkit-transform:translate3d(30%,-50%,0);
    -moz-transform:translate3d(30%,-50%,0);
    -ms-transform:translate3d(30%,-50%,0);
    -o-transform:translate3d(30%,-50%,0);
    transform:translate3d(30%,-50%,0);
}
.step-st01 > li:nth-child(odd) .line-circle { background:#fafafa;}
.step-st01 > li p { position:relative; z-index:1; margin-top:.2em; font-size:1.8rem; color:#333333; font-weight:600; letter-spacing:-0.014em;}


/** 제품 슬라이드 */

.slideshow-container {
	position:absolute;
    display: flex;
    justify-content: center;
	right: 0;
    margin: auto;
	z-index:99;
}
.Slidesbackground {

    margin: 0;
    padding: 0;

}
.slideshow-image{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mySlides {
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;

}




.fade {
    animation-name: fade;
    animation-duration: 8.5s;
}

@keyframes fade {
    0% {
        transform: translateY(200px);
		opacity: 0
		 
    }

	100% {
        transform: translateY(0px);
		opacity: 1
		 
    }
}

@media screen and (max-width: 768px) {
	.slideshow-container {display:none !important;
	position:absolute;
    display: flex;
    justify-content: center;
	top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
	z-index:99;
}
	.slideshow-image{
    width: 100%;
    height: 100%;
    overflow: hidden;
	left:50%;
}

	.mySlides {
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.fade {
    animation-name: fade;
    animation-duration: 8.5s;
}

@keyframes fade {
    0% {
        transform: translateY(100px);
		opacity: 0
		 
    }

	100% {
        transform: translateY(0px);
		opacity: 1
		 
    }
}
}
/* ----- 채용정보 ----- */

#recruit{position:relative; margin:10em 0; }
#recruit .re_tit {font-size: 2.4rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#recruit .re_dth01{margin-top:2.6rem;}
#recruit .re_dth01 .item {margin-top:2.6rem;}
#recruit .re_dth01 .item:first-child{margin:0 !important;}
#recruit .re_dth01 .item h1{position:relative; font-size:2.1rem; color: #333; line-height:1.450em; font-weight:700; }
#recruit .re_dth01 .item h2{position:relative; font-size:2.1rem; color: #333; line-height:2.3em; font-weight:800; }
#recruit .re_dth01 .item .text01{margin-top:2em; }
#recruit .btnwrap  {
    padding-top: 7em;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}

#recruit .re_dth01 .left {
    width: 45%;
    padding-right: 10%;
}
#recruit .re_dth01 .right {
    width: 55%;
}

#recruit .formboxs{margin-top:5.6rem;}

#recruit1{overflow:hidden;}
#recruit1{position:relative; margin:10em 0;padding:8em 0; background-color:#fafafa;}
#recruit1 .re_tit {font-size: 2.4rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#recruit1 .re_dth02 .external-list {display: flex; flex-wrap: wrap; margin-top: 3em; margin-left: -3%;}
#recruit1 .re_dth02 .external-list li {margin-left: 3%; width: 22%; padding:2em 2em; border-radius:8px; background-color:#fff;}
#recruit1 .re_dth02 .depart{width:100%;}
#recruit1 .re_dth02 .depart h2{font-size: 2rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800; border-bottom:1px solid #000;}
#recruit1 .re_dth02 .depart p{margin-left: 1em; color: #333333; line-height: 1.6em; letter-spacing: -0.01em; font-weight: 300; }
#recruit1 .re_dth02 .depart p:before {
    content: '-';
    position: absolute;
    margin-left: -1em;
    font-size: 1.5rem;
    color: #333;
    font-weight: 300;
}
#recruit1 .re_dth02 .depart p:first-of-type{margin-top:1.6em;}
#recruit1 .re_dth02 .depart font{display:block;}
#recruit1 .re_dth02 .depart .school{border-top:1px solid #dcdcdc; margin-top:1.4em; padding-top:1.2em; }


#recruit2{overflow:hidden;}
#recruit2{position:relative; margin:10em 0; }
#recruit2 .re_tit {font-size: 2.4rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}


#recruit2 .listbox {padding: 4em 0 0;}
#recruit2 .listbox:nth-of-type(2n) {padding-top: 17em;}
#recruit2 .listbox .tit {text-align: center; color: #333333; font-size: 4rem; margin-bottom: 1.5em;}
#recruit2 .listbox .list ul {padding: 2.5em 0em; display: flex; align-items: center; justify-content: space-between; position: relative;}

#recruit2 .listbox .list li {width: 22.2em; height: 22.2em; border: 1px solid #398297; border-radius: 100%; box-shadow: 0 0 15px rgb(0 0 0 / 11%); display: flex; justify-content: center;}
#recruit2 .listbox .list li.arrow-btn { background: url('../img/cree_arrow.png')no-repeat center center;
 width: 1.6em; height: 3em; border: none; border-radius: unset; box-shadow: unset;}
#recruit2 .listbox .list li.last {background: #398297;}
#recruit2 .listbox .list li.last span {color: #FFF;}
#recruit2 .listbox .list li.last p {color: #fff;}
#recruit2 .listbox .list li > div {margin-top: 5em; text-align: center;}
#recruit2 .listbox .list li.last h3 {color: #fff;}
#recruit2 .listbox .list li span {font-size: 2.2rem; color: #398297; line-height: 1.5em;}
#recruit2 .listbox .list li h3 {font-size: 1.5rem; color: #333333; font-weight: 600; margin: 0.5em 0;}
#recruit2 .listbox .list li p {font-size: 1.7rem; color: #333333; opacity: 0.8;}
#recruit2 .halfbox .left > div {margin-top: -2.5em;}
#recruit2 .halfbox .left span {color: #38b800; font-size: 1.8rem;}
#recruit2 .halfbox .left .tit {font-size: 3.2rem; font-weight: 600;}
#recruit2 .halfbox .left .tit em {font-style: normal; color: #38b800; margin-right: 0.469em;}
#recruit2 .halfbox .right .small-txt {font-size: 1.4rem; color: #666666; padding: 1em 1.5em; background: #fafafa; margin-top: 1.5em; display: inline-flex;}
#recruit2 .halfbox .right .small-txt span { color: #38b800;}
#recruit2 .halfbox .right ul {margin-top: 3.5em;}
#recruit2 .halfbox .right li {position:relative; padding-left:15px;}
#recruit2 .halfbox .right li span { position:absolute; left:0; top:12px; width: 4px; height: 4px; background: #dddddd; border-radius: 100%;}
#recruit2 .halfbox .right li p {color: #666666; font-size: 1.6rem; line-height: 1.875em;}
#recruit2 .halfbox .right li p em {color: #38b800; font-style: normal;}
#recruit2 .line-imgbox {text-align: right;}
#recruit2 .line-imgbox > div:after {right: 0; left: unset;}
#recruit2 .line-imgbox .txt {position: absolute; top: 9em; left: 7em; text-align: left;}
#recruit2 .line-imgbox .txt h3 {font-size: 3.4rem; color: #fff; line-height: 1.059em; margin-bottom: 1em;}
#recruit2 .line-imgbox .txt a {font-size: 1.8rem; color: #fff; position: relative; display: inline-flex; align-items: center;}
#recruit2 .line-imgbox .txt a img {width: 15px; height: 15px; margin-left: 0.5em;}
#recruit2 .line-imgbox .txt a:hover:after { width: 100%;}
#recruit2 .line-imgbox .txt a:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -5px;
 width: 0;
 height: 2px;
 background: #fff;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}

#recruit2 .space .list {
    border-top: solid 1px #F3F3F3;
    padding: 7.5em 1em 0;
    display: flex;
    flex-wrap: wrap;
}
#recruit2 .space .list .item {
    padding: 0 3em 5em;
    flex: 0 0 auto;
    width: 25%;
}
#recruit2 .space .list .item .number {
    font-size: 1.6rem;
    color: #398297;
    font-weight: 800;
    margin-bottom: 0.5em;
}
#recruit2 .space .list .item h4 {
    color: #333333;
    font-size: 1.9rem;
    margin-bottom: 1.5em;
    line-height: 1.154em;
	font-weight:700;
}
#recruit2 .space .list .item .normal-txt {
    font-size: 1.7rem;
    color: #666666;
    word-break: keep-all;
}
#recruit3{overflow:hidden;}
#recruit3{position:relative; margin:10em 0; }
#recruit3 .space1 .list {
    border-top: solid 1px #F3F3F3;
    padding: 7.5em 1em 0;
    display: flex;
    flex-wrap: wrap;
}
#recruit3 .space1 .list .item {
    padding: 0 3em 5em;
    flex: 0 0 auto;
    width: 50%;
}
#recruit3 .space1 .list .item h4 {
    color: #333333;
    font-size: 2.6rem;
    margin-bottom: 1.5em;
    line-height: 1.154em;
	font-weight:700;
}
#recruit3 .space1 .list .item .normal-txt {
    font-size: 1.7rem;
    color: #666666;
    word-break: keep-all;
}
#recruit3 .space1 .list .item .normal-txt span{display:block; margin-left: 1em; color: #333333; line-height: 1.6em; letter-spacing: -0.01em; font-weight: 300; }
#recruit3 .space1 .list .item .normal-txt span:before {
    content: 'ㆍ';
    position: absolute;
    margin-left: -1em;
    font-size: 1.5rem;
    color: #333;
    font-weight: 300;
}
#recruit3 .space1 .list .item .btnwrap{
	 margin-top: 2em;
}

@media all and (max-width: 1080px){
    #recruit2 .listbox .list { border:none;}
    #recruit2 .listbox .list ul { flex-wrap:wrap; padding:0;}
    #recruit2 .listbox .list ul:after,
    #recruit2 .listbox .list ul:before { display:none;}
    #recruit2 .listbox .list li { position:relative; margin:0 0 25px !important; padding:0 !important; width:100% !important; height:auto !important; border-radius:20px !important;}
    #recruit2 .listbox .list li:after { content:""; position:absolute; left:50%; top:100%; z-index:10; margin-left:7.5px; width:15px; height: 15px; border-bottom: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-o-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;	
    }
	#recruit2 .listbox .list li > div {
    margin-top: 0em;
    text-align: center;
	}
    #recruit2 .listbox .list li:last-child { margin:0 !important;}
    #recruit2 .listbox .list li:last-child:after { display:none !important;}
    #recruit2 .listbox .list li.arrow-btn { display:none !important;}
    #recruit2 .listbox .list li > div { position:relative; position:static !important; padding:20px 0;}
    #recruit2 .listbox .list li p { min-height:auto !important;}
	#recruit1 .re_dth02 .external-list li {
    width: 46%; margin-bottom:1em;
}
	#recruit2 .space .list {
    padding: 7em 0 0;
    justify-content: space-between;
}

}
@media all and (max-width:767px){
 #recruit2 .listbox .list { border:none;}
 #recruit2 .listbox .list li > div {
    margin-top: 0em;
    text-align: center;
}
    #recruit2 .listbox .list ul { flex-wrap:wrap; padding:0;}
    #recruit2 .listbox .list ul:after,
    #recruit2 .listbox .list ul:before { display:none;}
    #recruit2 .listbox .list li { position:relative; margin:0 0 25px !important; padding:0 !important; width:100% !important; height:auto !important; border-radius:20px !important;}
    #recruit2 .listbox .list li:after { content:""; position:absolute; left:50%; top:100%; z-index:10; margin-left:7.5px; width:15px; height: 15px; border-bottom: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-o-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;	
    }
    #recruit2 .listbox .list li:last-child { margin:0 !important;}
    #recruit2 .listbox .list li:last-child:after { display:none !important;}
    #recruit2 .listbox .list li.arrow-btn { display:none !important;}
    #recruit2 .listbox .list li > div { position:relative; position:static !important; padding:20px 0;}
    #recruit2 .listbox .list li p { min-height:auto !important;}
	#recruit2 .space .list {
    padding: 5em 0 0;
}
#recruit1 .re_dth02 .external-list li {
    width: 100%; margin-bottom:1em;
}
#recruit2 .space .list .item {
    padding: 0 0 3em;
    width: 100%;
}
#recruit2 .space .list .item h4 {
    margin-bottom: 0.5em;
}
#recruit3 .space1 .list .item {
    padding: 0 3em 5em;
    flex: 0 0 auto;
    width: 100%;
}
}
/* ----- 채용정보 ----- ////////////////////*/



/* ----- 뉴스 이벤트 ----- */

#news{overflow:hidden;}
#news{position:relative; margin:10em 0;  }
#news .re_tit {font-size: 2.4rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#news  .tabmenu-group {position: relative; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff}
#news  .tabmenu-group .tabmenu {height: 55px}
#news  .tabmenu-group li {position: relative; width: 15%; text-align: center}
#news  .tabmenu-group li:before {content: ''; position: absolute; top: 20%; left: 0; width: 1px; height: 16px; background-color: #cccccc;
 -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#news .tabmenu-group li:first-child:before {content: none}
#news  .tabmenu-group li.on:after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000}
#news  .tabmenu-group li a { font-size: 2.4rem;  color: #333333; font-weight: 300;}
#news  .tabmenu-group li.on a {color: #333333; font-weight: 800;}
#news  .tabmenu-group-mobile {display: none}
#news  .menutype01 {display: flex;
 -ms-align-content: stretch;
    align-content: stretch
}

#event{overflow:hidden;}
#event{position:relative; margin:10em 0;  }
#event .re_tit {font-size: 2.4rem; color: #333333; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#event  .tabmenu-group {position: relative; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff}
#event  .tabmenu-group .tabmenu {height: 55px}
#event  .tabmenu-group li {position: relative; width: 15%; text-align: center}
#event  .tabmenu-group li:before {content: ''; position: absolute; top: 20%; left: 0; width: 1px; height: 16px; background-color: #cccccc;
 -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#event .tabmenu-group li:first-child:before {content: none}
#event  .tabmenu-group li.on:after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000}
#event  .tabmenu-group li a { font-size: 2.4rem;  color: #333333; font-weight: 300;}
#event  .tabmenu-group li.on a {color: #333333; font-weight: 800;}
#event  .tabmenu-group-mobile {display: none}
#event  .menutype01 {display: flex;
 -ms-align-content: stretch;
    align-content: stretch
}


.pg_wrap { padding:4em 0 0; text-align:center;}
.pg_wrap .pg { margin:0 1em;}
.pg_wrap .pg a { display:inline-block; width:2.5em; height:2.5em;  font-size:1.6rem; color:#b2b2b2; vertical-align:middle; text-align:center; line-height:2.5em;}
.pg_wrap .pg a:hover { color:#000;}
.pg_wrap .pg a.on {color:#000; font-weight:800 !important; border:1px solid #000;}
.pg_wrap .pg-btn { opacity:0.4; display:inline-block; position:relative; margin:0 0.5em; width:2.5em; height:2.5em; background-repeat:no-repeat; background-position:center center; vertical-align:middle; cursor:pointer;}
.pg_wrap .pg-btn:hover { opacity:1;}
.pg_wrap .pg-btn.pg-start { background-image:url(../img/bu-start.png);}
.pg_wrap .pg-btn.pg-prev { background-image:url(../img/bu-prev.png);}
.pg_wrap .pg-btn.pg-next { background-image:url(../img/bu-next.png);}
.pg_wrap .pg-btn.pg-end { background-image:url(../img/bu-end.png);}



/* ----- 뉴스 게시물 ----- */

#news  .menutype01.center li {flex: 0 0 auto}
#news article:first-of-type{/*margin-top:2em ; */}

#board_1 .board_list{border:1px solid #f3f3f3; padding: 3rem; background: #fff; border-radius: 6px;     margin: 1rem 0 2rem 0;}
#board_1 .board_list li{font-size: 1.4rem; color: #666666; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#board_1 .board_list .content-box a{font-size: 1.9rem; color: #333; line-height: 1.667em; letter-spacing: -0.01em; font-weight: 700;}
#board_1 .board_list .content-box a:hover{text-decoration:underline; color: #000;}

#board_1 .board_list .btn{margin-top:1.375em; }
#board_1 .board_list .btn-link { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border:1px solid #1b1b1b; border-radius:50px; min-width:130px;}
#board_1 .board_list .btn a{font-size:1.2rem; color:#333333; line-height:1.375em; text-align:left !important; }
#board_1 .board_list .btn a:hover{color:#fff;  }
#board_1 .board_list .btn-link i { position:absolute; right:1.563em;  top:50%; margin-top:-8px; font-size:1.6rem;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}

/* ----- 이벤트 게시물 ----- */
#board_2 .board_list{border:1px solid #f3f3f3; padding: 3rem; background: #fff; border-radius: 6px;     margin: 1rem 0 2rem 0;}
#board_2 .board_list li{font-size: 1.4rem; color: #666666; line-height: 2.667em; letter-spacing: -0.01em; font-weight: 800;}
#board_2 .board_list .content-box{overflow:hidden; display: inline-grid;}
#board_2 .board_list .content-box .imgbox{margin-bottom:1em;}
#board_2 .board_list .content-box a{font-size: 1.9rem; color: #333; line-height: 1.667em; letter-spacing: -0.01em; font-weight: 700;}
#board_2 .board_list .content-box a:hover{text-decoration:underline; color: #000;}
#board_2 .board_list .content-box span{padding-top:1em; font-size: 1.6rem; color: #666666; line-height: 1.267em; letter-spacing: -0.01em; font-weight: 300;}

#board_2 .board_list .btn{margin-top:1.375em; }
#board_2 .board_list .btn-link { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border:1px solid #1b1b1b; border-radius:50px; min-width:130px;}
#board_2 .board_list .btn a{font-size:1.2rem; color:#333333; line-height:1.375em; text-align:left !important; }
#board_2 .board_list .btn a:hover{color:#fff;  }
#board_2 .board_list .btn-link i { position:absolute; right:1.563em;  top:50%; margin-top:-8px; font-size:1.6rem;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}

.event{ display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
    margin-left: -3%;
}
.event article{
margin-left: 3%;
    width: 30%;
    border-radius: 8px;
    background-color: #fff;
}

@media all and (max-width:767px){
#news  .tabmenu-group li {position: relative; width: 25%; text-align: center}
#event  .tabmenu-group li {position: relative; width: 25%; text-align: center}
.event article{
margin-left: 3%;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
}
}

/* ----- 공통 게시판 ----- */
.board-list-wrap .board-info {
    margin: 3em 0;
}
.board-contents .board-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
    padding: 4.5em 0 0;
    border-top: 2px solid #313131;
}
.board-contents .board-total {
    font-size: 1.8rem;
    color: #666666;
    letter-spacing: -0.014em;
    font-weight: 300;
}
.board-contents .board-total span {
    margin-left: 5px;
    color: #000;
    font-weight: 800;
}
/* ----- 공통 게시판 -----//////////////// */

/* ----- 뉴스 이벤트 -----/////////// */



/* ----- 대리점안내 ----- */

#agent{position:relative; margin:12em 0; }
#agent .tabmenu-group {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #dadada;
    background-color: #fff
}

#agent .tabmenu-group .tabmenu {
    height: 55px
}

#agent .tabmenu-group li {
    position: relative;
    width: 15%;
    text-align: center
}

#agent .tabmenu-group li:before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #cccccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#agent .tabmenu-group li:first-child:before {
    content: none
}

#agent .tabmenu-group li.on:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #205678
}

#agent .tabmenu-group li a {
    font-weight: 600;
    font-size:1.8rem; 
    color: #666
}

#agent .tabmenu-group li.on a {
    color: #205678
}

#agent .tabmenu-group-mobile {
    display: none
}

#agent .menutype01 {
    display: flex;
    -ms-align-content: stretch;
    align-content: stretch
}

#agent .menutype01.center {
    justify-content: center
}

#agent .menutype01.center li {
    flex: 0 0 auto
}

#agent .world_map{
	padding:8em 15em;
	background-color:#f9f9f9;
}

#agent .section-component.net01 {
        display: flex;
        justify-content: space-between;
        padding: 40px 3.333333333%;
        border-bottom: 1px solid #d9d9d9;
        margin-top: 0
    }


 #agent .section-component.net01 .media-wrapper {
        width: 42.857142857%;
        margin-left: 12.5%
    }

#agent .section-component.net01 .media-wrapper img {
        width: 100%
    }

  #agent .network + .content-info #nDarea .section-component.net01:last-child {
        border-bottom: 0 none
    }

#agent .stabmenu-group + .section-component.net01 {
        padding-top: 0;
        margin-top: 60px
    } 

#agent .section-component.net02 {
        display: flex;
        justify-content: space-between;
        min-height: 264px;
        padding: 50px 3.333333333%;
        border-top: 1px solid #d9d9d9;
        margin-top: 0
    }
#agent .section-component .section-body .desc {

}

	
#agent .section-component.net02 .section-body {
        width: 48%
    }
	
#agent .section-component.net02 .section-body font {
        display:block;
    }
#agent .section-component.net02 .section-body .Area{
        position: relative; font-size: 2.1rem; color: #333; font-weight: 700; line-height: 2.6rem;
    }
#agent .section-component.net02 .section-body .Company{
        position: relative; font-size: 1.9rem;  font-weight: 600; line-height: 4.8rem; padding-top:1.6rem; color:#205678;
    }
#agent .section-component.net02 .section-body .line{
        border-top:1px solid #d9d9d9; padding-top:1.6rem;
    }
#agent .section-component.net02 .section-body p{	
	font-size: 1.6rem;
    color: #333333;
    line-height: 1.967em;
    letter-spacing: -0.01em;
    font-weight: 300;

}
#agent .section-component.net02 .section-body  span{
	margin-left:1.6rem;
}
	
 #agent .section-component.net02 .section-body:last-child {
        box-sizing: border-box
    }
	
@media screen and (max-width: 768px) {
	#agent .tabmenu-group li {
    position: relative;
    width: 33%;
    text-align: center
}

#agent .section-component.net02 .section-body {
    width: 100%;
}
#agent .section-component.net02 .wix2 {
	padding: 50px 0 0 0;
}

#agent .section-component.net02 {
	flex-direction: column;
}
#agent .world_map{
	display:none;
}
}

/* ----- rma ----- */

#rma{position:relative; margin:12em 0; }
#rma .item {margin-top:2.6rem;}
#rma .item:first-child{margin:0 !important;}
#rma .item h1{position:relative; font-size:2.6rem; color: #333; line-height:2.750em; font-weight:800; }
#rma .item h2{position:relative; font-size:2.1rem; color: #333; line-height:2.3em; font-weight:800; }
#rma .btnwrap  {
    padding-top: 7em;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}

#rma .halfbox .left {
    width: 65%;
    padding-right: 10%;
}
#rma .halfbox .right {
    width: 35%;
}

#rma .formboxs{margin-top:5.6rem;}
/* ----- 문의하기 ----- */
/* ----- rma ----- */

#question{position:relative; margin:12em 0; }
#question .item {margin-top:2.6rem;}
#question .item:first-child{margin:0 !important;}
#question  h1{position:relative; font-size:4.6rem; color: #333; line-height:1.750em; font-weight:800; }
#question .item h2{position:relative; font-size:2.1rem; color: #333; line-height:2.3em; font-weight:800; }
#question .flag {display: flex; margin-bottom:1.6em;}
#question .flag .img {
    margin-right: 2em;
}
#question .flag .tit {
	padding:1.4rem 0;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.333em;
    color: #333333;
    letter-spacing: -0.007em;
	vertical-align:middle;
}
#question .item .infor{
	border-top: 1px solid #333;
	 margin-bottom:1.6em;
}
#question .item .infor ul{
	 padding-top:1.3em;
}
#question .item .infor  li{
	 padding:0.2em;
}
#question .btnwrap  {
    padding-top: 7em;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}



/* ----- 약관 공통 ----- */
#privacy{position:relative; margin:12em 0; }
#privacy dd { padding-top:1em; font-size:1.6rem; color: #333; line-height:1.750em; font-weight:300;}
#privacy dd .link-underline { color:#38b800;}
#privacy dd .link-underline:hover { text-decoration: underline;}
#privacy dd:nth-child(2) { padding-top:0;}
#privacy dd p { padding-top:1em; }
#privacy dd .dd-con { padding-top:1em;}
#privacy dd .p-left { padding-left:1em;}
#privacy dd ul li { position: relative; margin-left: 1em; font-size: 1.6rem; color: #333; font-weight: 300; line-height: 2.6rem;}
#privacy dd ul li:before { content: ''; position: absolute; margin-left: -1em; font-size: 1.5rem; color: #333; font-weight: 300; }
#privacy .tbstyle02 { margin-top: 1em;}
#privacy .tbstyle02 table thead th { padding: 1em 0; font-size: 1.6rem; }
#privacy .tbstyle02 table thead td { padding: 0.5em 0.3em; font-size: 1.5rem;}

/** 이용약관 **/

#privacy .titbox .tit {    
    font-size: 4rem;
    text-align: center;
    margin-bottom: 2em;
}
#privacy .titbox .normal-txt {
    padding: 2em 3em;
    background: #fafafa;
    text-align: left;
	font-size:1.6rem;
}
#privacy .privacy-list dl  {
    margin-top: 7em;
}

#privacy .privacy-list dl dt {
    margin-bottom: 1em;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
}

/** 개인정보처리방침 **/
#privacy .privacy-listbtn { margin:5em 0 0; text-align:right;}
#privacy .privacy-listbtn .privacy-list-date { display:inline-block; position:relative;}
#privacy .privacy-list-date strong { position:absolute; right:100%; top:50%; margin-right:1em; width:100%; font-size:2rem; vertical-align:middle;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
#privacy .privacy-listbtn .privacy-list-date span { display:inline-block; padding: 0 1.75em 0 0.5em; min-width: 225px; margin:0; width: 100%; height: 3em; border: none; border-bottom: 2px solid #333; background: url(/images/bu/bu-select.png) no-repeat 95% center; font-size: 2rem; font-weight: 500; line-height:3em; cursor: pointer; text-align:left; vertical-align:middle;}
#privacy .privacy-listbtn ul { display:none;position:absolute; left:0; top:100%; z-index:10; width:100%; background:#fff; border:1px solid #333; text-align:left;}
#privacy .privacy-listbtn ul li { margin:0 !important;}
#privacy .privacy-listbtn ul li:before { display:none;}
#privacy .privacy-listbtn ul li a { display:block; padding:7px 10px; font-size:1.8rem;}
#privacy .privacy-listbtn ul li.on a { background:#333; color:#fff;}
#privacy .privacy-listbtn ul li a:hover { background:#1e90ff; color:#fff;} 
#privacy .privacy-conbox { display:none;}
#privacy .privacy-conbox.on { display:block;} 










/* ----- contact us ----- */
.st-inp { padding:0 1.111em; width:100%; height:3em; border-radius:0; border:1px solid #ddd; font-size:1.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.st-inp::placeholder { color:#b2b2b2;}
.st-inp::-ms-clear { display: none;}
.st-inp::-webkit-inner-spin-button,
.st-inp::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.st-select { padding:0 1.75em 0 1.111em; width:100%; height:3em; border-radius: 8px; border: 1px solid #dddddd; background:url(../img/bu-select.png) no-repeat 95% center; font-size:1.8rem; cursor:pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}   



.st-select::-ms-expand { display: none;}
.st-select.line { padding:0 1.75em 0 0.5em; margin-bottom:50px; max-width:225px; border:none; border-bottom:2px solid #333; font-size:2rem; font-weight:500; color:#000;}
select option:hover { background:#333; color:#fff;}
select option:checked { background:#333; color:#fff;}
.st-select option:hover { background:#333; color:#fff;}
.st-select option:checked { background:#333; color:#fff;}
.st-textarea { padding:1.111em; width:100%; min-height:200px; border:1px solid #ddd; font-size:1.8rem;}

.pribox { padding-top:4em;}
.pribox h5 { margin-bottom:1em; font-size:2.2rem; color:#333333; letter-spacing:-0.011em; font-weight:700;}
.pribox .pricon { overflow-y:scroll; padding:4em; height:23.5em; border-radius: 8px; border: 1px solid #dddddd;}
.pribox .pricon h4 { font-size:2rem; color:#333333; font-weight:600; letter-spacing:-0.013em;}
.pribox .pricon p { margin-top:1.333em;  font-size:1.5rem; color:#999999; font-weight:300; line-height:1.733em; letter-spacing:-0.017em;}
.pribox .pricon dl { margin-top:3em;}
.pribox .pricon dt { font-size:1.6rem; color:#333333; line-height:1.875em; letter-spacing:-0.016em;}
.pribox .pricon dd { font-size:1.5rem; color:#999999; line-height:1.733em; letter-spacing:-0.017em; font-weibht:300;}
.pribox .pricon dd > ul > li { position:relative; padding-left:12px;}
.pribox .pricon dd > ul > li:after { content:""; position:absolute; left:0; top:12px; width:8px; height:1px; background:#999;}
.pribox .seccon { padding:4em;  background:#fafafa;}
.pribox .seccon p {  font-size:1.5rem; color:#999999; font-weight:300; line-height:1.733em; letter-spacing:-0.017em;}

.pribtn { display:flex; justify-content:space-between; padding:2em 0; margin-bottom:7em;}
.pribtn p { font-size:1.4rem; color:#333333; line-height:1.625em; letter-spacing:-0.016em; font-weight:300;}
.pribtn label { display:inline-block; position:relative; padding-left:1.875em; font-size:1.4rem; color:#333333; line-height:1.625em; letter-spacing:-0.016em; font-weibht:300; cursor:pointer;}
.pribtn label:after { content:""; position:absolute; left:0; top:4px; width:16px; height:16px; border:1px solid #666666;}
.pribtn label:before { content:"\e929"; position:absolute; left:0; top:4px; z-index:10; width:16px; height:16px; font-family:'xeicon',sans-serif; color:#fff; line-height:16px;}
.pribtn input[type="checkbox"] { display:none;}
.pribtn input[type="checkbox"]:checked + label:after { border-color:#38b800; background:#38b800;}

.req-txt { width:100%; font-size:1.5rem; color:#808080; letter-spacing:-0.017em; text-align:right;}
.req-txt span { margin-right:5px;}

.form-list {}
.form-list h2{position: relative;  padding:0 0 0.3em 0; font-size: 1.9rem;color: #333;line-height: 2.750em; font-weight: 700; border-bottom: 1px solid #000;    }
.form-wrap { margin:0 auto;  width:100%;}
.form-wrap .formbox-wrap { display:flex; flex-wrap:wrap; justify-content:space-between; }
.form-wrap .formbox-wrap .bloxk{flex-direction: column !important;}
.form-wrap .formbox-wrap  .ladox{
	padding: 0.875em 0 0;
    font-size: 1.6rem;
    color: #333333;
    font-weight: 500;
    letter-spacing: -0.016em;
	
}
.form-wrap .formbox-wrap .formbox { display:flex; justify-content:space-between; align-items:flex-start; margin:15px 0; width:100%;}
.form-wrap .formbox-wrap .formbox.half { width:47%;}
.form-wrap .formbox-wrap .formbox .left { padding:0.875em 0 0; width:130px; font-size:1.6rem; color:#333333; font-weight:500; letter-spacing:-0.016em;}
.form-wrap .formbox-wrap .formbox .left span.f-color { display:inline-block; margin-left:2px; margin-top:-5px; vertical-align:top;}
.form-wrap .formbox-wrap .formbox .right { width:calc(100% - 110px);}
.form-wrap .formbox-wrap .formbox .st-select {  font-size:1.6rem; color:#333; font-weight:300;}
.contactus .form-wrap .formbox-wrap .formbox .st-select + .st-select { margin-top:10px;}
.contactus .form-wrap .formbox-wrap .formbox .st-select + .st-inp { margin-top:10px;}
.form-wrap .formbox-wrap .formbox .st-inp { border:none;  border-radius: 8px; border: 1px solid #dddddd; font-size:1.6rem; color:#333; font-weight:300;}
.form-wrap .formbox-wrap .formbox .st-textarea { border:none; border-radius: 8px; border: 1px solid #dddddd; font-size:1.6rem; color:#333; font-weight:300;}

.form-wrap .formbox-wrap .formbox .filebox { position:relative; max-width:537.59px;  width:55.423%; padding-right:140px;}
.form-wrap .formbox-wrap .formbox .filebox button { position:absolute; right:15px; top:0; width:130px; height: 3em; background-color:#fff; border:1px solid #333; font-size:1.6rem; color:#333; letter-spacing:-0.25px;}
.form-wrap .formbox-wrap .formbox .filebox button:hover { background:#333; color:#fff;}
.form-wrap .formbox-wrap .formbox .filebox span { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;  border-radius: 8px; border: 1px solid #dddddd; padding:0 1.111em; width:100%; height:3em;  font-size:1.6rem; color:#b2b2b2; line-height:3em;}

.form-wrap .form-sm-txt { margin-top:1.286em; font-size:1.4rem; color:#333; font-weight:300;}
.form-wrap .btnwrap a { margin-right:10px;}
.form-wrap .btnwrap .btn-type01 { min-width:8.889em;}
.form-wrap .btnwrap .btn-type01 { min-width:8.889em;}
.form-wrap .btnwrap .btn-type01.black:hover { background:#535353; border-color:#535353;}
.form-wrap .btnwrap .btn-type01.white:hover { background:#333333; border-color:#333333; color:#fff;}


.contactus .btnwrap { padding-top:7em; border-top:1px solid #dcdcdc; text-align:center;}
.contactus .sub-depth-nav li a { padding:0 2.5em;}





/* ----- 버튼번들 setting ----- */
.btn-view-product { padding-right:20px; }
.btn-view-product span { display:inline-block; position:relative; padding-bottom:7px; font-size:1.8rem; color:#111111; letter-spacing:-0.5px; vertical-align:middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-view-product span:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#111; transition:all ease .3s;}
.btn-view-product i { display:inline-block; margin-left:0.5em; margin-top:-0.1em; font-size:2rem; color:#000; vertical-align:middle;}
.btn-view-product:hover span:after {width:0;}

.btn-download { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border:1px solid #1b1b1b; font-size:1.6rem; color:#333333; line-height:1.375em; text-align:left !important; min-width: 270px}
.btn-download i { position:absolute; right:1.563em; top:50%; margin-top:-8px; width:16px; height:16px;   
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}
.btn-download:hover { border-color:#333; background:#333; color:#fff;}
.btn-download:hover i { background:url(/images/ico/ico-download-on.png) no-repeat center;}
.btn-download.small { padding:0; min-width:auto; width:43px; height:43px; text-align:center;}
.btn-download.small i { right:50%; margin-right:-8px;  top:50%; margin-top:-8px;}

.btn-download1 { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border-radius: 8px; background-color:#333;  font-size:1.6rem; color:#fff; line-height:1.375em; text-align:left !important; min-width: 200px}
.btn-download1 i { position:absolute; right:1.563em; top:50%; margin-top:-8px; width:16px; height:16px;   
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}
.btn-download1:hover { background:#6a6a6a; color:#fff;}
.btn-download1.small { padding:0; min-width:auto; width:43px; height:43px; text-align:center;}
.btn-download1.small i { right:50%; margin-right:-8px;  top:50%; margin-top:-8px;}


.btn-video { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border:1px solid #1b1b1b; font-size:1.6rem; color:#333333; line-height:1.375em; text-align:left !important; min-width: 270px}
.btn-video i { position:absolute; right:1.563em;  top:50%; margin-top:-8px; width:20px; height:15px; background:url(/images/ico/ico-video.png) no-repeat center;  
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s;   
}
.btn-video:hover { border-color:#333; background:#333; color:#fff;}
.btn-video:hover i { background:url(/images/ico/ico-video-on.png) no-repeat center;} 


.btn-print { position:relative; padding:0 1.563em 0 0; min-width:8.125em; border:none; line-height:2.5em;}
.btn-print i { position:absolute; right:1.563em;  top:50%; margin-top:-8px; width:15px; height:15px; background:url(/images/ico/ico-print.png) no-repeat center;  
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s;   
}
.btn-print:hover {  background:none; color:#33ba05;}
.btn-print:hover i { background:url(/images/ico/ico-print-on.png) no-repeat center;} 



.btn-link { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border:1px solid #1b1b1b; font-size:1.6rem; color:#333333; line-height:1.375em; text-align:left !important; min-width:270px;}
.btn-link i { position:absolute; right:1.563em;  top:50%; margin-top:-9px; width:17px; height:18px; background:url(/images/ico/ico-link-big.png) no-repeat center;   
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}
.btn-link.small { padding:0; width:43px; height:43px; text-align:center; min-width:auto;}
.btn-link.small i { right:50%; margin-right:-8.5px;   }
.btn-link:hover { border-color:#333; background:#333; color:#fff;}
.btn-link:hover i { background:url(/images/ico/ico-link-big-on.png) no-repeat center;}
.btn-link.black { background:#333; color:#fff;}
.btn-link.black i { background:url(/images/ico/ico-link-big-on.png) no-repeat center;}
 


.btn-inlink {position:relative;}
.btn-inlink i{display:none;}
.btn-inlink:hover { border-color:#333; background:#333; color:#fff;}
.btn-inlink:hover:after { border-color:#fff;}
.btn-inlink:after { content:""; position:absolute; right:1.363em; top:50%; width:10px; margin-top:-7px; height:10px; border-top:2px solid #333; border-right:2px solid #333;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
}


.btn-quote { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border-radius: 8px; font-size:1.5rem; color:#333333; line-height:1.375em; text-align:left !important; min-width:200px;}
.btn-quote i { position:absolute; right:1.563em;  top:50%; margin-top:-9px; width:17px; height:18px;    
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}

.btn-quote {position:relative;}
.btn-quote i{display:none;}
.btn-quote:hover { border-color:#333; background:#333; color:#fff;}
.btn-quote:hover:after { border-color:#fff;}
.btn-quote:after { content:""; position:absolute; right:1.363em; top:50%; width:10px; margin-top:-7px; height:10px; border-top:2px solid #333; border-right:2px solid #333;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
}

.btn-quote { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border-radius: 8px; font-size:1.5rem; color:#333333; line-height:1.375em; text-align:left !important; min-width:200px;}
.btn-quote i { position:absolute; right:1.563em;  top:50%; margin-top:-9px; width:17px; height:18px;    
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}

.btn-quote {position:relative;}
.btn-quote i{display:none;}
.btn-quote:hover { border-color:#333; background:#333; color:#fff;}
.btn-quote:hover:after { border-color:#fff;}
.btn-quote:after { content:""; position:absolute; right:1.363em; top:50%; width:10px; margin-top:-7px; height:10px; border-top:2px solid #333; border-right:2px solid #333;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
}



.btn-quote1 { position:relative; padding:0.938em 4.375em 0.938em 1.563em; border-radius: 8px; background-color:#e00000; font-size:1.6rem; color:#fff; line-height:1.375em; text-align:left !important; min-width: 180px}
.btn-quote1 i { position:absolute; right:1.563em; top:50%; margin-top:-8px; width:16px; height:16px;   
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}
.btn-quote1:hover { border-color:#333; background:#333; color:#fff;}
.btn-quote1.small { padding:0; min-width:auto; width:43px; height:43px; text-align:center;}
.btn-quote1.small i { right:50%; margin-right:-8px;  top:50%; margin-top:-8px;}

@media screen and (max-width: 768px) {
	.btn-quote1 {min-width: auto;}
	.btn-download1 {min-width: auto;}
	.btn-type01 { min-width:9.889em !important;}	
}


.btn-type01 { min-width:13.889em; height:3.333em; border:1px solid #000; font-size:1.8rem; color:#000000; text-align:center; line-height:3.333em; 
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; }
.btn-type01:hover{background:#333; color:#fff;}
.btn-type01.green { background:#33ba05; border-color:#33ba05; color:#fff;}
.btn-type01.black { background:#333333; border-color:#333333; color:#fff;}