@charset "utf-8"; /* Pretendard: 에서 CDN(pretendard.min.css)으로 로드 */ *{box-sizing: border-box;padding: 0;margin: 0;font-family: 'Pretendard' !important;} a{text-decoration: none;} ul{list-style: none;margin: 0;} button{background-color: transparent; cursor: pointer;border: none;outline: none;} img{border:0; display:block;} h1, h2, h3, h4, h5, h6{padding:0;margin:0} p{padding:0;margin:0;;} input{border: none;box-shadow: none;} input:focus{outline: none;} .flex{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;} :root{ --color-blue:#1a264c; --color-orange:#da4501; } #not_main{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; background: #fff; z-index: 999999; text-align: center; } #not_main>img{ width: 200px; margin: 50px auto;} #not_main>h1{font-size: var(--font-size30);margin-bottom: 20px !important;} #not_main>p{font-size: var(--font-size15);} #sidebar-box{display: none;} /* 일반회원head 시작 */ #general_head{width: 100%;position: relative; top: 0; left: 0;z-index: 99999;background: #fff;} #general_head>.top{ width: calc(100% - 40px); margin: 0 auto; max-width: 1200px;padding: 20px 0;} #general_head>.top .logo{display: block;height: 60px;padding: 10px;cursor: pointer;} #general_head>.top .logo img{display: block;height: 100%;width: 230px;} #general_head>.top>.search_wrap{width: calc(100% - 650px);} #general_head>.top>.search_wrap form{width: 90%; margin: 0 auto; height: 50px; line-height: 50px;border-bottom: 1px solid var(--color-blue);} #general_head>.top>.search_wrap form input{width: calc(100% - 30px); display: block; height: 100%; line-height: 50px; border: unset; box-shadow: unset;background-color: unset; color: var(--color-orange); font-size: 15px;} #general_head>.top>.search_wrap form button{width: 25px;height: 25px;margin-right: 5px;padding: 0;} #general_head>.top>.search_wrap form button img{} #general_head>.top>.btn_wrap{width: 400px;justify-content: flex-end;margin: 0;} #general_head>.top>.btn_wrap li{width: 65px;cursor: pointer;margin-left: 10px;} #general_head>.top>.btn_wrap li img{display: block;width: 25px;height: 25px; margin: 0 auto 5px;} #general_head>.top>.btn_wrap li p{font-size: 13px;color: var(--color-blue);text-align: center;font-weight: bold;} #general_head>.top .mo_search_btn{display: none;position: absolute; width: 40px; height: 40px; right: 80px; padding: 7px; cursor: pointer;} #general_head>.top .mo_search_btn img{width: 100%;height: 100%;display: block;} #general_head>.top #general_toggle{display: none;position: absolute; right: 20px; width: 50px; height: 50px;cursor: pointer;overflow: hidden;padding: 10px;} #general_head>.top #general_toggle img{width: 100%;height: 100%;display: block;} #general_head .pc_wrap{width:100%; height: fit-content;} #general_head .pc_wrap .user_data{width: 100%;height: 31px; background: #0000001a;} #general_head .pc_wrap .user_data>div{width: calc(100% - 40px);margin: 0 auto; max-width: 1200px;} #general_head .pc_wrap .user_data>div>p{font-size: 13px;color: #000; line-height: 30px;} #general_head .pc_wrap .user_data>div>p span{font-size: 15px;font-weight: bold;} #general_head .pc_wrap .user_data>div>span{font-size: 13px;color: #000;} #general_head .pc_wrap .menu{height: 50px;width: 100%;background: #1a264cd9; position: relative;top: 0;left: 0;} #general_head .pc_wrap .menu:hover{height: fit-content;} #general_head .pc_wrap .menu .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;} #general_head .pc_wrap .menu .wrap ul{margin: 0;} #general_head .pc_wrap .menu .wrap ul>li{color: #fff;font-size: 15px;line-height: 50px;height: 50px;padding: 0 10px;cursor: pointer;} #general_head .pc_wrap .menu .wrap ul>li.atv{box-shadow: inset 0px -3px 0px var(--color-orange);} #general_head .pc_wrap .menu:hover .all_menu{opacity: 1;z-index: 999999; } #general_head .pc_wrap .menu:hover .all_menu .bg{display: flex;} #general_head .pc_wrap .all_menu{opacity: 0; z-index: -999999; position: absolute; top: 50px; left: 0; width: 100%; height: fit-content;transition: 0.3s;} #general_head .pc_wrap .all_menu .bg{width: 100%;height: 400px; display: none;border-bottom: 1px solid #ddd;} #general_head .pc_wrap .all_menu .bg .left{width: 20%; height: 100%; background: var(--color-blue);} #general_head .pc_wrap .all_menu .bg .left p{width: 100%; height: 100%; line-height: 400px; text-align: right; padding-right: 80px; font-size: 20px; color: #fff; font-weight: bold;} #general_head .pc_wrap .all_menu .bg .right{width: 80%; height: 100%; position: relative;top: 0;left: 0;background: #fff;} #general_head .pc_wrap .all_menu .bg .right .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0; background-image: URL(../img/logo_slim_c.svg); background-position: right; background-repeat: no-repeat; background-size: auto 104%;opacity: 0.1;} #general_head .pc_wrap .all_menu .bg .right ul{margin: 0;height: fit-content; position: absolute; width: 100%; z-index: 1;padding: 0 50px; justify-content: flex-start;} #general_head .pc_wrap .all_menu .bg .right ul li{width: 25%;height: 200px;padding: 30px 20px 0;} #general_head .pc_wrap .all_menu .bg .right ul li:nth-child(1), #general_head .pc_wrap .all_menu .bg .right ul li:nth-child(2), #general_head .pc_wrap .all_menu .bg .right ul li:nth-child(3), #general_head .pc_wrap .all_menu .bg .right ul li:nth-child(4){border-bottom: 1px solid #ddd;} #general_head .pc_wrap .all_menu .bg .right ul li p{font-size: 15px;font-weight: bold;color: var(--color-blue); margin-bottom: 10px !important;} #general_head .pc_wrap .all_menu .bg .right ul li p.atv{color: var(--color-orange);} #general_head .pc_wrap .all_menu .bg .right ul li span{font-size: 14px;display: flex; color: #777;cursor: pointer;width: fit-content;} #general_head .pc_wrap .all_menu .bg .right ul li span.atv{color: var(--color-orange);} #general_head .pc_wrap .all_menu .bg .right ul li span::before{ content: "·"; display: inline-block; margin-right: 5px;color: #777;} #general_head .pc_wrap .all_menu .bg .right ul li span:hover{color: var(--color-orange);} #general_head .pc_wrap .all_menu .bg .right ul li span:hover::before{color: var(--color-orange);} #general_head .mo_wrap{display: none; width: 100vw; height: 100vh; position: fixed; background: #0000005c; animation-fill-mode: forwards; animation-duration: 0.5s; right: 0; top: 0; } #general_head .mo_wrap.close{animation-name: nav_close;} #general_head .mo_wrap.open{animation-name: nav_open;} @keyframes nav_close { from {opacity: 1;z-index: 999999;} to {opacity: 0; z-index: -999999;} } @keyframes nav_open { from {opacity: 0; z-index: -999999;} to {opacity: 1; z-index: 999999;} } #general_head .mo_wrap .nav_content{position: absolute; top: 0; right: -300px; width: 300px; height: 100vh; background: #fff; animation-fill-mode: forwards; animation-duration: 0.3s; } #general_head .mo_wrap .nav_content.close{animation-name: navwrap_close;} #general_head .mo_wrap .nav_content.open{animation-name: navwrap_open;} @keyframes navwrap_close { from {right: 0px;} to {right: -300px;} } @keyframes navwrap_open { from {right: -300px;} to {right: 0px;} } #general_head .mo_wrap .nav_content .top{background: var(--color-blue);width: 100%;height: fit-content;} #general_head .mo_wrap .nav_content .top>ul{width: 100%;height: 100px; padding: 20px 0;} #general_head .mo_wrap .nav_content .top>ul>li{width: fit-content;height: 100%;padding:15px 20px;} #general_head .mo_wrap .nav_content .top>ul>li.menu_close{padding: 20px;cursor: pointer;} #general_head .mo_wrap .nav_content .top>ul>li img{display: block;height: 100%;} #general_head .mo_wrap .nav_content .top .user_data{width: 100%;height: fit-content;padding:0 20px 20px;} #general_head .mo_wrap .nav_content .top .user_data>p{font-size: 15px;color: #fff;} #general_head .mo_wrap .nav_content .top .user_data>p span{} #general_head .mo_wrap .nav_content .top .user_data>span{font-size: 13px; color: #fff; display: block; width: 100%; text-align: right;} #general_head .mo_wrap .nav_content .top .btn_wrap{width: 100%;padding: 0px 20px 20px;} #general_head .mo_wrap .nav_content .top .btn_wrap p{width: 48%; cursor: pointer; height: 40px; text-align: center;color: #fff; border: 1px solid #ddd; border-radius: 5px; line-height: 40px;transition: 0.3s;} #general_head .mo_wrap .nav_content .top .btn_wrap p span{font-size: 13px;text-align: center;} #general_head .mo_wrap .nav_content .top .btn_wrap p:nth-child(3){margin-top: 10px;} #general_head .mo_wrap .nav_content .top .btn_wrap p:nth-child(4){margin-top: 10px;} #general_head .mo_wrap .nav_content .top .btn_wrap p:active{background:#fff ;color: var(--color-blue);} #general_head .mo_wrap .nav_content>ul{ overflow-y: auto; padding:0 10px;margin: 20px 0;} #general_head .mo_wrap .nav_content>ul::-webkit-scrollbar { width: 7px; overflow: hidden; } #general_head .mo_wrap .nav_content>ul::-webkit-scrollbar-thumb { background-color: var(--color-blue); border-radius: 5px; } #general_head .mo_wrap .nav_content>ul::-webkit-scrollbar-track { background-color: #e9e9e9; border-radius: 5px; } #general_head .mo_wrap .nav_content>ul li.nav_list{width: 100%; margin-bottom: 10px !important;cursor: pointer;} #general_head .mo_wrap .nav_content>ul li.nav_list.normal{} #general_head .mo_wrap .nav_content>ul li.nav_list{} #general_head .mo_wrap .nav_content>ul li.nav_list div.nav_title{height: 50px;border-radius: 3px;padding: 10px;} #general_head .mo_wrap .nav_content>ul li.nav_list.atv div.nav_title{background: var(--color-blue);} #general_head .mo_wrap .nav_content>ul li.nav_list div.nav_title p.text{color: #777; font-size: 15px;width: calc(100% - 20px);} #general_head .mo_wrap .nav_content>ul li.nav_list div.nav_title .arrow{position: relative; width: 13px; height: 13px;top: 0;left: 0px;} #general_head .mo_wrap .nav_content>ul li.nav_list div.nav_title .arrow::after{content: ''; width: 60%; height: 60%; border-top: 1px solid #121212; border-right: 1px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 4px; left: 0px;} #general_head .mo_wrap .nav_content>ul li.nav_list.atv div.nav_title p.text{color: #fff;} #general_head .mo_wrap .nav_content>ul li.nav_list.atv div.nav_title .arrow::after{border-top: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(314deg);} #general_head .mo_wrap .nav_content>ul li.nav_list .nav_inner{display:none; background: #eee; border-radius: 3px;} #general_head .mo_wrap .nav_content>ul li.nav_list .nav_inner li{ width: 100%; line-height: 50px; height: 50px; padding-left: 20px; font-size: 13px; color: #777;} #general_head .mo_search_wrap{display: none; position: absolute; top: 70px; width: 100%; height: 90px;padding: 20px; background: var(--color-blue);} #general_head .mo_search_wrap input{width: calc(100% - 50px); height: 50px; line-height: 50px; font-size: 15px; box-shadow: unset;border: none;position: absolute; left: 20px; top: 20px;} #general_head .mo_search_wrap button{ width: 50px; height: 50px; padding: 10px; background: #fff;position: absolute; right: 20px; top: 20px;} #general_head .mo_search_wrap button img{} #slide_menu{ position: absolute; height: fit-content; top: 750px; left: 50%;transform: translateX(-50%); width: 100%; max-width: 1540px; align-items: flex-start;} #slide_menu .left{} #slide_menu .right{} #slide_menu>div .box{background:#000; width:150px; height: 150px;} #slide_menu.fixation{ position: fixed; top: 50px;} /* 일반회원head 끝 */ /* 일반회원 메인 시작 */ #general_main{} #general_main .general_main_slider{position: relative; width: 100%; height: 730px; z-index: 0;} #general_main .general_main_slider .swiper-wrapper{} #general_main .general_main_slider .swiper-wrapper .swiper-slide{background-image: URL(../img/main_bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;} #general_main .content1{position: absolute; top: 181px; left: 50%; transform: translateX(-50%);width: 100%;height: 550px;background: #080e2180;} #general_main .content1 .wrap{width: calc(100% - 40px); max-width: 1200px;margin: 0 auto; position: relative; top: 0; left: 0; padding: 100px 0;} #general_main .content1 .wrap>.text{width: 50%;} #general_main .content1 .wrap>.text span{color: #fff;font-size: 15px; display: block; margin-bottom: 10px !important;} #general_main .content1 .wrap>.text h1{color: #fff; font-size: 35px; font-weight: bold; line-height: 45px;} #general_main .content1 .wrap>.text p{color: #fff; margin-top: 50px; font-size: 18px;} #general_main .content1 .wrap .goto_slider{width: 50%;overflow: hidden;position: absolute;top: 50%;right: 0;transform: translateY(-50%); height: fit-content;} #general_main .content1 .wrap .goto_slider .swiper-wrapper{} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide>span{color: #fff; position: absolute; top: 0; right: 0; font-size: 15px; width: fit-content;max-width: 90%; text-align: center; height: 30px; background: var(--color-orange); line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px;font-weight: bold;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con{cursor: pointer; border: 1px solid #fff; background: linear-gradient(to right, #ffffff45, #ffffff00); padding: 20px;transition: 0.3s;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide.swiper-slide-active .con{background: #da46018e;border: 1px solid #da46018e;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con .text{} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con .text b{width: 100%; display: block; text-align: center; color: #fff; padding-bottom: 10px; border-bottom: 1px solid #fff; font-size: 15px; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con .text p{color: #fff;font-size: 13px;margin: 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;min-height: 112px;text-align: center;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con .text span{color: #fff;font-size: 12px;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con>p{color: #fff;font-size: 12px;margin-top: 30px; cursor: pointer;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con>p img{color: #fff;height: 20px;width: 45px;} #general_main .content1 .wrap .goto_slider .slide_pager{width: 100px; height: 30px;float: right;} #general_main .content1 .wrap .goto_slider .slide_pager .swiper-button-next{width: 20px; height: 20px; background: #dddddd7a;position: unset;margin: 0;} #general_main .content1 .wrap .goto_slider .slide_pager .swiper-button-prev{width: 20px; height: 20px; background: #dddddd7a;position: unset;margin: 0;} #general_main .content1 .wrap .goto_slider .slide_pager .swiper-button-next::after{font-size: 10px;line-height: 20px;text-align: center;color: #fff;} #general_main .content1 .wrap .goto_slider .slide_pager .swiper-button-prev::after{font-size: 10px;line-height: 20px;text-align: center;color: #fff;} #general_main .content1 .wrap .goto_slider .slide_pager .swiper-pagination{width: fit-content;color: #fff;position: unset;} #general_main .content2{position: absolute; height: fit-content; top: 580px; left: 50%; transform: translateX(-50%); max-width: 1200px; width: calc(100% - 60px); background: #fff; } #general_main .content2 .notice{background: var(--color-blue); width: 100%; height: 30px;} #general_main .content2 .notice b{font-size: 15px;color: #fff;width: 100px; text-align: center; line-height: 30px;} #general_main .content2 .notice p{font-size: 13px;color: #fff;width: calc(100% - 200px); line-height: 30px;padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_main .content2 .notice span{font-size: 13px;color: #fff; width: 100px; text-align: center; line-height: 30px;} #general_main .content2 .quick_view{width: 100%; align-items: flex-start; border: 1px solid #eee;} #general_main .content2 .quick_view>div{} #general_main .content2 .quick_view .quick1{padding: 0 20px 20px;width: 50%;} #general_main .content2 .quick_view .quick1:nth-child(2){border-left: 1px solid #ddd;} #general_main .content2 .quick_view .quick1 .title{position: relative; top: 0; left: 0;width: 100%;height: 40px; margin: 10px 0 0 0;} #general_main .content2 .quick_view .quick1 .title b{position: absolute; background:var(--color-orange);color: #fff;font-size: 15px;height: 40px;line-height: 40px;top: 50%;left: -40px; transform: translateY(-50%);padding: 0 20px;width: fit-content;} #general_main .content2 .quick_view .quick1 .title .more_btn{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border: 1px solid #1a264c; cursor: pointer;} #general_main .content2 .quick_view .quick1 .title .more_btn:hover{background: var(--color-blue);} #general_main .content2 .quick_view .quick1 .title .more_btn p{position: absolute;width: 100%;height: 100%;top: 0;left: 0; transition: 0.5s;} #general_main .content2 .quick_view .quick1 .title .more_btn p span{width: 10px; height: 2px; background: var(--color-blue); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 3px;} #general_main .content2 .quick_view .quick1 .title .more_btn p span.bar2{transform: translate(-50%,-50%) rotate(90deg);} #general_main .content2 .quick_view .quick1 .title .more_btn:hover p{transform: rotate(180deg);} #general_main .content2 .quick_view .quick1 .title .more_btn:hover span{background: #fff;} #general_main .content2 .quick_view .quick1>span{display: block; width: 100%; font-size: 12px; color: #0e0e0e;margin-bottom: 12px !important;} #general_main .content2 .quick_view .quick1 .market_price{width: 100%;height: fit-content;} #general_main .content2 .quick_view .quick1 .market_price .price_title{width: 100%;height: fit-content;margin-bottom: 10px !important;} #general_main .content2 .quick_view .quick1 .market_price .price_title p{text-align: right;font-size: 15px;font-weight: bold;color: #000;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(1){width: 30%;text-align: center;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(2){width: 20%;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(3){width: 25%;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(4){width: 25%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide{overflow: hidden; position: relative; height: 125px} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper{position: absolute;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide{cursor: pointer;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide:nth-child(2n){background: #f9f9f9;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide:hover p{text-decoration: underline;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap{} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p{text-align: right;font-size: 15px;color: #000;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(1){text-align: left;width: 30%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(2){width: 20%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(3){width: 25%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(4){width: 25%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p span{font-size: 13px;color: var(--color-orange);margin-left: 5px;} #general_main .content2 .quick2{padding: 0 0px; width: 100%; border: 1px solid #ddd; margin-top: 20px;} #general_main .content2 .quick2 .search_tep{width: 100%;margin: 0;} #general_main .content2 .quick2 .search_tep li{width: 50%;transition: 0.3s;cursor: pointer;padding: 20px 0;} #general_main .content2 .quick2 .search_tep li:nth-child(1){border-right: 1px solid #ddd;} #general_main .content2 .quick2 .search_tep li p{font-size:15px; width: fit-content;margin: 0 auto;position: relative;top:0;left:0;font-weight: bold;} #general_main .content2 .quick2 .search_tep li p:before{content:"";position: absolute; width: 0px; height: 10px;left: 50%;bottom:-2px;transform: translateX(-50%); background:#da460145;z-index: -1;} #general_main .content2 .quick2 .search_tep li p::after{content:"";position: absolute; width: 0px; height: 0px;left: 50%;transform: translateX(-50%);z-index: -1;} #general_main .content2 .quick2 .search_tep li.atv{cursor: default;border-bottom: 1px solid #fff !important;} #general_main .content2 .quick2 .search_tep li.atv p{} #general_main .content2 .quick2 .search_tep li.atv p:before{animation: search_tep 0.3s forwards;} #general_main .content2 .quick2 .search_tep li.atv p::after{animation: search_tep2 0.3s forwards;} @keyframes search_tep { 0%{width: 0;} 100%{width: 110%;} } @keyframes search_tep2 { 0%{bottom:-15px; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent;} 100%{bottom:-25px; border-bottom: 7px solid transparent; border-top: 7px solid var(--color-orange); border-left: 7px solid transparent; border-right: 7px solid transparent;} } #general_main .content2 .quick2 .search_content{overflow: hidden;} #general_main .content2 .quick2 .search_content>b{position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); height: 40px; width: 100%; line-height: 40px; text-align: center; font-size: 15px; background: #eee;cursor: pointer;} #general_main .content2 .quick2 .search_content li{width: 0;opacity: 0;transition: 0.5s;height: 180px;padding-bottom: 10px;justify-content: flex-start;display: none;} #general_main .content2 .quick2 .search_content li.search_con1{border-right:1px solid #ddd;} #general_main .content2 .quick2 .search_content li.search_con1 p{ width: 20%; text-align: center; height: 40px; line-height: 40px; font-size: 15px;cursor: pointer;} #general_main .content2 .quick2 .search_content li.search_con1 p:hover{text-decoration: underline;} #general_main .content2 .quick2 .search_content li.search_con2{justify-content: flex-start;} #general_main .content2 .quick2 .search_content li.search_con2 p{ width: 25%; text-align: center; height: 40px; line-height: 40px; font-size: 15px;cursor: pointer;} #general_main .content2 .quick2 .search_content li.search_con2 p:hover{text-decoration: underline;} #general_main .content2 .quick2 .search_content li.atv{width: 50%;opacity: 1;display: flex;} #general_main .content2 .quick2 .search_content li.atv p{} #general_main .index_bn{width: calc(100% - 40px);max-width: 1200px; height: fit-content; margin: 300px auto 50px;display: none;} #general_main .index_bn.bt{margin: 520px auto 50px;} #general_main .index_bn.mo{display: none;} #general_main .index_bn .manager_notice{width: 100%; max-width: 1200px; padding: 0 20px; text-align: center; font-size: 13px; color: red; margin: 10px auto;} #general_main .index_bn .manager_notice span{display: block; width: fit-content; margin: 0 auto; background: red; padding: 5px 10px; cursor: pointer; color: #fff;} #general_main .index_bn .indexbn_gride_con{position: fixed; width: 100%; height: 100%; background: #0000007d; top: 0; left: 0;z-index: 999999;display: none;} #general_main .index_bn .indexbn_gride_con.atv{display: block;} #general_main .index_bn .indexbn_gride_con .wrap{width: calc(100% - 40px); max-width: 500px; height: fit-content; top: 50%; left: 50%; background: #fff; position: absolute; transform: translate(-50%, -50%); border-radius: 10px; padding: 20px;} #general_main .index_bn .indexbn_gride_con .wrap img{width: 100%;height: fit-content;} #general_main .index_bn .indexbn_gride_con .wrap span{width: 100%;height: 40px;display: block;font-size: 15px;color: #fff;background: var(--color-blue);border-radius: 5px;text-align: center;line-height: 40px;margin-top: 50px;cursor: pointer;} #general_main .content3{ width: calc(100% - 40px); max-width: 1200px;position: relative;padding-bottom: 30px;margin: 300px auto 50px;} #general_main .content3.bt{margin: 520px auto 50px;} #general_main .content3>.title{margin-bottom: 20px !important;} #general_main .content3>.title b{font-size: 17px;color: #777;} #general_main .content3>.title b span{color: var(--color-blue);} #general_main .content3>.title p{font-size: 12px; color: #777; width: 150px; height: 30px; padding: 0 10px;border: 1px solid #ddd;cursor: pointer;} #general_main .content3>.title p img{width: 20px;height: 20px;} #general_main .content3 .premium_slide{overflow: hidden;width: 100%;height: fit-content;background-image: URL(../img/premium_bg.jpg);background-position: center;background-size: center -150px;background-repeat: no-repeat;} #general_main .content3 .premium_slide .swiper-wrapper{} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide{padding: 20px;background: #00000087;border-right: 1px solid #ffffff65;cursor: pointer;transition: 0.3s;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover{background: var(--color-orange);} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn{background: #fff;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn p{transform: rotate(180deg);} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn span{background: var(--color-orange);} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>b{font-size: 15px; width: 100%; display: block; text-align: center; margin:50px 0 30px; padding-bottom: 30px; border-bottom: 1px solid #fff; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>p{font-size: 12px; color: #fff; margin: 0 auto; text-align: center;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;min-height: 86px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div{width: 120px; margin: 30px auto 50px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div p{color: #fff; font-size: 12px; font-weight: bold;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div .more_btn{position: relative; right: 0px; width: 20px; height: 20px; background: var(--color-orange);border-radius: 10px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div .more_btn p{position: absolute;width: 100%;height: 100%;top: 0;left: 0; transition: 0.5s;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div .more_btn p span{width: 10px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 3px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div .more_btn p span.bar2{transform: translate(-50%,-50%) rotate(90deg);} #general_main .content3 .premium_slide .swiper-pagination{position: absolute;bottom: 0;} #general_main .content3 .premium_slide .swiper-pagination span{} #general_main .content3 .premium_slide .swiper-pagination span.swiper-pagination-bullet-active{background: var(--color-orange);} #general_main .content4{width: calc(100% - 40px); max-width: 1200px;margin: 0px auto;} #general_main .content4.one{margin-bottom: 50px !important;} #general_main .content4>b{font-size: 17px;color: #000;margin-bottom: 20px !important; display: flex; align-items: center;} #general_main .content4>b p{width: fit-content;height: 30px;padding: 5px 10px 5px 5px;display: flex;justify-content: center;font-size: 13px;font-weight: normal;border: 1px solid #ddd;align-items: center;margin-left: 10px; position: relative; text-transform: uppercase; transition: 0.5s; letter-spacing: 4px; overflow: hidden;font-weight: bold;margin-bottom: 0 !important;} #general_main .content4>b p span{position: absolute; display: block;} #general_main .content4.one>b p span:nth-child(1){top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,var(--color-orange));animation: animate1 3s linear infinite;} #general_main .content4.one>b p span:nth-child(2){ top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,var(--color-orange)); animation: animate2 3s linear infinite; animation-delay: 0.75s;} #general_main .content4.one>b p span:nth-child(3){ bottom: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,var(--color-orange)); animation: animate3 3s linear infinite; animation-delay: 1.5s;} #general_main .content4.one>b p span:nth-child(4){ bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg,transparent,var(--color-orange)); animation: animate4 3s linear infinite; animation-delay: 2.25s;} #general_main .content4.two>b p span:nth-child(1){top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,var(--color-blue));animation: animate1 3s linear infinite;} #general_main .content4.two>b p span:nth-child(2){ top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,var(--color-blue)); animation: animate2 3s linear infinite; animation-delay: 0.75s;} #general_main .content4.two>b p span:nth-child(3){ bottom: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,var(--color-blue)); animation: animate3 3s linear infinite; animation-delay: 1.5s;} #general_main .content4.two>b p span:nth-child(4){ bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg,transparent,var(--color-blue)); animation: animate4 3s linear infinite; animation-delay: 2.25s;} @keyframes animate1{ 0%{ left: -100%; } 50%,100%{ left: 100%; } } @keyframes animate2{ 0%{ top: -100%; } 50%,100%{ top: 100%; } } @keyframes animate3{ 0%{ right: -100%; } 50%,100%{ right: 100%; } } @keyframes animate4{ 0%{ bottom: -100%; } 50%,100%{ bottom: 100%; } } #general_main .content4>b p img{height: 70%; width: 35px; margin: 0 !important;} #general_main .content4.two>b p img{filter: brightness(0.5);} #general_main .content4>ul{margin: 0;justify-content: flex-start;} #general_main .content4>ul li{width:calc(20% - 8px);margin-right: 10px;margin-bottom: 20px !important;transition: 0.3s;position: relative;cursor: pointer;border: 1px solid #ddd;} #general_main .content4>ul li>span{position: absolute;transition: 0.1s;} #general_main .content4>ul li>span:nth-child(1) { border-top:2px solid var(--color-blue); top: 0; left: 0; right: 100%; transition-delay: 0.3s} #general_main .content4>ul li>span:nth-child(2) { border-right:2px solid var(--color-blue); top: 0; right: 0; bottom: 100%; transition-delay: 0.2s} #general_main .content4>ul li>span:nth-child(3) { border-bottom:2px solid var(--color-blue); bottom: 0; left: 100%; right: 0; transition-delay: 0.1s} #general_main .content4>ul li>span:nth-child(4) { border-left:2px solid var(--color-blue); top: 100%; left: 0; bottom: 0;transition-delay: 0.0s} #general_main .content4>ul li.kv>span:nth-child(1) { border-color: var(--color-orange);} #general_main .content4>ul li.kv>span:nth-child(2) { border-color: var(--color-orange);} #general_main .content4>ul li.kv>span:nth-child(3) { border-color: var(--color-orange);} #general_main .content4>ul li.kv>span:nth-child(4) { border-color: var(--color-orange);} #general_main .content4>ul li:hover span:nth-child(1) { right: 0%;transition-delay: 0s;} #general_main .content4>ul li:hover span:nth-child(2) { bottom: 0%;transition-delay: 0.1s;} #general_main .content4>ul li:hover span:nth-child(3) { left: 0%;transition-delay: 0.2s; } #general_main .content4>ul li:hover span:nth-child(4) { top: 0%;transition-delay: 0.3s;} #general_main .content4>ul li:hover .text p {text-decoration: underline;} #general_main .content4>ul li:nth-child(5n){margin-right: 0px;} #general_main .content4>ul li .name{width: 100%;height: 150px;background-color: #797979;background-image: url(../img/logo_slim_c.svg); background-size: 50%, cover; background-repeat: no-repeat; background-position: center; background-blend-mode: soft-light;position: relative;top: 0;left: 0;z-index: -1;} #general_main .content4>ul li.kv .name{background-blend-mode: unset;background-color: unset;background-repeat: no-repeat; background-size: cover; background-position: center;} #general_main .content4>ul li.kv:nth-child(1) .name{background-image: url('../img/kv_random1.jpg');} #general_main .content4>ul li.kv:nth-child(2) .name{background-image: url('../img/kv_random2.jpg');} #general_main .content4>ul li.kv:nth-child(3) .name{background-image: url('../img/kv_random3.jpg');} #general_main .content4>ul li.kv:nth-child(4) .name{background-image: url('../img/kv_random4.jpg');} #general_main .content4>ul li.kv:nth-child(5) .name{background-image: url('../img/kv_random5.jpg');} #general_main .content4>ul li.kv:nth-child(6) .name{background-image: url('../img/kv_random6.jpg');} #general_main .content4>ul li.kv:nth-child(7) .name{background-image: url('../img/kv_random7.jpg');} #general_main .content4>ul li.kv:nth-child(8) .name{background-image: url('../img/kv_random8.jpg');} #general_main .content4>ul li.kv:nth-child(9) .name{background-image: url('../img/kv_random9.jpg');} #general_main .content4>ul li.kv:nth-child(10) .name{background-image: url('../img/kv_random10.jpg');} #general_main .content4>ul li.kv:nth-child(11) .name{background-image: url('../img/kv_random11.jpg');} #general_main .content4>ul li.kv:nth-child(12) .name{background-image: url('../img/kv_random12.jpg');} #general_main .content4>ul li.kv:nth-child(13) .name{background-image: url('../img/kv_random13.jpg');} #general_main .content4>ul li.kv:nth-child(14) .name{background-image: url('../img/kv_random14.jpg');} #general_main .content4>ul li.kv:nth-child(15) .name{background-image: url('../img/kv_random15.jpg');} #general_main .content4>ul li.kv:nth-child(16) .name{background-image: url('../img/kv_random16.jpg');} #general_main .content4>ul li.kv:nth-child(17) .name{background-image: url('../img/kv_random17.jpg');} #general_main .content4>ul li.kv:nth-child(18) .name{background-image: url('../img/kv_random18.jpg');} #general_main .content4>ul li.kv:nth-child(19) .name{background-image: url('../img/kv_random19.jpg');} #general_main .content4>ul li.kv:nth-child(20) .name{background-image: url('../img/kv_random20.jpg');} #general_main .content4>ul li.kv:nth-child(2n -1) .name{background-image: url('../img/kv_random21.jpg');} #general_main .content4>ul li.kv:nth-child(2n) .name{background-image: url('../img/kv_random22.jpg');} #general_main .content4>ul li.kv:nth-child(3n) .name{background-image: url('../img/kv_random23.jpg');} #general_main .content4>ul li.kv:nth-child(4n) .name{background-image: url('../img/kv_random24.jpg');} #general_main .content4>ul li.kv:nth-child(5n) .name{background-image: url('../img/kv_random25.jpg');} #general_main .content4>ul li.kv:nth-child(6n) .name{background-image: url('../img/kv_random26.jpg');} #general_main .content4>ul li.kv:nth-child(7n) .name{background-image: url('../img/kv_random27.jpg');} #general_main .content4>ul li.kv:nth-child(8n) .name{background-image: url('../img/kv_random28.jpg');} #general_main .content4>ul li.kv:nth-child(9n) .name{background-image: url('../img/kv_random29.jpg');} #general_main .content4>ul li.kv:nth-child(10n) .name{background-image: url('../img/kv_random30.jpg');} #general_main .content4>ul li.kv:nth-child(11n) .name{background-image: url('../img/kv_random31.jpg');} #general_main .content4>ul li.kv:nth-child(12n) .name{background-image: url('../img/kv_random32.jpg');} #general_main .content4>ul li .name p{display: block;width: 100%;height: fit-content;font-size: 18px;font-weight: bold;color: #fff;text-align: center;padding: 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #general_main .content4>ul li .text{padding: 20px;max-width: 205px;margin: 0 auto;} #general_main .content4>ul li .text p{font-size: 15px;color: #000;text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;min-height: 40px; word-break:keep-all;margin-bottom: 0 !important;} #general_main .content4>ul li.kv .text p{font-weight: bold;} #general_main .content4>ul li .btn_wrap{width: calc(100% - 40px); margin: 0 auto 20px; padding-top: 20px; border-top: 1px solid #ddd} #general_main .content4>ul li .btn_wrap p{width: 48%;text-align: center;color: #000;border: 1px solid #ddd;height: 30px;line-height: 28px;position: relative;top: 0;left: 0;z-index: 1;transition: 0.3s;display: flex;align-items: center;justify-content: center;font-size: 12px;margin-bottom: 0 !important;} #general_main .content4>ul li .btn_wrap p img{width: 10px;height: 10px;margin-right: 5px; filter: brightness(0.1);} #general_main .content4>ul li .btn_wrap p::after{content: ""; position: absolute;left: 0;top: 0;width: 0%;height: 100%;z-index: -1;background: var(--color-blue); transition: all 0.3s ease-in-out;} #general_main .content4>ul li .btn_wrap p:hover{color: #fff;transition: 0.3s;} #general_main .content4>ul li .btn_wrap p:hover img{filter: unset;} #general_main .content4>ul li .btn_wrap p:hover::after{left: 0; width: 100%;} #general_main .content4>ul li.kv .btn_wrap p:nth-child(1){color: #000 !important;} #general_main .content4>ul li.kv .btn_wrap p:nth-child(1):hover img{filter: brightness(0.1);} #general_main .content4>ul li.kv .btn_wrap p:nth-child(2){background:var(--color-orange);color: #fff !important;} #general_main .content4>ul li.kv .btn_wrap p:nth-child(2) img{filter: unset;} #general_main .content4>ul li.kv .btn_wrap p::after{display: none;} #general_main .content4>ul li.kv .btn_wrap p:hover{color: unset;border: 1px solid #000;} #general_main #business_data{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #0000007d; z-index: 99999;display:none;} #general_main #business_data .wrap{position: absolute; width: calc(100% - 60px); max-width: 600px; height: fit-content; margin: 0 auto; background-image: URL(../img/main_small_bn.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px;} #general_main #business_data .wrap>b{font-size: 15px;color: #fff;display: block;width: 100%;text-align: center;} #general_main #business_data .wrap>p{color: #fff; font-size: 12px; text-align: center;margin: 20px 0;} #general_main #business_data .wrap>p .mark{position: absolute; width: fit-content; height: 30px; padding: 5px; top: 0px; left: 0px; display: flex; background: #fff; border: none !important; box-shadow: none !important;align-items: center;color: #000;font-weight: bold;padding: 5px 8px 5px 5px;} #general_main #business_data .wrap>p .mark img{height: 70%; width: 40px; margin: 0 !important;} #general_main #business_data .wrap>ul{width: 100%; height: fit-content; padding: 10px; border-radius: 0;} #general_main #business_data .wrap>ul li{display: flex; align-items: center;padding: 5px 10px;color: #fff;} #general_main #business_data .wrap>ul li:nth-child(2n-1){background: #eeeeee4a;} #general_main #business_data .wrap>ul li p{font-size: 13px;width: 100px;} #general_main #business_data .wrap>ul li span{font-size: 13px;display: block;width: calc(100% - 100px);} #general_main #business_data .wrap>ul li span a{color: #fff;} #general_main #business_data .wrap button{background: #fff; cursor: pointer; border: none; outline: none; display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #000;font-size: 13px;font-weight: bold;} /* 일반회원 메인 끝 */ /* 일반회원 tail 시작 */ #general_tail{} #general_tail .visual_bn{width: 100%;height: fit-content; margin: 50px 0;} #general_tail .visual_bn.mo{display: none;} #general_tail .manager_notice{width: 100%; max-width: 1200px; padding: 0 20px; text-align: center; font-size: 13px; color: red; margin: 10px auto;} #general_tail .manager_notice span{display: block; width: fit-content; margin: 0 auto; background: red; padding: 5px 10px; cursor: pointer; color: #fff;} #general_tail .tailbn_gride_con{position: fixed; width: 100%; height: 100%; background: #0000007d; top: 0; left: 0;z-index: 999999;display: none;} #general_tail .tailbn_gride_con.atv{display: block;} #general_tail .tailbn_gride_con .wrap{width: calc(100% - 40px); max-width: 500px; height: fit-content; top: 50%; left: 50%; background: #fff; position: absolute; transform: translate(-50%, -50%); border-radius: 10px; padding: 20px;} #general_tail .tailbn_gride_con .wrap img{width: 100%;height: fit-content;} #general_tail .tailbn_gride_con .wrap span{width: 100%;height: 40px;display: block;font-size: 15px;color: #fff;background: var(--color-blue);border-radius: 5px;text-align: center;line-height: 40px;margin-top: 50px;cursor: pointer;} #general_tail #floating_data{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #0000007d; z-index: 99999;display:none;} #general_tail #floating_data .wrap{position: absolute; width: calc(100% - 60px); max-width: 600px; height: fit-content; margin: 0 auto; background-image: URL(../img/main_small_bn.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px;} #general_tail #floating_data .wrap>b{font-size: 15px;color: #fff;display: block;width: 100%;text-align: center;} #general_tail #floating_data .wrap>p{color: #fff; font-size: 12px; text-align: center;margin: 20px 0;} #general_tail #floating_data .wrap>p .mark{position: absolute; width: fit-content; height: 30px; padding: 5px; top: 0px; left: 0px; display: flex; background: #fff; border: none !important; box-shadow: none !important;align-items: center;color: #000;font-weight: bold;padding: 5px 8px 5px 5px;} #general_tail #floating_data .wrap>p .mark img{height: 70%; width: 40px; margin: 0 !important;} #general_tail #floating_data .wrap>ul{width: 100%; height: fit-content; padding: 10px; border-radius: 0;} #general_tail #floating_data .wrap>ul li{display: flex; align-items: center;padding: 5px 10px;color: #fff;} #general_tail #floating_data .wrap>ul li:nth-child(2n-1){background: #eeeeee4a;} #general_tail #floating_data .wrap>ul li p{font-size: 13px;width: 100px;} #general_tail #floating_data .wrap>ul li span{font-size: 13px;display: block;width: calc(100% - 100px);} #general_tail #floating_data .wrap>ul li span a{color: #fff;} #general_tail #floating_data .wrap button{background: #fff; cursor: pointer; border: none; outline: none; display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #000;font-size: 13px;font-weight: bold;} #general_tail .board1{max-width: 1200px; width: calc(100% - 40px);margin: 0 auto 50px;} #general_tail .board1>div{width: 48%;} #general_tail .board1>div .title{width: 100%;margin-bottom: 20px !important;} #general_tail .board1>div .title>p{font-size: 17px; color: #000; display: block; font-weight: bold;} #general_tail .board1>div .title>div{width: 100px; border: 1px solid #ddd; height: 30px; line-height: 30px; position: relative; top: 0; left: 0; z-index: 1; transition: 0.3s;padding: 0 15px; cursor: pointer;} #general_tail .board1>div .title>div::after{content: ""; position: absolute;left: 0;top: 0;width: 0%;height: 100%;z-index: -1;background: var(--color-blue); transition: all 0.3s ease-in-out;} #general_tail .board1>div .title>div>p{font-size: 13px;color: #777;} #general_tail .board1>div .title>div .more_btn{position: absolute; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); right: 15px; transition: 0.5s;} #general_tail .board1>div .title>div .more_btn span{width: 10px; height: 1px; background: #777; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 3px;} #general_tail .board1>div .title>div .more_btn span.bar2{transform: translate(-50%,-50%) rotate(90deg);} #general_tail .board1>div .title>div:hover >p{color: #fff;transition: 0.3s;} #general_tail .board1>div .title>div:hover::after{left: 0; width: 100%;} #general_tail .board1>div .title>div:hover .more_btn{transform: translateY(-50%) rotate(180deg);} #general_tail .board1>div .title>div:hover .more_btn span{background: #fff;transition: 0.3s;} #general_tail .board1>div>ul{width: 100%;min-height: 180px;} #general_tail .board1>div>ul li{width: 100%;padding: 5px 0; border-bottom: 1px solid #ddd;cursor: pointer;} #general_tail .board1>div>ul li:hover{background: #eee;} #general_tail .board1>div>ul li:hover p:nth-child(1){border: 1px solid var(--color-blue);background: var(--color-blue); color: #fff;} #general_tail .board1>div>ul li:nth-child(1):hover{background: unset;} #general_tail .board1>div>ul li:nth-child(1):hover p:nth-child(1){border: unset;background: unset; color:#000;} #general_tail .board1>div>ul li p{font-size: 13px;color: #777;padding: 2px 10px;text-align: center;} #general_tail .board1>div>ul li p:nth-child(1){font-size: 11px;width: 80px;border: 1px solid var(--color-blue);border-radius: 20px;color: var(--color-blue);font-weight: bold;} #general_tail .board1>div>ul li p:nth-child(2){width: calc(100% - 270px);text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_tail .board1>div>ul li p:nth-child(3){width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_tail .board1>div>ul li p:nth-child(4){width: 90px;} #general_tail .board1>div>ul li.board_title{border-top: 1px solid var(--color-blue);border-bottom: 1px solid var(--color-blue);cursor: default;} #general_tail .board1>div>ul li.board_title p{font-weight: bold;color: #000;text-align: center;} #general_tail .board1>div>ul li.board_title p:nth-child(1){font-size: 13px; border: unset;border-radius: unset;color: #000;} #general_tail .board2{max-width: 1200px; width: calc(100% - 40px);margin: 0 auto; border-top: 1px solid #333;border-bottom: 1px solid #ddd;} #general_tail .board2>div{width: 33.333333%;border-right: 1px solid #ddd;padding: 20px;} #general_tail .board2>div:last-child{border-right:none;} #general_tail .board2>div>.title{margin-bottom: 20px !important;} #general_tail .board2>div>.title b{font-size: 17px; color: #000; display: block;} #general_tail .board2>div>.title>div{ position: relative; top: 0; left: 0; width: 30px; height: 30px;border: 1px solid #1a264c; cursor: pointer;} #general_tail .board2>div>.title>div .more_btn{position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s;} #general_tail .board2>div>.title>div .more_btn span{width: 10px; height: 2px; background: var(--color-blue); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 3px;} #general_tail .board2>div>.title>div .more_btn span.bar2{transform: translate(-50%,-50%) rotate(90deg);} #general_tail .board2>div>.title>div:hover{background:var(--color-blue);} #general_tail .board2>div>.title>div:hover .more_btn{transform: rotate(180deg);} #general_tail .board2>div>.title>div:hover .more_btn span{background: #fff;} #general_tail .board2>div.free_board ul{min-height: 315px} #general_tail .board2>div.free_board ul li{padding:5px 10px 5px 0px;cursor: pointer;} #general_tail .board2>div.free_board ul li:hover{background:#eee ;} #general_tail .board2>div.free_board ul li:hover p:after{content: "-";} #general_tail .board2>div.free_board ul li p{font-size: 15px;width: calc(100% - 80px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position: relative;top: 0;left: 0; padding-left: 10px;} #general_tail .board2>div.free_board ul li p:after{position: absolute;content: "·";font-weight: 15px;margin-right: 5px;top: 50%;left: 0;transform: translateY(-50%)} #general_tail .board2>div.free_board ul li span{font-size: 13px; color: #777;width: 50px;} #general_tail .board2>div.tip_board ul{min-height: 157px;} #general_tail .board2>div.tip_board ul li{padding: 5px 10px;cursor: pointer;} #general_tail .board2>div.tip_board ul li p{font-size: 15px; width: 100%;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #general_tail .board2>div.tip_board ul li:hover{background:#eee ;} #general_tail .board2>div>.title.total_title{padding-top: 20px;margin-top: 20px;} #general_tail .board2>div.tip_board .total_user{} #general_tail .board2>div.tip_board .total_user p{font-size: 15px; line-height: 23px; border-bottom: 1px solid #eee;} #general_tail .board2>div.tip_board .total_user p span{} #general_tail .board2>div.tip_board .total_user p span b{color: var(--color-orange);} #general_tail .board2>div.add_board ul{margin-bottom: 38px !important;min-height: 157.11px !important;} #general_tail .board2>div.add_board ul li{padding:5px 10px 5px 0px;cursor: pointer;} #general_tail .board2>div.add_board ul li:hover{background:#eee ;} #general_tail .board2>div.add_board ul li:hover p:after{content: "-";} #general_tail .board2>div.add_board ul li p{font-size: 15px;width: calc(100% - 80px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position: relative;top: 0;left: 0; padding-left: 10px;} #general_tail .board2>div.add_board ul li p:after{position: absolute;content: "·";font-weight: 15px;margin-right: 5px;top: 50%;left: 0;transform: translateY(-50%)} #general_tail .board2>div.add_board ul li span{font-size: 13px; color: #777;width: 50px;} #general_tail .board2>div.add_board .goto{width: 100%;} #general_tail .board2>div.add_board .goto p{width: 33.333333%;text-align: center;cursor: pointer;} #general_tail .board2>div.add_board .goto p:hover span{color: var(--color-orange);} #general_tail .board2>div.add_board .goto p img{width: 40px;height: 40px;display: block;margin: 0 auto 10px;} #general_tail .board2>div.add_board .goto p span{font-size: 13px;} #general_tail .black{background: #333;width: 100%;height: 70px;} #general_tail .black ul{max-width: 1200px; width: calc(100% - 40px);margin: 0 auto;justify-content: flex-start;} #general_tail .black ul li{padding: 24px 10px;position: relative;top: 0;left: 0;width: fit-content;height: fit-content;} #general_tail .black ul li::after{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px; height: 10px;background: #6f6f6f;content:"";} #general_tail .black ul li:last-child::after{display: none;} #general_tail .black ul li a{font-size: 13px;color: #fff;display: block; padding: 0;} #general_tail .gray{background: #ddd;width: 100%;height: fit-content;} #general_tail .gray .wrap{max-width: 1200px; width: calc(100% - 40px);margin: 0 auto;} #general_tail .gray .wrap .top{padding: 50px 0; align-items: baseline;} #general_tail .gray .wrap .top li{width: 33.333333%;padding: 20px;} #general_tail .gray .wrap .top li b{font-size: 17px; color: #333; display: block; margin-bottom: 20px !important;} #general_tail .gray .wrap .top li p{font-size: 30px;font-weight: bold;color: var(--color-blue);margin: 50px 0 10px;} #general_tail .gray .wrap .top li span{color: #878787;font-size: 13px;} #general_tail .gray .wrap .bottom{ border-top: 1px solid #bbb; padding: 50px 0px; justify-content: flex-start;} #general_tail .gray .wrap .bottom li{padding: 0 20px;} #general_tail .gray .wrap .bottom li:nth-child(1){width: 33.333333%} #general_tail .gray .wrap .bottom li:nth-child(2){width: 66.666667%;} #general_tail .gray .wrap .bottom li img{ height: 60px; width: 230px;} #general_tail .gray .wrap .bottom li div{justify-content: flex-start;} #general_tail .gray .wrap .bottom li div p{padding-right: 10px;margin-right: 10px; font-size: 13px;color: #000;position: relative;top: 0;left: 0;width: fit-content;height: fit-content;} #general_tail .gray .wrap .bottom li div p::after{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px; height: 10px;background: #6f6f6f;content:"";} #general_tail .gray .wrap .bottom li div:nth-child(2){color: #000;margin-top: 20px;} #general_tail #top_btn{ position: fixed; right: 15px; bottom: 10px; width: 50px; height: 50px;border: 2px solid var(--color-orange); border-radius: 100px; opacity: 0;z-index: -999999;} #general_tail #top_btn::before{ position: absolute;content: "";display: block; left: 50%; top: 54%; width: 10px; height: 10px; border-top: 3px solid var(--color-orange); border-right: 3px solid var(--color-orange); transform: translate(-50%, -50%) rotate(315deg);} #general_tail #top_btn.fixation{ z-index:1;opacity: 1; } /* 유진 작성 */ #general_tail .chat{position: fixed;bottom: 70px;right: 10px;z-index: 9999;animation: motion 0.3s linear 0s infinite alternate;} @keyframes motion {0% {bottom: 70px;}100% {bottom: 80px;}} #general_tail .chat a{display: block;width: fit-content;height: fit-content;} #general_tail .chat a:hover{text-decoration: unset;} #general_tail .chat a p{color: var(--color-orange); font-size: 15px;font-weight: bold;text-align: center;} #general_tail .chat a img{height: 55px;width: 60px;} #general_tail .floating{position: absolute; top: 750px; width: 150px; height: fit-content; z-index: 99;} #general_tail .floating.atv{position: fixed; top: 20px;} #general_tail .floating>div{margin-bottom: 20px;} #general_tail .floating>div:last-child{margin-bottom: 0px;} #general_tail .floating_left{left: 50%; margin-left: -770px;} #general_tail .floating_right .item{margin-bottom: 5px !important;} #general_tail .floating_right .item:last-child{margin-bottom: 0px !important;} #general_tail .floating_right{right: 50%; margin-right: -770px;} #general_tail .floating_left .thecheat{width: 100%;height: 100px;border: 1px solid #ddd;background: #fff;box-shadow: 0px 1px 3px #ddd; padding: 20px 0;cursor: pointer;} #general_tail .floating_left .thecheat img{width: 30px;height: 30px; margin: 0 auto;} #general_tail .floating_left .thecheat p{font-size: 13px;text-align: center;color: #000;font-weight: bold;margin-top: 10px;} #general_tail .floating_left .calculator{width: 100%;height: 100px;border: 1px solid #ddd;background: #fff;box-shadow: 0px 1px 3px #ddd; padding: 20px 0;cursor: pointer;} #general_tail .floating_left .calculator img{width: 30px;height: 30px; margin: 0 auto;} #general_tail .floating_left .calculator p{font-size: 13px;text-align: center;color: #000;font-weight: bold;margin-top: 10px;} #general_tail .floating_left .new_business{background:#fff;border: 1px solid #ddd;box-shadow: 0px 1px 3px #ddd;} #general_tail .floating_left .new_business p{font-size: 13px; font-weight: bold; text-align: center; padding: 10px 0; border-bottom: 1px solid #ddd;color: #000;} #general_tail .floating_left .new_business ul{background: #fbfbfb;padding: 10px 20px;} #general_tail .floating_left .new_business ul li{width: fit-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; text-align: center; margin: 0 auto;cursor: pointer;} #general_tail .floating_left .new_business ul li:hover{text-decoration: underline;} #general_tail .floating_left .new_business ul li span{color: var(--color-orange);padding-right: 5px;} #general_tail .floating_right .floating_bn .carousel-inner{background: unset;padding: 5px;border: 1px solid #ddd;box-shadow: 0px 1px 3px #ddd;background: #fff;} #general_tail .floating_right .floating_bn div.item{display: block;margin-bottom: 20px;} #general_tail .floating_right .floating_bn div.item:last-child{margin-bottom: 0px;} /* 일반회원 tail 끝 */ /* 알반회원 정보수정 시작 */ #my_data{} #my_data .title{width: 100%;height: fit-content;background-image:url('../img/post_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 50px !important;} #my_data .title .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;padding: 100px 0; position: relative;top: 0;left: 0;} #my_data .title .wrap p{font-size: 30px;font-weight: bold;color: #fff;line-height: 40px;width: 100%;position: relative;top: 0;left: 0;padding-bottom: 20px;margin-bottom: 20px !important;} #my_data .title .wrap p:after{content: ""; display: block; position: absolute; bottom: 0;left: 0; width: 30px;height: 2px;background: var(--color-orange);} #my_data .title .wrap span{font-size: 15px;color: #fff;} #my_data form{ width: calc(100% - 40px); max-width: 1200px; margin: 30px auto 100px; background: #fff; padding: 0px; } #my_data form .con{background: #fff; width: 100%; margin: 0 auto; margin-bottom: 50px !important; box-shadow: 0 0 10px #ddd; padding: 50px 30px;} #my_data form .con .sub_title{font-size: 20px; font-weight: 700; color: #333; background: linear-gradient(to top, #3c466740 50%, transparent 50%); display: inline-block; margin-bottom: 50px !important; padding: 0 5px 3px;} #my_data form .con ul{} #my_data form .con ul li{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;width: 100%;margin-bottom: 20px !important;} #my_data form .con ul li:last-child{margin-bottom: 0px !important;} #my_data form .con ul li span{padding: 0; width: 120px; font-size: 13px;font-weight: bold;} #my_data form .con ul li p{width: calc(100% - 120px); height: 40px; line-height: 40px; font-size: 13px;color: #777;} #my_data form .con ul li input{width: calc(100% - 120px); height: 40px; line-height: 40px; padding: 0 10px; font-size: 13px; color: var(--color-orange); border: 1px solid #ddd; border-radius: 3px;transition: 0.3s;} #my_data form .con ul li input:focus{border: 1px solid var(--color-orange);} #my_data form .con ul li a{width: fit-content;height: 500px; max-width: calc(100% - 120px);} #my_data form .con ul li a:hover{color: #000 !important;} #my_data form .con ul li a:focus{color: #000 !important;} #my_data form .con ul li a u{height: 40px; line-height: 40px; font-size: 13px; display: block;} #my_data form .con ul li a img{height: calc(100% - 40px); padding: 10px; border: 1px solid #ddd; border-radius: 3px;max-width: 100%;} #my_data form .con .btn_wrap{width: 100%;max-width: 600px;margin: 20px auto 0; display: flex;justify-content: space-between;align-items: center;} #my_data form .con .btn_wrap button{width: 49%; text-align: center; font-size: 15px; height: 40px; line-height: 40px; background: #636363; border-radius: 3px;color: #fff;} #my_data form .con .btn_wrap button:nth-child(1){background: var(--color-blue);} #my_data form .no_data{background: #ddd; width: 100%; margin: 0 auto; margin-bottom: 50px !important; padding: 50px 5%; font-size: 15px;text-align: center;font-weight: bold;} /* 알반회원 정보수정 끝 */ /* 일반회원 상품권거래소이용안내 시작 */ #site_guide{} #site_guide>.title{width: 100%;height: fit-content;background-image:url('../img/guide_bg.png');background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 100px !important;} #site_guide>.title .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;padding: 100px 0; position: relative;top: 0;left: 0;} #site_guide>.title .wrap p{font-size: 30px;font-weight: bold;color: #fff;line-height: 40px;width: 100%;position: relative;top: 0;left: 0;padding-bottom: 20px;margin-bottom: 20px !important;} #site_guide>.title .wrap p:after{content: ""; display: block; position: absolute; bottom: 0;left: 0; width: 30px;height: 2px;background: var(--color-orange);} #site_guide>.title .wrap span{font-size: 15px;color: #fff;} #site_guide>img{display: block; margin: 0 auto; width: calc(100% - 60px); max-width: 600px;} #site_guide>ul{width: calc(100% - 40px); margin: 100px auto; max-width: 1200px;} #site_guide>ul li{width: 100%; display: flex; justify-content: space-between; align-items: center;} #site_guide>ul li:nth-child(1){margin-bottom: 20px !important;} #site_guide>ul li>span{font-size: 25px; background: #fff; border-radius: 10px; box-shadow: 5px 3px 3px #ccc; border: 1px solid #eee; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block;font-weight: bold;} #site_guide>ul li .text{width: calc(100% - 70px); padding: 20px; background: #fff;border: 1px solid #eee; border-radius: 10px;} #site_guide>ul li .text b{font-size: 18px;margin-bottom: 20px !important;display: block;word-break: keep-all;} #site_guide>ul li .text p{font-size: 15px;color: #000;line-height: 30px;word-break: keep-all;} #site_guide .add{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto; padding: 30px 20px; background: #f5f5f5;border-radius: 10px;} #site_guide .add b{text-align: center; font-size: 17px; display: block; width: 100%; margin-bottom: 50px !important; color: #777;} #site_guide .add p{ width: 100%; word-break: keep-all; color: #777;font-size: 13px;margin-bottom: 20px !important;} #site_guide .add a{color: #777;font-size: 13px;} #site_guide .add .add_btn{position: relative; width: fit-content; height: 50px; line-height: 50px; text-align: center; padding-right: 30px; top: 0; left: 50%; transform: translateX(-50%); display: block;font-size: 13px;color: #777;} #site_guide .add .add_btn::after {content: ''; width: 10px; height: 10px; border-top: 1px solid #121212; border-right: 1px solid #121212; display: inline-block; position: absolute; top: 46%; right: 0; transform: translateY(-50%) rotate(135deg);} #site_guide .add .add_btn.atv::after { top: 58%;transform:translateY(-50%) rotate(314deg);} #site_guide .add ul{display: none;} #site_guide .add ul li{font-size: 13px;color: #777;margin-bottom: 10px !important;} #site_guide .add ul li:last-child{margin-bottom: 0px !important;} /* 일반회원 상품권거래소이용안내 끝 */ /* 일반회원 고객이용안내 시작 */ #client_guide{} #client_guide .title{width: 100%;height: fit-content;background-image:url('../img/client_guide_bg.png');background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 100px !important;} #client_guide .title .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;padding: 100px 0; position: relative;top: 0;left: 0;} #client_guide .title .wrap p{font-size: 30px;font-weight: bold;color: #fff;line-height: 40px;width: 100%;position: relative;top: 0;left: 0;padding-bottom: 20px;margin-bottom: 20px !important;} #client_guide .title .wrap p:after{content: ""; display: block; position: absolute; bottom: 0;left: 0; width: 30px;height: 2px;background: var(--color-orange);} #client_guide .title .wrap span{font-size: 15px;color: #fff;} #client_guide>h1{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto 100px;font-size: 30px;font-weight: bold;line-height: 45px;word-break:keep-all;color: #777;} #client_guide>h1 span{color: var(--color-blue);} #client_guide>ul{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;} #client_guide>ul li{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-bottom: 100px !important;} #client_guide>ul li .left{width: 150px; height: 150px; padding: 40px 0 0; border-radius: 100px; border: 1px solid #ddd; display: flex; flex-flow: column;} #client_guide>ul li .left img{width: 40px;height: 40px;margin: 0 auto 10px;} #client_guide>ul li .left p{font-size: 15px;color: #000;font-weight: bold;width: 100%;text-align: center;} #client_guide>ul li .center{width: 100px;position: relative;display: block;top: 0;left: 0;} #client_guide>ul li .center::after{content: "";display: block;position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);width: 100%;height: 2px;background-color: #eee;} #client_guide>ul li .center:before{content: "";display: block;position: absolute;top: 50%; right: 0;transform: translateY(-50%);width:2px;height: 10px;background-color: #eee;} #client_guide>ul li .right{width: calc(100% - 290px);} #client_guide>ul li .right p{font-size: 15px;color: #000;word-break:keep-all;margin-bottom: 10px !important;} #client_guide>ul li .right p:last-child{margin-bottom: 0px !important;} #client_guide>ul li:last-child .left{background: var(--color-blue);} #client_guide>ul li:last-child .left p{color: #fff;} /* 일반회원 고객이용안내 끝 */ /* 일반회원 회사소개 시작 */ #intro{} #intro>.title{width: 100%;height: fit-content;background-image:url('../img/intro_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;} #intro>.title .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;padding: 100px 0; position: relative;top: 0;left: 0;} #intro>.title .wrap span{font-size: 15px;color: #fff;word-break:keep-all;} #intro>.title .wrap p{font-size: 30px;font-weight: bold;color: #fff;line-height: 40px;width: 100%;margin-top: 10px;word-break:keep-all;} #intro .con1{width: 100%;background: #eee;padding: 50px 0;} #intro .con1 .wrap{width: calc(100% - 100px);margin: 0 auto; padding: 50px 20px;background: #fff;} #intro .con1 .wrap .white{width:100%;max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;} #intro .con1 .wrap .white .left{width: 40%;padding-bottom: 150px;} #intro .con1 .wrap .white .left h1{color: var(--color-blue); font-size: 100px;line-height: 90px;margin-bottom: 30px !important;} #intro .con1 .wrap .white .left h1 span{color: #777;display: block;} #intro .con1 .wrap .white .left p{width: 100%;color: #666;font-size: 15px;line-height: 25px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; word-break:keep-all;} #intro .con1 .wrap .white .right{width: 50%;padding-top: 150px;} #intro .con1 .wrap .white .right .img_wrap{width: 100%; height: 350px; background-image: url('../img/intro_con1_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50px 50px 0 50px;} #intro .con1 .wrap .white .right p{width: 100%;color: #666;font-size: 15px; word-break:keep-all;text-align: right;margin-top: 10px;} #intro .con2{width: 100%;height: fit-content;background-image:url('../img/intro_con2_bg.png');background-repeat: no-repeat;background-size: cover;background-position: center;padding: 200px 0;} #intro .con2 h2{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto 50px;color: #fff; font-size: 25px; font-weight: bold;} #intro .con2 ul{width: calc(100% - 40px);margin: 0 auto;max-width: 1200px;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;} #intro .con2 ul li{width: 32%; padding: 70px 30px; background: #ffffff24; border-radius: 20px;height: 350px;display: flex;align-items: center;flex-flow: row wrap;cursor: pointer;} #intro .con2 ul li img{margin: 0 auto;display: block;} #intro .con2 ul li:nth-child(1) img{height: 67px;} #intro .con2 ul li:nth-child(2) img{height: 50px;} #intro .con2 ul li:nth-child(3) img{height: 50px;} #intro .con2 ul li b{display: block; width: 100%; font-size: 18px; color: #fff; text-align: center; font-weight: normal;} #intro .con2 ul li b span{ text-align: center; color: #c0c0c0; font-size: 15px;width: 100%;display: block;} #intro .con2 ul li>span{margin-top: 30px;color: #fff; font-size: 15px;display: block;word-break:keep-all;width: 100%;display: none;} #intro .con2 ul li.atv{background: var(--color-blue);cursor: unset;} #intro .con2 ul li.atv img{display: none;} #intro .con2 ul li.atv b{text-align: left;} #intro .con2 ul li.atv b span{text-align: left;} #intro .con2 ul li.atv>span{display: block;} /* 일반회원 회사소개 끝 */ /* 상품권시세 시작 */ #market_price{} #market_price>.title{width: calc(100% - 40px); max-width: 1200px; margin: 50px auto 20px;} #market_price>.title p{ font-size: 24px; color: #777; font-weight: bold;word-break:keep-all;} #market_price>.title p span{position: relative;top: 0;left: 0;} #market_price>.title p span:after{content: "";display: block; position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 5px;height: 5px;border-radius: 5px;background: var(--color-orange);} #market_price>.title p b{color: var(--color-blue);} #market_price>.title>span{color: #555;font-size: 15px;display: block;margin-top: 5px;word-break:keep-all;} #market_price .visual{width: 100%; height: fit-content; background: linear-gradient(180deg, rgb(255 255 255) 0%, #cccccc 100%); padding-bottom:50px;} #market_price .visual .wrap{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0px 4px 8px #ccc; padding: 30px 20px;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;height: 350px;} #market_price .visual .wrap .left{width: 150px;display: flex;flex-flow: column;align-items: center;height: 100%;} #market_price .visual .wrap .left p{width: 100%; height: 50px;line-height: 50px;background: #eee;font-size: 15px;font-weight: bold;text-align: center;cursor: pointer;margin: 4px 0px;} #market_price .visual .wrap .left p.atv{background: var(--color-orange);color: #fff;cursor: unset;} #market_price .visual .wrap .center{width: calc(100% - 340px);height: 100%;border: 1px solid #ddd;} #market_price .visual .wrap .center ul{} #market_price .visual .wrap .center ul li{} #market_price .visual .wrap .center ul li div{} #market_price .visual .wrap #graph_right{width: 150px;display: flex;flex-flow: column;align-items: center;height: 100%;} #market_price .visual .wrap #graph_right p{width: 100%; height: 50px;line-height: 50px;background: #eee;font-size: 15px;font-weight: bold;text-align: center;cursor: pointer;margin: 4px 0px;} #market_price .visual .wrap #graph_right p.atv{background: var(--color-orange);color: #fff;cursor: unset;} #market_price .table_wrap{width: calc(100% - 40px); max-width: 1200px; margin: 100px auto 0;} #market_price .table_wrap .table_title{width: 100%;max-width: 1160px;margin: 0 auto; display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;width: 100%;margin-bottom: 10px !important;} #market_price .table_wrap .table_title>b{display: block; width: fit-content;font-size: 20px;color: #777;} #market_price .table_wrap .table_title>b span{color: var(--color-blue);} #market_price .table_wrap .table_title>span{color: var(--color-blue); font-weight: bold; font-size: 15px; display: block; width: fit-content;} #market_price .table_wrap table{display: block; width: 100%;} #market_price .table_wrap table thead{display: block;width: 100%;border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #000;background:var(--color-blue);} #market_price .table_wrap table thead tr{display: flex;justify-content: space-between;align-items: center;width: 100%;} #market_price .table_wrap table thead tr th{font-size: 15px;display: block;text-align: center;height: 50px;line-height: 50px;color: #fff;} #market_price .table_wrap table thead tr th:nth-child(1){width: 26%;} #market_price .table_wrap table thead tr th:nth-child(2){width: 20%;} #market_price .table_wrap table thead tr th:nth-child(3){width: 27%;} #market_price .table_wrap table thead tr th:nth-child(4){width: 27%;} #market_price .table_wrap table tbody{display: block;width: 100%;border-bottom: 2px solid #ddd;} #market_price .table_wrap table tbody tr{display: flex;justify-content: space-between;align-items: center;width: 100%;} #market_price .table_wrap table tbody tr:nth-child(2n){background: #f9f9f9;} #market_price .table_wrap table tbody tr td{font-size: 15px;display: block;text-align: center;height: 40px;line-height: 40px;color: #000;} #market_price .table_wrap table tbody tr td:nth-child(1){width: 26%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #market_price .table_wrap table tbody tr td:nth-child(2){width: 20%;} #market_price .table_wrap table tbody tr td:nth-child(3){width: 27%;} #market_price .table_wrap table tbody tr td:nth-child(4){width: 27%;} #market_price .table_wrap table tbody tr td span{color:var(--color-orange);} /* 상품권시세 끝 */ /* 이용약관 시작*/ #provision{width: calc(100% - 40px);max-width: 1200px;margin: 50px auto 0;} #provision >.title{font-size: 24px;font-weight: bold;color: #000;width: 100%;text-align: center;margin-bottom: 30px !important;} #provision .text_wrap{border: 1px solid #ddd;padding: 50px;} /* 이용약관 끝*/ /* 개인정보처리방침 시작*/ #privacy{width: calc(100% - 40px);max-width: 1200px;margin: 50px auto 0;} #privacy >.title{font-size: 24px;font-weight: bold;color: #000;width: 100%;text-align: center;margin-bottom: 30px !important;} #privacy .text_wrap{border: 1px solid #ddd;padding: 50px;} /* 개인정보처리방침 끝*/ /* 이메일무단수집거부 시작*/ #noemail{width: calc(100% - 40px);max-width: 1200px;margin: 100px auto;} #noemail .text_wrap .title{font-size: 24px;font-weight: bold;color: #000;width: 100%;text-align: center;margin-bottom: 70px !important;} #noemail .text_wrap{border: 1px solid #ddd;padding: 50px 50px 100px;} #noemail .text_wrap p{font-size: 15px;margin-bottom: 20px !important;text-align: center;word-break:keep-all;} #noemail .text_wrap p:last-child{margin-bottom: 0px !important;} /* 이메일무단수집거부 끝*/ @media screen and (max-width:1600px){ #general_tail .floating{display: none;} } @media screen and (max-width:1200px){ /* 일반회원head 시작 */ #general_head>.top{justify-content: flex-start;} #general_head>.top>.search_wrap { width: calc(100% - 400px); } #general_head>.top>.btn_wrap{display: none;} #general_head>.top #general_toggle{display: block;top: 25px;} #general_head .pc_wrap{display: none;} /* 일반회원head 끝 */ /* 일반회원tail 시작 */ #general_tail .gray .wrap .top{display: none;} #general_tail .board1>div .title>div:hover >p{color: #777;}/* 호버값 없애기 */ #general_tail .board1>div .title>div:active{background:var(--color-blue);} #general_tail .board1>div .title>div:active >p{color: #fff;} #general_tail .board1>div .title>div:hover::after{width:0;}/* 호버값 없애기 */ #general_tail .board1>div .title>div:hover .more_btn{transform: translateY(-50%) rotate(0);}/* 호버값 없애기 */ #general_tail .board1>div .title>div:hover .more_btn span{background: #777;}/* 호버값 없애기 */ #general_tail .board1>div .title>div:active .more_btn span{background: #fff;} #general_tail .board1>div>ul li:hover{background: #fff;}/* 호버값 없애기 */ #general_tail .board1>div>ul li:active{background: #eee;} #general_tail .board1>div>ul li:hover p:nth-child(1){background: #fff; color: var(--color-blue);}/* 호버값 없애기 */ #general_tail .board1>div>ul li:active p:nth-child(1){background: var(--color-blue); color:#fff;} #general_tail .board1>div>ul li p:nth-child(2){width: calc(100% - 170px);} #general_tail .board1>div>ul li p:nth-child(3){display: none;} #general_tail .board2>div.free_board ul li:hover{background:#fff ;}/* 호버값 없애기 */ #general_tail .board2>div.free_board ul li:active{background:#eee;} #general_tail .board2>div.free_board ul li:hover p:after{content: "·";} #general_tail .board2>div.tip_board ul li:hover{background:#fff ;}/* 호버값 없애기 */ #general_tail .board2>div.tip_board ul li:active{background:#eee;} #general_tail .board2>div.add_board ul li:hover{background:#fff ;}/* 호버값 없애기 */ #general_tail .board2>div.add_board ul li:active{background:#eee;} #general_tail .board2>div.add_board ul li:hover p:after{content: "·";} #general_tail .board2>div.add_board .goto p:hover span{color: #000;}/* 호버값 없애기 */ #general_tail .board2>div>.title>div:hover{background: unset;}/* 호버값 없애기 */ #general_tail .board2>div>.title>div:hover .more_btn{transform:unset;}/* 호버값 없애기 */ #general_tail .board2>div>.title>div:hover .more_btn span{background:var(--color-blue);}/* 호버값 없애기 */ #general_tail .black ul li a:hover{text-decoration: unset;}/* 호버값 없애기 */ /* 일반회원tail 끝 */ /* 일반회원 main 시작 */ #general_main .content1{top: 100px;} #general_main .content1 .wrap{padding: 50px 0;} #general_main .content1 .wrap>.text{width: 100%;margin-bottom: 30px !important;} #general_main .content1 .wrap>.text h1{font-size: 25px;line-height: 30px;} #general_main .content1 .wrap>.text p{font-size: 15px;} #general_main .content1 .wrap .goto_slider{width: 100%;position: unset;transform: unset;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con .text p{min-height: 56px;-webkit-line-clamp: 3;} #general_main .content1 .wrap .goto_slider .swiper-wrapper .swiper-slide .con>p{margin-top: 20px;} #general_main .general_main_slider{height: 650px;} #general_main .content2{top: 595px;} #general_main .content2 .quick_view .quick1 .title b{font-size: 13px;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide{height: 121px;} #general_main .content2 .quick_view .quick1 .market_price .price_title p{font-size: 14px;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide:hover p{text-decoration: unset;}/* 호버값 없애기 */ #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide:active{background: #eee;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p{font-size: 14px;} #general_main .content2 .quick2 .search_content li.search_con1 p:hover{text-decoration: unset;}/* 호버값 없애기 */ #general_main .content2 .quick2 .search_content li.search_con2 p:hover{text-decoration: unset;}/* 호버값 없애기 */ #general_main .index_bn{margin: 390px auto 50px;} #general_main .index_bn.bt{margin: 610px auto 50px;} #general_main .content3{margin: 390px auto 50px;} #general_main .content3.bt{margin: 610px auto 50px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover{background: #00000087}/* 호버값 없애기 */ #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:active{background: var(--color-orange);} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn{background: var(--color-orange);}/* 호버값 없애기 */ #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:active div .more_btn{background: #fff;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn p{transform: rotate(0deg);}/* 호버값 없애기 */ #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:hover div .more_btn span{background: #fff;}/* 호버값 없애기 */ #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide:active div .more_btn span{background: var(--color-orange);} #general_main .content4>ul li>span{display: none;}/* 호버값 없애기 */ #general_main .content4>ul li:hover .text p {text-decoration: unset;}/* 호버값 없애기 */ #general_main .content4>ul li .btn_wrap p:hover{color: #000;}/* 호버값 없애기 */ #general_main .content4>ul li .btn_wrap p:hover img{filter: brightness(0.1);} #general_main .content4>ul li .btn_wrap p:active{color: #000;background: #fff;} #general_main .content4>ul li .btn_wrap p::after{display: none;}/* 호버값 없애기 */ #general_main .content4>ul li.kv .btn_wrap p:hover{border: 1px solid #ddd;}/* 호버값 없애기 */ /* 일반회원 main 끝 */ /* 알반회원 정보수정 시작 */ #my_data{margin: 100px auto 50px;} #my_data .title .wrap{padding:50px 0 50px;} #my_data .title .wrap p{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px !important;} #my_data .title .wrap span{font-size: 13px;} /* 알반회원 정보수정 끝 */ /* 일반회원 상품권거래소이용안내 시작 */ #site_guide{margin: 100px auto 50px;} #site_guide>.title .wrap{padding:50px 0 50px;} #site_guide>.title .wrap p{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px !important;} #site_guide>.title .wrap span{font-size: 13px;} /* 일반회원 상품권거래소이용안내 끝 */ /* 일반회원 고객이용안내 시작 */ #client_guide{margin: 100px auto 50px;} #client_guide .title .wrap{padding:50px 0 50px;} #client_guide .title .wrap p{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px !important;} #client_guide .title .wrap span{font-size: 13px;} #client_guide>h1{font-size: 25px;line-height: 35px;margin-bottom: 50px !important;} #client_guide>ul li{margin-bottom: 50px !important;} #client_guide>ul li .left{width: 130px; height: 130px; padding: 30px 0 0;} #client_guide>ul li .center{width: 50px;} #client_guide>ul li .right{width: calc(100% - 220px);} #client_guide>ul li:last-child{margin-bottom: 100px !important;} /* 일반회원 고객이용안내 끝 */ /* 일반회원 회사소개 시작 */ #intro{margin: 100px auto 50px;} #intro>.title .wrap{padding:50px 0 50px;} #intro>.title .wrap span{font-size: 13px;} #intro>.title .wrap p{font-size: 25px;} #intro .con1{padding: 0;} #intro .con1 .wrap{width: 100%;} #intro .con1 .wrap .white .left{width: 100%; padding-bottom: 0;} #intro .con1 .wrap .white .left h1{font-size: 70px;line-height: 65px;} #intro .con1 .wrap .white .left p{padding-bottom: 0px; border-bottom: none;} #intro .con1 .wrap .white .right{width: 100%;padding-top: 50px;} #intro .con2{padding: 100px 0;} #intro .con2 h2{font-size: 20px;} #intro .con2 ul li{padding: 50px 30px; height: 450px;} #intro .con2 ul li>span{margin-top: 20px;} /* 일반회원 회사소개 끝 */ /* 이용약관 시작*/ #provision{margin: 150px auto 0px;} #provision .text_wrap{padding: 30px;} /* 이용약관 끝*/ /* 개인정보처리방침 시작*/ #privacy{margin: 150px auto 0px;} #privacy .text_wrap{padding: 30px;} /* 개인정보처리방침 끝*/ /* 이메일무단수집거부 시작*/ #noemail{margin: 150px auto 100px;} #noemail .text_wrap{padding: 50px 30px 50px;} #noemail .text_wrap .title{margin-bottom: 50px !important;} /* 이메일무단수집거부 끝*/ /* 상품권시세 시작 */ #market_price{margin: 100px auto 50px;} #market_price>.title{padding:50px 0 0px;} #market_price>.title p{ font-size: 20px; text-align: center;} #market_price>.title>span{text-align: center; } /* 상품권시세 끝 */ } @media screen and (max-width:1000px){ /* 일반회원 main 시작 */ #general_main .general_main_slider{height: 650px;} #general_main .content2{height: fit-content;margin-left: 0;width: calc(100% - 40px);} #general_main .content2 .quick_view .quick1:nth-child(2){border-left: none;border-bottom: none} #general_main .content2 .quick_view .quick1{width: 100%;border-bottom: 1px solid #ddd;} #general_main .index_bn{margin: 640px auto 50px;} #general_main .index_bn.bt{margin: 860px auto 50px;} #general_main .content3{margin: 640px auto 50px;} #general_main .content3.bt{margin: 860px auto 50px;} #general_main .content2 .quick_view .quick1 .title{display: flex;justify-content: space-between;align-items: center;} #general_main .content2 .quick_view .quick1 .title b{display: block;transform: unset;position: unset;width: fit-content;} #general_main .content3>.title b{font-size: 15px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>p{-webkit-line-clamp: 3; min-height: 52px;} #general_main .content4>b{font-size: 15px;} #general_main .content4>ul li{width:calc(25% - 8px);margin: 0px 10px 20px 0 !important;} #general_main .content4>ul li:nth-child(4n){margin-right: 0px !important;} #general_main .content4>ul li .name p{font-size: 15px;} #general_main .content4>ul li .text p{font-size: 13px;} /* 일반회원 main 끝 */ #general_tail .board2>div.add_board .goto p span{font-size: 11px;} } @media screen and (max-width:800px){ /* 일반회원head 시작 */ #general_head>.top{padding: 10px 0;} #general_head>.top .logo{height: 50px;} #general_head>.top .logo img{width: 175px;} #general_head>.top>.search_wrap {display:none;} #general_head>.top #general_toggle{ top: 17px;width: 40px;height: 40px;padding: 7px;} #general_head>.top .mo_search_btn{display: block;} /* 일반회원head 끝 */ /* 일반회원 tail 시작 */ #general_tail .visual_bn.mo{display: block;} #general_tail .visual_bn.pc{display: none;} #general_tail .board1>div{width: 100%;} #general_tail .board1>div>ul{min-height: unset;} #general_tail .board1>div.left{margin-bottom: 50px !important;} #general_tail .board1>div .title>p{font-size: 15px;} #general_tail .board1>div .title>div{width: 90px;} #general_tail .board1>div .title>div>p{font-size: 11px;} #general_tail .board2{border-top:unset;border-bottom: unset;} #general_tail .board2>div{width: 100%;border-right: unset;border-top: 1px solid #6b6b6b;padding: 20px 0;} #general_tail .board2>div>.title b{font-size: 15px;} #general_tail .board2>div.free_board ul{min-height:unset;} #general_tail .board2>div.tip_board ul{min-height: unset;} #general_tail .board2>div.tip_board ul li{padding: 5px 0;} #general_tail .board2>div.add_board ul{min-height: unset !important;} #general_tail .board2>div.tip_board ul li p{text-align: left;font-size: 13px;} #general_tail .board2>div>.title.total_title{border-top: 1px solid #6b6b6b;padding-top: 25px;} #general_tail .board2>div.tip_board .total_user{} #general_tail .board2>div.tip_board .total_user p{font-size: 13px; line-height: 30px; border-bottom: unset;} #general_tail .board2>div.tip_board .total_user p span{} #general_tail .board2>div.tip_board .total_user p span b{font-weight: normal;} #general_tail .board2>div.free_board ul li p{font-size: 13px;} #general_tail .board2>div.add_board ul li p{font-size: 13px;} #general_tail .board2>div.add_board .mo{display: none;} #general_tail .black{display: none;} #general_tail .gray .wrap .top{padding: 30px 0;display: block;} #general_tail .gray .wrap .top li{width: 100%;text-align: center;padding: 0;} #general_tail .gray .wrap .top li:nth-child(2){display: none;} #general_tail .gray .wrap .top li:nth-child(3){display: none;} #general_tail .gray .wrap .top li b{font-size: 15px;margin-bottom: 0 !important;} #general_tail .gray .wrap .top li p{margin: 20px 0;font-size: 20px;} #general_tail .gray .wrap .bottom{padding: 20px 0;} #general_tail .gray .wrap .bottom li:nth-child(1){display: none;} #general_tail .gray .wrap .bottom li:nth-child(2){width: 100%;} #general_tail .gray .wrap .bottom li:nth-child(2) .flex{display: none;} #general_tail .gray .wrap .bottom li div:nth-child(2){margin-top: 0;text-align: center;} /* 일반회원 tail 끝 */ /* 일반회원 메인 시작 */ #general_main .content1{top: 70px;} #general_main .general_main_slider{height: 620px;} #general_main .index_bn.mo{display: none;} #general_main .index_bn.pc{display: none;} #general_main .content2{top: 565px;} #general_main .content2 .quick2 .search_tep li p{font-size: 13px;} #general_main .content2 .quick2 .search_tep li{border-bottom: none;} #general_main .content2 .quick2 .search_content>b{font-size: 13px;} #general_main .content2 .quick2 .search_content li.search_con1 p{font-size: 13px;} #general_main .content2 .quick2 .search_content li.search_con2 p{font-size: 13px;} #general_main .content2 .quick2 .search_content{margin: 10px 0 0;} #general_main .content2 .quick2 .search_content li.search_con1{border-right: none;} #general_main .content2 .quick2 .search_content li.atv{width: 100%;} #general_main .index_bn{margin: 620px auto 50px;width: 100%;} #general_main .index_bn.bt{margin: 860px auto 50px;} #general_main .content3{} #general_main .content3.bt{margin: 860px auto 50px;} #general_main .content4>ul li{width:calc(33.333333% - 7px);margin: 0px 10px 20px 0 !important;} #general_main .content4>ul li:nth-child(4n){margin: 0px 10px 20px 0 !important;} #general_main .content4>ul li:nth-child(3n){margin-right: 0px !important;} /* 일반회원 메인 끝 */ /* 알반회원 정보수정 시작 */ #my_data{margin: 70px auto 50px;} #my_data .title .wrap p{text-align: center;margin-bottom: 17px !important;} #my_data .title .wrap p::after{left: 50%;transform: translateX(-50%);} #my_data .title .wrap span{text-align: center;text-align: center; margin: 0 auto; display: block; width: 100%;} #my_data form .con{padding:30px 30px;} #my_data form .con .sub_title{font-size: 17px; margin: 0 auto 30px; display: block; width: fit-content;} #my_data form .con ul{} #my_data form .con ul li{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;width: 100%;margin-bottom: 20px !important;} #my_data form .con ul li span{width: 100%;} #my_data form .con ul li p{width: 100%;} #my_data form .con ul li input{width: 100%;margin-top: 10px;} #my_data form .con ul li a{width: fit-content;height: fit-content; width: 100%;max-width: unset; border: 1px solid #ddd;border-radius: 3px;padding: 10px;} #my_data form .con ul li a u{text-align: center;} #my_data form .con ul li a img{height: fit-content;width: 100%;max-width: 400px;margin: 0 auto;border: none;padding: 0;} #my_data form .no_data{font-size: 13px;} /* 내정보끝 */ /* 일반회원 상품권거래소이용안내 시작 */ #site_guide{margin: 70px auto 50px;} #site_guide>.title .wrap p{text-align: center;margin-bottom: 17px !important;} #site_guide>.title .wrap p::after{left: 50%;transform: translateX(-50%);} #site_guide>.title .wrap span{text-align: center;text-align: center; margin: 0 auto; display: block; width: 100%;} #site_guide>ul li{flex-flow: row wrap;} #site_guide>ul li:nth-child(1){margin-bottom: 50px !important;} #site_guide>ul li>span{margin: 0 auto 20px;font-size: 20px;} #site_guide>ul li .text{width: 100%;} #site_guide>ul li .text b{font-size: 15px;text-align: center;} #site_guide>ul li .text p{font-size: 13px;line-height: 25px;text-align: center;} #site_guide .add b{font-size: 15px;} #site_guide .add p{text-align: center;} /* 일반회원 상품권거래소이용안내 끝 */ /* 일반회원 고객이용안내 시작 */ #client_guide{margin: 70px auto 50px;} #client_guide .title .wrap p{text-align: center;margin-bottom: 17px !important;} #client_guide .title .wrap p::after{left: 50%;transform: translateX(-50%);} #client_guide .title .wrap span{text-align: center;text-align: center; margin: 0 auto; display: block; width: 100%;} #client_guide>h1{font-size: 20px;line-height: 30px;text-align: center;} #client_guide>ul li .left{width: 100px; height: 100px; padding: 20px 0 0;margin: 0 auto;} #client_guide>ul li .left img{width: 30px;height: 30px;} #client_guide>ul li .left p{font-size: 13px;} #client_guide>ul li .center{width: 100%;height: 30px;margin-bottom: 10px !important;} #client_guide>ul li .center::after{width: 2px;height: 100%;} #client_guide>ul li .center::before{width: 10px;height: 2px;left: 50%;bottom: 0;top: unset; transform: translate(-50%, 0);} #client_guide>ul li .right{width: 100%;} #client_guide>ul li .right p{font-size: 13px;text-align: center;} #client_guide>ul li:last-child{margin-bottom: 100px !important;} /* 일반회원 고객이용안내 끝 */ /* 일반회원 회사소개 시작 */ #intro{margin: 70px auto 50px;} #intro>.title .wrap span{text-align: center;text-align: center; margin: 0 auto; display: block; width: 100%;} #intro>.title .wrap p{text-align: center;} #intro .con1 .wrap .white .left h1{font-size: 50px;line-height: 50px;margin-bottom: 20px !important;text-align: center;} #intro .con1 .wrap .white .left p{font-size: 13px;text-align: center;} #intro .con1 .wrap .white .right .img_wrap{height: 250px;} #intro .con1 .wrap .white .right p{font-size: 13px;color: #b1b1b1;} #intro .con2 ul li{ width: 100%;height: 300px;padding: 30px 30px;margin-bottom: 20px !important;} #intro .con2 ul li:last-child{margin-bottom: 0px !important;} #intro .con2 ul li b{font-size: 15px;} #intro .con2 ul li.atv b{text-align: center;} #intro .con2 ul li b span{font-size: 13px;} #intro .con2 ul li.atv b span{text-align: center;} #intro .con2 ul li>span{font-size: 13px;text-align: center;} #intro .con2 ul li:nth-child(1) img{height: 47px;} #intro .con2 ul li:nth-child(2) img{height: 30px;} #intro .con2 ul li:nth-child(3) img{height: 30px;} /* 일반회원 회사소개 끝 */ /* 이용약관 시작*/ #provision{margin: 90px auto 0px;} #provision .text_wrap{padding: 30px;} /* 이용약관 끝*/ /* 개인정보처리방침 시작*/ #privacy{margin: 90px auto 0px;} #privacy .text_wrap{padding: 30px;} /* 개인정보처리방침 끝*/ /* 이메일무단수집거부 시작*/ #noemail{margin: 90px auto 0px;} #noemail .text_wrap{padding: 50px 30px 50px;} #noemail .text_wrap .title{margin-bottom: 30px !important;} /* 이메일무단수집거부 끝*/ /* 상품권시세 시작 */ #market_price{margin: 70px auto 50px;} #market_price>.title{padding:20px 0 0px;} #market_price>.title p{ font-size: 18px;} #market_price>.title>span{font-size: 13px;} #market_price .visual .wrap{height: fit-content;flex-flow: row wrap;} #market_price .visual .wrap .left{width: 100%;margin-bottom: 20px !important;flex-flow: unset;justify-content:flex-start;overflow: auto;white-space: nowrap;padding-bottom: 5px;} #market_price .visual .wrap .left::-webkit-scrollbar {height: 5px;} #market_price .visual .wrap .left::-webkit-scrollbar-thumb {background-color: #b7b7b7;border-radius: 5px;} #market_price .visual .wrap .left::-webkit-scrollbar-track {background-color: #dbdbdb;border-radius: 5px;} #market_price .visual .wrap .left p{width: 19%;font-size: 13px;min-width: 130px;margin-right: 5px;} #market_price .visual .wrap .left p:last-child{margin-right: 0px;} #market_price .visual .wrap .center{width: 100% !important;height: 300px !important;} /* #market_price .visual .wrap .center>div>div{width: 500px !important;} */ #market_price .visual .wrap #graph_right{width: 100%;margin-top: 20px;flex-flow: row wrap;justify-content: center;} #market_price .visual .wrap #graph_right p{width: 19%;font-size: 13px;margin: 0;margin-right: 1%;} #market_price .visual .wrap #graph_right p:last-child{margin-right: 0px;} #market_price .table_wrap{margin: 50px auto 0;} #market_price .table_wrap .table_title>b{width: 100%;font-size: 18px;} #market_price .table_wrap .table_title>span{width: 100%;} #market_price .table_wrap table thead tr th{font-size: 13px;text-align: right;padding-right: 20px;} #market_price .table_wrap table thead tr th:nth-child(1){text-align: center;padding-right: 0;} #market_price .table_wrap table tbody tr td{font-size: 13px;text-align: right;padding-right: 20px;} #market_price .table_wrap table tbody tr td:nth-child(1){text-align: left;padding-right: 0;padding-left: 20px;} /* 상품권시세 끝 */ } @media screen and (max-width:600px){ /* 일반회원 main 시작 */ #general_main .content2{width: 100%;top: 620px;} #general_main .content2 .notice{} #general_main .content2 .notice p{width: calc(100% - 100px);} #general_main .content2 .notice span{display: none;} #general_main .content2 .quick_view .quick1 .market_price .price_title p{font-size: 13px;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide{height: 111px;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p{font-size: 13px;} #general_main .content2 .quick2{width: calc(100% - 40px);margin: 20px auto 0;} #general_main .content2 .quick2 .search_content>b{width: calc(100% - 40px)} #general_main .index_bn{margin: 670px auto 50px;} #general_main .index_bn.bt{margin: 900px auto 50px;} #general_main .content3{margin: 670px auto 50px;} #general_main .content3.bt{margin: 900px auto 50px;} #general_main .content4>ul li{width:calc(50% - 5px);margin: 0px 10px 20px 0 !important;} #general_main .content4>ul li:nth-child(3n){margin: 0px 10px 20px 0 !important;} #general_main .content4>ul li:nth-child(2n){margin-right: 0px !important;} #general_main .content4>ul li .name{height: 70px;} #general_main .content4>ul li .text{padding: 10px 10px 0px;max-width:unset ;} #general_main .content4>ul li .text p{font-size: 13px;min-height: 38px;} #general_main .content4>ul li .btn_wrap{margin: 0 auto 0px;padding-top: 10px;border-top: none;width: 100%;} #general_main .content4>ul li .btn_wrap p{width: 100%;border: none;} #general_main .content4>ul li .btn_wrap p:nth-child(1){border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;} #general_main .content4>ul li.kv .btn_wrap p:hover{border: unset;}/* 호버값 없애기 */ #general_main .content4>ul li.kv .btn_wrap p:nth-child(1){border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;} /* 일반회원 main 끝 */ } @media screen and (max-width:500px){ /* 일반회원 main 시작 */ #general_main .content2 .quick_view .quick1 .market_price{min-width: 100%; max-width: fit-content; overflow-x: auto;padding-bottom: 10px;} #general_main .content2 .quick_view .quick1 .market_price::-webkit-scrollbar {height: 5px;} #general_main .content2 .quick_view .quick1 .market_price::-webkit-scrollbar-thumb {background-color: #b7b7b7;border-radius: 5px;} #general_main .content2 .quick_view .quick1 .market_price::-webkit-scrollbar-track {background-color: #dbdbdb;border-radius: 5px;} #general_main .content2 .quick_view .quick1 .market_price .price_title{min-width: 370px;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide{min-width: 370px;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(1){width: 24%;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(2){width: 22%;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(3){width: 27%;} #general_main .content2 .quick_view .quick1 .market_price .price_title p:nth-child(4){width: 27%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(1){width: 24%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(2){width: 22%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(3){width: 27%;} #general_main .content2 .quick_view .quick1 .market_price .market_price_slide .swiper-wrapper .swiper-slide .wrap p:nth-child(4){width: 27%;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>b{margin: 20px 0 30px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>div{margin: 30px auto 20px;} #general_main .content3 .premium_slide .swiper-wrapper .swiper-slide>p{-webkit-line-clamp: 2; min-height: 35px;} /* 일반회원 main 끝 */ #general_tail .chat a p{font-size: 9px;} #general_tail .chat a img{width: 40px;height: 37px;} #general_tail #top_btn{width: 40px;height: 40px;border: 1.5px solid var(--color-orange);right: 10px;bottom: 20px;} #general_tail #top_btn::before{border-top: 2px solid var(--color-orange); border-right: 2px solid var(--color-orange);} /* #market_price .table_wrap{width: 100%;} #market_price .table_wrap .table_title{width: calc(100% - 40px);} */ #market_price .table_wrap table{min-width: 100%; max-width: fit-content; overflow-x: auto;padding-bottom: 10px;} #market_price .table_wrap table::-webkit-scrollbar {height: 5px;} #market_price .table_wrap table::-webkit-scrollbar-thumb {background-color: #b7b7b7;border-radius: 5px;} #market_price .table_wrap table::-webkit-scrollbar-track {background-color: #dbdbdb;border-radius: 5px;} #market_price .table_wrap table thead{min-width: 430px;} #market_price .table_wrap table tbody{min-width: 430px;} #market_price .table_wrap table thead tr th:nth-child(1){width: 24%;} #market_price .table_wrap table thead tr th:nth-child(2){width: 22%;} #market_price .table_wrap table thead tr th:nth-child(3){width: 27%;} #market_price .table_wrap table thead tr th:nth-child(4){width: 27%;} #market_price .table_wrap table tbody tr td:nth-child(1){width: 24%;} #market_price .table_wrap table tbody tr td:nth-child(2){width: 22%;} #market_price .table_wrap table tbody tr td:nth-child(3){width: 27%;} #market_price .table_wrap table tbody tr td:nth-child(4){width: 27%;} }