@charset "UTF-8";

:root{
	--shadow-card : 0 6px 10px rgba(0,0,0,0.1);
	--width-sidemenu :20rem;
	--height-mypage:calc( 100vh - 9.8rem );
}

div.wrap.mypage{background:var(--color-main01); position:relative; margin:0;}
div.wrap.mypage:before{content:''; display:block; width:100%; height:100%; background:linear-gradient(60deg, rgba(0,45,122,1) 50%, rgba(4,191,174,1) 100%); position:absolute; top:0; left:0; opacity:.6; z-index:1; background-size:400% 400%; animation:gradiBg 10s infinite;}
div.wrap.mypage:after{content:''; display:block; width:100%; height:100%; background:url("/fro_end/img/mypage_bg.png")center/cover no-repeat; position:absolute; top:0; left:0; opacity:.4; z-index:2;}
div.wrap.mypage div.dashboard{min-height:100vh; position:relative; z-index:3; padding-top:calc(1.5rem + var(--height-header)); padding-bottom:2rem;}

/****** 대쉬보드 메인 ******/
div.wrap.mypage div.dashboard.main{width:1600px; min-height:100vh; padding-bottom:0; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; padding-top:calc(3rem + var(--height-header));}
div.wrap.mypage div.dashboard.main div.card{padding:1.5rem; box-shadow:var(--shadow-card); background:#fff; border-radius:1rem; min-height:10rem; margin-bottom:2.25rem;}
div.wrap.mypage div.dashboard.main div.card div.top{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; padding-bottom:1rem; margin-bottom:1rem;}
div.wrap.mypage div.dashboard.main div.card div.top h4.tit{font-size:1.2rem; font-family:'Pretendard-Bold',sans-serif;}
div.wrap.mypage div.dashboard.main div.card div.top h4.tit > span.sm-txt{font-size:0.65em; letter-spacing:-0.5px; color:#777; vertical-align:middle;}
div.wrap.mypage div.dashboard.main div.card div.top h4.tit > span.tag{font-size:0.6em; color:var(--color-main02); padding:0.3rem 0.6rem; border-radius:50px; display:inline-block; background:rgba(242,82,22,0.1); margin-left:0.25rem; vertical-align:bottom;}

div.wrap.mypage div.dashboard.main section.left{width:23%;}
div.wrap.mypage div.dashboard.main section.left div.card div.top h4.tit{font-family:'Montserrat_EB','Pretendard-Bold',sans-serif;}
div.wrap.mypage div.dashboard.main section.left div.card div.top h4.tit span.thin{font-family:'Montserrat_M','Pretendard-Regaulr',sans-serif;}
div.wrap.mypage div.dashboard.main section.left div.card.name{background:rgb(0,45,122); background:linear-gradient(60deg, rgba(242,82,22,1) 0%, rgba(4,191,174,1) 100%); background-size:120% 120%; color:#fff;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.top{border-bottom:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:space-between;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.top a.btn-logout{color:#fff; position:relative; padding-left:1.3em; font-size:0.9rem; opacity:.7;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.top a.btn-logout:before{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/mypage_logout.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%);}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot{display:block;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace{text-align:center; margin:1.6rem 0; color:#efefef;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace span.name{font-size:1.35rem; font-family:'Pretendard-Bold',sans-serif; color:#fff;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]{display:inline-block; width:47%; font-size:0.95rem; background:rgba(255,255,255,0.2); border-radius:5px; text-align:center; padding:0.8rem 0.5rem; font-family:'Pretendard-Medium',sans-serif;}
div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a.btn-history{width:100%; margin-top:1.5rem; background:transparent !important; font-size:0.9rem; padding:0; padding:0; text-decoration:underline; text-underline-offset:6px; border-radius:0;font-family:'Pretendard-Regular',sans-serif; opacity:.8;}
div.wrap.mypage div.dashboard.main section.left div.card.quick{}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.top{border-bottom:0;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot{}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li{width:48%; text-align:center; border:2px solid #ddd; border-radius:0.5rem; margin-bottom:1.5rem; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li:nth-child(3),
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li:nth-child(4){margin-bottom:0;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{width:100%; padding:2rem 0; font-family:'Pretendard-Medium',sans-serif; font-size:1.125rem;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a:before{content:''; display:block; width:2rem; height:2rem; margin:0 auto; margin-bottom:1.5rem;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li.home a:before{background:url("/fro_end/img/mypage_quick01.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li.course a:before{background:url("/fro_end/img/mypage_quick02.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li.qna a:before{background:url("/fro_end/img/mypage_quick03.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li.faq a:before{background:url("/fro_end/img/mypage_quick04.png")center/100% auto no-repeat;}
@media(hover:hover){
	div.wrap.mypage div.dashboard.main section.left div.card.name div.top a.btn-logout:hover{opacity:1;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]:hover{background:rgba(255,255,255,0.25);}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a.btn-history:hover{opacity:1;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li:hover{border-color:#333; transform:scale(0.97);}
}

div.wrap.mypage div.dashboard.main section.right{width:75%; display:flex; flex-wrap:wrap; justify-content:space-between;}
/*div.wrap.mypage div.dashboard.main section.right div.card{width:32%;}카드 6개*/
div.wrap.mypage div.dashboard.main section.right div.card{width:49%;}/*카드 4개*/
div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more{color:#777; padding-right:1.5rem; position:relative; font-family:'Montserrat_M','Pretendard-Medium',sans-serif; font-size:14px; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_next.svg")center/100% auto no-repeat; position:absolute; top:50%; right:0.25rem; transform:translateY(-50%); opacity:.5; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot{display:flex;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count{text-align:center; width:50%; margin:0.4rem 0;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count div.num{width:4rem; height:4rem; line-height:4rem; margin:0 auto; border-radius:50%; margin-bottom:0.5rem; background:var(--color-main01); color:#fff; font-family:'Montserrat_B','Pretendard-Bold',sans-serif;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count div.lab{font-size:0.9rem; font-family:'Pretendard-Medium',sans-serif; color:#5f5f5f;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count.c02 div.num{background:#00ccff;}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count.c03 div.num{background:var(--color-main03);}
div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count.c04 div.num{background:var(--color-main04);}
div.wrap.mypage div.dashboard.main section.right div.card.card03 div.bot div.cir-count div.num{color:var(--color-main01); background:rgba(0,45,122,0.1);}
div.wrap.mypage div.dashboard.main section.right div.card.card03 div.bot div.cir-count.c02 div.num{color:#00ccff; background:rgba(0,204,255,0.1);}
div.wrap.mypage div.dashboard.main section.right div.card.menu{width:100%; padding:2rem;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn{display:flex; align-items:center; gap:2rem; margin-bottom:1.5rem;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li{font-size:1.25rem; color:#777; font-family:'Pretendard-Light',sans-serif; position:relative;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li:after{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#ccc; position:absolute; top:50%; right:-1.05rem; transform:translateY(-50%);}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li:last-child:after{display:none;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a{position:relative;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a:before{content:''; display:block; width:0; height:60%; background:var(--color-main01); opacity:.08; position:absolute; bottom:-0.25rem; left:0; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.on{font-family:'Pretendard-Bold',sans-serif; color:var(--color-main01);}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.on a{}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.on a:before{width:100%;}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.menu2.on {color:var(--color-main02);}
div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.menu2 a:before{background:var(--color-main02);}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con{}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list{display:flex; gap:0.88rem;}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li{width:19%; border:2px solid #ccc; border-radius:0.5rem; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a{width:100%; height:100%; padding:1rem;}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.icon{width:2rem; height:2rem;}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.icon img{width:100%; height:100%; object-fit:contain;}
div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.name{width:100%; font-size:1.125rem; margin-top:1rem; font-family:'Pretendard-SemiBold',sans-serif;}
@media(hover:hover){
	div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more:hover{color:#333;}
	div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more:hover:after{right:0; opacity:1;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li:hover a:before{width:100%;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li:hover{border-color:var(--color-main01); transform:scale(0.97);}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list.menu2 li:hover{border-color:var(--color-main02);}
}


/****** 사이드메뉴 ******/
div.wrap.mypage div.dashboard section.sidemenu{height:var(--height-mypage); position:fixed; top:calc( 1.5rem + var(--height-header) ); left:0; width:var(--width-sidemenu); transition:0.4s; -webkit-transition:0.4s;}
div.wrap.mypage div.dashboard section.sidemenu div.top{width:3.5rem; height:3.5rem; padding:0; display:block; border-radius:0 0.5rem 0.5rem 0; box-shadow:10px 10px 20px rgba(0,0,0,0.2); background:rgb(242,82,22); background:linear-gradient(60deg, rgba(242,82,22,1) 0%, rgba(4,191,174,1) 100%); color:#fff;}
div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home{display:none; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; font-size:1.125rem; position:relative; padding-right:2rem;}
div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home span{font-family:'Montserrat_L','Pretendard-Light',sans-serif;}
div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_next_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); opacity:.5; transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard section.sidemenu div.top a.folded{width:100%; height:100%; background:url("/fro_end/img/mypage_menu.svg")center/40% auto no-repeat; border-radius:0.5rem;}
div.wrap.mypage div.dashboard section.sidemenu div.bot{background:#fff; border-radius:1rem; margin-top:1rem; box-shadow:var(--shadow-card); height:calc(100% - 4.5rem); overflow-y:auto;transform:translateX(calc(-1.05 * var(--width-sidemenu)));}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu{padding:1.5rem; border-bottom:1px solid #ddd;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu p.tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.125rem;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li{width:48%; margin-top:0.8rem; border:2px solid #ddd; text-align:center; border-radius:0.5rem;} 
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li a{width:100%; height:100%; padding:0.8rem 0;} 
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li a:before{content:''; display:block; width:1.4rem; height:1.4rem; margin:0 auto; margin-bottom:0.5rem;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li.on a{font-family:'Pretendard-Medium',sans-serif;}

div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.on{border-color:var(--color-main01); box-shadow:0 8px 18px rgba(0,45,122,0.15);}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml01 a:before{background:url("/fro_end/img/mypage_menu1_icon01.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml02 a:before{background:url("/fro_end/img/mypage_menu1_icon02.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml03 a:before{background:url("/fro_end/img/mypage_menu1_icon03.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml04 a:before{background:url("/fro_end/img/mypage_menu1_icon04.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml05 a:before{background:url("/fro_end/img/mypage_menu1_icon05.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu1 ul.m-list li.ml06 a:before{background:url("/fro_end/img/mypage_menu1_icon06.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2{border-bottom:none;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.on{border-color:var(--color-main02); box-shadow:0 8px 18px rgba(242,82,22,0.15);}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.ml01 a:before{background:url("/fro_end/img/mypage_menu2_icon01.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.ml02 a:before{background:url("/fro_end/img/mypage_menu2_icon02.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.ml03 a:before{background:url("/fro_end/img/mypage_menu2_icon03.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.ml04 a:before{background:url("/fro_end/img/mypage_menu2_icon04.png")center/100% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu.menu2 ul.m-list li.ml05 a:before{background:url("/fro_end/img/mypage_menu2_icon05.png")center/100% auto no-repeat;}
@media(hover:hover){
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li:not(.on):hover{transform:scale(0.97); border-color:#333;}
	div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home:hover:after{opacity:1; right:0;}
	div.wrap.mypage div.dashboard section.sidemenu div.top a.folded:hover{background-image:url("/fro_end/img/mypage_menu_hover.svg");}

}


/* open */
div.wrap.mypage div.dashboard section.sidemenu.open{left:1.5rem;}
div.wrap.mypage div.dashboard section.sidemenu.open div.top{width:100%; height:3.5rem; padding:0 1.5rem;  padding:0 1.5rem; padding-right:1rem; display:flex; align-items:center; justify-content:space-between; box-shadow:var(--shadow-card); border-radius:0.8rem;}
div.wrap.mypage div.dashboard section.sidemenu.open div.top a.go-home{display:block;}
div.wrap.mypage div.dashboard section.sidemenu.open div.top a.folded{width:2.5rem; height:2.5rem; background:url("/fro_end/img/ico_close_wh.svg")center/60% auto no-repeat;}
div.wrap.mypage div.dashboard section.sidemenu.open div.bot{transform:none;}
@media(hover:hover){
	div.wrap.mypage div.dashboard section.sidemenu.open div.top a.folded:hover{background:rgba(255,255,255,0.2) url("/fro_end/img/ico_close_wh.svg")center/60% auto no-repeat;}
}

/****** 컨텐츠영역 ******/
div.wrap.mypage div.dashboard section.contents{height:var(--height-mypage); background:#fff; width:calc(96vw - var(--width-sidemenu)); margin-left:calc(3rem + var(--width-sidemenu)); border-radius:1.5rem; padding:2rem 2.5rem; overflow-y:auto; overflow-x:hidden; box-shadow:var(--shadow-card); transition:0.4s; -webkit-transition:0.4s;}
div.wrap.mypage div.dashboard section.contents::-webkit-scrollbar{width:7px;}
div.wrap.mypage div.dashboard section.contents::-webkit-scrollbar-thumb{background:#3c3c3c; border-radius:10px;}
div.wrap.mypage div.dashboard section.contents::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
div.wrap.mypage div.dashboard section.contents h2.cont-tit{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif;}

/* full */
div.wrap.mypage div.dashboard section.contents.full{width:calc(100% - 3rem); margin-left:1.5rem;}

/* top */
div.wrap.mypage div.dashboard section.contents div.top{border-bottom:1px solid #ddd; margin-bottom:1.5rem;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tit{display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tit p.menu-tit{font-size:0.825rem; color:var(--color-main01); font-family:'Pretendard-Medium',sans-serif; width:fit-content; padding:0.3rem 0.8rem; letter-spacing:-0.35px; border-radius:50px; background:rgba(0,45,122,0.1);}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab{}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul{display:flex; gap:1.5rem;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li{font-size:1.125rem; color:#777; font-family:'Pretendard-Light',sans-serif;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li a{position:relative; padding-bottom:1rem;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li a:after{content:''; display:block; width:0; height:3px; background:var(--color-main01); position:absolute; bottom:0; left:0;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li.on{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li.on a{}
div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li.on a:after{width:100%;}
@media(hover:hover){
	div.wrap.mypage div.dashboard section.contents div.top div.top-tab ul li:not(.on):hover{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
}

/* menu2 */
div.wrap.mypage div.dashboard section.contents.menu2 div.top div.top-tit p.menu-tit{color:var(--color-main02); background:rgba(242,82,22,0.1);}
div.wrap.mypage div.dashboard section.contents.menu2 div.top div.top-tab ul li a:after{background:var(--color-main02);}
div.wrap.mypage div.dashboard section.contents.menu2 div.top div.top-tab ul li.on{color:var(--color-main02);}
@media(hover:hover){
	div.wrap.mypage div.dashboard section.contents.menu2 div.top div.top-tab ul li:not(.on):hover{color:var(--color-main02);}
}

/* label */
div.wrap.mypage div.dashboard section.contents span.label{font-size:0.825em; border:1px solid; font-family:'Pretendard-SemiBold',sans-serif; padding:0.25rem 0.5rem; border-radius:8px; letter-spacing:-0.3px; white-space:nowrap;}
div.wrap.mypage div.dashboard section.contents span.label.green{border:1px solid #14c34b; background:#f6fff9; color:#14c34b;}
div.wrap.mypage div.dashboard section.contents span.label.gray{border:1px solid #aaa; color:#8f8f8f; background:#f7f7f7;}
div.wrap.mypage div.dashboard section.contents span.label.blue{border:1px solid #4179cf; color:#4179cf; background:#fafcff;}
div.wrap.mypage div.dashboard section.contents span.label.red{border:1px solid #ed4949; color:#ed4949; background:#fff2f2;}
div.wrap.mypage div.dashboard section.contents span.color.red{color:red !important;}
div.wrap.mypage div.dashboard section.contents span.color.blue{color:blue !important;}
div.wrap.mypage div.dashboard section.contents span.color.gray{color:#999 !important;}
div.wrap.mypage div.dashboard section.contents a.t-btn{font-size:0.825em; background:var(--color-main01); color:#fff; font-family:'Pretendard-SemiBold',sans-serif; padding:0.4rem 0.6rem; border-radius:0.5rem; box-shadow:0 7px 15px rgba(0,45,122,0.2); transition:0.3s; -webkit-transition:0.3s;}
div.wrap.mypage div.dashboard section.contents a.t-btn.orange{background:var(--color-main02); box-shadow:0 7px 15px rgba(242,82,22,0.2);}
div.wrap.mypage div.dashboard section.contents a.t-btn.disabled{background:#adadad; box-shadow:none; cursor:default; font-family:'Pretendard-Regular',sans-serif;}
@media(hover:hover){
	div.wrap.mypage div.dashboard section.contents a.t-btn:not(.disabled):hover{transform:translateY(-3px);}
}

/* table */
div.wrap.mypage div.dashboard section.contents div.table-wrap{border-radius:1rem; border:1px solid #ccc; overflow:hidden;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable{width:100%; text-align:center;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable a.link{border-bottom:1px solid #333; font-family:'Pretendard-SemiBold',sans-serif;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable a.link:hover{color:var(--color-main01); border-color:var(--color-main01);}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tr{}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable th{padding:0.8rem 0.5rem; font-family:'Pretendard-Bold',sans-serif;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td{padding:0.8rem 0.5rem;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable thead{background:#f5f5f5;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable thead tr{border-bottom:1px solid #eee;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable thead th{color:#777;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody{}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody tr{border-bottom:1px solid #ddd;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody tr:last-child{border-bottom:none;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody th{}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody td{}

/* hor */
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor thead th{background:var(--color-main01); color:#fff;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tbody th{background:#f5f5f5;}
div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tbody td{text-align:left;}

/* list */
div.wrap.mypage div.dashboard section.contents ul.list01{}
div.wrap.mypage div.dashboard section.contents ul.list01 li{margin-bottom:0.5rem; position:relative; padding-left:0.8rem;}
div.wrap.mypage div.dashboard section.contents ul.list01 li:before{content:''; display:block; width:4px; height:4px; background:var(--color-main01); border-radius:50%; position:absolute; top:0.45rem; left:0;}


/* 1200_2 */
div.wrap.mypage div.dashboard.m1200_2{}
div.wrap.mypage div.dashboard.m1200_2 section.contents{}
div.wrap.mypage div.dashboard.m1200_2 section.contents div.table-wrap table.mytable.hor thead th{font-size:1.25rem; padding:1rem;}
div.wrap.mypage div.dashboard.m1200_2 section.contents div.btn-center-wrap a.btn-cancel{margin-right:2.5rem; color:var(--color-main04);}
div.wrap.mypage div.dashboard.m1200_2 section.contents ul.modules-list{display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap;}
div.wrap.mypage div.dashboard.m1200_2 section.contents ul.modules-list li{font-family:'Pretendard-Medium',sans-serif; font-size:0.9rem; padding:0.3rem 0.6rem; color:var(--color-main01); background:rgba(0,45,122,0.1); border-radius:5px;}

/* 1200_3 */
div.wrap.mypage div.dashboard.m1200_3 section.contents .btn-refund-action{display:none;}
div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap{margin-top:2rem;}
div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap h4.sect-tit{font-size:1.2rem;}
div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap div.text-area{width:100%; height:10rem;}
div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap div.text-area textarea{width:100%; height:100%;}

/* 1600 */
div.wrap.mypage div.dashboard.m1600 section.contents div.table-wrap{margin-top:1rem;}
div.wrap.mypage div.dashboard.m1600 section.contents div.table-wrap table.mytable.hor tbody td label{margin:0 1rem;}
div.wrap.mypage div.dashboard.m1600 section.contents div.btn-center-wrap{margin-top:2rem;}
div.wrap.mypage div.dashboard.m1600 section.contents div.certi-preview{border:1px solid #333; margin:0 auto; margin-top:3rem;}

/* 증명서신청 > 신청내역조회 > 방법안내 모달창 */
div.modal-wrap.print-option{}
div.modal-wrap.print-option div.modal{width:940px; padding:2rem;}
div.modal-wrap.print-option div.modal div.tit{}
div.modal-wrap.print-option div.modal div.tit div.img-wrap{max-width:100%;}
div.modal-wrap.print-option div.modal div.tit div.img-wrap img{display:block; width:100%; height:auto;}


@media screen and (max-width:1600px){
	
	/* main */
	div.wrap.mypage div.dashboard.main{width:90%;}
	div.wrap.mypage div.dashboard.main div.card div.top h4.tit{font-size:1.125rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace{margin:1.2rem 0;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{padding:1.85rem 0;}
	div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count{margin:0;}

	/* sidemenu */
	div.wrap.mypage div.dashboard section.sidemenu div.top{width:3rem; height:3rem;}
	div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home{font-size:1rem;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot{height:calc(100% - 3.5rem); margin-top:0.5rem;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu p.tit{font-size:1rem;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li{margin-top:0.6rem;}
	/* open */
	div.wrap.mypage div.dashboard section.sidemenu.open div.top{height:3rem; border-radius:0.5rem; padding:0 1rem;}
	div.wrap.mypage div.dashboard section.sidemenu.open div.top a.folded{width:2rem; height:2rem; background-size:80% auto;}

}
@media screen and (max-width:1440px){
	
	/* main */
	div.wrap.mypage div.dashboard.main div.card{margin-bottom:1.8rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace span.name{font-size:1.25rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]{font-size:0.9rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a.btn-history{font-size:0.85rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{font-size:1rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.name{font-size:1rem;}

	/* contents */
	div.wrap.mypage div.dashboard section.contents{margin-left:calc(2.5rem + var(--width-sidemenu));}
}
@media screen and (max-width:1280px){
	
	:root{
		--width-sidemenu : 17rem;
	}

}
@media screen and (max-width:1024px){

	:root{
		--width-sidemenu : 20rem;
		--height-mypage : 84vh;
	}

	/* main */
	div.wrap.mypage div.dashboard.main{display:block; padding-bottom:6rem;}
	div.wrap.mypage div.dashboard.main div.card{min-height:unset;}
	div.wrap.mypage div.dashboard.main section.left{width:100%; display:flex; justify-content:space-between;}
	div.wrap.mypage div.dashboard.main section.left div.card.name{width:32%;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a.btn-history{margin-top:0.8rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick{width:66%; background:rgba(255,255,255,0.8);}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.top h4.tit{color:var(--color-main01);}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li{width:24%; margin-bottom:0; border:0; background:#fff;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{padding:2rem 0;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a:before{width:1.75rem; height:1.75rem; margin-bottom:0.8rem;}
	div.wrap.mypage div.dashboard.main section.right{width:100%;}
	div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more{font-size:0.8rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu{position:fixed; bottom:0; left:0; margin-bottom:0; border-radius:0; padding:0; box-shadow:0 -10px 20px rgba(0,0,0,0.18); background:#f5f5f5;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-wrap{}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn{gap:0; justify-content:center; margin-bottom:0;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li{font-size:1rem; width:50%; text-align:center;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li:after{display:none;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a{padding:0.4rem 0; width:100%;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a:before{display:none;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a span.web{display:none;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.on{}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.menu1.on{background:#09409f; color:#fff;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li.menu2.on{background:var(--color-main02); color:#fff;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con{}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list{gap:0;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li{width:25%; border:0; border-radius:0; border-left:1px solid #ddd;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a{background:#fff; padding:1.25rem 0.5rem; gap:0.25rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.icon{width:1.5rem; height:1.5rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.name{width:auto; margin-top:0; font-size:1.05rem; text-align:center;}

	/* sidemenu */
	div.wrap.mypage div.dashboard section.sidemenu{height:3rem; left:50%; top:calc(100% - 3rem); transform:translate(-50%, 0); box-shadow:none; border-radius:1rem 1rem 0 0; z-index:10; width:50%; overflow:hidden;}
	div.wrap.mypage div.dashboard section.sidemenu div.top{width:100%; height:3rem; display:flex; align-items:center; justify-content:space-between; padding-left:1.5rem; padding-right:0.5rem; border-radius:0;} 
	div.wrap.mypage div.dashboard section.sidemenu div.top a.go-home{display:block;}
	div.wrap.mypage div.dashboard section.sidemenu div.top a.folded{width:3rem; height:3rem; transform:rotate(-90deg); background:url("/fro_end/img/ico_next_wh.svg")center/60% auto no-repeat;}
	div.wrap.mypage div.dashboard section.sidemenu div.top a.folded:hover{background-image:url("/fro_end/img/ico_next_wh.svg");}
	div.wrap.mypage div.dashboard section.sidemenu div.bot{transform:none; height:0; overflow:hidden; margin-top:0; border-radius:0; box-shadow:none;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list{justify-content:flex-start;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li{width:32%; margin-right:2%;}
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu ul.m-list li:nth-child(3n){margin-right:0%;}
	/* open */
	div.wrap.mypage div.dashboard section.sidemenu.open{height:auto; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 18px 50px rgba(0,0,0,0.35); border-radius:1rem; max-height:80%;}
	div.wrap.mypage div.dashboard section.sidemenu.open div.top{border-radius:0; padding-left:1.5rem; padding-right:0.5rem;}
	div.wrap.mypage div.dashboard section.sidemenu.open div.top a.folded{width:3rem; height:3rem; background-size:60% auto;}
	div.wrap.mypage div.dashboard section.sidemenu.open div.top a.folded:hover{background-image:url("/fro_end/img/ico_close_wh.svg");}
	div.wrap.mypage div.dashboard section.sidemenu.open div.bot{height:calc(100% - 3.5rem); overflow-y:auto;}

	/* contents */
	div.wrap.mypage div.dashboard section.contents::-webkit-scrollbar{width:4px;}
	div.wrap.mypage div.dashboard section.contents{width:92%; margin:0 auto;}
	div.wrap.mypage div.dashboard section.contents.full{width:92%; margin:0 auto; position:relative; overflow:hidden;}
	div.wrap.mypage div.dashboard section.contents.full:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); backdrop-filter:blur(1px);  position:absolute; top:0; left:0;}
}
@media screen and (max-width:800px){
	
	/* main */
	div.wrap.mypage div.dashboard.main{width:92%;}
	div.wrap.mypage div.dashboard.main div.card{margin-bottom:1.5rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name{width:49%;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace{height:3rem; margin:1rem 0; display:flex; align-items:center; justify-content:center; gap:0.25rem; flex-wrap:wrap;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick{width:49%;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li{width:48%; margin-bottom:0.5rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{position:relative; text-align:right; padding:1.4rem 1rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a:before{position:absolute; top:50%; left:1rem; margin:0; transform:translateY(-50%); width:1.5rem; height:1.5rem;}
	div.wrap.mypage div.dashboard.main section.right div.card{width:49%;}

	
	/* sidemenu */
	div.wrap.mypage div.dashboard section.sidemenu{width:75%;}


	/* table */
	div.wrap.mypage div.dashboard section.contents div.table-wrap{border:0; border-radius:0;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable{width:100%; display:block;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable thead{display:none;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody{display:block; width:100%;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody tr{border:2px solid var(--color-main01);}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tbody tr:last-child{border:2px solid var(--color-main01);}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tr{display:block; width:100%; margin-bottom:2rem; border-radius:1rem; overflow:hidden;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tr:last-child{margin-bottom:0;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable th{display:block; width:100%;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td{display:flex; align-items:center; width:100%; text-align:left; padding:0;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td:last-child{border-bottom:0;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td:nth-child(2n){background:#f3f6ff;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td:before{content:attr(data-label); display:block; min-width:20%; width:20%; background:var(--color-main01); color:#fff; margin-right:1.25rem; padding:1rem; font-family:'Pretendard-Bold',sans-serif;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td:nth-child(2n):before{background:#30478b;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tbody th{background:var(--color-main01); color:#fff;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor td{justify-content:center;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor td:before{display:none;}

	div.wrap.mypage div.dashboard section.contents.menu2 div.table-wrap table.mytable tbody tr{border-color:var(--color-main02);}
	div.wrap.mypage div.dashboard section.contents.menu2 div.table-wrap table.mytable tbody tr:last-child{border-color:var(--color-main02);}
	div.wrap.mypage div.dashboard section.contents.menu2 div.table-wrap table.mytable td:before{background:var(--color-main02);}
	div.wrap.mypage div.dashboard section.contents.menu2 div.table-wrap table.mytable td:nth-child(2n){background:#fff8f5;}
	div.wrap.mypage div.dashboard section.contents.menu2 div.table-wrap table.mytable td:nth-child(2n):before{background:#e97448;}
	
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor{border-top:2px solid var(--color-main01);}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tr{margin-bottom:0; display:flex; flex-wrap:wrap; border:0 !important; border-radius:0;} 
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor th{padding:0.8rem;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor td{padding:0.8rem; background:#fff;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tbody th{width:30%; border-bottom:1px solid rgba(255,255,255,0.2);}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable.hor tbody td{width:70%; border-bottom:1px solid #ddd;}

	/* 1200_3 */
	div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap div.table-wrap table.mytable.hor tbody th{line-height:3rem;}
	div.wrap.mypage div.dashboard.m1200_3 section.contents div.refund-wrap div.table-wrap table.mytable.hor tbody td div.c-file{width:100%;}

	div.modal-wrap.print-option div.modal{width:90%;}


}
@media screen and (max-width:640px){
	
	/* main */
	div.wrap.mypage div.dashboard.main div.card{padding:1.25rem;}
	div.wrap.mypage div.dashboard.main div.card div.top h4.tit{font-size:1.05rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace{height:auto;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a{padding:1rem 0.8rem; font-size:0.95rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick div.bot ul.quick-list li a:before{left:0.8rem; width:1.45rem; height:1.45rem;}
	div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count div.num{width:3.6rem; height:3.6rem; line-height:3.6rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a div.name{font-size:1rem;}

	/* contents */
	div.wrap.mypage div.dashboard section.contents{padding:2rem;}
}
@media screen and (max-width:480px){
	
	div.wrap.mypage div.dashboard{padding-top:calc(5rem + var(--height-header));}

	/* main */
	div.wrap.mypage div.dashboard.main{padding-top:calc(5rem + var(--height-header)); padding-bottom:8rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name{width:100%; padding:0; background:transparent; box-shadow:none; border-radius:0; margin-bottom:1rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.top{border:0; padding:0;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.top h4.tit{font-size:1.5rem;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.top a.btn-logout{display:none;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot p.namespace{display:none;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap{justify-content:space-between; flex-wrap:nowrap; gap:0.5rem;} 
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]{width:auto; padding:0.8rem 1.5rem; word-break:keep-all; min-width:25%;}
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a.btn-history{margin:0; text-decoration:none; background:rgba(255,255,255,0.2) !important; border-radius:5px; word-break:keep-all; opacity:1; font-size:0.9rem; font-family:'Pretendard-Medium',sans-serif;}
	div.wrap.mypage div.dashboard.main section.left div.card.quick{display:none;}
	div.wrap.mypage div.dashboard.main section.right div.card{position:relative;}
	div.wrap.mypage div.dashboard.main section.right div.card div.top{display:block;}
	div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more{position:absolute; left:0; bottom:0; width:100%; height:100%; background:transparent; text-align:right; padding:0; font-size:0;}
	div.wrap.mypage div.dashboard.main section.right div.card div.top a.btn-more:after{width:1.2rem; height:1.2rem; top:1.85rem; right:1rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a{flex-direction:column;}

	/* sidemenu */
	div.wrap.mypage div.dashboard section.sidemenu{width:90%;}

	/* table */
	div.wrap.mypage div.dashboard section.contents{overflow:visible; height:auto;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable{font-size:0.95rem;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable tr{border-radius:0.8rem;}
	div.wrap.mypage div.dashboard section.contents div.table-wrap table.mytable td:before{margin-right:1rem; width:25%; min-width:25%; padding:1rem 0.8rem;}

	/* label,btn */
	div.wrap.mypage div.dashboard section.contents span.label{font-size:0.9em;}
	div.wrap.mypage div.dashboard section.contents a.t-btn{font-size:1em;}

}
@media screen and (max-width:400px){
	
	/* main */
	div.wrap.mypage div.dashboard.main div.card div.top h4.tit > span.tag{display:none;} /* 제목 넘어가서 태그도 삭제 */
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]{padding:0.8rem 1rem;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list.menu1 li:last-child{display:none;} /* 공간이 좁아져서 5개에서 4개 노출되는 걸로 변경 .. */
	div.wrap.mypage div.dashboard.main section.right div.card.menu ul.tab-btn li a{padding:0.55rem 0;}
	div.wrap.mypage div.dashboard.main section.right div.card.menu div.tab-con ul.menu-list li a{padding:1.25rem 0;}

	/* contents */
	div.wrap.mypage div.dashboard section.contents{padding:1.55rem;}
}
@media screen and (max-width:320px){
	
	/* main */
	div.wrap.mypage div.dashboard.main section.left div.card.name div.bot div.btn-wrap a[class*="btn-"]{padding:0.8rem 0.5rem;}
	div.wrap.mypage div.dashboard.main section.right div.card{padding:1.25rem 1rem;}
	div.wrap.mypage div.dashboard.main section.right div.card div.bot div.cir-count div.num{width:3.2rem; height:3.2rem; line-height:3.2rem;}
	
	/* sidemenu */
	div.wrap.mypage div.dashboard section.sidemenu div.bot div.menu{padding:1.25rem;}

}