@charset "utf-8";

@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');

/* 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-top: 1px solid var(--linegray1);margin-left: -1px;border-collapse:collapse;width: 100%;border-spacing:0px;}
th{background: var(--bggray);}
th, td{padding: var(--pd10);border-bottom: 1px solid var(--linegray1);}
td{border: 1px solid var(--linegray1);}
td:first-child{border-left: 0;}
td:last-child{border-right: 0;}
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;}

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{text-align: left;height: 52px;line-height: 51px; border-radius: var(--pd05);padding: 0 var(--pd10);border: 1px solid var(--linegray1);font-size: 15px;box-sizing: border-box;width: 100%;outline: none;}

textarea{outline: none;border-radius: var(--pd05);padding:12px var(--pd10);border: 1px solid rgb(230, 230, 230);width: 100%;box-sizing: border-box;font-size: 15px;}
select{line-height: 51px;outline: none;width: 100%;height: 52px;border-radius: var(--pd10);text-align: left;box-sizing: border-box;padding: 0 var(--pd45) 0 var(--pd20);background: url('/img/angle-down-solid.svg') no-repeat 96% 50%;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-size:14px;border: 1px solid #e1e1e1;}
select::-ms-expand {display: none;}
select option{color: var(--stblack);}
/*layout*/
html,body{margin: 0;padding: 0;}
.flc{display: flex;flex-direction: column;}
.btnbg1{border-radius: var(--pd10);box-sizing: border-box;color: var(--white);background: var(--blue);text-align: center;}
.btnbg2{border-radius: var(--pd10);box-sizing: border-box;color: var(--blue);text-align: center;border: 1px solid var(--blue);}
.lnbtnbg1{padding-bottom: 3px;border-bottom: 1px solid var(--blue);color: var(--blue);}

