@charset "utf-8";

#mVisual {position:relative; width:100%; height:760px; overflow:hidden; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.mv_slider.mv1 {background-image:url('/images/main/m_visual1.jpg'); }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2.jpg'); }
.mv_slider.mv3 {background-image:url('/images/main/m_visual3.jpg'); }
.mv_slider.mv4 {background-image:url('/images/main/m_visual4.jpg'); }
.mv_slider.mv5 {background-image:url('/images/main/m_visual5.jpg'); }

#mVisual .mv_slider .mv-txt { display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width:100%; height:100%; margin:0 auto; max-width: 1600px; }
#mVisual .mv_slider .mv-txt > div { width: 50%; box-sizing:border-box; color:#fff; padding: 0 5%; }
#mVisual .mv_slider .mv-txt div .t1 { font-size: 3.8rem; font-weight: 400; line-height: 1.2em; font-family: 'GmarketSans'; }
#mVisual .mv_slider .mv-txt div .t1 .fs-s { font-size: 0.75em; }
#mVisual .mv_slider .mv-txt div .t2 { font-size: 7rem; font-weight: 700; line-height: 1em; color:#3ac0ff;
                                                      font-family: 'GmarketSans'; letter-spacing: -0.05em; margin-top: 0.1em;  }
#mVisual .mv_slider .mv-txt div .t2.fs-s { font-size: 6.5rem; }
#mVisual .mv_slider .mv-txt div .t3 { font-size: 2.2rem; line-height: 1.4em; margin-top: 0.7em; margin-bottom: 1em; }
#mVisual .mv_slider .mv-txt div .t3 .em { font-size: 1.2em; font-weight: 700; line-height: 1.25em;}
#mVisual .mv_slider .mv-txt div .t3.em2 { font-size: 2.4rem; font-weight: 700; line-height: 1.25em; margin: 1.4em 0 0.5em;  }
#mVisual .mv_slider .mv-txt div .t4 { font-size: 2rem; line-height: 1.4em;  }
#mVisual .mv_slider .mv-txt div .mv_cert img { display: inline-block; vertical-align: middle; }
#mVisual .mv_slider .mv-txt div .t5 { font-size: 3rem; font-weight: 700; margin: 1em 0 0.7em; }
#mVisual .mv_slider .mv-txt div .t6 { font-size: 1.8rem; font-weight: 200; line-height: 1.5em; opacity: 0.7; }
#mVisual .mv_slider .mv-txt div .mv_cert { margin-top: 3em; }

#mVisual .mv_slider.mv2 .mv-txt {  }
#mVisual .mv_slider.mv2 .mv-txt .t2 { max-width: 580px; padding-bottom: 0.5em; background: url("/images/main/mv2_moon.png") no-repeat right 70%; }
#mVisual .mv_slider.mv2 .mv-txt .mCheckList { display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px;
                                                                    width: 100%; max-width: 580px;  }
#mVisual .mv_slider.mv2 .mv-txt .mCheckList li { display: flex; align-items: center; padding: 1.2em 0;
                                              border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1); border-radius: 5px; }
#mVisual .mv_slider.mv2 .mv-txt .mCheckList li::before { content: ''; width: 60px; height: 22px; background: url("/images/main/ico_check.png") no-repeat center; border-right: 1px solid rgba(255,255,255,0.3); }
#mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { width: calc(100% - 60px); padding-left: 1em; font-size: 2.2rem; display: inline-block; vertical-align: middle; }


#mVisual .mv_slider.mv3 .mv-txt { text-align: center; padding-right: 5%; }
#mVisual .mv_slider.mv3 .mv-txt > div { position: relative; }
#mVisual .mv_slider.mv3 .mv-txt > div::before,
#mVisual .mv_slider.mv3 .mv-txt > div::after { content: ''; width: 111px; height: 100%; position: absolute; bottom:0;
                                              background-size: 100% auto; background-position: center 70%; background-repeat: no-repeat; }
#mVisual .mv_slider.mv3 .mv-txt > div::before {  left:2%; background-image: url("/images/main/mv3_deco1.png"); }
#mVisual .mv_slider.mv3 .mv-txt > div::after {  right:2%; background-image: url("/images/main/mv3_deco2.png"); }
#mVisual .mv_slider.mv3 .mv-txt dl { display: inline-block; }
#mVisual .mv_slider.mv3 .mv-txt dl:first-child::before { content:''; width: 100%; height: 31px; display: inline-block; margin-bottom: 1.5em;
                                                                  background: url("/images/main/mv3_star.png") no-repeat center; }

#mVisual .mv_slider.mv3 .mv-txt dl { max-width: 800px; padding: 2em 0; }
#mVisual .mv_slider.mv3 .mv-txt dl + dl { border-top: 1px solid rgba(255,255,255,0.2); }

#mVisual .mv_slider.mv4 .mv-txt > div { position: relative; }
#mVisual .mv_slider.mv4 .mv-txt > div img { position: absolute; bottom:0; right:15%; }
#mVisual .mv_slider.mv4 .mv-txt .txtBG { font-size: 8rem; font-family: 'GangwonEduPowerExtraBoldA'; position: relative; background: #da0000; display: inline-block; vertical-align: middle; line-height: 0.6em; padding: 0.4em 0 0 0.1em; font-style: italic; z-index: 10; margin-top: 2px;  }
#mVisual .mv_slider.mv4 .mv-txt .txtBG::before { content:''; width: 150px; height: 100%; background: url("/images/main/mv4_txtBG.png") no-repeat right center; background-size: auto 100%;
                                                                          position: absolute; right:-110px; top:0; z-index: -1; }
#mVisual .mv_slider.mv4 .mv-txt .t5 { font-family: 'GmarketSans'; margin: 3em 0 0; }
#mVisual .mv_slider.mv4 .mv-txt .t5 span { font-size: 1.33em; font-family: 'GangwonEduPowerExtraBoldA'; display: inline-block; line-height: 0.6em; padding-top: 0.4em; }
/*#mVisual .mv_slider.mv4 .mv-txt .t5 span::before { content:''; width: 8px; height: 8px; background: #ffda6a; border-radius: 100%;
                                                                          position: absolute;  top: -14px; left:50%; transform: translateX(-50%); }*/

#mVisual .mv_slider.mv5 .mv-txt .t1 { font-size: 2.8rem;  }
#mVisual .mv_slider.mv5 .mv-txt .t2 { margin: 0.5em 0 0.1em; }
#mVisual .mv_slider.mv5 .mv-txt .t3 { font-size: 4.6rem; font-family: 'GmarketSans'; letter-spacing: -0.05em; margin-top:0; }


@media all and (max-width:1480px) {
  #mVisual { height: 60vw; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 3rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 6rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 2rem; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 150px; }

  #mVisual .mv_slider.mv2 .mv-txt .txt .img img { width: 150px; }

  #mVisual .mv_slider.mv4 .mv-txt > div img { right: 0; }
}

@media all and (max-width:1280px) {
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { font-size: 2rem; }

  #mVisual .mv_slider.mv3 .mv-txt > div::before,
  #mVisual .mv_slider.mv3 .mv-txt > div::after { width: 12%; }
  #mVisual .mv_slider.mv3 .mv-txt dl:first-child::before { height: 25px; background-size: auto 100%; }

  #mVisual .mv_slider.mv5 .mv-txt .t1 { font-size: 2.8rem; }
  #mVisual .mv_slider.mv5 .mv-txt .t2 { }
  #mVisual .mv_slider.mv5 .mv-txt .t3 { font-size: 3.6rem; }

  #mVisual .mv_slider.mv4 .mv-txt > div img { width: 70px; right: -7%;  }
}

@media all and (max-width:1080px) {
  #mVisual .mv_slider .mv-txt > div { width: 60%; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 5.4rem;  }
  #mVisual .mv_slider .mv-txt div .t2.fs-s { font-size: 5rem; }

  #mVisual .mv_slider.mv1 .mv-txt div .t1 .fs-s { font-size: 2rem; }
  #mVisual .mv_slider.mv1 .mv-txt div .t3 { font-size: 1.8rem; }
  #mVisual .mv_slider.mv1 .mv-txt div .t3 br { display: none; }

  #mVisual .mv_slider.mv2 .mv-txt .t2 { background-size: 40% auto; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li { padding: 1em 0 ; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li::before { width: 50px; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { font-size: 1.8rem; width: calc(100% - 50px);  }
}

@media all and (max-width:976px) {
  #mVisual { height: 70vw; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 2.5rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 5rem; }
  #mVisual .mv_slider .mv-txt div .t2.fs-s { font-size: 4.8rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.8rem; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 120px; }

  #mVisual .mv_slider.mv1 .mv-txt div .t1 { max-width: 60%; line-height: 0.8em; margin-bottom: 0.5em;  }
  #mVisual .mv_slider .mv-txt div .t6 { font-size: 1.6rem; line-height: 1.3em; }
  #mVisual .mv_slider .mv-txt div .t6 br { display: none; }

  #mVisual .mv_slider.mv3 .mv-txt dl:first-child::before { height: 20px; }
  #mVisual .mv_slider.mv3 .mv-txt dl { padding: 1.5em 0; }

  #mVisual .mv_slider.mv4 .mv-txt .t5 { font-size: 2.8rem; margin-top: 2em; }
    #mVisual .mv_slider.mv4 .mv-txt > div img { width: 50px; right: -10%;  }

  #mVisual .mv_slider.mv5 .mv-txt .t1 { font-size: 2.2rem; }
  #mVisual .mv_slider.mv5 .mv-txt .t2 { font-size: 5rem; }
  #mVisual .mv_slider.mv5 .mv-txt .t3 { font-size: 3rem; }
}

