@charset "utf-8";
/* CSS Document */



/* 공통 */
.cr_main {color:#009fc7;font-style: normal;}
.txt_info {font-size:.9em;}
.small_tit{color:#2a9931;font-weight:500;font-size: 1.4em; margin:30px;  }
.comment{font-size:.7em; color:#777; line-height:30px;}

/*위치*/
.mgb_20{margin-bottom:20px;}


.mview{display:none;}
.pg_current{background:#333; border:1px solid #333;}
#faq_wrap li h3 .tit_bg{top:13px;}
#faq_wrap li h3 .tit_btn{top:12px;}

@media all and (max-width:1100px){ 
	
	.mnone{display:none;}
	.mview{display:block;}
	.td_subject .mview{margin-top:10px; padding-left:15px;}

}


/*메인페이지 수정*/
.main_board .txt_cont h2 {font-size: 50px;font-weight: 900;letter-spacing: -2.5px;}


/*서브페이지 공통*/
[class~=sub_cons]{width:100%;max-width:1500px;height:100%;margin:0px auto;padding:0px 0px 0px 0px;}
[class~=cons_title]{display: block;  text-align:left;  font-size: 1.7em;  font-weight:400;  margin: 0px 0; color:#000; font-family:'Gmarket'; top:0; left:0; background-image:url('../images/common/cons_title_bg.png'); background-repeat:no-repeat; background-size:40px 3px; line-height:
60px;}
[class~=cons]{color:#636363;font-size: 1.1rem;line-height:1.5em;letter-spacing: -0.03em; font-weight:400;/* text-align:justify;*/ }

/* 목록 : 기본 */
/*:after,:before{content:'';}*/
.bu, .num{margin:10px 0;text-align:left;}
.bu li, .num li{margin-bottom:10px; font-weight:400; line-height:26px; color:#636363;}
.bu li:last-child, .num li:last-child{margin-bottom:0;}
.bu li{position:relative; font-size:17px;}
.bu li:before, .num li:before{display:block; position:absolute; left:0;}
.bu > li{padding-left:12px;}
.bu > li:before{left:0; top:11px; width:5px; height:5px; background-color:#90bd20; transform:rotate(45deg);content:'';}
.bu.type2 > li:before{border-color:#7a7d96;}
.num.dl > li .title{color:#363c5a;}
.bu > li ul, .bu > li ol, .num > li ul, .num > li ol{margin:4px 0;}
.bu > li > ul > li, .num > li > ul > li{padding-left:12px; line-height:28px;}
.bu > li > ul >li:before, .num > li > ul >li:before{left:0; top:14px; width:6px; height:2px; background-color:#222;}
.bu > li > ul >li > ul > li,.num > li > ul >li > ul > li{padding-left:8px; line-height:26px;}
.bu > li > ul >li > ul > li:before, .num > li > ul >li > ul > li:before{left:0; top:12px; width:2px; height:2px; background-color:#979797;}
.bu.dl .title{color:#f8781a;}
.bu_line{width:45%; display:inline-block;}


/* 버튼 */
a.mail{position:relative; color:#222; text-decoration:underline; text-underline-position:under; text-decoration-style:solid; text-decoration-color:#222;}
a.mail:after{display:inline-block; width:15px; height:15px; margin-left:4px; vertical-align:-2px; background-image:url('../../images/template/btn_mail.png'); background-repeat:no-repeat; background-position:right center; background-size:15px 12px;}
a.blank{position:relative; color:#222; text-decoration:underline; text-underline-position:under; text-decoration-style:solid; text-decoration-color:#222;}
a.blank:after{display:inline-block; width:15px; height:15px; margin-left:4px; vertical-align:-2px; background-image:url('../../images/template/btn_blank.png'); background-repeat:no-repeat; background-position:right center; background-size:15px 15px;}

.btn{display:inline-block; position:relative; min-width:70px; margin:0; padding:10px 20px; border-width:1px; border-style:solid; border-color:#777777; box-sizing:border-box; background-color:#fff; font-size:16px; line-height:28px; color:#222; text-align:center; font-weight:400; transition-property:color, border, background-color, box-shadow; transition-duration:0.2s; transition-timing-function:ease-in-out; vertical-align:middle; text-decoration:none;}
.btn + .btn{margin-left:5px;}
.btn:hover{color:#fff; background-color:#222;}
.table .btn{font-size:14px;}

/* 버튼 - 사이즈 */
.btn.big{padding-top:11px; padding-bottom:11px;}
.btn.small{padding:5px 15px;}
.btn.w120{min-width:120px;}

/* 버튼 - 컬러 */
.btn.type2,
.btn.type3,
.btn.type4{border-color:transparent; color:#fff;}
.btn.type2{background-color:#444;}
.btn.type2:hover{background-color:#151515;}
.btn.type3{background-color:#f8781a;}
.btn.type3:hover{background-color:#e94e02;}
.btn.type4{border-color:#777; color:#222;}
.btn.type4:hover{border-color:#2a9931; background-color:#fff; color:#2a9931;}

/* 버튼 - 아이콘 */
.btn:after{position:relative; width:20px; height:20px; margin-left:8px; vertical-align:-4px; background-repeat:no-repeat; background-size:20px 20px;}
.btn.down:after{display:inline-block; background-image:url('../images/sub/btn_down.png');}
.btn.down_white:after{display:inline-block; background-image:url('../images/sub/btn_down_white.png');content:"";}
.btn.link:after{display:inline-block; background-image:url('../images/sub/btn_blank.png');content:"";}
.btn.link_white:after{display:inline-block; background-image:url('../images/sub/btn_blank_white.png');content:"";}
.btn.search:after{display:inline-block; background-image:url('../images/sub/btn_search.png');}
.btn.arrow:after{display:inline-block; background-image:url('../images/sub/btn_arrow.png');content:"";}

@media all and (max-width: 1560px) {
    .btn{font-size:14px; padding:5px 15px;}
    .btn.small{padding:0 15px;}
    .btn.big{padding:10px 15px;}
}

/* 테이블 */
.align_l{text-align:left !important;}
.align_c{text-align:center !important;}
.table_unit{position:relative;display:block;margin-top:-20px; margin-bottom:10px; padding-left:25px; font-size:15px; line-height:17px; color:#666; text-align:right;}
.table_unit:before{display:inline-block; position:relative; top:1px; width:14px; height:14px; padding-right:5px;}

.table{width:100%; margin:20px 0; background-color:#fff; font-size:16px;border-collapse:collapse; line-height:24px; border-spacing:0; }
.table.vertical_top tr th,.table.vertical_top tr td{vertical-align:top}
.table.vertical_middle tr th,.table.vertical_middle tr td{vertical-align:middle;}
.table.vertical_bottom tr th,.table.vertical_bottom tr td{vertical-align:bottom;}
.table.fixed{table-layout:fixed;}
.table .caption{display:none;}
.table.text_center tbody tr td{text-align:center;}
.table.text_left tbody tr td{text-align:left;}
.table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;}
.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}

.table thead th{padding:14px 10px; border-top:1px solid #111; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background-color:#fafafa; color:#111; font-weight:500; text-align:center; font-size:17px;}
.table thead th + th{border-left:1px solid #cdcdcd;}
.table thead th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}
.table tbody th, .table tfoot th{background-color:#fbfbfb; font-weight:400; color:#333;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 10px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; font-weight:400; color:#636363;}
.table tbody th{font-size:16px; color:#333; font-weight:400;}
.table tbody td{font-size:16px;}
.table thead tr{border-top:1px solid #222;}

.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table td[rowspan]:first-child{border-right:1px solid #e0e1e3;}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #dbdbdb;}
.table tbody td, .table tfoot td{text-align:center;}
.table tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px;}
.table tbody td ul li, .table tbody td ol li{font-size:15px;}
.table tbody td ul.bu_clear{padding-left:0;}
.table tbody td ol{margin-top:0; margin-bottom:0;}
.table tbody td a{color:#333;}
.table{position:relative;}
.table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#cbcbcb;}
.table .bu > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .bu.third > li:before {top:15px;}

.table .con_list01 > li { position:relative; color: #636363; line-height: 23px; padding-left:15px; text-align:left; font-size:16px; } 
.table .con_list01 > li:after { content:''; position:absolute; left:0px; top: 10px; width: 4px; height: 4px; background: #90bd20; border-radius: 10px; } 
.table .con_list01 > li + li { margin-top:5px; } 
.table .con_list01 > li strong {color:#636363; } 





/* thead에 tr이 두 개 이상일 때 */
.table.tr_over thead th{border-bottom:none; background-color:#fbfcfd;}
.table.tr_over tbody tr:first-child th,
.table.tr_over tbody tr:first-child td{border-top:1px solid #e7e7e7;}
.table.tr_over caption + thead tr:first-child th, .table.tr_over caption + thead tr:first-child td, .table.tr_over colgroup + thead tr:first-child th, .table.tr_over colgroup + thead tr:first-child td, .table.tr_over caption + tbody tr:first-child th, .table.tr_over caption + tbody tr:first-child td, .table.tr_over colgroup + tbody tr:first-child th{background-color:#f4f5f9;font-size:15px;font-weight: 600;color:#575c70;}

/* 세로형 테이블 */
.table.type2{border-top:0;}
.table.type2 tbody th{background-color:#fcfcfc; font-weight:300; color:#111;}
.table.type2 tbody td{text-align:left; color:#636363;}
.table.type2 tbody tr:first-child{border-top:1px solid #222;}

/* 스크롤 테이블 */
.table_scroll{margin:10px 0 10px;}
.table_scroll table{margin:0;}
.table_scroll:before, .table_scroll_acitve:before{display: none;}
.table_scroll .scroll_notice{display: none;}
@media all and (max-width: 1400px) {
    .table{font-size:14px; line-height:22px;}
    .table thead th,
    .table tbody th,
    .table tbody td,
    .table tfoot th,
    .table tfoot td{padding:10px 5px; font-size:15px;}
}





/* 스텝박스 */
.stepbox{margin:20px 0; padding:40px 10px 40px 40px; border-radius:5px; background-color:#f8f8f8; font-size:0; line-height:0;}
.stepbox .step_item{display:inline-block; position:relative; margin-right:25px; /*margin-bottom:28px;*/ border-radius:5px; border:1px solid #717171; background-color:#fff; text-align:center; vertical-align:top;}
.stepbox .step_item:after{display: inline-block; position: absolute; right:-21px; top:0; bottom:0; width:11px; height:18px; margin:auto; background-image:url('../images/sub/stepbox_arrow.png'); background-repeat:no-repeat; background-size:11px 17px; content:"";}
.stepbox .step_item:last-child{border-color:#02a902; border-width:2px;}
.stepbox .step_item:last-child:after{display:none; content:"";}
.stepbox .step_wrap{display:table; position:relative; width:100%; padding:20px 15px;  }
.stepbox .step_title{/*display:table-cell;*/ width:100%; /*vertical-align:middle;*/ margin-bottom:5px; font-size:18px; line-height:48px; font-weight:500; letter-spacing:-0.02em; border-radius:5px;background: linear-gradient(to top, rgb(123,193,74) 0%,rgb(67,177,29) 100%); color:#fff; font-family:"Gmarket"; height:45px; }
.stepbox .step_item:last-child .step_title{color:#fff;}
.step_con{display:block; font-size:16px; font-weight:400; padding:10px;}
.stepbox.divide3 .step_item{width:calc(33.3% - 30px);}
.stepbox.divide4 .step_item{width:calc(25% - 30px);}
.stepbox.divide5 .step_item{width:calc(20% - 30px);}
.flow{ width:100%;  margin-bottom:5px;  height:55px; font-size:17px; line-height:23px; color:#fff;background-color:#f8781a;padding:5px 0px; vertical-align:middle}
.flow_p{padding-top:15px;}
.ver_m{vertical-align:middle}

@media all and (max-width: 1400px) {
    .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:calc(33.3% - 30px);}
}
@media all and (max-width: 800px) {
    .stepbox.divide3 .step_item, .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:calc(50% - 30px);}
    .stepbox .step_title{font-size:14px; line-height:23px;}
    .stepbox .step_title span{font-size:14px;}
}
@media all and (max-width: 640px) {
    .stepbox{padding:20px 20px 0 20px;}
    .stepbox .step_item:after{left:0; right:0; top:auto; bottom:-25px; transform:rotate(90deg);}
    .stepbox.divide3 .step_item, .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:100%;}
    .stepbox .step_item{height:auto !important;}
    .stepbox .step_title{height:auto !important;}
    .stepbox .step_text{height:auto !important;}
}

/* 공유하기, 인쇄 */
.share{position:absolute; /*bottom:-45px;*/ right:0; z-index:10; font-size:0; line-height:0; top:20px;}
.share .share_list{overflow:hidden;}
.share .share_item{float:left;}
.share .share_item + .share_item{margin-left:20px;}
.share .share_item a,
.share .share_item button{display:block; width:24px; height:24px; font-size:0; background-repeat:no-repeat; background:none;}
.share .share_item.sh a{background-image:url('../images/sub/share_icon01.png');}
/*.share .share_item.blog a{background-image:url('../images/sub/share_icon02.png');}*/
.share .share_item.print button{background-image:url('../images/sub/share_icon02.png');}
@media all and (min-width:1000px) {
	.share .share_item.sh:hover a{background-image:url('../images/sub/share_icon01_on.png');}
	/*.share .share_item.blog:hover a{background-image:url('../images/sub/share_icon02_on.png');}*/
	.share .share_item.print:hover button{background-image:url('../images/sub/share_icon02_on.png'); background-color:#fff;}
}
@media all and (max-width:1000px) {
	.share{right:2%; bottom:30px;}
	.share .share_item.print{display:none;}
	.share .share_item a{width:20px; height:20px; background-size:17px 17px;}
	.share .share_item.facebook a{background-image:url('../images/sub/share_icon1_m.png');}
	.share .share_item.blog a{background-image:url('../images/sub/share_icon2_m.png');}
}

/*탄소중립시험인증특구소개*/
.hello_txt {padding: 4.0em;background: url(../images/sub/bg_hellotxt.png) no-repeat right 0 #209026; background-size:cover; font-family:'Gmarket'; color:#fff;  text-shadow: 2px 2px 1px #0c5c10;}
.hello_txt span {display: inline-block;margin-bottom: 1rem;font-size: 1.2rem;font-weight:300;letter-spacing: -0.05em;font-family:'Gmarket'; }
.hello_txt p {font-size: 2.3em;line-height: 1.2;letter-spacing: -0.05em;font-weight:300;color: #fff;font-family:'Gmarket'; }
.hello_txt p strong {color:#fff;font-weight: 700;}
ul.list{}
li.item{/*display:table;*/ position:relative; width:100%; padding-top:0px; padding-bottom:0px; padding-left:50px; line-height:70px; height:70px; /*border-bottom: 1px dotted #ccc;*/}
.item:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.item .text{display:block; vertical-align:middle; padding-left:100px;height:70px;/*display:table-cell;*/ }
.item:last-child{background:none;}
.item .index{overflow:hidden; position:absolute; top:50%; left:0; width:115px; height:40px; margin-top:-20px; border-radius:30px; text-align:center; line-height:40px;font-family:'Gmarket'; font-size:19px;}
.item .index span {display:block; color:#fff; font-weight:500; line-height:45px; background:linear-gradient(to top, rgb(123,193,74) 0%,rgb(67,177,29) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d0b', endColorstr='#ff6106',GradientType=0 );}
.part_list{overflow:hidden; margin-top:20px;}
.part_item{float:left; width:29.5%; height:400px; margin-right:5%; margin-bottom:20px; padding:0px; border:1px solid #ddd; text-align:center;}
.part_img{height:168px; margin-bottom:15px;}
.part_title{font-size:26px; font-weight:500; color:#ffff; width:100%; background:#019b3d;font-family:'Gmarket'; height:55px; line-height:60px;}
.part_item .bu{ padding:30px; text-align:left;}
.p_bg01{ background:url('../images/sub/part_img01.png') no-repeat right bottom;}
.p_bg02{ background:url('../images/sub/part_img02.png') no-repeat right bottom;}
.p_bg03{ background:url('../images/sub/part_img03.png') no-repeat right bottom;}
.part_box01{border:1px dotted #ccc;font-size:16px; padding:20px 30px; background:#f5f5f5; border-radius:5px; }
.ta_txt{font-size:15px; color: #F60;}



@media all and (min-width: 1560px) {
    .part_item:nth-child(3n){margin-right:0;}
}
@media all and (max-width: 1560px) {
    .part_item{width:49%;}
    .part_item:nth-child(2n){margin-right:0;}
}
@media all and (max-width: 800px) {
    .part_item{width:100%; height:auto; margin-right:0; margin-bottom:10px; padding:20px 20px 10px 20px;}
}

/*시험인증이란*/
.type_wrap{margin:20px 0; padding:40px 30px 40px 30px; border-radius:5px; background-color:#f8f8f8; /*font-size:0; line-height:0;*/}
.plan_type {width:100%;align-items: stretch; gap: 1rem;line-height: 1.625;letter-spacing: -0.025em;}

@media (min-width: 1023px) {
    .plan_type {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }
@media (min-width: 1023px) {
    .plan_type {
      display: flex;
    }
  }
@media (min-width: 1023px) {
    .plan_type {
      height: 230px;
    }
  }
@media (min-width: 1791px) {
    .plan_type {
      height: 300px;
    }
  }
  .plan_type {
    .loop {
      margin: auto;
    }
    .loop {display: flex;}
    .loop {height: 220px;}
    .loop {min-width: 220px;}
    .loop {max-width: 220px;}
    .loop {flex: 1 1 0%;}
    .loop {align-items: center;}
    .loop {justify-content: center;}
	
@media (min-width: 1023px) {
      .loop {
        height: 230px;
      }
    }
@media (min-width: 1023px) {
      .loop {
        min-width: 230px;
      }
    }
@media (min-width: 1023px) {
      .loop {
        max-width: 230px;
      }
    }
@media (min-width: 1791px) {
      .loop {
        height: 300px;
      }
    }
@media (min-width: 1791px) {
      .loop {
        min-width: 300px;
      }
    }
@media (min-width: 1791px) {
      .loop {
        max-width: 300px;
      }
    }
.loop {border-radius: 9999px;--tw-bg-opacity: 1; text-align: center; font-size: 1.25rem; line-height: 1.75rem; font-family:'Gmarket';font-weight: 600; background:#2a9931;}
.type01{color:#fff !important;}

    @media (min-width: 1023px) {
      .loop {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
    }
    @media (min-width: 1791px) {
      .loop {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }
    }
    .loop {
      strong {
        display: block;  font-family:'Gmarket'; font-size:25px;
      }
      span {
        display: block;
      }
      span {
        font-size: 1.125rem;
        line-height: 1.75rem;
		font-family:'Gmarket';
      }
      span {
        font-weight: 500;
      }
      @media (min-width: 1535px) {
        span {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1791px) {
        span {
          font-size: 1.5rem;
          line-height: 2rem;
        }
      }
      &:first-child {
        background:#fff;
		border:7px solid #2a9931;
		color:#333;
		
      }
      &:last-child {
        background:#fff;
		border:7px solid #2a9931;
		color:#333;
      }
    }
    .loop-none {
      display: flex;
    }
    .loop-none {
      flex: 1 1 0%;
    }
    .loop-none {
      align-items: center;
    }
    .loop-none {
      justify-content: center;
    }
    .loop-none {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .loop-none {
      text-align: center;
    }
    .loop-none {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .loop-none {
      font-weight: 500;
    }
    .loop-none {
      --tw-text-opacity: 1;
      color: rgb(29 29 31 / var(--tw-text-opacity));
    }
    @media (min-width: 1023px) {
      .loop-none {
        padding-top: 0px;
        padding-bottom: 0px;
      }
    }
    @media (min-width: 1023px) {
      .loop-none {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
    }
    @media (min-width: 1791px) {
      .loop-none {
        font-size: 1.5rem;
        line-height: 2rem;
      }
    }
    .loop-none {
      background-image: url('../images/sub/d_arr.png');
    }
    .loop-none {
      background-size: 40px auto;
    }
    .loop-none {
      background-position: center;
    }
    .loop-none {
      background-repeat: no-repeat;
    }
    @media (min-width: 1023px) {
      .loop-none {
        background-image: url('../images/sub/c_arr_md.png');
      }
    }
    @media (min-width: 1023px) {
      .loop-none {
        background-size: auto 40px;
      }
    }
    @media (min-width: 1791px) {
      .loop-none {
        background-image: url('../images/sub/c_arr.png');
      }
    }
    @media (min-width: 1791px) {
      .loop-none {
        background-size: auto 45px;
      }
    }
    .loop-none {
      strong {
        margin-bottom: 60px;
      }
      strong {
        display: block;
      }
      span {
        display: block;
      }
      span {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      span {
        font-weight: 500;
      }
      @media (min-width: 1535px) {
        span {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1791px) {
        span {
          font-size: 1.5rem;
          line-height: 2rem;
        }
      }
      &.first-child {
        background-image: url('../images/sub/d_arr2.png');
      }
      @media (min-width: 1023px) {
        &.first-child {
          background-image: url('../images/sub/c_arr_md.png');
        }
      }
      @media (min-width: 1791px) {
        &.first-child {
          background-image: url('../images/sub/c_arr.png');
        }
      }
      &.first-child {
        @media (min-width: 1023px) {
          span {
            margin-bottom: 30px;
          }
        }
      }
    }
  }
}








/*센터소개*/
.location_wrap {display:flex;margin-top: 5rem;}
.location_wrap::after {content: '';display: block;clear: both;}
.location_box {width: 30%;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.location_info li {padding: 1rem 0;border-bottom: 0.1rem solid #ddd;}
.location_info li p {display: inline-block;margin-left:0.5rem;color: #8d8d8d;vertical-align: top;font-size: 1em;letter-spacing: -0.05rem;}
.location_info li p strong {display: block;margin-bottom: 0.5rem;line-height: 2.5rem;font-size: 1.5rem;font-weight: 400;color: #000;}
.location_txt {padding-top:2em;font-size: 1em;color:#8d8d8d;letter-spacing: -0.06rem;}
.location_txt strong {color:#000000;font-weight:400;}
.g_map {display:block;width:68%;height:600px;margin-left:2%;text-align: center;background:url("../company/image/map_img.jpg") no-repeat center;background-size:cover;}
.g_map a {display:block;width:100%;height:100%;}

    @media only screen and (max-width:1023px){
        .location_wrap {flex-direction: column-reverse;}
        .location_box , .g_map {width:100%;padding:0;}
        .location_box {margin-top:20px;}
        .location_txt {padding:2em 0;}
        .g_map {margin-left:0;height:400px;}
    }
/* 비전 및 목표 */
.vision_wrap .eng {display: inline-block;text-align: left;width:20%;vertical-align: top;line-height: 1;}
.vision_wrap .vision_txt {display: inline-block;width: 79%;font-size: 2em;font-weight: 500;text-align: center;}
.vision_wrap .vision_txt strong {color:#00b1b7;}
.vision_wrap .goal_list {display:inline-block;width:79%;}
.vision_wrap .goal_list > li {display: inline-block;width: 40%;margin-left: 3%;height: 12.5rem;line-height: 12.5rem;text-align: center;font-size: 1.7em;font-weight: 300;color:#fff;background: #00abcd url(../company/image/i_goal.png) no-repeat 100% 115%;}
.vision_wrap .goal_list > li:last-child {background: #279b43 url(../company/image/i_goal.png) no-repeat 100% 115%;}
.vision_wrap .vision_list {display:inline-block;width:79%;}
.vision_wrap .vision_list > li {position: relative;display: inline-block;width: 18rem;padding-top: 17rem;text-align: center;vertical-align: top;margin-right: 3rem;}
.vision_wrap .vision_list > li::after {content:'';position:absolute;top: 8rem;right: -2.5rem;width: 1.7rem;height: 1.7rem;background: url(../company/image/i_plus.png) no-repeat;}
.vision_wrap .vision_list > li:last-child::after {display:none;}
.vision_wrap .vision_list .vision1 {background: url(../company/image/i_vision1.png) no-repeat 50% 3rem;}
.vision_wrap .vision_list .vision2 {background: url(../company/image/i_vision2.png) no-repeat 50% 2.3rem;}
.vision_wrap .vision_list .vision3 {background: url(../company/image/i_vision3.png) no-repeat 50% 0;}
.vision_wrap .vision_list > li > strong {font-weight: 600;font-size: 1.4em;}
.vision_wrap .vision_list > li > p {margin-top: 0.5rem;font-size: 1.28em;line-height: 1.2;letter-spacing: -0.05em;color: #000;}

.organ_wrap {text-align: center;}
.organ_wrap .mobile {display: none;}

.company{position: relative}
.company .img_zoom{z-index:10;display:none;position:absolute;right:0;bottom:0;}
.company .img_zoom a {display:inline-block;width:27px;height:27px;color:transparent;background:#0065C5 url(../business/image/img_zoom.png) center center no-repeat;line-height:0;font-size:0;}
/*.organ_wrap img {width:100%;max-width:900px;margin:auto;}*/

@media only screen and (max-width:1023px) {
    .organ_wrap .pc {display: none;}
    .organ_wrap .mobile {display: block;}
}

@media only screen and (max-width:475px) {
    .company .img_zoom {display:inline-block;position: absolute; right: 0; bottom: 0;}
}

/*사업소개*/
.role_list {display:flex;flex-flow: wrap;justify-content: space-between;margin-top: 2rem;}
.role_list > li {position: relative;width: 49%;margin-bottom:2rem;padding: 1.8rem 2.3rem;background: #f2fbff;overflow: hidden;z-index: 1;}
.role_list > li::before {content:'';position:absolute;right: 0.8rem;bottom: -0.5rem;font-size: 5.5rem;font-weight: 900;color: #e5f2fa;line-height: 1;z-index: -1;}
.role_list > li.detail01::before {content: '01';}
.role_list > li.detail02::before {content: '02';}
.role_list > li.detail03::before {content: '03';}
.role_list > li.detail04::before {content: '04';}
.role_list > li > h4 {position: relative;padding-bottom: 0.8rem;margin-bottom: 1rem;font-size: 1.5rem;font-weight: 500;color: #000;letter-spacing: -0.06rem;}
.role_list > li > h4::after {content:'';position:absolute;left:0;bottom:0;width:2rem;height:1px;background:#000}
.role_txtlist > li {margin-bottom:0.3rem;font-size:1.15rem;font-weight:300;letter-spacing:-0.1rem;color:#393737;}
.role_txtlist > li:last-child {margin-bottom:0;}

.intro_mean p {font-size: 1.9rem;text-align: center;letter-spacing: -0.15rem;line-height: 1.3;margin: 1rem 0;padding-top: 2.5rem;background: url(../business/image/i_mean.png) no-repeat 50% 0;}
.intro_mean p strong {font-size: 2.3rem;color:#009fc7;font-weight: 700;}
.intro_mean .pc {display:block;text-align: center;margin-bottom: 4rem;}
.intro_mean .pc img {max-width: 100%;image-rendering: -webkit-optimize-contrast;}
.intro_mean .mobile {display:none;text-align: center;}
.intro_mean .mobile img {max-width: 80%;image-rendering: -webkit-optimize-contrast;}
.list_box {position:relative;width:100%;background:#f2f2f2;}
.intro_list {display: flex;width:90%;padding: 4.5rem 0;margin: 0 auto;justify-content: space-between;z-index: 1;}

.intro_list > li {margin:0 5px;}
.intro_list > li > strong {position: relative;display: block;padding-left: 1rem;margin-bottom: 0.8rem;font-size: 1.3rem;color: #303030;font-weight: 600;letter-spacing: -0.03rem;line-height: 1;}
.intro_list > li > strong::before {content:'';position:absolute;left:0;top: 2px;width:4px;height: 90%;background: #303030;}
.intro_list > li > img.pc {display:block;}
.intro_list > li > img.mobile {display:none;}
.intro_list > li > img {width:100%;height: auto;}

/*인증소개*/
.cross .quali_list {display: flex;justify-content: space-between;margin-bottom: 2rem;}
.cross .quali_list li {position: relative;width: 26.8rem;height: 15rem;padding: 2.5rem;color: #fff;margin-bottom: 0;}
.quali_list li.list1 {background: url(../business/image/business02_01.jpg) no-repeat;}
.quali_list li.list2 {background: url(../business/image/business02_02.jpg) no-repeat;}
.quali_list li.list3 {background: url(../business/image/business02_03.jpg) no-repeat;}
.quali_list li::after {position:absolute;right: -0.5rem;bottom: -0.5rem;font-size:6rem;font-weight:700;color:rgba(255,255,255,0.5);line-height: 1;}
.quali_list li.list1::after {content:'1';}
.quali_list li.list2::after {content:'2';}
.quali_list li.list3::after {content:'3';}
.cross .quali_list li strong {display: block;margin-bottom: 0.7rem;font-size:1.9em;font-weight:600;}
.cross .quali_list li p {color:#fff;font-size: 1.2em;line-height:1.3;font-weight:300;letter-spacing:-0.05rem;}
.cross .list_tit {font-size: 1.2em;color:#0066c5;vertical-align: middle;font-weight: 500;margin-top: 1rem;}
.cross .list_tit i {font-size: 0.5rem;vertical-align: middle;margin-top: -0.1rem;font-weight: 500;}
.cross .business_listwrap > li {margin-bottom:0;}
.cross .business_list {margin-top:10px;padding:30px 20px;background:#f5f5f5;}
.cross .business_list li {float: none;margin-bottom: 0;color: #646464;letter-spacing: -0.05rem;}
.brand_img {position: relative;display: flex;min-height: 10rem;padding: 2rem 1rem;margin-top: 1rem;align-items: center;justify-content: center;}
.brand_img img {width: 80%;}
.brand_txt {margin-top: 1.5rem;font-size: 1.45em;text-align: center;line-height: 1.3;font-weight: 500;letter-spacing: -0.1rem;word-break: keep-all;}

.cross .cross_img > img {width: 100%}
.cross .img_zoom {z-index:10;display:none;position:absolute;right:0;bottom:0;}
.cross .img_zoom a {display:inline-block;width:27px;height:27px;color:transparent;background:#0065C5 url(../business/image/img_zoom.png) center center no-repeat;line-height:0;font-size:0;}

.eng_small{font-weight: normal; font-size: 1.13em; padding: 20px 0 0 52px}

@media only screen and (max-width:767px) {
    .cross  {position: relative}
    .cross .img_zoom {display:inline-block;position: absolute; left: 0; bottom: 12px;}

    .eng_small{padding: 20px 0}
}

/* 인증제 소개 */
.apply_notice {font-size: 1.13em;letter-spacing: -0.05rem;color: #646464;}
.flex-box .apply_markwrap  {display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex-box .apply_markwrap .certif_mark .mark img {max-height:100%;}
.flex-box .apply_mark {width:50%;}
.flex-box .apply_mark:nth-child(2) {width:49%;}
.apply_mark {position:relative;overflow: hidden;padding: 0.6rem;z-index: 1;}
.apply_mark .mark {position:relative;display: flex;flex-wrap:wrap;width: 100%;height: 10rem;padding: 1rem 0;text-align: center;background: #fff;overflow: hidden;align-items: center;justify-content: center;}
.apply_mark::before {content:'';position:absolute;width: 110rem;height: 90rem;background: repeating-linear-gradient(#fff 0,#fff 3px, #a1a1a1 0px, #a1a1a1 2px, #fff 4px, #fff 5px, #a1a1a1 3px);transform: rotate(331deg) translate(0%, -27%);z-index: -1;}
.mark_txt {position: relative;margin-top: 1rem;font-size: 1.1rem;letter-spacing: -0.1rem;color: #000;line-height: 1.4;}
.apply_list {margin-top:40px;text-align:center;}
.apply_list .btn_apply {display:inline-block;background: #000;width: 12.5rem;height: 4.4rem;}
.apply_list .btn_apply > a {display:inline-block;width:100%;height:100%;color:#fff;font-size:1.1rem;font-weight: 300;line-height: 4.4rem;background: url(../business/image/btn_apply.png) no-repeat 85% 50%;}
.process_list {position:relative;display: flex;}
.process_list > li {position: relative;border:0.1rem solid #e2e2e2;border-left:0;padding: 1.6rem 1.4rem;margin-bottom: 0 !important;z-index: 0;overflow: initial !important;}
.process_list > li.process01 {border-left:0.1rem solid #e2e2e2;}
.process_list > li::after {content:'';position:absolute;top: 50%;right: -0.7rem;width: 1.5rem;height: 1.5rem;background: url(../business/image/process_arrow.png) no-repeat 50% 50%;z-index: 1;}
.process_list > li.process05::after {display:none;}
.process_list .top_cont {position:relative;padding-bottom: 1.2rem;border-bottom: 0.1rem solid #e2e2e2;}
.process_list .top_cont span {position: absolute;top: 0;left: 0;color:#2b4a8b;font-weight:700;}
.process_list .top_cont strong {display:block;padding-top: 9rem;text-align:center;font-size:1.3rem;font-weight: 400;}
.process_list .process01 .top_cont strong {background:url(../business/image/process01.png) no-repeat 50% 0.6rem;}
.process_list .process02 .top_cont strong {background:url(../business/image/process02.png) no-repeat 50% 0.6rem;}
.process_list .process03 .top_cont strong {background:url(../business/image/process03.png) no-repeat 50% 0.6rem;}
.process_list .process04 .top_cont strong {background:url(../business/image/process04.png) no-repeat 50% 0.6rem;}
.process_list .process05 .top_cont strong {background:url(../business/image/certif_mark.png) no-repeat 50% 0.6rem;background-size:80px;}
.process_list > li > p {text-align:center;padding: 1rem 0 0.5rem;}
    @media only screen and (max-width: 767px){
        .flex-box .apply_mark,
        .flex-box .apply_mark:nth-child(2) {width:100%;}
        .flex-box .apply_mark:nth-child(2) {margin-top:10px;}
    }

/*현장코칭*/
.coach_txt {text-align: center;}
.coach_txt > p {font-size: 1.7rem;line-height: 1.5;margin-top: 0.6rem;}
.coach01 .pc {display: block;max-width: 94%;image-rendering: -webkit-optimize-contrast;margin: 0 auto;}
.coach01 .mobile {display:none;}
.coach_process .pc {display: block;width: 100%;image-rendering: -webkit-optimize-contrast;}
.coach_process .mobile {display:none;}
.target_list {display:flex;flex-wrap: wrap;}
.target_list li {float: none !important;width: auto !important;min-width: 7rem;border: 0.1rem solid #134aa9;margin: 0 0.5rem 0.5rem 0 !important;padding: 0.5rem 1rem;border-radius: 2rem;color: #134aa9;font-size: 1rem;text-align: center;}
.target_list li:hover {background:#134aa9;color:#fff;}
.target_txt {margin-top: 1.5rem !important;}
.target_txt li {position: relative;float: none !important;margin-bottom: 0 !important;color: #646464;padding-left: 0.6rem;font-size: 1.1rem;}
.target_txt li::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.3rem;height:0.3rem;background:#646464;border-radius:50%;}
.support_list {display:flex;justify-content: space-between;}
.support_list li {float: none !important;width:33%;margin-bottom: 0 !important;}
.support_list li img {width:100%;margin-bottom:0.6rem;}
.tbl_scrollwrap {width: 100%;overflow-x: auto;}
.tbl_scrollwrap .tbl_type1 {table-layout: fixed;-webkit-text-size-adjust: none;}
.tbl_scrollwrap .tbl_type11 {table-layout: fixed;-webkit-text-size-adjust: none;}

.coach_btnlist {position: relative;background: #f2f2f2;padding: 1rem 1rem 0.7rem;}
.coach_btnlist::after {content:'';display:block;clear:both;}
.coach_btnlist > li {float: left;margin: 0 0.3rem 0.3rem 0;}
.coach_btnlist .coach_btn {max-width: 9.8rem;min-width: 7.8rem;height: 3rem;padding: 0;line-height: 2.7rem;border: 0.15rem solid #134aa9;font-size: 1.1rem;}
.coach_btnlist .coach_btn_on {max-width: 9.8rem;min-width:7.8rem;height: 3rem;padding: 0;line-height: 2.7rem;border: 0.15rem solid #134aa9;font-size: 1.1rem;}

.coach_tel {display: flex;width: 42rem;height: 5.6rem;margin-top: 1rem;border: 0.1rem solid #aeaeae;box-shadow: 0.1rem 0.1rem 0.7rem rgb(0 0 0 / 20%);}
.coach_tel .left {width: 43%;padding: 1.2rem 0 0 2rem;background: #f1f1f1;font-size: 1.2rem;font-weight: 500;line-height: 1.2;letter-spacing: -0.08rem;}
.coach_tel .tel {width: 57%;text-align:center;line-height: 5.4rem;}
.coach_tel .tel strong {margin-right: 1.5rem;font-size: 1.4rem;font-weight: 600;vertical-align: middle;}

.coach_more {margin-top: 1.5rem;height: 6rem;font-size: 1.3rem;background: url(../coach/image/bg_coachmore.png) no-repeat 95% 100%,linear-gradient(45deg, #e4fbf1, #dcf4f5);font-weight: 500;letter-spacing: -0.07rem;text-align: center;line-height: 6rem;}

/*안테나숍*/
.eng_stit {display:inline-block;font-size:20px;color:#00b1b7;font-weight:bold;line-height:normal;border-radius:50px;}
.shop_status {position: relative;display:flex;flex-wrap:wrap;}
.shop_status > li {width:auto;margin:2px;}
.shop_status > li > div {text-align: center;}
.shop_status > li > div img {max-width: 100%;height: auto;}
.cross_center_img {padding: 4em 0;background: #fff;}

.bg_plat {text-align:center;padding: 50px 0;margin-bottom: 1em;background: url(../shop/image/bg_slashborder.png) no-repeat 50% 50%;background-size: 100% 100%;}
.plat_txt1 {margin-top: 1rem;font-size: 1.18em;letter-spacing: -0.04em;color: #000;word-break: keep-all;margin-bottom: 0.5em;}
.plat_txt1 strong {color:#00b1b7;font-weight: 400;}
.plat_txt2 {font-size: 1.2em;font-weight: 300;color: #646464;word-break: keep-all;}
.plat_txt2 strong {color:#00b1b7;font-weight: 300;}

.shop_map {position:relative;}
.shop_map::after {content:'';display:block;clear:both;}
.shop_map .mapbox {float: left;width: 50%;margin-bottom: 0;}
[class~=cross] .shop_map .shop_info {float: right;width: 48%;text-align:left;font-size: 1.1em;margin-bottom: 0;}
.shop_infowrap {background: #eee;padding: 1rem 2rem;width: 95%;max-width: 1500px;margin: 2rem auto 1rem;text-align: center;}
.shop_infowrap .info_txt {margin:0.5rem 0;font-size: 1.2rem;}
.shop_info .tbl_type1 {border:0;}
.shop_info .tbl_type1 tbody tr td {border-bottom:1px solid #dedede;padding: 13px;text-align: left;}
.shop_info .tbl_type1 tr:first-child td {border-top: 1px solid #000;border-bottom: 1px solid #b2b2b2;}
.shop_info .tbl_type1 tr td:first-child {font-weight:600;}
    @media only screen and (max-width:767px){
        .shop_status > li {width:100%;}
    }

/**메인**/
.pc_only {display:block;}
.mobile_only {display:none;}
.main_diagramimg .pc_only {display:block;}
.main_diagramimg .mobile_only {display:none;}
#main_visual [class~=swiper-slide] div[class~=backgroundimg] .pc_only {height:80vh;width:100%;overflow: hidden;min-height:800px;}
/*
#main_visual [class~=swiper-slide] div[class~=backgroundimg] .pc_only {height:100vh;width:100%;overflow: hidden;min-height:800px;}
*/
#main_visual [class~=swiper-slide] div[class~=backgroundimg] .pc_only img {height:100%;width: auto;min-width: 100%;}
#main_visual [class~=sliderkit-text] {max-width: 1500px;height: auto;position: absolute;margin: 0;transform: translate(-50%,-50%);display: flex;flex-direction: row-reverse;justify-content: space-between;}
#main_visual [class~=sliderkit-text] div {opacity: 1;position: relative;}


#main_visual .visual_txt01 {color: #fff;margin-top: 5rem; text-shadow:2px 2px 3px #222;}
#main_visual .visual_txt01 .keyword {display: block;font-size: 3.0em;font-weight:300;margin-top:0.5em; font-family: 'Gmarket';}
#main_visual .visual_txt01 p {color:#fff;font-size: 2.4em;font-weight: 300;/*line-height: 1.1;*/}
#main_visual .visual_txt01 .big {display: block;font-size: 1.5em;padding: 0;margin: 0;background: none;border-radius: 0; font-family: 'Gmarket';}
#main_visual .visual_txt01 .sub_txt {font-size: 1.3em;font-weight: 300;letter-spacing: -0.06em;line-height: 1.5;margin-top: 1.5em;}

#main_visual .visual_txt02 {color: #fff;margin-top:100px;text-shadow:2px 2px 3px #222;}
#main_visual .visual_txt02 .keyword {display: block;font-size: 1.25em;font-weight:700;margin-bottom: 1.2em;}
#main_visual .visual_txt02 p {color:#fff;font-size: 2.4em;font-weight: 300;line-height: 1.3;}
#main_visual .visual_txt02 .big {display: block;font-size: 1.5em;padding: 0;margin: 0;background: none;border-radius: 0; font-family: 'Gmarket';}
#main_visual .visual_txt02 .sub_txt {font-size: 1.3em;font-weight: 300;letter-spacing: -0.06em;line-height: 1.5;margin-top: 1.5em;}

#main_visual .visual_txt03 {color: #fff;margin-top: 7rem; text-shadow:2px 2px 3px #222;}
#main_visual .visual_txt03 .keyword {display: block;font-size: 1.25em;font-weight:700;margin-bottom: 1.2em;}
#main_visual .visual_txt03 p {color:#fff;font-size: 2.4em;font-weight: 300;line-height: 1.3;}
#main_visual .visual_txt03 .big {display: block;font-size: 1.5em;padding: 0;margin: 0;background: none;border-radius: 0; font-family: 'Gmarket';}
#main_visual .visual_txt03 .sub_txt {font-size: 1.3em;font-weight: 300;letter-spacing: -0.06em;line-height: 1.5;margin-top: 1.5em;}






/*#main_tab {position: relative;width: 100%;max-width: 1500px;margin: 5.6rem auto;}
#main_tab h2 {position: relative;padding-left: calc(50% + 3.5rem);margin-bottom: 1.5rem;font-size: 3.6em;font-weight: 900;letter-spacing: -0.05em;line-height: 1;z-index: 1;}
#main_tab h2::after {content:'';display:block;clear:both;}
.maintab_menu {float: right;position:relative;width: 50%;padding-left: 3.5rem;z-index: 1;}
.maintab_menu:after {content:' ';height:0;font-size:0;display:block;visibility:hidden;clear:both;}
.maintab_menu li {float:left;position: relative;margin-left: 2rem;}
.maintab_menu li:first-child {margin-left:0;}
.maintab_menu li a {position: relative;display:block;padding: 0.5rem 1.5rem 0.5rem 0;color: #bbb;font-size: 1.9em;font-weight: 600;text-align:center;}
.maintab_menu li.current::before {content:'';position:absolute;bottom: 0;left: 0;display:block;width:100%;height: 0.8rem;background: rgba(0,177,199,0.2);z-index: -1;}
.maintab_menu li.current::after{content:'';position:absolute;right:0;top:0;width: 1.3rem;height: 1.2rem;background: url(../image/btn_tab.png) no-repeat 50%;}
.maintab_menu li.current a {color: #000;}
.maintab_content {position:relative;font-weight:bold;border-top:0;background:#fff;}
.maintab_content::after {content:'';display:block;clear:both;}
#main_tab .img_wrap {float:left;width: 50%;margin-top: -4rem;}
#main_tab .img_wrap img {width:100%;}
#main_tab .txt_wrap {float: right;width: 50%;padding-left: 3.5rem;margin-top: 1rem;}
#main_tab .tab_txt {background: #eee;padding: 2rem 1.8rem;min-height: 14rem;}
#main_tab .tab_txt p {letter-spacing: -0.05em;color: #000;font-weight: 400;background: #eee;font-size: 1.2em;}
#main_tab .btn_tabmore {display: inline-block;background: #fff;border: 0.1rem solid #000;margin-top: 2.9rem;width: 17rem;height: 3.8rem;box-sizing: border-box;line-height: 3.6rem;font-size: 1.2em;}
#main_tab .btn_tabmore a {display:inline-block;position: relative;width:100%;height:100%;padding: 0 2rem;color: #000;vertical-align: top;}
#main_tab .btn_tabmore a i {position: absolute;width: 1rem;height: 1rem;margin-left:1rem;right: 2rem;top: 50%;transform: translateY(-50%);background: url(../image/btn_arrow_off.png) no-repeat 0 50%;}
#main_tab .btn_tabmore:hover {background: linear-gradient(90deg, #046ef1, #009fc7);border: 0.1rem solid #fff;}
#main_tab .btn_tabmore:hover a {color: #fff;}
#main_tab .btn_tabmore:hover a i {background: url(../image/btn_arrow.png) no-repeat 0 50%;}*/



#main_banner{position: relative;width:100%;max-width: 1500px;margin: 5.6rem auto;}
.mainbanner_content  {width: 100%;/*margin: -3rem auto 0;padding: 4.5rem 0;*/ background: #fff;}
.banner_list {display:flex;justify-content: space-between;max-width: 1500px;margin: 0 auto;}
.banner_list > li {width:29%;box-shadow: 0 0 1rem rgb(0 0 0 / 20%); height:370px; border-radius:20px;}
.main_banner01{  }
.main_banner02{  }
.main_banner03{  }
.m_bg01{background:#0096a5;}
.m_bg02{background:#3067b9;}
.m_bg03{background:#007aff;}

#main_banner .img_wrap {float:right;width: 50%;margin-top: -40px; margin-right:30px;}
#main_banner .img_wrap img {width:auto;}
#main_banner .txt_wrap {padding: 2rem;margin-top: 0rem;}

#main_banner .banner_txt p{letter-spacing: -0.05em;color: #fff;font-family: 'Gmarket';font-weight:300; height:75px;}
.banner_tit{font-weight:500 !important;font-size: 2em; padding-bottom:10px;}
#main_banner .img_wrap:hover{animation: motion 0.3s linear 0s infinite alternate; margin-top:-40px; width:175px; height:175px;}
#main_banner .img_wrap{width:175px; height:175px;}
@keyframes motion {
	0% {margin-top: -40px;}
	100% {margin-top:-25px;}
}
#main_banner .btn_bmore {display: inline-block;background: #000;height: 2.3rem;box-sizing: border-box;line-height:2.2rem;font-size:0.8em; border-radius:50px; float:left; margin-top:20px;}
#main_banner .btn_bmore a {display:inline-block;position: relative;width:100%;height:100%;padding: 0 1rem;color: #fff;vertical-align: top;font-weight:500;}
#main_banner .btn_bmore:hover {background:#fff;}
#main_banner .btn_bmore:hover a {color: #000; font-weight:500;}




#main_news {position: relative;margin-top:-70px;background:#008332; z-index: 1;}
.news_wrap {display: flex;max-width: 1500px;margin: 0 auto;height: 100%;}
.news_more {position:relative;height: 70px;width: 240px;line-height: 70px;vertical-align: top; font-family:'Gmarket'; /*border-right:1px solid #fff;*/}
.news_more a {display:inline-block;width:100%;height:100%;padding:5px 20px 5px 0px;color: #fff;font-size: 1.7em;font-weight: 500;vertical-align: top;background: url(../images/common/next_arr.png) no-repeat 100% 60%;}
.news_slide {display:inline-block;width: calc(100% - 240px);height: 70px;}
.news_slide .swiper-wrapper {}
.news_slide .swiper-container {height:70px;}
.news_slide .part {display: inline-block;width: 80px;margin-right: 10px;border-radius: 20px;padding: 5px 0;color: #fff;text-align: center;font-weight: 300;vertical-align: middle; background:#000;}
.news_slide p {display: inline-block;width: calc(100% - 200px);color: #fff;font-size: 1.2em;font-weight: 300;line-height: 70px;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_slide .date {display: inline-block;font-size: 1.1em;font-weight: 300;color: #fff;vertical-align: middle; padding-right:10px;}
.news_slide .swiper-slide {padding: 0 30px;}
.news_slide .swiper-slide a {display:flex;align-items:center;width:100%;height:100%;vertical-align: middle;}
.news_slide .swiper-button-prev, .news_slide .swiper-button-next {display:block !important;top: auto;right: 15px;margin: 0;transform: rotate(90deg);width: 10px;height: 20px;left: auto;}
.news_slide .swiper-button-prev {top: 15px;}
.news_slide .swiper-button-next {bottom: 15px;}
.news_slide .swiper-button-prev:after, .news_slide .swiper-button-next:after {font-size:1em;}



/*메인게시판*/
#news_board {position:relative; width:100%; margin:0 auto; }
.board_wrap{width:100%; max-width:1500px; margin:5rem auto; min-height:500px;}


/*메인게시판-공지*/
.notice{float:left; height:300px;  width: calc(100% - 24% - 40px ); position: relative;}

.title_top {display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center;}
.title_top .lf {display: flex; gap: 20px; align-items: center;}
.title_top .lf > .tit {color:#000;font-family: 'Gmarket'; font-weight:600; font-size: 1.8rem;}

.title_top .rg .tab_btn {display: flex; gap: 35px; padding-right: 70px;}
.title_top .rg .tab_btn > a {position: relative;font-size: 1.2rem; font-weight:500; color: #555; white-space: nowrap;}
.title_top .rg .tab_btn > a.on {font-weight:700;color:#019b3d;}
.title_top .rg .tab_btn > a::after {content: ""; position: absolute; top:13px; right: -21px;  width: 5px;  height: 5px; background: #C5C5C599;  border-radius: 100%;}
.title_top .rg .tab_btn > a:last-child::after {display: none;}

.tab_conts > .tab_cont {display: none;}
.tab_conts > .tab_cont > .list > li {padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.tab_conts > .tab_cont > .list > li > a {position: relative; display: flex; gap: 40px; align-items: center;}
.tab_conts > .tab_cont > .list > li > a::after {content: ""; position: absolute;/* top: 50%; transform: translateY(-50%);*/ right: 0; width: 40px; height: 40px; background: url(../images/main/arrow.png)no-repeat center center / 41px; transition: transform 0.3s ease;}
.tab_conts > .tab_cont > .list > li > a:hover::after {transform: translateX(-50%)/* rotate(-45deg)*/;}
.tab_conts > .tab_cont > .list > li > a > .cate {display: inline-block; font-size:1rem; color: #fff; font-weight: 500; line-height: normal;  padding:8px;  border-radius: 0.5rem;  white-space: nowrap; width:110px; text-align:center;}
.tab_conts > .tab_cont > .list > li > a > .cate1 {background-color: #ff8502;}
.tab_conts > .tab_cont > .list > li > a > .cate2 {background-color: #3067b9;}
.tab_conts > .tab_cont > .list > li > a > .cate3 {background-color: #0096a5;}
.tab_conts > .tab_cont > .list > li > a > p > .tit {font-size:1.2rem;line-height: normal;  font-weight:500;  color: #333;   max-width: 500px;  margin-bottom: 12px;}
.date {display: flex; gap: 10px; text-align:right;  font-size: 1rem;   color: #757575;  line-height: normal;}




/********** 텍스트 ...처리 **********/
.txt-over1 {display: -webkit-box;display: -ms-flexbox;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;} /* 1줄 */
.txt-over2 { display: -webkit-box; display: -ms-flexbox; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } /* 2줄 */
.txt-over3 { display: -webkit-box; display: -ms-flexbox; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } /* 3줄 */



/*메인게시판-배너*/
.r_banner{ float:right;height:auto;  width: 23%; margin-top:40px;}
.r_wrap{}
.banner_wrap{border:1px solid #e5e5e5; padding:10px 30px 10px 30px; border-radius:5px;margin-top:12px; /*text-align:center;*/}
.banner_wrap span{font-family: 'Gmarket'; font-weight:550; font-size: 1.3rem; color:#0095a9; padding-left:10px;}
.banner_wrap img{text_aling:left;}

/*메인검색창*/
.search_wrap{ margin:2.5rem auto; text-align:center; background:#fff; width:100%;}
.main_search{position: relative;display: flex; flex-direction: column; align-items: center;/*max-width:1500px;*/}
.main_search > .tit {font-weight: 700;font-size: 3.8rem; margin-bottom: 35px; text-align: center; word-break: keep-all;}
.main_search .main_search_box {position: relative;width: 850px; display: flex; z-index: 1;}
.main_search .main_search_box > input {position:relative;padding: 0 20px; width: 100%;  border: 1px solid #7f7f7f;  height: 50px; }
.main_search .main_search_box > input:focus { outline: none;}
.main_search .main_search_box > input::-webkit-search-decoration,
.main_search .main_search_box > input::-webkit-search-cancel-button,
.main_search .main_search_box > input::-webkit-search-results-button,
.main_search .main_search_box > input::-webkit-search-results-decoration{
    display:none;
}

.main_search .main_search_box > button {position: absolute; top: 50%; transform: translateY(-50%); right: 22px;}
.main_search .main_search_box > button {width:25px; height:25px;}
.main_search .main_search_box > button {background:url(../images/main/search_icon.png) no-repeat 0 0; background-size: contain; }
.hide {overflow: hidden; position:absolute; width:1px; height:1px; margin:-1px; clip: rect(0 0 0 0);}


/*R&D CLUSTER*/


.cluster_cont { }
.cluster_cont .clu_list {display:flex;justify-content: space-between;max-width: 1500px;margin: 0 auto;}
.cluster_cont .clu_list > li {width: 31%;box-shadow: 0 0 1rem rgb(0 0 0 / 20%);}
.cluster_cont .clu_list > li.board1 {background:url(../image/bg_board01.jpg) no-repeat 50% 50%;background-size:cover;}
.cluster_cont .clu_list > li.board2 {background:url(../image/bg_board02.jpg) no-repeat 50% 50%;background-size:cover;}
.cluster_cont .clu_list > li.board3 {background:url(../image/bg_board03.jpg) no-repeat 50% 50%;background-size:cover;}
.cluster_cont .clu_list > li > div {display: flex;position:relative;height: 230px;text-align:center;color: #fff;align-items: center;justify-content: center;flex-direction: column;}
.cluster_cont .clu_list > li > div strong {position:relative;font-size: 1.6rem;font-weight: 600;text-shadow: 0.1rem 0.1rem 0.3rem rgb(0 0 0 / 90%);line-height: 1;}
.cluster_cont .clu_list > li .btn_download {display: inline-block;margin-top: 0.8rem;padding: 0 0.7rem;background: #fff;border-radius: 1rem;letter-spacing: -0.05rem;vertical-align: middle;}
.cluster_cont .clu_list > li .btn_download i {display: inline-block;margin-left: 0.3rem;width: 11px;height: 9px;background: url(../image/i_down.png) no-repeat;}



/*클러스터 */
#cluster{background: url(/images/main/cluster_bg.jpg) no-repeat #efefef; background-size:cover;}
.cluster_top {/*height: 350px;*/margin-bottom: -5rem;}
.cluster_top .clu_tit {font-size:4rem;color:#008332;width: 100%;max-width: 1500px;margin: 0 auto;padding-top: 5rem; padding-bottom: 5rem;letter-spacing: -0.1rem;font-weight: 300; text-align:center; font-family:'Gmarket';}
.cluster_top .clu_tit strong {font-size:4rem;font-weight: 600;}
.cluster h2 { margin-bottom: 6rem;  text-align: center;    line-height: 1.4;    font-size: 4rem;}

/* 중앙정렬 */
.inner {
    width: 100%;
    max-width: calc(144rem + 120px);
    margin: 0 auto;
    padding: 0px 60px 140px 60px;
	background: url('../images/main/bottom_bg.png') no-repeat center bottom;
	
}

@media (max-width: 1560px) {
    .inner {
        max-width: calc(144rem + calc(100vw * (120 / 1560)));
        padding: 0 calc(100vw * (60 / 1560));
    }
}

@media (max-width: 1180px) {
    .inner {
        max-width: 100%;
        padding: 0 calc(100vw * (50 / 1180));
    }
}

@media (max-width: 767px) {
    .inner {
        padding: 0 calc(100vw * (48 / 767));
    }
	
}


.cluster .swiper_cluster {position: relative;}
.cluster .inner .swiper-slide {width: 100rem;}
.cluster .inner .hgroup {position: relative; /*height: 42rem;*/}
.cluster .inner .hgroup img.mo {display: none;}

.cluster .title {position: absolute; left: 0; top: 0;  display: flex;  flex-direction: column;  justify-content: space-between;  width: 31rem;  height: 13rem;  padding: 3rem 2rem 3.6rem 2rem;}
.cluster .title::before {content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: linear-gradient(305deg, #009011 0%, #005e0b 100%); clip-path: polygon(100% 0, 100% 84%, 89% 100%, 0 100%, 0 0);/*opacity: .8;*/}
.cluster .title .paging {position: relative; display: flex;  align-items: end;  z-index: 1;}
.cluster .title .paging .current {color: #fff;font-size: 2.4rem; font-weight: 600; }
.cluster .title .paging .total {position: relative; margin-left: .7rem; padding-left: 1.1rem; color: #fff; opacity: .5; font-size: 1.6rem;}
.cluster .title .paging .total::before {content: ""; position: absolute; left: 0;  top: 50%;  width: 16px;  height: 23px;  background: url("../images/main/cluster_total.png") no-repeat left top; transform: translateY(-50%);}
.cluster .title .txt {position: relative; color: #fff; line-height: 1.2; font-size: 2.2rem; font-weight:400;  z-index: 1; border-bottom:1px solid #fff; font-family:'Gmarket'; margin-top:15px;letter-spacing:-0.05rem;}
.cluster .title .txt span{position: relative; color: #fff;font-size:1.2rem; font-weight:300;   display:block;}

.cluster  .explain {display: flex; gap: 8rem; margin-top: 4rem;}
.cluster  .explain h3 {overflow: hidden; height: 8.8rem; flex-basis: 35%; line-height: 1.4; font-size: 3.4rem; background: linear-gradient(305deg, #0097F6 0%, #09DD8D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.cluster  .explain .right {flex-basis: 65%;}
.cluster  .explain .right .txt { color: #111;line-height: 1.45; font-size: 2.2rem; font-weight: 600;}
.cluster  .explain .hash_list {overflow: hidden; margin-top: 1.6rem; margin-left: -.8rem;}
.cluster .explain .hash_list li {float: left; margin-top: 1.2rem; margin-left: .8rem; color: #555;  font-size: 1.8rem; font-weight: 500;}


#cluster [class~=swiper-button-prev] {
    left: 20px;
    top: 55%;
    margin-top: -25px;
    display: block;
    background: url("../images/main/visual_prev_on.png") center center no-repeat #333;
    opacity: 0.8;
    width: 50px;
    height: 60px;
    color: rgba(255,255,255,0);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
	
	
	
}

[class~=swiper-container-rtl] [class~=swiper-button-next] {
    left: 20px;
    top: 55%;
    margin-top: -25px;
    display: block;
    background: url("../images/main/visual_prev_on.png") center left no-repeat;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    color: rgba(255,255,255,0);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease
}

#cluster [class~=swiper-button-next] {
    right: 20px;
    top: 55%;
    margin-top: -25px;
    display: block;
    background: url("../images/main/visual_next_on.png") center center no-repeat #333;
    opacity: 0.8;
    width: 50px;
    height: 60px;
    color: rgba(255,255,255,0);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease
}

[class~=swiper-container-rtl] [class~=swiper-button-prev] {
    right: 20px;
    top: 55%;
    margin-top: -25px;
    display: block;
    background: url("../images/main/visual_next_on.png") center right no-repeat;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    color: rgba(255,255,255,0);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease
}

#cluster [class~=swiper-button-prev]:hover {
    opacity: 1
}

[class~=swiper-container-rtl] [class~=swiper-button-next]:hover {
    opacity: 1
}

#cluster [class~=swiper-button-next]:hover {
    opacity: 1
}

[class~=swiper-container-rtl] [class~=swiper-button-prev]:hover {
    opacity: 1
}




.cluster .swiper_top [class^="swiper-button"] {
    width: 2.4rem;
    height: 4.8rem;
    margin: 0;
    background: none;
}

.cluster .swiper_top [class^="swiper-button"]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/images/main/cluster_arrow01.png") no-repeat left top / 100% 100%;
	/*border:1px solid #333 !important;*/
}

.cluster .swiper_top .swiper-button-next::after {transform: rotate(180deg);}

.cluster .swiper_top .swiper-button-prev {top:12rem; left: 7.8rem;}
.cluster  .swiper_top .swiper-button-next {right: 7.8rem; top: 12rem;}



.cluster  .swiper_bottom {
    width: 1000px;
    position: relative;
    top: -108px;
    margin: 0 auto;
    z-index: 10;
}

.cluster  .swiper_bottom .swiper_bottom_inner {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

.cluster .swiper_bottom [class^="swiper-button"] {
    position: relative;
    left: auto;
    right: auto;
    width: 1.3rem;
    height: 2rem;
    margin: 0;
    background: none;
}

.cluster  .swiper_bottom [class^="swiper-button"]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/main/ico_business_arrow02.svg") no-repeat left top / 100% 100%;
    transition: all .2s;
}

.cluster  .swiper_bottom .swiper-button-next::after {
    transform: rotate(180deg);
}

.cluster  .swiper_bottom .swiper-pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cluster  .swiper_bottom .swiper-pagination-bullet {
    position: relative;
    width: .6rem;
    height: .6rem;
    margin: 0 .4rem;
    background: #D9D9D9;
    opacity: 1;
    transition: all .1s;
}

.cluster .swiper_bottom .swiper-pagination-bullet-active {
    margin: 0 .9rem;
    background: none;
}

.cluster  .swiper_bottom .swiper-pagination-bullet-active .spinner {
    opacity: 1;
}

.cluster  .swiper_bottom .swiper-pagination-bullet-active .spinner::after {
    opacity: 1;
    animation: spinner 4s linear;
}

.cluster .swiper_bottom .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 16px;
    height: 16px;
    border: 4px solid #D9D9D9;
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(48deg);
    clip-path: circle(50% at 50% 50%);
    opacity: 0;
    transition: all .1s;
}

.cluster .swiper_bottom .spinner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    inset: -4px;
    border-radius: 50%;
    background: linear-gradient(305deg, #0097F6 0%, #09DD8D 100%);
    clip-path: circle(100% at 50% 50%);
    -webkit-mask: radial-gradient(5px, transparent 95%, #000) 0 0;
    mask: radial-gradient(5px, transparent 95%, #000) 0 0;
    opacity: 0;
}

/*
.cluster .swiper-slide {
    margin-left: 4px;
    margin-right: 10px;
}
*/


/* business slide animation */
.cluster .swiper-slide :is(.hgroup .title, .hgroup .txt, .explain) {
   /*
	visibility: hidden;
	*/
	opacity: 0.4;
    transition: opacity .2s .2s;
}

.cluster .swiper-slide :is(.pc) {
	filter: brightness(50%);
}


.cluster .swiper-slide-active :is(.hgroup .title, .hgroup .txt, .explain, .pc) {
    visibility: visible;
    opacity: 1;
}
.cluster .swiper-slide-active :is(.pc) {
	filter: brightness(100%);
}

/* only pc */
@media (min-width: 1181px) {
    .cluster .swiper_bottom [class^="swiper-button"]:hover::after {
        background-image: url("../images/main/ico_business_arrow02_hover.svg");
    }
}

@media (max-width: 1180px) {
    .inner {
        padding: 0;
    }

    .cluster .swiper-slide {
        width: calc(100vw * (1000 / 1180));
    }

    .cluster .hgroup {
        height: calc(100vw * (420 / 1180));
    }

    .cluster .title {
        width: calc(100vw * (370 / 1180));
        height: calc(100vw * (234 / 1180));
        padding: calc(100vw * (30 / 1180)) calc(100vw * (40 / 1180)) calc(100vw * (30 / 1180)) calc(100vw * (30 / 1180));
    }

    .cluster .title .paging .current {
        font-size: calc(100vw * (24 / 1180));
    }

    .cluster .title .paging .total {
        margin-left: calc(100vw * (7 / 1180));
        padding-left: calc(100vw * (11 / 1180));
        font-size: calc(100vw * (16 / 1180));
    }

    .cluster .title .paging .total::before {
        content: "/";
        top: 0;
        bottom: 0;
        margin-top: calc(100vw * (1 / 1180));
        background: none;
        transform: none;
        font-size: calc(100vw * (12 / 1180));
        font-weight: 500;
    }

    .cluster .title .txt {
        font-size: calc(100vw * (24 / 1180));
    }

    .cluster .explain {
        gap: calc(100vw * (165 / 1180));
        margin-top: calc(100vw * (40 / 1180));
    }

    .cluster .explain h3 {
        flex-basis: 35%;
        font-size: calc(100vw * (34 / 1180));
    }

    .cluster .explain .right .txt {
        font-size: calc(100vw * (22 / 1180));
    }

    .cluster .explain .hash_list {
        margin-top: calc(100vw * (16 / 1180));
        margin-left: calc(100vw * (-8 / 1180));
    }

    .cluster .explain .hash_list li {
        margin-top: calc(100vw * (12 / 1180));
        margin-left: calc(100vw * (8 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }

    .cluster .swiper_top [class^="swiper-button"] {
        display: none;
    }

    .cluster .swiper_bottom {
        width: calc(100vw * (1000 / 1180));
        position: relative;
        top: calc(100vw * (-108 / 1180));
    }

    .cluster .swiper_bottom .swiper_bottom_inner {
        gap: calc(100vw * (11 / 1180));
    }

    .cluster .swiper_bottom [class^="swiper-button"] {
        width: calc(100vw * (13 / 1180));
        height: calc(100vw * (20 / 1180));
    }

    .cluster .swiper_bottom .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
    }

    .cluster .swiper_bottom .swiper-pagination-bullet-active {
        margin: 0 9px;
    }

    .cluster .swiper_bottom .spinner {
        width: 16px;
        height: 16px;
        border-width: 3px;
    }

    .cluster .swiper_bottom .spinner::after {
        inset: -3px;
        -webkit-mask: radial-gradient(5px, transparent 95%, #000) 0 0;
        mask: radial-gradient(5px, transparent 95%, #000) 0 0;
    }
}

@media (max-width: 767px) {
    .inner {
        padding: 0 calc(100vw * (48 / 767));background: url('../images/main/bottom_bg.png') no-repeat center bottom; padding-bottom:50px
    }

    .cluster {width: 100%; overflow:hidden; margin-top:30px;    }

    .cluster .swiper-slide {
        width: 100%;
    }

    .cluster .hgroup {
        height: calc(100vw * (840 / 767));
    }

    /*.cluster .hgroup img.pc {
        display: none;
    }
	.cluster .inner .hgroup img.mo {display: block;}*/
	
	.cluster .inner .hgroup img.pc {display: none;}
	

    .cluster .inner .hgroup img.mo {
        display: block;
        width: 100%;
        height: 100%;
        box-shadow: 0px calc(100vw * (8 / 767)) calc(100vw * (80 / 767)) rgba(62, 176, 191, 0.10);
    }

    .cluster .title {
        top: auto;
        bottom: 0;
        width: calc(100vw * (554 / 767));
        height: calc(100vw * (270 / 767));
        padding: calc(100vw * (50 / 767));
    }

    .cluster .title::before {
        background: linear-gradient(305deg, #009011 0%, #005e0b 100%); clip-path: polygon(100% 0, 100% 84%, 89% 100%, 0 100%, 0 0);
    }

    .cluster .title .paging {
        position: relative;
        width: fit-content;
        padding:0;
    }

    .cluster .title .paging::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: calc(100vw * (21 / 767));
        height: calc(100vw * (36 / 767));
        background: url("../images/main/ico_business_arrow_m.svg") no-repeat left top / 100% 100%;
        transform: translateY(-50%);
    }

    .cluster .title .paging::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: calc(100vw * (21 / 767));
        height: calc(100vw * (36 / 767));
        background: url("../images/main/ico_business_arrow_m.svg") no-repeat left top / 100% 100%;
        transform: translateY(-50%) rotate(180deg);
    }

    .cluster .title .paging .current {
        font-size: calc(100vw * (40 / 767));
    }

    .cluster .title .paging .total {
        margin-left: calc(100vw * (17 / 767));
        padding-left: calc(100vw * (22 / 767));
        font-size: calc(100vw * (28 / 767));
    }

    .cluster .title .paging .total::before {
        font-size: calc(100vw * (24 / 767));
    }

    .cluster .title .txt {
        font-size: calc(100vw * (40 / 767));
    }

    .cluster .explain {
        display: block;
        margin-top: calc(100vw * (72 / 767));
    }

    .cluster .explain h3 {
        height: auto;
        font-size: calc(100vw * (56 / 767));
    }

    .cluster .explain .right .txt {
        margin-top: calc(100vw * (52 / 767));
        font-size: calc(100vw * (36 / 767));
    }

    .cluster .explain .hash_list {
        margin-top: calc(100vw * (36 / 767));
        margin-left: calc(100vw * (-16 / 767));
    }

    .cluster .explain .hash_list li {
        margin-top: calc(100vw * (20 / 767));
        margin-left: calc(100vw * (16 / 767));
        font-size: calc(100vw * (32 / 767));
    }

    .cluster .swiper_top [class^="swiper-button"] {
        display: none;
    }

    .cluster .swiper_bottom {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: calc(100vw * (52 / 767));
        padding-bottom: calc(100vw * (10 / 767));
    }

    .cluster .swiper_bottom .swiper_bottom_inner {
        justify-content: center;
    }

    .cluster .swiper_bottom [class^="swiper-button"] {
        display: none;
    }

    .cluster .swiper_bottom .swiper-pagination {
        display: block;
    }

    .cluster .swiper_bottom .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 5px;
    }

    .cluster .swiper_bottom .spinner {
        width: 36px;
        height: 36px;
        border-width: 6px;
    }

    .cluster .swiper_bottom .swiper-pagination-bullet-active {
        margin: 0 16px;
    }

    .cluster .swiper_bottom .spinner::after {
        inset: -6px;
        -webkit-mask: radial-gradient(12px, transparent 95%, #000) 0 0;
        mask: radial-gradient(12px, transparent 95%, #000) 0 0;
    }

}

@media (max-width: 480px) {
    .cluster .swiper_bottom .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 2px;
    }

    .cluster .swiper_bottom .spinner {
        width: 18px;
        height: 18px;
        border-width: 3px;
    }

    .cluster .swiper_bottom .swiper-pagination-bullet-active {
        margin: 0 7px;
    }

    .cluster .swiper_bottom .spinner::after {
        inset: -3px;
        -webkit-mask: radial-gradient(6px, transparent 95%, #000) 0 0;
        mask: radial-gradient(6px, transparent 95%, #000) 0 0;
    }

}

/*클러스터*/









.mainboard_tit {font-size:2.5em;font-weight: 900;letter-spacing:-0.04em;border-bottom: 0.1rem solid #000;}
.mainboard_tit + .active .simple_lat li {padding-left:0;}
.notice_area .btn_boardlink {display: inline-block;position: absolute;right: 0;top: 0.8rem;width: 4rem;height: 2rem;background: linear-gradient(90deg, #046ef2, #009fc7);color: #fff;font-size: 1.05rem;font-weight: 300;border-radius: 1.1rem;line-height: 1.8rem;vertical-align: middle;text-align: center;}

.main_board .board_top {background: url(../image/bg_mainboard.png) no-repeat 50% 0;background-size: cover;height: 350px;margin-bottom: 3rem;}
.main_board .board_top .boardwrap_tit {font-size: 1.8rem;color:#fff;width: 100%;max-width: 1500px;margin: 0 auto;padding-top: 5rem;letter-spacing: -0.1rem;}
.main_board .board_top .boardwrap_tit strong {display:block;font-size:2.8rem;font-weight: 600;}
.main_board .boardwrap_cont {width: 100%;max-width: 1650px;margin: -12.5rem auto 0;background: #fff;padding: 4.5rem 0;}
.main_board .boardwrap_cont .board_list {display:flex;justify-content: space-between;max-width: 1500px;margin: 0 auto;}
.main_board .boardwrap_cont .board_list > li {width: 31%;box-shadow: 0 0 1rem rgb(0 0 0 / 20%);}
.main_board .boardwrap_cont .board_list > li.board1 {background:url(../image/bg_board01.jpg) no-repeat 50% 50%;background-size:cover;}
.main_board .boardwrap_cont .board_list > li.board2 {background:url(../image/bg_board02.jpg) no-repeat 50% 50%;background-size:cover;}
.main_board .boardwrap_cont .board_list > li.board3 {background:url(../image/bg_board03.jpg) no-repeat 50% 50%;background-size:cover;}
.main_board .boardwrap_cont .board_list > li > div {display: flex;position:relative;height: 230px;text-align:center;color: #fff;align-items: center;justify-content: center;flex-direction: column;}
.main_board .boardwrap_cont .board_list > li > div strong {position:relative;font-size: 1.6rem;font-weight: 600;text-shadow: 0.1rem 0.1rem 0.3rem rgb(0 0 0 / 90%);line-height: 1;}
.main_board .boardwrap_cont .board_list > li .btn_download {display: inline-block;margin-top: 0.8rem;padding: 0 0.7rem;background: #fff;border-radius: 1rem;letter-spacing: -0.05rem;vertical-align: middle;}
.main_board .boardwrap_cont .board_list > li .btn_download i {display: inline-block;margin-left: 0.3rem;width: 11px;height: 9px;background: url(../image/i_down.png) no-repeat;}

.main_board .boardwrap_cont .btn_more {position:relative;display: inline-block;background: #fff;margin-top: 2rem;width: 11rem;height: 3rem;box-sizing: border-box;line-height: 3rem;color:#666;transition:all .4s;-webkit-transition:all .4s;}
.main_board .boardwrap_cont .btn_more i {position: absolute;width: 1rem;height: 1rem;margin-left:1rem;right: 2rem;top: 50%;transform: translateY(-50%);background: url(../image/btn_arrow_off.png) no-repeat 0 50%;}
.main_board .boardwrap_cont .btn_more:hover {background: linear-gradient(90deg, #046ef1, #009fc7);color: #fff;}
.main_board .boardwrap_cont .btn_more:hover i {background: url(../image/btn_arrow.png) no-repeat 0 50%;}


/*디테일 수정작업*/
[class~=sub_location] ul[class~=dep2] li span {color:#209026 !important;}
[class~=sub_location] ul li a:hover {background: #e9e9e9 !important;}
#sideMenu [class~=side_title] {background-color:#008332 !important;}
#sideMenu [class~=navi_set] ul li a:hover {background-color:#fff !important; color: #008332 !important;}

/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){
    /*메인*/
    #main_visual [class~=sliderkit-text] {max-width:95%;}
    #main_visual [class~=swiper-pagination] {width: 95%;margin: 0 auto;}
    .diagram {width:50%;}
    .maintxt {width:50%;}
    .diagram .main_diagramimg .pc_only img {width:100%;}

    .main_board .board_top .boardwrap_tit {width: 96%;}
    .main_board .boardwrap_cont .board_list {width: 96%;}
    .news_slide {padding-right: 50px;}
    .news_slide .swiper-slide {padding:0 1rem;}
    .news_slide .swiper-slide a {width:95%;}
    .news_slide .date {font-size:0.8em; letter-spacing:-0.05em;}
    #main_tab {width:95%;margin: 3rem auto;}
    #main_tab .btn_tabmore {margin-top:1rem;}
    #comm_wrap {width:95%;margin: 0 auto;}


    .vision_wrap .vision_list > li {width: 14rem;background-size: contain !important;padding-top: 13rem;}

    .apply_list > li {width:48%;}

    .support_list li {width: 33% !important;}
}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
    .hello_txt {margin-bottom: 4em;}
    .ceo_txt {padding-left:2em;}
    .ceo_img {padding:0;}
    .ceo_img img {width:100%;}
    .cross .quali_list li {width:32%;padding: 2rem 1.5rem;}
    .cross .quali_list li p {font-size: 0.92em;}

    .cross .cross_center.mean_txt .cross_tit img {margin: 0.7rem 0;}

	.intro_list > li {width: 32%;}

    .apply_list > li {width:49%;background-size: 40% 100% !important;}
	[class~=sns_box] {display: inline-block; width:100%; }
	[class~=sns_box] li a {float: left;}
	#sub_visual [class~=sub_title] {padding-left:20px;}
	.part_item {width: 100%;}
	[class~=scontents]  {width: 100%;}
	[class~=scontents] [class~=bg_vline] {height: 50px;}
	
	
	
	
	
   


}

/* 반응형 중간기기 1100px 사이즈 이하*/
@media (max-width: 1100px){
    /*메인*/
	.pc_only {display:none;}
    .mobile_only {display:block;}
    #main_visual [class~=sliderkit-text] {height:auto;margin: 0;top: 0;height: 100%;width: 100%;max-width: 100%;flex-direction: column-reverse;transform: none;}
    #main_visual [class~=sliderkit-text] div {opacity: 1;}
    #main_visual [class~=swiper-slide] div[class~=backgroundimg] .pc_only {display:none;}
    #main_visual [class~=swiper-slide] div[class~=backgroundimg] .mobile_only {display:block;}
    .main_diagramimg .pc_only {display:none;}
    .main_diagramimg .mobile_only {display:block;width: 100%;height:100%;}
    .main_diagramimg .mobile_only img {width:100%;height:100%;}
    #main_visual [class~=swiper-pagination] {width:100%;bottom: 1rem;}

    .diagram {width:100%;}
    .maintxt {position: absolute !important;width:100%;top: 4rem;text-align: center;}
    #main_visual .visual_txt {margin-top: 0;}
    #main_visual .visual_txt .keyword {display:none;}
    #main_visual .visual_txt .sub_txt {display:none;}
    #main_news {margin-top:0;}
    .news_slide .swiper-container {height:3.5rem;}
    .news_more {width: 25%;height: 3.5rem;line-height: 3.5rem;}
    .news_more a {font-size: 1em;padding: 0 0.3rem;background-position-x: 93%;font-weight: 500;}
    .news_slide {width: 75%;padding-right: 0;height: 3.5rem;}
    .news_slide p {line-height:3.5rem;font-size: 1em;width: calc(100% - 150px);}
    .news_slide .part {width: 4rem;padding: 2px 0;font-size: 0.8em;}
    .news_slide .swiper-button-prev, .news_slide .swiper-button-next {right:0.8rem;}
    .news_slide .swiper-button-prev {top: 0.2rem;}
    .news_slide .swiper-button-next {bottom: 0.2rem;}

    #main_tab h2 {width: 100%;font-size: 3em;margin-bottom: 1rem;padding-left: 0;}
    .maintab_menu {float: unset;width: 100%;padding-left: 0;margin-bottom: 1rem;}
    .maintab_menu li a {font-size:1.6em;}
    #main_tab .txt_wrap {float: none;width: 100%;padding-left: 0;}
    #main_tab .tab_txt {padding: 1.3rem 1.1rem;min-height: 9.5rem;}
    #main_tab .tab_txt p {font-size: 1em;}
    #main_tab .img_wrap {float: none;width: 100%;margin-top: 0;}
    #main_tab .btn_tabmore {margin-top:1rem;width: 13rem;height: 3rem;line-height: 2.8rem;font-size: 1em;}

    #comm_wrap [class~=board_area] div[class~=board_box] {width: 100%;}

    .shop_status > li {}
    .shop_map .mapbox {float:none;width:100%;}
    [class~=cross] .shop_map .shop_info {float: none;width: 100%;margin-top: 1em;}
    .shop_info .info_txt {min-height: 10em;}
    .ceo_txt {padding-left:0;width: 65%;}
    .ceo_img {width:34%;}
    .vision_wrap .eng {display:block;width: 100%;}
    .vision_wrap .vision_txt {display:block;width:100%;margin-top: 1rem;}
    .vision_wrap .goal_list {display:block;width:100%;text-align: center;margin-top: 2rem;}
    .vision_wrap .vision_list {display: flex;width:100%;justify-content: space-between;margin-top: 1rem;}
    .vision_wrap .vision_list > li {width:30%;margin:0;background-size: contain !important;padding-top: 16rem;}
    .vision_wrap .vision_list > li > p {font-size:1.2em;}
    .vision_wrap .vision_list > li::after {top: 7rem;right: -2rem;}
    .shop_infowrap .info_txt {font-size: 1rem;}


	.intro_list > li > strong {font-size: 1.2rem;}
	.intro_mean p {font-size: 1.6rem;}
	.intro_mean p strong {font-size: 2rem;}

    .apply_list {display:block;}
    .apply_list > li {width: 100%;background-size: auto 100% !important;}
    .apply_list > li:first-child {margin-bottom:2rem;}

    .process_list {flex-wrap:wrap;justify-content: center;}
    .process_list > li {width:33% !important;}
    .process_list > li.process04 {border-left:0.1rem solid #e2e2e2;}
    .process_list > li::after {content:none;}
    .process_list .top_cont strong {font-size: 1.2rem;}

    .coach_txt > p {font-size:1.4rem;}
    .coach_more {display: flex;font-size:1.2rem;line-height: 1.5;justify-content: center;align-content: center;flex-wrap: wrap;}
    .coach_more .mobile {display:block;width: 100%;}

    .type_wrap {padding:0px; background-color: #fff;}
	.small_tit {font-size: 1.15em; margin:15px 0px; border-bottom:1px dashed #dddddd;}
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {
    /*메인*/

    .main_board .board_top .boardwrap_tit {width: 90%;font-size: 1.5em;}
    .main_board .board_top .boardwrap_tit strong {font-size: 2.2rem;}
    .main_board .boardwrap_cont .board_list {width: 90%;}
    #main_about_100 {width:90%;}
    #main_about_100 [class~=txt_wrap] [class~=txt_cont] {top: 0;padding-top:2rem;padding-left:0;width: 100%;}
    #main_about_100 .txt_cont .mtab [type="radio"] ~ label {font-size: 1.7em;}
    #main_about_100 .txt_cont .mtab [type="radio"]:checked + label + .content .tab_txt {min-height:12rem;}
    #main_about_100 .txt_cont .mtab [type="radio"]:checked + label + .content .tab_txt > p {font-size: 1.1em;}

    .hello_txt {padding: 3.5em;margin-bottom: 0.5em;}
    .hello_txt p {font-size: 1.6em;}
    .ceo_txt {width:100%;padding-left:1em;}
    .ceo_txt h2 span {font-size:1.6em;}
    .ceo_img {display:none;}
    .location_wrap {margin-top:2rem;}
    .location_box {width: 100%;margin-bottom: 1rem;}
    .location_info li p {line-height:1;}
    .location_info li p strong {margin-bottom: 0.5rem;line-height: 1;font-size: 1.3rem;}
    .location_txt {padding:1rem 0;}
    .g_map {background-size:auto 150%;height:320px}
/*    .g_map {width: 100%;margin-left: 0;height: 20rem;}
    .g_map > div {height:100%;}
    .g_map .root_daum_roughmap .wrap_map {height:100% !important;}*/
    .vision_wrap .goal_list > li {font-size: 1.3em;background-size: 30% !important;}
    .vision_wrap .vision_txt {font-size: 1.5em;}
    .vision_wrap .vision_list > li {width: 31%;padding-top: 14rem;margin:0;background-size: contain !important;}
    .vision_wrap .vision_list > li::after {top: 7rem;right: -1.7rem;}
    .cross .cross_center.mean_txt {height: auto;font-size: 0.9em;padding: 2rem 1rem;word-break: keep-all;}
    .vision_wrap .vision_list > li > p {font-size:1em;}

    .role_list > li {padding: 1.2rem 1.5rem;}
    .role_list > li > h4 {font-size: 1.25rem;}
    .role_txtlist > li {font-size:1rem;margin-bottom: 0;}

    .intro_mean .pc {display:none;}
    .intro_mean .mobile {display:block;text-align: center;margin-bottom: 2rem;}
    .intro_list {display:block;padding: 2rem 0;}
    .intro_list > li {width:100%;margin-bottom: 2rem;}
    .intro_list > li > img.pc {display:none;}
    .intro_list > li > img.mobile {display:block;}

    .brand_txt {font-size: 1.2em;}

    .process_list {justify-content: left;}
    .process_list > li {width:50% !important;border-bottom:0;}
    .process_list > li.process03 {border-left:0.1rem solid #e2e2e2;}
    .process_list > li.process04 {border-left:0;border-bottom:0.1rem solid #e2e2e2;}
    .process_list > li.process05 {border-left:0.1rem solid #e2e2e2;border-bottom:0.1rem solid #e2e2e2;}

    .coach01 .pc {display: none;}
	.coach01 .mobile {display: block;max-width: 94%;margin: 0 auto;image-rendering: -webkit-optimize-contrast;}
    .coach_process .pc {display: none;}
	.coach_process .mobile {display: block;width: 100%;image-rendering: -webkit-optimize-contrast;}

	.coach_btnlist > li {width: 24.4%;}
	.coach_btnlist > li:nth-child(4n) {margin-right:0;}
	.coach_txt > p {font-size:1.3rem;}

    .coach_more {font-size:1.1rem;word-break: keep-all;}
    .coach_tel {width:100%;}
    .coach_tel .left {width: 40%;}
    .coach_tel .name {width: 60%;}

    .ipt + label {min-width: 24%;padding: 0.8rem 0;font-size: 0.9rem;}
	
	
	
	/*메인 공지사항-2025*/
	.board_wrap {margin:2rem 20px; width:auto;}
	.notice{float:left; width:100%;   /*margin:0px 20px;width: calc(100% - 24% - 40px );*/ height:auto;}
	.tab_conts > .tab_cont {width:100%;}

.title_top {display: block; margin-bottom: 15px;}
.title_top .lf {display: flex; gap: 20px; align-items: center;}
.title_top .lf > .tit { font-size: 1.3rem;}
.title_top .rg .tab_btn > a {font-size: 1.0rem; font-weight:400;}
.title_top .rg .tab_btn > a.on {font-weight:500;color:#019b3d;}
.title_top .rg .tab_btn > a::after {content: ""; position: absolute; top:13px; right: -21px;  width: 5px;  height: 5px; background: #C5C5C599;  border-radius: 100%;}
.tab_conts > .tab_cont > .list > li {padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.tab_conts > .tab_cont > .list > li > a {display: flex; gap: 20px;}
.tab_conts > .tab_cont > .list > li > a::after {display:none;}
.tab_conts > .tab_cont > .list > li > a > .cate { font-size:0.8rem; color: #fff; font-weight: 500; line-height: normal;  padding:5px 8px; width:95px; border-radius:0.3rem;}
.tab_conts > .tab_cont > .list > li > a > p > .tit {font-size:1.0rem;}
.date { font-size: 0.8rem; }



/*메인게시판-배너*/
.r_banner{ width:100%; margin:30px auto; float:left;}
.r_wrap{}
.banner_wrap{padding:10px 30px 10px 30px;3margin-top:10px; /*text-align:center;*/}
.banner_wrap span{ padding-left:40px;}

	
	
	
	
}

/* 반응형 중간기기 540사이즈 이하 */
@media screen and (max-width: 540px) {
    /*메인*/
    .main_board .board_top {height:8rem;}
    .main_board .board_top .boardwrap_tit {padding:2rem 0;font-size: 1.3em;}
    .main_board .board_top .boardwrap_tit strong {font-size: 1.8rem;}
    .main_board .boardwrap_cont {margin:0 auto;padding:0;}
    .main_board .boardwrap_cont .board_list {flex-direction: column;}
    .main_board .boardwrap_cont .board_list > li {width:100%;margin-bottom: 1rem;}

    #main_about_100 {margin-bottom:1rem;}
    #main_about_100 [class~=txt_wrap] [class~=txt_cont] h2 {font-size: 2.5em;}
    #main_about_100 .txt_cont .mtab {padding:0;}
    #main_about_100 .txt_cont .mtab [type="radio"] ~ label {font-size: 1.5em;margin-right: 1rem;}
    #main_about_100 .txt_cont .mtab .content {top:50px;}
    #main_about_100 .btn_tabmore {width: 11rem;height: 3rem;line-height: 2.8rem;margin-top: 2rem;}
    .maintxt {top: 4rem;}
	
	
    #main_visual .visual_txt p {font-size: 2em;}
	#main_visual .visual_txt01 p {font-size:1.6em; margin-top:-3rem;}
	#main_visual .visual_txt02 p {font-size:1.6em;margin-top:0rem;}
	#main_visual .visual_txt03 p {font-size:1.6em;margin-top:0rem;}
	#main_visual .visual_txt01 .keyword {font-size: 1.6em;margin-top:0rem;}
	#main_visual .visual_txt02 .keyword {font-size: 1.1em;margin-top:0rem;}
	#main_visual .visual_txt03 .keyword {font-size: 1.1em;margin-top:-3rem;}
	#main_visual .visual_txt01 .big {font-size: 1.2em; line-height:1.2em;}
	#main_visual .visual_txt02 .big {font-size: 1.2em; line-height:1.2em;margin-top:0rem;}
	#main_visual .visual_txt03 .big {font-size: 1.2em; line-height:1.2em;}
	
	#main_banner{margin:2em auto;}
	.banner_list{display:block; width:100%;}
	.banner_list > li {width:96%; margin:20px auto; height:auto; min-height:250px;}
	.banner_tit {font-size: 1.4em !important;}
	#main_banner .banner_txt p {height:40px; font-size:0.8em;}
	#main_banner .btn_bmore {height: 2rem;line-height:2rem;font-size:0.7em;}
	#main_banner .img_wrap {width: 120px;height: 120px;}
	#main_banner .img_wrap:hover{width:120px; height:120px;}
	
	
	.cluster_top .clu_tit {font-size:2.5rem;padding-top: 2.5rem; padding-bottom: 0rem;}
	.cluster_top .clu_tit strong {font-size:2.5rem;}
	
	
    .main_board .boardwrap_cont .board_list > li > div {height: 12rem;}

    .vision_wrap .vision_txt {font-size: 1.2em;}
    .vision_wrap .goal_list > li {display:block;width: 80%;text-align: center;margin: 0 auto 1rem;height: 9rem;line-height: 9rem;background-size: 25% !important;background-position: 100% 140% !important;font-size: 1.5em;}
    .vision_wrap .vision_list {display: block;width:100%;margin-top: 1rem;}
    .vision_wrap .vision_list > li {width: 100%;padding-top: 11rem;margin: 0 auto 1rem;background-size: 50% !important;background-position-y: 0 !important;}
    .vision_wrap .vision_list > li::after {display:none;}
    .vision_wrap .vision_list > li > strong {font-size: 1.2em;}
    .vision_wrap .vision_list > li > p {font-size:1.2em;margin-top: 0;}

    .role_list {width: 94%;margin: 2rem auto 0;}
    .role_list > li {width:100%;margin-bottom: 1rem;padding: 1.5rem 1.7rem;}
    .role_list > li > h4 {margin-bottom: 0.7rem;padding-bottom: 0.7rem;font-size: 1.3rem;}

    .intro_mean p {font-size: 1.2rem;background-size: 8%;padding-top: 2rem;}
	.intro_mean p strong {font-size: 1.5rem;}

	.brand_img {max-height:10rem;padding: 0;vertical-align: middle;}

	.coach_btnlist > li {width: 24%;}
	.target_list > li {width: 49% !important;font-size: 0.9rem;padding:0.5rem 0;margin: 0 0.3rem 0.3rem 0 !important;}
	.target_list > li:nth-child(2n) {margin-right: 0 !important;}

    .m_txt {display: block;}

	.support_list {flex-wrap:wrap;}
	.support_list li {width: 100% !important;margin-bottom: 2rem !important;}

	.coach_mini {font-size:0.9rem;}
	.coach_tel .left {width: 33%;font-size: 1.1rem;padding: 1.4rem 0 0 1.5rem;}
    .coach_tel .name {width: 67%;}
    .coach_tel .name strong {letter-spacing: 0.1rem;font-size: 1.3rem;}
	
	
/*메인검색창*/
.search_wrap{ margin:20px auto;}
.main_search .main_search_box > input {margin:0px 20px}
.main_search .main_search_box {min-width:420px;width:100%; }
.main_search .main_search_box > button {position: absolute;right: 35px;}


}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
    /*메인*/
	
    #main_visual .visual_txt p {font-size: 2em;}
	#main_visual .visual_txt01 p {font-size:1.6em; margin-top:-3rem;}
	#main_visual .visual_txt02 p {font-size:1.6em;margin-top:0rem;}
	#main_visual .visual_txt03 p {font-size:1.6em;margin-top:0rem;}
	#main_visual .visual_txt01 .keyword {font-size: 1.6em;margin-top:0rem;}
	#main_visual .visual_txt02 .keyword {font-size: 1.1em;margin-top:0rem;}
	#main_visual .visual_txt03 .keyword {font-size: 1.1em;margin-top:-3rem;}
	#main_visual .visual_txt01 .big {font-size: 1.2em; line-height:1.2em;}
	#main_visual .visual_txt02 .big {font-size: 1.2em; line-height:1.2em;margin-top:0rem;}
	#main_visual .visual_txt03 .big {font-size: 1.2em; line-height:1.2em;}

    .hello_txt {padding: 3em 2em;margin-bottom: 2em;}
    .hello_txt span {margin-bottom: 0.5em;font-size: 1rem;}
    .hello_txt p {font-size: 1.3em;}
    .ceo_txt {padding-left:0;}
    .ceo_txt h2 {text-align:center;}
    .ceo_txt h2 span {font-size:1.4em;}
    .ceo_txt p {font-size:1.2em;padding: 0 1rem;word-break: keep-all;}
    .location_info li p {font-size:1.1rem;}
    .location_info li p strong {font-size: 1.1rem;}
    .location_txt {font-size:1.2rem;}

    .cross .quali_list {display:block;}
    .cross .quali_list li {width:100%;height: 10rem;margin-bottom: 1rem;}
    .brand_txt {font-size: 1.1em;}
    .cross .quali_list li p {font-size: 1.1em;}
    .vision_wrap .vision_txt {font-size: 1em;}
    .vision_wrap .vision_list > li {padding-top: 10rem;}

    .apply_list > li {background-size: 45% 100% !important;padding: 2rem 0 2rem 1.5rem;}
    .apply_list > li:first-child {margin-bottom:1.4rem;}
    .apply_list > li strong {font-size: 1.3rem;}
    .apply_list > li p {font-size:1rem;margin-bottom: 2rem;}
    .apply_list > li .btn_apply {width: 9rem;height: 3rem;}
    .apply_list > li .btn_apply > a {padding-left: 0.9rem;line-height: 3rem;font-size: 0.9rem;}

    .process_list > li {padding:1.2rem 1rem;}
    .process_list .top_cont strong {background-size: auto 6rem !important;padding-top: 8rem;font-size: 1.1rem;}
    .process_list > li > p {font-size: 0.9rem;letter-spacing: -0.05rem;}

    .coach_btnlist > li {width: 32%;}
    .coach_btnlist > li:nth-child(3n) {margin-right:0;}
    .coach_btnlist > li:nth-child(4n) {margin-right: 0.3rem;}

    .target_list > li {padding: 0.5rem 0;}
    .coach_mini {font-size: 0.9rem;letter-spacing: -0.1rem;}

	 .ipt + label {width:49%;}
	 .status_wrap {padding:2rem;}
}

/* 반응형 작은기기 414사이즈 이하 */
@media screen and (max-width: 415px) {
     html {font-size: 13px;}
}
/* 반응형 작은기기 375사이즈 이하 */
@media screen and (max-width: 376px) {
    html {font-size: 13px;}
    /*메인*/
    #main_visual .visual_txt .big {font-size:2rem;}

    .shop_info .tbl_type1 tbody tr td {padding: 0.5em 0.3em;}
    .vision_wrap .vision_list > li {padding-top: 10rem;}

    .intro_mean p {background-size:6%;}

}

/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {
    html {font-size: 12px;}
    .maintab_menu li a {font-size:1.2em;}

}