@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans|Nanum+Gothic&display=swap");
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/* @font-face {
   font-family: "koreantygdb";
   src: url("../css/font/koreantygdb.eot"), url("../css/font/koreantygdb.ttf"), url("../css/font/koreantygdb.woff");
}
@font-face {
   font-family: "koreantygde";
   src: url("../css/font/koreantygde.eot"), url("../css/font/koreantygde.ttf"), url("../css/font/koreantygde.woff");
}
@font-face {
   font-family: "koreantygdl";
   src: url("../css/font/koreantygdl.eot"), url("../css/font/koreantygdl.ttf"), url("../css/font/koreantygdl.woff");
}
@font-face {
   font-family: "koreantygdm";
   src: url("../css/font/koreantygdm.eot"), url("../css/font/koreantygdm.ttf"), url("../css/font/koreantygdm.woff");
} */

/**************************************************************************
											공통
***************************************************************************/
body,
html {
   width: 100%;
   height: 100%;
   font-family: "Nanum Square";
}
body {
   background-color: #fff;
   padding: 0 !important;
}
.irang {
   position: relative;
   width: 1375px;
   margin: 0 auto;
   text-align: center;
}
.irang_full {
   position: relative;
   width: 100%;
   text-align: center;
}
.irang_pd {
   position: relative;
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   padding: 0 100px;
   text-align: center;
}

/**************************************************************************
											swiper
***************************************************************************/
.swiper-container {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   backface-visibility: hidden;
}
.swiper-introe .swiper-slide {
   background: none;
}
.swiper-introe .swiper-img {
   transition: 0.15s ease-in-out;
}
.swiper-introe .swiper-img:hover {
   background: #fff;
}
.slide_intro .swiper-img > img {
   width: 100%;
}
.slide_introetc .swiper-img > a > img {
   width: 100%;
}
.swiper-slide > a {
   display: block;
   width: 100%;
}
.swiper-slide > img {
   width: 100%;
}
.swiper-container .swiper-button-prev {
   left: 15px;
   width: 42px;
   height: 42px;
   background: #fff;
   color: #000;
   border: 0px;
   border-radius: 20px;
}
.swiper-container .swiper-button-next {
   right: 15px;
   width: 42px;
   height: 42px;
   background: #fff;
   color: #000;
   border: 0px;
   border-radius: 20px;
}
.swiper-banner .swiper-button-prev:after {
   display: inline-block;
   font: normal normal normal 18px/1 FontAwesome;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\f177";
   text-align: center;
   width: 100%;
}
.swiper-banner .swiper-button-next:after {
   display: inline-block;
   font: normal normal normal 22px/1 FontAwesome;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\f178";
   text-align: center;
   width: 100%;
}
.swiper-container .swiper-button-prev:hover:after {
   color: #fff;
}
.swiper-container .swiper-button-next:hover:after {
   color: #fff;
}
.swiper-container .swiper-button-prev:hover {
   background: #ffca00;
}
.swiper-container .swiper-button-next:hover {
   background: #ffca00;
}
.swiper-banner .swiper-pagination {
   bottom: 5vw !important;
}
.sec04_youtube .swiper-button-prev,
.sec04_youtube .swiper-container-rtl .swiper-button-next {
   left: -40px;
}
.sec04_youtube .swiper-button-next,
.sec04_youtube .swiper-container-rtl .swiper-button-prev {
   right: -40px;
}
.sec04_youtube .swiper-button-next,
.sec04_youtube .swiper-button-prev {
   color: #ff6d33 !important;
   outline: none;
}
.sec04_youtube .swiper-button-next.swiper-button-disabled,
.sec04_youtube .swiper-button-prev.swiper-button-disabled {
   color: #525252 !important;
}
.section_04 .slide_intro .swiper-button-prev {
   width: 50px;
   height: 50px;
   background: url("../images/arrow_left.png") no-repeat center center;
   background-size: cover;
}
.section_04 .slide_intro .swiper-button-next {
   width: 50px;
   height: 50px;
   background: url("../images/arrow_right.png") no-repeat center center;
   background-size: cover;
}
.section_04 .slide_intro .swiper-button-prev:after,
.section_04 .slide_intro .swiper-button-next:after {
   display: none;
}
/**************************************************************************
											 nav
***************************************************************************/
.irang_monav,
.irang_mologo {
   display: none;
}
.pc_nav {
   width: 100%;
   padding-top: 60px;
   margin-bottom:40px;
   z-index: 999;
   background-color: #fff;
}
.pc_nav.active {
   position: fixed;
   top: 0;
   box-shadow: 0 5px 100px -10px #838383;
}
.irang_navwrap {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 30px;
}
.irang_pcnav {
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   z-index: 999;
}
.irang_pcnav .logo {
   position: relative;
   margin-right: 65px;
   z-index: 9;
   width: 197px;
}
.irang_pcnav .logo img { width: 100%;  }
.irang_pcnav .logo a .mologoimg {
   display: none;
}
.irang_pcnav .pcnav_listwrap {
   position: relative;
   width: 820px;
}
.irang_pcnav .pcnav_listwrap .menulistbox {
   display: flex;
   justify-content: space-around;
   
}
.irang_pcnav .pcnav_listwrap .menulistbox li {
   margin-top: 10px;
}
.irang_pcnav .pcnav_listwrap .menulistbox li:hover a {
   color: #137b8b;
}
.irang_pcnav .pcnav_listwrap .menulistbox li a {
   padding: 10px 0;
   color: #bfbfbf;
   font-size: 26px;
   font-family: "Nanum Square";
   transition: all 0.2s ease-in-out;
}
.irang_pcnav .pcnav_listwrap .menulistbox li a.active {
   color: #137b8b;
}
.irang_pcnav .pcnav_listwrap .menulistbox li .topmenu_5 {
   margin-top: -12px;
}