@media all and (max-width:767px) {
  #mVisual .mv_slider .mv-txt div .mv_cert { margin-top: 2em; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 90px; }

  #mVisual .mv_slider.mv1 .mv-txt div .t3 { max-width: 100%; }

  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li { padding: 0.8em 0; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li::before { width: 40px; background-size: 18px auto; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { font-size: 1.6rem; width: calc(100% - 40px);  }

  #mVisual .mv_slider.mv3 .mv-txt > div::before {  left:0; }
  #mVisual .mv_slider.mv3 .mv-txt > div::after {  right:0; }

  #mVisual .mv_slider.mv4 .mv-txt .txtBG { font-size: 6.5rem;}
  #mVisual .mv_slider.mv4 .mv-txt .txtBG::before { right: -1.5em; }
    #mVisual .mv_slider.mv4 .mv-txt .t5 { font-size: 2.4rem; }
    #mVisual .mv_slider.mv4 .mv-txt > div img { right: -5%;  }
}

@media all and (max-width:680px) {
    #mVisual { height: 60vw;  }
    #mVisual .mv_slider { background-position: 35% center; }

  /* #mVisual .mv_slider .mv-txt { width: auto; margin-right:5%; } */
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 2.3rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 4.8rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.7rem; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 80px; }

  #mVisual .mv_slider.mv2 .mv-txt .mCheckList { gap: 5px; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li { padding: 0.5em 0; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li::before { width: 35px; background-size: 16px auto; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { font-size: 1.5rem; width: calc(95% - 35px);  }

}

@media all and (max-width:568px) {
  #mVisual { height: 60vw;  }
  #mVisual .mv_slider .mv-txt > div { width: 65%; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 2rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 4rem; line-height: 1.0em; margin-top: 0.2em; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.5rem; }
  #mVisual .mv_slider .mv-txt div .t3 br { display: none; }
  #mVisual .mv_slider .mv-txt div .t4 { font-size: 1.4rem; }
  #mVisual .mv_slider .mv-txt div .t5 { font-size: 2.5rem; }
  #mVisual .mv_slider .mv-txt div .mv_cert { margin-top: 1em; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 70px; }

  #mVisual .mv_slider.mv4 .mv-txt .t5 { font-size: 2rem; }
  #mVisual .mv_slider.mv4 .mv-txt .t5 span::before { width: 6px; height: 6px; top: -10px; }


  #mVisual .mv_slider.mv4 .mv-txt .txtBG { font-size: 8vw;}
  #mVisual .mv_slider.mv4 .mv-txt .txtBG::before { right: -1.5em; }
  #mVisual .mv_slider.mv4 .mv-txt > div img { width: 40px;  }



  #mVisual .mv_slider.mv5 .mv-txt .t1 { font-size: 1.8rem; }
  #mVisual .mv_slider.mv5 .mv-txt .t2 { font-size: 3.6rem; }
  #mVisual .mv_slider.mv5 .mv-txt .t3 { font-size: 2.4rem; }
}

@media all and (max-width:480px) {

    #mVisual .mv_slider .mv-txt div .t3 br { display: block; }

    #mVisual .mv_slider .mv-txt div .mv_cert img { width: 60px; }

    #mVisual .mv_slider.mv3 .mv-txt > div::before,
    #mVisual .mv_slider.mv3 .mv-txt > div::after { width: 15%; }
    #mVisual .mv_slider.mv3 .mv-txt > div::before {  left:-5%; }
    #mVisual .mv_slider.mv3 .mv-txt > div::after {  right:-5%; }


    #mVisual .mv_slider.mv4 .mv-txt > div img { width: 35px;  }


}

@media all and (max-width:400px) {
  #mVisual { height: 95vw;  }
  #mVisual .mv_slider { background-position: left top; background-size: auto 110%; }

  #mVisual .mv_slider .mv-txt > div { width: 100%; padding: 0 7%;  }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 3.6rem; }
  #mVisual .mv_slider .mv-txt div .mv_cert img { width: 50px; }


  #mVisual .mv_slider.mv1 .mv-txt div .t1 { font-size: 1.3rem; line-height: 1.1em; max-width: 60%;  }
  #mVisual .mv_slider.mv1 .mv-txt div .t2 { width: 60%; line-height: 1.1em; margin-bottom: 0.3em; }
  #mVisual .mv_slider.mv1 .mv-txt div .t3 { font-size: 1.5rem; line-height: 1.3em; display: none; }

  #mVisual .mv_slider.mv2 .mv-txt .t2,
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList { max-width: 75%; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li::before { width: 25px; height: 16px; background-size: 14px auto; background-position: 60% center; }
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList li p { font-size: 1.45rem; width: calc(100% - 25px); padding: 0 0.7em }

  #mVisual .mv_slider.mv3 .mv-txt { justify-content: center; padding-right:0;   }
  #mVisual .mv_slider.mv3 .mv-txt > div { width: 75%; }
  #mVisual .mv_slider.mv3 .mv-txt dl:first-child::before { height: 15px; }

  #mVisual .mv_slider.mv4 .mv-txt .t5 { font-size: 1.8rem; }
  #mVisual .mv_slider.mv4 .mv-txt .t5 span::before { width: 4px; height: 4px; top: -8px; }

}


@media all and (max-width:380px) {
  #mVisual .mv_slider.mv1 .mv-txt div .t1 { font-size: 1.3rem; line-height: 1.5em;  }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 8vw !important; }

  #mVisual .mv_slider.mv2 .mv-txt .t2,
  #mVisual .mv_slider.mv2 .mv-txt .mCheckList { max-width: 100%; }
  #mVisual .mv_slider.mv2 .mv-txt .t2 { display: inline-block; padding-right: 15%; }

  #mVisual .mv_slider.mv3 .mv-txt > div { width: 80%; }
}

.mtit { margin-bottom: 3.5em; }
.mtit h3 { font-size: 3.8rem; color: #212121; margin-bottom: 0.5em; font-family: 'GmarketSans'; line-height: 1.2em; }
.mtit p { font-size: 1.8rem; line-height: 1.4em; }

@media all and (max-width:1280px) {
  .mtit h3 { font-size: 3.4rem; line-height: 1.1em; }
  .mtit p { font-size: 1.7rem; }
}

@media all and (max-width:767px) {
  .mtit { margin-bottom: 2.5em; }
  .mtit h3 { font-size: 3.2rem; margin-bottom: 0.3em; }
  .mtit p { font-size: 1.6rem; }
}

@media all and (max-width:480px) {
  .mtit { padding: 0 7%; }
}


#mGuide { position: relative; width: 100%; overflow: hidden; }
#mGuide .s-inner { display: flex; align-items: stretch; padding: 4% 0 0; }
#mGuide .s-inner .quickMenu { width: 57.5%; padding: 0 3%; align-self: center;  }
#mGuide .s-inner .quickMenu > p { font-size: 3.8rem; color:#212121;  font-family: 'GmarketSans'; line-height: 1.25em;}
#mGuide .s-inner .quickMenu > p .txtline { position: relative; }
#mGuide .s-inner .quickMenu > p .txtline::before { content:''; width: 104%; height: 18px; background: #e3f6ff; border-radius: 18px;
                                                      position: absolute; left:-2%; bottom:0; z-index:-1;  }
#mGuide .s-inner .quickMenu ul { display: flex; text-align: center;  justify-content: space-between; margin-top: 3em; }
#mGuide .s-inner .quickMenu ul li img { background: #f3f7ff; border-radius: 100%; }
#mGuide .s-inner .quickMenu ul li p { font-size: 1.7rem; font-weight: 600; color:#2d527c; margin-top: 0.7em;  }

#mGuide .s-inner .csBox { width: calc(21.25% - 20px); margin-left: 20px; border-radius: 10px; color:#fff; text-align: center; padding: 30px; }
#mGuide .s-inner .csBox.tel { background: #3ac0ff; }
#mGuide .s-inner .csBox.hour { background: #3a76ff; }
#mGuide .s-inner .csBox h4 { font-size: 2.4rem; font-weight: 400; font-family: 'GmarketSans'; margin-bottom: 0.2em; }

#mGuide .s-inner .csBox .part1 { height: 120px;  }
#mGuide .s-inner .csBox .part2 { margin-top: 20px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.2)}

#mGuide .s-inner .csBox.tel .part1 .num { font-size: 3.2rem; font-weight: 700; font-family: 'GmarketSans'; }
#mGuide .s-inner .csBox.tel .part1 .txt { opacity: 0.6; margin: 0.5em 0; }

#mGuide .s-inner .csBox.tel .part2 dl { display: inline-block; font-family: 'GmarketSans'; font-weight: 700; padding: 0 0.5em;}
#mGuide .s-inner .csBox.tel .part2 dl dt,
#mGuide .s-inner .csBox.tel .part2 dl dd { display: inline-block; vertical-align: top; text-align: left; }
#mGuide .s-inner .csBox.tel .part2 dl dt {  width: 90px; line-height: 1.0em; }
#mGuide .s-inner .csBox.tel .part2 dl dd { width: calc(100% - 90px); }
#mGuide .s-inner .csBox.tel .part2 dl dt .fs-s { font-size: 0.8em; font-weight: 400; }

#mGuide .s-inner .csBox.hour .part1 { padding: 0 0.5em; font-size: 1.5rem; }
#mGuide .s-inner .csBox.hour .part1 dl dt,
#mGuide .s-inner .csBox.hour .part1 dl dd { display: inline-block; vertical-align: top; text-align: left; line-height: 1.4em; }
#mGuide .s-inner .csBox.hour .part1 dt { width: 80px; font-weight: 600; opacity: 0.6; }
#mGuide .s-inner .csBox.hour .part1 dd  { width: calc(100% - 80px); font-weight: 300;}
#mGuide .s-inner .csBox.hour .part2 ul li { border: 1px solid rgba(255,255,255,0.2); float: left; width: 50%; text-align: left;}
#mGuide .s-inner .csBox.hour .part2 ul li:first-child { border-right-width:0; }
#mGuide .s-inner .csBox.hour .part2 ul li a { color:#fff; display: block; line-height: 2.7em; padding: 0 1em; }



@media all and (max-width:1680px) {
  #mGuide .s-inner .quickMenu { width: 54%; padding: 0 3% 0 0;  }
  #mGuide .s-inner .csBox { width: calc(23% - 10px); margin-left: 10px; }
}

@media all and (max-width:1480px) {
  #mGuide .s-inner .quickMenu > p { font-size: 3.5rem; }
  #mGuide .s-inner .quickMenu ul li { width: calc((100% - 50px) / 6); }
  #mGuide .s-inner .quickMenu ul li img { max-width: 100%; }

  #mGuide .s-inner .csBox.tel .part1 .num { font-size: 3rem; }

  #mGuide .s-inner .csBox.hour .part1 { font-size: 1.4rem; }
  #mGuide .s-inner .csBox.hour .part1 dt { width: 70px;  }
  #mGuide .s-inner .csBox.hour .part1 dd  { width: calc(100% - 70px); }
}

@media all and (max-width:1380px) {
  #mGuide .s-inner .quickMenu { width: 50%; }
  #mGuide .s-inner .quickMenu > p { font-size: 3.2rem; }
  #mGuide .s-inner .quickMenu ul li p { font-size: 1.5rem; }

  #mGuide .s-inner .csBox { width: calc(25% - 10px); margin-left: 10px; padding: 2em 1.5em; }
  #mGuide .s-inner .csBox h4 { font-size: 2.2rem; }
  #mGuide .s-inner .csBox .part1 { height: 110px;  }
  #mGuide .s-inner .csBox .part2 { padding-bottom:0; }
  #mGuide .s-inner .csBox .part2 h4 { margin-bottom: 0.5em; }
}

@media all and (max-width:1180px) {
  #mGuide .s-inner .quickMenu { width: 46%; }
  #mGuide .s-inner .quickMenu > p { font-size: 2.7rem; }
  #mGuide .s-inner .csBox { width: calc(27% - 10px); }

  #mGuide .s-inner .csBox.tel .part1 .num { font-size: 2.6rem; }
  #mGuide .s-inner .csBox.tel .part1 .txt { font-size: 1.4rem; }

  #mGuide .s-inner .csBox.tel .part2 dl { font-size: 1.4rem; }
  #mGuide .s-inner .csBox.tel .part2 dl dt {  width: 75px; }
  #mGuide .s-inner .csBox.tel .part2 dl dd { width: calc(100% - 75px); }

  #mGuide .s-inner .csBox.hour .part1 dt { width: 60px;  }
  #mGuide .s-inner .csBox.hour .part1 dd  { width: calc(100% - 60px); }
}

@media all and (max-width:1080px) {
  #mGuide .s-inner { width: 95%; padding-top: 6%;  }
  #mGuide .s-inner .quickMenu { width: 40%; }
  #mGuide .s-inner .csBox { width: calc(30% - 10px); }

  #mGuide .s-inner .quickMenu > p { font-size: 2.2rem; }
  #mGuide .s-inner .quickMenu ul { flex-wrap: wrap; margin-top: 1em; }
  #mGuide .s-inner .quickMenu ul li { width: calc((100% - 30px) / 3); margin-top: 1em; }
  #mGuide .s-inner .quickMenu ul li img { width: 70px; }
}


@media all and (max-width:976px) {
  #mGuide .s-inner { flex-wrap: wrap; max-width: 760px; }
  #mGuide .s-inner .quickMenu { width: 100%; text-align: center; margin-bottom: 2em;  padding-right:0; }
  #mGuide .s-inner .quickMenu > p { font-size: 2.8rem; }
  #mGuide .s-inner .quickMenu ul li { width: calc((100% - 50px) / 6); margin-top: 0; }
  #mGuide .s-inner .quickMenu ul li img { width: 80px; }

  #mGuide .s-inner .csBox { width: calc(50% - 5px); }
  #mGuide .s-inner .csBox.tel { margin-left:0; }
  #mGuide .s-inner .csBox .part1 { height: 100px;  }
}

@media all and (max-width:767px) {
  #mGuide .s-inner { width: 92%; padding-top: 9%; }
}

@media all and (max-width:500px) {
  #mGuide .s-inner .quickMenu ul { max-width: 400px; margin: 1em auto 0;  }
  #mGuide .s-inner .quickMenu ul li { width: calc((100% - 20px) / 3); margin-top: 1em; }
  #mGuide .s-inner .csBox { width: 100%; margin-left:0; margin-top: 10px; display: flex; align-items: stretch; padding: 2em 0; }
  #mGuide .s-inner .csBox > div { width: 50%; }
  #mGuide .s-inner .csBox .part1 { height: auto; }
  #mGuide .s-inner .csBox .part2 { padding: 0 1em; margin-top:0; border-top-width:0; border-left: 1px solid rgba(255,255,255,0.2); }
  #mGuide .s-inner .csBox.hour .part1 { padding: 0 2em; }
  #mGuide .s-inner .csBox.hour .part2 ul li { width: 100%; }
  #mGuide .s-inner .csBox.hour .part2 ul li:first-child { border-right-width:1px; border-bottom-width:0; }
  #mGuide .s-inner .csBox.hour .part2 ul li a { line-height: 2.4em; }

  #mGuide .s-inner .csBox.hour .part1 dt { width: 45px;  }
  #mGuide .s-inner .csBox.hour .part1 dd  { width: calc(100% - 45px); }
}



@media all and (max-width:420px) {
    #mGuide .s-inner { padding-top: 12%; }
    #mGuide .s-inner .quickMenu > p { font-size: 2.6rem; }
    #mGuide .s-inner .csBox { display: block; padding: 2em 1.5em; }
    #mGuide .s-inner .csBox > div { width: 100%; }
    #mGuide .s-inner .csBox .part2 { padding: 1em 0 0; margin-top:1em; border-top-width:1px; border-left-width:0; }
    #mGuide .s-inner .csBox.hour dl { font-size: 1.5rem; }
    #mGuide .s-inner .csBox.hour .part1 { padding: 0; }
    #mGuide .s-inner .csBox.hour .part1 dt { width: 55px;  }
    #mGuide .s-inner .csBox.hour .part1 dd  { width: calc(100% - 55px); }
    #mGuide .s-inner .csBox.hour .part2 ul li { width: 50%; }
    #mGuide .s-inner .csBox.hour .part2 ul li:first-child { border-right-width:0; border-bottom-width:1px; }

}



#mClinic { position: relative; display: flex; align-items: stretch; justify-content: space-between; padding: 6% 0; overflow: hidden; }
#mClinic .clinicBox { width: calc((100% - 60px) / 4); height: 420px; background-size: cover; background-repeat: no-repeat; background-position: right bottom; }
#mClinic .clinicBox a { color:#fff; padding: 2.5em; display: block; width: 100%; height: 100%; }
#mClinic .clinicBox a h4 { font-size: 2.8rem; font-weight: 800; margin-bottom: 0.7em ; }
#mClinic .clinicBox a p { line-height: 1.4em; }
#mClinic #mClinic1 { background-image: url("/images/main/clinic1.png"); }
#mClinic #mClinic2 { background-image: url("/images/main/clinic2.png"); }
#mClinic #mClinic3 { background-image: url("/images/main/clinic3.png"); }
#mClinic #mClinic4 { background-image: url("/images/main/clinic4.png"); }
#mClinic #mClinic5 { background-image: url("/images/main/clinic5.png"); }


@media all and (max-width:1480px) {
  #mClinic .clinicBox { width: calc((100% - 40px) / 4);  height: 26vw; }
  #mClinic .clinicBox a { padding: 2em; }
  #mClinic .clinicBox a h4 { font-size: 2.5rem;}
}

@media all and (max-width:1280px) {
  #mClinic .clinicBox { width: calc((100% - 30px) / 4);  height: 28vw; }
  #mClinic .clinicBox a h4 { font-size: 2.3rem;}
  #mClinic .clinicBox a p { font-size: 1.5rem; }
}

@media all and (max-width:1080px) {
  #mClinic .clinicBox a { padding: 1.5em; }
  #mClinic .clinicBox a h4 { font-size: 2rem;}
  #mClinic .clinicBox a p { font-size: 1.4rem; line-height: 1.3em; }
}

@media all and (max-width:976px) {
  #mClinic { flex-wrap: wrap; }
  #mClinic .clinicBox { width: calc((100% - 10px) / 2); height: 26vw; margin-top: 10px; }
  #mClinic #mClinic1 { background-image: url("/images/main/clinic1_mo.png"); }
  #mClinic #mClinic2 { background-image: url("/images/main/clinic2_mo.png"); }
  #mClinic #mClinic3 { background-image: url("/images/main/clinic3_mo.png"); }
  #mClinic #mClinic4 { background-image: url("/images/main/clinic4_mo.png"); }
  #mClinic #mClinic5 { background-image: url("/images/main/clinic5_mo.png"); }

  #mClinic .clinicBox a { padding: 2em; }
  #mClinic .clinicBox a h4 { font-size: 2.4rem; }
  #mClinic .clinicBox a p { font-size: 1.6rem; line-height: 1.5em; }
}

@media all and (max-width:640px) {
  #mClinic .clinicBox { height: 28vw; }
  #mClinic .clinicBox a { padding: 2em 1.5em; }
  #mClinic .clinicBox a h4 { font-size: 2.2rem; }
  #mClinic .clinicBox a p { font-size: 1.5rem; line-height: 1.3em; max-width: 50%; }
  #mClinic .clinicBox a p br { display: none; }
}

@media all and (max-width:568px) {
  #mClinic .clinicBox { height: 50vw; }
  #mClinic #mClinic1 { background-image: url("/images/main/clinic1.png"); }
  #mClinic #mClinic2 { background-image: url("/images/main/clinic2.png"); }
  #mClinic #mClinic3 { background-image: url("/images/main/clinic3.png"); }
  #mClinic #mClinic4 { background-image: url("/images/main/clinic4.png"); }
  #mClinic #mClinic5 { background-image: url("/images/main/clinic5.png"); }

  #mClinic #mClinic3 h4 br,
  #mClinic #mClinic4 h4 br { display: none; }
  #mClinic .clinicBox a p { max-width: 100%; }
  #mClinic .clinicBox a p br { display: block; }
}

@media all and (max-width:480px) {
  #mClinic .clinicBox { width: calc((100% - 8px) / 2); height: 52vw; margin-top: 8px;  }
  #mClinic .clinicBox a { padding: 1.5em 1.2em; }
  #mClinic .clinicBox a h4 { font-size: 2rem; }
}


@media all and (max-width:360px) {
  #mClinic .clinicBox { width: 100%; height: 42vw; }
  #mClinic #mClinic1 { background-image: url("/images/main/clinic1_mo.png"); }
  #mClinic #mClinic2 { background-image: url("/images/main/clinic2_mo.png"); }
  #mClinic #mClinic3 { background-image: url("/images/main/clinic3_mo.png"); }
  #mClinic #mClinic4 { background-image: url("/images/main/clinic4_mo.png"); }
  #mClinic #mClinic5 { background-image: url("/images/main/clinic5_mo.png"); }
}



#mDoctor { position: relative; width: 100%; padding: 5% 0; overflow: hidden; background: #f8f9fb; }
#mDoctor .mtit { width: 25%; float: left; padding-top: 2%; }
#mDoctor .drSlide { position: relative; width: 100%;  }
#mDoctor .drSlide::before { content:''; width: 268px; height: 243px; background: url("/images/main/symbol_gr.png") no-repeat center;
                                          position: absolute; left: 12%; bottom:3%; }
#mDoctor .drSlide .item { border: 1px solid #dbe0e4; margin: 0 0 0 20px; box-sizing: border-box; overflow: hidden; background: #fff; }
#mDoctor .drSlide .item img { max-width: 100%; }
#mDoctor .drSlide .item .txt { padding: 1.5em 1em 1.5em 1.5em; width: 100%; display: table; table-layout: fixed; }
#mDoctor .drSlide .item .txt dl,
#mDoctor .drSlide .item .txt a { display: table-cell; vertical-align: middle; }
#mDoctor .drSlide .item .txt dl dt { font-size: 1.5rem; color:#6076a4; }
#mDoctor .drSlide .item .txt dl dd { font-size: 2.2rem; font-weight: 700; color:#212121; margin-top: 0.1em;  }
#mDoctor .drSlide .item .txt a { width: 50px; height: 50px; background: #6076a4; color:#fff; font-size: 1.2rem;
                                              text-align: center; border-radius: 100%; }


