/*********************대형 태블릿*********************/
@media (min-width: 1280px) and (max-width:1370px) {
	
/*공통 Header*/	
::-webkit-scrollbar {display: none;}
#wrap {width: 100vw;max-width: 1370px; min-height: 100vh}
.topnavi {height: 70px;}
.topsub {height: 70px;}
.lnb_left , .lnb_right {top: 140px;}
	
/*공통 Body*/
.content {min-height: 100vh}
	
/*book Grid, List 모듈*/
.grid_set{width:20%;}


}

/*********************태블릿 가로*********************/
@media (min-width: 1024px) and (max-width:1279px) {
	
/*공통 Header*/	
::-webkit-scrollbar {display: none;}
#wrap {width: 100vw;min-height: 100vh}
.topnavi {height: 60px;}
/*.navilogo {font-size: 1.8rem;}*/	
.icohome {width: 48px;height: 48px;}
.navilogo img {width:auto;height:36px;}
.topsub {height: 60px;}
.topsub_navi li a .txt {margin-top:-2px;}
.topsub_navi .icon {width: 36px;height: 36px;}
.topsub_navi .icon.library, .topsub_navi .icon.learning, .topsub_navi .icon.test, .topsub_navi .icon.search {background-size:36px 36px;}
.topsub_avatar {width: 54px;height: 54px;}
.lnb_left , .lnb_right {top: 120px;}
.top_subpage {height: 60px;}
.top_subpage .icoback {width: 52px;height: 52px;}
.topsub_title {padding: 0 72px;font-size: 1.5em;}
	
/*공통 Body*/
.content {padding:40px 60px 80px;min-height: 100vh}
.sub_title {margin: 0 0 50px;padding: 20px 48px;}
.page_title {padding:10px 0 40px;font-size: 2em;}
.sub_tit {font-size: 1.4em;}
.sub_tit em {font-size: .75em;}
.boxl_white.w75 {width:85%}
	
/*form*/
input.searchbox {padding: .5em 1em;height: 54px;font-size: 16px;}
.search_area .btn {width: 54px;}
.btn_search {width: 54px;height: 54px;}
.btn_search img { width: 22px;height: 22px;}
input[type='text'], input[type='password'] {padding: .5em 1em;height: 54px;font-size: 16px;}
select {height: 54px;padding: 10px 30px 10px 20px;font-size: 16px;background-position: 96% center;background-size: 20px;}
	
/*e러닝 메인*/
.user_area {margin-bottom: 50px;gap: 40px;}
.user_info {flex: 2.35;}
.goal_info {flex: 2;}
.current_user {gap: 25px;}
.current_user .avatar {width: 140px;height: 140px;}
.current_user .info .name {font-size:1.875em}
.current_user .info span {font-size:1em;}
.current_info {gap: 20px;}	
.current_info li:nth-child(2) img {height:90px}
.book_txt {font-size:1.2em;color: var(--lightblack);}
.book_txt .txt {margin-bottom:18px;}
.book_txt .sum {font-size: 2.5em;}
.book_txt .sum em {font-size: .5em;}
.main_tit .icon {width: 42px;height: 42px;}
.main_tit {font-size: 1.25em;}	
.chart_area {gap: 25px;}
.chart_area .chart {width:210px;height:210px}
.donut_single .data_percent {font-size: 56px;}
.chart_area .chart_txt {font-size: 2em;}
	
/*book Grid, List 모듈*/
.listtop {margin: 20px 0 50px;}
.grid_module_area {width: 100%;}
.grid_book {min-height: 210px;}
.grid_book img {width: 140px;}
.grid_status ul {gap: 8px;}
.grid_status ul li {width: 32px;height: 32px;}
.grid_desc {padding: 0 12px;}
.list_module_area {width: 95%;}
.list_module {gap: 50px;}
.list_info .prop {width: 180px;}
	
/*책 선택 화면*/
.step_area {gap: 50px;}
.book_view {width: 240px;}
.step_area .book_status ul {gap:20px;}
.step_area .book_status ul li {width:60px;height:68px;}
.activity_box {padding: 30px 25px 10px;}
/*.sticker.goal, .sticker.read, .sticker.video, .sticker.rhyme, .sticker.words, .sticker.gotit, .sticker.say, .sticker.write, .sticker.quiz, .sticker.commentary, .sticker.vocab, .sticker.print  {background:none; }*/
.stickerset:hover .sticker img{visibility: visible;}
	
/*학습내역*/
.history_box .table-row.last .cell:nth-child(2) {flex: 2;}
	
/*MY학습활동*/
.lms_inquiry {padding: 30px 40px;margin:0 auto 40px;width: 95%; gap: 30px;}
.result_area {padding: 30px 50px;width: 95%;gap: 60px;}
.btn_desc { padding-top: 20px;}
.btn_desc.btmargin {margin-bottom: 60px;}	
.piechart_area {gap: 40px;}


/*MY학습인증서*/
.sub_tit_small {font-size:1.125em;}
.sub_tit_small.w80 {width: 95%; margin: 0 auto 6px;}
.result_area.certificate {width: 95%;gap:0;}
.result_area.certificate .cert_medal img {width: 90px;}
.result_area.certificate .dataset_area {gap: 20px;}
.result_area.certificate .datatxt {font-size:.9em;letter-spacing: -0.025em;}
.pdf_area {width: 820px;}
.cert_title {margin-bottom: 50px;height: 56px;border-radius: 0px 0px 54px 54px;padding: 10px;font-size:2em;font-weight:600}
.cert_userarea {padding: 20px 52px;}
.cert_avatar {width: 144px;height: 144px;}
.cert_userarea .cert_medal img {width: 83px;}
.cert_userinfo .name {font-size: 2em;}
	
/*리딩테스트*/
.gotest_box {margin: 40px auto 60px;padding: 25px 55px 25px 55px; width: 75%;gap: 35px;}
.gotest_img {width: 280px; height: auto;}
	
/*검색*/
.topic_img {width: 132px;height:132px}
	
/*이용권 등록관리*/
.codehistory_box {width: 100%;margin: 0 auto;}
.codehistory_box .table-row .cell:nth-child(1) {flex: 1.8;}
.codehistory_box .table_box.bottom_marg60 {margin-bottom: 30px;}
.code_box {width:80%;}
	
/*자녀등록관리*/
.form_area {width: 92%;}
.rclist_select {width: 95%;gap: 15px;}
.rc_user .info .name {font-size: 1.875em; margin-bottom: 15px;}
.rc_user .info .name em {font-size: .75em;}
.userlist_area {width: 90%;}
.my_user .info .name {font-size: 1.875em; margin-bottom: 15px;}
.my_user .info .name em {font-size: .75em;}
	

/****로그인****/
.loginbox {width:75%;}
.btn_login {height:60px;font-size:20px;}


}


