@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

/*공통*/
#wrapper{padding-bottom: 0;background: #fff;}
#container_wr{padding: 0;background: #fff;}
.gw-sec{padding:100px 0;background: #fff;}
.gw-sec-con-1500{position:relative;margin:0 auto;width: 1500px;}
.gw-sec-con-900{position:relative;margin:0 auto; max-width: 900px;}
.gw-sec .gw-btn01 {max-width: 200px;}
.gw-sec-container{position:relative;margin:0 auto;width: 1500px;}
.gw-sec-sub-title {font-size: 18px;color: var(--main-color);text-transform: uppercase;letter-spacing:0.01px;}
.gw-sec-title {padding-bottom:40px;font-size: var(--main-title02);text-transform: uppercase;}
.gw-sec-title2 {padding-bottom:20px;font-size: var(--main-title02);text-transform: uppercase;}
.gw-sec-title .text-primary {color:var(--main-color);}
.gw-dot{margin-right:10px;width: 10px;height: 10px;border-radius: 100%;background: var(--main-color);}

/*버튼*/
.gw-small-btn{position:relative;overflow:hidden;width: 56px;height: 56px;line-height:56px;background: var(--main-color);text-indent: -200%;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-small-btn:before {content: "\e93e";display: block;font-family: xeicon;position: absolute;right: -12px;top: 50%;transform: translateY(-50%);}
.gw-small-btn:hover{text-indent: 0;width: 200px;text-align: center;}
.gw-small-btn:hover:before{right: 12px;}
.gw-main-btn01{all:unset;position:relative;z-index:100;display:inline-block;padding:20px 40px;text-align: center;border: 2px solid #000;width: auto;color: #000;cursor:pointer;text-transform:uppercase;transition:all .3s;font-family:"NotoKr_B", sans-serif;}
.gw-main-btn01:before{content: "";display: block;position:absolute;top:0;left:0;z-index:-1;width: 0;height: 100%;background: #000;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-main-btn01:after{content: "\e93e";display: block;font-family: xeicon;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-main-btn01:hover{padding: 20px 60px 20px 40px;color: #fff;}
.gw-main-btn01:hover:before{width: 100%;}
.gw-main-btn01:hover:after{opacity: 1;}


/*gw-theme02-main-business*/
#gw-theme02-main-business .gw-area{display:block;cursor: pointer;}
#gw-theme02-main-business .gw-img-container{overflow: hidden;width: 100%;height: 500px;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
#gw-theme02-main-business .gw-img{width: 100%;height: 100%;transform: scale(1.06);transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);}
#gw-theme02-main-business .gw-img:before{content: "";display: block;position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: 100%;background: rgba(0,0,0,0.5);background-size: cover;}
#gw-theme02-main-business .gw-text-container{padding-right:50px;position: absolute;left: 50px;bottom: 92px;color: #fff;}
#gw-theme02-main-business .gw-text01 {font-size: var(--main-title03); word-break: keep-all;}
#gw-theme02-main-business .gw-text02 {display: -webkit-box; word-break: keep-all;}
#gw-theme02-main-business .gw-area:hover .gw-img-container{transform: scale(1.06);}
#gw-theme02-main-business .gw-area:hover .gw-img{transform: scale(1);}
#gw-theme02-main-business .gw-area:hover .gw-small-btn{text-indent: 0;width: 200px;text-align: center;}
#gw-theme02-main-business .gw-area:hover .gw-small-btn:before{right: 12px;}

/*gw-theme02-main-about*/
#gw-theme02-main-about{padding:50px 0;background: #F8F8F8;}
#gw-theme02-main-about img {max-width:300px;}
#gw-theme02-main-about .gw-sec-container {width: 1200px;text-align: center;}
#gw-theme02-main-about ul > li{position: relative;flex:1;}
#gw-theme02-main-about ul > li:not(:last-child):before {content: "";display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 30px;background: #ddd;}
#gw-theme02-main-about .counter {font-size: var(--main-title01);color: var(--main-color);font-family: 'Poppins_SB', sans-serif;}
#gw-theme02-main-about .counter-text{font-size: var(--main-title03);}

/*gw-theme02-main-banner*/
#gw-theme02-main-banner{padding: 0;height:350px;}
#gw-theme02-main-banner .gw-img-container {position:relative;display:flex;align-items:center;height: 100%;overflow: hidden;}
#gw-theme02-main-banner .gw-img-container:before {content: "";display:block;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: 100%;}
#gw-theme02-main-banner .gw-img-container > img {position:absolute;top:0;left:0;transition: all 1.5s;}
#gw-theme02-main-banner .gw-img-container:hover img {transform: scale(1.05) rotate(0.01deg);}
#gw-theme02-main-banner .gw-sec-container{z-index: 2;}
#gw-theme02-main-banner .gw-text {font-size: var(--main-title03);line-height: 1.5;}
#gw-theme02-main-banner .gw-main-btn01{border: 2px solid #fff;color: #fff;}
#gw-theme02-main-banner .gw-main-btn01:before{background: #fff;}
#gw-theme02-main-banner .gw-img-container:hover .gw-main-btn01{padding: 20px 60px 20px 40px;color: #000;}
#gw-theme02-main-banner .gw-img-container:hover .gw-main-btn01:before{width: 100%;}
#gw-theme02-main-banner .gw-img-container:hover .gw-main-btn01:after{opacity: 1;}



/*이렇게 환급받고 있어요!*/
.gw-gallery-list {text-align: center;}
.gw-gallery-list img {max-width:120px; margin:0 auto;}
.gw-gallery-list .gw-title span {font-size:1.3em; font-weight: 600;}


/*거래소*/
.ex-list {width:100%; display: flex; flex-wrap: wrap}
.ex-list li {width:calc(100% / 4 - 20px); margin:0 10px 30px 10px;}
.ex-list .ex-box {border:1px solid #ddd; padding:10px; border-radius: 10px; }
.ex-list .ex-box .ex-img {height:150px; display: table; width:100%; border-radius: 10px;}
.ex-list .ex-box .ex-img .ex-in {display: table-cell; text-align: center; vertical-align: middle;}
.ex-list .ex-box .ex-img .ex-in img {width:75%; max-width:270px; max-height: 50px; margin:0 30px;}
.ex-list .ex-box:hover {box-shadow: 0 20px 20px rgba(0,0,0,0.07); transition: all .3s ease;}

.btn-ex-link{ border-radius: 10px; position: relative; all:unset;position:relative;z-index:100; padding:10px 0;text-align: center;border: 1px solid var(--main-color);width: auto;display: block; color:var(--main-color) !important; cursor:pointer;text-transform:uppercase;transition:all .3s; margin-top:20px;}
.btn-ex-link:before{content: "";display: block;position:absolute;top:0;left:0;z-index:-1;width: 0;height: 100%;background: var(--main-color);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.btn-ex-link:after{content: "\e93e";display: block;font-family: xeicon;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.btn-ex-link:hover{color: #fff !important}
.btn-ex-link:hover:before{width: 100%;}
.btn-ex-link:hover:after{opacity: 1;}




.ex-list .ex-box-in .ex-title .text-primary {color: var(--main-color);}
.ex-list .ex-box-in .ex-charge1 {margin:10px 0 15px 0;}
.ex-list .ex-box-in .ex-charge2 {background: var(--main-color); border-radius: 10px; padding:10px 15px; text-align: center; margin-bottom:10px;}
.ex-list .ex-box-in .ex-charge1 span, .ex-list .ex-box-in .ex-charge2 span {padding-left:20px;}

.ex-list .ex-info {position: relative; overflow: hidden; height:100px;}
.ex-list .ex-info ul {display: flex;}
.ex-list .ex-info ul li {width:50%; height:30px;}
.ex-list .ex-info ul li span.label {padding:5px 10px; margin-right:10px; background: #eee;  line-height: 40px; border-radius: 40px;}
.ex-list .ex-info ul li .big span.label {background: var(--main-color); color:#fff;}
.ex-list .ex-info ul li .point {color:var(--main-color);}

.ex-img.ex-bg1{background: url(../img/ex-bg1.jpg);}
.ex-img.ex-bg2{background: url(../img/ex-bg2.jpg);}
.ex-img.ex-bg3{background: url(../img/ex-bg3.jpg);}
.ex-img.ex-bg4{background: url(../img/ex-bg4.jpg);}
.ex-img.ex-bg5{background: url(../img/ex-bg5.jpg);}
.ex-img.ex-bg6{background: url(../img/ex-bg6.jpg);}
.ex-img.ex-bg7{background: url(../img/ex-bg7.jpg);}
.ex-img.ex-bg8{background: url(../img/ex-bg8.jpg);}
.ex-img.ex-bg9{background: url(../img/ex-bg9.jpg);}
.ex-img.ex-bg10{background: url(../img/ex-bg10.jpg);}
.ex-img.ex-bg11{background: url(../img/ex-bg11.jpg);}
.ex-img.ex-bg12{background: url(../img/ex-bg12.jpg);}

@media screen and (max-width:1024px) { 
    #gw-theme02-main-business .gw-img:before {display: none}
    
    .ex-list {width:100%; flex-wrap: wrap}
    .ex-list li {width:calc(100% / 2 - 20px); margin:0 10px;}
}

@media screen and (max-width:992px) { 
    .gw-sec-con-900{margin:0 20px; width:cacl(100% - 20px);}
}


@media screen and (max-width:576px) { 
    .ex-list {width:100%; flex-wrap: wrap}
    .ex-list li {width:100%; margin:0;}
}