/**********************************************************
                        sub_section
***********************************************************/
.sub_container {
   padding: 75px 0 130px;
}
.sub_container.programs{
   font-weight: bold;
}
.sub_head{
   margin-top: 65px;
}
.nav_list2 {margin-top:165px;}
.sub_head .iedu_1080 {
   text-align: center;
}

.iedu_876 {
   width: 876px;
   margin: 0 auto;
}

.sub_headtit {
   display: inline-block;
   margin-bottom: 70px;
   cursor: pointer;
}
.sub_headtit h2 {
   font-size: 40px;
   font-weight: 700;
}
.sub_headtit h3 {
   font-weight: 500;
}
.headnav-container {
   margin-bottom: 20px;
   padding-bottom: 15px !important;
}
.shead_nav {
   display: flex;
   justify-content: space-around;
}
.shead_navlist {
   text-align: center;
   cursor: pointer;
}
.shead_navlist.swiper-slide {
   width: auto;
}
.shead_navlist > a {
   font-size: 20px;
}
.shead_content {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   /* margin-bottom: 30px; */
}
.shead_slide {
   width: 100%;
   max-width: 680px;
}
.shead-slide > a {
   display: inline-block;
   position: relative;
   width: 100%;
   max-width: 680px;
   height: 360px;
   background: #f7f7f7;
}
.shead-slide > a > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.shead_slide .swiper-pagination-bullet {
   opacity: 0.2;
}
.shead_slide .swiper-pagination-bullet-active {
   opacity: 1;
}

.shead_right {
   width: calc(100% - 680px - 30px);
   margin-left: 30px;
}
.shead_form {
   width: 100%;
   /*max-width: 350px;*/
   margin: 0 auto;
}
.shead_login {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 15px;
}
.shead_logwrap {
   width: 70%;
}
.shead_loginput:first-child {
   margin-bottom: 10px;
}
.shead_loginput > input {
   width: 100%;
   max-width: 255px;
   padding: 10px 5px;
   outline: none;
}
.shead_loginput > input::placeholder {
   font-weight: lighter;
   color: #c3c4c4;
}
.head_logbtn > button[type="submit"] {
   width: 85px;
   height: 85px;
   margin-left: 20px;
   border: none;
   font-size: 20px;
   color: #fff;
   outline: none;
}
.shead_logbottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   margin-bottom: 30px;
}
.shead_saveid > input[type="checkbox"] {
   display: none;
}
.shead_saveid > input[type="checkbox"]:checked + label > span {
   background: url(../images/sub0101_checked.png) no-repeat center center;
}
.shead_saveid > label {
   font-weight: lighter;
   vertical-align: middle;
   cursor: pointer;
}
.shead_saveid > label > span {
   display: inline-block;
   width: 18px;
   height: 17px;
   margin-right: 5px;
   vertical-align: middle;
}
.shead_member > a {
   font-weight: lighter;
}
.shead_member > a:first-child {
   margin-right: 10px;
}
.shead_notice {
   width: 100%;
   padding: 25px 30px;
   background: #fef4ec;
}
.shead_nttit {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 25px;
}
.shead_nttit > h4 {
   font-size: 18px;
   color: #3e3a39;
}
.shead_nttit > p {
   font-size: 15px;
   color: #3e3a39;
}
.shead_ntlist > a {
   display: inline-block;
   width: 100%;
   line-height: 26px;
   font-weight: lighter;
   font-size: 16px;
   color: #747374;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   text-align: left;
}
.shead_ntlist > a > span {
   font-family: "CJK_Bold";
   color: #ec664b;
}
.shead_step {
   padding: 20px 0;
   display: flex;
}
.shead_sttitle {
   flex-shrink: 0;
   margin-right: 40px;
   font-size: 20px;
}
.shead_sttitle,
.shead_stwrap,
.shead_search {
   align-items: flex-start;
   line-height: 39px;
}

