a:link, a:visited{color: #000;text-decoration: none;}
img{-webkit-user-drag: none;}

.d-flex{display: flex;}
.text-center {text-align:center;}

.sub_visual{max-height:960px;position: relative;}
/* .sub_visual .sub_nav{border-bottom:1px solid #afb3b7;width:55%;margin:auto;margin-top: 60px;}
.sub_visual .sub_nav .sub_menu {text-align:center;margin-top:20px;height:37px;}
.sub_visual .sub_nav .sub_menu li{display: inline-block;height:100%;}
.sub_visual .sub_nav .sub_menu li a{color:#000;margin:0 11px;display:block;height:100%;} 
.sub_visual .sub_nav .sub_menu li a.on{color:#eb2e3e;border-bottom:3px solid #eb2e3e;font-weight:600;height:91%;} */
.sub_intro {text-align:center;}
.sub_intro .sub_con{width:100%; max-width:1100px;overflow:hidden;margin:auto;text-align:center;padding:40px 0 30px 0;}
.sub_intro .sub_con.re{padding:19px 0 80px 0;}

.sub_intro .total{margin-bottom:19px;}
.sub_intro .sub_con .notice_top{height:19px;}
.sub_intro .notice_table{width:100%;border-collapse:collapse;border:0 none;border-top:2px solid #58585a;margin:20px 0;font-size:14px;}
.sub_intro .notice_table.n2{margin:20px 0 0 0!important;border-top:0;border-bottom:1px solid #e1e1e1;}
.sub_intro .notice_table.n2 td{margin:20px 0;border-bottom:0px!important;text-align:left;}
.sub_intro .notice_table.n2 th{text-align:left;}
.sub_intro .notice_table.n2 th.bd_title{border-bottom:1px solid #000;}
.sub_intro .notice_table th{border-bottom: 1px solid #e1e1e1;padding: 11px 0;text-align:center;font-weight:600;font-size:15px;}
.sub_intro .notice_table td{border-bottom:1px solid #e1e1e1;padding: 11px 0;word-break: break-all;}
.sub_intro .notice_table.n2 th.date{color:#838383;font-weight:400;}
.sub_intro .notice_table.n2 th.date span{border-left: 1px solid #c1c1c1; padding: 0 10px; margin: 0 10px;}
.sub_intro .notice_table .bg{background:#f9f9f9;}
.sub_intro .notice_table .bd_contents{margin: 15px 0; word-break: break-all;}
.sub_intro .sub_con .list_box{margin-top:24px;text-align:right;}
.sub_intro .sub_con .list{   color: #000; border: 1px solid #000; text-align: center; font-size: 15px; line-height: 50px; padding: 6px 27px;}
.sub_intro .sub_con .next_board{   border-top: 1px solid #9b9b9c; border-bottom: 1px solid #9b9b9c;  font-size: 13px; text-indent: 40px; font-weight: 300;}
.sub_intro .sub_con .next_board img{  margin-bottom: 4px; margin-left: 5px; vertical-align: middle;}
.sub_intro .sub_con .next_board a{  display: block; width: 100%; line-height:35px;padding:6px 0;}
.border_top_none{border-top: none!important;}
.sub_intro .sub_con .next_board .next_title{ display: inline-block; width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: -12px;}
.sub_intro .sub_con .next_board .next_date{float: right; padding: 0 15px;}
.sub_intro .total{color: #58585a; text-align: left; font-size: 13px;float:left;width:119px;}
.sub_intro .inquiry{color: #58585a; text-align: right; font-size: 12px;  float: right; width: 51px; background:#f0f0f0;border: 1px solid #e7e7e7; padding: 5px 8px;cursor:pointer;}
.sub_intro .inquiry a{display:block;width:100%;height:100%;}
.sub_intro .sub_con #myform{ margin: 30px auto; }
.sub_intro .sub_con #myform input[type="submit"]{    background: #58585a; color: #fff; border: 0 none; padding: 5px 8px 7px 8px; vertical-align: middle;}
.sub_intro .sub_con #myform input[type="text"]{width:100%;padding:10px 15px;border: 0 none;border-radius: 5px;}
.sub_intro .sub_con #myform input#searh_val{width:170px;}
.sub_intro .sub_con #myform select{ border: 0 none;border: 1px solid #dedede;  display:inline-block; width: 120px; padding: 5px;}
.sub_intro .sub_con #myform fieldset{display:inline-block;width:230px;}
/* .sub_intro .sub_con #myform .notice_form{} */
.sub_intro .sub_con #myform .notice_form .form-control{width:120px;border:1px solid #dedede;display:inline-block;}
.sub_intro .sub_con #myform .notice_form fieldset{width:166px;display:inline-block;}
.sub_intro .sub_con #myform button{  background: #58585a; color: #fff; border: 0 none; padding: 5px 8px 7px 8px; vertical-align: middle;cursor:pointer;}
.sub_intro .write_table{width:80%;border-collapse:collapse;border:0 none;margin:20px 0;font-size:14px;text-align:left;}
.sub_intro .write_table th{padding:10px 0;color:#6d6d6f; text-align:center;font-weight:600;}
.sub_intro .write_table td{padding:10px 13px;}
.sub_intro .write_table input, .sub_intro .write_table textarea{border: 1px solid #dedede;padding:10px 15px;}
.sub_intro .write_table .title, .sub_intro .write_table .phone_num, .sub_intro .write_table .e_mail{padding:4px 10px;}
/* .customer_intro .sub_visual{background:url("../images/customer_banner.jpg") no-repeat center;margin-top:80px;height:300px;} */

.notice_wrap .paging .page{width:30px;height:30px;line-height:30px;display:inline-block;border-radius:3px;}
.notice_wrap .paging .page.current{background:#eb2e3e;color:#fff;}
/* .notice_wrap .paging .page.prev{background:url("../images/arrow_left.png") no-repeat center;}
.notice_wrap .paging .page.next{background:url("../images/arrow_right.png") no-repeat center;} */

.sub_intro.inquiry h3{ font-size: 34px; font-weight: 500; color: #000; margin: 21px 0 45px 0;}
.sub_intro.inquiry textarea.personal{resize:none;width:calc(100% - 2px);padding: 14px 31px;   background: #f9f9f9; border: 1px solid #d0d0d0;color: #777777;    font-weight: 300;height:200px;}
.sub_intro.inquiry .agree_box{margin-top:15px;color: #eee; font-size: 13px; font-weight: 300;}
.sub_intro.inquiry .agree_box .notice{color:#dc2e37;    vertical-align: middle;}
.sub_intro.inquiry .agree_box .agree_left{float:left;}
.sub_intro.inquiry .agree_box .agree_right{float:right;}
.sub_intro.inquiry .agree_box .agree_right li{margin:0 15px;display:inline-block;}
.sub_intro.inquiry .notice_wrap{margin-top:70px;}
.sub_intro.inquiry .sub_con #myform fieldset{width:100%;}
.sub_intro.inquiry .write_table{margin:38px auto;}
.sub_intro.inquiry .write_table th{padding: 10px 20px; text-align: left; font-weight: 400;color: #fff; font-size: 16px;}
/* .sub_intro .sub_con #myform input.e_mail, .sub_intro .sub_con #myform .e_mail2, .sub_intro .sub_con #myform input.e_mail3[type="text"]{width:255px;} */
/* .sub_intro .sub_con #myform input.field[type="text"], .sub_intro .sub_con #myform input.name[type="text"]{width:255px;} */
/* .sub_intro .sub_con #myform input.title[type="text"]{width:603px;} */
/* .sub_intro .sub_con #myform input.phone_num[type="text"], .sub_intro .sub_con #myform input.phone_num2[type="text"], .sub_intro .sub_con #myform input.phone_num3[type="text"]{width:188px;} */
.sub_intro.inquiry  #myform .write_btn{background: #dc2e37; border: 0 none; color: #fff; padding:12px 35px 10px 35px;font-size:13px;font-weight:300;cursor: pointer;border-radius: 15px;}
.sub_intro.inquiry  #myform .close_btn{background: #fff; border: 0 none; border: 1px solid #dedede;    padding: 10px 35px;color:#545454;font-size:13px;cursor: pointer;}


.sub_visual h1{padding-top:0;color:#fff;font-size: 39px;}
.sub_nav, .sub_txt{height:inherit;}
.sub_nav{width:100%;display:table;}
.sub_txt{display:table-cell;vertical-align:middle;text-align:center;color:#fff;}

.sub_txt p{font-size:15px;font-weight:300;    margin-top: 12px;}
.sub_menu{background: #eeeeee;}
.sub_menu .sub_container{width:1050px;margin:auto;}
.sub_menu .menu_con{text-align:center;}
.sub_menu .menu_con li{display:inline;}
.sub_menu .menu_con li a{padding:19px 21px;display:inline-block;font-size:15px;color: #555;}
.sub_menu .menu_con li a.active{color: #000; border-bottom: 2px solid red;}

/* .sub_visual.recruit{background:url("../images/recruit_main.png") no-repeat center;margin-top:80px;height:300px;} */
.sub_txt span{   background: url(../images/txt_deco02.png); width: 52px; height: 3px; display: inline-block;}

.sub_content {
    text-align: center;
}

.sub_title{
    font-size: 50px;
    margin-bottom: 40px;
    color: #D84E4E;
}
.sub_title span{
    color: #777777;
}

.customer_intro {
    background: #222;
    padding-top: 50px;
}

.contact-white .customer_intro{
    background: #fff;
}

.contact-white .sub_intro.inquiry .agree_box{
    color: #333;
}

.contact-white .sub_intro.inquiry .write_table th{
    color: #6d6d6f;
}

.contact-white .sub_intro .sub_con #myform input[type="text"]{
    border: 1px solid #dedede;
}

.swiper-pagination{
    text-align: left;
    margin-left: 10px;
}

.bg_area{
    width: 100%;
    background-size: 160%;
    background-repeat: no-repeat;
    background-position: center;
}

.container-fluid.bg-black {
    background-color: #000;
}

.sub_content img{
    max-width: 100%;
    margin:0 auto;
}

.m-b-50{
    margin-bottom: 50px;
}
.m-b-100{
    margin-bottom: 100px;
}
.m-b-200{
    margin-bottom: 200px;
}

.m-b-5{
    margin-bottom: 5px!important;
}
.m-b-10{
    margin-bottom: 10px!important;
}
.m-b-20{
    margin-bottom: 20px!important;
}

.swiper-button-black{
    color: #777!important;
}

.m-t-100{
    margin-top: 100px;
}

.algin-top{
    vertical-align: top;
}

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

.product-list img{
    width: 100%;
}

.pd_show_box{
    height: 530px;
    display: flex;
}
.pd_show_box > img{
    transform: translateY(50px);
    opacity: 0;
    transition: 1.5s;
    /* transition-delay: 0.4s; */
    overflow: hidden;
    max-height: 414px;
    align-self: center;
    margin: 0 auto;
}
.pd_show_box.active > img{
    transform: translateY(0px);
    opacity: 1;
}

.pd_height{
    height: 800px;    
}

.pd_height > img{
    max-height: 700px;
}

.bg_color1{
    background-color: #F9F9F9;
}

.bg_color2{
    background-color: #222;
}

.pc_only{
    display: block;
}
.mob_only{
    display: none;
}

.sub_visual:has(.fixed) {
    margin-bottom: 90px;
}

.slide-lnb{
    /* position: absolute; */
    padding: 0 20px;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.slide-lnb.fixed{
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 10;
}
.slide-lnb.fixed::before {
    width: 100%;
    height: 60px;
}

.slide-item{
    padding: 15px 10px;
    display: inline-block;
    width: auto;
}
.slide-item.item-active{
    border-bottom: 2px solid #D84E4E;
}

.slide-item img{
    margin: 30px 0;
}

body:has(.bg_black) .HeaderWrap {
    background: #000;
    border-bottom: 1px solid #333;
}
body:has(.bg_black) .HeaderWrap .pcGroupTitle a.textLink{
    color: #fff;
}
body:has(.bg_black) .mobileTrigger-button span::before, 
body:has(.bg_black) .mobileTrigger-button span::after, 
body:has(.bg_black) .mobileTrigger-button span{
    background-color: #fff;
}

body:has(._active) .HeaderWrap{
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
body:has(._active) .mobileTrigger-button span::before,
body:has(._active) .mobileTrigger-button span::after,
body:has(._active) .mobileTrigger-button span {
    background-color: #000;
}



#toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    padding: 15px 20px;
    transform: translate(-50%, 10px);
    border-radius: 30px;
    overflow: hidden;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .5s;
    color: #fff;
    z-index: 10000;
  }
  
  #toast.reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
  }


@media  all  and (max-width:510px){ 
    .pc_only{
        display: none;
    }
    .mob_only{
        display: block;
    }
}

@media  all  and (max-width:1100px){ 
    
    .sub_visual h1{
        font-size: 28px!important;
    }
    .sub_txt p{
        font-size: 13px!important;
        margin-top: 6px!important;
    }

    .sub_menu .sub_container{
        width: 95%;
    }
    .sub_menu .menu_con li a{
        padding: 10px 6px;
        font-size: 12px;
        border-bottom: 2px solid transparent;
    }

    a.go_link img{
        max-width: 50%;
    }

    .pd_show_box{
        height: auto;
    }

    .title_img{
        width:50%;
    }

    .product_lnb_info{
        display: none;
    }

    .m-b-200{
        margin-bottom: 60px;
    }
    .m-b-100{
        margin-bottom: 30px;
    }
    
    .sub_intro.inquiry .write_table th, .sub_intro .write_table td{
        font-size: 14px;
    }
}

/* ie 9+10 */
@media screen and (min-width:0\0){
    select{border:1px solid #dddddd;padding:2px;}
    select::-ms-expand { display:none; }
    .sub_visual .sub_nav .sub_menu{height:35px!important;}
    .sub_intro .write_table th{padding:10px!important;}
}


/************************************************************
    POPUP
************************************************************/

#redpopup{
    display: none;
    background-color: rgba(0,0,0,0.8);
    height: 530px;
    width: 500px; 
    color: white; 
    font-size: 14px; 
    position:absolute; 
    left:20px; 
    top:100px; 
    line-height:30px; 
    z-index:99999;
    border: 1px solid #000;
}
#redpopup span {
    float:right; 
    width:10%; 
    cursor:pointer;}
#redpopup img{
    width: 100%;
}

@media (max-width:1023px) {
    #redpopup {top:130px;}
}
@media (max-width: 767px) { 
    #redpopup {
        height: 330px;
        width: 300px;
        left:10px;
        top:80px;}
    #redpopup img{
        height: 300px;
        width: 300px;}
    #redpopup02 {
        height: 330px;
        width: 300px;
        left:30px; 
        top:100px;  
        z-index:100000;}
    #redpopup02 img{
        height: 300px;
        width: 300px;}
}