@charset "utf-8";
/* 
	copyright(c) WEBsiting.co.kr 
	모바일화면 관련 css파일입니다.
	각 넓이에 따른 스타일 설정이 가능합니다.
*/
@media all and (max-width: 1530px) {
  #logo img{
    width: 160px;
  }
}
@media all and (max-width: 1500px){
  .slide_text02 .shadow{
    text-shadow: 3px 3px 3px gray;
  }
  .slide_text02 strong{
    font-size: 1.8em;
  }
}
@media all and (max-width:1440px){
	.slide_text02{
		margin-top: 20%;
	}
  #container{
    padding: 0 20px;
  }
}
@media all and (max-width:1345px){
  #gnb .gnb_1dli .gnb_1da{
    font-size: 13px;
  }
}
/* 디바이스 1340px 이하에서 적용*/
@media all and (max-width:1340px){
	.event_row.last li{width: 100%;}
  #gnb .gnb_1dli .gnb_1da{
    /* font-size: 14px; */
  }
}
@media all and (max-width: 1200px) {
  .sub0104_topw{
    flex-direction: column;
  }
  .sub0104_mtw{
    flex-direction: column;
  }
  .sub0104_left,.sub0104_right{
    width: 100%;
  }
  .sub0104_tright{
    width: 100%;
    margin-top: 10px;
  }
  .sub0104_map {
    margin-top: 40px;
  }
  .sub0201_img{
    width: 100%;
  }
  .sub0201_text,.sub0201_text_l{
    width: 100%;
  }
  .sub0201_topw{
    flex-direction: column;
  }
  .sub0201_tleft,.sub0201_tright{
    width: 100%;
  }
  
  .sub0201_midw{
    flex-direction: column;
  }
  .sub0201_text{
    padding: 80px 0px;
  }
  .fc,.fc_2{
    flex-direction: column-reverse;
  }
  .fs_23{
    font-size: 20px;
  }
}
@media all and (max-width:1155px) {
  .location_box {
    background-color: #E8F2F1;
    padding: 30px 55px;
    height: 294px;
    word-break: keep-all;
  }
  .location_f{
    flex-direction: column;
  }
  .lo_2 {
    background-color: #ededed;
  }

  .row_flex.row_col_2 .sub0102_p {
    width: 100%;
  }
  .row_flex .sub0102_p{
    margin-left: 0;
  }
  .l_text{
    font-size: 15px;
  }
  .l_topt{
    text-align: left;
  }
  .l_topt:first-child{
    margin-bottom: 20px;
  }
  .licon img{
    width: 40px;
    height: 40px;
  }
  .col .location_box{
    margin-left: 0;
    margin-right: 0;
  }
  .location_f .sub0102_p{
    width: 100%;
  }
  .lo_2{
    margin-top: 20px;
  }
}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 8px;}
	.home_title{font-size: 40px;}
	.slide_text02{
		margin-top: 18%;
	}
  .slide_text02 strong{
    font-size: 1.6em;
  }
    .sub0201_box figure{
        width:100%; height: auto;
    }
    .sub_0201_txtwrap{
        position:relative; width:100%; bottom:0; padding:40px 50px;
    }
    .sub0201_box{
        margin-bottom: 60px;
    }
}
/* 디바이스 981px 이상에서 적용*/
@media all and (min-width:981px)
{
	html,body{overflow:auto;}
	html.ovfH,body.ovfH{overflow:auto;}
	#snbOpen,
	#sideBarCover,
	#snbMvAr,
	#snbMvArBottom{display:none;}

	#hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#hd.scDown{margin-top:-35px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#topSpacer{height:115px;}

}