.shead_dl {
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.shead_dl dt {
   font-size: 20px;
   font-weight: 600;
   padding: 0 14px;
}
.shead_dl dt a {
   color: #fff;
}
.shead_dl dd {
   font-size: 15px;
   padding: 0 14px;
}
.shead_dl dd a {
   color: #fff;
}

.shead_stwrap {
   display: flex;
   justify-content: flex-start;
   width: 100%;
}
.shead_stlist.swiper-slide {
   width: auto;
   margin-right: 40px;
}
.shead_stlist:last-child {
   margin-right: 30px;
}
.shead_stlist > a {
   font-size: 18px;
   color: #3e3a39;
}
.shead_stlist > a > span {
   font-weight: lighter;
}
.shead_search {
   margin: 20px 0;
   position: relative;
}
.shead_search form {
   display: flex;
   justify-content: space-between;
}

.shead_search input[type="text"]::placeholder {
   font-weight: lighter;
   color: #c3c4c4;
}

.sub_uploadbg {
   display: flex;
   align-items: center;
   width: 100%;
   /* max-width: 1920px; */
   height: 100%;
   margin: 0 auto;
   /* margin-bottom: 60px; */
   padding: 53px 0;
}
.sup_tit {
   margin-bottom: 15px;
}
.sup_tit > h4 {
   font-size: 22px;
}
.sup_content {
   display: flex;
   justify-content: flex-start;
   margin-bottom: 15px;
   width: 100%;
}
.sup_content .sup_conlist {
   width: calc((100% - (20px * 3)) / 4);
   margin-right: 20px;
   border: 2px solid #e4e4e4;
   transition: all 0.3s ease-in-out;
   transform: translateX(-30px);
   opacity: 0;
   background: #fff;
}
.sup_content .sup_conlist.delay:nth-child(2) {
   transition-delay: 0.1s;
}
.sup_content .sup_conlist.delay:nth-child(3) {
   transition-delay: 0.2s;
}
.sup_content .sup_conlist.delay:nth-child(4) {
   transition-delay: 0.3s;
}
.sup_content .sup_conlist:last-child {
   margin-right: 0;
}
.sup_content .sup_conlist.active {
   opacity: 1;
   transform: translateX(0);
}

.sup_conlist .sup_conimg {
   height: auto;
   background: #fff;
   width: 100%;
}
.sup_conlist>a{
   width: 100%;
}
.sup_conlist .sup_conimg > img {
   width: 100%;
   height: 150px;
   object-fit: cover;
}
.sup_conlist .sup_context {
   padding: 20px;
   background: #fff;
}
.sup_conlist .sup_context > h4 {
   margin-bottom: 5px;
   font-size: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.sup_conlist .sup_context > h4 > span {
   font-weight: lighter;
}
.sup_conlist .sup_context > p {
   font-weight: lighter;
   font-size: 16px;
   color: #747374;
}

.sub_tabconlist {
   max-width: 1080px;
}

.sub_tabconlist img{
   display: inline-block;
   width: 100%;
} 

/* .spo_tit {
   margin-bottom: 25px;
}
.spo_tit > p {
   font-weight: lighter;
   font-size: 30px;
}
.spo_tit > h4 {
   font-size: 38px;
} */

.sub_tab.sub_tab01 .sch_bg {
   width: 100%;
   max-width: 1920px;
   height: 683px;
   margin: 0 auto;
}

.sub_tab .scs_img{ text-align:center; }
.sub_tab .scs_img > img {
   max-width: 1920px;
   width: 100%;
   margin: 0 auto;
}

.sub_tab .sub_img2 .scs_img > img{
   margin-bottom: 70px;
}
.sub_tabnav .stn_wrap {
   display: flex;
   justify-content: space-around;
   width: 60%;
   margin: 20px auto 80px auto;
}
.sub_tabnav .stn_wrap .stn_list {
   position: relative;
}
.sub_tabnav .stn_wrap .stn_list > a {
   font-size: 20px;
   font-weight: 600;
   letter-spacing: -2px;
}
.sub_tabnav .stn_wrap .stn_list:after {
   content: "";
   display: block;
   position: absolute;
   bottom: -12px;
   left: 50%;
   width: 100%;
   height: 10px;
   transform: translateX(-50%);
   background: url(../images/stepnav_underline01.jpg) no-repeat center center;
   background-size: contain;
}
.sub_tabnav .stn_wrap .stn_list:nth-child(1):after {
   background: url(../images/stepnav_underline01.jpg) no-repeat center center;
   background-size: contain;
}
.sub_tabnav .stn_wrap .stn_list:nth-child(2):after {
   background: url(../images/stepnav_underline02.jpg) no-repeat center center;
   background-size: contain;
}
.sub_tabnav .stn_wrap .stn_list:nth-child(3):after {
   background: url(../images/stepnav_underline03.jpg) no-repeat center center;
   background-size: contain;
}
.sub_tabnav .stn_wrap .stn_list:nth-child(4):after {
   background: url(../images/stepnav_underline04.jpg) no-repeat center center;
   background-size: contain;
}
.sub_tabnav .stn_wrap .stn_list::after{display:none;}
.sub_tabnav .stn_wrap .stn_list::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    left: -50%;
    width: 100%;
    height: 15px;
    transform: translateX(-12px);
    background: url(../images/stepnav_sircle01.png) no-repeat center center;
    background-size: contain;
}

/* company */
#company01 {
   padding-left: 50px;
   padding-top: 40px;
   padding-bottom: 40px;
}
#company01 .layout01 {
   padding-bottom: 20px;
}
#company01 .layout02 {
   float: left;
}
#company01 .layout02 p {
   line-height: 20px;
   font-weight: normal;
}
#company01 .layout02 .c01 {
   color: #6b9e0c;
}
#company01 .layout02 .b01 {
   font-weight: bold;
   color: #fc7b0b;
}
#company01 .layout02 .s01 {
   padding-left: 290px;
   padding-top: 40px;
}
#company01 .layout03 {
   padding-top: 250px;
   padding-left: 580px;
}