.irang_pcnav .pcnav_listwrap .navunderline {
   content: "";
   display: block;
   position: absolute;
   left: auto;
   right: auto;
   bottom: -5px;
   width: auto;
   height: 0;
   background: #137b8b;
   transition: 0.2s ease-in-out;
   -webkit-transition: 0.2s ease-in-out;
}
.irang_pcnav .pcnav_listwrap .navunderline.active {
   height: 1px;
}
.irang_search {
   margin-right: 22px;
}
.nav_search {
   position: relative;
}
.nav_search input[type="submit"] {
   display: inline-block;
   position: absolute;
   top: 50%;
   right: -22px;
   transform: translateY(-50%);
   width: 22px;
   height: 22px;
   background: url("../images/nav_magnifier.png") no-repeat center center;
   background-size: cover;
   border: none;
   cursor: pointer;
   outline: none;
}
.nav_search .nav_search_input {
   display: inline-block;
   width: 222px;
   height: 25px;
   padding: 0 15px;
   font-size: 18px;
   border: none;
   border-bottom: 2px solid #137b8b;
   outline: none;
}
/**************************************************************************
										 main_slide
***************************************************************************/
.main_slide {
   position: relative;
   margin-bottom: 90px;
}

.main_slide .slideimg {
   position: relative;
   width: 100%;
   height: 36.614vw;
   max-height: 703px;
}

