@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=Inter:wght@300&display=swap');
@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 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{margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'Noto Sans KR','돋움',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
body,input,textarea,select,table,button,code{font-size:13px;line-height:1.6em;font-family:'Noto Sans KR','돋움',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;text-align: center;}
body{position:relative;margin:0;padding:0;color:#333; word-wrap:break-word;word-break:keep-all;-webkit-text-size-adjust:none;background-color: var(--bggray);}
textarea{border:1px solid #bcbcbc;resize:none; }
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{border-collapse:collapse;border-spacing:0px;}
a{color:#555; 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;} 
/*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;}

input{ border-radius: var(--pd10);padding: 0 var(--pd20);border: 1px solid var(--linegray1);font-size: 15px;color: #000;box-sizing: border-box;width: 100%;outline: none;}
select{line-height: 57px;outline: none;width: 100%;height: 58px;border-radius: var(--pd10);text-align: left;box-sizing: border-box;padding: 0 var(--pd45) 0 var(--pd20);font-size: 15px;background:#fff url('/img/angle-down-solid.svg') no-repeat 97% 50%;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-size:12px;border: 1px solid #e1e1e1;}

textarea{outline: none;}
/*layout*/
html,body{margin: 0;padding: 0;}
.inner{width:1300px;margin:0 auto;position: relative;text-align: center;overflow: hidden;}
#wrap{width:100%;}
:root {--violet: #7651e1;--lineviolet: #9e7ff7;--bgviolet:#f1f0fd;;--txtviolet:#818498;--yellow: #faf20a;--bgyellow:#fdf0c4;--stblack:#212121;--green: #46ae83;--bgreen: #d8f3e8;--brown:#7f4730;
    --bggray:#f5f5f5;--linegray1:#e7e8ea;--white: #fff;--black: #000;--txtgray1:#323338;--txtgray2:#999;--stickgray:#eeeef2;
--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;}


.sa {opacity: 0;transition: all .5s ease;}
.sa-up {transform: translate(0, 100px);}
.sa-down {transform: translate(0, -100px);}
.sa-right {transform: translate(-100px, 0);}
.sa-left {transform: translate(100px, 0);}
.sa-rotateL {transform: rotate(180deg);}
.sa-rotateR {transform: rotate(-180deg);}
.sa-scaleUp {transform: scale(.5);}
.sa-scaleDown {transform: scale(1.5);}
.sa.show {opacity: 1;transform: none;}
.flc{display: flex;flex-direction: column;}
.btnbg1{background: var(--violet);color: var(--white);border: 1px solid var(--violet);}
.btnbg2{background: var(--white);color: var(--txtgray2);border: 1px solid var(--txtgray2);}
.btnbg3{background: var(--bgviolet);color: var(--violet);border: 1px solid var(--violet);}

#header{background-color: var(--white);position: fixed;z-index: 3;width: 270px;top: 0;bottom: 0;border-right: 1px solid var(--linegray1);}
#header .in01{padding:var(--pd50) var(--pd30);text-align: left;}
#header .in01:after{content:'';display:block;clear:both;}
#header .logo-wrap{background:var(--violet);margin: -50px -30px 60px;padding: var(--pd15) 0;}
#header .logo-wrap a{display: flex;justify-content: center;}
#header .logo-wrap img{width:50px;}
#btnNav{display:none;}
#header .top-nav ul:after{content:'';display:block;clear:both;}
#header .top-nav a{display:inline-block;position:relative;padding:18px 0 18px 50px;font-size:15px;width: 100%;box-sizing: border-box;}
#header .top-nav li a:hover, #home .top-nav li .tm01, #package .top-nav li .tm02, #cash_log .tm04, #point_log .tm05, #id_withdraw .tm06, #id_refs .tm07, #id_adms .tm08, #id_qna .tm10{border-radius: var(--pd10);background-color: var(--violet);color: var(--white);}
#header .top-nav li .tm01{background-image: url("../img/icon01.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm01 , #home .top-nav li .tm01{background-image: url("../img/icon01_on.png");background-size: 24px;}
#header .top-nav li .tm02{background-image: url("../img/icon02.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm02 , #package .top-nav li .tm02{background-image: url("../img/icon02_on.png");background-size: 24px;}
#header .top-nav li .tm03{background-image: url("../img/icon03.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm03 , #buy .top-nav li .tm03{background-image: url("../img/icon03_on.png");background-size: 24px;}
#header .top-nav li .tm04{background-image: url("../img/icon04.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm04 , #cash_log .top-nav li .tm04{background-image: url("../img/icon04_on.png");background-size: 24px;}
#header .top-nav li .tm05{background-image: url("../img/icon05.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm05 , #point_log .top-nav li .tm05{background-image: url("../img/icon05_on.png");background-size: 24px;}
#header .top-nav li .tm06{background-image: url("../img/icon06.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm06 , #id_withdraw .top-nav li .tm06{background-image: url("../img/icon06_on.png");background-size: 24px;}
#header .top-nav li .tm07{background-image: url("../img/icon07.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm07 , #id_refs .top-nav li .tm07{background-image: url("../img/icon07_on.png");background-size: 24px;}
#header .top-nav li .tm08{background-image: url("../img/icon08.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm08 , #id_adms .top-nav li .tm08{background-image: url("../img/icon08_on.png");background-size: 24px;}
#header .top-nav li .tm09{background-image: url("../img/icon09.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm09 , #logout .top-nav li .tm09{background-image: url("../img/icon09_on.png");background-size: 24px;}
#header .top-nav li .tm10{background-image: url("../img/icon10.png");background-size: 24px;background-repeat: no-repeat;background-position: 18px 51%;}
#header .top-nav li:hover .tm10 , #id_qna .top-nav li .tm10{background-image: url("../img/icon10_on.png");background-size: 24px;}
#header .side-nav, #header .mgnb{display:none;}
.overlay, .nav-toggle{display: none;}
.gnb01{z-index: 2;background: var(--white);width: 100vw;box-sizing: border-box;padding: var(--pd15) 100px var(--pd15) 0;border-bottom: 1px solid var(--linegray1);overflow: hidden;}
.dropdown {float: right;}
.gnb01 img{display: inline-block;width: 35px;border-radius: 50%;margin-right: 10px;}
.gnb01 .dropbtn {font-size: 15px;line-height: 35px;}
.gnb01 .dropbtn strong{color: var(--violet);font-weight: 400;}
.gnb01 .dropdown-content {display: none;position: absolute;background-color: #fff;min-width: 200px;z-index: 1;border-radius: 8px;border: 1px solid #edeef0;}
.gnb01 .dropdown-content a {float:none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.gnb01 .dropdown-content a:hover {background-color: #e7f0fe;}
.gnb01 .dropdown:hover .dropdown-content {display: block;}
.gnb01 .arrow {border: solid #555;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
.gnb01 .down {transform: rotate(45deg);-webkit-transform: rotate(45deg);vertical-align: top;margin: 12px 0 0 11px;}
.set_modal{display: none;position: fixed;z-index: 60;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.set_modal .set_modal-content {background-color:var(--white);margin: auto;padding:var(--pd45) var(--pd40) var(--pd40);width:500px;margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;}
.set_modal .set_close{color: #aaaaaa;font-size: 28px;font-weight: bold;cursor: pointer;position: absolute;top: 8px;right: 10px;padding: var(--pd10);}
.set_modal .mymenu{background-color: var(--bgviolet);color: var(--violet);font-size: 16px;width: 100%;padding: var(--pd15) 0;border-radius: var(--pd10);display: block;border: 1px solid var(--violet);}
.title1 {font-size: 30px;line-height: 1.4em;display: block;color: var(--stblack);font-weight: bold;}
.title2 {font-size: 24px;line-height: 1.4em;display: block;color: var(--stblack);font-weight: bold;}
.set_modal .title2{margin-bottom: var(--pd20);}
main{padding: var(--pd50) 0 var(--pd20) 330px;width: 950px;text-align: left;}
main .dbicon{margin: var(--pd25) 0 var(--pd60);text-align: center;display: grid;grid-template-columns: repeat(9, 1fr);column-gap: 15px;row-gap: 15px;}
main .dbicon a{display: block;background-color: var(--white);border: 1px solid var(--linegray1);border-radius: var(--pd05);box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);width: 90px;height: 85px;box-sizing: border-box;color: var(--txtviolet);font-size: 14px;padding: var(--pd50) 0 13px;}
main .dbicon .db01{background-image: url("../img/icon02_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db02{background-image: url("../img/icon03_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db03{background-image: url("../img/icon04_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db04{background-image: url("../img/icon05_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db05{background-image: url("../img/icon06_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db06{background-image: url("../img/icon07_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db07{background-image: url("../img/icon08_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db08{background-image: url("../img/icon10_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .dbicon .db09{background-image: url("../img/icon11_vi.png");background-size: 24px;background-repeat: no-repeat;background-position: center 15px;}
main .myinfo ul{margin: var(--pd25) 0 var(--pd60);background-color: var(--white);border: 1px solid var(--linegray1);border-radius: var(--pd05);box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);display: grid;grid-template-columns: repeat(3, 2fr);}
main .myinfo ul li{padding: var(--pd20);border-right: 1px solid var(--linegray1);}
main .myinfo ul li:nth-child(3), main .myinfo ul li:last-child{border-right: none;}
main .myinfo ul li:first-child, main .myinfo ul li:nth-child(2), main .myinfo ul li:nth-child(3){border-bottom: 1px solid var(--linegray1);}
main .myinfo ul li:first-child .num, main .myinfo ul li:nth-child(2) .num, main .myinfo ul li:nth-child(3) .num{background-color: var(--bgviolet);}
main .myinfo ul li:first-child .num strong, main .myinfo ul li:nth-child(2) .num strong, main .myinfo ul li:nth-child(3) .num strong{color: var(--violet);}
main .myinfo ul li:nth-child(4) .num{background-color: var(--bgreen);}
main .myinfo ul li:nth-child(5) .num, main .myinfo ul li:nth-child(6) .num{background-color: var(--bgyellow);}
main .myinfo ul li:nth-child(4) .num strong, main .myinfo ul li:nth-child(4) .stitle{color: var(--green);}
main .myinfo ul li:nth-child(5) .num strong, main .myinfo ul li:nth-child(6) .num strong, main .myinfo ul li:nth-child(5) .stitle, main .myinfo ul li:nth-child(6) .stitle{color: var(--brown);}
main .stitle{color: var(--txtgray1);padding-bottom: var(--pd10);font-size:16px;}
main .myinfo em, main .myresult em{font-size: 13px;color: #87868a;display: inline-block;}
main .myinfo .num, main .myresult .num{border-radius: var(--pd05);padding:6px 10px;display: inline-block;float: right;}
main .myinfo .num strong, main .myresult .num strong{font-size: 15px;}
main .myresult ul{margin: var(--pd25) 0 var(--pd60);background-color: var(--white);border: 1px solid var(--linegray1);border-radius: var(--pd05);box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);overflow: hidden;}
main .myresult ul li{padding: var(--pd25);box-sizing: border-box;text-align: center;width: 40%;float: left;}
main .myresult ul li:last-child{border-left: 1px solid var(--linegray1);width: 60%;}
main .myresult ul li .stw01{overflow: hidden;margin-bottom: var(--pd20);}
main .myresult .stitle{float: left;}
main .myresult .numw{float: right;}
main .myresult .num{background-color: var(--bgviolet);color: var(--violet);display: inline-block;float: left;}
main .myresult em{margin: 10px 0 0 6px;display: inline-block;float: left;}
main .myresult .graph{width: 100px;border-radius: 50%;border: 30px solid var(--violet);height: 100px;display: inline-block;}
main .myresult .stickw{margin-bottom: var(--pd15);overflow: hidden;}
main .myresult .stickw .stick{width: 60%;background-color:var(--stickgray);float: left;border-radius: 8px;margin-top: 9px;}
main .myresult .stickw .stick .stickin{padding: 8px;border-radius: 8px 0 0 8px;}
main .myresult .stickw .stick .sin01{width: 50%;background-color: #48dab3;}
main .myresult .stickw .stick .sin02{width: 30%;background-color: var(--violet);}
main .myresult .stickw .stick .sin03{width: 80%;background-color: #ffad80;}
main .myresult .stickw .stick .sin04{width: 20%;background-color: #78d4fb;}
main .myresult .stickw .stick .sin05{width: 90%;background-color: #fce370;}
main .myresult .sttxt{float: right;}
main .myresult .sttxt p{display: inline-block;font-size: 14px;margin:6px 13px 0 0;color: var(--stblack);float: left;}
main .myresult .sttxt .num{border-radius: var(--pd05);padding:4px 10px;display: inline-block;float: left;}
main .myresult .stickw:first-child .num{background-color: var(--bggray);}
main .myresult .stickw:nth-child(2) .num{background-color: var(--bgviolet);}
main .myresult .stickw:nth-child(3) .num{background-color:#fcede4;}
main .myresult .stickw:nth-child(4) .num{background-color: #e3f3fa;}
main .myresult .stickw:nth-child(5) .num{background-color: #fdf0c4;}
main .myresult .stickw:first-child .num strong{color: var(--green);}
main .myresult .stickw:nth-child(2) .num strong{color: var(--violet);}
main .myresult .stickw:nth-child(3) .num strong{color:#ffad80;}
main .myresult .stickw:nth-child(4) .num strong{color: #78d4fb;}
main .myresult .stickw:nth-child(5) .num strong{color: var(--brown);}
main .myresult .stickw:last-child{margin-bottom: 0;}
main .myresult .stitle02{color: var(--txtgray1);padding-bottom: var(--pd15);font-size:16px;text-align: left;}
main .invitation .invin{margin: var(--pd25) 0 var(--pd60);background-color:#f5f1fd;border: 1px solid #dcdcdd;border-radius: var(--pd05);box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);padding: var(--pd25) 120px 25px 150px;position: relative;box-sizing: border-box;}
main .invitation #qr{position: absolute;top: 25px;left: 25px;}
main .invitation #qr img{height: 96px;}
main .invitation .ivtxt{display: inline-block;}
main .invitation .ivtxt h1{font-size: 25px;color: var(--violet);}
main .invitation .ivtxt h2{font-size: 15px;color: #909091;padding-bottom: 10px;font-weight: 300;}
main .invitation .ivtxt h3{font-size: 15px;color: var(--stblack);font-weight: 300;text-decoration: underline;}
main .invitation button{background-color: var(--violet);border-radius: var(--pd05);padding: 28px;color: var(--white);position: absolute;top: 28px;right: 25px;font-size: 15px;}
main .myresult .mnt1 .stitle02{padding-top: var(--pd15);display: flex;justify-content: space-between;border-top: 1px solid var(--txtgray2);}
.mnot hgroup{position: relative;padding-right: 100px;text-align: left;}
.mnot hgroup:not(:first-child){padding-top: 15px;}
.mnot hgroup a{text-decoration: underline;font-size: 14px;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mnot hgroup .date{position: absolute;bottom: 0;right: 0;font-size: 13px;color: var(--txtgray2);font-family: 'paybooc-Bold';font-weight: 300;}
.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(--violet);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: 15px;border-radius: var(--pd05);font-weight: 500;background: var(--violet);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;}

.checkbox_w input[type='checkbox'] {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;margin: 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[type='checkbox'] ~ .checkmark {background-color:var(--white);}
.checkbox_w input[type='checkbox']:checked ~ .checkmark {background-color: var(--violet);border: 1px solid  var(--violet);}
.checkbox_w .checkmark:after {content: "";position: absolute;display: none;}
.checkbox_w input[type='checkbox']: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);}
.tbn1{margin-bottom: var(--pd60);}
.tbn1 img{width: 100%;}

@media (max-width: 1030px){
    
    .tbn1{margin-bottom: var(--pd50);}
    .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;}
    .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;}
    main .invitation .invin{margin: var(--pd20) 0 var(--pd50);padding:30px 15px;text-align: center;}
    main .invitation .ivtxt{margin: 20px 0 30px;}
    main .invitation .ivtxt h1{font-size: 24px;}
    main .invitation button{padding:12px var(--pd10);width: 100%;box-sizing: border-box;}
    main .invitation #qr, main .invitation button{position: relative;}
    main .invitation #qr{top: auto;left: auto;}
    main .invitation #qr img{height: 150px;}
    main .invitation button{top: auto;right: auto;}
    main .myresult .stickw{margin-bottom: var(--pd30);}
    main .myresult .stickw .stick{width: 100%;margin-top: 0;}
    main .myresult .sttxt{margin-top: var(--pd10);}
    main .myresult .num strong{font-size: 14px;}
    main .myresult ul li:last-child{width: 100%;border-left: none;}
    main .myresult ul li:first-child{width: 100%;border-right: none;border-bottom: 1px solid var(--linegray1);}
    main .myinfo ul{margin: var(--pd20) 0 var(--pd50);grid-template-columns: repeat(2, 3fr);}
    main .myinfo ul li,  main .myresult ul li{padding: 18px 15px 18px 15px;}
    main .myresult ul{margin: var(--pd20) 0 var(--pd50);}
    main .stitle{font-size: 14px;}
    main .myinfo .num{padding:3px 8px;}
    main .myinfo .num strong{font-size: 13px;}
    main .myinfo ul li:nth-child(even){border-right: none;}
    main .myinfo ul li:nth-child(3){border-right: 1px solid var(--linegray1);}
    main .myinfo ul li:nth-child(4){border-bottom: 1px solid var(--linegray1);}
    main{padding: 100px 18px var(--pd30);width: 100%;box-sizing: border-box;}
    main .dbicon{margin: var(--pd20) 0 var(--pd50);grid-template-columns: repeat(3, 1fr);}
    main .dbicon a{width: 100%;height: 85px;padding-bottom: 11px;}
    .title1 {font-size: 24px;}
    .title2{font-size: 20px;}
    .set_modal .title2{margin-bottom: var(--pd30);}
    #header .mgnb{position: absolute;right: 0;display: block;width: 70px;height: 65px;top: 0;}
    #header .mgnb img{display: inline-block;width: 35px;border-radius: 50%;}
    .set_modal .set_modal-content {-ms-transform:none;transform:none;top: auto;left:0;padding:var(--pd35) var(--pd25) var(--pd30);width:100%;border-radius: var(--pd25) var(--pd25) 0 0;position: fixed;bottom: 0;}
    .gnb01{display: none;}
    #header .top-nav{display: none;}
    #header .side-nav{min-height: 100%;background-color: var(--violet);}
    #header .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;width: 100%;border-right: none;border-bottom: 1px solid var(--linegray1);min-height: auto;}
    #header .in01{position:relative;box-sizing: border-box;overflow: hidden;padding: 0;text-align: center;}
    #header .logo-wrap{margin: 0;padding: 0;}
    #header .logo-wrap a{display: inline-block;height: 65px;box-sizing: border-box;padding-top: 13px;}
    #header .logo-wrap img, #header .nav-tit a img{width: 32px;}
    #header .nav-toggle{width: 60px;height: 65px;box-sizing: border-box;position: absolute;left: 5px;top: 0;}
    #header .side-nav ul{padding: var(--pd15) 0 var(--pd20);}
    #header .nav-tit{background-color: var(--violet);text-align: center;position: relative;border-bottom: 1px solid var(--lineviolet);height: 65px;box-sizing: border-box;}
    #header .nav-tit a{display: block;position: absolute;top: 13px;left: 22px;text-align: left;}
	#header .side-nav li{position: relative;}
    #header .side-nav li a{display:block;padding:18px 0 18px 50px;color:var(--white);text-align:left;font-size:16px;}
    #header .side-nav li .mtm01{background-image: url("../img/icon01_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm02{background-image: url("../img/icon02_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm03{background-image: url("../img/icon03_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm04{background-image: url("../img/icon04_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm05{background-image: url("../img/icon05_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm06{background-image: url("../img/icon06_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm07{background-image: url("../img/icon07_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm08{background-image: url("../img/icon08_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm09{background-image: url("../img/icon09_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li .mtm10{background-image: url("../img/icon10_on.png");background-size: 20px;background-repeat: no-repeat;background-position: 18px 50%;}
    #header .side-nav li a img{width: 175px;text-align: left;}
    #header .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;}
    #header .side-nav li .on a{color:#1e75d6;}
    #header .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:26px;color: var(--white);display: block;padding-top: 19px;}
    .inner{width:100%;}
    input{padding: 0 var(--pd15);}
    select{padding-left: var(--pd15);height: 53px;line-height: 52px;padding: 0 var(--pd35) 0 var(--pd15); background: #fff url(/img/angle-down-solid.svg) no-repeat 96% 50%;background-size: 11px;}
    
     .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){

    
    .tbn1{margin-bottom: var(--pd70);}
    .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;}
    .notlist li{padding: var(--pd15) 100px var(--pd15) 80px;;}
    .notlist p {width: 70px;position: absolute;left: 0;top: 15px;width: 60px;text-align: center;}
    .notlist p::after{content: normal;}
    .notlist a{padding: 0;}
    .notlist em {position: absolute;right: 15px;top: 15px;}
    .notice_modal-content{padding: 80px var(--pd35) var(--pd30);border-radius: var(--pd25);}
    .mnot hgroup{padding-right: 100px;}
    .mnot hgroup a{font-size: 15px;}
    .mnot hgroup .date{font-size: 14px;}
    main .invitation .ivtxt{margin: 0;}
    main .invitation button{padding: 28px;position: absolute;top: 28px;right: 25px;font-size: 15px;width: auto;}
    main .invitation #qr{position: absolute;top: 25px;left: 25px;}
    main .invitation #qr img{height: 100px;}
    main .invitation .invin{margin: var(--pd25) 0 var(--pd70);padding: 25px 15px 25px 160px;text-align: left;}
    main .myresult ul li:first-child{width: 100%;}
    main .myinfo ul{margin: var(--pd25) 0 var(--pd70);grid-template-columns: repeat(3, 2fr);}
    main .myinfo ul li, main .myresult ul li{padding:var(--pd25);}
    main .myresult ul{margin: var(--pd30) 0 var(--pd70);}
    main .myinfo ul li:nth-child(2),  main .myinfo ul li:nth-child(4){border-right: 1px solid var(--linegray1);}
    main .myinfo ul li:nth-child(3){border-right: none;}
    main .stitle{font-size: 16px;}
    main .myinfo .num{padding:3px 10px;}
    main .myinfo .num strong{font-size: 15px;}
    main{padding: 120px var(--pd35) var(--pd50);}
    main .dbicon{margin: var(--pd30) 0 var(--pd70);grid-template-columns: repeat(5, 1fr);column-gap: 20px;row-gap: 20px;}
    main .dbicon a{width: 100%;font-size: 15px;height: 90px;}
    .title1 {font-size: 30px;}
    .title2{font-size: 24px;}
    #header .mgnb{width: 80px;height: 75px;}
    #header .mgnb img{width: 38px;}
    .set_modal .mymenu{margin-top: var(--pd20); padding: var(--pd20) 0;}
    .set_modal .set_modal-content{padding: var(--pd50) var(--pd35);}
    input{padding: 0 var(--pd20);}
    select{background:#fff url(/img/angle-down-solid.svg) no-repeat 98% 50%;background-size: 11px;height: 56px;line-height: 55px;padding: 0 var(--pd45) 0 var(--pd20);}
    
    .set_modal .set_close{font-size: 28px;top: 19px;right: 11px;}

    #header{height: 75px;}
    #header .side-nav .close{top: 14px;}
    #header .logo-wrap img, #header .nav-tit a img{width: 37px;}
    #header .logo-wrap a{height: 75px;}
    #header .nav-toggle{height: 75px;width: 70px;}
    #header .side-nav ul{padding: var(--pd30) 0 0;}
    #header .side-nav li a{padding: 25px 0 25px 62px;font-size: 18px;background-position: 30px 50%!important;}
    #header .side-nav li:after{border-top: 3px solid var(--white);border-right: 3px solid var(--white);width: 7px;height: 7px;right:30px;}
   
    #header .nav-tit{height: 75px;}
    #header .nav-tit a{top: 16px;left: 30px;}
    .overlay .closebtn{right: 18px;}
    .overlay .closebtn i{font-size: 37px;}
    .nav-toggle i{font-size: 34px;}
    
	.p-block02{display:none;}
	.m-block02{display:inline-block;}
}