#company02 {
   padding-left: 50px;
   padding-top: 40px;
   padding-bottom: 40px;
   font-weight: normal;
}
#company02 .layout01 h2 {
   padding-bottom: 10px;
}
#company02 .layout01 {
   padding-bottom: 30px;
}
#company02 .layout02 {
   padding-top: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #e0e0e0;
   width: 760px;
}
#company02 .layout02 .layout02_img01 {
   float: left;
   width: 185px;
   height: 128px;
   padding-left: 10px;
}
#company02 .layout02 ul {
   padding-left: 240px;
}
#company02 .layout02 .layout02_ti01 {
   padding-bottom: 20px;
}
#company02 .layout02 .layout02_go01 {
   padding-left: 380px;
   padding-top: 30px;
}

#company03 {
   padding-left: 70px;
   padding-top: 40px;
   padding-bottom: 40px;
}
#company03 .layout01 {
   padding-right: 40px;
}
#company03 .layout01 ul ul {
   padding-bottom: 40px;
}
#company03 .layout01 .li01 {
   float: left;
}
#company03 .layout01 .li02 {
   float: left;
   padding-left: 30px;
   vertical-align: middle;
   line-height: 23px;
}
#company03 .layout01 .li02 .b01 {
   font-weight: bold;
   line-height: 23px;
}
#company03 .layout01 .li03 {
   padding-left: 170px;
   line-height: 23px;
   font-weight: normal;
}
#company03 .layout01 .c01 {
   color: #888;
}
.company03_movie {
   padding: 20px 70px 0;
}
.company03_movie iframe {
   width: 100%;
}

#company04 {
   padding-left: 80px;
   padding-top: 40px;
   padding-bottom: 50px;
}
#company04 .layout02 li {
   text-align: center;
}
#company04 .layout01 .li01 {
   text-align: center;
   float: left;
   padding-right: 56px;
}
#company04 .layout01 .li02 {
   text-align: center;
   padding-right: 56px;
}
#company04 .layout02 {
   padding-top: 50px;
   width: 680px;
}
#company04 .layout02 h2 {
   padding-bottom: 10px;
}
#company04 .layout02 li {
   text-align: center;
   padding-bottom: 40px;
}
#company04 .layout02 .li01 {
   float: left;
   padding-right: 6px;
}
#company04 .layout02 .li02 {
   float: left;
   padding-right: 6px;
}