/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px){
  .pc_br{display:block;}
	.row_col_3{
   flex-wrap: wrap;
   margin-top: 0;
  }
  .fs_26{font-size: 23px;}
	html.ovfH,body.ovfH{overflow:hidden;}
	.mobileNone{display:none;}
	#page_title{display:none}
	#tnb,
	.gnb_1dli{display:none;}

	#topSpacer{height:50px;}

	#gnb{position:fixed;left:0px;top:-1px;width:100%;z-index:999;background:#fff;border-bottom:#d7d7d7 1px solid;height: 52px;}

	.allSchBoxWr{display:block !important;}
	#btnSchbox{position:fixed; right:50px; top:0px; width:50px;height:50px;line-height:50px; padding:0px; font-size:18px; text-align:center; z-index:99;}
	#allSchBox{position:fixed;top:50px; right:0px;left:0px; margin-top:0px; padding:10px; background:#333;z-index:999;}
	#allSchBox fieldset{border-radius:25px; width:100%; margin-right:50px;border-radius:0;}
	.allSchBoxWr #btnSchbox{margin-top:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.allSchBoxWr.on #btnSchbox{margin-top:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	

	.scDown #logo{margin-top:-8px!important;}
	#logo a {}
	#logo a img{width: 170px;}
  #logo{
    margin-top: -8px;
  }
	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block;width:50px; height:50px; line-height:50px; text-align:center; color:#333; font-size:20px; background:#fff;position:fixed; right:0px; top:0px; z-index:9999;}

	#snbMvAr{display:block; position:absolute; left:0px;top:0px;right:0px; border-bottom:1px solid #f2f2f2;}
	#snbMvAr a#btnHome{background:#fff; padding:0 15px; font-weight:bold; font-size:14px;height:50px; line-height:50px;}
	#snbMvAr a#snbClose{background:#000;border-left:1px solid #f2f2f2;width:50px; height:50px; line-height:47px; text-align:center; color:#fff;font-size:18px; position:absolute;top:0px; right:0px;}

	#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBarCover.on{display:block;}

	#sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease; border-left: 1px solid #ccc;}
	#sideBar.on{right:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar #snb {margin-top:50px;}
	#sideBar #snb .snb{display:block !important;border-bottom:1px solid #f2f2f2;position:relative;}
	#sideBar #snb .snb > h2{position:relative;}
	#sideBar #snb .snb > h2 a{padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000;background:#fff;}
	#sideBar #snb .snb > h2 a b{font-size:14px;padding-right:50px;}
	#sideBar #snb .snb > h2 a sub{display:none;}
	#sideBar #snb .snb.active > h2{border-left:3px solid #000;}  
    
	#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px;border-radius:50%;}
	#sideBar #snb .snb .snb2dDown i{display:block;background:#efefef;color:#999;}
	#sideBar #snb .snb .snb2dDown u{display:none; background:#efefef;color:#000;}
	#sideBar #snb .snb.show .snb2dDown i{display:none;}
	#sideBar #snb .snb.show .snb2dDown u{display:block;}


	#sideBar #snb .snb > ul{display:none;} 
	#sideBar #snb .snb > ul > li{border-top:1px dashed #ddd;border-bottom:0px;}
	#sideBar #snb .snb > ul > li a{padding:10px 10px 10px 15px;}
	#sideBar #snb .snb > ul > li a b{font-size:12px;  color:#999;}
	#sideBar #snb .snb > ul > li a b i{display:none;}

	#sideBar #snb .snb > ul.snb2dul > li.active a{background:#e8e8e8;}
	#sideBar #snb .snb.active > ul.snb2dul{display:block;}

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important;}
	.snbCS{border:0px;}

	.snbMvArBtn{height:50px; overflow:hidden;position:absolute; right:50px; top:1px; padding:10px;}
	.snbMvArBtn a{display:inline-block; padding:5px 7px;border:1px solid #ddd;border-radius:3px; font-size:11px;}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
	#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}

    #data1{margin-top: 50px;}
	
	/* 중간 레이아웃 */
	#ctWrap{ margin:50px auto  15px}
	#container{width:auto;float:none; 
    /* padding:30px; */
  }

	.w100{   padding:50px 40px}
	.events_item > div{width:100%}
	.events_item_image img{width:100%}

    #logo a.logo1{display: block;}
    #logo a.logo2{display: none;}
	.go_cont , .go_cont.fixed{display:none}

	/*메인*/
  .slide_text02{
    font-size: 1.8em;
    margin-top: 16%;
  }
	.slide_text02 strong{font-size: 1.8em;}
	.main_ic01 li{    width: 50%;}
	.main_tit h2{font-size: 25px;}
	.title-line-b{display:none}
	.info_txt{text-align:center; margin-bottom:30px}
	.slide_text02 p{    font-size: 14px;}
	.main_tit{padding: 50px 0px 30px;}

	.kso-about-2 .section-para,  .kso-about-2 .section-para small{color:#000; border-left-color: #000;}
	.kso-about-2 p{color: #fff;
    border-left-color: #fff;
    background-color: rgb(0,0,0,0.2);
    padding: 20px;}
    .won::before{
      background-color: white;
    }
	.kso-about-2:before{right: 0%;}

    .sub0201 p.fs_30{font-size: 24px;}
    .sub0201 .main_tit{padding: 0 0 30px;}
	.sub0101{
    width: 100%;
    /* flex-direction: column-reverse; */
  }
  .mt01 .col{
    width: 50%;
  }
  .sub0101_left,.sub0101_right{
    width: 100%;
  }
  .sub0101_left{
    margin-top: 30px;
  }
  .sub0101_right{
    margin-left: 0;
  }
  .sub0101_img{
    background-position: center;
  }
  .top_t{
    font-size: 23px;
    margin-bottom: 20px;
  }
  .mid_t{
    margin-bottom: 15px;
  }
  .ft45 {
    font-size: 40px;
  }
  .mid_b{
    flex-direction: column;
  }
  .mid_b .mid_txt{
    width: 100%;
  }
  .sub0201_t{
    width: 100%;
    margin-top: 15px;
  }
  .sub0201_tright{
    font-size: 16px;
    line-height: 33px;
  }
  .sub0201_midw{
    margin-top: 50px;
  }
  .sub0201_text{
    padding: 0px 0px;
  }
  .sub0201_text, .sub0201_text_l{
    padding: 0px 0px;
    margin-top: 60px;
  }
  .sb0201_top{
    font-size: 35px;
    /* margin-top: -10px; */
  }
  .sb0201_top span::before{
    width: 35px;
  }
  .sb0201_top span{
    font-size: 45px;
  }
  .sub0201_midw{
    margin-top: 40px;
  }
  .sub0201_mid{
    font-size: 16px;
  }
  .sub0201_bot{
    margin-top: 11px;
    margin-bottom: 20px;
  }
  .sub0201_bot strong{
    font-size: 18px;
  }
  .sub0201_mid, .sub0201_bot{
    font-size: 14px;
  }
  .fs_28{
    font-size: 25px;
  }
  .fs_20{
    font-size: 18px;
  }
  .fs_18{
    font-size: 16px;
  }
  .fs_17{
    font-size: 15px;
  }
  .mt_45{
    margin-top: 35px;
  }
  .mt_25{
    margin-top: 20px;
  }
  .sub0201_t{
    /* width: 100%; */
  }
  .fs_25{
    font-size: 22px;
  }
  .sub0101_img{
    margin-top: 25px;
  }
  .location_box{
    padding: 30px 45px;
  }
  .licon {
    width: 40px;
    height: 40px;
  }
  .col .mo_b {
    width: 50%;
  }
  .bot_txt::before{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #22675D;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 7px;
  }
  .sub0301_timg{
    /* margin-top: 30px; */
  }
  .sub0401_b{
    width: 100%;
    border-radius: 10px;
    background-color: #F0F0F0;
    padding: 25px;
  }
  .mt_60{
    margin-top: 40px;
  }
}

