/* tablet */
@media (min-width:1028px) and (max-width:1199px){

  /* °øÅë */
  
  /*section {width: 90%;}*/
  header {height: 50px;}
  nav {width: 100%;}
  nav .logo {width: 60%;}
  nav .logo img {width: 180px; float: left; margin-left: 5%;}
  .gnb {width: 40%;flex-direction: column; display: none;background-color: #183a85;height: fit-content;}
  .gnb .main_menu {width: 100%;text-align: left;}
  .gnb>.main_menu>a {height: 50px;line-height: 50px; color: #fff;padding-left: 20px;}
  .gnb .sub_menu {display: none;position: initial;width: 100%;height: 100%;background-color: #555c9c;}
  .gnb .sub_menu li {height: 40px;justify-content: left;padding-left: 35px;font-size: 15px;}
  .sub_bgbox {display: none;}
  .trigger {display: block;position: absolute;    width: 60px;height: 60px;top: 14px;right: 0;padding-right: 5%;background: url("/_Image/menu.png") no-repeat;transition: 0.3s;}
  .trigger.active {background: url("/_Image/close.png") no-repeat;}
  /*footer {height: 150px;font-size: 13px;}*/
  .box_foot {width: 90%;grid-template-columns: 3fr 1fr;}
  /*.info {padding-right: 40px;}*/
  .info .logo_f {width: 160px;}
  .info p:first-of-type {font-size: 15px;margin-top: 15px;}
  .info p:last-of-type {margin-top: 15px;}
  .info address {margin-top: 3px;}
  .sns li {padding: 6px;}
  .sns li:last-of-type {border-bottom: 1px solid #fff;}
  .sns img {height: 20px;}

  /* sstgroup */
  section h2{font-size: 34px;margin: 50px auto 0 auto;}
  #container1 video, #container2 video {width: 300px;height: 390px; margin-top: 50px;}
  .s_txt h3 {font-size: 20px;}
  #container3 {grid-template-columns: 1fr;}
  .magazine {border-right: none;grid-template-columns: repeat(2,1fr);border-bottom: 1px solid #183a85;}
  .magazine p {padding-left: 20px;}
/*  .youtube{grid-template-columns: repeat(3,1fr);}
  .youtube .box:last-of-type {display: none;}
  .youtube .box { margin: 40px 5px; margin-left:0;}
  .youtube .box p span{-webkit-line-clamp: 2;}
  .youtube .box img {width: 95%;}
  .youtube .box p i {font-size: 14px;}*/

  /* sub page */
  /* °øÅë */
  #sub_visual {height: 200px;}
  #sub_visual h4 {font-size: 22px;width: 80%;}
  #sub_visual img {width: auto;height: 200px;}
  main ul{width: 100%;}
  main ul li{padding: 6px;}
  section h5{font-size: 24px;}
  .btn_site{font-size: 12px;padding: 10px 20px;}
  .btn_apply{font-size: 14px;margin-right: 30px;}

  /* ¼Ò°³_________________________________________________ */
 /* #intro1 h6{width: 90%;font-size: 32px;margin-bottom:60px;}
  #intro h6 span{font-size: 16px;line-height: 26px;}*/
  #intro1 iframe{width: 100%;height: 540px;}
 /* #intro1 .box_intro{width: 95%; }
  #intro1 .box_intro p{line-height: 24px;}*/
  #ceo1 img{width: 80%;}
  .box_greet{width: 95%;}
  .sign{margin-right: 3%;}
  #ci1 .logo1{width: 60%;}
  #ci1 h6{font-weight: 400;font-size: 17px;}
  .box_ci img{width: 90%;}
  .box_ci:first-of-type img{width: 60%;}
  #vision1 p{font-size: 17px;}
  .box_mission img{width: 130px;}
  .box_value{width: 100%;}
  .box_value img{width: 95%;}
  .box_value span:first-of-type{font-size: 55px;}
  .box_value span:last-of-type{font-size: 14px;top: 47%;}
  .box_value p{line-height: 26px;}
  #history1{grid-template-columns: 6fr 7fr;overflow: hidden;}
  #history1 dt{font-size: 30px;}
  #history1 dd{line-height: 32px;font-weight: 400;font-size: 16px;}
  #history1 dd i{font-weight: 500;}
  .box_his img{border-radius: 15px;}
  .box_his img:nth-child(1){width:40%;}
  .box_his img:nth-child(2){width:50%;}
  .box_his img:nth-child(3){width:72%;left: 14%;}
  .box_his img:nth-child(4){width: 45%;}
  .box_his img:nth-child(5){width: 45%;}
  .box_his img:nth-child(6){width: 32%;}
  .box_his img:nth-child(7){width: 65%;left: 14%;}

	.sub-wrap .video object {min-height: 450px;}

	.sub-conts-info .color-img img{width:100%}
	.sub-value-wrap .conts .img{width:50%;}
	.sub-value-wrap .conts .detail {padding-left: 2rem;}

	.sub-history-img {justify-content: space-between;}
	.sub-history-img li:nth-child(odd) img {width: 100%;}
 

  /* ºê·£µå____________________________________________________ */
  .life{grid-template-columns: 1fr 2fr;}
  .box_lifet{padding: 10px 25px;}
  .box_lifet p{line-height: 24px;margin-bottom: 5px;}
  .box_lifet .btn3{font-size: 22px;bottom: 2%;right: 5%;}

  /* °è¿­»ç____________________________________________________ */
  .company1{width: 100%;grid-template-columns: 7fr 8fr;}
  /*.company2{width: 98%;margin-top: 40px;}*/
  /*.company2 p{line-height: 24px;}*/
  .box_company img{width: 95%;  }
  .box_company h6{font-size: 22px;margin: 10px 0;}
  .box_company span{font-size: 15px;margin-right: 0;}
  .box_company hr{margin: 15px 0;}
  .box_company dl{line-height: 28px;}
  #silver3{width: 100%;}
  .box_town{padding: 10px; /*margin: 10px 8px;*/}
  .box_town span{margin: 10px 0;}
  .box_town dl{font-size: 14px;}
  .box_town dt{margin-right: 10px;}
  #longterm3{width: 90%;}
  .box_long span{margin: 15px 0 5px 0;}
  .box_long dl{font-size: 14px;}
  .box_cooper{line-height: 70px;height: 70px;}
  .box_cooper li img{width: 170px;}
  .box_cooper li:nth-of-type(1){width: 25%;}
  .box_cooper li:nth-of-type(2){width: 53%;}
  .box_cooper li:nth-of-type(3){width: 20%;}
  .box_cooper li:nth-of-type(4){display: none;}

  /* ä¿ë__________________________________________________ */
  .board thead th{font-size: 15px;}
  .post{width: 95%;}
  .post_title p{font-size: 22px;}
  .post_title em{font-size: 15px;}
  .post_con img{width: 95%;}
  .btn_list{padding: 8px 30px;font-size: 13px;}
  .pagenation li{font-size: 14px;}
  .pagenation li:first-of-type,.pagenation li:last-of-type{padding: 4px;vertical-align: text-top;}
  .box_rec1 h6{font-size: 17px;}
  .box_rec2 dt{width: 30%;line-height: 46px;}
  .box_rec2 dd{width: 68%;}
  .box_rec2 select{font-size: 14px;}
  .box_rec2 input[type=text],[type=tel],[type=date]{font-size: 14px;padding: 3px;width: 60%;}
  .box_rec2 textarea{width: 90%;margin-top: 8px;}
  #practice1{grid-template-columns: 6fr 7fr;}
  #practice1 .box_rec1 label{margin-top: 30px;}
  #practice1 select,#practice1 input[type=date]{width: 60%;}
  #practice1 .btn_apply{margin-top: 36px;}
  #bongsa1 .box_rec2 dt{width: 20%;}
  #bongsa1 .box_rec2 dd{width: 78%;}
  #bongsa1 .box_rec2 input[type=text],#bongsa1 .box_rec2 input[type=tel],#bongsa1 .box_rec2 select{width: 30%;}
  #bongsa1 .box_rec2 input[type=date]{width: 20%;}
  #bongsa1 #YNAdd input{margin-right: 5px;width: 20%;}
  .gubun li{display: inline-block;width: 100%;}
  .day li{display: inline-block;width: 8%;}
  .day li:last-of-type{width: 32%;margin-left: 20px;}
  
  /* ¹Ìµð¾î___________________________ */
  #youtube1 ul li{margin: 12px 8px;}
  .list_yt img{margin: 15px auto;}
  .list_yt p{padding: 0 8px 15px 8px;font-size: 14px;}
  .list_yt p span{font-size: 14px;}
  .yt{width: 680px;height: 400px;padding-top: 20px;}
  .yt #player{width: 640px;height: 360px;}
  .close_yt img{width: 25px;}
  #ebook ul{gap:1rem;}
}
/*
/*/* mobile */
/*@media (max-width:809px){
/*
/*  /* °øÅë */
/*  /*section{width: 90%; margin: 20px auto;}*/
/*  header{height: 40px;}
/*  nav{width: 100%;}
/*  nav .logo{width: 0;}
/*  nav .logo img{width: 170px;padding-left: 20px;padding-top: 4px;}
/*  .gnb{width: 100%;flex-direction: column; display: none;background-color: #183a85;height: fit-content;}
/*  .gnb .main_menu{width: 100%;text-align: left;}
/*  .gnb>.main_menu>a{height: 50px;font-size: 17px;line-height: 50px; color: #fff;padding-left: 20px;}
/*  .gnb .sub_menu{display: none;position: initial;width: 100%;height: 100%;background-color: #555c9c;}
/*  .gnb .sub_menu li{height: 40px;justify-content: left;padding-left: 35px;font-size: 15px;}
/*  .sub_bgbox{display: none;}
/*  .trigger{display: block; position: absolute;    width: 30px;height: 20px;top: 7px;right: 15px;padding-right: 5%;background: url("/_Image/menu.png") no-repeat;transition: 0.3s;}
/*  .trigger.active{background: url("/_Image/close.png") no-repeat;}
/*  footer{/*height: 280px; font-size: 14px;}
/*  .box_foot{width: 90%;grid-template-columns: 1fr;}
/*  .info{order: 2;/*width: 94%;margin: 0px auto;text-align: center;font-size: 13px;*/}
/*  .info .logo_f{/*display: none; margin-bottom:1rem;}
/*  .box_foot .fnb_wrap {flex-flow: column; align-items: center;}
/*  .info p:first-of-type{font-size: 14px;margin-top: 20px;}
/*  .info p:last-of-type{margin-top: 20px;}
/*  .info address{margin-top: 5px;}
/*  .sns{order:1;margin-top: 0;}
/*  .sns li{padding: 10px;}
/*  .sns li:last-of-type{border-bottom: 1px solid #fff;}
/*  .sns img{ height: 20px;}
/*
/*  .snb-conts div img {width:45px;}
/*
/*  /* sstgroup */
/*  section h2{margin: 20px auto;font-size: 25px;}
/*  #container1,#container2{grid-template-columns: 1fr;}
/*  #container1 video, #container2 video{width: 300px;height: 390px;border-radius: 40px;margin: auto;}
/*  #container2 video{order:1;}
/*  .s_txt h3{font-size: 18px;}
/*  /*.s_txt h3::after{content: url("/_Image/go.png");top: 10px;}*/
/*  .s_txt_tit img {width:36px;}
/*  #container1 .s_txt{padding-left: 0;}
/*  #container2 .s_txt{order:2;padding-right: 0;}
/*  #container3{grid-template-columns: 1fr;}
/*  #container3 .btn2{font-size: 12px;margin: 20px auto; display: block;}
/*  .magazine{border-right: none;border-bottom: 1px solid #333;}
/*  .magazine img{width: 100%;margin: auto;}
/*  .magazine p b{font-size: 25px;}
/*  .magazine p .btn1{margin: 20px auto;}
/*  .magazine p span{display:unset;}
/*  .youtube{grid-template-columns: repeat(1,1fr);margin-top: 20px;}
/*  .youtube .box { margin: 5px 0; margin-left:0;}
/*  .youtube .box p span{-webkit-line-clamp: 2;}
/*  /*.youtube .box img{width: 90%;}*/
/*  .youtube .box p{/*margin-left: 8%;margin-top: 15px;margin-bottom: 5px;}*/
/*  .youtube .box p i{font-size: 14px;}
/*  #container4{grid-template-columns: 1fr;}
/*  #container4 .greet{order: 2;padding-right: 6px;}
/*  #container4 img{order: 1;margin-top: 0;}
/*
/*  /* sub page */
/*  /* °øÅë */
/*  /*#sub_visual{height: 180px; display: flex; justify-content: center;}*/
/*  /*#sub_visual h4{/*text-align: left; top: 35%;left: 5%;transform:translate(0);width: 90%;line-height: 32px;font-size: 20px;}*/
/*  /*#sub_visual img{width: auto;height: 200px;}*/
/*  /*main ul{display:flex; flex-wrap:wrap; width:100%; margin-bottom:3rem; text-align: left; border-collapse: collapse;color: #183a85;}*/
/*  /*main ul li{display:block; width: calc((100% - 8px) / 3); margin-right:4px; text-align: center; border-collapse: collapse; background-color: #ecf2fd; /*border: 1px solid #fff;*/}*/
/*  /*main ul li:nth-child(3n) {margin-right:0;}*/
/*  /*main ul li:nth-child(n+4) {margin-top:4px;}*/
/*  section h5{font-size: 24px; margin: 30px auto;}
/*
/*
/*  .btn_site{padding: 10px 20px;margin-top: 20px;margin-right: 10px;}
/*  .btn_apply{ font-size: 14px; margin: 20px 10px 0 0;}
/*
/*  /* ¼Ò°³ */
/* /* #intro1 h6{width: 100%;font-size: 1.8rem;  margin: 30px auto;}
/*  #intro1 h6 span{font-size: 16px;width: 90%;margin: auto;margin-top: 15px; line-height: 26px;text-align: left;}
/*  #intro1 h6 span br{display: none;}*/
/*  #intro1 iframe{ width: 100%; height: 280px; border-radius: 15px;}
/*  /*#intro1 .box_intro{width:90%; margin-top: 40px; margin:auto;}
/*  #intro1 .box_intro p{ line-height: 25px;}*/
/*  /*#ceo1 img{ width: 100%;}
/*  .box_greet{ width: 95%;}
/*  .sign{ margin-right:3%; margin-top: 15px;}
/*  #ceo1 .sign img{ max-width:300px;}*/
/*  /*#ci1 .logo1{ width: 90%; padding: 20px 30px;}*/
/*  #ci1 h6{ font-size: 17px; margin-top: 1rem;}
/*  #ci2{ grid-template-columns: 1fr;}
/*  .box_ci{ width: 100%;}
/*  .box_ci img{ width: 100%;}
/*  .box_ci:first-of-type img{ width: 80%;}
/*  .box_ci p{width: 90%;}
/*  #vision1 p{font-size: 17px;}
/*  #vision2{grid-template-columns: 1fr;}
/*  .box_mission img{width: 65%;}
/*  #vision3{ grid-template-columns: 1fr;}
/*  .box_value{width: 100%;height: 400px;}
/*  .box_value img{width: 100%;height: 70%;}
/*  .box_value span:first-of-type{font-size: 80px;top: 20%;}
/*  .box_value span:last-of-type{top: 35%;font-size: 18px;}
/*  #history1{grid-template-columns: 1fr;overflow: hidden;}
/*  #history1 dt{font-size: 28px;}
/*  #history1 dd{font-size: 16px;font-weight: 400;margin-left: 80px;color: #333;}
/*  #history1 dd i{font-weight: 500;margin-right: 15px;}
/*  .box_his{display: none;}
/*	.sub-conts-ci {padding: 2rem 1rem;}
/*  .sub-conts-info .color-img img{width:100%}
/*  .sub-conts-info ol  {flex-flow: column;}
/*  .sub-conts-details {flex-flow: column;}
/*  .sub-conts-info {border-top: 0; }
/*  .sub-conts-info .ci-conts {width: 100%; padding-right:0; margin-bottom: 1rem;}
/*	.sub-value-wrap .conts {flex-flow: column;}
/*	.sub-value-wrap .conts .img {width: 100%; margin:2rem 0;}
/*	.sub-value-wrap .conts .detail {padding-left: 0;}
/*	.sub-value-wrap .right {flex-direction: column-reverse;}
/*	.sub-mission-wrap {margin-top: 1rem;}
/*	.sub-value-wrap .tit {margin-bottom: 2rem; margin-top: 2rem; padding-top: 1rem;}
/*	.sub-value-wrap .tit:after {left: 50%; margin-left: -20px;}
/*	.sub-mission-wrap {flex-flow: column;}
/*	.sub-mission-wrap ol {padding: 0.5rem; display: flex; align-items: center;}
/*	.sub-mission-wrap ol li:nth-child(odd) {width:30%; text-align:left;}
/*	.sub-mission-wrap ol li img{width:80%;}
/*	.sub-mission-wrap ol li:nth-child(even) {flex:1; text-align: left;}
/*	.sub-mission-wrap ol li br{display:none;}
/*	
/*	.sub-hisptory-wrap:after {left: 0;}
/*	.sub-history-img {flex-flow: column; align-items: flex-start;}
/*	.sub-history-img li:nth-child(1), .sub-history-img li:nth-child(3) {width:100%; padding-left:2rem;} 
/*	.sub-history-img li:nth-child(1) img, .sub-history-img li:nth-child(3) img {width:100%;} 
/*	.sub-history-img li:nth-child(2) {margin: 0 -1rem;}
/*	.sub-history-conts:nth-child(even) .sub-history-img {flex-direction: column-reverse;}
/*	
/*
/*  /* ºê·£µå */ 
/*  .life {grid-template-columns: 1fr;}
/*  .box_lifet{padding: 30px 10px 45px 10px;}
/*  .box_lifet p{line-height: 25px;margin-bottom: 10px}
/*  .box_lifet .btn3{font-size: var(--h4-font);bottom: 0;right: 5%;}
/*
/*  /* °è¿­»ç */
/*  .company1{grid-template-columns: 1fr;margin-top: 0; width: 100%;}
/*  .company2{width: 95%; margin-top: 30px; margin-bottom: 70px;}
/*  .company2 p{line-height: 25px;}
/*  .box_company img{width: 100%;}
/*  .box_company h6{font-size: 24px;margin: 20px 0 10px 0; padding-left: 10px;}
/*  .box_company span{font-size: 17px;padding-left: 10px;}
/*  .box_company hr{margin: 15px 10px;}
/*  .box_company dl{padding-left: 10px;line-height: 28px;}
/*  .box_company dt{margin-right: 10px;}
/*  #silver3{grid-template-columns: 1fr;width: 100%;}
/*  .box_town{margin: 10px;}
/*  .box_town:nth-child(3n){margin: 10px;}
/*  .box_town span{margin: 10px 0;}
/*  .box_town dl{font-size: 14px;line-height: 20px;}
/*  #longterm3{grid-template-columns: 1fr; width: 100%;}
/*  .box_long{padding: 15px; margin: 10px;}
/*  .box_long span{margin: 15px 0 7px 0;}
/*  .box_long dl{font-size: 14px;line-height: 20px;}
/*  .box_cooper{border: none;line-height: 54px;height: 54px;width: 46%;display: inline-block;margin: 10px 5px;}
/*  .box_cooper li:nth-child(n+2){display: none;}
/*  .box_cooper li:nth-of-type(1){width: 100%;border: 1px solid #bbb;}
/*  .box_cooper li img{width: 100%;border: none;}
/*
/*  /* ä¿ë */
/*  .board colgroup col{display: none;}
/*  .board thead{display: none;}
/*  .board tbody{ border-top: 2px solid #333;border-bottom: 2px solid #333;text-align: left;}
/*  .board tbody td{display: block;padding: 5px;}
/*  .post{width: 100%;}
/*  .post_title{ padding: 0 5px 5px 5px;}
/*  .post_title p{font-size: 19px;line-height: 28px;padding-bottom: 10px;}
/*  .post_title em{font-size: 15px;}
/*  .post_title span{font-size: 16px;padding-bottom: 5px;display: inline-block;}
/*  .post_con{overflow: hidden;}
/*  .post_con img{width: 100%;}
/*  .btn_list{font-size: 14px;padding: 5px 20px;}
/*  .pagenation li{font-size: 16px;}
/*  #recruit1 .board tbody td:nth-of-type(2){font-weight: 500;font-size: 16px;}
/*  #recruit1 .board tbody td:nth-of-type(3){display: none;}
/*  .position1{grid-template-columns: 1fr;}
/*  .position1 li{line-height: 30px;}
/*  .position1 li b{ margin-right: 15px;}
/*  .position2 li{line-height: 26px;}
/*  .post_con a{padding: 8px 30px; font-size: 14px;margin-top: -30px;}
/*  #press1 .board tbody td:first-of-type{font-weight: 500;font-size: 16px;padding-left:5px;}
/*  #press1 .board tbody td{padding: 2px 5px;}
/*  #press1 .board tbody td:nth-of-type(2),#press1 .board tbody td:nth-of-type(3){display: inline-block;margin-right: 5px;}
/*  #notice1 .board tbody td:first-of-type{font-weight: 500;font-size: 16px;padding-left:5px;}
/*  .box_rec1 {padding: 30px 20px;}
/*  .box_rec1 h6 {font-weight: 500; font-size: 18px;}
/*  .box_rec1 dl {margin-bottom: 20px;}
/*  .box_rec1 dt {margin-top: 20px;}
/*  .box_rec2 {padding: 10px;}
/*  .box_rec2 dt{width: 30%;line-height: 46px;}
/*  .box_rec2 dd{width: 68%;}
/*  .box_rec2 select{font-size: 15px;}
/*  .box_rec2 input[type=text],[type=tel],[type=date]{ font-size: 15px;width: 80%;}
/*  .submit1 img{width: 150px;}
/*  .submit1 button{font-size: 14px;}
/*  .box_rec2 textarea{width: 90%;margin-top: 5px;}
/*  #practice1{grid-template-columns: 1fr;}
/*  #practice1 .box_rec1 label{margin-top: 10px;}
/*  #practice1 select,#practice1 input[type=date]{width: 80%;}
/*  #practice1 .btn_apply{margin-top: 36px;}
/*  #bongsa1 .box_rec2{padding: 5px;}
/*  #bongsa1 .box_rec2 dl{width: 100%;}
/*  #bongsa1 .box_rec2 dt{width: 25%;}
/*  #bongsa1 .box_rec2 dd{width: 73%;}
/*  #bongsa1 .box_rec2 input[type=text],#bongsa1 .box_rec2 input[type=tel],#bongsa1 .box_rec2 select{width: 80%;}
/*  #bongsa1 .box_rec2 input[type=date]{width: 45%;}
/*  #bongsa1 #YNAdd input{margin-right: 5px;width: 50%; margin: 2px 0; padding: 2px;}
/*  .gubun li{display: inline-block;width: 100%;}
/*  .day li{display: inline-block;width: 20%;}
/*  .day li:last-of-type{width: 100%;margin-left: 0;margin-top: 5px;}
/*  #bongsa1 .day li input[type=checkbox]{margin-left: 0;}  
/*  #bongsa1 .day li:last-of-type select{width: 25%;padding: 2px;}
/*  .m_br{display: inline;}
/*
/*  /* ¹Ìµð¾î */
/*  #youtube1 ul{grid-template-columns: 1fr;}
/*  #youtube1 ul li{ margin: 15px 5px;}
/*  .list_yt img{margin-bottom: 10px;}
/*  .list_yt p{padding-bottom: 15px;}
/*  .list_yt p span{font-size: 15px;}
/*  #ebook1 ul{grid-template-columns: 1fr 1fr;}
/*  #ebook1 ul li{padding: 3px;}
/*  #ebook1 ul li:nth-of-type(2n+1){margin: 0px 6px 20px 0;}
/*  #ebook1 ul li:nth-of-type(2n){margin: 0px 0 20px 6px;}
/*  #ebook1 ul li img{margin-top: 20px;padding: 0;}
/*
/*  .sub-company-wrap .photo {width: 80%;}
/*  .sub-company-wrap .info .view-btn {margin-top: 1rem;}
/*  .sub-company-wrap .info dt {font-size: 1rem;}
/*
/*}

*/



/* media */

/* pc */
@media (min-width: 1400px){
	



}


@media (min-width: 1280px) and (max-width: 1400px){
	
	.main .main-visual, .main-conts-wl .wrap, .main-conts-el .wrap, .main-conts-me .wrap, .main-conts-bu, .fnb, .snb {max-width:1200px;}


}


@media (min-width: 1029px) and (max-width: 1279px){

	:root {

		/* font-size */

		--h1-font : 1.5rem;
		--h2-font : 1.3rem;
		--h3-font : 1.1rem;
		--h4-font : 1rem;
		--h5-font : 0.9rem;

	}

	.main, .main .main-visual, .main-conts-wl .wrap, .main-conts-el .wrap, .main-conts-me .wrap, .main-conts-bu {height: auto; padding:3rem 1rem; min-height:700px;}
	.main .main-visual, .main-conts-wl .wrap, .main-conts-el .wrap, .main-conts-me .wrap, .main-conts-bu, .fnb, section, main, main ul, .snb {max-width:100%; }
	.fnb {padding: 1rem;}
	.main-conts-el .wrap .facilities-slider {max-width: 600px;}

	.main-conts-wl .wiselife-wrap .item {height: 25rem;}

	section {padding: 2rem 0 2rem 0;}
	.sub-conts-tit {width: 0rem;}
	

}


/* Å×ºí¸´ */
@media (min-width: 600px) and (max-width: 1028px){

	:root {

		/* font-size */
		--main-tit : 2.5rem;
		--h1-font : 1.5rem;
		--h2-font : 1.3rem;
		--h3-font : 1.1rem;
		--h4-font : 0.9rem;
		--h5-font : 0.8rem;
	}
	.main {height: auto;}
	.main .main-visual, .main-conts-wl .wrap, .main-conts-el .wrap, .main-conts-me .wrap, .main-conts-bu .wrap {height: auto; padding:3rem 2rem;}
	.fnb {height: auto; padding:1rem 2rem;}
	.snb, section {width:100%;}

	.main .main-visual {grid-template-columns: 1fr; justify-content: center; background-position-y: 80%;}
	.main .main-visual .tit {padding-right: 0rem; margin-bottom:2rem; width: 100%; text-align: center;}
	.main .main-visual .tit img {width: 450px;}
	.main .main-visual .tit .slogan {font-size: var(--h2-font); padding-bottom: 0.5rem;}

	.main-conts-wl .wrap .tit,.main-conts-el .wrap .tit {text-align:left;}
	.main-conts-wl .wiselife-wrap {flex-flow: column; margin-top: 1rem;}
	.main-conts-wl .wiselife-wrap .item {width: 100%; height: auto; padding:1rem 0; margin:1rem 0; align-items: center;}
	.main-conts-wl .wiselife-wrap .item a {padding: 1rem 0;}
	.main-conts-wl .wiselife-wrap .item li { padding: 0.1rem; display:flex; align-items: center;}
	.main-conts-wl .wiselife-wrap .item .tit-img {width:40%;}
	.main-conts-wl .wiselife-wrap .item .tit-img img {width:80%;}
	.main-conts-wl .wiselife-wrap .item .m-info {text-align: left; flex: 1; padding-left:1rem;}
	


	.main-conts-el .wrap {flex-flow: column; justify-content: center;}
	.main-conts-el .wrap .facilities-slider {max-width: 100%; margin: 1rem 0;}
	.main-conts-el .wrap .tit {width: 100%; padding-right:1rem;}
	.main-conts-el .wrap .facilities .item .sub-tit {text-align: left;}

	.main-conts-me .wrap .tit .sns {width: auto;}
	.main-conts-me .wrap .more {padding: 0.5rem; font-size: var(--h3-font);}
	.main-conts-me .wrap .youtube .box {width: 100%; margin-bottom: 1rem;}

	.snb-conts div img {width:45px;}
	.snb-wrap {grid-template-columns: repeat(auto-fit, calc((100% - 4px) / 3));gap: 2px;}
	.snb-wrap li {background-color: #ecf2fd; margin-right: 3px; margin-top:3px;}
	.snb-wrap li:nth-child(3n) {margin-right: 0;}

	#sub_visual {height: 200px; margin-bottom:0.5rem;}

	section {padding: 2rem 0 2rem 0;}
	.sub-wrap .video object {min-height: 350px;}
	.ceo-wrap {grid-template-columns: 1fr;}
	.ceo-wrap picture img {width:100%; margin-bottom:1rem;}

	.sub-conts-ci {padding: 2rem;}
	.sub-conts-ci img {width: 70%;}
	.sub-conts-info .color-img img{width:100%}
	.sub-conts-info ol {flex-flow: column;  padding-top: 2rem;}
	.sub-conts-details {flex-flow: column;}
	.sub-conts-info {border-top: 0; }
	.sub-conts-info .ci-conts {width: 100%; padding-right:0; margin-bottom: 1rem;}
	.sub-conts-info .concept-img img {width:20%;}

	.sub-value-wrap .conts {flex-flow: column;}
	.sub-value-wrap .right {flex-direction: column-reverse;}
	.sub-value-wrap .conts .img {width: 100%; margin:2rem 0;}
	.sub-value-wrap .conts .detail {padding-left: 0; width:100%;}

	.sub-mission-wrap {flex-flow: column;}
	.sub-mission-wrap ol {padding: 0.5rem; display: flex; align-items: center;}
	.sub-mission-wrap ol li:nth-child(odd) {width:30%; text-align:left;}
	.sub-mission-wrap ol li img{width:80%;}
	.sub-mission-wrap ol li:nth-child(even) {flex:1; text-align: left;}
	.sub-mission-wrap ol li br{display:none;}

	.sub-hisptory-wrap {width: 80%;}
	.sub-hisptory-wrap:after {left: -0.4%;}
	.sub-history-img {flex-flow: column; align-items: flex-start;}
	.sub-history-img li:nth-child(1), .sub-history-img li:nth-child(3) {width:100%; padding-left:2rem;} 
	.sub-history-img li:nth-child(1) img, .sub-history-img li:nth-child(3) img {width:100%;} 
	.sub-history-img li:nth-child(2) {margin: 0 -1rem;}
	.sub-history-conts:nth-child(even) .sub-history-img {flex-direction: column-reverse;}

	.life {grid-template-columns: 1fr; padding: 1rem 0.5rem;}
	.life .box_lifei {height: 200px; }
	.life .box_lifei img {object-fit: cover; object-position: center;}

	.company1 {grid-template-columns: 1fr; gap: 1rem;}
	.company2 {margin:2rem 0;}
	.conmpany-img {height: 200px;}
	.conmpany-img img {object-fit: cover; object-position: center;}

	#silver3, #longterm3 {grid-template-columns: repeat(2, 1fr);}

	#cooper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width:95%;}

	.box_cooper{border: none; width:100%;  border: 1px solid #bbb;}
	.box_cooper li{margin:0; display: flex; align-items: center; height: 100%;}
	.box_cooper li:nth-child(n+2){display: none;}
	.box_cooper li:nth-of-type(1){width: 100%;}
	.box_cooper li img{width: 100%; border:0;}

	.brochure-wrap .detail, .brochure-wrap .but {flex-flow: column;}
	.brochure-wrap .detail .sub-tit {margin-bottom:1rem}
	.brochure-wrap .but .download {margin-right:0; margin-bottom:0.5rem}
	.brochure-wrap .conts {width: 90%;}
	.brochure-wrap .but button {padding: 0.5rem 2rem;}
	
	#youtube1 ul {grid-template-columns: repeat(2, 1fr);}

	#ebook ul{grid-template-columns: repeat(2, 1fr); gap:1rem;}

	.practice-wrap ol, .bongsa-wrap .personal, .bongsa-wrap .history {grid-template-columns: 1fr;}
	.practice-wrap .form-group{width:100%;}

	.bongsa-wrap .text-8 input, .bongsa-wrap .text-8 select {width: 8rem;}
	.bongsa-wrap .day {flex-flow: column; align-items: flex-start;}
	.bongsa-wrap .time {margin-left: 0;}
	.bongsa-wrap input[type="text"], .bongsa-wrap select, .bongsa-wrap input[type="tel"], .bongsa-wrap input[type="date"], .bongsa-wrap textarea {width:100%;}
	.bongsa-wrap .field {width: 100%;}
	.practice-wrap, .bongsa-wrap {padding: 1rem;}
	
}

/* ¸ð¹ÙÀÏ */

@media (max-width: 599px){
	html, body {
    font-size: 16px;
    
}

	:root {

		/* font-size */
		--main-tit : 2.5rem;
		--h1-font : 1.5rem;
		--h2-font : 1.2rem;
		--h3-font : 1.1rem;
		--h4-font : 1rem;
		--h5-font : 0.9rem;
	}
	.main {height: auto;}
	.main .main-visual, .main-conts-wl .wrap, .main-conts-el .wrap, .main-conts-me .wrap, .main-conts-bu .wrap {height: auto; padding:5rem 1rem;}
	.fnb {height: auto; padding:1rem 2rem;}
	.snb, section {width:100%;}

	.main .main-visual {grid-template-columns: 1fr; justify-content: center; background-position-y: 80%;}
	.main .main-visual .tit {padding-right: 0rem; width: 100%; text-align: center;}
	.main .main-visual .tit img {width: 70%; min-width:300px;}
	.main .main-visual .tit .slogan {font-size: var(--h2-font); padding-bottom: 0.5rem;}
	.main .main-visual .tit .info {padding: 15px 0 20px 0;}
	.main .main-visual .video {text-align:center;}
	.main .main-visual object {min-height: 250px;}
	
	.main-conts-wl .wrap .tit,.main-conts-el .wrap .tit, .main-conts-me .wrap .tit{text-align:left;}
	.main-conts-wl .wiselife-wrap {flex-flow: column; margin-top: 0.5rem;}
	.main-conts-wl .wiselife-wrap .item {width: 100%; height: auto; margin:0.5rem 0; align-items: center;}
	.main-conts-wl .wiselife-wrap .item li {position: unset; padding: 0.1rem; display:flex; align-items: center;}
	.main-conts-wl .wiselife-wrap .item .tit-img {width:40%;}
	.main-conts-wl .wiselife-wrap .item .tit-img img {width:80%;}
	.main-conts-wl .wiselife-wrap .item .m-info {text-align: left; flex: 1; padding-left:1rem;}
	.main-conts-wl .wiselife-wrap .item dt {padding: 0 0 1rem 0;}

	.main-conts-el .wrap {flex-flow: column; justify-content: center;}
	.main-conts-el .wrap .facilities-slider {max-width: 100%; margin: 1rem 0;}
	.main-conts-el .wrap .tit {width: 100%; padding-right:1rem;}
	.main-conts-el .wrap .facilities .item {padding: 0.8rem; flex: 0 0 45%;}
	.main-conts-el .wrap .facilities .item .sub-tit {text-align: left;}
	.main-conts-el .wrap .facilities .item .detail {font-size: var(--h5-font);  min-height: 5.5rem;}

	.main-conts-me .wrap .more {padding: 0.5rem; font-size: var(--h3-font);}
	.main-conts-me .wrap .youtube {grid-template-columns: 1fr;}
	.main-conts-me .wrap .youtube .box {width: 100%; margin-bottom: 1rem;}

	.snb-conts div img {width:45px;}

	.fnb .fnb-wrap {flex-flow: column; align-items: flex-start;}
	.fnb .fub-info {font-size: var(--h5-font);}
	.fnb .family-site {margin: 1rem 0; width: 100%;}
	.fnb .family-site .family-toggle, .fnb .family-site .family-list {width: 100%;}

	.snb-conts div img {width:45px;}
	.snb-wrap {grid-template-columns: repeat(auto-fit, calc((100% - 4px) / 3));gap: 2px;}
	.snb-wrap li { background-color: #ecf2fd; margin-right: 3px; margin-top:3px;}
	.snb-wrap li:nth-child(3n) {margin-right: 0;}
	#sub_visual {height: 150px; margin-bottom:0.3rem;}

	section {padding: 2rem 0 2rem 0;}
	.sub-wrap .video {width: 100%;}
	.sub-wrap .video object {min-height: 250px;}
	.ceo-wrap {grid-template-columns: 1fr;}
	.ceo-wrap picture img {width:100%; margin-bottom:1rem;}
	.ceo-wrap .conts .sign img {max-width: 100px;}
	
	.sub-conts-ci {padding: 2rem 1rem;}
	.sub-conts-ci img {width: 80%;}
	.sub-conts-info .color-img img{width:100%}
	.sub-conts-info ol  {flex-flow: column; padding-top: 1.5rem;}
	.sub-conts-details {flex-flow: column;}
	.sub-conts-info {border-top: 0; }
	.sub-conts-info .ci-conts {width: 100%; padding-right:0; margin-bottom: 1rem;}
	
	.sub-value-wrap .conts {flex-flow: column;}
	.sub-value-wrap .right {flex-direction: column-reverse;}
	.sub-value-wrap .conts .img {width: 100%; margin:2rem 0;}
	.sub-value-wrap .conts .detail {padding-left: 0; width:100%;}
	
	.sub-mission-wrap {flex-flow: column;}
	.sub-mission-wrap ol {padding: 0.5rem; display: flex; align-items: center;}
	.sub-mission-wrap ol li:nth-child(odd) {width:30%; text-align:left;}
	.sub-mission-wrap ol li img{width:80%;}
	.sub-mission-wrap ol li:nth-child(even) {flex:1; text-align: left;}
	.sub-mission-wrap ol li br{display:none;}

	.sub-hisptory-wrap:after {left: 0;}
	.sub-history-img {flex-flow: column; align-items: flex-start;}
	.sub-history-img li:nth-child(1), .sub-history-img li:nth-child(3) {width:100%; padding-left:2rem;} 
	.sub-history-img li:nth-child(1) img, .sub-history-img li:nth-child(3) img {width:100%;} 
	.sub-history-img li:nth-child(2) {margin: 0 -1rem;}
	.sub-history-conts:nth-child(even) .sub-history-img {flex-direction: column-reverse;}

	.life {grid-template-columns: 1fr; padding: 1rem 0.5rem;}
	.life .box_lifet {padding: 1rem 0 0 0;}
	.life .box_lifei {height: 200px; }
	.life .box_lifei img {object-fit: cover; object-position: center;}

	.company1 {grid-template-columns: 1fr; gap: 1rem;}
	.company2 {margin:1rem 0;}
	.conmpany-img {height: 200px;}
	.conmpany-img img {object-fit: cover; object-position: center;}

	#silver3, #longterm3 {grid-template-columns: 1fr;}
	.box_company {padding: 1rem 0;}

	#cooper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width:95%;}

	.box_cooper{border: none; width:100%; height: 80px;  border: 1px solid #bbb;}
	.box_cooper li{margin:0; display: flex; align-items: center; height: 100%;}
	.box_cooper li:nth-child(n+2){display: none;}
	.box_cooper li:nth-of-type(1){width: 100%;}
	.box_cooper li img{width: 100%; border:0;}
	
	.brochure-wrap {gap:0.5rem}
	.brochure-wrap .detail, .brochure-wrap .but {flex-flow: column;}
	.brochure-wrap .detail .sub-tit {margin-bottom:1rem}
	.brochure-wrap .but .download {margin-right:0; margin-bottom:0.5rem}
	.brochure-wrap .conts {width: 80%;}
	
	#youtube1 ul {grid-template-columns: 1fr;}

	#ebook ul{grid-template-columns: repeat(2, 1fr); gap:1rem;}

	.practice-wrap ol, .bongsa-wrap .personal, .bongsa-wrap .history {grid-template-columns: 1fr;}
	.practice-wrap .form-group{width:100%;}

	.bongsa-wrap .day {flex-flow: column; align-items: flex-start;}
	.bongsa-wrap .time {margin-left: 0;}

	.bongsa-wrap input[type="text"], .bongsa-wrap select, .bongsa-wrap input[type="tel"], .bongsa-wrap input[type="date"], .bongsa-wrap textarea {width:100%;}
	.bongsa-wrap .field {width: 100%;}
	.practice-wrap, .bongsa-wrap {padding: 1rem;}
	.bongsa-wrap .form-group {align-items: flex-start; flex-flow: column;}
	.practice-wrap .tit, .bongsa-wrap .tit {min-width: 6rem; margin-bottom:0.5rem;}
	.bongsa-wrap .week {flex-wrap: wrap;}
	.bongsa-wrap input[type="date"] {width: 45%;}

	#press1 .board tbody td:first-of-type, #notice1 .board tbody td:first-of-type {padding-left: 0.5rem;}
}


@media (max-width: 900px) and (orientation: landscape) {
    html, body {
		font-size: 18px; /* °¡·Î¸ðµå¿¡¼­ ÆùÆ® Å©±â Á¶Á¤ */
    }

	:root {

		/* font-size */

		--h1-font : 1.8rem;
		--h2-font : 1.3rem;
		--h3-font : 1.2rem;
		--h4-font : 1rem;
		--h5-font : 0.9rem;
	}


}