@media all and (max-width:1480px) {
  #mDoctor .mtit { padding-right: 5%; }
  #mDoctor .mtit br { display: none; }
  #mDoctor .drSlide {  }
  #mDoctor .drSlide .item { margin: 0 0 0 15px; }
}


@media all and (max-width:1080px) {
  #mDoctor .mtit { width: 100%; padding-right:0; float: none; text-align: center; }
  #mDoctor .drSlide .item { margin: 0 7px;  }
  #mDoctor .drSlide::before { width: 22%; left: inherit; right:0; top: 0; transform: translateY(-86%); background-size: 100% auto; }
}

@media all and (max-width:767px) {
  #mDoctor { padding: 9% 0; }
  #mDoctor .drSlide { padding-top: 50px; }
  #mDoctor .drSlide .item { margin: 0 5px;  }
  #mDoctor .drSlide::before { width: 25%; transform: translateY(-60%); }
}


@media all and (max-width:480px) {
  #mDoctor { padding: 12% 0; }
  #mDoctor .drSlide .item .txt a { width: 40px; height: 40px; }
}

@media all and (max-width:380px) {
  #mDoctor .mtit h3 br { display: block; }
  #mDoctor .drSlide::before { width: 40%; transform: translateY(-53%);  }

  #mDoctor .drSlide .item { margin: 0 2px;  }
  #mDoctor .drSlide .item .txt { padding: 1.5em 1em; }
  #mDoctor .drSlide .item .txt dl dd { font-size: 1.8rem; }
  #mDoctor .drSlide .item .txt a { width: 36px; height: 36px; font-size: 1rem; }
}