/*********************태블릿 세로*********************/
@media (min-width: 768px) and (max-width: 1023px) {
	
/*공통 Header*/	
::-webkit-scrollbar {display: none;}
#wrap {width: 100vw;min-height: 100vh}
.topnavi {height: 60px;}
.icohome {left:12px;width: 48px;height: 48px;}
.navilogo img {width:auto;height:36px;}
/*.navilogo {font-size: 1.8rem;}*/	
.topsub {height: 60px;padding: 0 12px;}
.topsub_navi li a {width: 80px;}
.topsub_navi li:last-child a {width: 60px;}
.topsub_navi li a .txt {margin-top:-2px;}
.icolist {width: 56px;height: 56px;}
.topsub_navi .icon {width: 34px;height: 34px;}
.topsub_navi .icon.library, .topsub_navi .icon.learning, .topsub_navi .icon.test, .topsub_navi .icon.search {background-size:34px 34px;}
.topsub_avatar {margin-left:10px;width: 52px;height: 52px;}
.lnb_left , .lnb_right {top: 120px;}
.top_subpage {height: 64px;}
.top_subpage .icoback {left:12px;width: 46px;height: 46px;}
.topsub_title {padding: 0 58px;font-size: 1.2em;}
	
/*공통 Body*/
.content {padding:40px 40px 80px;min-height: 100vh}
.sub_title {margin: 0 0 50px;padding: 20px 48px;font-size:1.1em}
.sub_title .icoback {width: 32px;height: 32px;left: 10px;}
.page_title {padding:0 0 30px;font-size: 1.75em;}
.page_title.parent {padding:20px 0 20px }
.sub_tit {font-size: 1.3em;}
.sub_tit em {font-size: .75em;}
.sub_tit_small {font-size: 1.1em;}
.boxl_white.w75 {width:100%}
	
/*Tab 메뉴*/
.tabmenu {margin: 0 auto 40px;}
.tabmenu.noicon.tab2 {width: 56%;}
.tabmenu.tab2wide {width: 65%;}
.tabmenu.noicon.tab2 ul li a {padding-bottom: 0;}
.tabmenu.tab3 {width: 80%;}
.tabmenu ul li a {padding-bottom: 5px;}
.tabmenu ul li .tabicon {width:32px;height:32px;}
.tabmenu .tabtxt {font-size: 1.2em;}
.tabmenu2 {margin: 0 auto 40px;}
.tabmenu2.tab3 {width: 72%;}
.tabmenu2 .tabtxt {padding-bottom: 8px;font-size: 1.1em;}
.tabmenu3 ul {gap: 4px;}
.tabmenu3 ul li a {padding: 0 2.25em;height: 44px;font-size:.9em}
			
/*버튼*/
.btn_darkblue {padding: .6em .5em .6em 1.5em;font-size: 1.1em;gap: 1.5em;}
.btn_purple {padding: .6em .5em .6em 1.5em;font-size: 1.1em;gap: 1.5em;}
.btn_roundblue {height: 42px;padding: .5em .2em .5em;font-size: 1em;}
	
/*Form*/	
select {height: 52px;padding: 10px 30px 10px 20px;font-size: 16px;background-position: 96% center;background-size: 18px;}
.search_area {width: 56%;margin: 0 auto 30px;gap: 10px;}
input.searchbox {padding: .5em 1em;height: 52px;font-size: 16px;}
.search_area .btn {width: 52px;}
.btn_search {width: 52px;height: 52px;}
.btn_search img { width: 22px;height: 22px;}
input[type='text'], input[type='password'] {padding: .5em 1em;height: 52px;font-size: 16px;}
	
/*Table*/	
.table-row {padding: .75em 1.8em;gap: 1.5em;}

/*Paging*/
.paging_number { padding: 0 20px;gap:6px}
.paging_box.bottom {margin-bottom:40px}
		
/*book Grid, List 모듈*/
.nodata {font-size: 1em;}
.listtop {margin: 20px 0 50px;}
.listtop .list_sum {font-size: .9em}
.listtop .list-order ul li a {font-size: .9em}
.grid_module_area { width: 100%;}
.grid_set{width:25%;}
.grid_book {min-height: 195px;}
.grid_book img {width: 130px;}
.grid_status ul {gap: 6px;}	
.grid_status ul li {width: 32px;height: 32px;}
.grid_desc {padding: 0 12px;font-size:.9em;line-height: 1.4em}
.list_module_area {width: 100%;}
.list_module {gap: 40px;}
.list_module:first-child {padding: 0 0 30px;}
.list_set {width: 140px;}
.list_book img {width: 140px;}
.list_status ul {gap: 10px;}
.list_title {margin: 0 0 20px;font-size: 1em;}
.list_info {font-size: .9em}
.list_info .prop {width: 120px;}
	
/*책선택화면*/
.step_area {padding-top:0;flex-direction: column;align-items: center;justify-content: flex-start;align-content: flex-start;gap: 40px;}
.book_view {padding-top:0;width: 240px;}
.step_area .book_status {margin-top:-10px;}
.step_area .book_status ul {gap:20px;}
.step_area .book_status ul li {width:60px;height:68px;}
.activity_view {width:100%;}
.activity_box .row {justify-content:center;}
/*.sticker.goal, .sticker.read, .sticker.video, .sticker.rhyme, .sticker.words, .sticker.gotit, .sticker.say, .sticker.write, .sticker.quiz, .sticker.commentary, .sticker.vocab, .sticker.print  {background:none; }*/
.stickerset:hover .sticker img{visibility: visible;}
.book_copyright {text-align: center}
	
/*학습내역*/
.history_view {margin-bottom: 50px;gap: 20px;}
.history_book {width: 160px;}
.history_box .table-row.last .cell:nth-child(2) {flex: 1.85;}
	
/*e러닝 메인*/
.user_area {margin-bottom: 50px;gap: 30px;}
.user_info {flex: 3.2;}
.goal_info {flex: 2;}
.current_user {gap: 25px;}
.current_user .avatar {width: 130px;height: 130px;}
.current_user .info .name {font-size:1.75em}
.current_user .info .name em {font-size:.75em;}
.current_user .info span {font-size:.9em;}
.current_user.nouser {margin-bottom: 20px;}
.current_user.nouser .avatar {width: 108px;height: 108px;}
.user_info .sub_notice.bottom_marg30 {margin-bottom: 20px;}
.user_info .sub_notice ul li {font-size: 0.9em}
.current_info {gap: 20px;}	
.current_info li:nth-child(2) img {height:85px}
.book_txt {font-size:1.1em;color: var(--lightblack);}
.book_txt .txt {margin-bottom:15px;}
.book_txt .sum {font-size: 2.25em;}
.book_txt .sum em {font-size: .5em;}
.main_tit .icon {width: 42px;height: 42px;}
.main_tit {font-size: 1.25em;}	
.chart_area {margin-top: 10px;flex-direction: column;justify-content: flex-start;align-items: center;gap: 10px;}
.chart_area .chart {width:196px;height:196px}
.donut_single .data_percent {font-size: 52px;}
.chart_area .chart_txt {font-size: 1.6em;}
.chart_area .chart_txt .btn_edit {width: 32px;height: 32px;}
	
/*MY라이브러리*/
.select_area {margin-bottom: 40px;}
.select_box {width: 260px;}
	
/*MY학습활동*/
.lms_inquiry {margin: 0 auto 40px;padding: 30px 20px;width: 100%;gap: 10px;}
.inquiry_tit {flex: 1.2;font-size:1em}
.inquiry_period {flex: 5;}
.period_select .date {font-size:.8em;}
.date_select .date_box {font-size: .8em;}
input[type='date']{width:180px;height: 42px;padding: 0 30px 0 6px;background-size:26px 26px;font-size:14px;}
.date_select .txt { font-size: .875em;}
.btn_desc {padding-top: 20px;font-size: .875em;}
.btn_desc.btmargin {margin-bottom: 50px;}
.sub_tit_small.w90 {width: 100%;margin: 0 auto 4px;}
.result_area {margin: 0 auto 30px;padding: 25px 30px;width: 100%;gap: 20px;flex-wrap:nowrap;}
.dataset_area {gap: 20px 30px;}
.dataset_area .dataicons {width: 54px;height: 54px;}
.dataset_area .data_set, .dataset_area.column .data_set {min-width:210px;gap: 9px;}
.datatxt .sum {font-size: 1.1em;}
.dataset_area.column {gap: 20px 30px;}
.piechart_area {gap:20px}
.piechart_area .pie {width:196px;height:196px}
.piechart_area .pie_desc .desc {font-size: .875em}
	
/*독서인증서*/
.sub_tit_small.w80 {width: 100%;margin: 0 auto 10px;}
.result_area.certificate {width: 100%;gap:0;padding:20px 30px}
.result_area.certificate .dataset_area {gap: 20px 20px;}
.result_area.certificate .data_set {min-width: 225px;gap:6px;}
.result_area.certificate .dataicons {width: 48px;height: 48px;}
.result_area.certificate .cert_medal {flex: 0;}
.result_area.certificate .cert_medal img {width: 70px;}
.datatxt .desc {font-size: .9em;letter-spacing: -1px}
.pdf_area {width: 600px;}
.cert_title {margin-bottom: 40px;height: 50px;border-radius: 0px 0px 50px 50px;padding: 10px;font-size:1.5em;font-weight:600}
.cert_userarea {width:80%;padding: 20px 40px;gap:10px}
.cert_avatar {width: 105px;height: 105px;}
.cert_userarea .cert_medal img {width: 60px;}
.cert_userinfo .name {font-size: 1.75em;margin-bottom:6px;}
.cert_userinfo .name em {font-size: .7em;}
.cert_userinfo .group {font-size: .9em;}
.cert_desc {margin-bottom: 40px;font-size:1em;}
.cert_period {margin-bottom: 10px;font-size:1.2em;}
.pdf_result {margin: 0 30px 40px;gap: 10px;}
.pdf_result .data_set {padding: 12px 18px;min-width: 240px;gap: 10px;}
.pdf_result .dataicons {width:54px; height: 54px}
.cert_date {font-size: 1em;}
.cert_logo img {width: 196px;}
	
/*리딩테스트*/
.gotest_box {margin: 40px auto 60px;padding: 25px 40px 25px 40px; width: 90%;gap: 20px;}
.gotest_img {width: 250px;height: auto}
.testhistory_box {width:100%}
.testhistory_box .table_box.bottom_marg60 {margin-bottom: 30px;}
	
/*검색*/
.topic_set {width: 25%;}
.topic_img {width: 132px;height:132px}
	
/*이용권 등록관리*/
.codehistory_box {width:100%;}
.codehistory_box .table-row .cell {font-size:.9em}
.codehistory_box .table-row .cell:nth-child(1) {flex:2;}
.codehistory_box .table-row .cell:nth-child(2) {flex:1.5;}
.codehistory_box .table-row .cell:nth-child(3) {flex:1.5;}
.codehistory_box .table-row .cell:nth-child(4) {flex:1;}
.codehistory_box .table-row .cell:nth-child(5) {flex:1.5;}
.codehistory_box .table_box.bottom_marg60 {margin-bottom: 30px}
.codehistory_box .table-row {padding: .75em 1em;gap: .5em;}
.code_box {width:90%;}
	
/*FAQ*/
.faq_accordion {width: 100%;}
.faq_title {font-size:.925em}
.faq_desc {font-size:.925em}
	
/*무료체험*/
.trial_step {margin-bottom: 50px;}
.trial_step ul li a { width: 120px;height: 72px;}
.trial_step ul li.trial_arrow {width: 30px;height: 30px;}
.trial_step ul li a .tabtxt {font-size: .9em}
.trial_desc{gap:0;margin-bottom: 30px}
.trial_img {width:270px}
.trial_txt .trial_tit {font-size: 1.25em;letter-spacing: -1px}
.trial_txt .sub_desc ul li {font-size:.9em;letter-spacing: -1px}
	
/*자녀등록관리*/
.userlist_area {width: 95%;}
.userlist_box {padding: 25px 30px 25px 60px;gap: 30px;}
.my_user .avatar {width: 112px;height: 112px;}
.my_user .info {flex:1}
.my_user .info .guide {font-size:1.375em;}
.userlist_box .user_go img {width:48px;height: 48px}
.form_area {width: 95%;}
.userinfo_area {margin-bottom: 40px;}
.info_set {margin-bottom: 20px;}
.avatar_set {gap: 20px 0;}
.infoavatar {width:56px;height:56px;;}
.agree_area .infolabels {font-size: .9375em}
.sub_notice.block ul li {font-size: .9375em}
.rclist_select {width: 100%;gap: 15px;}
.rc_user .info .name {font-size: 1.875em; margin-bottom: 15px;}	
.rc_user .info .name em {font-size: .75em;}
.btn_area.top_marg60 {margin-top:40px}
.userlist_box {padding: 25px 20px 25px 50px;gap: 20px;}
.my_user {gap: 25px;}
.my_user .info .name {font-size: 1.875em; margin-bottom: 15px;}
.my_user .info .name em {font-size: .75em;}
.reset_area {width: 100%;gap: 20px;}
.reset_avatar {width: 108px;height: 108px;}	
.reset_info .sub_desc ul li, .reset_alert {font-size: .9375em;}
	
/****로그인****/
.loginbox {width:75%;}
.login_form {margin:10px auto 20px;}
.btn_login {height:50px;font-size:18px;}
	
}
	
