@charset "utf-8";


/* FAQ */
#fq * {box-sizing: border-box;}
.fq-inner {width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
.fq-top {padding: 96px 0; background: #F2F4F6;}
.fq-top__wrap {display: flex; align-items: center;}
.fq-top__wrap dt {flex-grow: 1;}
.fq-top__wrap dd {flex-shrink: 0; margin-left: 24px;}
.fq-top__title span {font-size: 20px; font-weight: 300;}
.fq-top__title h4 {font-size: 40px; font-weight: 600; color: #333D4B; margin-top: 20px;}
.fq-top__sch {max-width: 460px; margin-top: 24px; position: relative;}
.fq-top__sch input[type="text"] {display: block; width: 100%; height: 52px; padding-left: 20px; padding-right: 72px; background: #fff; border: none; -webkit-border-radius: 40px; border-radius: 40px;}
.fq-top__sch a {display: block; width: 52px; height: 52px; position: absolute; right: 0; top: 0; font-size: 0; background: none;}
.fq-top__sch a:before {content: ''; display: block; width: 12px; height: 12px; border: solid 2px #8B95A1; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; -webkit-border-radius: 50%; border-radius: 50%;}
.fq-top__sch a:after {content: ''; display: block; width: 6px; height: 2px; background: #8B95A1; position: absolute; left: 50%; top: 50%; margin-left: 1px; margin-top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fq-top__menu {display: flex;}
.fq-top__menu li {margin-right: 14px;}
.fq-top__menu li:last-child {margin-right: 0;}
.fq-top__menu li a {display: block; padding: 40px 0; width: 196px; background: #fff; text-align: center; -webkit-border-radius: 20px; border-radius: 20px;}
.fq-top__menu li a img {display: block; margin: 0 auto; width: 48px;}
.fq-top__menu li a span {font-size: 20px; color: #006FFF; margin-top: 12px; display: flex; align-items: center; justify-content: center;}
.fq-top__menu li a span:after {content: ''; display: block; width: 8px; height: 8px; margin-left: 8px; border-top: solid 2px #006FFF; border-right: solid 2px #006FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fq-bot {padding-top: 64px; padding-bottom: 160px;}
.fq-tab {border-bottom: solid 1px #CED3DE; display: flex;}
.fq-tab li a {padding: 0 16px; height: 56px; color: #8F9BB3; font-size: 16px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.fq-tab li.on a {color: #000;}
.fq-tab li.on a:after {content: ''; display: block; height: 2px; background: #000; position: absolute; left: 0; right: 0; bottom: 0;}
.fq-list dl {-webkit-border-radius: 20px; border-radius: 20px;}
.fq-list dl dt {font-size: 18px; padding: 25px 16px; cursor: pointer; line-height: 1.3; display: flex; align-items: center;}
.fq-list dl dt span {width: 200px; color: #4E5968; font-weight: 300; margin-right: 40px; flex-shrink: 0;}
.fq-list dl dt strong {font-weight: 400; flex-grow: 1;}
.fq-list dl dd {padding: 0 20px 40px 256px; line-height: 1.3;}
.fq-list dl.active,
.fq-list dl:hover {background: #F7F8F9;}

@media(max-width:1200px){
	.fq-top {padding: 80px 0;}
	.fq-top__title h4 {font-size: 36px; margin-top: 16px;}
	.fq-top__sch {max-width: 400px;}
	.fq-top__menu li a {padding: 32px 0; width: 160px;}
	.fq-top__menu li a span {font-size: 16px;}
	.fq-top__menu li a span:after {width: 6px; height: 6px; margin-left: 6px;}
	.fq-tab li a {padding: 0 12px; height: 48px; font-size: 14px;}
	.fq-list dl dt {font-size: 14px;}
	.fq-list dl dt span {width: 160px;}
	.fq-list dl dd {padding: 0 20px 40px 216px; font-size: 14px !important;}
}

@media(max-width:992px){
	.fq-top {padding: 64px 0;}
	.fq-top__title span {font-size: 16px;}
	.fq-top__title h4 {font-size: 32px; margin-top: 12px;}
	.fq-top__sch {margin-top: 16px;}
	.fq-top__sch input[type="text"] {height: 48px; padding-left: 16px; padding-right: 64px;}
	.fq-top__sch a {width: 48px; height: 48px;}
	.fq-top__menu li a {padding: 24px 0; width: 120px;}
	.fq-top__menu li a img {width: 40px;}
	.fq-top__menu li a span {font-size: 14px;}
	.fq-top__menu li a span:after {width: 4px; height: 4px; margin-left: 4px;}
	.fq-bot {padding-top: 48px; padding-bottom: 120px;}
	.fq-tab li a {padding: 0 10px; height: 40px; font-size: 12px;}
	.fq-list dl {-webkit-border-radius: 10px; border-radius: 10px;}
	.fq-list dl dt {padding: 20px 10px;}
	.fq-list dl dt span {width: 120px; margin-right: 20px;}
	.fq-list dl dd {padding: 0 10px 20px 150px;}

}

@media(max-width:768px){
	.fq-top {padding: 24px 0 0;}
	.fq-top__wrap {display: block;}
	.fq-top__wrap dd {margin-left: 0; margin-top: 16px;}
	.fq-top__title span {font-size: 14px;}
	.fq-top__title h4 {font-size: 26px; margin-top: 8px;}
	.fq-top__sch {margin-top: 12px;}
	.fq-top__sch input[type="text"] {height: 40px; padding-right: 56px; font-size: 12px; border: solid 1px #E5E8EB;}
	.fq-top__sch a {width: 40px; height: 40px;}	
	.fq-top__menu {margin: 0 -20px; padding: 0 18px 24px; display: block;}
	.fq-top__menu li {margin-right: 0; width: 100%;}
	.fq-top__menu li a {width: 100%; padding: 0 16px; height: 50px; position: relative; display: flex; align-items: center; -webkit-border-radius: 0; border-radius: 0;}
	.fq-top__menu li:first-child a {-webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
	.fq-top__menu li:last-child a {-webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
	.fq-top__menu li a img {width: 24px; margin: 0;}
	.fq-top__menu li a span {margin-top: 0; margin-left: 16px; color: #333D4B;}
	.fq-top__menu li a span:after {border-color: #CACACA; width: 6px; height: 6px; position: absolute; right: 16px; top: 50%; margin-top: -3px;}
	.fq-bot {padding-top: 0; padding-bottom: 64px;}
	.fq-tab {overflow-x: auto; margin: 0 -20px; border-bottom: none;}
	.fq-tab li {white-space: nowrap;}
	.fq-tab li a {padding: 0 16px;}
	.fq-list {margin: 0 -20px;}
	.fq-list dl {padding: 0 10px; -webkit-border-radius: 0; border-radius: 0;}
	.fq-list dl dt {font-size: 13px; padding: 15px 10px; display: block;}
	.fq-list dl dt span {width: 100%; display: block;}
	.fq-list dl dt strong {display: block; margin-top: 4px;}
	.fq-list dl dd {padding: 0 10px 20px 10px; font-size: 13px !important;}
}





#hlp {padding-top: 80px; padding-bottom: 160px;}
#hlp * {box-sizing: border-box;}

.hlp-inner {width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
.hlp-title {font-size: 40px; font-weight: 600; color: #333D4B;}
.hlp-ntc__list {margin-top: 40px; table-layout: fixed; width: 100%;}
.hlp-ntc__list th {border-bottom: solid 1px #CED3DE; padding: 20px 16px; font-size: 16px; color: #8F9BB3; font-weight: 400;}
.hlp-ntc__list td {padding: 20px 16px; text-align: center; font-size: 16px; font-weight: 300; vertical-align: middle;}
.hlp-ntc__list td.hlp-ntc__title {text-align: left;}
.hlp-ntc__list td.hlp-ntc__title a {font-size: 18px; font-weight: 400; display: inline-block; max-width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hlp-ntc__list td.hlp-ntc__title a img {vertical-align: middle; margin-left: 8px;}
.hlp-ntc__list td.hlp-ntc__idx span.notice {color: #006FFF;}
.hlp-ntc__list td.hlp-ntc__date {}
.hlp-ntc__list td.hlp-ntc__cnt {}
.hlp-ntc__list t.hlp-ntc__none {padding: 60px; text-align: center;}

.hlp-ntc__vinner {width: 100%; max-width: 1040px; margin: 0 auto;}
.hlp-ntc__vtop {padding-bottom: 40px;}
.hlp-ntc__vtop span {display: block; font-size: 18px; color: #006FFF; font-weight: 300; margin-bottom: 16px;}
.hlp-ntc__vtop h4 {font-size: 28px; font-weight: 400;}
.hlp-ntc__vtop ul {margin-top: 16px; display: flex; align-items: center;}
.hlp-ntc__vtop ul li {font-size: 16px; color: #8F9BB3; font-weight: 300; display: flex; align-items: center;}
.hlp-ntc__vtop ul li:after {content: ''; display: block; width: 1px; height: 12px; background: #CED3DE; margin: 0 8px;}
.hlp-ntc__vtop ul li:last-child:after {display: none;}
.hlp-ntc__vtop dl {margin-top: 24px;}
.hlp-ntc__vtop dl dt {display: none;}
.hlp-ntc__vtop dl dd {margin-bottom: 4px;}
.hlp-ntc__vtop dl dd:last-child {margin-bottom: 0;}
.hlp-ntc__vtop dl dd a {font-size: 14px; font-weight: 300; display: inline-flex;}
.hlp-ntc__vtop dl dd a:before {content: ''; display: block; flex-shrink: 0; width: 9px; height: 16px; margin-right: 4px; margin-top: -2px; background: url('https://img.megastudyth.com/customer/view_file.png')no-repeat center center / cover;}
.hlp-ntc__vcon {border-bottom: solid 1px #CED3DE; border-top: solid 1px #CED3DE; padding-top: 40px; padding-bottom: 40px;}

.hlp-ntc__vansw {background: #F7F8F9; padding: 24px; -webkit-border-radius: 20px; border-radius: 20px;}
.hlp-ntc__vansw h5 {font-size: 18px; font-weight: 500;}
.hlp-ntc__vansw p {margin-top: 16px; font-size: 16px; font-weight: 300; line-height: 1.4;}
.hlp-ntc__vansw a {font-size: 14px; font-weight: 300; display: inline-flex; margin-top: 16px; text-decoration: underline;}
.hlp-ntc__vansw a:before {content: ''; display: block; flex-shrink: 0; width: 9px; height: 16px; margin-right: 4px; margin-top: -2px; background: url('https://img.megastudyth.com/customer/view_file.png')no-repeat center center / cover;}


@media(max-width:1200px){
	#hlp {padding-top: 64px; padding-bottom: 120px;}
	.hlp-title {font-size: 36px;}
	.hlp-ntc__list {margin-top: 32px;}
	.hlp-ntc__list th {padding: 16px 0; font-size: 14px;}
	.hlp-ntc__list td {padding: 16px 0; font-size: 14px;}
	.hlp-ntc__list td.hlp-ntc__title a {font-size: 14px;}

	.hlp-ntc__vtop {padding-bottom: 32px;}
	.hlp-ntc__vtop span {font-size: 16px;}
	.hlp-ntc__vtop h4 {font-size: 24px;}
	.hlp-ntc__vtop ul li {font-size: 14px;}
	.hlp-ntc__vtop dl dd a {font-size: 13px;}
	.hlp-ntc__vcon {padding-top: 32px; padding-bottom: 32px;}

	.hlp-ntc__vansw {padding: 20px;}
	.hlp-ntc__vansw h5 {font-size: 16px;}
	.hlp-ntc__vansw p {font-size: 14px; margin-top: 12px;}
	.hlp-ntc__vansw a {font-size: 13px;}
}

@media(max-width:992px){
	#hlp {padding-top: 48px; padding-bottom: 120px;}
	.hlp-title {font-size: 32px;}
	.hlp-ntc__list {margin-top: 24px;}
	.hlp-ntc__list th {padding: 12px 0;}
	.hlp-ntc__list td {padding: 12px 0;}
	.hlp-ntc__list td.hlp-ntc__title a {}

	.hlp-ntc__vtop {padding-bottom: 24px;}
	.hlp-ntc__vtop span {font-size: 14px;}
	.hlp-ntc__vtop h4 {font-size: 20px;}
	.hlp-ntc__vtop ul li {font-size: 12px;}
	.hlp-ntc__vtop dl {margin-top: 16px;}
	.hlp-ntc__vtop dl dd a {font-size: 12px;}
	.hlp-ntc__vtop dl dd a:before {width: 6px; height: 12px; margin-top: 0;}
	.hlp-ntc__vcon {padding-top: 24px; padding-bottom: 24px;}
	.hlp-ntc__vfile dt {font-size: 13px; padding: 16px; width: 160px;}
	.hlp-ntc__vfile dd {padding: 16px;}
	.hlp-ntc__vfile dd ul li a {font-size: 13px;}

	.hlp-ntc__vansw {padding: 16px;}
	.hlp-ntc__vansw h5 {font-size: 14px;}
	.hlp-ntc__vansw p {font-size: 13px; margin-top: 8px;}
	.hlp-ntc__vansw a {font-size: 12px;}
	.hlp-ntc__vansw a:before {width: 6px; height: 12px; margin-top: 0;}
}

@media(max-width:768px){
	#hlp {padding-top: 24px; padding-bottom: 80px;}
	.hlp-title {font-size: 24px;}
	.hlp-ntc__list {margin-top: 16px;}
	.hlp-ntc__list colgroup,
	.hlp-ntc__list thead {display: none;}
	.hlp-ntc__list,
	.hlp-ntc__list tbody,
	.hlp-ntc__list td {display: block; text-align: left;}
	.hlp-ntc__list td {padding: 0; font-size: 11px;}
	.hlp-ntc__list {border-top: solid 1px #CED3DE;}
	.hlp-ntc__list tr {padding: 12px 0; display: flex; flex-wrap: wrap; align-items: center;}
	.hlp-ntc__list td.hlp-ntc__idx {}
	.hlp-ntc__list td.hlp-ntc__idx span:before {content: 'No. ';}
	.hlp-ntc__list td.hlp-ntc__idx span.notice:before {display: none;}
	.hlp-ntc__list td.hlp-ntc__title {width: 100%; margin-top: 4px;}
	.hlp-ntc__list td.hlp-ntc__title a {font-weight: 500;}
	.hlp-ntc__list td.hlp-ntc__date {font-weight: 400; color: #8F9BB3; display: flex; align-items: center;}
	.hlp-ntc__list td.hlp-ntc__date:after {content: ''; display: block; width: 1px; height: 10px; background: #ddd; margin: 0 8px;}
	.hlp-ntc__list td.hlp-ntc__cnt {font-weight: 400; color: #8F9BB3;}

	.hlp-ntc__vtop {padding-bottom: 16px;}
	.hlp-ntc__vtop span {font-size: 13px; margin-bottom: 8px;}
	.hlp-ntc__vtop h4 {font-size: 16px;}
	.hlp-ntc__vtop ul {margin-top: 8px;}
	.hlp-ntc__vtop ul li {font-size: 11px;}
	.hlp-ntc__vcon {padding-top: 16px; padding-bottom: 16px;}
	.hlp-ntc__vfile {display: block; padding-top: 24px;}
	.hlp-ntc__vfile dt {text-align: left; font-weight: 500; padding: 0; margin-bottom: -8px; width: 100%; display: block; background: none;}
	.hlp-ntc__vfile dd {padding: 16px 0;}
	.hlp-ntc__vfile dd ul li a {font-size: 12px;}

	.hlp-ntc__vansw {-webkit-border-radius: 8px; border-radius: 8px;}
	.hlp-ntc__vansw h5 {font-size: 13px;}
	.hlp-ntc__vansw p {font-size: 12px;}
	.hlp-ntc__vansw a {font-size: 11px;}
}






.hlp-qna__top {height: 150px; padding-right: 60px; padding-left: 50%; margin-top: 24px; margin-bottom: 40px; background: url('https://img.megastudyth.com/customer/qna_banner.png')no-repeat center center / cover; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.hlp-qna__top h5 {font-size: 34px; color: #fff; font-weight: 500; text-align: right;}
.hlp-qna__top h5 span {color: #FFEA00;}
.hlp-qna__top p {font-size: 22px; color: #fff; font-weight: 300; margin-top: 8px;}
.hlp-qna__tab {display: flex; padding-right: 1px;}
.hlp-qna__tab li {width: 50%;}
.hlp-qna__tab li a {height: 68px; background: #F9FAFB; color: #8F9BB3; border: solid 1px #CED3DE; margin-right: -1px; font-size: 20px; display: flex; align-items: center; justify-content: center;}
.hlp-qna__tab li a.active {border-color: #8F9BB3; border-bottom-color: #fff; background: #fff; color: #000; position: relative;}
.hlp-qna__info {margin-top: 40px;}
.hlp-qna__info dt {font-size: 18px; font-weight: 400; margin-bottom: 16px;}
.hlp-qna__info dd {color: #4E5968; font-weight: 300; margin-bottom: 8px; display: flex;}
.hlp-qna__info dd:before {content: '*'; margin-right: 4px;}
.hlp-qna__info dd:last-child {margin-bottom: 0;}

.hlp-qna__form {margin-top: 40px; padding-top: 40px; border-top: solid 1px #CED3DE;}
.hlp-qna__form dl {display: flex; margin-bottom: 32px;}
.hlp-qna__form dl:last-child {margin-bottom: 0;}
.hlp-qna__form dl dt {width: 256px; flex-shrink: 0; line-height: 34px; font-size: 16px;}
.hlp-qna__form dl dd {flex-grow: 1;}
.hlp-qna__form select {display: block; height: 34px; padding-left: 8px; border: solid 1px #CED3DE; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 8px center / 12px auto; cursor: pointer; padding-right: 28px;}
.hlp-qna__form select:focus {border-color: #000;}
.hlp-qna__form input[type="text"] {width: 100%; max-width: 344px; height: 34px; padding: 0 8px; border: solid 1px #CED3DE; -webkit-border-radius: 0; border-radius: 0;}
.hlp-qna__form input[type="text"]:focus {border-color: #000;}

.hlp-qna__file {}
.hlp-qna__file input[type="file"] {display: none;}
.hlp-qna__file label {height: 34px; cursor: pointer; background: #F9FAFB; border: solid 1px #CED3DE; color: #4E5968; font-size: 12px; font-weight: 300; display: flex; align-items: center; justify-content: center;}
.hlp-qna__file label em {display: block; width: 16px; height: 16px; margin-left: 6px; border: solid 2px #8F9BB3; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.hlp-qna__file label em:before,
.hlp-qna__file label em:after {content: ''; display: block; background: #8F9BB3; position: absolute; left: 50%; top: 50%;}
.hlp-qna__file label em:before {width: 8px; height: 2px; margin-left: -4px; margin-top: -1px;}
.hlp-qna__file label em:after {width: 2px; height: 8px; margin-left: -1px; margin-top: -4px;}
.hlp-qna__file div {display: none; height: 34px; background: #F9FAFB; border: solid 1px #CED3DE; align-items: center; justify-content: center;}
.hlp-qna__file div p {color: #4E5968; font-size: 12px; font-weight: 300;}
.hlp-qna__file div button {display: block; width: 16px; height: 16px; margin-left: 6px; text-indent: -9999px; border: solid 2px #8F9BB3; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.hlp-qna__file div button:before,
.hlp-qna__file div button:after {content: ''; display: block; background: #8F9BB3; position: absolute; left: 50%; top: 50%; width: 8px; height: 2px; margin-left: -4px; margin-top: -1px;}
.hlp-qna__file div button:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hlp-qna__file div button:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.hlp-qna__file span {display: block; margin-top: 8px; font-size: 14px; color: #4E5968; font-weight: 300;}

.hlp-qna__submit {margin-top: 80px; display: flex; justify-content: center;}
.hlp-qna__submit li {margin: 0 5px;}
.hlp-qna__submit li a {width: 296px; height: 60px; background: #8F98A4; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.hlp-qna__submit li a.blu {background: #006FFF;}
.hlp-qna__submit.sm li a {width: 180px;}

@media(max-width:1200px){
	.hlp-qna__top {padding-right: 40px; margin-bottom: 32px;}
	.hlp-qna__top h5 {font-size: 30px;}
	.hlp-qna__top p {font-size: 18px;}
	.hlp-qna__tab li a {height: 58px; font-size: 18px;}
	.hlp-qna__info {margin-top: 32px;}
	.hlp-qna__info dt {font-size: 16px; margin-bottom: 16px;}
	.hlp-qna__info dd {font-size: 13px;}
	.hlp-qna__form {margin-top: 32px; padding-top: 32px;}
	.hlp-qna__form dl {margin-bottom: 24px;}
	.hlp-qna__form dl dt {width: 200px; font-size: 14px;}
	.hlp-qna__submit {margin-top: 64px;}
	.hlp-qna__submit li a {width: 264px; height: 54px; font-size: 16px;}
	.hlp-qna__submit.sm li a {width: 160px;}

}

@media(max-width:992px){
	.hlp-qna__top {padding-right: 24px; height: 100px;}
	.hlp-qna__top h5 {font-size: 24px;}
	.hlp-qna__top p {font-size: 14px;}
	.hlp-qna__tab li a {height: 48px; font-size: 16px;}
	.hlp-qna__info dt {font-size: 14px; margin-bottom: 12px;}
	.hlp-qna__info dd {font-size: 12px;}
	.hlp-qna__form dl dt {width: 160px;}
	.hlp-qna__submit {margin-top: 40px;}
	.hlp-qna__submit li a {width: 200px; height: 48px; font-size: 14px;}
	.hlp-qna__submit.sm li a {width: 140px;}

}

@media(max-width:768px){
	.hlp-qna__top {padding-right: 16px; height: 80px; margin-bottom: 16px;}
	.hlp-qna__top h5 {font-size: 18px;}
	.hlp-qna__top p {font-size: 11px; margin-top: 4px;}
	.hlp-qna__tab li a {height: 38px; font-size: 13px;}
	.hlp-qna__info {margin-top: 16px;}
	.hlp-qna__info dt {font-size: 13px; margin-bottom: 8px;}
	.hlp-qna__info dd {font-size: 11px;}
	.hlp-qna__form {margin-top: 24px; padding-top: 24px;}
	.hlp-qna__form dl {margin-bottom: 24px; display: block;}
	.hlp-qna__form dl dt {width: 100%; line-height: 1.2;}
	.hlp-qna__form dl dd {margin-top: 8px;}
	.hlp-qna__form select {width: 100%;}
	.hlp-qna__form input[type="text"] {max-width: 100%;}
	.hlp-qna__file span {font-size: 11px;}
	.hlp-qna__submit {margin-top: 24px; margin-left: -2px; margin-right: -2px;}
	.hlp-qna__submit li {margin: 0; padding: 0 2px; width: 50%;}
	.hlp-qna__submit li a {width: 100%; height: 40px; font-size: 13px; -webkit-border-radius: 4px; border-radius: 4px;}
	.hlp-qna__submit.sm li {width: 33.3333%;}
	.hlp-qna__submit.sm li a {width: 100%;}
}