@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

/* reset */
* { padding:0; margin:0; }

p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{font-size:14px;margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'Noto Sans KR','돋움',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;color: var(--white);font-weight: 300;}
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(--white);font-weight: 300;}
body{position:relative;margin:0;padding:0;color: var(--white);word-wrap:break-word;word-break:keep-all;-webkit-text-size-adjust:none;font-size:14px;font-weight: 300;background: var(--bgblack);}
ul,ol{list-style:none}
p,h1,h2,h3,h4,h5,h6{line-height: 1.5em;}
table{border-collapse:collapse;width: 100%;}
img,fieldset{border:0}
label{ z-index:1; visibility:visible;color:#999;}
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}
table{margin-left: -1px;border-collapse:collapse;width: 100%;border-spacing:0px;}
th{background: var(--linebg1);color: var(--txtgray2);}
th, td{padding: var(--pd10);font-size: 13px;}
td,th{border: 1px solid var(--linebg1);}
td{text-align: center;}
th:first-child, td:first-child{border-left: 0;}
th:last-child, td:last-child{border-right: 0;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{text-decoration:none;outline: none;}
a:hover{cursor: pointer;}
em, address{font-style:normal}
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;} 
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 #181a20 inset !important;-webkit-text-fill-color: #fff !important;}/*basic style*/
input::placeholder{color: #908e91;}
select{line-height: 51px;outline: none;height: 52px;border-radius: var(--pd10);text-align: left;box-sizing: border-box;padding: 0 var(--pd35) 0 var(--pd10);font-size: 14px;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 var(--linegray1);}
select::-ms-expand {display: none;}
select option{color: var(--stblack);}
.flc{display: flex;flex-direction: column;}
.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;}

input{height: 52px;line-height: 51px;border-radius: var(--pd10);padding: 0 var(--pd15);border: 1px solid var(--linebg1);font-size: 15px;box-sizing: border-box;width: 100%;outline: none;background: none;}
textarea{border:1px solid var(--linebg1);resize:none;outline: none;padding: var(--pd15);border-radius: var(--pd10);font-size: 15px;}
/*layout*/
html,body{margin: 0;padding: 0;}
.inner{width:1200px;margin:0 auto;position: relative;}

:root {--yellow: #FCB900;--lineyellow: #f9c127;--bgyellow:#fff7e0;--stblack:#212121;--red1:#ea827c;--blue1:#7892e7;--stblack:#444246;--bggray:#f6f8fc;--bgblack:#181a20;--txtblack1:#202630;
--white: #fff;--black: #000;--txtviolet1:#5763ff;--txtgreen1:#12f1d4;--txtgray1:#4f5867;--txtgray2:#b0b2b5;--txtgray3:#747d8b;--pink:#ff92a2;--txtgray4:#9d9ea0;--linegray1:#d5d3d3;--barbg1:#4c5664;--barbg2:#181a20;--linebg1:#4a5463;--arrow1:#707a8a;
--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;}