/*********************작은태블릿 세로 & 모바일 가로*********************/
@media (min-width: 640px) and (max-width:767px) {
	
/*공통 Header*/	
::-webkit-scrollbar {display: none;}
#wrap {width: 100vw;min-height: 100vh}
.topnavi {height: 56px;}
.icohome {left:8px;width: 40px;height: 40px;}
.navilogo img {width:auto;height:30px;}
/*.navilogo {font-size: 1.6rem;}*/	
.topsub {height: 56px;padding: 0 8px;}
.topsub_navi li a {width: 76px;}
.topsub_navi li:last-child a {width: 52px;}
.topsub_navi li a .txt {margin-top:-2px;}
.icolist {width: 48px;height: 48px;}
.topsub_navi .icon {width: 32px;height: 32px;}
.topsub_navi .icon.library {background:url(../img/ico_library.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .icon.learning {background:url(../img/ico_learning.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .icon.test {background:url(../img/ico_test.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .icon.search {background:url(../img/ico_search.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .active .icon {width: 32px;height: 32px;}
.topsub_navi .icon {width: 32px;height: 32px;}
.topsub_navi .active .icon.library {background:url(../img/ico_library_on.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .active .icon.learning {background:url(../img/ico_learning_on.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .active .icon.test {background:url(../img/ico_test_on.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_navi .active .icon.search {background:url(../img/ico_search_on.svg) no-repeat top left;background-size:32px 32px !important;}
.topsub_avatar {margin-left:4px;width: 48px;height: 48px;}
.lnb_left, .lnb_right {width:240px;font-size:16px;top: 112px;}
.lnb_left a div {padding-left: 16px;height: 52px;gap: 8px;}
.lnb_right a div {height: 52px;}
.top_subpage {height: 60px;}
.top_subpage .icoback {left:8px;width: 42px;height: 42px;}
.topsub_title {padding: 0 42px;font-size: 1.1em;}
	
/*공통 Body*/
.content {padding:40px 30px 80px;min-height: 100vh}
.sub_title {margin: 0 0 50px;padding: 20px 48px;font-size:1.1em}
.sub_title .icoback {width: 32px;height: 32px;left: 10px;}
.page_title {padding:0 0 30px;font-size: 1.75em;}
.page_title.parent {padding:20px 0 20px }
.sub_tit {font-size: 1.1em;}
.sub_tit em {font-size: .75em;}
.sub_tit_small {font-size: 1.1em;}
.boxl_white.w75 {width:100%}
.sub_desc ul li {font-size:.9em}
	
/*Tab 메뉴*/
.tabmenu {margin: 0 auto 40px;}
.tabmenu.noicon.tab2 {width: 56%;}
.tabmenu.tab2wide {width: 65%;}
.tabmenu.noicon.tab2 ul li a {padding-bottom: 0;}
.tabmenu.tab3 {width: 80%;}
.tabmenu ul li a {padding-bottom: 5px;}
.tabmenu ul li .tabicon {width:32px;height:32px;}
.tabmenu .tabtxt {font-size: 1.2em;}
.tabmenu2 {margin: 0 auto 40px;}
.tabmenu2.tab3 {width: 72%;}
.tabmenu2 .tabtxt {padding-bottom: 8px;font-size: 1.1em;}
.tabmenu3 ul {gap: 4px;}
.tabmenu3 ul li a {padding: 0 2.25em;height: 44px;font-size:.9em}
			
/*버튼*/
.btn_darkblue {padding: .5em .5em .5em 1.5em;font-size: 1em;gap: 1.2em;}
.btn_purple {padding: .5em .5em .5em 1.5em;font-size: 1em;gap: 1.2em;}
.btn_roundblue {height: 42px;padding: .375em .2em .375em;font-size: .975em;}
	
/*Form*/	
select {height: 52px;padding: 10px 30px 10px 20px;font-size: 16px;background-position: 96% center;background-size: 18px;}
.search_area {width: 56%;margin: 0 auto 30px;gap: 10px;}
input.searchbox {padding: .5em 1em;height: 52px;font-size: 16px;}
.search_area .btn {width: 52px;}
.btn_search {width: 52px;height: 52px;}
.btn_search img { width: 22px;height: 22px;}
input[type='text'], input[type='password'] {padding: .5em 1em;height: 52px;font-size: 16px;}
	
/*Table*/	
.table-row {padding: .75em 1.8em;gap: 1.5em;}
.graytable .cell {font-size:.9em}

/*Paging*/
.paging_number { padding: 0 20px;gap:6px}
.paging_box.bottom {margin-bottom:40px}
		
/*book Grid, List 모듈*/
.nodata {font-size: 1em;}
.listtop {margin: 20px 0 50px;}
.listtop .list_sum {font-size: .9em}
.listtop .list-order ul li a {font-size: .9em}
.grid_module_area { width: 100%;}
.grid_set{width:33%;}
.grid_book {min-height: 195px;}
.grid_book img {width: 130px;}
.grid_status ul {gap: 6px;}	
.grid_status ul li {width: 32px;height: 32px;}
.grid_desc {padding: 0 12px;font-size:.9em;line-height: 1.4em}
.list_module_area {width: 100%;}
.list_module {gap: 40px;}
.list_module:first-child {padding: 0 0 30px;}
.list_set {width: 140px;}
.list_book img {width: 140px;}
.list_status ul {gap: 10px;}
.list_title {margin: 0 0 20px;font-size: 1em;}
.list_info {font-size: .9em}
.list_info .prop {width: 120px;}
	
/*책선택화면*/
.step_area {padding-top:0;flex-direction: column;align-items: center;justify-content: flex-start;align-content: flex-start;gap: 40px;}
.book_view {padding-top:0;width: 240px;}
.step_area .book_status {margin-top:-10px;}
.step_area .book_status ul {gap:20px;}
.step_area .book_status ul li {width:60px;height:68px;}
.activity_view {width:100%;}
.activity_box .row {justify-content:center;}
/*.sticker.goal, .sticker.read, .sticker.video, .sticker.rhyme, .sticker.words, .sticker.gotit, .sticker.say, .sticker.write, .sticker.quiz, .sticker.commentary, .sticker.vocab, .sticker.print {background:none; }*/
.stickerset:hover .sticker img{visibility: visible;}
	
/*학습내역*/
.history_view {margin-bottom: 50px;gap: 20px;}
.history_book {width: 160px;}
.history_box .table-row .cell {font-size:.9em}
.history_box .table-row .cell:nth-child(1) {flex: 1.8;}
.history_box .table-row.last .cell:nth-child(2) {flex: 2.5;}
.ox_set .num, .ox_set .ox {font-size:.9em}
	
/*e러닝 메인*/
.user_area {margin-bottom: 50px;gap: 30px;}
.user_info {flex: 3.2;}
.goal_info {flex: 2;}
.current_user {gap: 18px;}
.current_user .avatar {width: 108px;height: 108px;}
.current_user .info .current {margin-bottom: 2px;}
.current_user .info .name {font-size:1.5em;margin-bottom: 10px;}
.current_user .info .name em {font-size:.75em;}
.current_user .info span {font-size:.9em;}
.current_user.nouser {margin-bottom: 20px;}
.current_user.nouser .avatar {width: 108px;height: 108px;}
.user_info .sub_notice.bottom_marg30 {margin-bottom: 20px;}
.user_info .sub_notice ul li {font-size: 0.875em}
.current_info {gap: 20px;}	
.current_info li:nth-child(2) img {height:80px}
.book_txt {font-size:1em;color: var(--lightblack);}
.book_txt .txt {margin-bottom:15px;}
.book_txt .sum {font-size: 2.25em;}
.book_txt .sum em {font-size: .5em;}
.main_tit .icon {width: 36px;height: 36px;}
.main_tit {font-size: 1.1em;}	
.chart_area {margin-top: 10px;flex-direction: column;justify-content: flex-start;align-items: center;gap: 10px;}
.chart_area .chart {width:192px;height:192px}
.donut_single .data_percent {font-size: 52px;}
.chart_area .chart_txt {font-size: 1.5em;}
.chart_area .chart_txt .btn_edit {width: 32px;height: 32px;}
.time_area {left: -30px;}
	
/*MY라이브러리*/
.select_area {margin-bottom: 40px;}
.select_box {width: 260px;}
	
/*MY학습활동*/
.lms_inquiry {margin: 0 auto 40px;padding: 30px 20px;width: 100%;gap: 10px;}
.inquiry_tit {flex: 1.2;font-size:1em}
.inquiry_period {flex: 5;}
.period_select .date {font-size:.75em;padding: .25em .75em;}
.date_select .date_box {font-size: .8em;}
input[type='date']{width:170px;height: 42px;padding: 0 30px 0 6px;background-position:98% center;background-size:26px 26px;font-size:14px;}
.date_select .txt { font-size: .875em;}
.btn_desc {padding-top: 20px;font-size: .875em;}
.btn_desc.btmargin {margin-bottom: 50px;}
.sub_tit_small.w90 {width: 100%;margin: 0 auto 4px;}
.result_area {margin: 0 auto 30px;padding: 25px 30px;width: 100%;gap: 20px;flex-wrap:nowrap;}
.dataset_area {gap: 20px 30px;}
.dataset_area .dataicons {width: 52px;height: 52px;}
.dataset_area .data_set, .dataset_area.column .data_set {min-width:210px;gap: 9px;}
.datatxt .sum {font-size: 1em;}
.dataset_area.column {gap: 20px 30px;}
.piechart_area {flex-direction: column;gap: 10px;}
.piechart_area .pie {width:180px;height:180px}
.piechart_area .pie_desc {flex-direction: row;gap:8px;}
.piechart_area .pie_desc .desc {font-size: 12px}
	
/*독서인증서*/
.sub_tit_small.w80 {width: 100%;margin: 0 auto 10px;}
.result_area.certificate {width: 100%;gap:0;padding:20px 30px}
.result_area.certificate .dataset_area {gap: 20px 20px;}
.result_area.certificate .data_set {min-width: 225px;gap:6px;}
.result_area.certificate .dataicons {width: 48px;height: 48px;}
.result_area.certificate .cert_medal {flex: 0;}
.result_area.certificate .cert_medal img {width: 70px;}
.datatxt .desc {font-size: .9em;letter-spacing: -1px}
.pdf_area {width: 520px;}
.cert_title {margin-bottom: 40px;height: 48px;border-radius: 0px 0px 48px 48px;padding: 10px;font-size:1.4em;font-weight:600}
.cert_userarea {width:90%;padding: 20px 40px;gap:10px}
.cert_avatar {width: 105px;height: 105px;}
.cert_userarea .cert_medal img {width: 60px;}
.cert_userinfo .name {font-size: 1.6em;margin-bottom:6px;}
.cert_userinfo .name em {font-size: .7em;}
.cert_userinfo .group {font-size: .9em;}
.cert_desc {margin-bottom: 40px;font-size:1em;}
.cert_period {margin-bottom: 10px;font-size:1.2em;}
.pdf_result {margin: 0 30px 40px;gap: 6px;}
.pdf_result .data_set {padding: 12px 15px;min-width: 200px;gap: 6px;}
.pdf_result .dataicons {width:48px; height: 48px}
.cert_date {font-size: 1em;}
.cert_logo img {width: 120px;}
	
/*리딩테스트*/
.gotest_box {margin: 40px auto 60px;padding: 25px 35px 25px 35px; width: 100%;gap: 18px;}
.gotest_img {width: 250px;height: auto}
.testhistory_box {width:100%}
.testhistory_box .table_box.bottom_marg60 {margin-bottom: 30px;}
	
/*검색*/
.topic_set {width: 33%;}
.topic_img {width: 132px;height:132px}
	
/*이용권 등록관리*/
.codehistory_box {width:100%;}
.codehistory_box .table-row .cell {font-size:.875em}
.codehistory_box .table-row .cell:nth-child(1) {flex:2;}
.codehistory_box .table-row .cell:nth-child(2) {flex:1.5;}
.codehistory_box .table-row .cell:nth-child(3) {flex:1.5;}
.codehistory_box .table-row .cell:nth-child(4) {flex:1;}
.codehistory_box .table-row .cell:nth-child(5) {flex:1.5;}
.codehistory_box .table_box.bottom_marg60 {margin-bottom: 30px}
.codehistory_box .table-row {padding: .75em 1em;gap: .5em;}
.code_box {width:90%;}
.codehistory_box .table-row .cell em {display:none;opacity: 0}
	
/*FAQ*/
.faq_accordion {width: 100%;}
.faq_title {font-size:.925em}
.faq_desc {font-size:.925em}
	
/*무료체험*/
.trial_step {margin-bottom: 50px;}
.trial_step ul li a { width: 120px;height: 72px;}
.trial_step ul li.trial_arrow {width: 30px;height: 30px;}
.trial_step ul li a .tabtxt {font-size: .9em}
.trial_desc{gap:0;margin-bottom: 30px}
.trial_img {width:250px}
.trial_txt .trial_tit {font-size: 1.1em;letter-spacing: -1px}
.trial_txt .sub_desc ul li {font-size:.9em;letter-spacing: -1px}
	
/*자녀등록관리*/
.userlist_area {width: 95%;}
.userlist_box {padding: 25px 30px 25px 60px;gap: 30px;}
.my_user .avatar {width: 112px;height: 112px;}
.my_user .info {flex:1}
.my_user .info .guide {font-size:1.375em;}
.userlist_box .user_go img {width:48px;height: 48px}
.form_area {width: 100%;}
.userinfo_area {margin-bottom: 40px;}
.info_set {margin-bottom: 20px;}
.avatar_set {gap: 20px 0;}
.infoavatar {width:56px;height:56px;;}
.agree_area .infolabels {font-size: .9375em}
.sub_notice.block ul li {font-size: .9375em}
.rclist_select {width: 100%;gap: 15px;}
.rc_user .info .name {font-size: 1.875em; margin-bottom: 15px;}	
.rc_user .info .name em {font-size: .75em;}
.btn_area.top_marg60 {margin-top:40px}
.userlist_box {padding: 25px 20px 25px 50px;gap: 20px;}
.my_user {gap: 25px;}
.my_user .info .name {font-size: 1.875em; margin-bottom: 15px;}
.my_user .info .name em {font-size: .75em;}
.reset_area {width: 100%;gap: 20px;}
.reset_avatar {width: 108px;height: 108px;}	
.reset_info .sub_desc ul li, .reset_alert {font-size: .9375em;}
	
/****로그인****/
.loginbox {width:90%;}
.login_form {margin:10px auto 20px;}
.btn_login {height:50px;font-size:16px;}
	
}

/*********************모바일 세로*********************/
@media (max-width: 639px) {
	
/*공통 Header*/	
::-webkit-scrollbar {display: none;}
#wrap {width: 100vw;min-height: 100vh}
.topnavi {height: 54px;}
.icohome {left:4px;width: 40px;height: 40px;}
.navilogo img {width:auto;height:30px;}
/*.navilogo {font-size: 1.5rem;}*/
.topsub {display:block;position: relative;height:120px}
.icolist {position: absolute;top:3px;left:10px;width: 48px;height: 48px;}
.topsub_navi {position: absolute;top:54px;left:0;right:0;padding:0 10px;height:66px;border-top:1px solid var(--silvergray);}
.topsub_navi li {width: 27%;}
.topsub_navi li:last-child {width: 19%;}
.topsub_navi li a {width: 100%;}
.topsub_navi li:last-child a {width: 100%;}
.topsub_navi li a .txt {margin-top:-2px;}
.topsub_navi .icon {width: 40px;height: 40px;}
.topsub_navi .icon.library, .topsub_navi .icon.learning, .topsub_navi .icon.test, .topsub_navi .icon.search {background-size:40px 40px;}
.topsub_avatar {position: absolute;top:5px;right:10px;width: 44px;height: 44px;}
.lnb_left, .lnb_right {position: fixed;padding:0 0 25px;bottom:0;width:calc(100vw - 20px);left:10px;right:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;} 
.lnb_left {top:calc(100vh - 460px)} /*컨텐츠 height 합:425px */
.lnb_right {top:calc(100vh - 400px)} /*컨텐츠 height 합:365px */
.lnb_left .btn-close, .lnb_right .btn-close {display:block;}
.lnb_left a div {padding-left:30px;}
.overlay {background:rgba(0, 0, 0, .2)}
.top_subpage {height: 64px;}
.top_subpage .icoback {left:4px;width: 40px;height: 40px;}
.topsub_title {padding: 0 10px 0 30px;padding-bottom: 3px !important;font-size: 1.1em;}
	
/*공통 Body*/
.content {padding:40px 10px 60px;min-height: 100vh}
.sub_title {margin: 0 0 40px;padding: 15px 15px 15px 35px;font-size:1em}
.sub_title .icoback {width: 30px;height: 30px;left: 10px;}
.page_title {padding:0 0 30px;font-size: 1.5em;}
.page_title.parent {padding:0 0 20px }
.sub_tit {font-size: 1.2em;margin-bottom: 4px}
.sub_tit.bottom_marg60 {margin-bottom: 30px}
.sub_tit em {font-size: .75em;}
.boxl_white {padding: 30px 20px;}
.boxl_white.w75 {width:100%}
.sub_desc ul li {padding-left: 12px;font-size:.9em;background-size:12px 16px;background-position: 0 .2em}
.sub_desc.bottom_marg60 {margin-bottom: 30px}
.sub_desc.pgcopy {width:95%;margin:0 auto 30px;}

/*Tab 메뉴*/
.tabmenu {margin: 0 auto 40px;}
.tabmenu.tab3 {width: 100%;}
.tabmenu.tab2 {width: 80%;}
.tabmenu ul li a {padding-bottom: 6px;gap:2px;letter-spacing: -1px;}
.tabmenu ul li .tabicon {width:24px;height:24px;}
.tabmenu.tab3 .tabtxt {font-size: 1em;font-weight: 500}
.tabmenu.tab2 .tabtxt, .tabmenu.tab2wide .tabtxt {font-size: 1.1em;font-weight: 500}
.tabmenu.tab2wide {width: 100%;margin: 0 auto 30px;}
.tabmenu.noicon .tabtxt {padding-bottom: 6px;}
.tabmenu2 {margin: 0 auto 30px;}
.tabmenu2.tab3 {width: 100%;}
.tabmenu2 .tabtxt {padding-bottom: 6px;font-size: 1em;font-weight: 500}
.tabmenu.noicon.tab2 ul li a {padding-bottom:0;}
.tabmenu3 {margin: 0 auto 20px;}
.tabmenu3 ul {gap: 4px;}	
.tabmenu3 ul li a {padding: 0 2em;height: 40px;font-size:.875em}
	
/*버튼*/
.btn_darkblue {padding: .5em .5em .5em 1.5em;font-size: 1em;gap: 1.5em;}
.btn_purple {padding: .5em .5em .5em 1.5em;font-size: 1em;gap: 1.5em;}
.btn_roundblue {height: 38px;font-size: 1em;}
.btn_txtdarlbue {font-size: .875em}
	
/*Form & Table*/	
select {height: 44px;padding: 10px 30px 10px 20px;font-size: 14px;background-position: 96% center;background-size: 18px;}
input.searchbox {padding: .5em 1em;height: 44px;font-size: 14px;}
.search_area {width:90%;gap: 6px;margin: 0 auto 24px;}
.search_area.margin60 {margin-bottom: 30px}
.search_area .btn {width: 44px;}
.btn_search {width: 44px;height: 44px;}
.btn_search img { width: 18px;height: 18px;}
input[type='text'], input[type='password'] {padding: .5em 1em;height: 44px;font-size: 14px;}
	
/*Table*/
.table_box.bottom {margin-bottom: 20px;}
.table-row {padding: .75em 1.8em;gap: .5em;}
.table-row .cell {font-size:.9em}
.graytable .cell {padding: .25em 1em;font-size:.9em;}
.ox_set {font-size:.9em;max-width:40px;}

/*Paging*/
.paging_btn a {width: 24px;height: 24px;}
.paging_number {padding: 0;gap: 4px;}
.paging_number a {padding: .1em .75em;font-size:.85em;}
	
/*book Grid, List 모듈*/
.nodata {font-size: 1em;}
.listtop {margin: 20px 0 40px;}
.listtop .list_sum {font-size: .9em}
.listtop .list-order ul li a {font-size: .9em}
.grid_module_area { width: 100%;}
.grid_set{width:50%;}
.grid_book {min-height: 195px;}
.grid_book img {width: 130px;}
.grid_status ul {gap: 4px;}	
.grid_status ul li {width: 32px;height: 32px;}
.grid_desc {padding: 0 12px;font-size:.9em;line-height: 1.4em}
.list_module_area {width: 100%;margin: 0 auto;}
.list_module {position: relative;margin: 30px 0;gap: 20px;}
.list_module:first-child {margin: 0 0 30px;}
.list_title {position: absolute;top:0;left:0;width:100%;margin: 20px 0;font-size: 1em;text-overflow: ellipsis;overflow: hidden;word-break: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.list_title:first-child {margin: 0 0 20px;}
.list_set {margin-top:35px;width: 100px;}
.list_book img {width: 100px;}
.list_status ul {gap: 4px;}
.list_status ul li {width: 28px;height: 28px;}
.list_data {margin-top:35px;}
.list_info {font-size: .8em;line-height: 130%;}
.list_info .prop {width: 70px;}
	
/*책선택화면*/
.step_area {padding-top:0;flex-direction: column;align-items: center;justify-content: flex-start;align-content: flex-start;gap: 30px;}
.book_view {padding-top:0;width: 200px;}
.step_area .book_status {margin-top:-6px;}
.step_area .book_status ul {gap:20px;}
.step_area .book_status ul li {width:48px;height:54px;}
.activity_view {width:100%;}
.activity_box {margin-bottom: 30px;width:100%;min-height: 120px;padding:20px 15px 0;}
.activity_box .row {flex:0 0 auto;width:97%;justify-content: center}
.sticker {width:68px;height:68px}
/*.sticker.goal, .sticker.read, .sticker.video, .sticker.rhyme, .sticker.words, .sticker.gotit, .sticker.say, .sticker.write, .sticker.quiz, .sticker.commentary, .sticker.vocab, .sticker.print {background:none; }*/
.sticker.goal, .sticker.read, .sticker.video, .sticker.rhyme, .sticker.words, .sticker.gotit, .sticker.say, .sticker.write, .sticker.quiz, .sticker.commentary, .sticker.vocab, .sticker.print {background-size:66px 66px; }
.stickerset:hover .sticker img{visibility: visible;}
.stickerset .txt {font-size:0.8em }
.book_copyright {font-size: 0.8em;text-align: center}	

/*학습내역*/
.history_view {margin-bottom: 60px;flex-direction: column;align-items: center;justify-content: flex-start;align-items: center;gap: 15px;}
.history_book {width: 180px;}
.history_box {width:100%;}
.history_box .sub_tit {margin-bottom:20px;text-align: center}
.history_box .table-row .cell:nth-child(1) {flex: 2;}
.history_box .table-row.last {flex-direction: column;padding: .75em 2.5em;}	
.history_box .table-row.last .cell {flex: 1;align-self: stretch;text-align: center}
		
/*e러닝 메인*/
.user_area {flex-direction: column;margin-bottom: 50px;gap: 30px;}
.user_info {flex: 3.2;align-self: stretch}
.goal_info {flex: 2;}
.current_user {gap: 25px;}
.current_user .avatar {width: 130px;height: 130px;}
.current_user .info .name {font-size:1.75em}
.current_user .info .name em {font-size:.75em;}
.current_user .info span {font-size:.9em;}
.current_user.nouser {margin-bottom: 20px;gap:16px}
.current_user.nouser .avatar {width: 96px;height: 96px;}
.user_info .sub_notice.bottom_marg30 {margin-bottom: 20px;}
.user_info .sub_notice ul li {padding-left: 24px;font-size: 0.875em}
.noti_red {width: 22px;height: 22px;font-size:.9em;}
.current_info {gap: 20px;}	
.current_info li:nth-child(2) img {height:85px}
.book_txt {font-size:1.1em;color: var(--lightblack);}
.book_txt .txt {margin-bottom:15px;}
.book_txt .sum {font-size: 2.25em;}
.book_txt .sum em {font-size: .5em;}
.main_tit .icon {width: 42px;height: 42px;}
.main_tit {font-size: 1.25em;}	
.chart_area {margin-top: 10px;flex-direction: row;justify-content:center;align-items:center;gap: 20px;}
.chart_area .chart {width:188px;height:188px}
.donut_single .data_percent {font-size: 50px;}
.chart_area .chart_txt {font-size: 1.6em;}
.chart_area .chart_txt .btn_edit {width: 32px;height: 32px;}
.time_area {left:-40px;z-index: 10;opacity: 0;transition: .5s;visibility: hidden;}
	
/*MY라이브러리*/
.select_area {margin-bottom: 40px;}
.select_box {width: 220px;}
	
/*MY학습활동*/	
.lms_inquiry {margin: 0 auto 40px;padding: 18px 20px;width:100%;flex-direction: column;gap:10px}
.period_select .date {font-size:.75em;}
.date_select .date_box {font-size: .75em;gap:1px;}
input[type='date']{width:130px;height: 38px;padding: 0 24px 0 4px;background-position:99% center;background-size:22px 22px;font-size: 12px;letter-spacing: -1px}
.date_select .txt { font-size: .8em;}
.btn_desc {padding-top: 20px;font-size: .8em;}
.inquiry_tit {font-size:.9em}	
.btn_desc.btmargin {margin-bottom: 40px;}
.sub_tit_small.w90 {width: 100%;margin: 0 auto 4px;}
.sub_tit_small {margin-bottom: 4px;font-size: .875em;}
.result_area {margin: 0 auto 30px;padding: 20px 30px;width: 100%;gap: 30px;}
.dataset_area .dataicons {width: 48px;height: 48px;}
.datatxt .type {font-size: .8em;}
.datatxt .sum {font-size: 1.1em;}
.dataset_area {gap: 15px 30px;}
.dataset_area.column {gap: 15px 30px;}
.piechart_area {gap:20px}
.piechart_area .pie {width:160px;height:160px}
.piechart_area .pie_desc .desc {margin-bottom: 0; font-size: .75em}
	
/*독서인증서*/
.sub_tit_small.w80 {width: 100%;margin: 0 auto 10px;}
.result_area.certificate {position: relative;width: 100%;gap:0;padding:20px 20px}
.result_area.certificate .dataset_area {gap: 10px 30px;}
.result_area.certificate .data_set {gap: 6px;}
.result_area.certificate .dataicons {width: 44px;height: 44px;}
.result_area.certificate .cert_medal {flex: 0;position: absolute;bottom:15px;right:18px;width:60px}
.result_area.certificate .cert_medal img {width: 60px;}
.datatxt .desc {font-size: .85em;line-height: 140%}
.pdf_area {width: 100%;}
.cert_title {margin-bottom: 30px;height: 44px;border-radius: 0px 0px 44px 44px;padding: 10px;font-size:1.1em;font-weight:600}
.cert_userarea {position: relative;width:90%;margin: 0 auto 30px;padding: 18px 15px;flex-direction: column;align-items: center;gap:10px}
.cert_avatar {width:80px;height: 80px;}
.cert_userarea .cert_medal {position: absolute;top:0;right:25px;width:40px;}
.cert_userarea .cert_medal img {width: 40px;}
.cert_userinfo .name {font-size: 1.3em;margin-bottom:0;text-align: center;}
.cert_userinfo .name em {font-size: .7em;}
.cert_userinfo .group {font-size: .9em;}
.cert_desc {margin-bottom: 30px;font-size:.9em;}
.cert_period {margin-bottom: 6px;font-size:1em;letter-spacing: -1px}
.pdf_result {margin: 0 auto 30px;width:90%;gap:4px;}
.pdf_result .data_set {padding: 12px 18px;gap: 10px;min-width: 240px}
.pdf_result .dataicons {width:48px; height: 48px}
.cert_date {font-size: 1em;}
.cert_logo img {width: 168px;}
	
/*리딩테스트*/
.gotest_box {margin: 30px auto 40px;padding: 20px 25px 20px 25px; width: 100%;gap: 20px;}
.gotest_tit {font-size: 1.5em;}
.gotest {flex-direction: column;align-items:center;gap:20px;}
.gotest_img {flex:0 0 auto;width: 250px;height: auto}
.gotest_txt {flex: 1;gap: 20px;width: 100%;align-items: center}
.gotest_txt .txt {font-size: .875em;line-height: 130%; text-align: center}
.testhistory_box {width:100%}
.testhistory_box .sub_tit_small {font-size: .9em;}
.testhistory_box .table-row {padding: .75em 1em;gap: .25em;}
.testhistory_box .table-row .cell {font-size: .85em;line-height: 130%;}
.testhistory_box .table-row .cell:nth-child(1) {flex: 1.4;}
.testhistory_box .table-row .cell:nth-child(4) {flex: 1.2;}
	
/*검색*/
.topic_set {width: 50%;}
.topic_img {width: 132px;height:132px}

/*이용권 등록관리*/
.codehistory_box {width: 100%;}
.codehistory_box .table_box.bottom_marg60 {margin-bottom: 30px}
.codehistory_box .table_box {width:100%;border:0;border-radius:0;}
.codehistory_box .table-row.thead {display: none}
.codehistory_box .table-row {flex-direction: column;padding:35px 0 15px ;gap: 0;}
.codehistory_box .table-row:nth-child(2) {padding-top:0;}
.codehistory_box .table-row.last {border-bottom: 1px solid var(--silvergray);}
.codehistory_box .table-row .cell {align-self: stretch; padding:.4em .5em .4em 1.5em;text-align: left}
.codehistory_box .table-row .cell:nth-child(1) {margin-bottom: .5em; padding:.75em .5em .75em 1.4em;background: var(--gloudyblue);font-weight: 700;font-size: 1em}
.codehistory_box .table-row .cell em {display:inline-block;opacity: 1}
.codehistory_box .table-row .cell .btn_roundblue {width:120px}
.codehistory_box .paging_box.bottom {margin-bottom: 40px}
.code_box {width:100%;padding: 30px; margin-bottom:30px;gap:15px}	
	
/*FAQ*/
.faq_accordion {width: 100%;}
.faq_title {position: relative;flex-direction: column;padding: 1.2em 1em;font-size:.875em}
.faq_title .q {position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.faq_title .title {order:1;align-self: stretch;margin: 0 25px 0 12px}	
.faq_title .sort {order:2;align-self: stretch;margin: 0 25px 0 12px}
.faq_desc {padding: 1.25em 1.25em 2em 1.5em;font-size:.875em}
	
/*무료체험*/
.trial_step {margin-bottom: 40px;}
.trial_step ul li a { width: 72px;height: 72px;border-width: 1px;}
.trial_step ul li.trial_arrow {width: 10px;height: 30px;}
.trial_step ul li.trial_arrow img {filter: brightness(0) saturate(100%) invert(24%) sepia(14%) saturate(914%) hue-rotate(176deg) brightness(96%) contrast(90%);}
.trial_step ul li a .tabtxt {font-size: .75em}
.trial_step ul li a .tabtxt span {display: block}
.trial_desc{flex-direction: column;gap:20px;margin-bottom: 50px}
.trial_img {width:270px}
.trial_txt .trial_tit {margin-bottom: 18px; font-size: 1.1em;letter-spacing: -1px}
.trial_txt .sub_desc ul li {font-size:.875em;letter-spacing: -1px}
	
/*자녀등록관리*/
.userlist_area {width: 100%;}
.userlist_box {padding: 20px 10px 20px 20px;gap: 10px;}
.userlist_box.nouser {margin-bottom: 60px;}
.my_user {gap: 10px;}
.my_user .avatar {width: 76px;height: 76px;}
.my_user .info {flex:1}
.my_user .info .guide {font-size:1.1em;}
.userlist_box .user_go img {width:36px;height: 36px}
.my_user .info .name {font-size: 1.2em; margin-bottom: 10px;}
.my_user .info .name em {font-size: .75em;}
.my_user .info span {font-size: .9em;}
.userlist_box .user_edit img {width:30px;height: 30px}

.form_area {width: 100%;}
.userinfo_area {margin-bottom: 30px;}
.userinfo_area .infolabel, .userinfo_area .info_tit, .radio_set .infolabels {font-size:.9em}
.info_set {margin-bottom: 20px;}
.avatar_set {gap: 20px 0;}
.avatar_set li {width: 25%;}
.avatar_set {gap: 20px 0;}
.agree_area .infolabels {font-size: .9em}
.sub_notice.block ul li {font-size: .9em}	
		
.rclist_select { margin: 0 auto 30px;width: 100%;gap:8px;flex-direction: column}
.rclist_select .radio_btn {order:2}
.rclist_select .rclist_label {order:1;align-self: stretch}
.rclist_box {padding: 20px 10px 20px 20px;gap: 20px;}
.rc_user {gap:20px}
.rc_user .avatar {width: 72px;height: 72px;}
.rc_user .info .name {font-size: 1.2em; margin-bottom: 10px;}
.rc_user .info .name em {font-size: .75em;}
.rc_user .info span {font-size: .9em;}
.btn_area.top_marg60 {margin-top:0}

.reset_area {width: 100%;margin: 0 auto 20px;padding-top:50px;gap: 20px;position: relative;flex-direction: column;align-items:center}
.reset_tit {position: absolute;top:0;left:0;width:100%;font-size: 1.375em;text-align: center}
.reset_avatar {width: 112px;height: 112px;}	
.reset_info .sub_desc ul li, .reset_alert {font-size: .9em;}
	
/****로그인****/
.loginbox {width:90%;}
.login_form {width:90%;margin:10px auto 20px;}
.btn_login {height:50px;font-size:16px;}
	
}