:root {--blue: #02abe1;--lineblue: #45cffd;--bgblue:#e3f2f7;-yellow: #faf20a;--bgyellow:#fff2d1;--stblack:#212121;--bggray:#f5f5f5;--bggray2:#f1f1f1;--orange:#ff7f5c;
--white: #fff;--black: #000;--txtgray1:#777;--linegray1:#dae2eb;--txtgray2:#4c4b4b;--txtgray3:#9d9b9b;--txtgray4:#999;--txtblack:#4d4d4f;--btngreen:#8bb8a2;--btngreen2:#68bb92;
--txtblue1:#b8bbe5;--txtblue2:#666a9a;
--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%;}
    header{position: fixed;z-index: 3;height: 65px;background: url('/img/pat.png');}
    .inner{padding: 10px var(--pd35);}
    .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: 14px;right: 10px;transition: 0.3s;color: var(--white);padding: 8px;z-index: 2;}
    .overlay .closebtn i{vertical-align: top;font-size: 25px;color: #b0d7f9;}
    .logo-wrap{float:none;font-size:17px;font-weight:bold;display: inline-block;margin-top: 0;}
    .logo-wrap a{padding: 21px 0 0 var(--pd10);display: inline-block;height: 65px;box-sizing: border-box;}
    .logo-wrap img, .nav-tit a img{width: 110px;}
    header .top-nav, header .gnb{display:none;}
   .nav-toggle{width: 60px;height: 65px;float: left;text-align: center;box-sizing: border-box;padding-top: 15px;}
   .nav-toggle img{width: 33px;}
    .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;}
    .nav-tit a{display: block;position: absolute;top: 21px;left: 20px;text-align: left;}
	.side-nav li{display: flex;}
    .side-nav li a{display:block;padding:18px 0 18px 20px;color:var(--white);text-align:left;font-size:15px;width: 100%;position: relative;}
    .side-nav li a:first-child::before{content: "";position: absolute;top: 40%;right: 0;width: 1px;height: 11px;background: #b0d7f9;}
    .side-nav li a img{width: 175px;text-align: left;}
    .side-nav li a:after{border-top: 2px solid #b0d7f9;border-right: 2px solid #b0d7f9;content: "";display: inline-block;width: 5px;height: 5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 42%;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:28px;color: var(--white);display: block;}
    .id_login{background: url('/img/pat.png');min-height: 100vh;}
    .logbg1{position: absolute;top: 0;right: 0;width:35%;}
    .logbg2{position: absolute;left: 0;bottom: 0;width:25%;}
    .logbg3{position: absolute;top: 0;right: 0;width:40%;}
    .logtop{padding: var(--pd80) var(--pd20) var(--pd40);gap: 13px;}
    .logtop img{width: 50%;}
    .logtop h1{color: var(--white);font-size: 25px;}
    .logtop h2{color: var(--white);font-size: 15px;font-weight: 500;color: #c2cbec;}
    .logw{padding:var(--pd40) var(--pd25);position: relative;z-index: 2;}
    .logw input, .logw select{border: none;border-bottom: 2px solid #c1c5ef;border-radius: 0;font-size: 16px;border-width: 1px;padding: 0 var(--pd15);}
    .logw input:not(:first-child){margin-top: -15px;}
    .logw input:first-child{border-radius: var(--pd10) var(--pd10) 0 0;}
    .logw .loginlast{border-radius: 0 0 var(--pd10) var(--pd10);}
    .logw select{background: url('/img/angle-down-solid.svg') no-repeat 96% 65%;background-size: 14px;margin-top: -15px;background-color: var(--white);border-radius: 0 0 var(--pd10) var(--pd10);}
    .logw form{display: flex;flex-direction: column;gap: 15px;}
    .logw input::placeholder {color:#a3a3b3;}
    .logw  input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset;-webkit-text-fill-color:#333;}
    .btnlogin{font-size: 16px;height: 52px;line-height: 51px;}
    .ntbtnw{display: flex;justify-content: end;gap: 10px;}
    .ntbtnw p{color:#98a4d4;}
    section{padding: 95px 0 var(--pd40);}
   section h1{font-weight: 600;font-size: 23px;text-align: center;color: var(--txtblack);padding-bottom: var(--pd20);}
    .errors{padding: var(--pd10);background: var(--bggray);border: 1px solid var(--linegray1);border-radius: var(--pd05);font-size: 15px;color: var(--txtgray2);font-size: 14px;}
    .section1 .logw{padding:0 var(--pd20);}
    .mtop{background: url('/img/pat.png');}
    .mtin{padding: 55px 0 var(--pd40);gap: 50px;position: relative;z-index: 2;}
    .mtbox{display: flex;justify-content: space-between;align-items: center;}
    .mtbox img{width:30%;}
    .mtbox hgroup{padding-left: var(--pd20);gap: 5px;display: flex;flex-direction: column;}
    .mtbox h2{font-size: 15px;color: var(--txtblue1);font-weight: 400;}
    .mtbox h1{color: var(--white);font-size: 20px;font-weight: 600;line-height: 1.3em;padding: 0;text-align: left;}
    .mtbtw{padding: 0 var(--pd20);}
    .mtbin{display: flex;border-radius: var(--pd15);background: var(--white);}
    .mtbtw hgroup{width: 100%;display: flex;flex-direction: column;gap: 2px;box-sizing:border-box;padding: var(--pd10) 0;text-align: center;}
    .mtbtw hgroup:first-child{background: var(--bggray2);border-radius: var(--pd15) 0 0 var(--pd15);}
    .mtbtw h3{font-size: 14px;color: var(--txtblue2);font-weight: 400;}
    .mtbtw h4{font-size: 18px;color: var(--blue);font-family: 'Noto Sans KR';}
    .idmain{background: var(--bggray);}
    .idmain header{background: none;}
    .idmain header.active{background: url('/img/pat.png');}
    .mwrap{gap: 30px;}
    .miconw{display: grid;gap: 15px;grid-template-columns: repeat(3,1fr);padding:0 var(--pd20);}
    .miconw a{background: var(--white);border-radius:8px;padding: 13px 10px 12px;border: 1px solid var(--linegray1);box-shadow: 0 1px 3px 0 rgb(0 0 0 /15%);display: flex;flex-direction: column;gap: 19px;}
    .miconw img{width: 30px;}
	.miconw i{margin:15px 5px 15px;font-size:18pt;;color:#aaa}
    .miconw p{color: var(--txtgray1);text-align: right;font-size: 15px;white-space: nowrap;}
    .mnotice{padding: 0 var(--pd20);margin-bottom: var(--pd30);}
    .mnotin{background: #e7e7ef;border-radius: 5px;padding:var(--pd15) var(--pd10) var(--pd15) 76px;position: relative;min-height: 50px;box-sizing: border-box;}
    .mnotice hgroup{display: flex;gap: 5px;align-items: center;color: #9595b0;position: absolute;left: 15px;top: 15px;}
    .mnotice hgroup img{width: 15px;}
    .mnotice hgroup span::after{content: "";position: absolute;top: 6px;right: -7px;width: 1px;height: 10px;background: #9595b0;}
    .mnotice a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
    .logout{padding: var(--pd20) var(--pd15) var(--pd20) 0;display:flex;justify-content: end;width: 100%;box-sizing: border-box;}
    .logout a{padding: 11px 15px;background: var(--btngreen);border-radius: var(--pd05);color: var(--white);}
    .moneylist{border-top: 1px solid var(--linegray1);}
    .moneylist li{border-bottom:1px solid var(--linegray1);padding: 13px 0;display: flex;gap: 7px;flex-direction: column;}
    .moneylist hgroup{display: flex;justify-content: space-between;}
    .moneylist .mltwo{justify-content: end;}
    .moneylist em{color: var(--txtgray4);}
    .moneylist strong{font-weight: normal;font-family: 'Noto Sans KR';}
    .exbg{padding: 1px 8px 2px;border-radius: var(--pd05);font-size: 12px;color: var(--white);text-align: center;display: inline-block;font-weight: normal;}
    .exbtn1{background:var(--orange);}
    .exbtn2{background: #878282;}
    .exbtn3{background:var(--btngreen2);}
    .exbtn4{background:var(--blue);}
    .total1{align-items: center;}
    .total1 hgroup{display: flex;gap: 5px;align-items: center;}
    .total1 h1{font-size: 28px;font-weight: bold;color: var(--white);font-family: 'Noto Sans KR';padding: 0;}
    .total1 em{font-size: 17px;color: var(--white);}
    .total1 p{color: var(--txtblue1);font-size: 17px;}
    .dtconw{padding: var(--pd25) var(--pd15);gap: 20px;}
    .dealtab{display: flex;overflow: auto;}
    .dealtab a{display: block;border-radius: 20px;padding: 10px 18px;font-size: 14px;color:var(--txtgray4);white-space: nowrap;}
    .dealtab .on{background: var(--blue);color: var(--white);}
    .section3 h1{padding: 0;}
    .section3 .dtconw{padding-top: var(--pd20);}
    .mkhd{background: var(--bggray);border-top: 1px solid var(--linegray1);position: relative;padding:var(--pd10) 85px var(--pd10) var(--pd05);}
    .mkhd p{text-align: center;}
    .mkhd a{position: absolute;top: 5px;right: 8px;}
    .mkhd .mkbg{padding: 4px 8px 5px;font-size: 15px;border-bottom: 1px solid var(--linegray1);}
    .feetxt{display: flex;gap: 14px;}
    .feetxt b, .won{color: var(--orange);font-family: 'Noto Sans KR';}
    .feetxt i{font-style: normal;position: relative;color: var(--txtgray4);}
    .feetxt i::after{content: "";position: absolute;top: 6px;right: -7px;width: 1px;height: 10px;background: #c3c3c9;}
    .pchd a{width:100px;height:34px;line-height: 33px;position: absolute;top: 3px;right: 8px;padding: 0 10px;}
    .pchd{background: var(--bggray);border-top: 1px solid var(--linegray1);position: relative;padding:var(--pd10) 120px var(--pd10) var(--pd10);text-align: center;}
    .pacw .moneylist li{padding:var(--pd10);}
    .pacbtw{gap: 10px;}
    .pacbtw a{width: 100%;font-size: 14px;padding: 8px 0;border-radius:5px;}
    .mt2 .mtin{padding: 55px 0 var(--pd30);}
    .pdlist a{display: flex;flex-direction: column;gap: 20px;align-items: center;float: left;width: 47%;margin-top: var(--pd40);position: relative;}
    .pdlist a:nth-child(even){float: right;}
    .pdlist a img{width: 100%;}
    .pdlist hgroup{display: flex;flex-direction: column;gap: 10px;text-align: left;width: 100%;}
    .pdlist h3{font-weight: 500;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .pdlist h4{color: var(--txtgray1);font-weight: 500;color: var(--blue);font-family: 'Noto Sans KR';}
    .tack{padding: 5px 12px;color: var(--white);position: absolute;top: 5px;left: 5px;display: block;font-size: 13px;line-height: 1em;}
    .saleicon{background: var(--orange);}
    .id_shop .pdlist{margin-top: -40px;}
    .id_detail .dtconw{padding: 65px 0 var(--pd40);gap: 40px;}
    .id_detail .bx-wrapper{box-shadow: none;border: none;background: none;margin: 0;}
    .id_detail .bx-wrapper .bx-controls-direction a{z-index: 2;}
    .id_detail .bx-wrapper .bx-prev, .id_detail .bx-wrapper .bx-prev:hover{background: url(/img/controls.png) no-repeat -32px 0;background-size: 64px;}
    .id_detail .bx-wrapper .bx-next, .id_detail .bx-wrapper .bx-next:hover{background: url(/img/controls.png) no-repeat 0 0;background-size: 64px;}
    .id_detail .bx-wrapper .bx-pager{display: none;}
    .pdview{width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 20px;padding: 0 var(--pd15);}
    .pdview hgroup{display: flex;flex-direction: column;gap: 15px;border-bottom: 1px solid var(--linegray1);padding-bottom: var(--pd20);}
    .pdview h1{font-size: 18px;padding: 0;font-weight: normal;}
    .pdview h2{font-size:20px;font-weight: 600;font-family: 'Noto Sans KR';}
    .pdview h3{font-size:22px;font-weight: 600;font-family: 'Noto Sans KR';color: var(--blue);}
    .pdview h4{color:var(--txtgray4);margin-top: -10px;font-weight: 400;font-size: 14px;}
    .pdselect{display: flex;flex-direction: column;gap: 20px;}
    .pdselect .in{display: flex;flex-direction: column;gap: 10px;font-size: 15px;}
    .pdselect .in p{font-weight: 600;}
    .pd_obj input[type="radio"] {display: none;}
    .pd_obj input[type="radio"] + span {display: inline-block; padding: 5px 12px;cursor: pointer;border-radius: var(--pd05);border: 1px solid var(--linegray1);}
    .pd_obj input[type="radio"]:checked + span {background: var(--btngreen1);color: var(--white);border-color: var(--btngreen1);}
    .pdselect .con1{display: flex;gap: 10px;}
    .pdview .bx-pager{width: 520px;}
    .pdview .bx-pager img{width: 130px;}
    .qua{display: flex;gap: 10px;font-size:20px;}
    .qua a {border: 1px solid #d3d3d3;border-radius: 3px;height: 48px;width: 48px;min-width: 48px;color: #4d4d4f;box-sizing: border-box;line-height: 48px;font-size: inherit;text-align: center;}
    .qua a:hover, .qua input:hover{border-color: var(--green);}
    .qua input{width: 48px;padding: 0;height: 48px;font-size: inherit;border-radius: 3px;border: 1px solid #d3d3d3;text-align: center;}
    .button_box1{display: flex;gap: 10px;}
    .cartbtn{padding: 17px 0;text-transform: uppercase;text-align: center;font-size: 15px;width: 100%;}
    .pdnote{border-top: 1px solid var(--linegray1);gap: 12px;padding: var(--pd25) 0;margin: 0 var(--pd15);}
    .pdnote h3{font-size: 17px;}
    .pdnote hgroup{display: flex;justify-content:space-between;font-size: 15px;color: var(--stblack);}
    .pdnote em{color: var(--txtgray4);}
    .mylist{gap: 25px;padding: 0 var(--pd15);}
    .mylist hgroup{display: flex;flex-direction: column;gap: 10px;}
    .mylist h3{font-weight: 400;color: var(--txtgray4);}
    .mylist h4{font-size: 15px;font-weight: normal;}
    .mylist h5{font-size: 17px;font-weight: 600;}
    .mylist .link1{gap: 10px;flex-direction: row;}
    .link1 a{padding: 0 13px;line-height: 51px;white-space: nowrap;border-radius: var(--pd05);}
    .myt1{margin-bottom: 5px;}
    .qaw1 form{gap: 10px;display: flex;flex-direction: column;}
    .qaw1 textarea{height: 150px;}
    .fbw{border-top: 1px solid var(--linegray1);}
.fbw hgroup{display: flex;gap: 5px;width: 100%;flex-direction: column;}
.fbw .fbdetail{display: flex;gap:20px;}
.fbw h2{color: var(--stblack);font-weight: 400;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: inherit;}
.fbw a:hover{color: var(--brown);}
.fbw h1{font-size:inherit;font-weight: 400;padding: 0;color: var(--txtgray1);}
.fbw p{color: var(--txtgray4);}
.fbw .ingw{display: block;padding:4px 12px;border-radius: var(--pd05);font-size: 13px;color: var(--white);margin-top: -2px;text-align: center;}
.fbw .ing1{background: var(--txtgray1);}
.fbw .ing2{background: var(--btngreen);}
.fbw .ing3{background: var(--orange);}
.fbw input[id*="ans"] {display:none;}
.fbw input[id*="ans"] + label {white-space: nowrap;text-align: left;width: 100%;border-bottom: 1px solid var(--linegray1);padding: var(--pd15) 0;display: flex;flex-direction: column; align-items: start;gap: 15px;font-size: 14px;cursor:pointer;position:relative;}
.fbw input[id*="ans"] + label em {background: url('/img/angle-down-solid.svg') no-repeat 96% 30%;background-size: 13px;width: 20px;}
.fbw input[id*="ans"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray1);font-size:11px;}
.fbw input[id*="ans"] + label + div .vtxt {display: flex;flex-direction: column;}
.fbw input[id*="ans"]:checked + label + div {max-height:1000px;}
.fbw input[id*="ans"]:checked + label em {background: url('/img/angle-up-solid.svg') no-repeat 96% 30%;background-size: 13px;}
.fbw .q01, .fbw .a01{display: flex;width: 100%;gap: 8px;flex-direction: column;padding:var(--pd15) var(--pd10);box-sizing: border-box;}
.fbw .a01{border-top: 1px solid var(--linegray1);background: var(--bggray);}
.fbw .fbicon{width: 20px;height: 20px;line-height: 19px;border-radius: 50%;padding: 0;text-align: center;font-weight: 500;color: var(--white);}
.fbw .qicon{background: var(--txtgray3);}
.fbw .aicon{background: var(--blue);}
.fbw h3{font-weight: 400;font-size: 14px;}
.faq{border-top: 1px solid var(--linegray1);}
.faq input[id*="reply"] {display:none;}
.faq input[id*="reply"] + label {padding:var(--pd15) 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: 3px;text-align: left;flex-direction: column;}
.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-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(--pd15);}
.faq .ftin1 p{color: var(--txtgray1);}
.section3 .dtc2{padding-top: var(--pd15);}
.id_market td{border-right: 0;border-left: 0;}
.wdgo{display: flex;gap: 10px;margin-bottom: var(--pd15);}
.wdgo input{height: 43px;line-height: 42px;background: var(--bggray);}
.wdgo a{white-space: nowrap;border-radius: var(--pd05);padding: 0 10px;line-height: 42px;font-size: 13px;}
.id_join .section1{padding-top: var(--pd40);}
.joinnote{color:#f56a44;font-size: 14px;text-indent: -15px;padding-left: 15px;}
.joinagree{gap: 15px;margin-bottom: var(--pd05);}
.joinagree p{height: 100px;overflow: auto;border-radius: var(--pd05);padding: var(--pd10);border: 1px solid var(--linegray1);color: var(--txtgray1);background: var(--white);}
.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: #98a4d4;}
.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-color: 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: 2px;width: 4px; height: 8px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.tsh{display: flex;gap: 10px;flex-direction: column;}
.tsh select{padding: 0 20px 0 var(--pd10);border-radius: var(--pd05);background:url('/img/angle-down-solid.svg') no-repeat 95% 50%;background-size: 11px;}
.tsh select, .tsh input{height: 45px;line-height: 44px;font-size: 14px;}
.tsh hgroup{display: flex;gap: 8px;align-items: center;width: 100%;}
.tsh a{line-height: 44px;border-radius: var(--pd05);white-space: nowrap;font-size: 13px;padding: 0 12px;}
.ui-datepicker .ui-datepicker-title select{height: 30px;line-height:1em;background-color:#ffffff;border-radius: 3px;padding: 5px;box-sizing: border-box;background-size: 11px;background-position: 90% 50%;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:7px;}
.set_modal{display: none;position: fixed;z-index: 11;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.7);}
.set_modal-content {width: 90%;overflow: auto;border-radius: var(--pd10);background:var(--white);margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;}
.mdin{padding:var(--pd25) var(--pd15);max-height: 82vh;overflow-y: auto;}
.set_modal h1{color: var(--txtblack);font-size: 21px;font-weight: 600;text-align: center;width: 100%;margin-bottom: var(--pd15);}
.set_close{color: var(--txtgray4);font-size: 24px;font-weight: bold;cursor: pointer;position: absolute;padding: var(--pd10);top: 4px;right: 2px;}
.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);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: 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: 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(--blue);color: var(--white);height: 58px;line-height: 57px;}
.ntmdin{padding-top: 30px;display: flex;justify-content: center;position: fixed;bottom: 0;width:100%;}
.ing{gap: 15px;align-items: center;margin-top: var(--pd20);}
.ing img{width: 65%;}
.ing hgroup{text-align: center;display: flex;flex-direction: column;gap: 5px;}
.ing h1{font-size: 23px;}
.ing h2{font-size: 15px;color: var(--txtgray4);font-weight: normal;}



    @media (min-width: 701px){

        .logtop h2{font-size: 17px;}
        .logw input{padding: 0 var(--pd20);}
        .logw input:not(:first-child){margin-top: -30px;}
        .id_join .logw input:not(:first-child), .id_join select{margin-top: -20px;}
        .ntbtnw{font-size: 17px;}
        .ing{gap: 20px;margin-top: var(--pd40);}
        .ing img{width: 50%;}
        .ing h1{font-size: 35px;}
        .ing h2{font-size: 19px;}
        .notice_modal-content{padding: 80px var(--pd35) var(--pd30);}
        .notice_modal .btn01{margin: var(--pd25) 0;}
        .notice_modal hgroup p{font-size: 18px;}
        .notice_modal hgroup span{font-size: 16px;}
        .set_modal h1{font-size: 25px;}
        .set_close{font-size: 28px;}
        .set_modal-content{width: 80%;}
        .link1 a{padding: 0 17px;line-height: 57px;border-radius: var(--pd10);font-size: 15px;}
        .tsh input{border-radius: var(--pd05);}
        .tsh{flex-direction: row;margin-bottom: -10px;}
        .tsh a{padding: 0 16px;}
        .tsh select{width: 350px;}
        .joinagree p{height: fit-content;padding: var(--pd15);}
        .joinnote{font-size: 15px;}
        .id_join .section1{padding-top: var(--pd70);}
        .id_join .logw{padding: 0 var(--pd50);}
        .wdgo input{border-radius: var(--pd05);height: 52px;line-height: 51px;}
        .wdgo a{line-height: 51px;font-size: 14px;}
        .pacbtw a{padding: 12px 0;font-size: 15px;}
        .section3 .dtc2{padding-top: var(--pd20)!important;}
        .faq .ftin1{padding: var(--pd25);}
        .faq input[id*="reply"] + label hgroup{gap: 5px;}
        .faq input[id*="reply"] + label {padding:var(--pd20) 0;}
        .fbw .q01, .fbw .a01{gap: 15px;padding:var(--pd15) var(--pd20);}
        .fbw .fbicon{width: 25px;height: 25px;line-height: 24px;}
        .qaw1 form{gap: 15px;}
        .qaw1 textarea{height: 200px;}
        .mylist hgroup{gap: 15px;}
        .mylist h3{font-size: 16px;}
        .mylist h4{font-size: 18px;}
        .mylist h5{font-size: 22px;}
        .mylist{gap: 35px;padding: 0 var(--pd35);}
        .pdnote{padding: var(--pd40) 0;gap: 20px;margin: 0 var(--pd35);}
        .pdnote h3{font-size: 25px;}
        .pdnote hgroup{font-size: 17px;}
        .pdview h1{font-size: 22px;}
        .pdview h3{font-size: 28px;}
        .pdview h4{font-size: 16px;}
        .pdview{padding: 0 var(--pd35);gap: 40px;}
        .pdselect{gap: 40px;}
        .pdview h2{font-size:20px;font-weight: 600;font-family: 'Noto Sans KR';}
        .id_detail .bx-wrapper .bx-prev, .id_detail .bx-wrapper .bx-prev:hover{background: url(/img/controls.png) no-repeat -45px 0;background-size: 90px;width: 45px;height: 45px;}
        .id_detail .bx-wrapper .bx-next, .id_detail .bx-wrapper .bx-next:hover{background: url(/img/controls.png) no-repeat 0 0;background-size:90px;width: 45px;height: 45px;}
        .id_detail .bx-wrapper{width: 70%;margin: 40px auto 0;}
        .id_detail .dtconw{padding:75px 0 var(--pd50);gap: 50px;}
        .pdlist a:nth-child(even){float: left;}
        .id_shop .pdlist{margin-top: -50px;}
        .pdlist h3{font-size: 16px;}
        .pdlist h4{font-size: 17px;}
        .pdlist a{width: 30%;margin-top: var(--pd50);}
        .pdlist a:not(:nth-child(3n)){margin-right: 5%;}
        .mt2 .mtin{padding: 50px 0 var(--pd40);}
        .pacw .moneylist li{padding: var(--pd15) var(--pd10);gap: 12px;}
        .mkhd select{height: 36px;line-height: 35px;}
        .mklist hgroup{padding:12px 10px;font-size: 15px;}
        .mklist .mkhd{padding-right: 85px;}
        .mkhd a{right: 10px;top: 5px;}
        .section3 .dtconw{padding-top: var(--pd25);}
        .exbg{font-size: 13px;}
        .moneylist li{padding: var(--pd15) 0;font-size: 15px;}
        .dealtab{gap: 15px;}
        .dealtab a{font-size: 17px;padding: 14px 25px;border-radius: 25px;}
        .dtconw{padding: var(--pd50) var(--pd35);gap: 30px;}
        .total1 h1{font-size: 40px;}
        .total1 p, .total1 em{font-size: 23px;}
        .logout a{font-size: 18px;padding: 13px 17px;}
        .mnotice hgroup{left: 20px;top: 16px;font-size: 16px;}
        .mnotice hgroup span::after{top: 5px;right: -11px;height: 12px;}
        .mnotice hgroup img{width: 18px;}
        .mnotin{padding: var(--pd15) var(--pd20) var(--pd15) 95px;border-radius: var(--pd10);}
        .mnotice p{font-size: 16px;}
        .mnotice{margin-bottom: var(--pd50);padding: 0 var(--pd35);}
        .miconw{display: grid;gap: 20px;grid-template-columns: repeat(5,1fr);padding:0 var(--pd35);position: relative;z-index: 2;}
        .miconw a{padding: 18px 15px 16px;gap: 25px;}
        .miconw p{font-size: 18px;}
        .miconw img{width:37px;}
		.miconw i{margin:20px 5px 20px;font-size:20pt;color:#aaa}
        .mwrap{gap: 50px;}
        .mtbtw hgroup{padding: var(--pd30) 0;}
        .mtbtw h3{font-size: 20px;}
        .mtbtw h4{font-size: 34px;}
        .mtbtw{padding: 0 var(--pd35);}
        .mtbox hgroup{padding-left: var(--pd35);}
        .mtbox h2{font-size: 25px;}
        .mtbox h1{font-size: 30px;}
        .mtin{padding: 80px 0 var(--pd50);gap: 80px;}
        .section1 .logw form{gap: 20px;}
        .section1 .logw input, .btnlogin{font-size: 18px;height: 58px;line-height: 57px;}
        .logw select{font-size: 17px;}
        .errors{font-size: 15px;padding: var(--pd15);}
        section{padding: 120px 0 var(--pd60);}
        section h1{font-size: 28px;padding-bottom: var(--pd30);}
        .logw input, .btnlogin{font-size: 18px;height: 65px;line-height: 64px;}
        .logw form{gap: 30px;}
        .logw{padding: var(--pd70) var(--pd50);}
        .inner{padding: 10px var(--pd35);}
        .logtop{gap: 25px;padding: var(--pd100) var(--pd40) var(--pd70);}
        .logtop img{width: 40%;}
        .logtop h1{font-size: 40px;}
    input, select{padding: 0 var(--pd15);height: 58px;line-height: 57px;font-size: 16px;border-radius: var(--pd10);}
    textarea{border-radius: var(--pd10);font-size: 16px;padding: var(--pd15);}
    header{height: 75px;}
    .side-nav .close{top: 14px;}
    .logo-wrap img, .nav-tit a img{width: 140px;}
    .logo-wrap a{padding:21px 0 0 0}
   .nav-toggle{height: 75px;width: 70px;}
   .nav-toggle img{width: 35px;}
    .side-nav ul{padding: var(--pd40) 0;}
    .side-nav li a{padding: 25px 0 25px 40px;font-size: 20px;}
    .side-nav li:after{border-top: 3px solid #c4b3d9;border-right: 3px solid #c4b3d9;width: 7px;height: 7px;right:30px;}
    .nav-tit{height: 75px;}
    .nav-tit a{top: 21px;left: 30px;}
    .overlay .closebtn{right: 18px;top: 16px;}
    .overlay .closebtn i{font-size: 33px;}
    .nav-toggle i{font-size: 34px;}
   .nav-toggle{padding-top: 21px;}
}

@media (min-width: 1001px){

    .notice_modal-content {border-radius: var(--pd25);padding:70px var(--pd35) var(--pd30);width:500px;}
    .ntmdin{position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: fit-content;}
    .set_modal-content{width: 600px;}
    main, header{width: 800px;margin: 0 auto;}
}

@media (max-width: 380px){
	.inner{padding:0px 0 20px 10px}   
}