@charset "utf-8";
/* common_libs/reset.css + landing/style.css + sigongweb/css/mobile/m_all.css + sigongweb/css/web/pc_201210_07.css */
/* base */
@import url("../../web_font/NotoSansKR.css");
@import url("../../web_font/Nanum.css");
* {
  margin: 0;
  padding: 0;
}
html,
input,
textarea,
select,
button,
xmp {
  font-family: NotoSansKR, Dotum, '돋움', Arial, sans-serif;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, sup, sub,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  font-size:inherit;
  font-family: NotoSansKR;
}
dl,
ul,
ol,
menu,
li {
  list-style: none
}
fieldset,
img {
  border: 0 none
}
blockquote,
q {
  quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
input {
  font-family: NotoSansKR;
  font-size: 14px;
  line-height: 1.5;
  padding: 0px 0px 0px;
  color: #666;
  border: 2px solid #f4f4f4;
  height: 32px;
  box-sizing: border-box;
}
input.check,
input.radio {
  margin: -5px 3px 0 0;
  padding: 0;
  vertical-align: middle;
}
select {
  height: 32px;
  border: 2px solid #f4f4f4;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: top;
  margin: 0;
  font-family: arial;
  color: #bdbdbd;
}
button {
  background-color: transparent;
  border: 0;
}
/* // base */

/* device */
.dis-tablet-mo {
  display: none;
}
.rimg{ 
  transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
/* // device */

/* layout */
#page {
  overflow-x: hidden;
  width: 100%;
}

#header {
  background-color: #fff;
  text-align: center;
}

#header .header_2 {
  box-sizing: border-box;
  border-top: 1px solid #dddddd;
  border-bottom: 3px solid #eb6100;
}
#header .img_map_box {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

#header .img_map_box>img {
  vertical-align: top;
}

#header .img_map_box>a {
  z-index: 5;
  position: absolute;
  top: 0px;
  left: 0px;
}
#footer .dis-tablet-mo .footer_MO_2 .img_map_box,
#footer .dis-tablet-mo .footer_MO_2 .img_map_box img {
  width: 100%;
}
/* contents */
#wrap {
  height: auto;
  position: relative;
}
.banner_go1 {
  font-family: NotoSansKR;
}
#landingPageFrame {
  text-align: center;
}
#landingPageFrame .con-area {
  background-color: #fff;
}
.tit_wrap {
  position: relative;
  background: #f6f6f6;
  margin: 0 auto;
}
.section_top02 {
  height: auto;
  background-color: #ff7900;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
}
.section_top03 {
  height: auto;
  background-color: #f6f6f6;
  margin: 0 auto;
  text-align: center;
}
.section_top04 {
  height: auto;
  background-color: #ffffff;
  margin: 0 auto;
  text-align: center;
}
.section_middle {
  height: auto;
  background-color: #ffda21;
  margin: 0 auto;
  text-align: center;
}
.btn_form_img_png {
  display: none;
}
/* // contents */
#footer {
  font-size: 0;
  text-align: center;
}

#footer {
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
}
/* // layout */

/* #input frame */
.banner_go1 {
  position: fixed;
  top: 180px;
  right: 3%;
  z-index: 60;
  margin-left: 200px;
}
.ad_box_area_01 {
  width: 311px;
  text-align: center;
  color: #666;
  font-size: 12px;
  padding: 12px 4px;
  border: 1px solid #ccc;
}
.ad_box_area_01 .ad_box_area_01__title {
  padding: 27px 0 13px 0;
}
input[type="text"]#lb_name,
input[type="text"]#lb_cert {
  width: 100%;
}
input[type="button"]#lb_cert_btn {
  width: 60px;
  height: 32px;
  border: 0;
}
input[type="radio"].radio-style-not-pc+label {
  padding-right: 8px;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#clause_info,
#mark_info {
  cursor: pointer;
}
.test_rq_TB_01 {
  width: 100%;
  margin: 0 auto;
}

.ad_box_area_01 .test_rq_TB_01 .border-b-line {
  border-top: 1px solid #efefef;
  padding: 5px;
}
.ad_box_area_01 .test_rq_TB_01 .border-b-line:first-child {
  border-top: 0;
}

