@charset "utf-8";


@media only screen and (max-width : 1205px) {
  /*아이패드 가로 및 모바환경 기준*/

  p{word-break: keep-all; }


  header{margin-bottom: 0;}
  section .sub_wrap{border: 0; width: 100%; }
  section .sub{border: 0; width: 100%;}

  section .sub .sub_navi ul{position: relative; width: 100%; }
  section .sub .sub_navi li{padding: 10px 15px;}

  section .sub .overview{ padding: 10px; }
  section .sub .about_content{padding: 10px; }
  section .sub .images{font-size: 0; word-spacing: 0; letter-spacing: 0; }
  /*section .sub .images li{display: inline-block; width: calc(50% - 3px); margin-right: 3px; }*/
  section .sub .images li{display: block; width: calc(100% - 20px); padding: 0 10px; margin-bottom: 10px; }
  section .sub .images li.no_mobile{display: none; }
  section .sub .images li img{ width: 100%; }


  .mobile_view{display: block;}
  .pc_view { display: none; }


  section .sub_map .map_wrap {position:relative; overflow:hidden; width:calc(100% - 20px); height:250px; padding: 5px 10px;  }
  section .sub_map .address_wrap{width: calc(100% - 20px); margin: 0 10px; border-top:2px solid #0063af; margin-top: 20px; padding: 0;  margin-bottom: 20px; }
  section .sub_map .address_wrap dl { border-bottom:1px solid #a1a1a1; padding: 5px 0; }
  section .sub_map .address_wrap dt, section .sub_map .address_wrap dd{ display: inline-block; }
  section .sub_map .address_wrap dt {width: 75px; font-size: 1.2em; padding-left: 10px; font-weight: 500; }
  section .sub_map .address_wrap dd {font-size: 1.2em; }


  section .sub_service_content{}


  section .sub_service .purpose{width: 100%; padding: 0; margin: 0;}
  section .sub_service .purpose .left, section .sub_service .purpose .right{ display: block; padding:0; margin: 0; width: 100%; height: auto; }
  section .sub_service .purpose .right p.text1{padding: 0; margin: 0;}

  section .sub_service .purpose .left{padding: 8px 0;}
  section .sub_service .purpose .left .purpose_title_wrap{padding: 0; margin: 0; border: 0; text-align: center; }
  section .sub_service .purpose .left p.purpose_title{display: inline-block;}
  section .sub_service .purpose .left p.purpose_title_eng{display:inline-block;}

  section .sub_service .purpose .right{padding: 10px 0; }
  section .sub_service .purpose .right p.text1{font-size: 1.1em; }
  section .sub_service .purpose .right p.text2{font-size: 1.3em; }


  section .sub_service .focus{padding: 0 8px; margin-top: 20px;}
  section .sub_service .focus img{max-width: 100%; }
  section .sub_service .focus p.text1{margin: 0; margin-top: 8px; padding: 0; font-size: 0.9em; }
  section .sub_service .focus p.text2{margin: 0; margin-top: 5px; font-size: 0.8em; }


  section .sub_service .reason{height: auto; }
  section .sub_service .reason .top{ margin: 0; height: auto; padding: 8px 10px; }
  section .sub_service .reason .top p.title { font-size: 1.5em; }
  section .sub_service .reason .reason_item{margin-top: 0; height: auto; border: 2px solid #1b3b7b; }
  section .sub_service .reason .reason_item li{display: block; margin: 0; padding: 5px 0; width: 100%; border:0; border-bottom: 2px solid #1b3b7b; height: auto; }
  section .sub_service .reason .reason_item li p.text1{padding: 0; }
  section .sub_service .reason .reason_item li:last-child{float:none; display: block; border-bottom: 0; }


  section .sub_service .options .option_titlebar .left, section .sub_service .options .option_titlebar .right{display: block; width: auto; }
  section .sub_service .option_titlebar .left{padding-top: 7px; }
  section .sub_service .option_titlebar .left p{text-align: center; }
  section .sub_service .options .option_titlebar .right{height: 100px; }
  section .sub_service .option_titlebar .right li{ width: 42%;}
  section .sub_service .option_titlebar .right li:nth-child(2), section .sub_service .option_titlebar .right li:nth-child(4){width: 50%; }
  section .sub_service .option_titlebar .right li .pc_view{display:none;}

  section .sub_service .option_content li{width: 32%; margin: 0; padding: 0; margin-right: 1%; margin-bottom: 2px; margin-bottom: 4px; }
  section .sub_service .option_content li:nth-child(3), section .sub_service .option_content li:nth-child(6){margin-right: 0;}
  section .sub_service .option_content li ul li{margin:0; display: block; width: 100%; }
  section .sub_service .option_content .option_detail{ padding: 0; }
  section .sub_service .option_content li ul{ padding: 10px 0 0 18px; }
  section .sub_service .option_content .option_detail .none{ margin:0; padding: 0; text-align: center; line-height: 85px; }


  section .sub_service .workflow li .to_right{display: none;}
  section .sub_service .workflow li .to_down{display: none;}
  section .sub_service .workflow li .to_left{display: none;}
  section .sub_service .workflow li .to_blue_left{display:none;}
  section .sub_service .workflow li{ width: auto; display: block; padding:0; margin:0; margin-bottom: 10px; padding: 10px; height: auto; }



  section .sub_service .contact p.title{border-bottom: 1px white solid; }
  section .sub_service .contact .detail{width: auto; height: auto; border: 0; border-bottom: 1px white solid; }
  section .sub_service .contact .detail_left, section .sub_service .contact .detail_center, section .sub_service .contact .detail_right{display: block; }
  section .sub_service .contact .detail_center{width: auto; margin: 0; }
  section .sub_service .contact .detail_center p.ruby{text-align: center; }
  section .sub_service .contact .detail_center p.text{text-align: center; margin:0; margin: 8px 0; }
  section .sub_service .contact .service_custom p{display: none; }
  section .sub_service .contact .detail_left{display: none; }
  section .sub_service .contact .detail_right{float:none; width: 100%; }
  section .sub_service .contact{padding-bottom: 0; }
  section .sub_service .contact .contact_tel{padding: 10px 0; margin: 0;}
  section .sub_service .contact p.title .yellow{display: block; }


  section .sub_service .custom_type ul{width: auto; }
  section .sub_service .custom_type ul li{display: block; width: auto; margin:0; padding:0; margin-bottom: 10px; }
  section .sub_service .custom_type{padding: 0 8px; }
  section .sub_service .custom_type ul li .text{text-align: center; margin-left: 0; padding-left: 0;}

  section .sub_service .custom_focus .left, section .sub_service .custom_focus .right{display: block; }
  section .sub_service .custom_focus .left{margin-bottom: 10px; }
  section .sub_service .custom_focus .right{ padding: 0; margin: 0; }
  section .sub_service .custom_focus .right li{display: inline-block; margin:0 auto; border-radius: 10%; height: auto; padding: 10px 0; margin-bottom: 10px; width: 32%; margin-left: 1%; height: 50px; }
  section .sub_service .custom_focus .right li p.type{padding: 0; }
  section .sub_service .custom_focus .right li:last-child{margin: 0 auto; }

  section .sub_service .custom_focus .right li p.price{font-size: 1.8em; }
  section .sub_service .custom_focus .right li p.type{font-size: 0.9em; }








}

@media only screen and (max-width : 768px) {
  /*아이패드 세로*/
}


@media only screen and (max-width : 480px) {
  /*아이폰 plus 이상 모바 커버용*/
}

@media only screen and (max-width : 414px) {
  /*아이폰plus 내 모바 기준*/
}

@media only screen and (max-width : 375px) {
  /*아이폰6이하*/
}

@media only screen and (max-width : 320px) {
  /*아이폰5이하*/
}