@media all and (max-width: 945px){
  .slide_text02 strong {
    font-size: 1.5em;
  }
  .mt_30{
    margin-top: 20px;
  }
  .col .mo_b{
    width: 100%;
  }
  .sub0101_timg{
    margin-bottom: 25px;
  }
  .mt01{
    margin-top: 10px;
  }
}
@media all and (max-width:900px) {
  #container{
    margin: 50px auto;
  }
  #bo_gall #gall_ul{
    margin-left: 0;
  }
}
/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px){
	/* contents */
	#page_title .page_title_in {padding:50px 10px; text-align:center;}
	#page_title .page_title_in h2{text-align:center;}

	.slide_text strong {
        font-size: 34px;
        margin-bottom: 15px;
    }
    .slide_text p {
        font-size: 19px;
        line-height: 29px;
    }     
    .sub0101 .sub0101_img img{
        width:100%;
    }
    .sub0102{
        width:100%;
    }
    .swiper-horizontal{
      margin-top: 20px;
    }
}
@media all and (max-width: 848px) {
  .row_col_3 .mo_b{
    margin-top: -10px;
  }
  .row_col_3{
    gap: 10px;
  }
}
@media all and (max-width: 830px){
  .coma_l,.coma_r{
    display: none;
  }
}
@media all and (max-width: 767px) {
  .main_map .wrap_map{
    height: 200px !important;
  }
  .fs_28{
    font-size: 23px;
  }
  .fs_25 {
    font-size: 20px;
  }
  .icon-wrap{
    width: 70px;
    height: 70px;
  }
  .m_icon{
    width: 30px;
    height: 30px;
    margin: 20px auto;
  }
  .mbm{
    margin-bottom: -10px;
  }
  .mo_t{
    margin-top: 30px;
  }
}
@media all and (max-width: 754px) {
   .mo_b{
    margin-bottom: 20px;
   }
   .mo_b img{
    width: 100%;
    margin-bottom: 20px;
   }
   .main_ic01 li a b{
    font-size: 1.2em;
   }
   .row_col_2{
    flex-direction: column;
   }
   .row_col_2 img{
    width: 100%;
   }
   .in_b{
    width: calc(100% / 3);
    /* word-break: keep-all; */
    align-content: center;
    font-size: 14px;
    padding: 30px;

   }
   .mtm{
      margin-top: -10px;
   }
}
@media all and (max-width: 710px) {
  .sub0801_b{
    flex-direction: column;
  }
  .sub0801_b .in_col{
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .row_flex .mo_b{
    width: 100%;
  }
}
@media all and (max-width: 665px) {
  .table_w{
    width: 100%;
  }
  .scroll_t{
    overflow-x: scroll;
  }
  .table0301,.table0302,.table0303,.table0304,.table0301_1{
    min-width: 665px;
  }
}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px){
	/* contents */
	#page_title .page_title_in{padding:30px 10px;}
	#page_title .page_title_in h2 strong{font-size:18px;height:30px;}
	#page_title .page_title_in h2 .locationBar span{font-size:10px;}

	.w100{   padding:20px 10px}
	.main_bg{background-size: cover;     height: 400px;}
	.home_title{    font-size: 22px; white-space:normal}
	.w100 h2{font-size: 24px;}
	h4{    font-size: 18px;}
	.w100 h3{    font-size: 14px; margin-bottom: 10px;}
	
	.events_item > div{padding: 0px 0px 30px 0px;}
	.con_info{    float: none;  width: 100%;}
	.contact_info_content ul li span{    margin-left: 10px;   width: 80%;}
	.w1200 .con_info:last-child {margin-top:30px}
	.events_item{    margin-top: 0px;}
  .table_w{
    width: 100%;
  }
  .scroll_t{
    width: 100%;
  }
  .product_tbl{
    width: 100%;
    overflow-x: scroll;
  }
		.bxslider li {
		height: 600px;
	}
	.slide_text {
		padding: 40px 30px 70px;
		margin-top: 40px;
	}
	.pc_view{display:none}
	.m_view{display:block}

	/* footer */
	#footer > dl > dd a,
	#footer address {font-size:11px;letter-spacing:-0.05em;}
	#footer address em{display:none;}
	#footer p span{display:none;}
	.slide_text02 strong br{display:none}
	/*인사말*/
	.sub0101{padding:0px}
	.sub0101_tit{font-size: 18px; white-space: normal;}
	.sub0101_tit b{font-size:1.2em}
	.sub0101_txt {font-size:14px; white-space: normal;     margin: 25px 0;}
  .sub0102mid_text{
    word-break: keep-all;
  }
  .sub0102mid_topt::before{
    height: 23px;
  }
  .sub0102mid_topt{
    font-size: 23px;
  }
  .sub0102mid_bott{
    margin-bottom: 25px;
  }
  .sub0102mid_w{
    margin-top: 40px;
  }
	.slide_text02 p{
		margin-top: 10px;
	}
	.slide_text02 a.btn01{
		margin-top: 10px; padding:6px 30px;
		font-size: 14px;
	}
  .map_text{
    font-size: 25px;
  }
  .two_m .wrap_map {
    margin-top: -20px;
    height: 200px !important;
  }
  .sub0104_tright{
    margin-top: 10px;
    line-height: 25px;
  }
    .sub_0201_txtwrap{
        padding:30px;
    }
    .sub0201_tit{
        font-size: 28px;
    }
    .sub0201_list li{
        font-size: 15px;
    }
    .sub0201_txt{
        font-size: 14px;
    }
    .sub0201_box{
        margin-bottom: 40px;
    }
    .sub0102_text{
      font-size: 25px;
    }
    .ft45 {
      font-size: 35px;
    }
    .sub0201_tright{
      font-size: 16px;
      line-height: 30px;
    }
    .sub0201_text,.sub0201_text_l{
      padding: 0px 0px;
      margin-top: 50px;
    }
    .sb0201_top{
      font-size: 30px;
      margin-top: -10px;
    }
    .sb0201_top span::before{
      width: 35px;
    }
    .sb0201_top span{
      font-size: 40px;
    }
    .sub0201_midw{
      margin-top: 40px;
    }
    .sub0201_mid{
      font-size: 16px;
    }
    .sub0201_bot{
      margin-top: 15px;
    }
    .sub0201_img{
      height: 300px;
    }
    .sub0201_bot strong{
      font-size: 20px;
    }
    .sub0201_mid, .sub0201_bot{
      font-size: 15px;
    }

    .busi_cont .cont_wr{padding: 10px 0 15px;}

    .busi_cont .subTit2{font-size: 16px;}
    .busi_cont .txt1{margin-top: 5px; margin-bottom: 5px;}

    #logo a img{width: 160px; margin-top: 20px;}

}
@media all and (max-width: 610px){
  .slide_text02 strong{
    font-size: 1.2em;
    margin-top: 10%;
  }
  .mt01{
    margin-top: 10px;
  }
  .table0301 th, .table0302 th, .table0303 th, .table0304 th, .table0301_1 th{
    font-size: 13px;
  }
  .table0301 td, .table0302 td, .table0303 td, .table0304 td, .table0301_1 td{
    font-size: 13px;
  }
  .line_text::before{
    content: '';
    width: 4px;
    height: calc(100% - 13px);
    background-color: #69BCB0;
    position: absolute;
      left: 0;
      top: 7px;
    margin-right: 20px;
    display: block;
  }
  .sub0201_t{
    font-size: 14px;
  }
  .mt_50{
    margin-top: 35px;
  }
  .fs_25{
    font-size: 17px;
  }
  .sub0401_b{
    padding: 25px;
  }
  .sub0202_t td{
    padding: 7px;
  }
  .in_b{
    padding: 17px;
  }
}
/* 디바이스 500px 이하에서 적용*/
@media all and (max-width:500px){
	/* contents */
	#page_title {background-size:auto 100%;}

    .mb_hide{
        display: none;
    }
	.bxslider li {
	    height: 500px;
    }
    .slide_text {
        padding: 40px 20px 60px;
        margin-top: 40px;
        min-height: 250px;
    }
    #wrapper .bx-wrapper .bx-pager {
        top: 240px;
        padding: 0 0 0 20px;
    }
    .slide_text strong {
        font-size: 25px;
        margin-bottom: 10px;
        word-break: keep-all;
        line-height: 32px;
    }
    .slide_text p {
        font-size: 16px;
        line-height: 23px;
    }
    .slide_text02 strong{
      font-size: 1.0em;
      margin-top: 10%;
    }
    .slide_text02{margin-top: 14%;word-break: keep-all;}
    .slide_text02 br{display:none}
    .slide_text02 a.btn01{padding:5px 30px}
    .slide_text02 p{display:none}
    .fa-5x{    font-size: 3em;}

    .main_ic01 li{font-size:13px}
    .main_ic01 li a{       height: auto;
        padding: 20px 0px;}
    .main_tit h2{    font-size: 24px;}
    .contact-info > h3{    font-size: 18px;}
    .main_ic01 li a p{display:none}

    /*인사말*/
    ul.sub0101_img li {
            width: 100%;
            float: none;
            margin-bottom: 30px;
        }
        ul.sub0101_img li img {width: 50%;}


    .main_ic01 li a b{font-size: 1.1em;}
    
    .main_icon_box img{
      width: 35px;
      height: 35px;
    }
    .sub0201_tit small{
        margin-bottom: 6px;
    }
    .sub0201_tit{
        font-size: 24px;
    }
    .slide_text02{
      margin-top: 16%;
    }
    
    .sub0201 .col-xs-6{width: 100%;}

    .busi_cont2 .row.mt_10{margin-top: 0;}
    .busi_cont2 div.col-md-6{margin-bottom: 10px;}
    .busi_cont2 div.col-md-6 .txt2{min-height: auto;}
    .sub0201_img_wr{height: 15rem;}

    .busi_cont .txt2, .busi_cont .txt1{font-size: 14px;}
    .sub0201 p.fs_30{font-size: 20px;}
    .top_t {
      font-size: 20px;
      margin-bottom: 15px;
    }
    .mid_t{
      font-size: 14px;
    }
    .main_tit h2{
      font-size: 22px;
      text-align: center;
    }
    .icon-wrap{
      width: 70px;
      height: 70px;
    }
    .m_icon{
      width: 40px;
      height: 40px;
      margin: 16px auto;
    }
    #logo{
      margin-top: -5px;
    }
    .kso-about-2 .section-para, .kso-about-2 .section-para small{
      font-size: 22px;
    }
    .company-info{
      margin-top: 30px;
    }
    .company-info li{
      font-size: 14px;
    }
    .main_ic01 li a b{
      padding-top: 0;
    }
    .sub0102_text{
      font-size: 20px;
    }
    .sub0102mid_topt{
      font-size: 20px;
    }
    .sub0102mid_topt::before{
      height: 20px;
    }
    .sub0102mid_bott{
      font-size: 13px;
    }
    .fs_28{
      font-size: 20px;
    }
    .mt_45 {
      margin-top: 25px;
    }
    .mb_30{
      margin-bottom: 20px;
    }
    .in_col .time{
      padding: 15px;
    }
    .sub0301_timg{
      margin-top: 0;
    }
    .sub0301_timg:last-child{
      margin-top: 20px;
    }
    .bot_txt:last-child{
      margin-bottom: 20px;
    }
    .s_03{
      margin-top: 25px;
    }
    .sub0301_text{
      margin-bottom: 0;
    }
    .circle::before{
      width: 20px;
      height: 20px;
      font-size: 14px;
    }
    .location_box {
      padding: 25px 30px;
      height: auto;
    }
    .l_txt{
      width: 119px;
    }
    .in_b{
      padding: 8px;
    }
}
@media all and (max-width: 400px) {
  .sub0102_textm.sub0102mid_topt {
    font-size: 18px;
  }
  .sub0102mid_topt::before{
    height: 18px;
  }
  .table0103 tr td{
    font-size: 13px;
  }
  .table0104 tr td{
    font-size: 12px;
  }
  .ft45 {
    font-size: 30px;
  }
  .table0104 {
    margin-top: 15px;
}
  .sub0104_tright{
    font-size: 14px;
  }
  .sub0201_tright{
    font-size: 14px;
    line-height: 28px;
    margin-top: 0px;
  }
  .sub0104_map{
    margin-top: 30px;
  }
  .map_text{
    margin-top: 30px;
    font-size: 20px;
  }
  .sb0201_top{
    font-size: 20px;
  }
  .sub0202_t, .sub1101_t{
    font-size: 13px;
  }
  .fs_18{
    font-size: 14px;
  }
  .mt_50{
    margin-top: 27px;
  }
  .fs_28 {
    font-size: 18px;
  }
  .sub0801_b .in_col{
    margin-bottom: 10px;
  }
  #logo a img{
    width: 140px;
  }
  .swiper-horizontal{
    margin-top: 10px;
  }
  .fs_26{
    font-size: 20px;
  }
  .sub0201_t{
    margin-top: 10px;
  }
  .icon-wrap{
    width: 60px;
    height: 60px;
  }
  .po{
    width: 30px;
    height: 30px;
    margin: 13px auto;
  }
  .m_icon{
    width: 30px;
    height: 30px;
    margin: 15px auto;
  }
  .fs_20 {
    font-size: 16px;
  }
  .sub0401_b {
    padding: 20px;
  }
  .l_text{
    font-size: 13px;
  }
  .l_txt {
    width: 73px;
  }
  .licon{
    width: 35px;
    height: 35px;
  }
}
@media all and (max-width:320px){
	.slide_text02{
		margin-top: 18%;
    word-break: keep-all;
	}
  .table0103 tr td, .table0104 tr td{
    font-size: 12px;
  }
  .sub0104_tright{
    font-size: 13px;
    margin-top: 0px;
  }
  .sb0201_top span{
    font-size: 30px;
  }
  .sb0201_top span::before{
    width: 30px;
    height: 4px;
  }
  .sub0201_mid, .sub0201_bot{
    font-size: 13px;
  }
  .sub0201_bot strong{
    font-size: 16px;
  }
  .sub0104_map{
    margin-top: 20px;
  }
}