#mSpecial { position: relative; width: 100%; overflow: hidden; padding: 6% 0; }
#mSpecial ul { display: flex; align-items: flex-start; justify-content: space-between; }
#mSpecial ul li { max-width: calc((100% - 60px) / 4); position: relative; }
#mSpecial ul li img { max-width: 100%; }
#mSpecial ul li dl { padding: 1.5em 0; color:#212121; }
#mSpecial ul li dl dt { font-size: 2.6rem; margin-bottom: 0.3em; font-weight: 500; }
#mSpecial ul li dl dt .em { font-weight: 800; font-size: 1.23em; line-height: 0.9em; }
#mSpecial ul li dl dt br.mo { display: none; }
#mSpecial ul li dl dd { font-size: 1.8rem; }
#mSpecial ul li dl dd .fs-s { font-size: 0.83em; }
#mSpecial ul li dl dd .em { font-size: 3.2rem; font-weight: 800; line-height: 0.6em;}
#mSpecial ul li a { font-size: 1.3rem; font-weight: 600; display: inline-block; color:#6076a4; padding: 0 1.5em;
                            border: 1px solid rgba(96, 118, 164, 0.4); border-radius: 1.5em; line-height: 2.3em; }
#mSpecial ul li:first-child::before { display: none; content:''; width: 150px; height: 152px; position: absolute; right:-15px; top:-15px;
                                          background: url("/images/main/special1_1.png") no-repeat; background-size: 100% auto; }


@media all and (max-width:1480px) {
  #mSpecial ul li dl dt { font-size: 2.4rem; }
  #mSpecial ul li dl dd { font-size: 1.7rem; }
}

@media all and (max-width:1280px) {
  #mSpecial ul li:first-child::before { width: 120px; }
  #mSpecial ul li dl dt { font-size: 2.2rem; }
  #mSpecial ul li dl dd { font-size: 1.5rem; }
}

@media all and (max-width:1080px) {
  #mSpecial ul li dl dt { font-size: 2rem; }
}

@media all and (max-width:976px) {
  #mSpecial { padding: 9% 0; }
  #mSpecial ul { flex-wrap: wrap; max-width: 700px; margin: 0 auto; }
  #mSpecial ul li { max-width: calc((100% - 30px) / 2); margin-bottom: 2em;  }
  #mSpecial ul li dl dt { font-size: 2.4rem; }
  #mSpecial ul li dl dd { font-size: 1.6rem; }
}

@media all and (max-width:767px) {
  #mSpecial { padding: 12% 0; }
  #mSpecial ul li dl dd { font-size: 1.8rem; }
  #mSpecial ul li dl dd .em  { line-height: 1em; }
  #mSpecial ul li dl dd span { display: block; }
}

@media all and (max-width:568px) {
  #mSpecial ul li:first-child::before { width: 110px; }
}

@media all and (max-width:380px) {
  #mSpecial ul li { max-width: calc((100% - 10px) / 2); }
  #mSpecial ul li:first-child::before { width: 80px; }
  #mSpecial ul li dl { padding: 1.5em 1em; }
  #mSpecial ul li dl dt { font-size: 2.2rem; }
  #mSpecial ul li dl dd { font-size: 1.5rem; }
  #mSpecial ul li dl dt br.mo { display: block; }
}


#mEmergency { position: relative; width: 100%;  overflow: hidden; background: url("/images/main/emergency.png") no-repeat center; background-size: cover; color:#fff;  }
#mEmergency .inner { padding: 6% 0; }
#mEmergency ul { display: flex; align-items: stretch; }
#mEmergency ul li { width: 25%; border-right: 1px solid rgba(255,255,255,0.2); padding: 1em 0; }
#mEmergency ul li:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
#mEmergency ul li p { font-size: 2rem; margin-top: 1.5em; font-family: 'GmarketSans'; line-height: 1.5em; }
#mEmergency ul li p .em { font-size: 1.36em; font-weight: 700; }

