@charset "utf-8";
@import url('https://webfontworld.github.io/naver/NanumSquare.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://webfontworld.github.io/bccard/Paybooc.css');
@import url('https://webfontworld.github.io/TheJamsil/TheJamsil.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/* reset */
* { padding:0; margin:0; }

p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'Noto Sans KR','돋움',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;color:var(--txtblack);word-break: break-all;}
body,input,textarea,select,table,button,code{font-size:14px;line-height:1.5em;font-family:'Noto Sans KR','돋움',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;color:var(--txtblack);word-break: break-all;}
body{position:relative;margin:0;padding:0;color:var(--txtblack);word-wrap:break-word;-webkit-text-size-adjust:none;word-break: break-all;}
textarea{border:1px solid #bcbcbc;resize:none;text-align: left;}
ul,ol{list-style:none}
p,h1,h2,h3,h4,h5,h6{line-height: 1.5em;}
table{border-collapse:collapse;width: 100%;border-spacing:0px;}
img,fieldset{border:0}
label{ z-index:1; visibility:visible;}
em,address{font-style:normal}
object{position:absolute;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
img{vertical-align: top;}
img, fieldset, iframe{border:0}
ul, ol{list-style:none}
a{ text-decoration:none;color: var(--stblack);}
a:link, a:visited, a:hover, a:active{text-decoration:none;outline: none;}
a:hover{cursor: pointer;}
button{padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none;outline: none;}
hr, legend, caption, figcaption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
input[type=text]::-ms-clear{display: none; }
input:focus, textarea:focus {outline: none;} 
/*basic style*/
.p-hidden{display:none;}
.p-block, .p-block02{display:none;}
.m-block, .m-block02{display:inline-block;}
.blind {visibility:hidden;overflow:hidden;position:absolute;left:-99999px;width:0;height:0;font-size:0;}
.flb{flex-direction: column;display: flex;}
pre{white-space:break-spaces;font-family:'Noto Sans KR';text-align: left;color: var(--txtgray1);line-height: 1.5em;}
pre b{font-size: 16px;font-weight: 600;color: var(--stblack);display: block;margin-bottom: -10px;}
input{text-align: left;height: 55px;line-height: 54px; border-radius: var(--pd10);padding: 0 var(--pd15);border: 1px solid var(--linegray1);font-size: 15px;box-sizing: border-box;width: 100%;outline: none;}
input:hover{border-color: var(--linepink);}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px #f7e7f0 inset !important;-webkit-text-fill-color: #4d4d4f !important;}/*basic style*/

textarea{outline: none;border-radius: var(--pd10);padding:var(--pd15) var(--pd20);border: 1px solid rgb(230, 230, 230);width: 100%;box-sizing: border-box;}
select{line-height: 52px;outline: none;width: 100%;height: 51px;border-radius: var(--pd10);text-align: left;box-sizing: border-box;padding: 0 var(--pd35) 0 var(--pd15);background: url('/img/angle-down-solid.svg') no-repeat 96% 50%;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-size:11px;border: 1px solid #e1e1e1;}
select::-ms-expand {display: none;}
select option{color: var(--stblack);}

.btnbg1{text-align: center;background: var(--blue);border-radius: var(--pd05);box-sizing: border-box;color: var(--pink);font-size: 15px;font-family: 'TheJamsil';display: block;}
.btnbg2{text-align: center;background: var(--pink);border: 1px solid var(--white); border-radius: var(--pd05);box-sizing: border-box;color: var(--white);font-size: 15px;font-family:  'TheJamsil';display: block;}
.btnbg3{text-align: center;background: var(--white);border-radius: var(--pd10);box-sizing: border-box;color: var(--pink);font-size: 15px;font-family: 'TheJamsil';display: block;}
.btnbg4{text-align: center;background: var(--txtgray4);border-radius: var(--pd05);box-sizing: border-box;color: var(--white);font-size: 15px;font-family:  'TheJamsil';display: block;}
.btnbg5{text-align: center;background: var(--white);border-radius: var(--pd05);border: 1px solid var(--pink); box-sizing: border-box;color: var(--pink);font-size: 15px;font-family: 'TheJamsil';display: block;}
.btnbg6{text-align: center;background: var(--blue); border-radius: var(--pd05);box-sizing: border-box;color: var(--white);font-size: 15px;font-family:  'TheJamsil';display: block;}
.btnbg7{text-align: center;background: var(--white); border-radius: var(--pd05);box-sizing: border-box;color: var(--txtgray2);font-family:  'TheJamsil';display: block;border: 1px solid var(--txtgray2);}
.linebtn{color: var(--blue);padding-bottom: 2px;border-bottom: 1px solid var(--blue);}
.linebtn2{color: var(--txtgray4);padding-bottom: 2px;border-bottom: 1px solid var(--txtgray5);display: block;}

/*layout*/
html,body{margin: 0;padding: 0;}

:root {--pink: #ec008b;--bgpink:#f8e7f1;--linepink:#ff2ea8;--btnpink1:#c994b3;--btnpink2:#bfabdf;--btnpink3:#c797b3;--inputpink:#cea9be;--stblack:#212121;--txtblack:#4d4d4f;--orange:#ff7f5c;
    --blue:#3396ff;--txtblue1:#cbeefb;--bgblue1:#4db2db;--txtgray5:#585757;--txtred:#ef3340;
    --txtpink1:#e9d3e0;--txtyellow1:#f3e5a2;--bggray:#f5f5f5;--strokegray:#d2d1d3;--white: #fff;--black: #000;--linegray1:#dfe3e8;--txtgray1:#595959;--txtgray2:#555454;--txtgray3:#575757;--txtgray4:#616060;--txtorange:#f9b02c;
   --pd05:5px;--pd10:10px;--pd15:15px;--pd20:20px;--pd25:25px;--pd30:30px;--pd35:35px;--pd40:40px;--pd45:45px;--pd50:50px;--pd60:60px;--pd70:70px;--pd80:80px;--pd90:90px;--pd100:100px;--pd110:110px;--pd120:120px;--pd130:130px;--pd160:160px;--pd180:180px;--pd200:200px;--pd550:550px;
   --lh13:1.3em;}

    main, header{width: 100%;box-sizing: border-box;}
    .accordion input[id*="menu"] {display:none;}
    .accordion input[id*="menu"] + label, .actm2{display:block;;cursor:pointer;position:relative;font-size:15px;padding:17px 20px 17px 25px;top: 0;left: 0;border-bottom: 1px solid var(--linegray1);}
    .accordion input[id*="menu"] + label em{position:absolute;top:50%;right:22px;margin-top:-6px;display:inline-block;border-bottom: 2px solid var(--txtgray5);border-right: 2px solid var(--txtgray5);content: "";display: inline-block;width: 6px;height: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .accordion input[id*="menu"] + label + figure {max-height:0;transition: all .35s;overflow:hidden;}
    .accordion input[id*="menu"] + label + figure p {display:inline-block;background:var(--bggray);width: 100%;padding: 10px 0;}
    .accordion input[id*="menu"]:checked + label + figure {max-height: 500px;}
    .tmu1{display:block;padding:7px 0 7px 35px;color:var(--txtgray3);text-align:left;font-size:15px;font-weight: 500;}
    .accordion input[id*="menu"]:checked + label em {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: -4px;}
    .actm2 em {border-top: 2px solid var(--txtgray5);border-right: 2px solid var(--txtgray5);content: "";display: inline-block;width: 7px;height: 7px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 40%;right:22px;}
    .intro{position: relative;}
    .intro2{position: relative;background:#e43783 url('/img/introbg.jpg') no-repeat  center 0;background-size: cover;}
    .intin{padding: var(--pd50) var(--pd20) var(--pd40);gap: 40px;}
    .int2{gap: 20px;}
    .intin2, .intin3{padding: var(--pd100) var(--pd40) var(--pd40);gap: 40px;align-items: center;}
    .intin hgroup{display: flex;justify-content: center;}
    .ittxt1{font-size: 30px;font-family: 'GmarketSans';text-align: center;color: var(--blue);line-height: 1.3em;}
    .intro2 .ittxt1{color: var(--white);}
    .intro2 .btw1 .btnlogin{background: none;box-sizing: border-box;border: 3px solid var(--white);}
    .intro2 .dtbtn1 a, .intro2 .dtbtn1{color: var(--white);}
    .intin hgroup img{width:75%;}
    .intbt{position: fixed;padding: 0 var(--pd40);box-sizing: border-box;bottom: 100px;display: flex;gap: 25px;}
    .intbt img{width: 43%;margin-right: 5%;}
    .btw1{gap: 15px;align-items: center;}
    .btw2{background: var(--btnpink1);border: 1px solid var(--btnpink2);}
    .btw1, .btw2{display: flex;width: 100%;}
    .btnlogin{padding: 16px 0 14px;font-size: 16px;border-radius: var(--pd10);}
    .dtbtn1{display: flex;gap: 10px;align-items: center;}
    .dtbtn1 span{color: var(--txtgray2);white-space: nowrap;font-size: 16px;}
    .dtbtn1 a{color: var(--txtgray2);font-size: 16px;background:none;font-family: 'GmarketSans';}
    .btw2 a{padding: 13px 0;font-size: 13px;}
    .btw1 .btnlogin, .iogw .btnlogin{font-family: 'GmarketSans';text-align: center;position: relative;background: var(--blue);color: var(--white);font-size: 25px;width: 220px;}
    .iogw .btnlogin{margin: 0 auto;}
    .btw1 > a + a::after{background:var(--btnpink1);top: 21px;}
    .btw2 > a + a::after{background:var(--btnpink2);top: 16px;}
    .btw1 > a + a::after, .btw2 > a + a::after{content: "";position: absolute;left: 0;width: 1px;height: 15px;}
    .lgint{gap: 20px;position: relative;}
    .lgint p{font-size: 28px;line-height: 1.3em;font-family: 'GmarketSans';color: var(--pink);}
    .lgint img{width: 37px;left: 170px;top: -5px;position: absolute;}
    .lgint em{color: var(--txtgray2);font-size: 16px;font-family: 'GmarketSans';}
    .iogw{gap:15px;align-items: center;width: 100%;}
    .iogw input{border-color: var(--inputpink);font-family: 'GmarketSans';font-size: 18px;}
    .iogw input::placeholder {color: var(--inputpink);opacity: 1;}
    .iogw input:-ms-input-placeholder {color: var(--inputpink);}
    .iogw input::-ms-input-placeholder {color: var(--inputpink);}
    .iogw a, .okbtn{width: 100%;}
    .okbtn{padding: 14px 0;}
    .eminput{position: relative;width: 100%;}
    .eminput input{padding-right: 85px;}
    .intin3 .eminput a{padding:6px 11px;font-size:13px;position: absolute;top: 11px;right: 10px;border-radius: var(--pd05);width: auto;margin: 0;}
    .cerbtn1{padding: 8px 0;font-family: 'GmarketSans';font-size: 16px;border-radius: var(--pd10);}
    .overlay {display: block; height: 100%;width: 0;position: fixed;z-index: 6;top: 0;left: 0;background:var(--white);overflow-x: hidden;transition:300ms ease;}
    .overlay .closebtn {position: absolute;top: 10px;left: 14px;height: 30px;transition: 0.3s;color: var(--txtgray4);padding: 8px;z-index: 2;}
    .overlay .closebtn i{vertical-align: top;font-size: 28px;}
    header{background: var(--pink);position: fixed;z-index: 3;height: 55px;text-align: center;}
    header h1{font-size:17px;font-weight:500;line-height: 54px;color: var(--white);}
    .tlogo img{width: 28px;}
    .tleft{position: absolute;top: 0;left: 0;display: flex;align-items: center;height:100%;}
    .tleft a{height:100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;padding: 0 10px;}
    .nav-toggle img{width: 24px;}
    .tleft .tback{padding-left: 20px;}
    .tback i{color: var(--white);font-size: 22px;}
    .nav-tit{background: var(--bggray);padding:var(--pd20) var(--pd15);}
    .side-nav .close{content:'';display:none;overflow:hidden;width:45px;height:45px;position:absolute;top:7px;right:6px;background:url('/img/m_menu_close.png') no-repeat 0 0;background-size:45px;text-indent:-9999px;}
    .hdright{position: absolute;top:0;right: 8px;display: flex;gap: 5px;height: 100%;}
    .hdright a{height: 100%;width: 32px;display: flex;justify-content: center;align-items: center;position: relative;}
    .hdright img{width: 20px;}
    .hdright i{position: relative;color: var(--pink);font-size: 20px;color: var(--white);}
    .hdright em{width: 14px;height: 14px;border-radius: 50%;position: absolute;top: 14px;right:2px;background: var(--blue);display: block;color: var(--white);font-family: 'Paybooc';text-align: center;line-height: 15px;font-size: 10px;}
    .subtop{background: var(--pink);padding: var(--pd90) var(--pd20) var(--pd30);}
    .stin1{gap: 30px;}
    .total1{align-items: center;}
    .total1 hgroup{display: flex;gap: 5px;align-items: center;}
    .total1 h1{font-size: 37px;font-weight: bold;color: var(--white);font-family: 'Paybooc';}
    .total1 em{font-size: 20px;color: var(--white);margin-top: 6px;}
    .total1 p{color: var(--txtpink1);font-size: 17px;font-family: 'Paybooc';}
    .subtop .btw1 a{font-family: 'Noto Sans KR';}
    .ovconw{padding: var(--pd25) var(--pd15) var(--pd30);}
    .ovconin1{background: var(--bgpink);border: 1px solid var(--linepink);border-radius: var(--pd20);padding:var(--pd20) var(--pd15);gap: 20px;width: 100%;box-sizing: border-box;}
    .ovcont{position: relative;}
    .ovcont h1{font-size: 23px;line-height: 1.3em;}
    .ovcont img{position: absolute;width:100px;top: -10px;right: -15px;}
    .ovlist li{padding: var(--pd15) 0;display: flex;flex-direction: column;gap: 5px;border-bottom: 1px solid var(--linegray1);}
    .ovlist li:last-child{border: none;padding-bottom: 0;}
    .ovlist p{font-size: 15px;color: var(--txtgray1);}
    .ovwon1{display:flex;gap: 5px;align-items: center;justify-content: end;}
    .ovwon1 hgroup{display: flex;gap: 4px;align-items: center;}
    .ovwon1 hgroup h1{font-size: 27px;}
    .ovwon1 hgroup em{font-size: 18px;margin-top: 2px;}
    .ovwon1 i{color:var(--txtgray4);font-size: 13px;margin-top: 5px;}
    .ovtxt1 h1, .ovtxt1 em{color: var(--orange);}
    .ovtxt2 h1, .ovtxt2 em{color: var(--pink);}
    footer{background:var(--white);position: fixed;z-index: 3;bottom: 0;width: 100%;display: flex;left: 0;padding: 0 var(--pd05);box-sizing: border-box;box-shadow: 0 1px 12px 2px rgba(0,0,0,.06);}
    footer a{padding: 7px 0 10px;height: 100%;box-sizing: border-box;text-align: center;width: 25%;}
    footer a span{color:var(--txtgray1);font-size: 13px;display: block;margin-top: -5px;}
    footer a::before{width: 30px;height: 30px;content: "";display: inline-block;}
    footer a:first-child::before{background: url('/img/bticon1.png') no-repeat center;background-size: 30px;}
    footer a:nth-child(2)::before{background: url('/img/bticon2.png') no-repeat center;background-size: 30px;}
    footer a:nth-child(3)::before{background: url('/img/bticon3.png') no-repeat center;background-size: 30px;}
    footer a:nth-child(4)::before{background: url('/img/bticon5.png') no-repeat center;background-size: 30px;}
    .main footer a:nth-child(1)::before{background: url('/img/bticon1_on.png') no-repeat center;background-size: 30px;}
    #search footer a:nth-child(2)::before{background: url('/img/bticon2_on.png') no-repeat center;background-size: 30px;}
    .mypage footer a:nth-child(3)::before{background: url('/img/bticon3_on.png') no-repeat center;background-size: 30px;}
    #upload footer a:nth-child(4)::before{background: url('/img/bticon5_on.png') no-repeat center;background-size: 30px;}
    .set_modal{display: none;position: fixed;z-index: 5;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background: rgba(0,0,0,0.4);}
    .main footer a:nth-child(1) span, #search footer a:nth-child(2) span, .mypage footer a:nth-child(3) span, #upload footer a:nth-child(4) span{color: var(--pink);}
    .set_modal-content, .set_modal-content2 {padding: var(--pd40) var(--pd20) var(--pd25); width: 100%; background:var(--white);height:100%;overflow: auto;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;}
    .set_close, .set_close2{color: var(--txtgray2);font-size: 25px;font-weight: bold;cursor: pointer;position: absolute;padding: var(--pd10);top: 8px;right: 7px;}
    .set_modal-content h1, .set_modal-content2 h1{font-size: 21px;text-align: center;}
    .set_modal2{display: none;position: fixed;z-index: 5;left: 0;top: 0;bottom: 0; width: 100%;overflow: auto;;background-color: rgba(0,0,0,0.4);}
    .mdin1{gap: 30px;}
    .mdin2{padding: 0 var(--pd20) var(--pd30);gap: 20px;}
    .mdtop{background: var(--pink);padding: var(--pd40) var(--pd20) var(--pd30);gap: 25px;}
    .myad{background:#69e2f5;border-left: 2px solid var(--pink);padding:12px var(--pd15);gap: 5px;}
    .myad p{font-size: 15px;color: var(--pink);}
    .myad span{color: var(--white);display: flex;justify-content: end;gap: 10px;align-items: center;}
    .myad b{font-weight: normal;}
    .myad i{font-size: 12px;color:var(--pink);cursor: pointer;}
    #div_qr{display: flex;justify-content: center;}
    #div_qr img{width: 180px;}
    .mdin2 a{margin: 0;}
    .modal_withdraw .myad span{font-size: 18px;}
    .wdnum{display: flex;justify-content: space-between;gap: 5px;align-items: center;}
    .wdnum span{font-size: 15px;}
    .wdnum strong{font-size: 25px;color: var(--pink);font-weight: 600;font-family: 'Paybooc';}
    .wdnum em{color: var(--txtgray2);margin-top: 3px;}
    .keyboard{padding: var(--pd10) 0;text-align: center;}
    .keyboard .per{margin-bottom: var(--pd20);}
    .keyboard .per a{display: inline-block;width: 22%;background:var(--bggray);border-radius: 5px;padding: 9px 0;box-sizing: border-box;margin-left: 2%;color: var(--txtgray4);font-family: 'Paybooc';}
    .keyboard .per a:first-child{margin: 0;}
    .keyboard .per a.total{background:#f1e9fd;color: var(--pink);}
    .keyboard .num li a{width: 32%;display: inline-block;font-size: 21px;height: 47px;line-height: 46px;font-family: 'Paybooc';color: var(--txtgray1);font-weight: 400;}
    .keyboard .num .ok{background: var(--pink);border-radius: 5px;padding:8px 15px;color: var(--white);font-size: 14px;}
    .delbtn1:before {content: "";box-sizing: border-box;right: 0;top: -3px;position: absolute;height: 4px;box-shadow: inset 0 0 0 32px;transform: rotate(-45deg);width: 21px; transform-origin: right top;}
    .delbtn1{transform: rotate(-135deg);position: relative;display: inline-block;vertical-align: middle;color: #afb1b2;box-sizing: border-box;width: 14px;height: 14px;border-width: 4px 4px 0 0;border-style: solid;}
    .dealtop1{display: flex;gap: 10px;}
    .dealtop1 .myad{width: 100%;padding: var(--pd15) var(--pd10);}
    .dealtop1 .myad span{font-size: 16px;}
    .deallistw{gap: 5px;}
    .title1{font-size: 20px;}
    .btw1 .on{color: var(--orange);}
    .dealist li{margin-top: var(--pd15);border: 1px solid var(--linegray1);border-radius: var(--pd05);display: flex;flex-direction: column;gap: 10px;padding: var(--pd15);background:#f7f7f7;}
    .dealist hgroup{display: flex;justify-content: space-between;align-items: center;}
    .dealist hgroup a{color:#06bedb;font-size: 13px;word-break: break-all;text-decoration: underline;}
    .dealist hgroup p{color: var(--txtgray2);}
    .dealist hgroup b{font-weight: normal;font-size: 13px;}
    .dealist hgroup em{color: var(--pink);font-weight: 400;}
    .progbg{border-radius: var(--pd05);padding: 3px 12px;font-size: 13px;}
    .prog1{background:#d0f7fb;color: var(--pink);}
    .prog2{background:#fbe7c0;color:#f9672c;}
    .prog3{background:#e7e2e2;color: var(--txtgray4);}
    .acw1{gap: 17px;}
    .aclist{gap: 15px;}
    .aclist li{background:#f7f7f7;border: 1px solid var(--linegray1);border-radius: var(--pd05);padding:12px var(--pd10) 12px 12px;display: flex;justify-content: space-between;}
    .aclogo{gap: 5px;align-items: center;}
    .aclogo img{width: 30px;}
    .actxt1{color: var(--pink);}
    .actxt2{color: var(--txtorange);}
    .actxt3{color: #00a87e;}
    .aclist .ovwon1 hgroup h1{font-size: 19px;}
    .aclist .ovwon1 hgroup em{font-size: 14px;}
    .aclist .ovwon1 i{font-size: 12px;}
    .wallet .btw1{margin-top: -15px;}
    .setimg{display: flex;width: 50%;margin:0 auto;}
    .setw{gap:20px;}
    .setw form{display: flex;flex-direction: column;gap: 10px;}
    .faq input[id*="reply"] {display:none;}
    .faq input[id*="reply"] + label {padding:var(--pd20) 0;cursor:pointer;position:relative;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--linegray1);}
    .faq input[id*="reply"] + label hgroup{display: flex;text-align: left;flex-direction: column;gap: 3px;}
    .faq input[id*="reply"] + label hgroup p{display: flex;gap: 5px;align-items: center;}
    .faq input[id*="reply"] + label em{color: var(--txtgray4);}
    .faq input[id*="reply"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray);text-align: left;}
    .faq input[id*="reply"]:checked + label + div{max-height:700px;}
    .faq input[id*="reply"]:checked + label span {background-position:0 -30px;}
    .faq input[id*="reply"] + label span:before, .faq input[id*="reply"] + label span:after {content: "";position: absolute;top: calc(50% - 1px);right: 10px;width: 11px;height: 1px;background: currentColor;transition: .3s ease;transition-property: transform,opacity;}
    .faq input[id*="reply"] + label span:before{transform: rotate(90deg);}
    .faq input[id*="reply"]:checked + label span::before{opacity: 0;}
    .faq .ftin1{padding: var(--pd20) var(--pd15);}
    .faq .ftin1 p{color: var(--txtgray1);}
    .newicon{background: var(--orange);border-radius: 5px;width: 14px;height: 14px;line-height: 15px;font-size: 10px;color: var(--white);font-family: 'Paybooc';text-align: center;}
    .backbtn{position: absolute;top: 0;right: 0;color: var(--btnpink3);font-size: 26px;display: block;padding: var(--pd20);}
    .ovw1{gap: 15px;}
    .btw2 i{font-size: 12px;padding: 0 5px 0 0;vertical-align: middle;}
    .overview .ovconw, .setting .ovconw{gap: 35px;}
    .ovt1{display: flex;justify-content: space-between;align-items: center;}
    .ovtab1{display: flex;gap: 12px;}
    .ovtab1 a{position: relative;color: var(--txtgray4);}
    .ovtab1 > a + a::after{content: "";position: absolute;top: 6px;left: -6px;width: 1px;height: 10px;background: var(--txtgray4);}
    .ovtab1 .on{color: var(--orange);}
    .wallet .btw2{margin-top: -10px;}
    .deal .ovconw, .referral .ovconw{gap: 20px;}
    .dealtab{display: flex;gap: 10px;}
    .dealtab a{display: block;border-radius: 20px;padding: 10px 25px;font-size: 15px;color:var(--txtgray4);}
    .dealtab .on{background: var(--btnpink1);color: var(--white);}
    .bsbtn{padding: 6px 13px;font-size: 13px;}
    .link1{display: flex;gap: 10px;}
    .link1 a{padding: 0 13px;line-height: 54px;font-size: 13px;white-space: nowrap;}
    .plus1{display: block;padding:7px var(--pd10);color: var(--txtgray4);margin-top: -3px;}
    .ovt2{display: flex;gap: 5px;}
    .okbtn i, .bsbtn i{padding: 0 5px 0 0;font-size: 13px;vertical-align: middle;}
    .intbt .log2 .pwfbtn{padding:0 0 3px;border-bottom: 1px solid var(--txtgray2);color:var(--txtgray2);width: auto;margin: 0;display: block;}
    .intbt .log2{align-items: center;}
    .mdtop2{padding: var(--pd40) var(--pd20) var(--pd30);}
    .modal_repw h1, .modal_buyform h1, .modal_sellform h1, .modal_pay h1{color: var(--txtblack);}
    .modal_repw .set_close, .modal_buyform .set_close, .modal_sellform .set_close, .modal_pay .set_close{color: var(--txtgray4);}
    .emailtxt{color: var(--white);font-size: 15px;}
    .notep{background: var(--bggray);border-radius: var(--pd05);padding: var(--pd15) var(--pd15) var(--pd15) 24px;text-indent: -9px;gap: 5px;}
    .notep p{font-size: 13px;color: var(--txtgray4);word-break: break-all;}
    .checkbox_w {display:inline-block;position: relative;padding-left: 29px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: var(--stblack);}
    .checkbox_w input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
    .checkbox_w .checkmark { position: absolute;top: 0;left: 0;height: 18px;width: 18px;border-radius: 3px;border: 1px solid #d0cbcb;background: var(--white);}
    .checkbox_w:hover input ~ .checkmark {background:var(--white);}
    .checkbox_w input:checked ~ .checkmark{background: var(--pink);border: 1px solid  var(--pink);}
    .checkbox_w .checkmark:after {content: "";position: absolute;display: none;}
    .checkbox_w input:checked ~ .checkmark:after {display: block;}
    .checkbox_w .checkmark:after {left: 6px;top: 1px;width: 4px; height: 8px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    .checkbox_w p{line-height: 18px;}
    .inputrow{gap: 10px;display: flex;flex-direction: column;font-size: 15px;}
    .modal_buyform form, .modal_sellform form{gap: 20px;}
    .modal_buyform .okbtn, .modal_sellform .okbtn{margin: 0;}
    .inputrow2{display: flex;gap: 30px;padding: var(--pd10) 0;}
    .inputrow2 p{display: flex;gap: 14px;}
    .inputrow2 strong{position: relative;font-weight: normal;}
    .inputrow2 strong::after{content: "";position: absolute;top: 6px;right: -7px;width: 1px;height: 10px;background:#cdcaca;}
    .inputrow2 a{font-size: 17px;font-weight: 600;padding-right: 2px;}
    .inputrow2 em{color: var(--txtgray4);}
    .inputrow2 p:last-child a{color: var(--orange);}
    .refline1{display: flex;gap: 10px;margin-top: var(--pd15);}
    .refline1 input{flex: 1;}
    .refline1 a{padding: 0 13px;font-size: 13px;line-height: 54px;}
    .notice_modal{position: fixed;z-index: 20;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0,0,0,0.4);}
    .notice_modal h2{text-align: center;margin-bottom: var(--pd20);}
    .ntmdin .icon{display: flex;justify-content: center;position: absolute;width: 70px;height: 70px;border-radius: 50%;background: var(--pink);border: 2px solid var(--white);top: 0;}
    .notice_modal-content {box-sizing: border-box;background:var(--white);padding: 65px var(--pd20) var(--pd20);border-radius: var(--pd25) var(--pd25) 0 0;width: 100%;}
    .notice_modal-content hgroup{text-align: left;}
    .notice_modal .checkbox_w .checkmark{width: 16px;height: 16px;top: 3px;position: absolute;left: 0;border-radius: 3px;border: 1px solid #d0cbcb;}
    .notice_modal .checkbox_w {height: auto;border: none; font-size: 14px; display:inline-block;position: relative;padding-left: 26px;margin:0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: var(--stblack);}
    .notice_modal .button_area{display: flex;justify-content: space-between;}
    .notice_modal .checkbox_w .checkmark:after{left: 5px;}
    .notice_modal i{color: var(--white);font-size: 29px;line-height: 69px;}
    .notice_modal hgroup p{font-size: 16px;font-weight: 300;padding-bottom: var(--pd10);color: var(--stblack);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .notice_modal hgroup span{color: var(--txtgray3);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;line-height: 1.6em;font-size: 15px;}
    .notice_modal .btn01{text-align: center; margin: var(--pd25) 0;display: block;width: 100%;box-sizing: border-box;font-size: 15px;border-radius: var(--pd05);font-weight: 500;background: var(--pink);color: var(--white);height: 58px;line-height: 57px;}
    .ntmdin{width:100%;left:0;position: fixed;bottom: 0;padding-top: 30px;display: flex;justify-content: center;}
    .referral .ok2{margin: 0 0 var(--pd25);}
    .mpop .button_area{position: absolute;top: 0;width: 100%;box-sizing: border-box;padding: 0 var(--pd15);}
    .mpop .button_area .checkbox_w, .mpop .button_area a{color: var(--white);font-size: 16px;}
    .mpop .ntmdin{padding-top: var(--pd35);}
    .mpop .notice_modal-content{padding: 0;}
    .mpop img{border-radius: var(--pd25) var(--pd25) 0 0;width: 100%;}
    menu{display: flex;gap: 15px;overflow: auto;white-space: nowrap;padding: 55px var(--pd15) 0 var(--pd15);border-bottom: 1px solid var(--linegray1);justify-content: space-between;}
    menu a{padding: 13px 0 10px;border-bottom: 3px solid transparent;color: var(--txtgray4);font-size: 15px;font-family: 'TheJamsil';}
    menu .on{color: var(--pink);border-color: var(--pink);}
    menu::-webkit-scrollbar{display: none;}
    menu::-webkit-scrollbar{-ms-overflow-style: none;scrollbar-width: none; }
    .tbn{padding: var(--pd25) 0 var(--pd25) var(--pd20);position: relative;}
    .tbnbg1{background: var(--bggray);}
    .tbnt1{font-size: 23px;font-weight: 500;font-family: 'TheJamsil';line-height: 1.4em;}
    .tbnimg1{position: absolute;right: 25px;bottom: 0;height: 100px;}
    
    .pdtw1{display: flex;justify-content: space-between;align-items: center;}
    .pdtw1 a{display: flex;padding:5px 3px 3px;}
    .pdtw1 i{font-size: 14px;color: var(--linegray1);}
    .pdtw1 .on i{color: var(--blue);}
    .pdlist1 h3, .pdlist2 h3, .pdlist3 h3{font-size: 12px;font-family: 'Paybooc';display: flex;gap: 1px;margin: 7px 0 -2px;color: #a19d9d;}
    .pdlist1 h3 span, .pdlist2 h3 span, .pdlist3 h3 span{text-decoration: line-through;}
    .pdlist3 h3{margin-top: 5px;}
    .pdlist1 h1, .pdlist2 h1, .pdlist3 h1{display: flex;gap: 1px;align-items: center;font-family: 'Paybooc';color: var(--pink);}
    .pdlist3 h1{line-height: 1.3em;}
    .pdlist1 em, .pdlist2 em, .pdlist3 em{font-size: 13px;padding-left: 2px;color: var(--pink);}
    .pdlist1 b, .pdlist2 b, .pdlist3 b{font-size: 16px;}
    .pdwon1{color: var(--txtgray2);font-weight: 400;font-size:12pt}
    .pdtxt1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size: 16px;color: var(--black);}
    .pdlist1 h2, .pdlist2 h2, .pdlist3 h2{display: flex;gap: 5px;margin-top: var(--pd05);font-weight: normal;font-family: 'Paybooc';font-size: 13px;align-items: center;}
    .pdlist1 h2 i, .pdlist2 h2 i, .pdlist3 h2 i{color: var(--pink);margin-top: -2px;}
    .pdlist1 h2 span, .pdlist2 h2 span, .pdlist3 h2 span{color: var(--txtgray1);}
    .loglogo{position: absolute;top: 16px;right: 64px;}
    .loglogo img{width: 100px;}
    .id_join .btnlogin{margin-top: var(--pd20);}
    .main .tlogo{padding-left: var(--pd15);}
    .main .deli2{margin: 0;padding: var(--pd10) var(--pd15);}
    .main .deli2 a{padding: 1px 8px 3px;}
    .intro .fot2{padding: var(--pd20) var(--pd15);background: var(--white);border-top: 1px solid var(--linegray1);}
	


	.pdlist1{flex-wrap: wrap;display: flex;column-gap: 15px;row-gap: 20px;}
    
	.pdlist1 img{width: 100%;height:calc(50vw - 23px);object-fit: cover; border-radius: 8px;}
    .pdlist1 summary{display: flex;flex-direction: column;gap: 15px;width: calc(50vw - 23px);}
    .pdlist1 hgroup{display: flex;flex-direction: column;min-height: 114px;}
	
	
    @media (min-width: 701px){
        
        .pdlist1 hgroup{min-height: 141px;}
        .pdlist3 h3{margin-top: 3px;}
		.pdlist1 h3, .pdlist2 h3, .pdlist3 h3{font-size: 14px;}		
        .pdlist1 hgroup, .pdlist2 hgroup, .pdlist3 hgroup{gap: 7px;}
		.pdlist1 h2, .pdlist2 h2, .pdlist3 h2{font-size: 15px;}
		.pdlist1{column-gap: 20px;row-gap: 40px;}
		.pdlist1 summary{gap: 25px;width:28.5vw;}
		.pdlist1 b{font-size: 25px;}
        
		
		
		.pdtw1 a{padding-top: 8px;}
        .iogw{width:80%;}
        .intro .fot2{padding: var(--pd25) var(--pd30);}
        .pdtw1 i{font-size: 15px;}
        
        .main .deli2 a{padding: 2px 14px 3px;}
		.main .deli2{margin: 0;padding: var(--pd15) var(--pd30);}
		#qna .qnablock1 select{background: url(/img/angle-down-solid.svg) no-repeat 97% 50%;background-size: 11px;}
        .main .tlogo{padding-left: var(--pd25);}
		.ingap1 .mylist1{margin-top: -20px;}
		.loglogo{top: 25px;right: 92px;}
		.loglogo img{width: 180px;}
    
		.pdtxt1{font-size: 17px;}
   
    .pdwon1{font-size: 14px;}
    .tbn{padding: var(--pd35) 0 var(--pd35) var(--pd45);}
    .tbnt1{font-size: 45px;line-height: 1.3em;}
    .tbnimg1{height: 190px;right: 40px;}
    menu{padding-top: 65px;gap: 30px;padding: 65px var(--pd35) 0 var(--pd35);}
    menu a{padding: 15px 0 12px;font-size: 17px;}
    .mpop .ntmdin{padding-top: var(--pd40);}
    .mpop .button_area .checkbox_w, .mpop .button_area a{font-size: 18px;}
    .dtbtn1 span{font-size: 18px;}
    .btw1{gap: 30px;}
    .btw1 .dtbtn1 a{font-size: 25px;padding: 0;}
    .referral .ok2{margin: 0 0 var(--pd40);}
    .notice_modal-content{padding: 80px var(--pd35) var(--pd30);}
    .notice_modal .btn01{margin: var(--pd30) 0;}
    .notice_modal hgroup span{font-size: 16px;}
    .notice_modal hgroup p{font-size: 18px;}
    .refline1{gap: 12px;margin-top: var(--pd10);}
    .refline1 a{font-size: 14px;}
    .inputrow2 p{gap: 20px;}
    .inputrow2 strong::after{top: 7px;height: 13px;right: -10px;}
    .inputrow2{font-size: 16px;padding: var(--pd15) 0;}
    .inputrow2 a{font-size: 20px;}
    .modal_buyform form, .modal_sellform form{gap: 30px;}
    .modal_buyform .checkbox_w, .modal_sellform .checkbox_w{margin-top: -10px;}
    .checkbox_w{font-size: 15px;}
    .notep p{font-size: 14px;}
    .emailtxt{font-size: 18px;}
    .myad i{font-size: 15px;}
    .intbt .log2 .pwfbtn{font-size: 16px;padding-bottom: 5px;}
    .okbtn i, .bsbtn i{padding: 0 7px 0 0;font-size: 15px;}
    .ovt2{gap: 10px;}
    .plus1{padding: var(--pd10);margin-top: 3px;font-size: 25px;}
    .bsbtn{font-size: 15px;padding: 8px 16px;}
    .deal .ovconw, .referral .ovconw{gap: 30px;}
    .overview .ovconw, .setting .ovconw{gap: 50px;}
    .link1 a{padding: 0 20px;line-height: 56px;font-size: 14px;}
    .dealtab a{font-size: 17px;}
    .wallet .btw2{margin-top: -20px;}
    .ovtab1 a{font-size: 16px;}
    .btw2 i{font-size: 14px;padding: 0 7px 0 0;vertical-align: middle;}
    .btw2 a{padding: 18px 0;font-size: 15px;}
    .iogw input{height: 65px;line-height: 64px;font-size: 24px;}
    .iogw a, .okbtn{font-size: 19px;}
    .backbtn{font-size: 30px;padding: var(--pd25);}
    .dealtop1 .myad{width: 100%;padding: var(--pd20);}
    .faq input[id*="reply"] + label hgroup, .faq .ftin1 p{font-size: 15px;}
    .setimg{width: 45%;}
    .aclist{gap: 20px;}
    .aclist li{padding: var(--pd20);border-radius: var(--pd10);gap: 30px;}
    .aclogo{gap: 10px;}
    .aclogo img{width: 60px;}
    .dealist li{padding:var(--pd25);}
    .dealist hgroup p, .dealist hgroup b, .aclogo p, .dealist hgroup span{font-size: 16px;}
    .progbg{padding: 5px 12px;}
    .dealist hgroup em{font-size: 18px;}
    .progbg{font-size: 15px;}
    .aclist .ovwon1 hgroup h1{font-size: 27px;}
    .aclist .ovwon1 hgroup em{font-size: 16px;}
    .aclist .ovwon1 i{font-size: 14px;}
     .deallistw{gap: 20px;}
     .title1{font-size: 32px;}
    .dealtop1{gap: 20px;}
    .dealtop1 .myad span{font-size: 25px;}
    .modal_withdraw .mdin2 a{margin-top: -20px;}
    .keyboard .per a{padding: 13px 0;border-radius: var(--pd10);}
    .wdnum span, .wdnum em{font-size: 20px;}
    .wdnum strong{font-size: 32px;}
    .modal_withdraw .myad span{font-size: 25px;}
    .mdin1, .mdin2{gap: 50px;}
    .mdin2{padding: 0 var(--pd40) var(--pd50);}
    .mdtop, .mdtop2{gap: 35px;padding:var(--pd45) var(--pd40);}
    .myad p, .myad span{font-size: 19px;}
    .myad{padding:var(--pd20) var(--pd25);gap: 15px;}
    .set_modal-content {padding: var(--pd60) var(--pd40) var(--pd40);}
    .set_modal-content h1{font-size: 25px;}
     footer a span{font-size: 15px;margin-top: -5px;}
    footer a{padding: 10px 0;}
    .ovlist li{padding: var(--pd20) 0;}
    .ovwon1 hgroup h1{font-size: 40px;}
    .ovwon1 hgroup em{font-size: 25px;}
    .ovlist p{font-size: 18px;}
    .ovcont h1{font-size: 34px;}
    .ovcont img{width: 170px;right: -35px;}
    .ovconw{padding:var(--pd45) var(--pd35) var(--pd50);}
    .ovconin1{padding: var(--pd40) var(--pd35) var(--pd20);gap: 45px;border-radius: var(--pd25);}
    .stin1{gap: 50px;}
    .total1 h1{font-size: 57px;}
    .total1 em{font-size: 30px;}
    .total1 p{font-size: 22px;}
    .subtop{padding: var(--pd120) var(--pd35) var(--pd50);}
    .hdright{right: 15px;}
    .hdright a{width: 38px;}
    .hdright i{font-size: 22px;}
    .hdright em{width: 16px;height: 16px;line-height: 16px;font-size: 13px;}
    .intin3 .eminput a{top: 11px;font-size: 14px;padding: 10px 12px;}
    header h1{font-size: 20px;line-height: 64px;}
    .iogw .cerbtn1{padding: 13px 0;font-size: 19px;}
    .lgint p{font-size: 55px;}
    .lgint em{font-size: 23px;}
    .lgint hgroup img{width: 41%;}
    .lgint img{width: 75px;left: 302px;top: -22px;}
    .intbt{padding:0 80px;gap: 50px;}
    .btw1 a{font-size: 19px;padding: 28px 0 var(--pd25);}
    .btw1 .btnlogin, .iogw .btnlogin{font-size: 35px;width: 350px;padding: 28px 0 25px;}
    .intin{padding-top: 100px;gap: 70px;padding-bottom: var(--pd70);}
    .intin2, .intin3{padding: 150px var(--pd80) var(--pd70);gap: 70px;}
    .intin hgroup{gap: 30px;}
    .intin hgroup img{width: 57%;}
    .ittxt1{font-size: 51px;}
    .intbt img{width: 35%;}
    input, select{padding: 0 var(--pd20);height: 57px;line-height: 56px;font-size: 16px;}
    select{background: url('/img/angle-down-solid.svg') no-repeat 97% 50%;background-size: 11px;}
    .tlogo img{width: 35px;}
    header{height: 65px;}
    .side-nav .close{top: 14px;}
    .nav-tit{padding: var(--pd30);}
   .nav-toggle img{width: 25px;}
    .side-nav ul{padding: var(--pd50) 0 250px;}
    .accordion input[id*="menu"] + label, .actm2{font-size:17px;padding:20px 20px 20px 40px;}
    .accordion input[id*="menu"] + label em{border-bottom: 3px solid var(--txtgray5);border-right: 3px solid var(--txtgray5);right: 35px;}
    .tmu1{padding:12px 0 12px 55px;font-size:16px;}
    .actm2 em{right: 35px;}
    .overlay .closebtn i{font-size: 33px;}
    footer a::before{width: 40px;height: 40px;}
    footer a:first-child::before{background: url('/img/bticon1.png') no-repeat center;background-size: 40px;}
    footer a:nth-child(2)::before{background: url('/img/bticon2.png') no-repeat center;background-size: 40px;}
    footer a:nth-child(3)::before{background: url('/img/bticon3.png') no-repeat center;background-size: 40px;}
    footer a:nth-child(4)::before{background: url('/img/bticon5.png') no-repeat center;background-size: 40px;}
    .main footer a:nth-child(1)::before{background: url('/img/bticon1_on.png') no-repeat center;background-size: 40px;}
    .wallet footer a:nth-child(2)::before{background: url('/img/bticon2_on.png') no-repeat center;background-size: 40px;}
    .deal footer a:nth-child(3)::before{background: url('/img/bticon3_on.png') no-repeat center;background-size: 40px;}
    .referral footer a:nth-child(4)::before{background: url('/img/bticon5_on.png') no-repeat center;background-size: 40px;}
}

@media (min-width: 800px){

    .pdlist1 summary{width:28.1vw;}
    .pdlist1 img{height:28.1vw;}
}

@media (min-width: 1020px){

    .pdlist1 summary{width:29.2vw;}
    .pdlist1 img{height:29.2vw;}
}

@media (min-width: 1030px){
	    
	.pdlist1 summary{width:230px;}
    .pdlist1 img{height:230px;}



    .mpop img{border-radius: var(--pd25);}
    .notice_modal-content {border-radius: var(--pd25);padding:70px var(--pd35) var(--pd30);width:500px;}
    .ntmdin{width:500px;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: fit-content;}
    .set_modal-content::-webkit-scrollbar, .set_modal-content2::-webkit-scrollbar{display: none;}
    .set_modal-content::-webkit-scrollbar, .set_modal-content2::-webkit-scrollbar{-ms-overflow-style: none;scrollbar-width: none; }
    .set_modal-content, .set_modal-content2 {max-height: 700px; border-radius: var(--pd20);width:600px;height: fit-content;padding: var(--pd45) var(--pd40) var(--pd40);}
    
    .intbt{left: 50%;-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
    .intbt img{width: 270px;}
    main, header, .fot2{width: 800px;margin: 0 auto;box-sizing: border-box;}
}