@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents div[id*='sec-']{padding:120px 0;}
.contents.sub .detail{padding:100px 0;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents div[id*='sec-']{padding:100px 0;}
.contents.sub .detail{padding:80px 0;}
}
@media screen and (max-width:960px) {
.contents div[id*='sec-']{padding:80px 0;}
.contents.sub .detail{padding:65px 0;}
}
@media screen and (max-width:767px) {
.contents div[id*='sec-']{padding:60px 0;}
.contents.sub .detail{padding:50px 0;}
}
@media screen and (max-width:640px) {
.contents div[class*='sec-']{padding:50px 0;}
.contents.sub .detail{padding:40px 0;}
}
@media screen and (max-width:560px) {
.contents div[class*='sec-']{padding:40px 0;}
.contents.sub .detail{padding:30px 0;}
}

.contentsBg{background:#f1f1f1;}






/************************************************************************
* ul *
************************************************************************/
.list li{width:100%;padding-bottom:6px;font-size:18px;text-align:left;line-height:150%;font-weight:400;color:#656565;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}
.list>li:after{display:block;content:"";position:absolute;top:12px;left:0;background:#656565;border-radius:50%;}

.list.type1>li{padding-left:15px;}
.list.type1>li:after{width:5px;height:1px;}

.list.type2>li{padding-left:12px;}
.list.type2>li:after{width:2px;height:2px;}

@media screen and (max-width:1500px){
.list>li{font-size:17px;}
.list>li:after{top:11px;}

.list>li{padding-left:14px;}

.list.type2>li{padding-left:11px;}
}
@media screen and (max-width:1100px){
.list>li{font-size:16px;}
.list>li:after{top:10px;}

.list.type1>li{padding-left:13px;}

.list.type2>li{padding-left:10px;}
}
@media screen and (max-width:767px){
.list>li{font-size:15px;}

.list.type1>li{padding-left:12px;}

.list.type2>li{padding-left:9px;}
}
@media screen and (max-width:560px){
.list>li{font-size:14px;}
.list>li:after{top:9px;}

.list.type1>li{padding-left:11px;}

.list.type2>li{padding-left:8px;}
}





/************************************************************************
* table *
***********************************************************************
.table{width:100%;border-top:solid 2px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:16px;text-align:center;vertical-align:middle;border-bottom:solid 1px #eaeaea;border-right:solid 1px #eaeaea;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#f9f9f9;}
.table tr .blr{border-right:solid 1px #eaeaea !important;}
.mThide{display:none;}

.table input[type=text]{border:solid 1px #ddd;font-size:16px;padding:5px;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:15px;}

.table input[type=text]{font-size:15px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:14px;}

.table input[type=text]{font-size:14px;}
}
@media screen and (max-width:800px){
.mThide{display:block;}
.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;}

.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}
}*/





/************************************************************************
* button *
************************************************************************/
.button{font-size:18px;padding:25px 0;display:table;}

.button.type1{width:90%;margin:0 auto;color:#fff;text-transform:uppercase;background:#dd7418;text-align:center;font-weight:bold;}
.button.type1:hover{background:#704c12;transition:all 0.2s ease;}

.button.type2{width:300px;margin:0 auto;color:#040404;text-transform:uppercase;border:solid 1px #ddd;border-radius:50px;text-align:center;font-weight:bold;font-family:'GmarketSansMedium';}
.button.type2:hover{background:#040404;color:#fff;border-color:#040404;transition:all 0.2s ease;}

@media screen and (max-width:1280px){
.button{font-size:16px;padding:23px 0;}

.button.type2{width:280px;}
}
@media screen and (max-width:1100px){
.button{padding:20px 0;}

.button.type2{width:260px;}
}
@media screen and (max-width:960px){
.button{font-size:14px;padding:18px 0;}

.button.type2{width:240px;}
}
@media screen and (max-width:640px){
.button{font-size:13px;padding:15px 0;}

.button.type2{width:220px;}
}
@media screen and (max-width:460px){
.button{padding:12px 0;}

.button.type2{width:200px;}
}
@media screen and (max-width:360px){
.button{font-size:12px;padding:9px 0;}

.button.type2{width:180px;}
}



/*
.btWrap{}
.btWrap a.bt{width:160px;height:60px;line-height:60px;margin:0 10px;text-align:center;font-weight:bold;font-size:20px;border-radius:10px;}
.btWrap a.bt.blue{border:solid 1px #1b439a;background:#1b439a;color:#fff;}
.btWrap a.bt.gray{border:solid 1px #ddd;background:#f1f1f1;}

@media screen and (max-width:1100px){
.btWrap a.bt{width:140px;height:55px;line-height:55px;margin:0 8px;font-size:18px;}
}
@media screen and (max-width:640px){
.btWrap a.bt{width:120px;height:50px;line-height:50px;margin:0 6px;font-size:16px;border-radius:5px;}
}
@media screen and (max-width:400px){
.btWrap a.bt{width:100px;height:45px;line-height:45px;margin:0 4px;font-size:14px;}
}*/





/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
/******************************* sec-1 *******************************/
.mainProList a{width:calc(100%/2 - 60px);margin:30px;display:block;}
.mainProList a figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.mainProList a img{min-height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;transition:all 0.2s ease;}
.mainProList a:hover figure img{transform:translateX(-50%) scale(1.1);transition:all 0.2s ease;}

.mainProList a .button.type1{margin-top:-30px;position:relative;z-index:9;transition:all 0.2s ease;}
.mainProList a:hover .button.type1{background:#040404;transition:all 0.2s ease;}

@media screen and (max-width:1100px) {
.mainProList a{width:calc(100%/2 - 40px);margin:20px;}

.mainProList a .button.type1{margin-top:-25px;}
}
@media screen and (max-width:960px) {
.mainProList a{width:calc(100%/2 - 20px);margin:20px 10px;}

.mainProList a .button.type1{margin-top:-20px;}
}
@media screen and (max-width:640px) {
.mainProList a{width:calc(100%/2 - 10px);margin:15px 5px;}

.mainProList a .button.type1{margin-top:-15px;}
}
@media screen and (max-width:360px) {
.mainProList a{width:calc(100%/2 - 6px);margin:10px 3px;}

.mainProList a .button.type1{margin-top:-10px;}
}




/******************************* sec-2 *******************************/
.main #sec-2{background:#f7f7f7;}

.product_slide{padding-left:20.5%;position:relative;}
.product_slide .swiper-wrapper{height:auto;}

.product_slide .item_cont{width:100%;}
.product_slide .item_cont .txtBox{padding:40px 5px 0 5px;}

.product_slide .swiper-scrollbar{width:250px;height:3px;position:absolute;top:-78px;right:calc(20% + 135px);border-radius:30px !important;background:#dedede;overflow:hidden;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#dd7418;border-radius:30px;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:52px !important;height:52px !important;top:-80px !important;left:auto;z-index:10;cursor:pointer;border:solid 1px #312d2e;border-radius:50%;background-image:none !important;}
.product_slide .swiper-button-prev{right:calc(20% + 60px) !important;}
.product_slide .swiper-button-next{right:20% !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:14px;height:14px;border:solid #312d2e;position:absolute;top:calc(50% - 7px);display:block;content:"";transform:rotate(45deg);}
.product_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.product_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:#dd7418;border-color:#dd7418;}
.product_slide .swiper-button-prev:hover:after,
.product_slide .swiper-button-next:hover:after{border-color:#fff;}

@media screen and (max-width:2500px) {
.product_slide{padding-left:19.5%;}
.product_slide .swiper-scrollbar{right:calc(19% + 135px);}
.product_slide .swiper-button-prev{right:calc(19% + 60px) !important;}
.product_slide .swiper-button-next{right:19% !important;}
}
@media screen and (max-width:2400px) {
.product_slide{padding-left:17.5%;}
.product_slide .swiper-scrollbar{right:calc(17% + 135px);}
.product_slide .swiper-button-prev{right:calc(17% + 60px) !important;}
.product_slide .swiper-button-next{right:17% !important;}
}
@media screen and (max-width:2300px) {
.product_slide{padding-left:16.5%;}
.product_slide .swiper-scrollbar{right:calc(16% + 135px);}
.product_slide .swiper-button-prev{right:calc(16% + 60px) !important;}
.product_slide .swiper-button-next{right:16% !important;}
}
@media screen and (max-width:2200px) {
.product_slide{padding-left:14.5%;}
.product_slide .swiper-scrollbar{right:calc(14% + 135px);}
.product_slide .swiper-button-prev{right:calc(14% + 60px) !important;}
.product_slide .swiper-button-next{right:14% !important;}
}
@media screen and (max-width:2100px) {
.product_slide{padding-left:12.5%;}
.product_slide .swiper-scrollbar{right:calc(12% + 135px);}
.product_slide .swiper-button-prev{right:calc(12% + 60px) !important;}
.product_slide .swiper-button-next{right:12% !important;}
}
@media screen and (max-width:2000px) {
.product_slide{padding-left:10.5%;}
.product_slide .swiper-scrollbar{right:calc(10% + 135px);}
.product_slide .swiper-button-prev{right:calc(10% + 60px) !important;}
.product_slide .swiper-button-next{right:10% !important;}
}
@media screen and (max-width:1900px) {
.product_slide{padding-left:8.5%;}
.product_slide .swiper-scrollbar{right:calc(8% + 135px);}
.product_slide .swiper-button-prev{right:calc(8% + 60px) !important;}
.product_slide .swiper-button-next{right:8% !important;}
}
@media screen and (max-width:1800px) {
.product_slide{padding-left:6.5%;}
.product_slide .swiper-scrollbar{right:calc(6% + 135px);}
.product_slide .swiper-button-prev{right:calc(6% + 60px) !important;}
.product_slide .swiper-button-next{right:6% !important;}
}
@media screen and (max-width:1700px) {
.product_slide{padding-left:4.5%;}
.product_slide .swiper-scrollbar{right:calc(4% + 135px);}
.product_slide .swiper-button-prev{right:calc(4% + 60px) !important;}
.product_slide .swiper-button-next{right:4% !important;}
}
@media screen and (max-width:1600px) {
.product_slide{padding-left:2.5%;}
.product_slide .swiper-scrollbar{right:calc(2% + 135px);}
.product_slide .swiper-button-prev{right:calc(2% + 60px) !important;}
.product_slide .swiper-button-next{right:2% !important;}
}
@media screen and (max-width:1100px) {
.product_slide .item_cont .txtBox{padding:30px 5px 0 5px;}

.product_slide .swiper-scrollbar{width:250px;}
}
@media screen and (max-width:960px) {
.product_slide .item_cont .txtBox{padding:20px 5px 0 5px;}

.product_slide .swiper-scrollbar{width:200px;height:4px;right:calc(2% + 120px);}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;}

.product_slide .swiper-button-prev{width:45px !important;height:45px !important;right:calc(2% + 50px) !important;}
.product_slide .swiper-button-prev:after{width:12px;height:12px;top:calc(50% - 6px);}

.product_slide .swiper-button-next{width:45px !important;height:45px !important;}
.product_slide .swiper-button-next:after{width:12px;height:12px;top:calc(50% - 6px);}
}
@media screen and (max-width:767px) {
.product_slide .swiper-scrollbar{width:200px;top:-72px;right:calc(2% + 110px);}

.product_slide .swiper-button-prev{width:40px !important;height:40px !important;top:-70px !important;right:calc(2% + 45px) !important;}
.product_slide .swiper-button-prev:after{width:10px;height:10px;top:calc(50% - 5px);}

.product_slide .swiper-button-next{width:40px !important;height:40px !important;top:-70px !important;}
.product_slide .swiper-button-next:after{width:10px;height:10px;top:calc(50% - 5px);}
}
@media screen and (max-width:640px) {
.product_slide{padding-top:30px;}

.product_slide .swiper-scrollbar{width:150px;top:-15px;right:calc(2% + 105px);}

.product_slide .swiper-button-prev{width:38px !important;height:38px !important;top:-10px !important;}
.product_slide .swiper-button-prev:after{width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px);}

.product_slide .swiper-button-next{width:38px !important;height:38px !important;top:-10px !important;}
.product_slide .swiper-button-next:after{width:8px;height:8px;top:calc(50% - 4px);right:calc(50% - 4px);}
}
@media screen and (max-width:360px) {
.product_slide .swiper-scrollbar{width:110px;top:-9px;right:calc(2% + 98px);}

.product_slide .swiper-button-prev{top:-6px !important;}

.product_slide .swiper-button-next{top:-6px !important;}
}




/******************************* sec-3 *******************************/
.main #sec-3 .conBox{padding:150px 100px;background:url(/img/ban_bg.jpg) no-repeat center center;background-size:100% auto;border-radius:20px;position:relative;}
.main #sec-3 .conBox img.bg{width:50%;max-width:855px;position:absolute;bottom:-60px;right:0;z-index:1;}
.main #sec-3 .conBox .txtBox{z-index:99;position:relative;}
.main #sec-3 .conBox .txtBox h3{font-weight:100;}
.main #sec-3 .conBox .txtBox a{padding:12px 40px;margin-top:120px;color:#040404;text-transform:uppercase;background:rgba(255,255,255,0.8);border-radius:50px;text-align:center;display:table;transition:all 0.2s ease;}
.main #sec-3 .conBox .txtBox a:hover{background:#040404;color:#fff;transition:all 0.2s ease;}

@media screen and (max-width:1500px) {
.main #sec-3 .conBox{padding:130px 80px;}
.main #sec-3 .conBox img.bg{bottom:-40px;}
.main #sec-3 .conBox .txtBox a{padding:12px 35px;margin-top:100px;}
}
@media screen and (max-width:1280px) {
.main #sec-3 .conBox{padding:110px 60px;}
.main #sec-3 .conBox img.bg{bottom:-20px;}
.main #sec-3 .conBox .txtBox a{padding:10px 30px;margin-top:80px;}
}
@media screen and (max-width:1100px) {
.main #sec-3 .conBox{padding:90px 50px;}
.main #sec-3 .conBox .txtBox a{margin-top:60px;}
}
@media screen and (max-width:960px) {
.main #sec-3 .conBox{padding:70px 40px;background-size:cover;}
}
@media screen and (max-width:640px) {
.main #sec-3 .conBox{padding:60px 30px;}
.main #sec-3 .conBox .txtBox a{padding:8px 25px;margin-top:40px;}
}







/************************************************************************
* SUB_CONTENTS *
************************************************************************/
/* 회사소개 */

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:860px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}




/* 금매입센터 */
.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appBox .appBox-D div.disF .ttit{width:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}



.appBox input[type=text]{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding:12px 80px 12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;padding:12px 20px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:15px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:14px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}







/************************************************************************
* BOARD *
************************************************************************/
.boardtab a{padding:8px 20px;color:#694d2a;position:relative;}
.boardtab a:after{width:4px;height:0;background:#694d2a;border-radius:50%;position:absolute;top:-10px;left:calc(50% - 2px);display:block;content:"";transition:all 0.2s ease;}
.boardtab a:hover:after,
.boardtab a.active:after{height:4px;top:0;transition:all 0.2s ease;}

@media screen and (max-width:960px) {
.boardtab a{padding:8px 15px;}
}
@media screen and (max-width:767px) {
.boardtab a{padding:8px 10px;}
}
@media screen and (max-width:320px) {
.boardtab a{padding:8px 5px;}
}