.hotline { line-height: 90px; position: relative; text-align: center; font-size: 3.4rem; }
.hotline::after { content:''; width: 92%; max-width: 1760px; background: #3a76ff; height: 100%; position: absolute; left:0; top:0; border-radius: 0 45px 45px 0; z-index:1;  }
.hotline::before { content:''; display: inline-block; vertical-align: middle; width: 58px; height: 60px; background: url("/images/main/emergency_tel.png") no-repeat center; z-index:2; position: relative; }
.hotline dt,
.hotline dd { display: inline-block; vertical-align: middle; font-family: 'GmarketSans'; position: relative; line-height: 1.1em; z-index:2; }
.hotline dt { margin: 0 0.5em;  }
.hotline dd { font-size: 1.1em; font-weight: 700; }

@media all and (max-width:1599px) {
  #mEmergency ul li:first-child { border-left-width:0; }
}

@media all and (max-width:1480px) {
  #mEmergency ul li p { font-size: 1.8rem; }
  #mEmergency ul li img { width: 80px; }
}

@media all and (max-width:1280px) {
  #mEmergency ul li p { font-size: 1.6rem; }
  #mEmergency ul li img { max-width: 30%; }

  .hotline { font-size: 3rem; line-height: 80px; }
  .hotline::before { width: 45px; background-size: 100% auto; }
}

@media all and (max-width:1080px) {
  #mEmergency ul li { padding: 1em; }
  #mEmergency ul li p { font-size: 1.4rem; }
}

@media all and (max-width:976px) {
  #mEmergency .inner { padding: 9% 0; }
  #mEmergency ul { flex-wrap: wrap; position: relative; width: 90%; margin: 0 auto; }
  #mEmergency ul li { width: 50%; padding: 2em 1em; }
  #mEmergency ul li:nth-child(even) { border-right-width:0; }
  #mEmergency ul::before { content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
}

@media all and (max-width:640px) {
  .hotline { font-size: 2.5rem; line-height: 3em; }
  .hotline::before { width: 40px; }
}

@media all and (max-width:480px) {
  #mEmergency .inner { padding: 15% 0 8%; }
  #mEmergency ul li { padding: 2.5em 1em; }
  #mEmergency ul li p { font-size: 1.6rem; line-height: 1.2em;}
  #mEmergency ul li p .em { line-height: 1.4em; }

  .hotline { font-size: 2.2rem; }
  .hotline::before { width: 34px; }
}

@media all and (max-width:400px) {
  #mEmergency .inner { padding: 15% 0 10%; }
  #mEmergency ul { width: 85%; }
  #mEmergency ul li { width: 100%; text-align: left; font-size:0; padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); border-right:0;  }
  #mEmergency ul li:first-child { border-top: 1px solid rgba(255,255,255,0.1); }
  #mEmergency ul::before { display: none; }
  #mEmergency ul li img { width: 50px; display: inline-block; vertical-align: middle; }
  #mEmergency ul li p { max-width: calc(100% - 50px); display: inline-block; vertical-align: middle; margin-top:0; padding: 0 0 0 1.5em; }

  .hotline { font-size: 2rem;  }
  .hotline::before { width: 30px; }
  .hotline::after { width: 98%; }
}



#mNews { position: relative; width: 100%;  overflow: hidden; background: #f3f7ff; padding: 5% 0; }
#mNews .s-inner { display: flex; align-items: stretch;  }
#mBoard { width: 75%; display: table; table-layout: fixed; }
#mBoard > div { display: table-cell; vertical-align: bottom; }
#mBoard .tit { width: 256px; /*max-width: 22%;*/ padding-right: 5%;  }
#mBoard .tit .tabs { position: relative; width: 100%; font-family: 'GmarketSans'; margin-top: 3em; }
#mBoard .tit .tabs li a { display: block; color:#989898; font-size: 1.8rem; padding: 0 1em; line-height: 50px; border-bottom: 1px solid #dae0ec;  }
#mBoard .tit .tabs li.active a { background: #3a76ff; color:#fff; border-radius: 5px; border-bottom:0;}
#mBoard .bdList { display: flex; align-items: stretch; justify-content: space-between; }
#mBoard .bdList li { width: calc((100% - 20px) / 3); background: #fff; border-radius: 10px; }
#mBoard .bdList li a { display: block; padding: 2em; }
#mBoard .bdList li a .label { font-size: 1.5rem; color:#fff; background: #3ac0ff; border-radius: 30px; line-height: 30px; padding: 0 1em; display: inline-block; }
#mBoard .bdList li a .tit { font-size: 2.2rem; color:#212121; line-height: 1.2em; height: 2.4em; -webkit-line-clamp:2; font-weight: 500; margin: 0.5em 0 1.2em; }
#mBoard .bdList li a .txt { color:#787878; line-height: 1.5em; height: 4.5em; -webkit-line-clamp:3; /* 라인수 */ }
#mBoard .bdList li a .tit,
#mBoard .bdList li a .txt {  overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; white-space:normal; text-overflow:ellipsis; }
#mBoard .bdList li a .date { color:#989898; border-top: 1px solid #eff3fb; padding-top: 1.2em; margin-top: 1.2em; line-height: 1.0em; }


#mPopup { position: relative; width: 25%; text-align: right; overflow: hidden; font-size:0; align-self: flex-end; }
#mPopup .popSlide { width: 320px; max-width: 90%; display: inline-block; }
#mPopup .popSlide img { max-width: 100%; }


@media all and (max-width:1480px) {
  #mBoard .tit { width: 200px; }
  #mBoard .tit p br { display: none; }
  #mBoard .tit .tabs li a { font-size: 1.7rem; }

  #mBoard .bdList li a { padding: 2em 1.5em; }
  #mBoard .bdList li a .label { font-size: 1.3rem; }
  #mBoard .bdList li a .tit { font-size: 2rem; }
  #mBoard .bdList li a .txt { font-size: 1.5rem; }
}

@media all and (max-width:1280px) {
  #mNews { padding: 7% 0; }
  #mBoard { width: 72%; }
  #mBoard,
  #mBoard > div { display: block; }
  #mBoard .tit { width: 100%; max-width: 100%; padding-right:0; }
  #mBoard .tit .mtit { margin-bottom: 0; padding:0; }
  #mBoard .tit .mtit h3,
  #mBoard .tit .mtit p { display: inline-block; vertical-align: middle; margin-bottom:0; line-height: 1.0em; margin-right: 0.3em; }
  #mBoard .tit .tabs { width: 100%; display: flex; margin-top: 1.5em; border-bottom: 1px solid #dae0ec; margin-bottom: 1em; }
  #mBoard .tit .tabs li a { padding: 0 2em; text-align: center; border-bottom:0; line-height: 2.8em; }
  #mBoard .tit .tabs li.active a { border-radius: 5px 5px 0 0; }

  #mPopup { width: 28%; }
}

@media all and (max-width:1080px) {
  #mBoard .bdList li a { padding: 1.5em; }
  #mBoard .bdList li a .label { font-size: 1.2rem; line-height: 2.4em; }
  #mBoard .bdList li a .tit { font-size: 1.8rem; }
  #mBoard .bdList li a .txt { font-size: 1.4rem; line-height: 1.3em; height: 3.9em; }
  #mBoard .bdList li a .date { font-size: 1.3rem; }
}

@media all and (max-width:976px) {
  #mBoard .bdList li { width: calc((100% - 15px) / 3); }
  #mBoard .bdList li a { padding: 1.5em 1.2em; }
  #mBoard .bdList li a .tit { font-size: 1.7rem; }
}

@media all and (max-width:860px) {
  #mBoard { width: 64%; }
  #mBoard .tit .tabs li a { padding: 0 1.2em; font-size: 1.6rem; }
  #mBoard .bdList li { width: calc((100% - 7px) / 2); }
  #mBoard .bdList li:last-child { display: none; }
  #mBoard .bdList li a .tit { font-size: 1.8rem; }

  #mPopup { width: 36%; }
}

@media all and (max-width:640px) {
    #mNews { padding: 9% 0; }
    #mPopup .popSlide { max-width: 94%; }
}

@media all and (max-width:568px) {
  #mNews .s-inner { flex-wrap: wrap; }
  #mBoard { width: 100%; }
  #mBoard .bdList { flex-wrap: wrap; }
  #mBoard .bdList li { height: 55vw; }
  #mBoard .bdList li:last-child { display: block; margin-top: 7px;  }
  #mBoard .bdList li a { padding: 3em 1.5em; }
  #mBoard .bdList li a .tit { font-size: 2rem; }

  #mPopup { width: calc((100% - 7px) / 2); height: 55vw; margin: 10px 0 0; position: absolute; right:0; }
  #mPopup .popSlide { max-width: 100%; }
}

@media all and (max-width:480px) {
  #mBoard .bdList li a { padding: 2em 1.5em; }
}

@media all and (max-width:400px) {
  #mBoard .bdList li a { padding: 1.5em; }
  #mBoard .bdList li a .tit { font-size: 1.7rem; margin-bottom: 0.7em;  }
}

@media all and (max-width:360px) {
  #mBoard .bdList li a { padding: 1.2em; }
  #mBoard .bdList li a .label { line-height: 2.2em; }
}




#familySite { position: relative; width: 100%; overflow: hidden; padding: 3% 0; }
#familySite .tit { color:#212121; font-size: 1.5rem; margin-bottom: 1.5em; }
#familySite .tit h3 { font-size: 2.2rem; margin-right: 0.4em; line-height: 1.0em; }
#familySite .tit h3, #familySite .tit p { display: inline-block; vertical-align: bottom;  }
#familySite ul { display: flex; justify-content: space-between; }
#familySite ul li { border: 1px solid #e5e5e5; width: calc((100% - 40px) / 6); box-sizing: border-box; }
#familySite ul li img { max-width: 100%; }


@media all and (max-width:976px) {
  #familySite { padding: 5% 0; }
  #familySite ul { flex-wrap: wrap; }
  #familySite ul li { width: calc((100% - 20px) / 3); margin-top: 5px; margin-bottom: 5px; }
}

@media all and (max-width:640px) {
  #familySite ul li { width: calc((100% - 12px) / 3); margin-top: 3px; margin-bottom: 3px; }
}

@media all and (max-width:480px) {
  #familySite { padding: 9% 0; }
  #familySite ul li { width: calc((100% - 4px) / 2); margin-top: 2px; margin-bottom: 2px; }
}








/*모달팝업*/
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
   cursor: default;
    visibility: hidden;
    z-index: 999991;
    -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s;
    transition: opacity .5s;
}


.overlay:target {
    visibility: visible; opacity: 1; display: block;
}

.popup {
    background-color: #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 0;
    position: fixed;
/*    position: absolute;*/
    /*text-align: justify;*/
    top: 0;
    visibility: hidden;
    z-index: 999999;


    -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s;-o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;

}
.overlay:target+.popup {
/*    top: 0; */
    top: 50%;
    opacity: 1; visibility: visible;
}
.popup .close {
    background-color:#4369b8;
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
}
.popup .close:before {
    color: #fff;
    content: '\e870';
    font-size: 40px; font-family:'Linearicons-Free';
    line-height: 80px;
}
.popup .close:hover {
    background-color:#444;
}


