@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/BMDoHyeon/BMDoHyeon.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;text-align: left;}
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;word-break:break-all;-webkit-text-size-adjust:none;}
textarea{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:0;border-top: 1px solid var(--txtblack);}
table th, table td{border: 1px solid var(--linegray1);padding:10px;font-weight: 300;font-size: 13px;text-align: center;}
table th{background: var(--bggray);border-top: 0;}
table th:first-child, table td:first-child{border-left:0;}
table th:last-child, table td:last-child{border-right: 0;}
.tl{text-align: left;}
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*/
.blind {visibility:hidden;overflow:hidden;position:absolute;left:-99999px;width:0;height:0;font-size:0;}

pre{white-space:break-spaces;font-family:'Noto Sans KR';text-align: left;color: var(--txtgray1);}
pre b{font-size: 16px;font-weight: 600;color: var(--stblack);display: block;margin-bottom: -10px;}
input{background: var(--bggray); text-align: left;height: 57px;line-height: 56px; border-radius: var(--pd10);padding: 0 var(--pd20);font-size: 15px;box-sizing: border-box;width: 100%;outline: none;border: 1px solid var(--linegray1);}
input:hover{background: var(--bgblue);border-color:#6982a9;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background 5000s ease-in-out 0s;-webkit-transition: background 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px #2050d7 inset !important;-webkit-text-fill-color: #fff !important;}/*basic style*/

textarea{outline: none;border-radius: var(--pd10);padding:var(--pd15) var(--pd20);border: 1px solid var(--linegray1);font-size: 15px;width: 100%;box-sizing: border-box;}
select{border: 1px solid var(--linegray1);line-height: 57px;outline: none;width: 100%;height: 58px;border-radius: var(--pd10);text-align: left;box-sizing: border-box;padding: 0 var(--pd40) 0 var(--pd20);font-size: 14px;background:#f6f8fc url('/img/angle-down-solid.svg') no-repeat 97% 50%;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-size:11px;}
select::-ms-expand {display: none;}
select option{color: var(--stblack);}
.flb{display: flex;flex-direction: column;}
.btnbg1{background: var(--blue);color: var(--white);border-radius: var(--pd10);text-align: center;display: inline-block;}
.btnbg2{background: var(--green);color: var(--white);border-radius: var(--pd10);text-align: center;display: inline-block;}
.btnbg3{background: var(--green);color: var(--white);border-radius: var(--pd10);text-align: center;display: inline-block;}
.btnbg4{background: var(--txtgray3);color: var(--white);border-radius: var(--pd05);text-align: center;display: inline-block;}
.btnbg5{background: var(--txtgray1);color: var(--white);border-radius: var(--pd05);text-align: center;display: inline-block;}
.linebtn{color: var(--blue);padding-bottom: 3px;border-bottom: 1px solid var(--blue);text-align: center;display: inline-block;}
.linebtn2{color: var(--bgblue);padding-bottom: 3px;border-bottom: 1px solid var(--bgblue);text-align: center;display: inline-block;}
.linebtn3{color: var(--txtgray3);padding-bottom: 3px;border-bottom: 1px solid var(--txtgray3);text-align: center;display: inline-block;}
.p-block, .p-block02{display:none;}
.m-block, .m-block02{display:inline-block;}
.m-flex{display: flex;}
.p-flex{display: none!important;}

/*layout*/
:root {--blue: #3f6de3;--lineblue: #174acd;--bgblue:#eaf0fe;--stblack:#212121;--bggray:#f6f8fc;--green:#6db328;--linegreen:#bbe3b8;--orange:#f79e39;--lineorange:#fa9827;
    --txtorange:#fcf892;--txtgray1:#414040;--txtgray2:#777;--txtgray3:#999;--txtblue1:#bdcdf9;--linegray1:#dddfe1;
--white: #fff;--black: #000;
--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;}
.split{height: 100%;width: 50%;position: fixed;z-index: 1;top: 0;overflow-x: hidden;background: var(--blue);}
.lgleft{left: 0;background: var(--blue);}
.lgright{right: 0;display: flex;justify-content: center;background: url(/img/loginbg.jpg) no-repeat center 100%;background-size: cover;}
.lgcenter{position: absolute;top: 50%;right:100px;transform: translate(0, -50%);text-align: center;gap:50px;}
.lgright img{width:550px;height: 480px;position: absolute;bottom: 40px;}
.lgleft hgroup{display: flex;flex-direction: column;gap: 20px;align-items: start;}
.lgnote{font-size: 15px;}
.lgleft h1{font-size: 40px;font-family: 'Paybooc';color: var(--white);}
.lgleft h2{font-size: 20px;color: #bccefb;font-weight: 300;}
.lgnote span{color: var(--txtblue1);margin-bottom: var(--pd05);}
.lgnote em{color:var(--txtorange);font-family: 'Paybooc';}
.lgnote i{font-size: 13px;margin-right: 7px;}
.idpw-wrap form{gap: 10px;width: 500px;align-items: end;display: flex;flex-direction: column;}
.idpw-wrap input{font-size: 16px;background: none;border: solid var(--txtblue1);border-width: 0 0 2px;border-radius: 0;color: var(--white);padding: 0 5px;}
.idpw-wrap input:hover{border-color: var(--txtorange);}
.idpw-wrap input::placeholder{color:var(--txtblue1);}
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 #3f6de3 inset !important;-webkit-text-fill-color: #fff !important;}
.idpw-wrap input, .btnlogin{height: 63px;line-height: 62px;}
.idpw-wrap select{background: url(/img/angle-down-solid_w.svg) no-repeat 96% 50%;background-size: 11px; font-size: 16px;border: solid var(--txtblue1);border-width: 0 0 2px;border-radius: 0;color: var(--white);padding: 0 5px;}
.btnlogin{display: block;font-size: 16px;width: 100%;}
.lglinkbtn{position: absolute;bottom: -40px;right: 0;}
.split .btnlogin{margin-top: -20px;}
.inner{width: 1600px;margin: 0 auto;box-sizing: border-box;}
.in2{padding: 0 var(--pd50);}
header{position: fixed;z-index: 3;background:var(--white);border-bottom: 1px solid var(--linegray1);}
header .inner{padding:0 var(--pd50);display: flex;justify-content: space-between;align-items: center;width: 100%;box-sizing: border-box;}
.logo-wrap a{color: var(--blue);}
.logo-wrap img{width: 150px;}
#btnNav{display:none;}
nav{display: flex;gap: 30px;}
nav a{padding:22px 0 22px 20px;font-size:15px;color:#a5a4a4;border-bottom: 3px solid transparent;}
nav a:hover, nav .on a, .package nav a:first-child, .daily_log nav a:nth-child(2), .cash_log nav a:nth-child(3), .withdraw nav a:nth-child(4)
, .ref nav a:nth-child(5), .adm nav a:nth-child(6), .qna nav a:nth-child(7), .notice nav a:nth-child(8){color:#7185d9;border-color: #7185d9;}
nav a:first-child{background: url(../img/icon02.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(2){background: url(../img/icon03.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(3){background: url(../img/icon04.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(4){background: url(../img/icon05.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(5){background: url(../img/icon06.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(6){background: url(../img/icon07.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(7){background: url(../img/icon08.png) no-repeat 0 center;background-size:16px;}
nav a:nth-child(8){background: url(../img/icon09.png) no-repeat 0 center;background-size:16px;}
nav .on:first-child, nav a:first-child:hover, .package nav a:first-child{background: url(../img/icon02_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(2), nav a:nth-child(2):hover, .daily_log nav a:nth-child(2){background: url(../img/icon03_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(3), nav a:nth-child(3):hover, .cash_log nav a:nth-child(3){background: url(../img/icon04_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(4), nav a:nth-child(4):hover, .withdraw nav a:nth-child(4){background: url(../img/icon05_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(5), nav a:nth-child(5):hover, .ref nav a:nth-child(5){background: url(../img/icon06_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(6), nav a:nth-child(6):hover, .adm nav a:nth-child(6){background: url(../img/icon07_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(7), nav a:nth-child(7):hover, .qna nav a:nth-child(7){background: url(../img/icon08_on.png) no-repeat 0 center;background-size:16px;}
nav .on:nth-child(8), nav a:nth-child(8):hover, .notice nav a:nth-child(8){background: url(../img/icon09_on.png) no-repeat 0 center;background-size:16px;}
.side-nav{display:none;}
main, header{width:100%;}
.overlay, .nav-toggle{display: none;}
.tb1{display: flex;gap: 15px;align-items: center;}
.tb1 a{position: relative;}
.tb1 > a + a::after{content: "";position: absolute;top: 5px;left: -7px;width: 1px;height: 12px;background: #9f9a9a;}
.tmy{display: flex;gap: 10px;align-items: center;color: var(--txtgray3);}
.tmy img{width: 30px;border-radius: 50%;}
.tmy i{color: var(--txtgray3);font-size: 13px;padding-left: 7px;}
.tloglut{font-size: 13px;color: var(--txtgray2);}
.home{background: #383839;}
main{padding: 69px 0 var(--pd100);}
.mvisual .inner{display: flex;justify-content: center;gap: 70px;width: 1500px;}
.mvisual hgroup{display: flex;flex-direction: column;gap: 8px;padding-top: 115px;}
.mvh1{font-size: 42px;font-weight: 600;font-family: 'Paybooc';display: block;color: var(--white);}
.mvh2{font-size: 22px;font-weight: 300;font-family: 'Paybooc';color: var(--txtgray3);display: block;padding-left: 10px;}
.mconw .inner{padding-right: 470px;width: 1500px;position: relative;gap: 20px;}
.mcleft{width: 100%;}
.mleftline1{display:grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.mboxbg{padding:var(--pd35) var(--pd25);box-sizing: border-box;border-radius: var(--pd10);}
.mbox1{background: var(--blue);}
.mbox2{background: var(--white);border: 1px solid var(--linegray1);}
.mbox3{background: var(--green);}
.mbin1{gap: 50px;}
.mbin1 p{display: flex;gap: 7px;align-items: center;color: var(--bgblue);font-size: 18px;}
.mbin1 p img{width: 30px;}
.mbin1 p span{margin-top: -4px;}
.mbin1 hgroup{color: var(--bgblue);display: flex;gap: 5px;align-items: center;justify-content: end;}
.mbin1 hgroup em{color: var(--txtorange);font-size: 30px;font-family: 'BMDoHyeon';}
.mbin1 hgroup strong{font-size: 16px;color: var(--txtorange);font-weight: normal;}
.mcright{position: absolute;top: 0;right: 0;width: 450px;gap: 25px;}
.mconw .mcright{padding:183px var(--pd35) var(--pd35);}
.mrimg{position: absolute;top: -87px;right: -4px;width: 330px;}
.mrlblock{gap: 25px;}
.mrlblock h1{font-size: 17px;color: var(--white);font-weight: 400;}
.total1 p{font-size: 20px;}
.total1 strong{font-size: 20px;}
.total1 em{font-size: 15px;}
.mrlblock:first-child{border-bottom: 1px solid #f9d4aa;padding-bottom: var(--pd30);}
.mbar{width: 100%;border-radius: var(--pd20);background: var(--white);height: 18px;}
.mbarin{background: var(--txtorange);border-radius: var(--pd20);height: 100%;}
.mbartxt{font-size: 16px;margin-top: -15px;display: flex;justify-content: end;color: var(--white);font-family: 'BMDoHyeon';}
.mrtitle{display: flex;justify-content: space-between;align-items: center;}
.mmore{position: relative;display: block;padding: var(--pd10);color: var(--white);font-size: 15px;font-weight: bold;}
.mmore:before, .mmore:after {content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 11px;height: 1px;background-color: currentColor;transition: .3s ease;transition-property: transform,opacity;}
.mmore:before{transform: rotate(90deg);}
.mnote{gap: 10px;}
.mnote p{padding-right: 95px;position: relative;}
.mnote a{color: var(--white);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.mnote em{position: absolute;font-size: 13px;color: #d9f0c3;top: 0;right: 0;}
.mfqr{display: flex;align-items: center;justify-content: space-between;}
.mfqr .mb2{display: flex;gap: 20px;}
.mfqr h1{font-size: 25px;color: var(--blue);margin-top: -7px;}
.mfqr h2{color: var(--txtgray3);font-size: 14px;font-weight: 400;}
.mfqr p{color: var(--txtgray2);font-size: 15px;padding-top: 10px;}
.mfqr a{border-radius: var(--pd05);padding: 17px 25px;font-size: 15px;}
.mfqr img{width: 90px;}
.joinw .lgcenter{top: 100px;transform: none;}
.joinbank{gap: 10px;display: grid;grid-template-columns: 120px auto 120px;width: 100%;}
.joinw .lgleft hgroup{margin-bottom: -30px;}
.subtop{border-bottom: 1px solid var(--linegray1);padding-top: var(--pd50);}
.subtop .inner{gap: 30px;}
.subtop hgroup{display: flex;flex-direction: column;gap: 3px;}
.subtop hgroup h1{font-size: 40px;font-weight: 600;color: var(--stblack);}
.subtop hgroup h2{font-size: 17px;font-weight: 300;color: var(--txtgray2);padding-left: 4px;}
.subtab{display: flex;gap: 50px;position: relative;overflow-x: auto;}
.subtab a{padding: var(--pd15) 0;border-bottom: 3px solid transparent;color: var(--txtgray2);font-size: 17px;white-space: nowrap;}
.subtab a:hover, .subtab .on{border-color: var(--orange);color: var(--orange);}
.lonavi{position: absolute;right: 0;bottom: 15px;color: var(--txtgray3);font-size: 13px;display: flex;gap: 5px;}
.formlist form{display:grid;grid-template-columns: repeat(2,1fr);gap: 50px 100px;}
.formlist hgroup{display: flex;flex-direction: column;gap: 20px;position: relative;}
.formlist label{font-size: 15px;color: var(--txtgray1);}
.subcon{padding: var(--pd50) 0 0;}
.subcon .inner{padding: 0 100px;text-align: center;}
.wonip1 input{padding-right: 45px;}
.wonip1 em{position: absolute;top: 60px;right: 20px;color: var(--txtgray3);}
.notetxt1{text-indent: -16px;margin-top: var(--pd20);color: var(--txtgray3);padding-left: 16px;}
.okbtn{padding: var(--pd20) 120px;font-size: 16px;margin-top: var(--pd50);}
.total1{gap: 15px;}
.banknum, .banknum2{display: flex;justify-content: end;}
.banknum2{margin-bottom: var(--pd25);}
.banknum2 .ttin{gap: 12px;color: #6c7ca3;}
.ttin{background: var(--bgblue);padding:6px 15px;border-radius: var(--pd05);gap: 18px;display: flex;align-items: center;}
.ttin span{color: var(--txtgray1);font-weight: normal;position: relative;line-height:1.1em ;}
.ttin p{display: flex;gap: 3px;font-size: 20px;}
.ttin strong{color: var(--orange);font-size: 17px;font-family: 'BMDoHyeon';font-weight: normal;padding-top: 3px;}
.ttin em{color: var(--txtgray3);font-size: 15px;line-height: 2.1em;}
.ttin span:after{content: "";position: absolute;top: 2px;right: -9px;width: 1px;height: 12px;background: #c4c2c2;}
.banknum2 .ttin span{color: var(--txtgray2);}
.banknum2 .ttin span:after{right: -6px;}
.ttin b{font-weight: normal;font-size: 14px;}
.ttin i{color: var(--txtgray2);font-size: 12px;padding-right: 5px;}
.tbw{overflow-x: auto;}
table{border-top: 1px solid var(--linegray1);}
th{background: var(--bggray);}
th, td{padding: var(--pd10);border-bottom: 1px solid var(--linegray1);white-space: nowrap;}
td{border: 1px solid var(--linegray1);}
th:first-child, td:first-child{border-left: 0;}
th:last-child, td:last-child{border-right: 0;}
table i{font-style: normal;}
.datetd{color: var(--txtgray3);}
.qna .formlist form{display: flex;justify-content: center;}
.qna textarea{width: 650px;height: 200px;}
.qna .notetxt1{padding-left: 395px;}
.faq{border-top: 1px solid var(--linegray1);}
.faq input[id*="reply"] {display:none;}
.faq input[id*="reply"] + label {padding:var(--pd20) var(--pd40) 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{font-size: 14px;display: flex;gap: 40px;text-align: left;}
.faq input[id*="reply"] + label em{color: var(--txtgray2);}
.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-color: 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(--pd25);}
.faq .ftin1 p{color: var(--txtgray1);}
.subtitle{color: var(--txtgray1);font-size: 27px;padding-bottom: var(--pd30);}
.mypage .subcon .inner{display: flex;flex-direction: column;gap: 80px;}
.mybtn1{height: 56px;line-height: 55px;font-size: 15px;}
.reflink{display: flex;gap: 10px;}
.reflink a{height: 56px;line-height: 55px;padding: 0 20px;white-space: nowrap;border-radius: 7px;}
.set_modal{display: none;position: fixed;z-index: 5;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
.set_modal-content {overflow: auto; max-height: 700px; border-radius: var(--pd20);background-color:var(--white);margin: auto;padding:var(--pd45) var(--pd40) var(--pd40);width:600px;margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;}
.set_close{color: #aaaaaa;font-size: 25px;font-weight: bold;cursor: pointer;position: absolute;padding: var(--pd10);top: 8px;right: 7px;}
.set_modal h1{font-size: 25px;margin-bottom: var(--pd25);text-align: center;}
.set_modal-content form{display: flex;flex-direction: column;gap: 15px;}
.mdokbtn{padding: 17px 0;font-size: 15px;}
.ingbtn1{padding: 1px 10px 2px;border-radius: var(--pd05);font-weight: normal;font-size: 12px;}
.page{margin-top: var(--pd15);display: flex;justify-content: center;gap: 10px;}
.page a{display: block;background: #f1ecec;color: #8f8c8c;border-radius: 8px;padding: 5px 12px;font-family: 'Paybooc';font-weight: bold;font-size: 11px;}
.page .on{background: #90b5f5;color: var(--white);}
.listt1{border-top:1px solid var(--linegray1);}
.listblock{border-bottom: 1px solid var(--linegray1);padding: var(--pd10) 0;gap: 10px;flex-direction: column;display: flex;width: 100%;}
.listt1 hgroup{display: flex;justify-content: space-between;}
.listt1 b{font-weight: normal;color: var(--txtgray2);}
.listt1 i{font-style: normal;}
.won{color: var(--orange);font-family: 'Paybooc';font-size: 12.5px;font-weight: 600;}
.autoid{gap: 15px;}
.autoid span{color: var(--txtblue1);font-size: 17px;text-align: left;}
.autoid p{background: #9fb9f9;padding: var(--pd15) var(--pd10) 20px;border-radius: var(--pd10);color: var(--blue);font-size:50px;font-weight: 600;text-align: center;}
.join_ok .lgcenter{width: 450px;}
.lgimg{display: none;}.notice_modal{position: fixed;z-index: 20;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: 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(--blue);border: 2px solid var(--white);top: 0;}
.notice_modal-content {box-sizing: border-box;background:var(--white);border-radius: var(--pd25);padding:70px var(--pd35) var(--pd30);width:500px;}
.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: 28px;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: 18px;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: 16px;}
.notice_modal .btn01{margin: var(--pd30) 0;display: block;width: 100%;box-sizing: border-box;font-size: 16px;text-align: center; border-radius: var(--pd05);font-weight: 500;background: var(--blue);color: var(--white);height: 58px;line-height: 57px;}
.ntmdin{width:500px;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: fit-content;padding-top: 30px;display: flex;justify-content: center;}
.mnot hgroup{position: relative;padding-right: 100px;text-align: left;}
.mnot hgroup:not(:first-child){padding-top: 17px;}
.mnot hgroup a{text-decoration: underline;font-size: 15px;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mnot hgroup .date{position: absolute;bottom: 0;right: 0;font-size: 14px;color: var(--txtgray3);}
.checkbox_w { display:inline-block;position: relative;padding-left: 28px;cursor: pointer;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: var(--txtgray2);}
.checkbox_w p{line-height: 1.3em;}
.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 #c8cbce;background: var(--white);}
.checkbox_w:hover input ~ .checkmark {background-color:var(--white);}
.checkbox_w input:checked ~ .checkmark{background-color: var(--blue);border: 1px solid  var(--blue);}
.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: 5px; height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
@media (max-width: 1000px){

    .mnot hgroup:not(:first-child){padding-top: var(--pd15);}
    .mnot hgroup{padding-right: 80px;}
    .mnot hgroup a{font-size: 14px;}
    .mnot hgroup .date{font-size: 13px;}
    .ntmdin{-ms-transform:none;transform:none;top: auto;left:0;position: fixed;bottom: 0;width:100%;}
    .notice_modal .btn01{margin: var(--pd25) 0;}
    .notice_modal hgroup p{font-size: 16px;}
    .notice_modal hgroup span{font-size: 15px;}
    .notice_modal-content {padding: 65px var(--pd20) var(--pd20);border-radius: var(--pd25) var(--pd25) 0 0;}
    .lgimg{position: absolute;top: 0;right: 0;width: 175px;display: block;}
    .lgnote{font-size: 14px;}
    .join_ok .lgcenter{top: 20px;}
    .autoid p{font-size: 30px;}
    .join_ok .lgcenter{width: 100%;}
    .banknum2{width: 100%;display: block;}
    .p-flex{display: flex!important;}
    .m-flex{display: none;}
    .page{margin-top: var(--pd10);}
    .set_modal-content{width: 100%;padding: var(--pd40) var(--pd20) var(--pd25);min-height:100%;overflow: auto;box-sizing: border-box;border-radius: 0;}
    .set_modal h1{font-size: 20px;margin-bottom: var(--pd20);}
    .reflink a, .mybtn1{height: 53px;line-height: 52px;}
    .mypage .subcon .inner{gap: 50px;}
    .subtitle{font-size: 20px;}
    .faq input[id*="reply"] + label{padding: var(--pd15) var(--pd25) var(--pd15) 0;}
    .faq .ftin1{padding: var(--pd20) var(--pd15);}
    .faq input[id*="reply"] + label hgroup{flex-direction: column;gap: 3px;}
    .qna .notetxt1{padding-left: 16px;}
    .qna textarea{width: 100%;height: 150px;}
    .ttin{padding: 8px 12px;}
    .ttin p{font-size: 14px;}
    .ttin strong{font-size: 16px;}
    .ttin em{font-size: 13px;line-height: 1.8em;}
    .okbtn{padding: 17px 0;font-size: 15px;margin-top: var(--pd30);width: 100%;}
    .wonip1 em{top: 58px;right: 15px;}
    .subcon{padding: var(--pd30) 0 0;}
    .formlist form{display: flex;gap: 30px;flex-direction: column;}
    .subtab{gap: 30px;}
    .subtab a{font-size: 15px;}
    .subtop hgroup h1{font-size: 27px;}
    .subtop hgroup h2{font-size: 15px;}
    .subtop{padding-top: var(--pd30);}
    .in2{padding: 0 var(--pd20);}
    .joinw .lgleft hgroup{margin-bottom: -15px;}
    .joinw .lgleft h1{font-size: 25px;}
    .lgleft h2{font-size: 17px;}
    .joinbank{display: block;}
    .joinw .lgleft{align-items: start;}
    .joinw .lgcenter{top: 150px;margin-bottom: 240px;}
    .mfqr p{font-size: 14px;}
    .mfqr h1{font-size: 21px;}
    .mconw .mfqr{padding: 20px 18px;}
    .mfqr a{width: 100%;box-sizing: border-box;margin-top: var(--pd20);padding: 15px 0;}
    .mfqr h1, .mfqr h2, .mfqr p{text-align: center;}
    .mfqr, .mfqr .mb2{flex-direction: column;align-items: center;}
    .mbartxt{font-size: 14px;}
    .mbar{height: 15px;}
    .mrlblock h1{font-size: 16px;}
    .mrlblock{gap: 20px;}
    .mconw .mcright{padding:var(--pd20) 18px;}
    .mrlblock:first-child{padding-bottom: var(--pd20);}
    .mcright{position: relative;top: auto;right: auto;width: 100%;gap: 20px;}
    .mbin1 p{font-size: 14px;}
    .mbin1 p img{width: 22px;}
    .mbin1 p span{margin-top: -2px;}
    .mbin1 hgroup{gap: 3px;}
    .mbin1 hgroup span{font-size: 13px;}
    .mbin1 hgroup em{font-size: 16px;}
    .mbin1 hgroup strong{font-size: 14px;}
    .mbin1{gap: 15px;}
    .mleftline1{grid-template-columns: repeat(2,1fr);gap: 10px;}
    .mboxbg{padding: 20px 12px;}
    .mconw .inner{padding-right: var(--pd15);width: 100%;display: flex;flex-direction: column;gap: 15px;}
    .home main{padding-top: 100px;}
    .mvisual hgroup{padding: 0 var(--pd15);}
    .mvh1{font-size: 27px;text-align: center;}
    .mvh2{font-size: 17px;}
    .mvisual .inner{flex-direction: column;align-items: center;gap: 15px;width: 100%;padding: 0;}
    .mvisual img{width: 80%;margin: 0;}
    main{padding: 65px 0 var(--pd50);}
    .split .btnlogin{margin-top: -5px;}
    .lgcenter{gap: 30px;}
    .idpw-wrap input, .btnlogin{height: 56px;line-height: 55px;}
    .idpw-wrap form{width: 100%;}
    .lgleft h1{font-size: 28px;}
    .lgleft h2{font-size: 17px;}
    .split{width: 100%;padding: 0 var(--pd20);box-sizing: border-box;position: relative;display: flex;justify-content: center;height: 100vh;align-items: center;}
    .lgcenter{right: auto;position: relative;transform: none;top: 0;width: 100%;}
    .side-nav, .nav-toggle{display:block;}
    .overlay {display: block; height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color:var(--white);overflow-x: hidden;transition:300ms ease;}
    .overlay .closebtn {position: absolute;top: 10px;right: 14px;height: 30px;transition: 0.3s;color: var(--white);padding: 8px;z-index: 2;}
    .overlay .closebtn i{vertical-align: top;font-size: 28px;}
    header{height: 65px;}
    header .inner{padding: 0;}
    .logo-wrap{font-weight:bold;display: inline-block;line-height: 65px;}
    .logo-wrap a{font-size: 21px;display: block;height: 100%;}
    .logo-wrap img{width: 130px;padding-top: 23px;}
    nav, header .gnb{display:none;}
   .nav-toggle, .tmy{width: 60px;height: 65px;box-sizing: border-box;color: var(--txtgray3);display: flex;justify-content: center;align-items: center;}
    .side-nav ul{background-color: var(--blue);padding: var(--pd15) 0;}
    .nav-tit{background-color: var(--blue);text-align: center;position: relative;border-bottom: 1px solid var(--lineblue);height: 65px;box-sizing: border-box;text-align: left;}
    .nav-tit a{text-align: left;font-size: 21px;color: var(--white);font-family: 'BMDoHyeon';line-height: 65px;padding-left: var(--pd20);display: inline-block;}
	.side-nav li{position: relative;}
    .side-nav li a{display:block;padding:18px 0 18px 20px;color:var(--white);text-align:left;font-size:16px;}
    .side-nav li a img{width: 175px;text-align: left;}
    .side-nav li:after{border-top: 3px solid var(--white);border-right: 3px solid var(--white);content: "";display: inline-block;width: 7px;height: 7px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 40%;right:23px;}
    .side-nav li .on a{color:#1e75d6;}
    .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;}
    .nav-toggle i{font-size:25px;}
    .inner, .subcon .inner{width:100%;padding: 0 var(--pd15);}
    input{padding: 0 var(--pd15);height: 53px;line-height: 52px;}
    select{background: #f6f8fc url(/img/angle-down-solid.svg) no-repeat 96% 50%;background-size: 11px;padding: 0 var(--pd35) 0 var(--pd15);height: 53px;line-height: 52px;}
	.m-block, .m-block02{display:none;}
	.p-block, .p-block02{display:inline-block;}
    .mlogout{margin: var(--pd20) var(--pd15) 0 0;float: right;font-size: 15px;}

}


@media screen and (max-width: 1000px) and (min-width: 701px){

    .ntmdin{width:500px;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: fit-content;padding-top: 30px;display: flex;justify-content: center;}
    .mnot hgroup{padding-right: 100px;}
    .mnot hgroup a{font-size: 15px;}
    .mnot hgroup .date{font-size: 14px;}
    .notice_modal-content{padding: 80px var(--pd35) var(--pd30);border-radius: var(--pd25);}
    .mlogout{font-size: 18px;}
    .lgimg{top: 20px;right: 20px;width: 350px;}
    .logo-wrap img{width: 172px;padding-top: 25px;}
    .join_ok .split .btnlogin{margin-top: -20px;}
    .autoid p{font-size: 45px;padding: var(--pd20) var(--pd20) var(--pd25);}
    .faq input[id*="reply"] + label{padding: 17px var(--pd35) 17px 0;}
    .banknum2{width: auto;display: flex;}
    .p-flex{display: none!important;}
    .m-flex{display: flex;}
    .page{margin-top: var(--pd15);}
    .set_modal h1{font-size: 25px;margin-bottom: var(--pd25);}
    .set_modal-content{padding: var(--pd60) var(--pd35) var(--pd40);}
    .reflink a, .mybtn1{height: 56px;line-height: 55px;}
    .mypage .subcon .inner{gap: 70px;}
    .subtitle{font-size: 27px;}
    .faq .ftin1{padding: var(--pd25);}
    .qna textarea{height: 180px;}
    .ttin{padding:12px 17px;}
    .ttin span{font-size: 16px;}
    .ttin strong{font-size: 17px;}
    .ttin em{font-size: 15px;line-height: 1.6em;}
    .okbtn{padding: var(--pd20) 120px;font-size: 16px;margin-top: var(--pd50);width: auto;}
    .formlist form{display:grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
    .subcon{padding: var(--pd50) 0 0;}
    .subtab{gap: 40px;}
    .subtab a{font-size: 17px;}
    .subtop{padding-top: var(--pd40);}
    .subtop hgroup h1{font-size: 38px;}
    .subtop hgroup h2{font-size: 17px;}
    .in2{padding: 0 var(--pd35);}
    .joinw .lgleft h1{font-size: 35px;}
    .joinbank{gap: 15px;display: grid;grid-template-columns: 130px auto 130px;}
    .joinw .lgcenter{top: 220px;margin-bottom: 320px;}
    .mfqr p{font-size: 15px;}
    .mfqr h1{font-size: 25px;}
    .mfqr a{width: auto;margin-top: 0;padding: 17px 25px;}
    .mfqr h1, .mfqr h2, .mfqr p{text-align: left;}
    .mfqr, .mfqr .mb2{flex-direction: row;}
    .mnote a{width: 33vw;}
    .mbartxt{font-size: 15px;margin-top: -20px;}
    .mbar{height: 18px;}
    .mrlblock h1{font-size: 17px;}
    .mrlblock{gap: 30px;}
    .mrlblock:first-child{border: none;padding:0 var(--pd30) 0 0;}
    .mrlblock:nth-child(2){border-left:1px solid #9dcf9a;padding-left: var(--pd25);}
    .mconw .mcright{padding: var(--pd30);}
    .mcright{display: grid;grid-template-columns: repeat(2,1fr);gap: 0;}
    .mconw .inner{gap: 20px;padding-right: var(--pd35);}
    .mboxbg, .mconw .mfqr{padding: var(--pd30);}
    .mbin1 p{font-size: 16px;}
    .mbin1 p img{width: 30px;}
    .mbin1 hgroup em{font-size: 20px;}
    .mbin1 hgroup strong{font-size: 16px;}
    .mbin1{gap: 20px;}
    .mleftline1{grid-template-columns: repeat(3,1fr);gap: 15px;}
    .home main{padding-top: 130px;}
    main{padding: 75px 0 var(--pd70);}
    .mvh1{font-size: 40px;}
    .mvh2{font-size: 21px;}
    .mvisual img{width: 65%;}
    .mvisual .inner{gap: 40px;}
    .tmy img{width: 38px;}
    .split .btnlogin{margin-top: -10px;}
    .lgcenter{gap: 50px;}
    .split{padding: 0 var(--pd80);}
    .lgleft h1{font-size: 40px;}
    .lgleft h2{font-size: 20px;}
    .idpw-wrap input, .btnlogin{height: 62px;line-height: 61px;}
    input{padding: 0 var(--pd15);height: 56px;line-height: 55px;}
    select{background: #f6f8fc url(/img/angle-down-solid.svg) no-repeat 95% 50%;background-size: 11px;padding: 0 var(--pd40) 0 var(--pd15);height: 56px;line-height: 55px;}
    header{height: 75px;}
    .inner, .subcon .inner{padding: 0 var(--pd35);}
    .side-nav .close{top: 14px;}
    .logo-wrap{line-height: 75px;}
    .logo-wrap a{line-height: 75px;font-size: 26px;}
   .nav-toggle, .tmy{height: 75px;width: 80px;}
    .side-nav ul{padding: var(--pd30) 0;}
    .side-nav li a{padding: 25px 0 25px 40px;font-size: 21px;}
    .side-nav li:after{border-top: 3px solid var(--white);border-right: 3px solid var(--white);width: 7px;height: 7px;right:30px;}
    .nav-tit{height: 75px;}
    .nav-tit a{line-height: 75px;padding-left: var(--pd40);font-size: 26px;}
    .overlay .closebtn{right: 18px;}
    .overlay .closebtn i{font-size: 37px;}
    .nav-toggle i{font-size: 28px;}
    .m-block02{display:inline-block;}
	.p-block02{display:none;}
}