@charset "utf-8";

.blind {overflow:hidden; visibility:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.megaHelp_wrap { overflow: hidden; background:#eaeaec;}
.megaHelp_wrap .megaHelp_tit { background:#fff;}
.megaHelp_wrap .megaHelp_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; border-bottom:0.1rem solid #1677cb; }

/* tab */
.btn_tab11 a:nth-child(1) {-webkit-flex: 1; flex: 1;}
.btn_tab11 a:nth-child(2) {-webkit-flex: 1; flex: 1;}
.btn_tab11 a:nth-child(3) {-webkit-flex: 1; flex: 1;}
.btn_tab11 a:nth-child(4) {-webkit-flex: 1; flex: 1;}

/* search */
.help__search {background:#fff;}
.help__search .brd_top_sch {padding:1rem;}
.help__search .brd_top_sch .ip_area input {padding:0 0.5rem;}

/* sub tab */
.help__tab {padding:1rem;}
.help__tab--mainTab {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; padding-left: 1px; box-sizing: border-box; border-top: 1px solid #e4e4e4; background:#eaeaec;}
.help__tab--mainTab li {width: calc(25% + 1px); margin-top: -1px; margin-left: -1px; margin-bottom:1px; text-align:center; -webkit-align-items center; align-items:center; border: 1px solid #e4e4e4; border-width:0 1px 1px 1px; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; background:#fff;}
.help__tab--mainTab li:nth-child(4n+4) {}
.help__tab--mainTab li a {display:table;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem;}
.help__tab--mainTab li a.selected {color:#fff; background:#237ece;}

.help__tab--mainTab2 {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; padding-left: 1px; box-sizing: border-box; border-top: 1px solid #e4e4e4; background:#eaeaec;}
.help__tab--mainTab2 li {width: calc(33.3% + 1px); margin-top: -1px; margin-left: -1px; margin-bottom:1px; text-align:center; -webkit-align-items center; align-items:center; border: 1px solid #e4e4e4; border-width:0 1px 1px 1px; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; background:#fff;}
.help__tab--mainTab2 li:nth-child(4n+4) {}
.help__tab--mainTab2 li a {display:table;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem;}
.help__tab--mainTab2 li a.selected {color:#fff; background:#237ece;}

.help__tab--subTab {display:flex; display:-webkit-flex; margin-top:1rem; padding-top: 1px; padding-left: 1px; box-sizing: border-box; border-top: 1px solid #e4e4e4; background:#eaeaec;}
.help__tab--subTab li {flex: 1; -webkit-flex: 1; margin-top: -1px; margin-left: -1px; text-align:center; -webkit-align-items center; align-items:center; border: 1px solid #e4e4e4; border-width:0 1px 1px 1px; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; background:#f6f6f7;}
.help__tab--subTab li a {display:table;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem;}
.help__tab--subTab li a span {display:table-cell; vertical-align:middle;}
.help__tab--subTab li a.selected {color:#333; background:#fff; font-weight:bold;}

.help__tab--subTab2 {display: flex; flex-direction: row; flex-wrap: wrap; margin-top:1rem; padding-top: 1px; padding-left: 1px; box-sizing: border-box; background:#eaeaec;}
.help__tab--subTab2 li {width: calc(25% + 1px); margin-top: -2px; margin-left: -1px; margin-bottom:1px; text-align:center; -webkit-align-items center; align-items:center; border: 1px solid #e4e4e4; border-width:1px 1px 1px 1px; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; background:#f6f6f7;}
.help__tab--subTab2 li a {display:table;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem;}
.help__tab--subTab2 li a span {display:table-cell; vertical-align:middle;}
.help__tab--subTab2 li a.selected {color:#333; background:#fff; font-weight:bold;}



/* contents ?•™?Š΅μ§??›?„Ό?„° */
.helpMain_bg {}
.helpMain {}

.helpMain__guide {background:#fff;}
.helpMain__faq {}

.helpMain__tit {overflow:hidden; background: #f4f4f4;}
.helpMain__tit--text {float: left; height: 3.75rem; padding: 1.2rem 1.2rem 0 1rem; font-size: 1.25rem; line-height: 1.5; color: #333;}
.helpMain__tit--more {display: block; float: right; margin: .9rem .5rem 0 .5rem; padding: 1rem; background: url(//img.megastudy.net/mobile/smart_new/ico_plus4.png) no-repeat 50% 50% / 1.2rem auto; -webkit-background-size: 1.2rem auto;}
.helpMain__tit--more span {display:none;}

.helpMain__tab {background:#fff;}
.helpMain__tab ul {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; padding-left: 1px; box-sizing: border-box; border-top: 1px solid #e4e4e4;}
.helpMain__tab li {width: calc(33.3% + 1px); margin-top: -1px; margin-left: -1px; text-align:center; -webkit-align-items center; align-items:center; border: 1px solid #e4e4e4; border-width:0 1px 1px 0; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box;}
.helpMain__tab li:nth-child(3n+3) {border-right:0;}
.helpMain__tab li a {display: block;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem}
.helpMain__tab li a.selected {background:#fff}

.helpMain__list {background:#fff; }
.helpMain__list ul {border-top: 1px solid #eaeaec;}
.helpMain__list ul li {padding:1rem 0.5rem 0.8rem 1.3rem; border-bottom: 1px solid #eaeaec;}
.helpMain__list ul li a .txtType {color:#1677cb;}

.helpMain__type {background:#fff; padding:1.3rem;}
.helpMain__type ul {display:flex; display:-webkit-flex;}
.helpMain__type ul li {flex: 1; -webkit-flex: 1; padding:1rem 0; margin-right:1rem; background:#eaeaec; text-align:center;}
.helpMain__type ul li:last-child {margin:0;}
.helpMain__type ul li a {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding:0 1rem; width: 100%; height: 100%; color:#3f3f3f; font-weight:bold; font-size:0.9rem;}
.helpMain__type ul li a .icoBox {height: 2.0rem; margin-right:0.4rem;}
.helpMain__type ul li a .icoBox img {height:100%;}
.helpMain__type ul li a .icoTxt {width:100%; letter-spacing: -.3px; color: #424242;}

.helpMain__banner {margin-top:1rem;}
.helpMain__banner ul {}
.helpMain__banner ul li {margin-bottom:1rem;}
.helpMain__banner ul li img {width:100%;}

.viewArea {background:#fff;}

/* contents ?΄?š©κ°??΄?“œ */
.helpGuide_bg {}
.helpGuide {}

.helpGuide__view {padding:1rem; background:#fff;}
.helpGuide__view img {max-width:100% !important; height:auto !important;}

/* contents faq */
.helpFaq_bg {}
.helpFaq_bg
.helpFaq {}

/* contents my list */
.helpMy_bg {}
.helpMy {}


.helpAdd {}
.helpAdd ul {}
.helpAdd li {display: -webkit-flex; display: flex; padding: 1rem 1.3rem; background: #fff; border-bottom: 0.1rem solid #e4e4e4;}
.helpAdd li .addBox:nth-child(1) {-webkit-flex: 1.2; flex: 1.2; padding-right: 0.5rem; color: #8d8d8d; font-size: 1.1rem; color:#000; text-align:left; font-weight:bold;}
.helpAdd li .addBox:nth-child(2) {-webkit-flex: 3; flex: 3; padding-right: 0.5rem; color: #8d8d8d; font-size: 1rem; line-height: 1.4rem;}
.helpAdd li .addBox:nth-child(3) {-webkit-flex: 1; flex: 1;}
.helpAdd li .addBox:nth-child(3) .vright {height:100%;}
.helpAdd li .addBox span{text-decoration:underline;}
.helpAdd li .addBox .addBox__innner {display:table; width:100%; height:100%;}
.helpAdd li .addBox .addBox__innner p {display:table-cell; vertical-align:middle;height:100%;}

.helpMy--select {padding: 1rem 1.3rem; border-bottom: 1px solid #e4e4e4; background: #f6f6f8; text-align: right;}
.helpMy--select .sel_st2 {min-width: 10rem; background-color:#fff;}

.helpMy__write {}
.helpMy__write--select {display: -webkit-flex; display: flex; position:relative;}
.helpMy__write {padding: 1rem 1.3rem; border-bottom: 1px solid #e4e4e4;}

.helpMy__write > div {margin: 0.8rem 0 0;}
.helpMy__write > div:first-of-type {margin-top: 0;}
.helpMy__write > form > div {margin: 0.8rem 0 0;}
.helpMy__write > form > div:first-of-type {margin-top: 0;}

.helpMy__write--select .tit {-webkit-flex: 1.5; flex: 1.5;}
.helpMy__write--select .tit.service {-webkit-flex: 1; flex: 1;}
.helpMy__write--select .tit div {display:table; height:100%;}
.helpMy__write--select .tit strong {display:table-cell; vertical-align:middle;}
.helpMy__write--select .flexRight {-webkit-flex: 7; flex: 7;}
.helpMy__write--select select {width: 100%; border-color: #696e7a;}
.helpMy__write--select .selectBox {display: -webkit-flex; display: flex;}
.helpMy__write--select .selectBox.dateArea select {-webkit-flex: 1; flex: 1; margin-right:0.5rem; background-position:88% center;}
.helpMy__write--select .selectBox.dateArea select:last-child {margin:0;}
.flexRight .rdo1{margin:0 0.5rem 0 0}


.helpMy__write--subject {display: -webkit-flex; display: flex;}
.helpMy__write--subject .tit {-webkit-flex: 1.5; flex: 1.5;}
.helpMy__write--subject .tit div {display:table; height:100%;}
.helpMy__write--subject .tit strong {display:table-cell; vertical-align:middle;}
.helpMy__write--subject .flexRight {-webkit-flex: 7; flex: 7;}
.helpMy__write--subject .chkx1 {margin:0 0.5rem 0 0;}
.helpMy__write--subject label {margin:0 1.0rem 0 0;}

.helpMy__write--etc {}
.helpMy__write--etc.type2{margin:1.3rem}
.helpMy__write--etc .etcCheck input {margin:0 0.5rem 0 0;}
.helpMy__write--etc .eventChTxt {margin-top:0.8rem; font-size:1.0rem; color:#8d8d8d;}
.helpMy__write--etc .eventChTxt p{font-weight:bold;color:#111}
.helpMy__write--etc .eventChTxt ul {margin-top:0.8rem;}
.helpMy__write--etc .eventChTxt li {line-height:1.4rem;}
.helpMy__write--etc .eventChTxt li div {margin-bottom:0.8rem;}
.helpMy__write--etc .eventChTxt li div:last-child {margin:0.8rem 0 0 0; font-weight:bold;}
.helpMy__write--etc .eventChTxt li div:last-child .chkx1 {margin:0 0.5rem 0 0;}
.helpMy__write--etc .eventChTxt strong{color:#fa3200}

.helpMy__write--subject .inp1 {width: 100%;}
.helpMy__write--subject .timeInput {width:10%; min-width: 3rem; padding:0.5rem 0.6rem 0.4rem 0.6rem; text-align:center;}
.helpMy__write--subject .scBox {margin:0 0.3rem;}
.helpMy__write--text {}
.helpMy__write--file {margin-top:0.8rem; font-size: 0.9rem; color: #8d8d8d; line-height: 1.2rem;}
.helpMy__write--file .flexBox {display:-webkit-flex;display:flex; margin-bottom:0.8rem;}
.helpMy__write--file .upload-name {-webkit-flex: 7;flex: 7; font-size:1.0rem;}
.helpMy__write--file .flexBox lebel {-webkit-flex: 3;flex: 3;}

.file_box {text-align:left;}
.file_box input[type="file"] {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  margin: -1px;
	  overflow: hidden;
	  clip:rect(0,0,0,0);
	  border: 0;
	}
.file_box .upload-name {
  padding:0 10px;
  border:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
  background:#f1f1f1;
  font-size:1.1rem;
  color: #3f3f3f;
}
.file_box label {
  padding:0 0.8rem;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background:#322816;
  cursor: pointer;
  border:0;
  line-height:2.4rem;
}

.faq_fbox{ overflow:hidden; padding:1rem 0; background:#fff; }
.faq_fbox .ff_file{ display: -webkit-flex; display: flex; }
.faq_fbox .ff_file div:nth-child(1){ -webkit-flex: 7; flex: 7; color:#8d8d8d; }
.faq_fbox .ff_file div:nth-child(2){ -webkit-flex: 1; flex: 1; }
.faq_fbox .img_inf{ clear:both; padding:1rem 0; color:#8d8d8d; font-size:0.9rem; }
.faq_fbox .img_inf .thfx{ overflow:hidden; }
.faq_fbox .img_inf .chkx1{ margin-top:0; }
.faq_fbox .img_inf label{ display:inline-block; padding-top:0.3rem }
.faq_fbox .thf1{ display:block; margin-top:0.5rem; color:#8d8d8d; font-size:0.9rem; }

.faq_fbox .ff_file2{display: block;}
.faq_fbox .ff_file2 .btn{text-align: right;}
.Prop_file--img{background: #f6f6f8;padding: 0.7rem;color: #4e6f90;margin-top: 1.0rem;}
.Prop_file--img img{width:5%}


/* list */
.helpList {background:#fff;}
.helpList li {padding:1rem; border-bottom: 1px solid #e4e4e4; color: #3f3f3f;}
.helpList li a {display: table; table-layout: fixed; width: 100%;}
.helpList--flex {display: -webkit-flex; display: flex;}
.helpList--flex .helpList--flex--left {-webkit-flex: 3.5; flex: 3.5;}
.helpList--flex .helpList--flex--right {-webkit-flex: 1; flex: 1;}
.helpList--flex .helpList--flex--right .vright {height:100%;}
.helpList--flex .helpList--info{ text-align:left; font-weight:bold; color:#000;}
.helpList .helpList--info .helpList--type {display:block; font-size: 1.1rem; color:#1677cb; font-weight:bold; line-height: 1.4; word-break: keep-all; word-wrap: break-word; letter-spacing:-0.1rem;}
.helpList .helpList--info .helpList--txt {display:block; padding-top:0.2rem; font-size: 1.1rem; color: #3f3f3f; line-height: 1.4; word-break: keep-all; word-wrap: break-word; letter-spacing:-0.1rem; font-weight:bold;}

.tablecell {display:table; width: 100%; height: 100%;}
.tablecell__inner {display:table-cell; vertical-align:middle;}

.helpList--flex .helpList_stat {width:4.5rem; height:4.5rem; text-align:center; border-radius:50%; font-size:1.0rem; color:#fff; line-height:4.5rem; font-weight:bold;}
.helpList--flex .helpList_stat.statColor01 {background:#5e799d; }
.helpList--flex .helpList_stat.statColor02 {background:#f34d51;}

.helpList--txt.noneData {text-align:center; font-weight:normal !important;}
.helpList li .helpList--type {display:block; font-size: 1.1rem; color:#1677cb; font-weight:bold; line-height: 1.4; font-weight:normal; letter-spacing:0;}
.helpList li .helpList--type * {display: inline; *display: inline; *zoom: 1; font-size: 0.9rem; color: #8d8d8d; vertical-align: middle;}

.helpList__view {}
.helpList__view > dt {padding: 1rem; border-bottom: 1px solid #e4e4e4; background: #f6f7f8;}
.helpList__view > dd {border-bottom: 1px solid #e4e4e4;}
.helpList__view .helpList--info {text-align:left; font-weight:bold; color:#000;}
.helpList__view .helpList--info .helpList--txt {display:inline-block; padding-top:0; font-size: 1.1rem; color: #3f3f3f; line-height: 1.4; word-break: keep-all; word-wrap: break-word;}
.helpList__view .helpList--type {display:block; font-size: 1.1rem; color:#1677cb; font-weight:bold; line-height: 1.4; font-weight:normal; letter-spacing:0;}
.helpList__view .helpList--type * {display: inline; *display: inline; *zoom: 1; font-size: 0.9rem; color: #8d8d8d; vertical-align: middle;}

.helpList__comment {padding: 1rem; font-size: 1rem; line-height: 1.4; letter-spacing: -0.5px; color: #3f3f3f; word-break: keep-all; word-wrap: break-word;}
.helpList__comment img {max-width:100%;}
.helpList__comment_re {padding:1rem 0; font-size: 1rem; line-height: 1.4; letter-spacing: -0.5px; color: #3f3f3f; /*word-break: keep-all; word-wrap: break-word;*/ background:#f6f6f8;}
.helpList__comment_re .reText {padding: 1rem; background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.helpList__comment_re .reText__innre {overflow:hidden;}
.fileName {padding:1.5rem 1rem;}

/* etc */
.caution {padding:1rem; background: #fff; font-size: 0.9rem; color: #8d8d8d; line-height: 1.2rem;}
 
/* btn */
.helpBtn-left {overflow:hidden; padding:1rem; text-align:left;}
.helpBtn-left > a:first-child {float: left;}
.helpBtn-left > a {float: right;}

/* pop */
.popArea {position: relative;}
.popArea__header {position: relative; padding: 1rem 0; border-bottom: 1px solid #1677cb; background:#fff}
.popArea__header > h1{font-weight: bold; font-size:1.2rem; text-align: center;}
.popArea__header > h1 strong {color: #1677cb;}
.popArea__header--button {position:absolute; right:1%; top:calc(50% - 1.5rem); top:-webkit-calc(50% - 1.5rem); z-index:2; width:3rem; height:3rem; text-indent: -9999px;}
.popArea__header--button:before,
.popArea__header--button:after {content:''; display:block; position:absolute; left:50%; top:50%; width:2rem; height:2px; margin-left:-1rem; background:#444a59;}
.popArea__header--button:before {transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.popArea__header--button:after {transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.popArea--notice {padding: 1rem 1.3rem;  background: #f6f7f8; font-size: 1rem; letter-spacing: -0.5px; color: #333; text-align: left; word-wrap: break-word; word-break: keep-all;}

/* list btn */
.list-more {padding: 1rem 1.3rem; text-align: center; background:#fff;}
.list-more a {display: block; padding: 1rem 0; font-weight: bold;}

/* layet pop */
.popLayer {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}

/* ?‹΅λ³? 만쑱?„ 쑰사 μΆ”κ?? 20240529 */
.satisfaction_rating {padding: 1rem;font-size: .98rem;color:#666;}
.satisfaction_h {margin-bottom: 1rem; font-size: 1.1rem; font-weight: 600;}
.satisfaction_row {display: flex;flex-wrap: wrap;}
.satisfaction_row + .satisfaction_row {margin-top: 1.5rem;}
.satisfaction_q {flex: 0 0 100%;margin-bottom: .8rem;}
.satisfaction_a {padding-left: 1rem; width: 100%;box-sizing: border-box;}
.satisfaction_rating .rating_list {display: flex;}
.satisfaction_rating .rating_list li + li {margin-left: .3rem;}
.satisfaction_rating .rating_score {margin-left: 5px;}
.satisfaction_rating .rating_list label {display: flex;align-items: center;cursor: pointer;font-size: 1.2rem; color:#f46c70;line-height: 100%;}
.satisfaction_rating .rating_list input[type='radio'] {margin: 0 3px 0 0;}
.satisfaction_rating .opinion {width: 100%;}
.satisfaction_desc {margin-top: 10px;}
.satisfaction_desc li {position: relative;padding-left: 8px;font-size: .88rem;color:#999;letter-spacing: -.5px; line-height: 1.4;}
.satisfaction_desc li::after {content: 'Β·';position: absolute;top:0;left:0;}
.satisfaction_desc li + li {margin-top: .3rem;}
.satisfaction_func {padding: 1.5rem 1rem; text-align: right;}
.satisfaction_rating, .satisfaction_func {border-bottom: 1px solid #e4e4e4}

.qna_input--area{margin:0.8rem 0 0;display: flex;align-items: center;}
.qna_input--title{flex:1.5;font-weight: bold;}
.qna_input--title sup{color:#ff6262;vertical-align: 0;}
.qna_input--title+div{flex:7;}
.qna_input--area label{margin: 0 1.0rem 0 0;display: inline-flex;align-items: center;}
.qna_input--area .rdo1{margin:0 0.5rem 0 0}
.qna_input--area .inp1{margin:0}
.qna_input--area2{flex-direction: column;align-items: start;}
.qna_input--area2 .qna_input--title{text-align: left;margin-bottom: 0.5rem;}
.qna_input--area input::placeholder, .qna_input--area textarea::placeholder{color:#cccccc}
.qna_input--container{padding-bottom: 1rem;}

.ic_help_qna{display:inline-block;width:2rem;height:2rem;mask:url(https://img.megastudy.net//main/renewal/icon/ic_qna.svg) no-repeat 0 50%;-webkit-mask: url('https://img.megastudy.net//main/renewal/icon/ic_qna.svg') no-repeat center;background-color: #595959;background-size:100%;mask-size: contain;-webkit-mask-size: contain;}
.ic_help_suggest{display:inline-block;width:2rem;height:2rem;mask:url(https://img.megastudy.net//main/renewal/icon/ic_suggest.svg) no-repeat 0 50%;-webkit-mask: url('https://img.megastudy.net//main/renewal/icon/ic_suggest.svg') no-repeat center;background-color: #595959;background-size:100%;mask-size: contain;-webkit-mask-size: contain;}

.help_tipbx{padding:3% 8%;background:#fff;}


.help_tipbx{overflow:hidden;position:relative}
.help_tipbx li{float:left;width:50%;text-align:center;}
.help_tipbx .vod_cont{display:block;position:relative;margin:0 2%}
.help_tipbx .vod_cont img{width:100%}
.help_tipbx .tip_vodname{display:block;padding:3% 0 0 0;font-size:3vw;font-weight:600;color:#333;line-height:3.5vw;}
.help_tipbx .ep_num{position:absolute;left:0;top:0;width:14%;height:3vw;padding:0.2vw 0 0.25vw;background:#000;color:#fff;text-align:center;font-size:2vw;font-weight:600;border-radius:5px 0 5px 0;line-height:3vw;}
.help_tipbx .tip_thumb{display:block;position:relative;overflow:hidden;width:100%;height:24vw;background:url("//img.megastudy.net/help/std_record/bg_thumbtip.jpg") no-repeat;border-radius:5px;background-size:100%;}
.help_tipbx .add_link{display:block;padding:3% 0 0 0;font-size:2.5vw;color:#999;line-height:3vw;}
.help_tipbx .ic_play{position:absolute;right:8%;bottom:10%;width:6vw;height:6vw;background:url("//img.megastudy.net/help/std_record/btn_play.png") no-repeat;background-size:100%;}
.btn--hpprev{position:absolute;left:2%;top:50%;width:3vw;height:5vw;background:url("//img.megastudy.net/help/std_record/im_btnslide.jpg") no-repeat;background-size:100%;transform:translateY(-50%);}
.btn--hpnext{position:absolute;right:2%;top:50%;width:3vw;height:5vw;background:url("//img.megastudy.net/help/std_record/im_btnslide.jpg") no-repeat;background-size:100%;transform:translateY(-50%) scaleX(-1);}

@media screen and (max-width: 768px){
  .qna_input--title{flex:2.5;}
}