#wrap header {position: absolute;}
.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}
 
@media screen and (max-width:767px){
.pcbr{display:none !important;}
.ptbr{display:none !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.m_view{display:block !important;}
html,body {position: relative;height: auto;}
}




/*************** ¼­ºê»ó´ÜÀ̹ÌÁö ***************/
.sub_top {position:relative;display:none; width: 100%;  height:300px; background:#DBF2F6;}
.sub_top .sub_inner {position: relative;width:100%; height:100%; overflow: hidden;}
.sub11 {display:block;}

/* ÅؽºÆ® */
.sub_top .sub_tit {position:absolute; top:55%; left:28%;  text-align:left; z-index:10;}
.sub_top .sub_tit strong.tit1 {position:relative;display:block;  font-size:60px; line-height:100%; font-family:'TTTtangsbudaejjigaeB' ,'yg-jalnan';  color:#13BA74; text-transform:uppercase;}
.sub_top .sub_tit .tit2 { font-family:'TTTtangsbudaejjigaeB' ,'yg-jalnan' ;  color:#3d3d3d; font-size:28px; line-height:130%; text-transform:uppercase; padding-top:5px;}

/* ¿ìÃø À̹ÌÁö */
.sub_top .img {position:absolute; right:-50px; top:60px; height:120%; transform:scale(1.07);}
.sub_top .img img {border-radius:70%  20% 30% 30%; height:100%; transform:rotate(-0deg);}

/* ¸ð¼Ç */
.sub_top .sub_path,
.sub_top .scroll_btn,
.sub_top .sub_tit strong.tit1,
.sub_top .sub_tit .tit2 {opacity:0;}
.sub_top.in-view .sub_tit strong.tit1 {opacity:1;transition:opacity 0.8s 0.2s;}
.sub_top.in-view .sub_tit .tit2 {opacity:1;transition:opacity 0.8s 0.6s;}
.sub_top.in-view .sub_path {opacity:1; transition:transform 1.8s;}
.sub_top.in-view .img {transform:scale(1);transition:transform 1.8s;}
.sub_top.in-view .scroll_btn {opacity:1;transition:opacity 0.8s 1.5s;}



/******* ¸ð¼Ç ÀÏ·¯½ºÆ® À̹ÌÁö *******/


/**** ¹è°æ Àܵð¿Í ³ª¹«****/
.sub_top .m_ill_tree {position:absolute; bottom:0; opacity:0; left:0; z-index:1; width:30%; margin-bottom:-10px;}
.sub_top.in-view .m_ill_tree {opacity:1; transition:opacity 0.8s 0.2s;}

/**** ºÒµµÀú****/
.sub_top .m_ill_cloud {position:absolute; bottom:28px; margin-left:38%; left:30%; z-index:2; width:150px;
animation:cloud 7s linear infinite; -moz-animation:cloud 7s linear infinite; -webkit-animation:cloud 7s linear infinite; -o-animation:cloud 7s linear infinite;}

/**** ÀÛÀº±¸¸§****/
.sub_top .m_ill_cloud_s {position:absolute; top:40%; left:-2%; z-index:1; width:150px; opacity:0.8; transform:rotate(-10deg) scaleX(-1); 
animation:cloud_s 9s linear infinite; -moz-animation:cloud_s 9s linear infinite; -webkit-animation:cloud_s 9s linear infinite; -o-animation:cloud_s 9s linear infinite;}

/**** Áö°ÔÂ÷****/
.sub_top .m_ill_girl2 {position:absolute;  bottom:22px; left:18%;  margin-bottom:6px; z-index:2; width:140px; animation:girl2 1s linear infinite; -moz-animation:girl2 2s linear infinite; -webkit-animation:girl2 2s linear infinite; -o-animation:girl2 2s linear infinite; }

/**** ±¼Âø±â****/
.sub_top .m_ill_boy2 {position:absolute;  bottom:24px; left:9%;  margin-bottom:12px; z-index:2; width:200px; animation:boy2 1s linear infinite; -moz-animation:boy2 2s linear infinite; -webkit-animation:boy2 2s linear infinite; -o-animation:boy2 2s linear infinite; }

/**** dz¼±****/
.sub_top .m_ill_balloon {position:absolute;  top:14%;  margin-right:50%; margin-top:5%; right:8%; z-index:10; width:60px; 
animation:balloon 5s linear infinite; -moz-animation:balloon 5s linear infinite; -webkit-animation:balloon 5s linear infinite; -o-animation:balloon 5s linear infinite;}

/**** ÇÞ´Ô****/
.sub_top .m_ill_sun {position:absolute;  top:15%;  left:3%; z-index:1; width:70px; 
  animation:sun 1.5s linear infinite; -moz-animation:sun 1.5s linear infinite; -webkit-animation:sun 1.5s linear infinite; -o-animation:sun 1.5s linear infinite;}
 


.sub_top .m_ill_tree img,
.sub_top .m_ill_cloud img,
.sub_top .m_ill_cloud_s img,
.sub_top .m_ill_girl2 img,
.sub_top .m_ill_boy2 img,
.sub_top .m_ill_balloon img,
.sub_top .m_ill_sun img{width:100%;}


@media screen and (max-width:1500px){
.sub_top .m_ill_girl2 {left:12%; margin-bottom:5px; width:120px; }
.sub_top .m_ill_boy2 { left:5%;  margin-bottom:0px; width:120px; }
.sub_top .m_ill_cloud { left:5%;  margin-bottom:0px; width:120px; }
.sub_top {height:300px;}
.sub_top .sub_tit strong.tit1 {font-size:30px;}
.sub_top .sub_tit .tit2 {font-size:15px;}
}


@media screen and (max-width:1279px){
.sub_top .m_ill_girl2 { left:16%;  margin-bottom:25px; width:120px; }
.sub_top .m_ill_boy2 { left:5%;  margin-bottom:30px; width:150px; }
.sub_top .m_ill_cloud { left:50%;  margin-bottom:20px; width:120px; }
.sub_top {height:300px;}
.sub_top .sub_tit {left:28%; top:63%;  transform:translateY(0%);}
.sub_top .sub_tit strong.tit1 {font-size:35px;}
.sub_top .sub_tit .tit2 {font-size:21px;}
}


@media screen and (max-width:767px){
.sub_top .m_ill_girl2 { left:25%; margin-bottom:10px; width:80px; }
.sub_top .m_ill_boy2 { left:5%; margin-bottom:10px; width:120px; }
.sub_top .m_ill_cloud { left:0%;  margin-bottom:0px; width:100px; }
.sub_top .sub_tit {left:7%; top:35%;  transform:translateY(0%);}
.sub_top .sub_tit strong.tit1 {font-size:32px;}
.sub_top .sub_tit .tit2 {font-size:20px; padding-top:5px;}


.sub_top .img {position:absolute; right:-80p; top:120px; height:80%; transform:scale(1.57);}
.sub_top .img img {border-radius:70%  20% 30% 30%; height:120%; transform:rotate(-0deg);}
}






/* ¾Æ·¡·Î ½ºÅ©·Ñ ´Ù¿î ¹öÆ° */
.sub_top .scroll_btn {position: absolute;bottom:50px;left: 50%;margin-left: -50px;width:100px;height:80px; z-index: 1; color:#363C5A;  font-size:14px;font-weight:600; }
.sub_top .scroll_btn:before { content:""; position: absolute; top: 50%;left: 50%; width: 11px;height: 18px; margin:9px 0 0 -6px; background: url(../../img/scroll_icon.png) no-repeat center / contain; animation:scroll_ani 1.5s 1.5s infinite;}

@media screen and (max-width:767px){
.sub_top .scroll_btn {bottom:10px; font-size:11px; color:#fff;  }
.sub_top .scroll_btn:before {width:8px; height:15px;  margin:9px 0 0 -4px; background-size:8px;}
}

@keyframes scroll_ani {
 0% {transform:translateY(0);}
 50% {transform:translateY(10px);}
 100% {transform:translateY(0);}
}





/* ¼­ºê¸Þ´º */
.sub_path {width:100%;  border-top:0px solid #000; background:#0fab7b; border-bottom:0px solid #000;}
.sub_path:after {content:"";position:absolute; bottom:0px; left:0;  width:100%;height:1px;  z-index:1;}
.sub_path>ul {width:100%;  text-align:center; padding-top:10px;}
.sub_path>ul>li {position:relative; display:inline-block; }
.sub_path>ul>li a{display:inline-block; font-size:18px;  padding:25px; letter-spacing:0.07em;  color:#fff; font-family:'yg-jalnan';  line-height:100%; }
.sub_path>ul>li a:hover,.sub_path>ul>li a.on_box { opacity:1;  }
.sub_path>ul>li a.on_box:before {content:"";position:absolute; top:7px; left:50%; margin-left:-3px; width:6px; height:6px; background:#e7d509; border-radius:80%; z-index:1; animation:spath_ani 1s 0.5s infinite;}

@media screen and (max-width:767px){
.sub_path>ul {padding:11px 0 8px 0;}
.sub_path>ul>li a{font-size:13px;  padding:11px; }
.sub_path>ul>li a.on_box:before {top:0px; margin-left:-2px; width:4px; height:4px;}
}

@keyframes spath_ani {
 0% {transform:translateY(0);}
 50% {transform:translateY(2px);}
 100% {transform:translateY(0);}
}





/* ¼­ºêŸÀÌƲ */
.con_tit  {position:relative; display:block;  padding:70px 0; text-align:center;  width:100%;}
.con_tit h3 { font-family:'yg-jalnan';  font-size:44px; line-height:100%; color:#000;}

@media screen and (max-width:1279px){
.con_tit h3 {font-size:36px;}
}

@media screen and (max-width:767px){
.con_tit  {padding:30px 0;}
.con_tit h3 {font-size:24px;}
}