.popup { padding: 5% 4%; width: 1200px; max-width: 90%; max-height: 90vh; overflow-y: auto; text-align: center; }
.popup h3 { font-size: 5.6rem; color:#3ac0ff; font-family: 'GmarketSans'; margin-bottom: 0.7em; line-height: 1.1em; }

#neurotimePop.popup { width: 1000px; padding: 3%; max-width: 95%; max-height: 98vh; }
#neurotimePop.popup img { max-width: 100%; }

@media all and (max-width:1280px) {
  .popup { padding: 8vw 4vw; }
  .popup h3 { font-size: 5rem; }
}

@media all and (max-width:976px) {
  .popup .close { width: 60px; height: 60px; line-height: 60px; }
  .popup .close:before { line-height: 60px; font-size: 30px;}
}

@media all and (max-width:640px) {
  .popup h3 { font-size: 4.5rem; }
  /* .popup h3 span { display: block; } */
}

@media all and (max-width:568px) {
  .popup .close { width: 50px; height: 50px; line-height: 50px; }
  .popup .close:before { line-height: 50px; font-size: 24px;}
}



#m_special1 .imgList { margin: 3em 0 5em; }

@media all and (max-width:640px) {
  #m_special1 h3 span,
  #m_special2 h3 span { display: block; }
  #m_special1 .imgList { margin: 2em 0 3em; }
}

.imgList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgList li { width: 50%; padding: 0 5% 0 0;  }
.imgList li:nth-child(even) { border-left: 1px solid #d7dde8; padding: 0 0 0 5%; }
.imgList li img { max-width: 100%; }
.imgList li > p { font-size: 2.4rem; margin-top: 1em; color:#002453; font-weight: 700; }
.imgList li dl { padding: 2em 0 3em; }
.imgList li dl dt { font-weight: 700; }
.imgList li dl dd p { line-height: 1.5em; }

@media all and (max-width:640px) {
  .imgList li { width: 100%; padding: 5%; }
  .imgList li:first-child { padding-top:0; }
  .imgList li:nth-child(even) { border-left:0; padding: 5%; }
  .imgList li dl { padding-bottom:0; }
}


.icoList { position: relative; width: 100%; text-align: left; }
.icoList li { display: flex; align-items: center; background: #f6f7f9; padding: 1em 2em;  }
.icoList li + li { margin-top: 10px; }
.icoList li i { background: #fff; border-radius: 100%; }
.icoList li p { padding-left: 1.2em; font-size: 2.2rem; color:#002453; font-weight: 600; }

@media all and (max-width:976px) {
  .icoList li i img { width: 80px; }
}

@media all and (max-width:480px) {
  .icoList li { padding: 1em; }
  .icoList li i img { width: 65px; }
  .icoList li p { padding-left: 0.8em; font-size: 2rem; }
}

@media all and (max-width:380px) {
  .icoList li i img { width: 55px; }
  .icoList li p { font-size: 1.8rem; }
}



/***메인layout***/


.mainbanner{position:absolute; height:430px; z-index:6;	left:0; width:1300px; 
left:50%; top:55%; transform:translate(-50%, -60%); text-align:right; 
}
.mainbanner .bannerarea{width:600px; border:0px solid red; float:right; text-align:Center;}
.mainbanner .bannerarea ul li{display:inline-block; float:right; width:100%;  border:0px solid red;}

.banner01{background:#4482e8; text-align:left; width:48%; margin-left:3%; border-radius:25px; float:right; padding:20px 30px; box-sizing:border-box;}
.banner02{background:#4482e8; text-align:left;  width:48%; border-radius:25px; float:right; padding:20px 30px; box-sizing:border-box;} 
.banner03{background:#fff; text-align:center;  width:50%; border-radius:25px; float:right; padding:10px; box-sizing:border-box;} 

.bannertt{font-weight:600; color:#fff; font-size:22px;}
.bannertt1{font-size:15px; font-weight:300;  color:#fff; margin-top:5px;}
.bannertt2{font-weight:600; color:#000; font-size:22px; margin:25px 0px;}
.bannertt3 {font-weight:200; color:#000; font-size:42px; margin:25px 0px;}
.bannertt3 span{font-weight:700; color:#0066cc}
.bannertt4 {font-weight:200; color:#000; font-size:25px; margin:7px 0px;}
.bannertt4 span{font-weight:700; }
.bannertt5 {font-weight:200; color:#000; font-size:25px; margin:7px 0px;}
.bannertt5 span{font-weight:700; color:#0066cc}


#visual { width:100%; overflow:hidden; position:relative; margin:0 auto; height:590px; border:0px solid red;}
.visual_wrap { position:relative; width:100%; margin:auto; height:590px; text-align:center; }
.visual_box { position:absolute;width:100%; left:0%; }
.visual_box div { width:100%; position:absolute; top:0;	left:0;  height:590px;  }

.v_ul {position:absolute; bottom:4%; left:50%; transform:translate(-50%, -60%);   text-align:center;  z-index:1; border:0px solid red;}
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:232px;	left:-338px;	cursor:pointer; }
.v_btn02{	position:absolute;	z-index:1;	top:232px;	right:-338px; cursor:pointer; }
.visual_p {	/*position:absolute;*/	left:0;}

.visual_text{z-index:03; 	position:absolute; top:25%;  left:15%;  }
.visual_text .text1{font-size:55px; color:#000; font-weight:600;}
.visual_text .text1 span{font-weight:100;}
.visual_text .text2{font-size:25px; color:#000; margin-top:15px; font-weight:300;}
.visual_text .text2 span{font-weight:600;}



.visual_box div.mg01{  background:url('/images/main01.jpg') ;
        border:0px solid red; }
.visual_box div.mg02{  background:url('/images/main02.jpg') ;
        border:0px solid red; }
.visual_box div.mg03{  background:url('/images/main03.jpg') ;
        border:0px solid red; }
 .visual_box div.mg04{  background:url('/images/main04.jpg') ;
        border:0px solid red; }        


@media (max-width:1289px) {

#visual{ height:450px; border:0px solid red;}
.visual_wrap {height:450px;}
.visual_text{width:100%; left:0%; text-align:center; top:17%;}
.visual_text img{width:60%;}

.mainbanner{width:100%;}

}




@media screen and (max-width:1025px) {

.mainbanner{width:90%; top:55% !important];}
.visual_box div.mg01{  background:#000 url('/images/main01.jpg') ; background-size:140%; background-position-x:25%;
        border:0px solid red; }
.visual_box div.mg02{ background:url('/images/main02.jpg'); background-size:cover; background-position-x:35%;        border:0px solid red; }
        .visual_box div.mg03{  background:url('/images/main03.jpg'); background-size:cover; background-position-x:25%;        border:0px solid red; }
        .visual_box div.mg04{  background:url('/images/main04.jpg'); background-size:cover; background-position-x:55%;        border:0px solid red; }


}


@media screen and (max-width:844px) {

#visual{ height:390px;}
.visual_wrap {height:390px; }
.visual_box div{height:390px; }

.visual_text{width:100%; left:5%; text-align:left; top:15%;}
.visual_text .text1{font-size:30px;}
.visual_text .text2{font-size:20px;}
.visual_text img{width:80%;}

.mainbanner{border:0px solid red; text-align:center; top:43%; height:250px;  }

.bannertt3 {font-weight:200; color:#000; font-size:28px !important; margin:20px 0px;}
.bannertt3 span{font-weight:700; color:#ff8328}
.bannertt4 {font-weight:200; color:#000; font-size:21px; margin:5px 0px;}
.bannertt4 span{font-weight:700; }
.bannertt5 {font-weight:500; color:#000; font-size:18px; margin:5px 0px;}
.bannertt5 span{font-weight:700; color:#ff8328; font-size:27px;}

.mainbanner .bannerarea{display:none;}
.mainbanner .bannerarea1{display:none;}

.mbanner{display:block; width: 100%; float: left; position: relative; margin-top: 15px;}
.mbanner ul li{width: 100%; float: left; display: inline-block;  border:0px solid red;  box-sizing:border-box; padding:0px 10px ;}

.mbanner01{background:#4482e8; text-align:left; width:100%; border-radius:25px; float:left; padding:20px 30px; box-sizing:border-box; margin-bottom: 15px;}
.mbanner01 img{width: 20%;} 
.mbanner02{background:#ff8328; text-align:left;  width:100%; border-radius:25px; float:left; padding:20px 30px; box-sizing:border-box;} 
.mbanner02 img{width: 20%;}


.visual_box div.mg01{  background:#efefef url('/images/main01.jpg') bottom no-repeat; background-size:160%; background-position-x:5%;
        border:0px solid red;}
.visual_box div.mg02{  background:#efefef url('/images/main02.jpg')bottom no-repeat; background-size:150%;  background-position-x:5%;
        border:0px solid red; }
        .visual_box div.mg03{  background:#DEE4E4 url('/images/main03.jpg')bottom no-repeat; background-size:160%; background-position-x:0%;
        border:0px solid red; }
        .visual_box div.mg04{  background:url('/images/main04.jpg')bottom; background-size:cover; background-position-x:55%;
        border:0px solid red; }

}




@media screen and (max-width:420px) {
.mbanner ul li{width:100%; float: left; display: inline-block;  border: 0px solid red;  box-sizing:border-box; padding:0px 10px ;}
}


#main_login{position: relative; width: 100%; border-bottom:1px solid rgba(0,0,0,0.1);padding:25px 0px; }
.loginarea{width:1300px;padding-left:19%; margin:0 auto; border:0px solid red;  overflow:hidden; text-align:right;}
.loginleft{float:left; margin-right:20px;}
.loginleft ul li{display:inline-block;}
.loginright{float:left; line-height:37px;}
.loginright span{padding:0 10px; color:#666;}
.logintt{font-weight:600; font-size:19px; padding-right:10px; color:#000;}


.loginright1{float:right;}
.loginright1 ul li{display:inline-block;}


.mainloginButton {
  margin-top:0px;
  background-color:#333;
  border-radius:0px;
  border:0px solid #18ab29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-weight:400;
  font-size:17px;
  width:100%;
  height:37px; 
  padding:0 20px;
  line-height:37px;
  text-align:center;
  text-decoration:none;
  
}
.mainloginButton:hover {
  background-color:#333;
}
.mainloginButton:active {
  position:relative;
  top:1px;
}



@media screen and (max-width:1299px) {

.loginarea{width:100%;}

}



@media screen and (max-width:844px) {

#main_login{padding:10px 0px; border-top:0px solid #ff6600;}
  .loginarea{ padding-left:0% !important;}
  .loginleft {bordeR:0px solid red; width:96%; margin:2%; box-sizing:border-box; }
.loginleft ul li{width:100%; text-align:center; padding:1%;}
.loginleft ul li input{font-size:15.5px; color:#000; font-weight:600;}
.loginright{width:100%; text-align:center; font-size:16px; font-weight:600;}
.logintt{font-weight:700; font-size:20px; padding-right:10px; color:#ff6600;}

}


#main_content{position: relative; width: 100%; border:0px solid red; overlfow:hidden;}

.section01{padding:50px 0px; width:100%; float:left; position: relative; }
.sec01con{width:1300px; margin:0 auto; border:0px solid red; }
.sec01left{width:23%; float:left;  position: relative;  box-sizing:border-box;}
.sec01right{width:77%; float:left;  position: relative;   box-sizing:border-box;}
.sec01right_1{width:100%; padding:0px; box-sizing:border-box; overflow:hidden;}
.sec01right_1>ul>li{ text-align:center; float:left; border-radius:0px; width:33.333%; margin:0%;  padding:15px 0px;  box-sizing:border-box; border:0px solid red; }
.sec01right_1>ul>li:last-child{border-right:0px solid #f4f4f4;}
.sec01right_1>ul>li img{width:100%;}
.sec01right_1>ul>li a{font-size:15px; font-weight:600; color:#000;}
.sec01right_1>ul>li a:hover{color:#0066cc;}

.sec01right>ul>li{position: relative; text-align:center; float:left; width:30%; margin:0% 1.5%; border:1px solid #e3e3e5;  border-radius:15px; box-sizing:border-box; }
.sec01right ul li img{width:100%; border-top-left-radius:15px; border-top-right-radius:15px;}
.arrow{position:absolute; width:100%; top:10px; lefT:0px; z-index:5; }

.sec01tt{font-size:35px; color:#0066cc; font-weight:500;}
.sec01tt span{color:#000;font-weight:300;}

.sec01tt1{font-size:16px; margin-top:15px;}
.sec01tt2{font-size:25px;  color:#0066cc; margin-top:22px;  font-weight:600;}
.sec01tt3{font-size:15.5px; margin-top:5px;  font-weight:500; color:#999999;  margin-bottom:22px;}

.sec01Button {
	background-color:#0066cc;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;	
	font-size:17px;
	margin-top:10px;
	padding:10px 31px;

}
.sec01Button:hover {
	background-color:#e54d18;
}
.sec01Button:active {
	position:relative;
	top:1px;
}

  
.sec01banner ul{width: 100%; padding: 10px; box-sizing: border-box;}
.sec01banner ul li{display: inline-block; float:left; width: 32%; margin-right: 1%; border: 1px solid #efefef; border-radius: 25px; text-align: center;}
.sec01banner ul li:last-child{margin-right: 0%;}


.mobilenone1_1{display:block;}


@media screen and (max-width:1299px) {
.sec01con{width:100%; margin:0 auto; border:0px solid red; padding:0px 1.5%; overflow:hidden; }

}





@media screen and (max-width:1079px) {

.section01{padding:40px 0px; width:100%; float:left; position: relative; }  
.sec01left{width:100%; float:left;  position: relative;  box-sizing:border-box; text-align:center;}
.sec01right{width:100%; float:left;  position: relative;   box-sizing:border-box;}

.mobilenone1_1{display:none !important;}
.sec01tt{ margin-bottom: 15px;}
}




@media screen and (max-width:989px) {
.section01{padding:20px 0px;}
.mobilenone{display:none;}
.sec01left{width: 100%; text-align:center;}
.sec01right{width: 100%;}
.sec01Button{display: none;}
.sec01tt{font-size: 27px; margin-bottom: 15px;}
.sec01tt1{font-size:15px; margin-top:10px; margin-bottom: 15px;}
.sec01tt2{font-size:22px;  color:#0066cc; margin-top:22px;  font-weight:600;}
.sec01tt3{font-size:14px; line-height: 19px; margin-top:5px;  font-weight:500; color:#999999;  margin-bottom:22px;}

}



@media screen and (max-width:789px) {

.sec01right>ul>li{position: relative; text-align:center; float:left; width:97%; margin:1.5%; border:1px solid #e3e3e5;  border-radius:25px; box-sizing:border-box; }

}



#m_board_m {

	position: relative;
	float:right;
	width:100%;
	margin-right: 0;
	position: relative;

	margin: 0 auto;
	
}

#m_board_m .tabs_m {
	height:50px;
	width:100%;  
	
}
#m_board_m .tabs_m li {
	float: left;
	
	width:20%;
	text-align: center;
	color: #999;
	margin:0% 1%;
	height: 50px;
	line-height:50px;  float:left;
	
}
#m_board_m .tabs_m li a {
		display:block !important;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	color: #999;
	border: 1px solid #ddd;
	border-radius:15px;
	background:#fff;

}
#m_board_m .tabs_m li a:hover {
	color: #fff;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
	background:#4482e8;
}
#m_board_m .tabs_m .active a {
	
	color: #fff;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
	background:#4482e8;
}

#m_board_m .tab_container {width:100%; float:left; position: relative; margin-top:25px; }
.tab_content_m ul {}
.tab_content_m ul{margin-top:0px;}

.tab_content_m ul li{	float: left;    border:1px solid #e3e3e5 !important;  box-sizing: border-box;
	width:31%;	text-align: center;	background:#fff;	margin:1%; border-radius:25px;}

.tab_content_m ul li img{width:100%; border-top-left-radius:25px; border-top-right-radius:25px;
height:200px;
}




.section02{padding:50px 0px; width:100%; float:left; position: relative; background:url(/images/secbg03.jpg);}
.sec02con{width:1300px; margin:0 auto; border:0px solid red; }
.sec02left{width:23%; float:left;  position: relative;  box-sizing:border-box;}
.sec02right{width:77%; float:left;  position: relative;   box-sizing:border-box;}


@media screen and (max-width:1299px) {
.sec02con{width:100%; margin:0 auto; border:0px solid red; padding:0px 1.5%; overflow:hidden; }

}


@media screen and (max-width:1079px) {

.section02{padding:60px 0px; width:100%; float:left; position: relative; }  
.sec02left{width:100%; float:left;  position: relative;  box-sizing:border-box; text-align:center;}
.sec02right{width:100%; float:left;  position: relative;   box-sizing:border-box;}

.mobilenone1_1{display:none !important;}
.sec02tt{margin-bottom:15px;}
}




@media screen and (max-width:989px) {
.mobilenone{display:none;}
.sec02left{width: 100%;}
.sec02right{width: 100%;}
}





.sec02tt{font-size:30px; color:#000; font-weight:300; }
.sec02tt span{color:#0066cc;font-weight:600; font-size:35px; }

.sec02tt1{font-size:18px; color:#000; font-weight:500; width:100%; margin:0 auto; padding-top:20px; height:105px; bordeR:0px solid red;}
.sec02tt2{font-size:16px; margin-top:15px; color:#999; margin-bottom:20px;}


@media screen and (max-width:879px) {
.section02{padding: 20px 10px;  background:#f4fef6; }
.sec02tt{font-size:25px;  text-align: center;}
.sec02tt span{font-size:25px; }
.sec02right{margin-top: 15px;}
.tab_content_m{padding: 5px;}
.tab_content_m ul li{ float: left;    border:1px solid #e3e3e5 !important;  box-sizing: border-box;
  width:48%;  text-align: center; background:#fff;  margin:1%; border-radius:25px;}
.tab_content_m ul li img{height:260px;}
.sec02tt1{font-size: 17px;  width:90%;}
.sec02tt2{font-size: 14px;}

}



@media screen and (max-width:589px) {
#m_board_m .tab_container {margin-top:0px; }
.tab_content_m ul li{ float: left;    border:1px solid #e3e3e5 !important;  box-sizing: border-box;
  width:100%;  text-align: center; background:#fff;  margin:1.5% 0%;  border-radius:25px;}
.sec02tt1{font-size:17.5px; color:#000; font-weight:500; width:100%; margin:0 auto; padding:20px 12px 0px 12px; height:auto; bordeR:0px solid red;}
}


.sec03con{width:1280px; margin:0 auto;  padding:50px 0px; overflow:hidden;}
.sec03con ul {width:100%;}
.sec03con ul li{color:#fff; font-size:17px;  font-weight:600; float:left; border-radius:25px; position: relative; text-align:center; ox-sizing: border-box; display:inline-block; width:13%; border:0px solid red; margin-right:3.6%; }
.sec03con ul li:last-child{margin-right:0%;}
.sec03con ul li:nth-child(1){background:#00cc00;}
.sec03con ul li:nth-child(2){background:#4482e8;}
.sec03con ul li:nth-child(3){background:#ff8328;}
.sec03con ul li:nth-child(4){background:#00cc00;}
.sec03con ul li:nth-child(5){background:#4482e8;}
.sec03con ul li:nth-child(6){background:#00cc00;}

.sec03con ul li a{color:#fff; display:block; border-radius:25px; }
.sec03con ul li a:hover{box-shadow:2px 2px 10px rgba(0, 0, 0, 0);}

.sec03bt{margin:0 auto; margin:2px;font-size:15px; display:inline-block; border-radius:20px;  width:80%;  background:#009900; text-align:center; color:#fff;}
.sec03bt a{padding:6px;}





@media screen and (max-width:1279px) {
.sec03con{width:100%; margin:0 auto; border:0px solid red; }
}

@media screen and (max-width:1079px) {
.sec03con{padding:40px 10px;}
.sec03con ul li{width:30%; margin:1%;}
}



@media screen and (max-width:689px) {
.sec03con{padding: 20px 15px; border:0px solid red;}
.sec03con ul li{ width:48% !important; margin:1% !important;  font-size:17px; }
.sec03con ul li img{}
.sec03bt{font-size:14px;}
}





.section04{padding:70px 0px; width:100%; float:left; position: relative; background:#f5f5f5;}
.sec04con{width:1280px; margin:0 auto;   overflow:hidden;}


.sec04left{width:23%; float:left;  position: relative;  box-sizing:border-box;}
.sec04right{width:77%; float:left;  position: relative;   box-sizing:border-box;  min-height:305px; border:0px solid red;}

.sec04tt{font-size:30px; color:#000; font-weight:300; }
.sec04tt span{color:#0066cc;font-weight:500; font-size:35px; }


@media screen and (max-width:1279px) {
.sec04con{width:100%; margin:0 auto; border:0px solid red; }

}


@media screen and (max-width:1079px) {
.sec04con{padding:50px 10px; overflow:hidden;}
.sec03con ul li{width:30%; margin:1.5%;}

.sec04left{width:100%; float:left; text-align:center; position: relative;  box-sizing:border-box;}
.sec04right{width:100%; float:left;  position: relative;   box-sizing:border-box; }

.sec04tt{margin-bottom:15px;}
}


  

@media screen and (max-width:689px) {
.section04{padding-top: 0px; padding-bottom: 60px;}
.sec04con{padding-top: 20px; padding-bottom: 0px;}
.sec04left{width:100%; text-align: center;}
.sec04right{width:100%; padding: 2%; box-sizing: border-box;  height:auto !important;  min-height:auto !important; }
.sec04tt{font-size: 25px; margin-bottom: 15px;}
.sec04tt span{font-size: 28px;}
}


#m_board_c {

	position: relative;
	float:right;
	width:100%;
	margin-right: 0;
	position: relative;
	
	margin: 0 auto;
	border:0px solid red;
}

#m_board_c .tabs_c {
	height:50px;
	width:100%;
	
}
#m_board_c .tabs_c li {
	float: left;

	width:25%;
	text-align: center;
	color: #999;
	margin:0%;
	
}
#m_board_c .tabs_c li a {
	display: block;
	height: 45px;
	line-height:45px;
	box-sizing: border-box;
	font-size: 18px;
	color: #999;
  border: 1px solid #ddd;
  border-radius:0px;
  background:#fff;
  color:#000;
}
#m_board_c .tabs_c li a:hover {
	color: #fff;
	height: 45px;
	line-height:45px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	background:#ff9934;
}
#m_board_c .tabs_c .active a {
	
	color: #fff;
	height: 45px;
	line-height:45px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	background:#333;
}

#m_board_c .tab_container_c {width:100%; float:left; position: relative; }
.tab_content_c ul li{	float: left;   border-bottom: 1px solid #ccc; box-sizing: border-box;
	width:100%;	text-align: center; height:50px; font-size:17px;}

.tab_content_c ul li dl{width:100%; float:left; height:50px; line-height:50px;}
.tab_content_c ul li dl dt{width:70%; float:left; height:50px; line-height:50px; text-align:left;  padding-left:10px;}
.tab_content_c ul li dl dd{width:30%; float:left; text-align:right; height:50px; line-height:50px; padding-right:10px;}

@media screen and (max-width:789px) {

#m_board_c .tabs_c li {width: 33.33333%;}
#m_board_c .tabs_c li a{font-size: 15.5px;}
#m_board_c .tabs_c li a:hover{font-size: 15.5px;}
#m_board_c .tabs_c .active a {font-size: 15.5px;}
#m_board_c .tabs_c li:nth-child(3){display: none;}
.tab_content_c ul li{height: 40px;}
.tab_content_c ul li dl{width:100%; float:left; height:40px; line-height:40px; overflow:hidden;}
.tab_content_c ul li dl dt{width:100%; float:left; height:40px; line-height:40px; text-align:left; padding-right:7px;  padding-left:10px; font-size: 14.5px;}
.tab_content_c ul li dl dd{width:30%; float:left; text-align:right; height:40px; line-height:35px; padding-right:10px;}
}







.sec05con{width:1330px; margin:0 auto;  padding-top:0px; overflow:hidden; box-sizing: border-box;}

.sec05left{width:100%; float:left; padding-right:40px; padding-top:20px;  position: relative;  box-sizing:border-box; text-align:center;}

.sec05left1{bordeR:0px solid red; width:55%; float:left; padding-right:40px; padding-top:20px;  position: relative;  box-sizing:border-box; text-align:center;}
.sec05right1{bordeR:0px solid red;  width:45%; float:left;  padding-top:20px;  position: relative;  box-sizing:border-box; text-align:left;}
.sec05left1 ul {width:100%; float:left;  position: relative; bordeR:0px solid red;}
.sec05left1 ul li{display:inline-block; float:left; width:50%; text-align:center;}
.sec05left1 ul li:first-child  {border-right:1px solid #cccccc;}
.sec05tt {color:#000; font-size:19px; font-weight:500;}
.sec05tt span{color:#ff6600; font-weight:600;}

.sec05tt1{color:#fd9a34; font-size:29px; font-weight:700;line-height:37px;}
.sec05tt1 a{color:#fd9a34;}
.sec05tt2{color:#256ce0; font-size:29px; font-weight:700;line-height:37px;}
.sec05tt2 a{color:#256ce0;}
.sec05tt3{line-height:31px; color:#000;font-size:19px; font-weight:500;}

.sec05right{width:100%; float:left;  position: relative;   box-sizing:border-box;  margin-top:35px;  }
.sec05right ul{width:100%; border:0px solid red; }
.sec05right ul li{display:inline-block; width:31.3%; float:left; margin:2%; background:#fff;   border-radius:15px; border:1px solid #e2e0e0; padding:20px 
  20px; 
 box-sizing:border-box;  
}
.sec05right ul li:last-child{margin-right:0%; }

.sec05right ul li dl{width:100%;float:left;}
.sec05right ul li dl dt{width:30%;float:left;}
.sec05right ul li dl dd{width:70%;float:left; text-align:left; font-size:16px; line-height:23px;}

.sec05rightt {color:#000; font-size:22px; font-weight:600; line-height:40px;}


.cusbtn{display: inline-block; font-weight:600; background: #ff6600; color: #fff;  font-size:17px !important; border-radius: 35px; padding: 17px 25px; margin:0%;}
.cusbtn a{color:#fff; font-size:18px !important; font-weight:500;}

@media screen and (max-width:1279px) {
.sec05con{width:100%; margin:0 auto; border:0px solid red; }

}


@media screen and (max-width:1079px) {

.sec05right{}
.sec05left{width: 100%; padding-right: 0px; padding-top: 10px;}
.sec05tt {color:#000; font-size:17px !important; font-weight:500;  letter-spacing:-1px;}
.sec05tt1{font-size: 21.5px; letter-spacing:-1px;}
}



@media screen and (max-width:849px) {
  .sec05con{padding-top:0px;}
.sec05left{width: 100%; padding-right: 0px; padding-top: 10px;}
.sec05left ul li img{width: 40%; margin-bottom: 15px;}
.sec05right{}
.sec05tt{font-size: 22px; line-height:30px;}
.sec05tt1{font-size: 28px;}
.sec05tt2{font-size: 28px;}
.sec05tt3{line-height:23px; color:#000; margin-top:35px; font-size: 17px;}
.sec05left1{width:100%; padding-right:0px;}
.sec05right1{width:100%; text-align:center;}
.sec05right ul li dl dt{width:100%;}
.sec05right ul li dl dd{width:100%; text-align:center;}
}


@media screen and (max-width:489px) {
.sec05left ul li img{width: 60%; margin-bottom: 15px;}  
.sec05right{padding:0px 10px;}
.sec05right ul li{display:inline-block; width:96%;float:left; margin:1.5%; background:#fff;   border-radius:15px; border:1px solid #e2e0e0; padding:25px 10px; 
 box-sizing:border-box; }
.sec05right ul li dl{width:100%;float:left;}
.sec05right ul li dl dt{width:20%;float:left; }
.sec05right ul li dl dt img{width:60%;  margin-bottom:0px;}
.sec05right ul li dl dd{width:80%;float:left; text-align:left; font-size:16px; line-height:23px;}
.sec05rightt {color:#000; font-size:19px; font-weight:600; line-height:27px;}

.cusbtn{display: inline-block; background: #ff6600; color: #fff; border-radius:35px; padding: 12px 20px; margin:0%;}
.cusbtn a{color:#fff; font-size:17px !important; fint-weight:600;}
#m_board_m .tabs_m li {	width:45%;font-size:15px;}
}


/**레이어팝업**/
.layer_popup{position: absolute; top:8%; left:20%; width:500px; height:440px; z-indeX:5555;
background:#000;}
.closett{line-height:40px; background:#333; padding-left:25px;  color:#fff;}
.closett span{float:right; background:#000; line-height:40px; padding:0px 10px; color:#fff; font-size:13px;}