#company05 {
   text-align: center;
}

#company07 {
   padding-left: 50px;
   padding-top: 40px;
   padding-bottom: 50px;
}
#company07 .layout01 {
   width: 760px;
   padding-bottom: 50px;
}
#company07 .layout01 ul {
   padding-left: 30px;
   padding-top: 15px;
}
#company07 .layout01 ul li {
   font-weight: normal;
}
#company07 .layout02 {
   width: 760px;
}
#company07 .layout02 ul {
   padding-left: 30px;
   padding-top: 15px;
}

/* about */

.about_nav {
   width: 100%;
   background-color: #f1f1e8;
}
.about_nav ul {
   display: flex;
   justify-content: space-between;
}
.about_nav ul li {
}
.about_nav ul li a {
   display: inline-block;
   padding: 20px 0;
   font-size: 17px;
   font-weight: 600;
}
.sub_container.about {
   padding-top: 100px;
   padding-bottom: 0px;
}

.sub_container.about .sub_headtit {
   margin-bottom: 40px;
}

.sub_container.about .sub_headtit h2 {
   cursor: default;
   color: #444845;
   font-size: 28px;
}

.sub_container.about .sub_headtit h2::before {
   content: "";
   vertical-align: bottom;
   display: inline-block;
   width: 2px;
   height: 30px;
   background-color: #444845;
   margin-right: 10px;
}

.sub_container.about .sub_headtit h2::after {
   content: "";
   vertical-align: bottom;
   display: inline-block;
   width: 2px;
   height: 30px;
   background-color: #444845;
   margin-left: 10px;
}

.about_ceo {
   margin: 0 auto;
   max-width: 1300px;
   width: 100%;
   height: 900px;
   background-image: url(../images/ceo_banner.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}
.about_ceo h3 {
   font-weight: bold;
   padding-top: 90px;
   font-size: 42px;
   color: #2a5735;
}
.about_ceo p {
   font-size: 18px;
   line-height: 1.4;
   margin-top: 35px;
   color: #2a5735;
   font-weight: 500;
}
.about_ceo p span {
   background-color: yellow;
}

.about_management {
   background-color: #f5fbdf;
   padding-bottom: 100px;
}

.about_management .item {
   display: flex;
   padding-top: 100px;
}

.about_management .item div:nth-of-type(1) {
   width: 270px;
}

.about_management .item div:nth-of-type(1) p {
   font-weight: bold;
   display: inline-block;
   font-size: 42px;
   color: #2a5735;
   border-bottom: solid 12px #e8eb0d;
}
.about_management .item:nth-of-type(2) div:nth-of-type(1) p {
   border-color: #d3f04b;
}
.about_management .item:nth-of-type(3) div:nth-of-type(1) p {
   border-color: #acf45e;
}

.about_management .item div:nth-of-type(2) {
   width: calc(100% - 270px);
   margin-top: 10px;
}

.about_management .item div:nth-of-type(2) p {
   font-weight: bold;
   font-size: 24px;
   color: #2a5735;
}
.about_management .item div:nth-of-type(2) span {
   display: inline-block;
   margin-top: 20px;
   font-size: 18px;
   color: #2a5735;
   font-weight: 500;
   line-height: 1.5;
}
.about_management .item div:nth-of-type(2) img {
   max-width: 640px;
   width: 100%;
}

.about_history {
   width: 100%;
   overflow: hidden;
   position: relative;
   padding-bottom: 100px;
}
.about_history .history_text {
   width: calc(100% - 200px);
}
.about_history .history_text p {
   font-weight: bold;
   padding: 20px 0;
   font-size: 34px;
   color: #414742;
}
.about_history .history_text div:nth-of-type(1) p {
   padding-top: 0;
}

.about_history .history_text span {
   display: inline-block;
   width: 100%;
   padding: 10px 0 29px;
   font-size: 20px;
   color: #414742;
   font-weight: 500;
   line-height: 1.5;
   border-bottom: 2px solid #cea689;
   word-break: keep-all;
}

.about_history .history_text div:last-of-type span {
   border-bottom: none;
}
.about_history .history_bar {
   position: absolute;
   top: 0;
   right: -70px;
}
#cibi {
   background-color: #ecf8dd;
}
.about_cibi .sub01 {
   margin: 0 auto;
   text-align: center;
}
.about_cibi .sub01 img {
   max-width: 887px;
   width: 100%;
}
.about_cibi .sub01 div {
   margin: 0 auto;
   max-width: 800px;
   padding: 100px 40px;
   text-align: left;
}
.about_cibi .sub01 div p {
   font-weight: bold;
   font-size: 30px;
   color: #52b011;
}

