@charset "utf-8";
.container{width: 1026px;margin:0 auto;position: relative;}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* header */
#wrap{min-width: 1100px;}
#wrap>a,#wrap>a>img{width: 100%;}

.header_link{min-width: 1359px;box-sizing: border-box;height:97px;background-repeat: no-repeat;background-image: url('/products/images/header_img02.png');background-position: center;}
.header_link ul{max-width: 1359px;width: 100%;margin: 0 auto;padding-left: 144px;}
.header_link ul li{display: inline-block;vertical-align: top;box-sizing: border-box;height: 97px;margin-right: 4.7%;width: 11.5%;}
.header_link ul li:last-child{margin-right: 0;width: 13%;}
.header_link ul li:nth-child(5){width: 10.5%;}
.header_link ul a{display: block;height: 100%;box-sizing: border-box;}

.header_box{
    margin-top: 30px;
    /* height: 120px; */
    line-height: 120px;
}


.header_box>.container{line-height: 120px;}
.menuul{display: inline-block;vertical-align: top;padding-left: 5px;box-sizing: border-box;line-height: 135px;}

.menuul>li{
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* padding: 0 20px 0 20px; */
    padding: 0 11px;
}

.menuul>li::after{content: '';display: inline-block;width: 2px;height: 23px;background-color: #e7e3e3;position: absolute;right: 0;top:53px;}
.menuul>li>a{font-size: 18px;color: #231815;font-weight: bold;display: block;}
.menuul>.on::before{content: '';display: inline-block;background-color: #f8f8f8;position: absolute;width: 94%;height: 50px;left: 0;top: 40px;z-index: -1;}

.menuul_view{display: inline-block;vertical-align: top;padding-left: 45px;box-sizing: border-box;line-height: 135px;margin-top: 50px;}
.menuul_view>li::after{content: '';display: inline-block;width: 2px;height: 50px;background-color: #231815;position: absolute;right: 0;top:-10px;}
.menuul_view>.on::before{content: '';display: inline-block;background-color: #f8f8f8;position: absolute;width: 94%;height: 50px;left: 0;top: -10px;z-index: -1;}

/* .menuul{display: inline-block;vertical-align: top;padding-left: 45px;box-sizing: border-box;line-height: 135px;margin-top: 50px;}
.menuul>li{display: inline-block;vertical-align: top;position: relative;padding: 0 27px 0 22px;}
.menuul>li::after{content: '';display: inline-block;width: 2px;height: 50px;background-color: #231815;position: absolute;right: 0;top:-10px;}
.menuul>li>a{font-size: 18px;color: #231815;font-weight: bold;display: block;}
.menuul>.on::before{content: '';display: inline-block;background-color: #f8f8f8;position: absolute;width: 94%;height: 50px;left: 0;top: -10px;z-index: -1;} */
.searchbox{display: inline-block;vertical-align: top;border:2px #656565 solid;box-sizing: border-box;font-size: 0;float: right;margin-top: 50px;}
.search_input{width: 212px;display: inline-block;background-color: #FFF;background-image: url('/sub_site/images/search_i01.png');background-repeat: no-repeat;background-position: 6% 49%;}
.search_input input{color: #231815;font-size: 15px;font-weight: 700;margin-left: 25px;background-color: #FFF;}
.search_btn{width: 30px;height: 30px;text-align: center;line-height: 30px;background-color: #323232;}


/* 퀵 */
.quick_menu{position: absolute;right: -10px;top: 0;}
.quickul{position: fixed;}
.quickul li{margin-bottom: 6px;}

/* main */
#content{padding-bottom: 130px;}
.main_img{width: 1026px;height: 454px;}
.tabul{margin: 90px 0 75px;text-align: center;font-size: 0;}
.tabul>li{display: inline-block;vertical-align: top;width: 16%;height: 36px;line-height: 36px;text-align: center;background-color: #eaeaea;border-left: 1px #f4f4f4 solid;border-right: 1px #f4f4f4 solid;box-sizing: border-box;margin: 0 3px;}
.tabul>li>a{display: block;font-size: 19px;color: #FFF;font-weight: bold;}
.tabul>.on{background-color: #d2140a;border-left: 1px #ea908c solid;border-right: 1px #ea908c solid;}

.producul{font-size: 0;}
.producul>li{display: inline-block;vertical-align: top;margin-right: 17px;margin-bottom: 40px;width: 239px;height: 239px;position: relative;text-align: left;}
.producul>li:nth-child(4n){margin-right: 0;}
.producul>li a{width: 100%;}
.producT{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding: 0 15px;display: inline-block;height: 60px;line-height: 60px;position: absolute;bottom: 0;color: #FFF;text-align: center;width: 100%;font-size: 18px;background: rgba(0,0,0,0.5);}
.tab_on{display: block;}
.owl-carousel .owl-item img{height: 100%;}

/* footer */
#footer{height: 260px;width: 100%;background-color: #000000;box-sizing: border-box;padding-top: 75px;}
#footer>div{max-width: 1135px;margin: 0 auto;box-sizing: border-box;padding-left: 55px;}
#footer>div>div{display: inline-block;vertical-align: top;}
.f_logo{margin-left: 15px;}
.f_text{font-size: 12px;color: #FFF;font-weight: 300;margin-left: 80px;line-height: 1.6;}

/* sub */
.titleh2{font-size: 75px;color: #323232;font-weight: bold;font-family:'Noto Sans Korean' , sans-serif;line-height: 66px;padding: 55px 0 30px;border-bottom: 2px #323232 solid;text-align: center;margin-bottom: 30px;}
.pdnul{text-align: center;font-size: 0;}
.pdnul>li{float: left;vertical-align: top;border-right: 2px #323232 solid;padding: 0 10px;width: 142px;height: 20px;margin-bottom: 5px;text-align: left;}
.pdnul>li:last-child{border-right: 0;}
.pdnul>li>a{font-size: 14px;color: #323232;font-weight: bold;}
.pdnul>.on{background-color: #f8f8f8;}
.product_search{background-color: #f8f8f8;box-sizing: border-box;width: 880px;height: 103px;text-align: center;padding-top: 20px;margin:75px auto 40px;}
.product_search .col637{font-size: 40px;font-weight: 500;font-family: 'Noto Sans Korean' , sans-serif;margin-right: 10px;}
.product_search .colbac{font-size: 40px;font-weight: 400;font-family: 'Noto Sans Korean' , sans-serif;margin-right: 20px;}
.product_search input{width: 200px;vertical-align: 9px;}
.Psearch_btn{width: 46px;height: 27px;line-height: 27px;background-color: #1c1c1c;color: #FFF;text-align: center;font-size: 13px;margin-left: 10px;vertical-align: 9px;}
.product_list{font-size: 0;text-align: left; margin-left: 5px;}
.product_list>li{display: inline-block;vertical-align: top;margin-right: 30px;margin-bottom: 60px;}
.product_list>li:nth-child(4n){margin-right: 0;}
.pl_img{border:3px #f5f5f5 solid;width: 224px;height: 224px;box-sizing: border-box;}
.pl_text{color: #5c5c5c;font-size: 13px;font-weight: bold;text-align: left;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 96%;}
.smallT{display: block;color: #9a9a9a;font-size: 13px;font-weight: bold;}
.productview_wrap{margin-top: 95px;}
.product_view>div{display: inline-block;vertical-align: top;}
.pvL ul li{display: inline-block;vertical-align: top;color: #b5b5b5;font-weight: 400;font-family: 'Noto Sans Korean' , sans-serif;font-size: 18px;}
.pvL ul .col323{color: #323232;}
.pv_img{border:1px #cccccc solid;margin-top: 15px;}
.overview_box{margin-top: 40px;}
.overview{background-color: #9699a2;color: #FFF;font-size: 16px;font-weight: bold;height: 38px;line-height: 38px;padding-left: 20px;box-sizing: border-box;margin-bottom: 130px;}
.pv_table{border-top:1px #cccccc solid;margin:30px 0 10px;}
.pv_table th{border-bottom:1px #cccccc solid;color: #1a1617;font-weight: bold;font-size: 14px;height: 28px;}
.pv_table td{border-bottom:1px #cccccc solid;color: #7f7f7f;font-size: 13px;text-align: center;height: 28px;}
.pv_table .taL{text-align: left;}
.pvR{margin-left: 60px;}
.pvR p{text-align: right;color: #777777;font-size: 13px;}
.pvRT{margin: 45px 0 20px;text-align: right;}
.pvRT span{float: left;margin-top: 15px;}
.pvRC{background-color: #0a1a42;color: #FFF;height: 30px;line-height: 30px;box-sizing: border-box;padding-left: 25px;font-size: 16px;font-weight: bold;}
.pvRC span{font-size: 16px;color: #FFF;float: right;padding-right: 15px;margin-top: 3px;}
.ov_ul{text-align: center;}
.ov_ul li{width: 467px;margin: 0 auto;}

.cont_top {
    /* padding: 150px 0 120px; */
    padding: 55px 0 90px;
    text-align: center;

    font-family: 'Noto Sans Korean' , sans-serif;
    font-size: 75px;
    font-weight: 600;
    line-height: 66px;
    color: #000;
}

.cont_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cont_a {
    position: relative;

    margin-bottom: 45px;
    width: 313px;
    height: 149px;

    overflow: hidden;

    text-align: center;
    vertical-align: middle;
}

.cont_a:not(:nth-child(3n)) {
    margin-right: 42px;
}

.cont_a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    width: 100%;

    font-family: 'Noto Sans Korean' , sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    text-align: center;

    letter-spacing: -1px;
}

.cont_a img {
    max-width: 100%;
}

.cont_list_top {
    margin-bottom: 75px;

    position: relative;
}

.cont_list_top p {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);

    /* font-family: 'Noto Sans Korean' , sans-serif; */
    font-family: 'GmarketSansMedium';
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.cont_list_top img {
    max-width: 100%;
}

.cl_po {
    display: flex;
    align-items: center;
}

.cl_po p {
    padding: 20px 20px;
    font-family: 'Noto Sans Korean' , sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000;

    position: relative;
}

.cl_po p:not(:last-child)::before {
    content: '>';
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translate(-0,-50%);

    /* font-family: 'Noto Sans Korean' , sans-serif; */
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

/* 자주쓰는 스타일 */
.inC{padding-left: 10px;border: 1px #cccccc solid;box-sizing: border-box;height: 25px;color: #666;font-size: 14px;}
.inlineB{display: inline-block;vertical-align: top;box-sizing: border-box;}
.relative{position: relative;}
.vaT{vertical-align: top;}
.sub_t{font-size: 16px;color: #666666;font-weight: 300;line-height: 1.7;word-break: keep-all;}
.dot{background-color: #92887d;display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 3px;border-radius: 50%;vertical-align: top;margin-top: 11px;}
.bB0{border-bottom: 0;}
.bR0{border-right: 0;}
.btn54{background-color: #544b41;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;}
.colbac{color: #bac1cb;}
.col637{color: #63728b;}
.col333{color: #333333;}
.col444{color: #444444;}
.col555{color: #555555;}
.col666{color: #666666;}
.col999{color: #999999;}

.mL5{margin-left: 5px;}
.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT60{margin-top: 60px;}
.mT70{margin-top: 70px;}

.tac{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}

.fs14{font-size: 14px;}
.fs18{font-size: 18px;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}


/******************고객지원************************/
.selC{height:25px; border:1px solid #ccc; background:#fff;}
.boardT{width:100%; border-top:2px solid #e5e5e5; margin-bottom:40px;}
.boardT tr{border-bottom:1px solid #e5e5e5;}
.boardT th{height:45px;font-size:14px;  color:#a3acaa;text-align:center;}
.boardT td{height:40px; font-size:12px;  color:#747474;text-align:center;}
.boardT td.td1{padding-left:20px; text-align:left;font-size:12px;  color:#747474;}
.boardN{text-align:center; margin-bottom:50px;}
.boardN a {margin:0 4px; color:#aaaaaa;font-size:12px;}
.boardN a:hover, .boardN .select {color:#333;font-weight:bold;}
.bN_T{width:900px; margin:15px auto;}
.bN_T td{height:30px; font-size:12px;  color:#747474; text-align:center;}
.bN_T td.td1{padding-left:30px; text-align:left;font-size:12px;color:#404758; }
.contxt{margin:15px; min-height:200px; font-size: 13px; line-height: 1.6; color: #333; font-family: sans-serif, Arial, Verdana, "Trebuchet MS";}
.contxt2{margin:20px; min-height:300px; border:1px solid #ddd;}

.boardP td{height:40px; font-size:12px;  color:#747474; text-align:left;}

.thumbul{margin-top:40px;}
.thumbli{width:60px; height:60px; float:left; margin-right:5px;border:1px solid #ccc;text-align:center;vertical-align:middle;position:relative;cursor:pointer;}
.thumbli img{width:100%;}