.test_rq_TB_01 tbody th {
  padding: 5px 10px;
  font-weight: bold;
  font-size: 15px;
  color: #666;
  line-height: 25px;
  text-align: left;
  letter-spacing: -1.4px;
}

.test_rq_TB_01 tbody td {
  padding: 3px 10px;
  font-size: 13px;
  text-align: left;
  color: #313131;
  line-height: 24px;
}

.test_rq_TB_01 tbody td .select {
  border: 1px solid #ccc;
  padding: 5px 5px 5px 5px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
}

.test_rq_TB_01 tbody td img {
  display: inline-block;
  border: 0 none;
  vertical-align: top;
}
.test_rq_TB_01 td .test_rq_TB_01__innertable {
  width: 86%;
}
.test_rq_TB_01 td .test_rq_TB_01__innertable th {
  padding: 5px 10px;
  border-top: 1px solid #f1f1f1;
  font-weight: 500;
  font-size: 15px;
  color: #6f6f6f;
  line-height: 25px;
  text-align: right;
  letter-spacing: -1.4px;
  vertical-align: top;
}

.test_rq_TB_01 td .test_rq_TB_01__innertable td {
  border-top: 1px solid #f1f1f1;
  padding: 6px 23px;
  font-size: 12px;
  color: #6d6d6d;
  line-height: 24px;
}
/* ##option bg */
.db-frame-box {
  background-color: #fff;
}
/* ###7 free */
.ad_box_02 {

}
/* ##10 free */
.ad_box_01 {
  background: url('https://xcdn.home-learn.com/sigongweb/images/web/landing/2020/template/common_page_db_title_homelearn_10.jpg') no-repeat;
  height: 582px;
}
/* ##직가입 */
.ad_box_06 {
  background: url('https://xcdn.home-learn.com/sigongweb/images/web/landing/2020/template/common_page_db_title_homelearn_now.jpg') no-repeat;
  height: 582px;
}
/* ##7 free or 직가입 */
.ad_box_04 {
  background: url('https://xcdn.home-learn.com/sigongweb/images/web/landing/2020/template/common_page_db_title_homelearn_7_02.jpg') no-repeat;
  height: 636px;
}
/* ##10 free or 직가입 */
.ad_box_05 {
  background: url('https://xcdn.home-learn.com/sigongweb/images/web/landing/2020/template/common_page_db_title_homelearn_10_02.jpg') no-repeat;
  height: 636px;
}
/* // ##option bg */
/* // #input frame */

/* #slide frame */
/* ##slide common */
.slide_wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #f6f6f6;
}
.flex-control-nav {
  position: absolute;
  bottom: 23px;
  left: 0;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}

.flex-control-nav li {
  margin: 0 4px
}

.flex-direction-nav {
  display: block;
  position: absolute;
  top: 61%;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  height: 80px;
  z-index: 40
}


.flex-direction-nav .flex-nav-prev {
  float: left;
}

.flex-direction-nav .flex-nav-next {
  float: right;
}

.flex-direction-nav .flex-nav-prev a,
.flex-direction-nav .flex-nav-next a {
  display: block;
  width: 70px;
  height: 110px;
  background: url('https://xcdn.home-learn.com/sigongweb/images/web/landing/2019/template/arrow.png') 0 0 no-repeat;
  background-size: 110px;
  text-indent: -9999px;
}

.flex-direction-nav .flex-nav-next a {
  background-position: -86px 0;
}
.flexslider {
  position: relative;
  width: 824px;
  margin: 0 auto;
}

.flexslider .flex-viewport {
  text-align: center;
}
/* // ##slide common */
/* ##slide2 - 수학완성 & 영어완성 */
.tit_wrap1 {
  background: #fff;
}
/* // ##slide2 - 수학완성 & 영어완성 */