.about_cibi .sub01 div span {
   display: inline-block;
   margin-top: 30px;
   line-height: 1.4;
   font-weight: 500;
   font-size: 18px;
   color: #1f3d27;
}

.about_cibi .sub02 h2 {
   font-weight: bold;
   font-size: 30px;
   color: #52b011;
   text-align: center;
   margin-bottom: 40px;
}
.about_cibi .sub02 div {
   margin-left: -20px;
}
.about_cibi .sub02 ul {
   display: flex;
   flex-wrap: wrap;
}
.about_cibi .sub02 ul li {
   font-weight: bold;
   width: 33.333%;
   padding-left: 20px;
   text-align: center;
   margin-bottom: 60px;
   font-size: 20px;
   color: #454444;
}
.about_cibi .sub02 ul li img {
   width: 100%;
   margin-bottom: 20px;
}
.about_orga {
   padding-bottom: 100px;
}
.about_orga div {
   text-align: center;
}
.about_orga div img {
   max-width: 929px;
   width: 100%;
}

#road {
   background-color: #f1f1e8;
}
.iedu_876 {
   max-width: 876px;
   width: 100%;
}
#company07 .layout01,
#company07 .layout02 {
   max-width: 760px;
   width: 100%;
   margin: 0 auto;
}
.root_daum_roughmap_landing {
   max-width: 800px;
   width: 100% !important;
}
.sub_point{
   text-align: center;
}
.btns_long{
   display: inline-flex;
   width: 100%;
   background-color: #ec6e78;
   color: #fff;
   padding:10px;
   align-items: center;
   justify-content: space-between;
   margin-top: 20px;
   border-radius: 10px;
}
.btns_long span:nth-of-type(1){
   font-size: 18px;
}

.info_back{
   padding:50px 0;
   background-color: #eee;
}
.info_back p{
   color: #747374;
   font-size: 18px;
   line-height: 1.2;
}

/* ch */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
   width: auto !important;
   left: 50% !important;
   transform: translateX(-50%);
}

.ps_r{
   position: relative;
}
.sub_01_btn{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 400px;
   height: 400px;
   transform: translate(-50% , -50%);
   display: inline-block;
   border-radius: 50%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
   left: -40px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
   right: -40px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
   filter: grayscale(1)
}