.btnbg1{background: var(--yellow);color: var(--txtblack1);text-align: center;}
.btpd1{padding: var(--pd20) 0;border-radius: var(--pd10);font-size: 17px;}
.redtxt{color: var(--red1);}
.bluetxt{color: var(--blue1);}
pre{font-size: 15px;white-space: break-spaces;color: var(--txtgray2);text-align: left;}
header .inner{display: flex;justify-content: space-between;padding:var(--pd25) 0 var(--pd15);border-bottom: 1px solid var(--linebg1);align-items: center;}
.tlogo{display: flex;}
header img{height: 20px;}
header select{background: url('/img/caret-down-solid-full.svg') no-repeat 96% 50%;background-size: 16px;color: var(--txtgray2);border: 0;height: 30px;line-height: 29px;padding-left: var(--pd05);}
.hgnb{display: flex;align-items: center;gap: 15px;}
.hgnb a:nth-child(2){font-size: 13px;}
.hlogin{padding: 4px 11px 5px;display: flex;border-radius: 7px;}
section{padding: var(--pd70) 0;}
.section1 .inner{display: flex;gap: 80px;}
.title1{font-size: 48px;line-height: 1.3em;font-weight: 600;}
.title2{font-size: 20px;line-height: 1.3em;}
.title3{font-size: 15px;font-weight: normal;color: var(--txtgray4);line-height: 1.8em;}
.title4{font-size: 20px;line-height: 1.3em;font-weight: 600;}
.gapw1{gap: 40px;}
.bstab{display: flex;width: 550px;border-radius: var(--pd20) var(--pd20) 0 0;border: solid var(--linebg1);border-width: 2px 2px 0;box-sizing: border-box;background: var(--barbg1);}
.bstab a{display: flex;width: 100%;font-size: 17px;color: var(--txtgray3);padding: var(--pd15) 0;border-radius: 18px 18px 0 0;justify-content: center;box-sizing: border-box;}
.bstab .on{color: var(--white);background: var(--bgblack);}
.bscon1{border-radius: 0 0 var(--pd20) var(--pd20);border: solid var(--linebg1);padding: var(--pd25);width: 550px;box-sizing: border-box;border-width: 0 2px 2px 2px;gap: 30px;}
.bsselw1{border: 2px solid var(--linebg1);padding: var(--pd20);border-radius: var(--pd15);gap: 10px;}
.bssel{background: url('/img/caret-down-solid-full.svg') no-repeat 96% 50%;background-size: 16px;border: none;padding-left: 0;font-size: 20px;}
.bsselw1 h1{font-weight: normal;font-size: 14px;}
.bsselw1 hgroup{display: flex;justify-content:space-between;align-items: center;}
.bsselw1 input{font-size: 21px;border: none;height: auto;line-height: normal;padding: 0;font-weight: 500;}
.seltxt1{display: flex;gap: 8px;align-items: center;white-space: nowrap;}
.seltxt1 b{font-weight: normal;font-size: 17px;}
.seltxt1 img{width: 18px;}
.seltxt1 i{color:var(--arrow1) ;}
.bsselw2{gap: 10px;}
.cash1{display: flex;justify-content: space-between;align-items: center;padding: 0 var(--pd10);font-size: 15px;}
.cash1 strong{color: var(--txtgray2);font-weight: normal;font-size: 15px;}
.cash1 em{font-size: 15px;}
.set_modal{display: none;position: fixed;z-index: 60;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);align-items: center;justify-content: center;}
.set_modal-content, .set_modal-content2{overflow: auto; background-color:var(--linebg1);margin: auto;padding:var(--pd45) var(--pd40) var(--pd50);width:600px;box-sizing: border-box;border-radius: var(--pd25);position: relative;}
.set_close{color: var(--arrow1);font-size: 25px;font-weight: bold;cursor: pointer;position: absolute;top: 11px;right: 10px;padding: var(--pd10);}
.set_modal h1{font-size: 21px;line-height: 1.4em;}
.modal_sel1 .set_modal-content2{gap: 10px;}
.seltw2 .seltxt1{width: 100%;padding: var(--pd20) 0;border-bottom: 1px solid var(--arrow1);display: flex;justify-content: space-between;}
.seltw2 .seltxt1 p{display: flex;gap: 7px;align-items: center;white-space: nowrap;}
.seltw2 .seltxt1 i{font-size: 18px;}
.s1tw1{gap: 20px;}
.semail1{display: flex;gap: 15px;}
.semail1 a{font-size: 15px;white-space: nowrap;border-radius: var(--pd10);padding: 0 var(--pd15);line-height: 48px;}
.howw1{gap: 30px;}
.howlist1{gap: 30px;display: flex;}
.howbox1{border-radius: var(--pd20);border: 1px solid var(--linebg1);padding:var(--pd50) var(--pd30) var(--pd40);gap: 40px;width: 100%;align-items: start;box-sizing: border-box;}
.howbox1 img{height: 80px;}
.howbox1 hgroup{display: flex;flex-direction: column;gap: 15px;}
footer .inner{padding: var(--pd25) 0;border-top: 1px solid var(--linebg1);}
footer p{color: var(--txtgray2);text-align: center;}
.id_login{display: flex;justify-content: center;align-items: center;min-height: 100dvh;position: relative;}
.id_login .fa-circle-chevron-left{position: absolute;top: 30px;right: 30px;color: var(--arrow1);font-size: 35px;}
.logw1{border-radius: var(--pd20);padding:55px var(--pd35);width: 450px;box-sizing: border-box;border: 1px solid var(--linebg1);gap: 50px;align-items: start;}
.logtt{gap: 25px;}
.logtt .title1{font-size: 32px;}
.logtt img{height: 18px;}
.logw1 form{display: flex;flex-direction: column;gap: 25px;width: 100%;}
.logw1 label{display: flex;flex-direction: column;gap: 8px;}
.logw1 label p{font-size: 12px;}
.logw1 .btpd1{padding: 15px 0;}
.myw1{gap: 30px;width: 100%;box-sizing: border-box;}
.myinfo1{display: flex;gap: 25px;align-items: center;}
.myinfo1 img{width: 60px;border-radius: 50%;}
.mybox{gap:25px;padding: var(--pd35);border-radius: var(--pd20);border: 1px solid var(--linebg1);}
.mybox .m-hidden td:nth-child(7){max-width: 200px;}
.mybin1{display: flex;justify-content: space-between;align-items: center;}
.mybt1{display: flex;gap: 8px;align-items: center;}
.mybt1 img{height: 18px;}
.mybt1 h5{font-size: 16px;}
.mybtxt1, .mybtxtin1, .mybtxtin1 p{display: flex;gap: 10px;align-items: center;}
.mybtxt1 select{background: url('/img/caret-down-solid-full.svg') no-repeat 96% 50%;background-size: 16px;color: var(--txtgray2);border: 0;height: 30px;line-height: 29px;}
.mybtxt1 .btnbg1{height: 50px;line-height: 49px;border-radius: 10px;padding: 0 15px;}
.myt3 input{width: 510px;}
.txid{max-width: 250px;display: flex;gap: 10px;align-items: center;margin: 0 auto;justify-content: center;}
.txid p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.txid i{color: var(--arrow1);}
.prbtbg{font-size: 13px;border-radius: 5px;padding: 1px 8px 2px;margin: 2px 0;display:inline-flex;}
.prbtt1{background: var(--yellow);color: var(--txtblack1);}
.prbtt2{background: #bd8870;color: #f6e4dc;}
.prbtt3{background: var(--arrow1);color: var(--white);cursor: pointer;}
.modal_txid .set_modal-content2, .modal_pw .set_modal-content2{gap: 20px;}
.tiwrite{display: flex;gap: 10px;}
.set_modal-content2 input{border-color: var(--arrow1);}
.tiwrite .btnbg1, .modal_pw .btnbg1{height: 50px;line-height: 49px;padding: 0 12px;border-radius: var(--pd10);}
.mdf1 .btnbg1{padding: 0 var(--pd25);border-radius: var(--pd10);height: 42px;line-height: 41px;display: flex;box-sizing: border-box;justify-content: center;}
.mdpw1{gap: 15px;}


@media (max-width: 1030px){

    .mdpw1{gap: 10px;}
    .mybox .mdf1{gap: 15px;}
    .mdf1 .btnbg1{width: 100%; }
    .tiwrite{flex-direction: column;}
    .id_login .fa-circle-chevron-left{top: 20px;right: 20px;font-size: 25px;}
    .txidw1{gap: 3px;}
    .txidt1{display: flex;gap: 10px;align-items: center;font-size: 13px;}
    .txidt1 i{color: var(--arrow1);}
    .htem{color: var(--txtgray2);}
    .htlist{border-top: 1px solid var(--linebg1);}
    .htlist li{padding: var(--pd15) 0;display: flex;flex-direction: column;gap: 10px;border-bottom: 1px solid var(--linebg1);}
    .htlist hgroup{display: flex;justify-content: space-between;}
    .mybox{padding: 25px 20px;}
    .mybin1 .myt3{flex-direction: column;width: 100%;align-items: stretch;}
    .myt3 input{width: 100%;}
    .mybtxtin1 input{padding: 0 5px;}
    .mybtxtin1{flex-direction: column;align-items: stretch;}
    .mybtxt1{flex-direction: column;align-items: start;}
    .mybin1{flex-direction: column;align-items: start;gap: 10px;}
    .mybtxt1 select{padding: 0 30px 0 5px;}
    .myinfo1{gap: 15px;}
    .myinfo1 img{width: 50px;}
    .logw1 form{gap: 15px;}
    .logtt img{height: 15px;}
    .logw1{padding:var(--pd40) var(--pd30) var(--pd35);gap: 40px;}
    .id_login{padding: 0 var(--pd20);}
    .howbox1 img{height: 50px;}
    .howbox1{padding:var(--pd30) var(--pd15) var(--pd20);gap: 30px;}
    .howlist1{flex-wrap: wrap;flex-direction: column;}
    .seltxt1{gap: 5px;}
    .bsselw1{padding: var(--pd15) var(--pd10);}
    .bscon1{padding: var(--pd20) var(--pd10);}
    .seltxt1 img{width: 15px;}
    .title1{font-size: 25px;}
    .logtt .title1{font-size: 23px;}
    .set_close{font-size: 20px;}
    .bsselw1 input, .set_modal h1{font-size: 18px;}
    .title4, .title2{font-size: 17px;}
    .bstab a, .title3, .btpd1, .seltxt1 b{font-size: 15px;}
    .mybin1 h5{font-size: 14px;}
    .htem, .htlist p, footer p{font-size: 13px;}
    .hgnb{gap: 10px;}
    .hlogin{font-size: 13px;padding: 3px 8px 4px;}
    .semail1 a{font-size: 14px;padding: 0 var(--pd10);}
    .set_modal-content {width: 100%;padding: var(--pd40) var(--pd20) var(--pd35);height:100%;overflow: auto;box-sizing: border-box;border-radius: 0;}
    .set_modal-content2{width:100%;padding: var(--pd40) var(--pd20) var(--pd35);border-radius: var(--pd20) var(--pd20) 0 0;position: fixed;bottom: 0;box-sizing: border-box;}
    .bstab, .bscon1{width: 100%;}
    .howw1, .bscon1{gap: 20px;}
    header img{height: 16px;}
    header .inner{padding:12px 10px 12px var(--pd20);}
    header select{padding: 0 30px 0 5px;}
    .section1 .inner{flex-direction: column;gap: 40px;}
    section{padding: var(--pd40) 0;}
    .inner{width:100%;padding: 0 var(--pd20);box-sizing: border-box;}
    input{padding: 0 var(--pd15);}
     .p-hidden{display:block!important;}
    .m-hidden{display:none!important;}
	.m-block, .m-block02{display:none;}
	.p-block, .p-block02{display:inline-block;}
   

}

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


    .mdpw1{gap: 13px;}
    .mdf1 .btnbg1{width: fit-content;}
    .mybox .mdf1{flex-direction: row;align-items: center;}
    .id_login .fa-circle-chevron-left{top: 25px;right: 25px;font-size: 30px;}
    .mybox{padding: 35px;}
    .mybtxtin1 input{padding: 0 10px;}
    .mybin1 .myt3, .mybtxtin1{flex-direction: row;align-items: start;}
    .mybtxt1 select{padding: 0 35px 0 10px;}
    .myinfo1{gap: 25px;}
    .logw1 form{gap: 25px;}
    .logtt img{height: 18px;}
    .logw1{padding:55px var(--pd35);gap: 50px;}
    .id_login{padding: 0 var(--pd50);}
    .howlist1{flex-direction: row;}
    .howbox1{width:calc(50% - 15px);padding:var(--pd40) var(--pd25) var(--pd30);gap: 40px;}
    .howbox1 img{height: 60px;}
    .howw1, .bscon1{gap: 30px;}
    .semail1 a{font-size: 15px;padding: 0 var(--pd20);}
    .seltxt1{gap: 8px;}
    .seltxt1 img{width: 18px;}
    .bsselw1{padding: var(--pd20);}
    .bscon1{padding: var(--pd30) var(--pd25);}
    .set_modal-content, .set_modal-content2{padding: var(--pd45) var(--pd35);}
    .htem, .htlist p, footer p{font-size: 14px;}
    .mybin1 h5{font-size: 15px;}
    .title3, .bstab a{font-size: 16px;}
    .btpd1, .seltxt1 b{font-size: 17px;}
    .title2, header img{height: 20px;}
    .title4, .set_modal h1{font-size: 21px;}
    .set_close, .bsselw1 input{font-size: 23px;}
    .logtt .title1{font-size: 32px;}
    .title1{font-size: 40px;}
    header .inner{padding: 16px 20px 16px var(--pd35);}
    header select{padding: 0 35px 0 10px;}
    .hlogin{font-size: 14px;padding: 4px 10px 5px;}
    .section1 .inner{gap: 60px;}
    section{padding: var(--pd60) 0;}
   .inner{padding: 0 var(--pd35);}
	.m-block02{display:inline-block;}
	.p-block02{display:none;}
}