/* // #slide frame */
.homelearn-elementary-btn .elementary-btn {
  display: inline-block;
  width: 78%;
  padding: 10px 0;
  background-color: #ddd;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #000;
  text-decoration: none;
  border-radius: 30px;
  letter-spacing: -3px;
}
.arrow-right-go {
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url('https://www.home-learn.co.kr/front/imgs/event/icon_right_arrow_outline.png') no-repeat;
  background-size: contain;
  vertical-align: -1px;
  margin-left: 9px;
}
/* media query */
/* tablet & mobile */
@media all and (max-width:1024px) {
  img {
    max-width: 100%;
  }
  em {
    font-style: normal;
  }
  input[type='checkbox'],
  input[type='radio'],
  select {
    -webkit-appearance: none;
  }
  #landingPageFrame .section_top03 img,
  #landingPageFrame .section_top04 img,
  #landingPageFrame .slide_wrap img,
  #landingPageFrame .section_middle img {
    margin: 0 auto;
  }
  #landingPageFrame .rimg {
    display: block;
    margin: 0 auto;
  }
  /* device */
  .dis-pc {
    display: none;
  }
  .dis-tablet-mo {
    display: block;
  }
  /* // device */
  #wrap {
    overflow-x: hidden;
    width: 100%;
    padding-top: 64px;
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 80;
  }
  #landingPageFrame .main-area-img01>img {
    width: 100%;
  }
  #landingPageFrame .con-area-inner {
    width: 93%;
    margin: 0 auto;
  }
  /* ta & mo layout */
  .header_MO {
    border-bottom: 3px solid #eb6100;
  }
  .img_map_box #anchor_201910291707056 {
    width: 43%;
    height: 73%;
    left: 28%;
    top: 16%;
    opacity: 0;
  }
  #footer .footer_MO_2 {
    box-sizing: border-box;
    border-top: 1px solid #ebebeb;
  }
  .footer_MO_2 .img_map_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .footer_MO_2 .img_map_box a {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
  }
  .footer_MO_2 .img_map_box a.footermenu-company {
    width: 16%;
    height: 25%;
    left: 10%;
    top: 25%;
    opacity: 0;
  }
  .footer_MO_2 .img_map_box a.footermenu-term {
    width: 14%;
    height: 25%;
    left: 28%;
    top: 25%;
    opacity: 0;
  }
  .footer_MO_2 .img_map_box a.footermenu-personal {
    width: 25%;
    height: 25%;
    left: 46%;
    top: 25%;
    opacity: 0;
  }
  .footer_MO_2 .img_map_box a.footermenu-sitemap {
    width: 16%;
    height: 25%;
    left: initial;
    right: 9%;
    top: 25%;
    opacity: 0;
  }
  .footer_MO_2 .img_map_box a.footermenu-resume {
    width: 23%;
    height: 22%;
    left: 42%;
    top: 54%;
    opacity: 0;
  }
  /* // ta & mo layout */
  /* ta & mo input frame */
  .banner_go1 {
    position: initial;
    right: initial;
    top: initial;
    margin-left: 0;
  }
  .ad_box_area_01 {
    width: 100%;
    border: 0;
  }
  .ad_box_area_01 .ad_box_area_01__title {
    width: 65%;
    padding: 5% 0%;
    margin: 0 auto;
  }
  input {
    border: 0;
  }
  input[type="text"] {
    height: 55px;
    background-color: #efefef;
    color: #aeaeae;
    font-size: 20px;
    text-indent: 14px;
    vertical-align: middle;
  }
  input[type="text"]#lb_name,
  input[type="text"]#lb_cert {
    width: 100%;
  }
  input[type="text"]#lb_mobile {
    display: inline-block;
    width: calc(100% - 115px);
  }
  input[type="button"]#lb_cert_btn {
    width: 105px;
    height: 55px;
    color: #fff;
    font-size: 21px;
    background-color: #838383;
    display: inline-block;
    vertical-align: middle;
  }
  .test_rq_TB_01 td .test_rq_TB_01__innertable {
    display: block;
    width: 100%;
  }
  .test_rq_TB_01 td .test_rq_TB_01__innertable tbody,
  .test_rq_TB_01 td .test_rq_TB_01__innertable tbody tr {
    display: block;
  }
  .tablet-mo-flex {
    display: flex;
    width: 100%;
    overflow: hidden;
  }
  input[type="radio"].radio-style-not-pc+label {
    flex: 0 0 33.33%;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
    border: 2px solid #a6a6a6;
    font-size: 13px;
    color: #a6a6a6;
    line-height: 36px;
    box-sizing: border-box;
  }
  input[type="radio"]:checked.radio-style-not-pc+label {
    border: 2px solid #f26722;
    color: #f26722;
  }
  input.check,
  input.radio {
    margin: 0;
  }
  input[type='checkbox']#lb_clause_agree,
  input[type='checkbox']#lb_marketing_agree {
    position: absolute;
    left: 0;
    top: 12px;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    background-position: -168px 0;
    background-image: url('https://www.home-learn.com/sigong/assets/mobile/img/sp_rtn.png');
    background-size: 200px 190px;
  }
  input[type='checkbox']:checked#lb_clause_agree,
  input[type='checkbox']:checked#lb_marketing_agree {
    background-position: -185px 0;
  }
  input[type='checkbox']#lb_clause_agree + label,
  input[type='checkbox']#lb_marketing_agree + label {
    color: #333;
    margin-top: -2px;
    padding: 0 0 0 9px;
  }
  #lnk_clause2 {
    margin-left: auto;
  }
  #clause_info,
  #mark_info {
    color: #f26722;
  }
  .test_rq_TB_01 {
    width: 70%;
  }
  .test_rq_TB_01 tbody th {
    padding: 19px 10px;
    font-size: 26px;
  }
  .test_rq_TB_01 tbody td {
    width: 100%;
    color: #aeaeae;
    line-height: 27px;
    font-size: 18px;
    box-sizing: border-box;
  }
  .test_rq_TB_01 tbody td.pre {
    display: flex;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #929292;
  }
  .test_rq_TB_01 td .test_rq_TB_01__innertable th,
  .test_rq_TB_01 td .test_rq_TB_01__innertable td {
    display: block;
    padding: 5px 10px;
    border-top: 0;
  }
  .test_rq_TB_01 td .test_rq_TB_01__innertable th {
    padding: 5px 10px;
    text-align: left;
    font-size: 22px;
  }
  /* // ta & mo input frame */
  /* slide frame */
  .flexslider,
  .flexslider .flex-viewport {
    width: 100%;
  }
  .flexslider .flex-viewport img {
    width: 80%;
  }
  .flex-direction-nav {
    left: 50%;
    top: 54%;
    margin-left: -49%;
  }
  .flex-direction-nav .flex-nav-next a {
    background-position: -50px 0;
  }
  /* // slide frame */
  #lb_exp_btn .free-go-btn {
    width: 80%;
    margin: 0 auto;
  }
  .homelearn-elementary-btn {
    padding-bottom: 5%;
  }
  .homelearn-elementary-btn .elementary-btn {
    width: 74%;
    border-radius: 0;
    padding: 28px 0;
    font-size: 40px;
  }
  .arrow-right-go {
    width: 17px;
    height: 31px;
    vertical-align: -3px;
    margin-left: 14px;
  }
  .ad_box_area_01 {
    padding: 12px 0;
  }
}
/* mobile */
@media all and (max-width:767px) {
  #wrap {
    padding-top: 13%;
  }
  .ad_box_area_01 .ad_box_area_01__title {
    width: 80%;
    padding: 5% 0% 13% 0%;
    margin: 0 auto;
  }
  .test_rq_TB_01 tbody th {
    padding: 5px 10px;
    font-size: 17px;
  }
  input[type="text"] {
    height: 34px;
    font-size: 12px;
    text-indent: 14px;
  }
  input[type="button"]#lb_cert_btn {
    float: right;
    width: 93px;
    height: 34px;
    color: #fff;
    font-size: 15px;
    background-color: #838383;
  }
  .test_rq_TB_01 td .test_rq_TB_01__innertable th {
    font-size: 15px;
  }
  .test_rq_TB_01 tbody td {
    display: block;
    width: 320px;
    font-size: 15px;
  }
  .homelearn-elementary-btn .elementary-btn {
    padding: 11px 0;
    font-size: 18px;
    letter-spacing: -1px;
  }
  .arrow-right-go {
    width: 9px;
    height: 17px;
    vertical-align: -3px;
    margin-left: 8px;
  }
  input[type="text"]#lb_mobile {
    width: calc(100% - 97px);
  }
  .btn_form_img_png {
    display: block;
    position: fixed;
    width: 100%;
    line-height: 26px;
    bottom: 0;
    display: block;
    text-align: center;
    z-index: 100;
  }
  #freeExpApply {
    padding-top: 76px;
  }
  .test_rq_TB_01 {
    width: 320px;
  }
}