.sup_conlist .sup_context > p{
   overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height: 1.2em;
  height: 1.2em;
}
/**********************************************************
                       responsive
***********************************************************/
@media screen and (max-width: 1140px) {
   .shead_content {
      flex-direction: column;
   }
   .shead_slide {
      margin: 0 auto 50px auto;
   }
   .shead_right {
      width: 100%;
      max-width: 680px;
      margin: 0 auto;
   }
   .sub_01_btn{
      width: 35vw;
      height: 35vw;
   }
   .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
      left: 0 !important;
   }
   .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
      right: 0 !important;
   }
}
@media screen and (max-width: 1024px) {
   .sub_container.programs{
      margin-top: 60px;
   }
   .shead_nav {
      justify-content: unset;
   }
   .sub_tabnav .stn_wrap {
      width: 100%;
   }
   /* about */
   .about_nav {
      display: none;
   }
   .about_management .item div:nth-of-type(1) {
      width: 200px;
   }
   .about_management .item div:nth-of-type(1) p {
      font-size: 32px;
   }
   .about_management .item div:nth-of-type(2) {
      width: calc(100% - 200px);
   }
   .about_management .item div:nth-of-type(2) p {
      font-size: 20px;
   }
   .about_history .history_bar {
      display: none;
   }
   .about_history .history_text {
      width: 100%;
   }
   #company07 {
      padding: 40px 20px 50px;
   }

   .shead_navlist{
      margin-right: 10px;
   }
   .shead_navlist:last-of-type{
      margin-right: 0;
   }
   .sub_tab .scs_img > img{
       width:100%;
   }
}
@media screen and (max-width: 800px) {
   .shead_stlist.swiper-slide {
      margin-right: 0;
   }
   /* .sup_content {
      flex-wrap: wrap;
      justify-content: space-around;
   } */
   /* .sup_content .sup_conlist,
   .sup_content .sup_conlist:last-child {
      width: calc(100% / 2 - 15px / 2);
      margin-right: 15px;
      margin-bottom: 15px;
   }
   .sup_content .sup_conlist:nth-child(2n) {
      margin-right: 0;
   } */
   .sup_conlist .sup_context {
      padding: 10px;
   }
   .sub_tab.sub_tab01 .sch_bg {
      height: calc(643vw / 800 * 100);
   }
   /* about */

   .about_ceo h3 {
      font-size: 28px;
   }

   .about_ceo p br {
      display: none;
   }

   .about_management .item {
      flex-direction: column;
   }
   .about_management .item div:nth-of-type(2) {
      width: 100%;
   }
   .about_cibi .sub01 div {
      padding: 100px 0;
   }
   .sup_conlist .sup_conimg > img{
      height: 235px;
   }
}
@media screen and (max-width: 640px) {
   .shead_sttitle {
      font-size: 16px;
   }
   .shead_stlist > a {
      font-size: 16px;
   }
   .sup_conlist .sup_context > h4 {
      font-size: 16px;
   }
   .sup_conlist .sup_context > p {
      font-size: 14px;
   }
   .sub_conbg {
      margin-bottom: 30px;
   }
   .sub_tabnav .stn_wrap .stn_list > a {
      font-size: 16px;
   }
   .sub07_01 .sub_tabnav .stn_wrap .stn_list > a {
      font-size: 12px;
   }
   /* about */
   .about_ceo p {
      font-size: 16px;
   }
   .about_management .item div:nth-of-type(2) span br {
      display: none;
   }
   .about_history .history_text span {
      font-size: 18px;
   }
   .about_cibi .sub02 ul li {
      width: 50%;
      font-size: 18px;
   }
   .shead_nav{
       overflow-x: auto;
       flex-shrink: 0;
   }
}
@media screen and (max-width: 500px) {
    .sub_head{
       margin-top: 85px;
    }
   .shead_navlist > a {
      font-size: 14px;
   }
   /* about */
   .about_ceo p {
      margin-top: 20px;
   }
   /* .shead_navlist{
      margin-right: 5px;
   } */
   .sub_tabnav .stn_wrap{
       flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 20px;
        gap: 10px 0px;
   }
   .sub_tabnav .stn_wrap .stn_list{
       width:50%;
   }
   .sub_tabnav .stn_wrap .stn_list.i1{
       width:100%;
   }
   .sub_tabnav .stn_wrap .stn_list.i1~li{
       width:40%;
   }
   .sub_tabnav .stn_wrap .stn_list::before{
       bottom:3px;
   }
   .sub_tabnav .stn_wrap .stn_list > a{
       letter-spacing: -0.5px;
   }
   .sub_container{padding: 40px 0px 60px;}
}
@media screen and (max-width: 400px) {
   .head_logbtn > button[type="submit"] {
      width: 75px;
      font-size: 16px;
   }
   .sub_tabnav .stn_wrap .stn_list > a {
      font-size: 14px;
   }
   /* about */
   .about_ceo p {
      margin-top: 15px;
   }
   .about_cibi .sub02 ul li {
      width: 100%;
   }
   .navsub_list > a > p{
       font-size:12px;
   }

}