.main_slide .slideimg01 {
   background: url("../images/main_slide01.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg02 {
   background: url("../images/main_slide02.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg03 {
   background: url("../images/main_slide03.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg04 {
   background: url("../images/main_slide04.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg05 {
   background: url("../images/main_slide05.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg06 {
   background: url("../images/main_slide06.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg07 {
   background: url("../images/main_slide07.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg08 {
   background: url("../images/main_slide08.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg09 {
   background: url("../images/main_slide09.jpg") no-repeat center center;
   background-size: cover;
}
.main_slide .slideimg10 {
   background: url("../images/main_slide10.png") no-repeat center center;
   background-size: cover;
}

.main_slide .slideimg11 {
   background: url("../images/main_slide11.jpg?ver=2") no-repeat center center;
   background-size: cover;
}

.main_slide .slideimg12 {
   background: url("../images/main_slide12.jpg?ver=2") no-repeat center center;
   background-size: cover;
}

.main_slide .slideimg13 {
   background: url("../images/main_slide13.jpg?ver=2") no-repeat center center;
   background-size: cover;
}

.main_slide .slideimg14 {
   background: url("../images/main_slide14.jpg?ver=2") no-repeat center center;
   background-size: cover;
}

.section_01 .slideimg .irang {
   position: absolute;
   left: 50%;
   bottom: 7.812vw;
   transform: translateX(-50%);
   text-align: left;
}
.section_01 .slidetext > h2 {
   font-family: "Nanum Square";
   font-size: 4vw;
   color: #fff;
   text-shadow: 2px 2px 2px gray;
}
.section_01 .slidetext > h2 > span.slidetext_big {
   display: inline-block;
   padding: 20px 0;
   font-family: "Nanum Square";
   font-size: 9vw;
   border-bottom: 7px solid #fff;
}
.section_01 .slidetext > h2 > span.piano1,
.section_01 .slidetext > h2 > span.piano2 {
   font-size: 5vw;
}
.swiper-pagination-bullet {
   width: 14px !important;
   height: 14px !important;
   border-radius: 7px !important;
   background: #fff !important;
   opacity: 1 !important;
}
.swiper-pagination-bullet-active {
   width: 30px !important;
   background: #137b8b !important;
}
@media screen and (min-width: 1920px) {
   .section_01 .slideimg .irang {
      bottom: 150px;
   }
   .section_01 .slidetext > h2 {
      font-size: 80px;
   }
   .section_01 .slidetext > h2 > span.slidetext_big {
      font-size: 160px;
   }
   .section_01 .slidetext > h2 > span.piano1,
   .section_01 .slidetext > h2 > span.piano2 {
      font-size: 90px;
   }
}

/**************************************************************************
										 section02
***************************************************************************/
.sec2_bgtop {
   position: absolute;
   margin-top: -40px;
   width: 100%;
   height: 5px;
   background: url("../images/bg_line1_main.png");
   z-index: 1;
}
.sec2_bgbottom {
   position: relative;
   width: 100%;
   height: 5px;
   margin-top: -5px;
   background: url("../images/bg_line2_sub01.png");
   z-index: 2;
}
.sub01 .sec2_bgtop {
   background: url("../images/bg_line1_sub01.png");
}
.sub02 .sec2_bgtop {
   background: url("../images/bg_line1_sub02.png");
}
.sub03 .sec2_bgtop {
   background: url("../images/bg_line1_sub03.png");
}
.sec02_margin {
   margin-top: -11px;
}
.section_02 .irang_full {
   width: 100%;
   position: relative;
   text-align: center;
   padding: 35px 0 80px;
}
.section_02 .irang_full.bg_green {
   background: #47aeb6;
}
.section_02 .sec2_txt1 {
   text-align: center;
}
.section_02 .sec2_txt2 {
   text-align: center;
   margin-top: 25px;
}
.section_02 .sec2_txt2 > h2 {
   font-size: 44px;
   color: #137b8b;
   margin-bottom: 80px;
}
.section_02 .sec2_txt3 {
   margin-top: 40px;
   line-height: 55px;
   text-align: center;
   font-size: 30px;
   font-family: "Nanum Square";
   color: #535353;
   word-break: keep-all;
}
.section_02 .sec2_txt3.color_white {
   color: #fff;
}
.section_02 .sec2_txt3 .yellow {
   color: #ffca00;
}
.section_02 .sec2_txt3 .orange {
   color: #137b8b;
}
.sec2_pctit {
   display: block;
}
.sec2_motit {
   display: none;
}
.section_02 .sec2_cloud {
   width: 100%;
   margin-top: 100px;
   font-size: 0;
}
.section_02 .sec2_cloudlist {
   display: inline-block;
   position: relative;
   width: 33%;
   font-size: 16px;
}
.section_02 .sec2_cloudbg .mo {
   display: none;
}
.section_02 .sec2_cloudtxt {
   position: absolute;
   width: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.section_02 .sec2_cloudtxt > p {
   margin-top: 15px;
   line-height: 25px;
   font-size: 16px;
   font-weight: bold;
   font-family: "Nanum Square";
   color: #666;
}
.section_02 .sec2_cloudtxt > p.mo {
   display: none;
}
.section_02 .sec2_cloudtxt > a {
   margin-top: 10px;
   display: inline-block;
   background: #ffca00;
   border-radius: 20px;
   color: #fff;
   padding: 10px 20px;
   border: 1px solid #fff;
}
.section_02 .sec2_cloudtxt > a:hover {
   color: #ffca00;
   background: #fff;
   border: 1px solid #ffca00;
}

/**************************************************************************
										 section03
***************************************************************************/
.section_03 {
   width: 100%;
   padding: 70px 0 220px;
}
.section_03 .sec3_txt1 {
   text-align: center;
}
.section_03 .sec3_txt2 {
   text-align: center;
   margin-top: 40px;
}
.sec3_content {
   position: relative;
   margin-top: 70px;
   font-size: 0;
   text-align: center;
}
.sec3_conlist {
   display: inline-block;
   width: 33%;
   vertical-align: text-top;
}
.sec3_conlist .sec3_contitline1 {
   position: relative;
   height: 3px;
   margin-bottom: 3px;
   background: #5b5e5d;
   border-top: 1px solid #5b6c64;
   border-bottom: 1px solid #625d60;
}
.sec3_conlist .sec3_contitline1:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   bottom: -2px;
   background: #6a6f6c;
}
.sec3_conlist .sec3_contitline2 {
   height: 3px;
   margin-bottom: 3px;
   background: #596d63;
   border-top: 1px solid #9caca4;
   border-bottom: 1px solid #8f9a95;
}
.sec3_conlist .sec3_contit {
   display: inline-block;
   position: relative;
   margin-top: -50%;
   padding: 0 45px;
   font-size: 37px;
   font-family: "Nanum Square";
   color: #5b5c5c;
   background: #fff;
}
.sec3_conlist .sec3_conimg {
   margin-top: 80px;
}
.sec3_conlist .sec3_conbtn {
   position: absolute;
   width: 33%;
   bottom: -25%;
}
.sec3_conlist .sec3_conbtn > a {
   display: inline-block;
   padding: 14px 20px 10px;
   font-size: 29px;
   color: #fff;
   background: #ffca00;
   border: 1px solid #ffca00;
   border-radius: 20px;
}
.sec3_conlist .sec3_conbtn > a:hover {
   color: #ffca00;
   background: #fff;
   border: 1px solid #ffca00;
}

/**************************************************************************
										 section04
***************************************************************************/
.section_04 .irang_full {
   padding: 50px 0;
   width: 100%;
   height: 100%;
   background: url(../images/sec04_bg.jpg) no-repeat center center;
   background-size: cover;
}
.section_04 .sec4_dl {
   margin-bottom: 30px;
}
.section_04 .sec4_dl:last-child {
   margin-bottom: 0;
}
.section_04 .sec4_dl dt {
   position: relative;
   width: 100%;
   padding: 50px;
   color: #ffff;
   font-size: 40px;
   background: #ffca00;
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
}
.section_04 .sec4_dl dt:after {
   content: "\f061";
   position: absolute;
   right: 5%;
   font: normal normal normal 18px/1 FontAwesome;
   font-size: 40px;
   text-align: right;
   transition: all 0.3s ease-in-out;
}
.section_04 .sec4_dl.active dt {
   background: #ffae00;
}
.section_04 .sec4_dl.active dt:after {
   transform: rotate(90deg);
}
.section_04 .sec4_dl dd {
   overflow: hidden;
}
.section_04 .sec4_dl dd p {
   padding: 35px 25px;
   text-align: left;
   line-height: 93px;
   font-size: 50px;
   word-break: keep-all;
   text-shadow: 1px 1px 2px #2b2b2b;
   color: #fff;
}
.section_04 .sec4_dl dd p.tit {
   font-weight: bold;
   padding-bottom: 0;
}
.section_04 .sec4_dl .slide_intro {
   position: relative;
   width: 90%;
   margin: 40px auto 0 auto;
   overflow: hidden;
}
.section_04 .youtube {
   width: 70%;
   margin: 0 auto;
}
.section_04 .youtube_wrap {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
}
.section_04 .youtube_wrap > iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 4px solid #8dbd32;
   border-radius: 10px;
}
.sec04_youtube .youtube_wrap {
   position: relative;
   width: 100%;
   margin: 0 auto;
}
.sec04_youtube .youtube_wrap > img {
   width: 100%;
}
.sec04_youtube .youtube_wrap .svg_wrap {
   position: absolute;
   width: 30%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.sec04_youtube .youtube_wrap .svg_wrap > svg {
   transition: 0.3s ease-in-out;
   opacity: 0.6;
   cursor: pointer;
}
.sec04_youtube .youtube_wrap .svg_wrap > svg:hover {
   opacity: 1;
}
.sec04_youtube .youtube_wrap .svg_wrap > svg:hover .st0 {
   fill: #d1252a;
}
.sec04_youtube .youtube_wrap > iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.sec04_youtube .sec04_yt_bottom .youtube_wrap .svg_wrap {
   width: 30%;
}
.modal-dialog {
   width: 80%;
   max-width: 900px;
   top: 50%;
   margin: 0 auto;
   transform: translateY(-50%) !important;
}
.modal .modal-body .modal-iframe {
   position: relative;
   width: 100%;
   height: 0;
   padding: 28.25%;
}
.modal .modal-body .modal-iframe > iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.sec05_hometv {
   padding: 275px 0;
}
.section_05 .footer_link {
   display: none;
}

/**************************************************************************
										  footer
***************************************************************************/
#footer .irang_full {
   width: 100%;
   background: #f4f4f4;
   padding: 35px 0;
}
#footer .irang {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
}
.footer_text {
   text-align: left;
}
.footer_text .ft_ul {
   margin-top: 20px;
}
.footer_text .ft_ul li > p {
   margin-bottom: 5px;
   font-size: 16px;
   color: #535353;
}
.footer_text .ft_ul > li > img {
   margin-bottom: 30px;
}
.footer_link > ul {
   display: flex;
}
.footer_link > ul > li {
   margin-left: 22px;
}
span.fw_bold {
   font-weight: bold;
}
.sec2_txt3 .block {
   display: none;
}

.m_footer {
   display: none;
}

/**************************************************************************
										 media query
***************************************************************************/
@media screen and (max-width: 1420px) {
   .irang {
      width: 100%;
      padding: 0 30px;
   }
   .irang_pd {
      padding: 0 30px;
   }
   .irang_pcnav .pcnav_listwrap .menulistbox li {
      width: auto;
   }
   .section_03 ul.sec3_ul > li > img {
      width: 100%;
   }
   .section_01 .slideimg .irang {
      left: 6vw;
      transform: none;
   }
   .sec04_youtube .swiper-button-prev,
   .sec04_youtube .swiper-container-rtl .swiper-button-next {
      left: -30px;
   }
   .sec04_youtube .swiper-button-next,
   .sec04_youtube .swiper-container-rtl .swiper-button-prev {
      right: -30px;
   }
}
@media screen and (max-width: 1200px) {
   .nav_search .nav_search_input {
      width: 150px;
   }
   .sec2_txt3 .block {
      display: block;
   }
   .section_02 ul.sec2_ul {
      margin-top: 50px;
   }
   .section_02 .sec2_cloud {
      margin: 50px 0 0;
   }
   .section_02 .sec2_cloudbg .pc {
      display: none;
   }
   .section_02 .sec2_cloudbg .mo {
      display: inline-block;
      width: 600px;
   }
   .section_02 .sec2_cloudlist {
      display: block;
      width: 100%;
      margin-bottom: 35px;
   }
   .section_02 .sec2_cloudlist:last-child {
      margin-bottom: 0;
   }
   .section_03 {
      padding: 70px 0 100px;
   }
   .sec3_conlist {
      display: block;
      position: relative;
      width: 80%;
      margin: 0 auto 150px auto;
   }
   .sec3_conlist .sec3_conbtn {
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
   }
   .section_04 .sec4_dl dt {
      padding: 34px 0 26px 25px;
      text-align: left;
      font-size: 34px;
   }
   .section_04 .sec4_dl dd p {
      font-size: 20px;
      line-height: 37px;
      padding: 35px 0;
   }
   .section_04 .sec4_dl dd .youtube {
      width: 85%;
   }
}
@media screen and (max-width: 1000px) {
   .irang_pcnav .logo {
      margin-right: 50px;
   }
   .irang_pcnav .logo > a > .pclogoimg {
      width: 100px;
   }
   .irang_pcnav .pcnav_listwrap {
      width: auto;
   }
   .irang_pcnav .pcnav_listwrap .menulistbox li {
      margin-right: 15px;
   }
   .irang_pcnav .pcnav_listwrap .menulistbox li a {
      font-size: 16px;
   }
   .footer .ft_ul {
      display: inline-block;
      text-align: center;
      font-size: 0;
   }
   .footer .ft_ul > li {
      display: flex;
      align-items: center;
      text-align: left;
      margin-bottom: 20px;
   }
   .footer .ft_ul > li:last-child {
      margin-bottom: 0;
   }
   .footer .ft_ul > li > br {
      display: none;
   }
   .footer .ft_ul > li > img {
      width: 70px;
      margin-bottom: 0;
      margin-right: 15px;
      flex-basis: 80px;
      flex-grow: 0;
      flex-shrink: 0;
   }
   .footer .ft_ul li > span {
      flex-grow: 0;
      flex-shrink: 0;
   }
}
@media screen and (max-width: 800px) {
   .irang_pcnav {
      display: none;
   }
   .irang_monav {
      display: block;
      z-index: 10;
   }
   .irang_mologo {
      display: block;
      width: 100%;
      z-index: 1;
   }
   .pc_nav {
      margin-bottom: 40px;
   }
   .irang_navwrap {
      height: 56px;
   }
   .monav_header {
      position: relative;
      font-size: 0;
   }
   .monav_header .monav_logo {
      padding: 20px 0;
   }
   .monav_header .monav_btnwrap {
      width: 100%;
      text-align: left;
   }
   .monav_header .monav_btninner {
      display: inline-block;
      cursor: pointer;
   }
   .monav_header .monav_btn {
      display: inline-block;
      width: 42px;
      height: 40px;
      color: #fff;
      background: url("../images/m_menubtn.png") no-repeat 0 center;
      background-size: cover;
   }
   .monav_listwrap {
      display: none;
      position: absolute;
      padding: 50px 20px 20px;
      background: rgba(255, 255, 255);
      z-index: 9;
   }
   .monav_listwrap.navOn {
      display: block;
      text-align: left;
   }
   .monav_listwrap .monav_list > a {
      display: block;
      width: 100%;
      line-height: 60px;
      font-size: 22px;
      color: #bfbfbf;
   }
   .monav_listwrap .monav_list > a.active {
      color: #ff6d33;
   }
   .monav_listwrap .monav_list.btn_close > a {
      display: block;
      width: 32px;
      height: 32px;
      margin: auto;
      margin-right: 0;
      background: url("../images/monav_clcose.png");
      background-size: cover;
      text-align: right;
   }
   .nav_search input[type="submit"] {
      top: auto;
      right: 0;
      bottom: 0;
      background: url("../images/m_nav_magnifier.png");
      -webkit-background-size: cover;
      background-size: cover;
      transform: none;
   }
   .irang_search {
      width: 42px;
      margin: 0 0 10px;
   }
   .irang_search.active {
      width: 100%;
   }
   .nav_search .nav_search_input {
      display: none;
   }
   .irang_search.active .nav_search_input {
      display: block;
      width: 65%;
      margin: 0 auto;
   }
   .main_slide .slideimg {
      width: 100%;
      height: 105vw;
      max-height: none;
   }
   .main_slide .slideimg01 {
      background: url("../images/main_moslide01.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg02 {
      background: url("../images/main_moslide02.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg03 {
      background: url("../images/main_moslide03.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg04 {
      background: url("../images/main_moslide04.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg05 {
      background: url("../images/main_moslide05.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg06 {
      background: url("../images/main_moslide06.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg07 {
      background: url("../images/main_moslide07.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg08 {
      background: url("../images/main_moslide08.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg09 {
      background: url("../images/main_moslide09.jpg") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg11 {
      background: url("../images/main_moslide11.jpg?ver=2") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg12 {
      background: url("../images/main_moslide12.jpg?ver=2") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg13 {
      background: url("../images/main_moslide13.jpg?ver=2") no-repeat center center;
      background-size: cover;
   }
   .main_slide .slideimg14 {
      background: url("../images/main_moslide14.jpg?ver=2") no-repeat center center;
      background-size: cover;
   }
   .section_01 .slidetext > h2 {
      font-size: 7vw;
   }
   .section_01 .slidetext > h2 > span.slidetext_big {
      font-size: 11vw;
      border-bottom: 5px solid #fff;
   }
   .section_01 .slidetext > h2 > span.piano1,
   .section_01 .slidetext > h2 > span.piano2 {
      font-size: 8vw;
   }
   .section_02 .irang_full {
      padding: 20px 0;
   }
   .section_02 .sec2_txt2 > img {
      width: 90%;
   }
   .section_02 .sec2_txt2 > h2 {
      font-size: 5.5vw;
      margin-bottom: 10vw;
   }
   .section_02 .sec2_txt3 {
      margin-top: 5vw;
      font-size: 3.35vw;
      line-height: 5.2vw;
   }
   .section_02 .sec2_cloudbg .mo {
      width: 550px;
   }
   .section_02 .sec2_cloudtxt > p.pc {
      display: none;
   }
   .section_02 .sec2_cloudtxt > p.mo {
      display: block;
   }
   .section_03 {
      padding: 60px 0 0;
   }
   .section_04 .sec4_dl {
      margin-bottom: 15px;
   }
   .section_04 .slide_intro .swiper-button-prev {
      width: 30px;
      height: 30px;
   }
   .section_04 .slide_intro .swiper-button-next {
      width: 30px;
      height: 30px;
   }
   .sec2_pctit {
      display: none;
   }
   .sec2_motit {
      display: block;
   }
   .swiper-banner .swiper-pagination {
      bottom: 10vw !important;
   }
   .sec04_youtube .swiper-button-prev,
   .sec04_youtube .swiper-container-rtl .swiper-button-next {
      left: 1.25vw;
   }
   .sec04_youtube .swiper-button-next,
   .sec04_youtube .swiper-container-rtl .swiper-button-prev {
      right: 1.25vw;
   }
   .swiper-button-next:after,
   .swiper-button-prev:after {
      font-size: 30px !important;
   }
   .ft_tit > h2 > img {
      width: 140px;
   }
}
@media screen and (max-width: 720px) {
   .monav_logo > a > img {
      width: 26.9444vw;
      min-width: 90px;
   }
   .section_05 .footer_link {
      display: block;
   }
   #footer .footer_link {
      display: none;
   }
   .footer_link {
      margin-bottom: 13.888vw;
   }
   .footer_link > ul {
      display: flex;
      align-items: center;
      justify-content: space-around;
   }
   .footer_link > ul > li {
      margin: 0;
   }
   .footer_link > ul > li:nth-child(1) img {
      width: 4.722vw;
      min-width: 22px;
   }
   .footer_link > ul > li:nth-child(2) img,
   .footer_link > ul > li:nth-child(3) img {
      width: 8.611vw;
      min-width: 40px;
   }
}
@media screen and (max-width: 640px) {
   .irang_pd {
      padding: 0 15px;
   }
   .section_01 .slidetext > h2 > span.slidetext_big {
      padding: 10px 0;
      border-bottom: 3px solid #fff;
   }
   .section_02 .sec2_cloudbg .mo {
      width: 450px;
   }
   .section_02 .sec2_cloudtxt > img {
      height: 12.5vw;
   }
   .sec3_conlist .sec3_contit {
      padding: 0 25px;
      font-size: 28px;
   }
   .sec3_conlist .sec3_conbtn > a {
      font-size: 22px;
   }
   .sec3_conlist .sec3_conimg {
      margin-top: 40px;
   }
   .sec3_conlist .sec3_conimg > img {
      width: 75%;
   }
   .section_04 .sec4_dl dd p {
      font-size: 16px;
      line-height: 28px;
      padding: 25px 10px;
   }
   .section_04 .sec4_dl dt {
      padding: 28px 0 24px 25px;
      text-align: left;
      font-size: 24px;
   }
   .section_04 .sec4_dl dt:after {
      font-size: 24px;
   }
   .sec05_hometv {
      padding: 100px 0;
   }
   .modal-dialog {
      width: 90%;
   }
   .footer_text .ft_ul li > p {
      font-size: 14px;
   }

   .m_footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 20px 0;
   }
}
@media screen and (max-width: 500px) {
   .irang {
      padding: 0 15px;
   }
   .irang_mologo > a > img {
      width: 110px;
   }
   .section_02 .sec2_cloudtxt {
      width: 90%;
   }
   .section_02 .sec2_cloudtxt > p {
      margin-top: 10px;
      font-size: 14px;
      line-height: 22px;
   }
   .section_02 .sec2_cloudbg .mo {
      width: 90vw;
   }
   .section_03 .sec3_txt2 > img {
      width: 90%;
   }
   .sec3_conlist .sec3_conbtn {
      bottom: -25%;
   }
   .section_04 .sec4_dl dt {
      padding: 28px 0 24px 15px;
      font-size: 20px;
   }
   .section_04 .sec4_dl dt:after {
      font-size: 20px;
   }
   .sec05_hometv > img {
      width: 150px;
   }
   #footer .irang_full {
      padding: 20px 0;
   }
   .footer .ft_ul > li > img {
      width: 30px;
      flex-basis: 40px;
      margin-right: 10px;
   }
   .footer .ft_ul li > span {
      font-size: 16px;
      line-height: 22px;
   }
   .footer_text .ft_ul li > p {
      font-size: 12px;
   }
}
@media screen and (max-width: 400px) {
   .irang_mologo > a > img {
      width: 100px;
   }
   .monav_listwrap .monav_list > a {
      line-height: 50px;
      font-size: 18px;
   }
   .monav_listwrap .monav_list.btn_close > a {
      width: 26px;
      height: 26px;
   }
   .section_02 .sec2_cloudtxt > p {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: -1px;
   }
   .section_02 .sec2_cloudtxt > a {
      margin-top: 5px;
      padding: 5px 15px;
      font-size: 14;
   }
   .sec3_conlist .sec3_conbtn > a {
      padding: 10px 15px 6px;
      font-size: 22px;
   }
   .sec3_conlist .sec3_contit {
      padding: 0 10px;
   }
   .section_04 .sec4_dl dd p {
      font-size: 14px;
      line-height: 24px;
   }
   .section_04 .sec4_dl dt {
      padding: 24px 0 20px 10px;
      font-size: 18px;
      letter-spacing: -1px;
   }
   .section_04 .sec4_dl dt:after {
      font-size: 18px;
   }
}

/**************************************************************************
											sub_age_title
***************************************************************************/
.sub_agelogo {
   position: relative;
   margin-bottom: 45px;
}
.sub_agelogo > p {
   display: inline-block;
   position: relative;
   margin-top: 15px;
   padding: 0 15px;
   font-size: 32px;
   font-weight: bold;
   color: #ff6d33;
}
.sub_agelogo > p.sub_preview {
   font-size: 21px;
}

.sub_agelogo > p:before,
.sub_agelogo > p:after {
   position: absolute;
   content: "";
   display: block;
   width: 50.1%;
   height: 2px;
   background: #ff6d33;
}
.sub_agelogo > p:before {
   transform: rotate(-15deg);
   left: 1px;
   top: -10px;
}
.sub_agelogo > p:after {
   transform: rotate(15deg);
   right: 1px;
   top: -10px;
}

.sub_agelogo > span {
   display: block;
   position: relative;
   margin-top: 15px;
   padding: 0 15px;
   font-size: 32px;
   font-weight: bold;
   text-align: left;
}
/**************************************************************************
											sub_01
***************************************************************************/
.sub_pcbanner {
   display: block;
   overflow:hidden;
   height: 530px;
   margin-bottom:50px;
}

.sub_mobanner {
   display: none;
}
.sub_banner > img {
   width: 100%;
}
.sub01_sec02 {
   position: relative;
   background: #8c8f8c;
}
.sub01_sec02 .irang_content {
   padding: 45px 0 100px;
}
.sub01_sec02 .sec02_logo {
   margin-bottom: 60px;
}
.sub01_sec02 .sec02_text > p {
   font-size: 41px;
   font-family: "Nanum Square";
   line-height: 77px;
   color: #fff;
   word-break: keep-all;
}
.sub01_sec02 .sec02_text > p > span.c_brown {
   color: #816e71;
}
.sub01_sec02 .sec02_text > p > span.c_yellow {
   color: #ffe327;
}
.sub01_sec03 .irang_content {
   padding: 145px 0 100px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.sub01_sec04 .irang_content {
   padding-bottom: 200px;
}
.sub > section:last-child .irang_content {
   border-bottom: none;
}
.sub01_sec04 .sec04_step {
   margin-bottom: 70px;
}
.sub01_sec04 .sec04_stepwrap {
   display: flex;
   justify-content: center;
   align-items: center;
}
.sub01_sec04 .sec04_steplist {
   width: 100%;
   max-width: 142px;
   cursor: pointer;
}
.sub01_sec04 .sec04_steplist > a {
   display: block;
   padding-top: 3px;
   line-height: 52px;
   font-size: 28px;
   font-family: "Nanum Square";
   background: #fff;
   color: #bfbfbf;
   letter-spacing: -1px;
}
.sub01_sec04 .sec04_steplist > a > span {
   padding-left: 5px;
   font-size: 16px;
   color: #bfbfbf;
}
.sub01_sec04 .sec04_steplist > a:hover {
   color: #ff6d33;
}
.sub01_sec04 .sec04_steplist > a:hover > span {
   color: #ff6d33;
}
.sub01_sec04 .sec04_steplist > a.active {
   color: #ff6d33;
}
.sub01_sec04 .sec04_steplist > a.active > span {
   color: #ff6d33;
}
.sec04_yt_top {
   margin-bottom: 30px;
   font-size: 60px;
}
.sec04_yt_top > ul {
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.sec04_yt_top > ul.active {
   display: block;
}
.sec04_yt_top .sec04_yt_list {
   width: 100%;
   max-width: 384px;
   margin-right: 15px;
}
.sec04_yt_top .sec04_yt_list:last-child {
   margin-right: 0;
}
.sec04_yt_top .sec04_yt_list > p {
   height: 80px;
   padding: 20px 0 0;
   line-height: 26px;
   font-size: 20px;
   font-family: "Nanum Square";
   word-break: keep-all;
}
.sec04_yt_bottom {
   position: relative;
}
.sec04_yt_bottom .sec04_yt_list {
   width: 100%;
}

/* search section start*/
.sec04_yt_top_search {
   margin-bottom: 30px;
   font-size: 60px;
}
.sec04_yt_top_search > ul {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}
.sec04_yt_top_search > ul.active {
   display: block;
}
.sec04_yt_top_search .sec04_yt_list {
   width: 24%;
   margin-right: 5px;
}
.sec04_yt_top_search .sec04_yt_list:last-child {
   margin-right: 0;
}
.sec04_yt_top_search .sec04_yt_list > p {
   height: 80px;
   padding: 20px 0 0;
   line-height: 26px;
   font-size: 20px;
   font-family: "Nanum Square";
   word-break: keep-all;
}
/* search section end*/

@media screen and (max-width: 1200px) {
   .sub01_sec02 .irang_content {
      padding: 45px 0;
   }
   .sub01_sec03 .irang_content .sec03_age > img {
      width: 80%;
   }
   .sub01_sec03 .irang_content {
      padding: 12.083vw 8.333vw;
   }
   .sub01_sec04 .sec04_step {
      margin-bottom: 8.75vw;
   }
   .sub01_sec04 .sec04_stepwrap {
      flex-wrap: wrap;
   }
   .sub01_sec04 .sec04_steplist {
      width: 16.666%;
      max-width: none;
      margin-bottom: 10px;
   }
   .sec04_yt_top > ul {
      flex-wrap: wrap;
   }
   .sec04_yt_top .sec04_yt_list {
      width: 48%;
      margin-right: 0;
   }
   .sub01_sec04 .irang_content {
      padding-bottom: 100px;
   }
}
@media screen and (max-width: 1000px) {
   .sub01_sec02 .sec02_text > p {
      font-size: 36px;
      line-height: 60px;
   }
}
@media screen and (max-width: 800px) {
   .sub_pcbanner {
      display: none;
   }
   .sub_mobanner {
      display: block;
   }
   .section_01 {
      margin-top: 0;
      margin-bottom: 0px;
   }
   .sub01_slide .slideimg {
      width: 100%;
      height: 88vw;
   }
   .sub01_slide .slideimg01 {
      background: url("../images/sub01_moslide01.jpg") no-repeat center center;
      background-size: cover;
   }
   .sub_agelogo {
      margin-bottom: 20px;
   }
   .sub_agelogo > p {
      font-size: 28px;
   }

   .sub_agelogo > p.sub_preview {
      font-size: 18px;
   }

   .sub01_sec02 .sec02_logo {
      margin-bottom: 7.5vw;
   }
   .sub01_sec02 .sec02_logo > img {
      width: 60%;
   }
   .sub01_sec02 .sec02_text > p {
      font-size: 3.55vw;
      line-height: 7vw;
   }
   .sub01_sec04 .sec04_steplist > a {
      font-size: 20px;
      line-height: 38px;
   }
   .sub01_sec04 .sec04_steplist > a > span {
      font-size: 14px;
   }
   .sec04_yt_top {
      font-size: 30px;
   }
   .sec04_yt_top .sec04_yt_list {
      width: 50%;
      padding: 10px 10px;
      padding-bottom: 0;
   }
   .sec04_yt_top .sec04_yt_list > p {
      height: 50px;
      padding-top: 10px;
      line-height: 20px;
      font-size: 14px;
   }
   .sub01_sec04 .irang_content {
      padding: 8.75vw 0 8.75vw;
      border-bottom: 1px solid #bfbfbf;
   }
}
@media screen and (max-width: 500px) {
   .sub01_sec04 .sec04_steplist {
      width: 25%;
   }
   .sub01_sec04 .sec04_steplist > a {
      line-height: 20px;
   }
   .sub01_sec04 .sec04_steplist > a > span {
      font-size: 13px;
   }
   .sec04_yt_top .sec04_yt_list {
      padding: 5px;
      padding-bottom: 0;
   }
   .sec04_yt_top .sec04_yt_list > p {
      font-size: 14px;
   }
   .sub01_sec04 .sec04_steplist > a {
      font-size: 16px;
   }
}
@media screen and (max-width: 400px) {
   .sec04_yt_top .sec04_yt_list > p {
      font-size: 12px;
      line-height: 16px;
   }
   .sub01_sec04 .sec04_steplist > a {
      font-size: 14px;
   }
}

/**************************************************************************
											sub_02
***************************************************************************/
.sub02_slide .slideimg {
   width: 100%;
   height: 49.218vw;
   max-height: 940px;
}
.sub02_slide .slideimg01 {
   background: url("../images/sub02_slideimg01.jpg") no-repeat center center;
   background-size: cover;
}
.sub02_slide .slideimg02 {
   background: url("../images/sub02_slideimg02.jpg") no-repeat center center;
   background-size: cover;
}
.sub02 .sub01_sec02 {
   background: #b59ac5;
}
.sub01_sec02 .sec02_text > p > br.mo {
   display: none;
}
@media screen and (max-width: 1200px) {
   .sub02 .sub01_sec03 .irang_content .sec03_age > img {
      width: 75%;
   }
   .sub01_sec04 .sec04_logocenter > h2 {
      font-size: 8vw;
   }
   .sub01_sec02 .sec02_text > p > br.mo {
      display: block;
   }
   .sub01_sec02 .sec02_text > p > br.pc {
      display: none;
   }
}
@media screen and (max-width: 800px) {
   .sub02_slide .slideimg {
      width: 100%;
      height: 88vw;
   }
   .sub02_slide .slideimg01 {
      background: url("../images/sub02_moslide01.jpg") no-repeat center center;
      background-size: cover;
   }
   .sub02_slide .slideimg02 {
      background: url("../images/sub02_moslide02.jpg") no-repeat center center;
      background-size: cover;
   }
}

/**************************************************************************
											sub_03
***************************************************************************/
.sub03_slide .slideimg {
   width: 100%;
   height: 49.218vw;
   max-height: 940px;
}
.sub03_slide .slideimg01 {
   background: url("../images/sub03_slideimg01.jpg") no-repeat center center;
   background-size: cover;
}
.sub03_slide .slideimg02 {
   background: url("../images/sub03_slideimg02.jpg") no-repeat center center;
   background-size: cover;
}
.sub03 .sub01_sec02 {
   background: #bb715e;
}
@media screen and (max-width: 1200px) {
   .sub02 .sub01_sec03 .irang_content .sec03_age > img {
      width: 75%;
   }
   .sub01_sec04 .sec04_logocenter > h2 {
      font-size: 8vw;
   }
}
@media screen and (max-width: 800px) {
   .sub03_slide .slideimg {
      width: 100%;
      height: 88vw;
   }
   .sub03_slide .slideimg01 {
      background: url("../images/sub03_moslide01.jpg") no-repeat center center;
      background-size: cover;
   }
   .sub03_slide .slideimg02 {
      background: url("../images/sub03_moslide02.jpg") no-repeat center center;
      background-size: cover;
   }
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
   .modal.in .modal-dialog i {
      font-size: 24px !important;
      position: fixed !important;
      right: -24px !important;
      top: 0 !important;
   }
   .modal-dialog{
      max-width: calc(100% - 55px);
   }
}