@media screen and (max-width:767px) {


  /*========= header ===========*/
  #header {}
  #header h1 img	{height:50px;}


  #btn_nav { margin-top:8px; }

  #header.scroll h1 img	{height:50px;}


  #sitemap {top:70px}


  /*========= main ===========*/

  #visual {}
  #visual li .visu_txt {}
  #visual li .visu_txt .p1 {line-height:1.2; font-size:2.4rem;}
  #visual li .visu_txt .p2 {font-size:1.4rem; }
  #visual li .visu_txt a {padding:0 10px; font-size:1.35rem;}

  #main01 {}
  #main01 .cont_center {}
  #main01 li {}
  #main01 li .mc_txt {width:100%; padding-top:150px; }
  #main01 li .mc_txt .p1 {font-size:2.4rem; }
  #main01 li .mc_txt .p2 {line-height:1.5; font-size:1.5rem;}
  #main01 li .mc_txt a {font-size:1.35rem;}

  .main_title {font-size:2.2rem;}

  #main02 {}
  #main02 .service {float:none; width:100%; margin-right:0%; margin-bottom:30px;}
  #main02 .service dt {font-size:1.7rem; }

  #main03 {}
  #main03 .set_scale {padding-left:0px;}
  #main03 .set_scale figure {display:none}
  #main03 .set_scale .ex {text-align:center;}

  #main04 {}
  #main04 .cont_center {}
  #main04 li .img_cont {height:auto;}

  /*========= footer ===========*/
  #footer {}
  #footer .copyright {line-height:1.6}
  #footer .ft_menu {}
  #footer .ft_menu li {line-height:1.6}

  #footer .sns {}
  #footer .sns li {margin-right:4px;}

  #btn_top {}

  /*========= sub ===========*/

  #sub_visual {}

  #sub_visual .visu_txt {}
  #sub_visual .visu_txt h2 {font-size:2.4rem; }

  #sub_contents {}
  .sub05 #sub_contents {padding-top:100px;}


  .sub_title {}

  #sub_contents>figure {padding:20px; width:100%; max-width:400px;}


  .sub0102 {}
  .sub0102 .zoom_li {width:100%; max-width:600px;}
  .sub0102 .zoom_li li {width:49%; margin-right:2%; }
  .sub0102 .zoom_li li img {width:100%; height:auto;}

  .pd_list {}
  .pd_list li {width:100%; margin-right:0%;}
  .pd_list li:nth-child(3n) {margin-right:0%;}
  .pd_list li a {}
  .pd_list li .item_cont {}
  .pd_list li .img_cont {height:auto; margin:0 auto;}
  .pd_list li .tit {height:auto; font-size:1.8rem; }
  .pd_list li .ex {height:auto; }
  .pd_list li .set_detail {padding:10px 15px;}
  .pd_list li .set_detail a {}

  .pd_view {padding:100px 0;}
  .pd_view .sub_title {line-height:1.2; font-size:2.2rem;}
  .pd_view .pd_img {}
  .pd_view .pd_img.set_vedio {padding:0;}
  .pd_view .pd_img.set_vedio img {display:block; width:100%;}
  .pd_view .pd_img.set_vedio iframe {position:static; width:100%; margin-top:30px; height:200px; transform:translateY(0);}
  .pd_view h4 {font-size:1.6rem; }
  .pd_view .acc_li {}
  .pd_view .acc_li li {float:none; width:100%; }
  .pd_view .acc_li.col5 li {float:none; width:100%; }
  .pd_view .acc_li li .tit {height:auto; }
  .pd_view .acc_li li .ex {height:auto; }
  .pd_view .tbl_pd th,
  .pd_view .tbl_pd td {padding:12px 10px; }
  .pd_view .tbl_pd th {width:30%;}
  .pd_view .tbl_pd + .video iframe {width: 100%; height: auto;}

  .list {}
  .list li {font-size:1.4rem;}

  .sub0301 {}
  .sub0301 .set_img {padding-right:0%; margin-top:30px;}
  .sub0301 .set_img figure {position:static; width:100%; margin-bottom:20px; }

  .sub0402 {}
  .sub0402 .map {}
  .sub0402 .refer {}
  .sub0402 .refer::before {left:7px;}
  .sub0402 .refer dt {padding-left:25px; font-size:1.5rem; }
  .sub0402 .refer dt::before {width:15px; height:8px; }
  .sub0402 .refer dd {}
  .sub0402 .refer dd ul {padding-left:25px;}
  .sub0402 .refer dd ul li {}
  .sub0402 .refer dd figure { width:100%; max-width:400px; margin-bottom:30px; padding-left:25px; }
  .sub0402 .refer dd figure img {}

  	.sub0501 {}
  	.sub0501 .sub_title {font-size:2.4rem; }
  	.sub0501 .sub_title::after {top:4px; height:18px; }

  .sub0601 {}
  .sub0601 .sub_title {font-size:2.4rem; }
  .sub0601 .contacts {display:block;}
  	.sub0601 .contacts.ctt_3>div {width:100%; padding:0px; margin-bottom:30px;}
  	.sub0601 .contacts.ctt_5 {}
  	.sub0601 .contacts.ctt_5>div {display:block; width:100%; padding:0; margin-bottom:30px;}
    .sub0601 .contacts>div.korea {padding:25px 0;}
  .sub0601 .contacts h4 {font-size:1.8rem; }
  .sub0601 .contacts h4::after {width:40px;}
  .sub0601 .contacts>div p {font-size:1.35rem;}
  .sub0601 .contacts>div p.tit {font-size:1.5rem; }

  .sub0601 .quo .refer {font-size:1.25rem;}

  .sub0601 .quo {width:100%; max-width:400px; margin-top:30px;}
  .sub0601 .quo .title {padding:20px 5%;}
  .sub0601 .quo .title h3 {font-size:1.8rem; }
  .sub0601 .quo .title .refer {font-size:1.25rem;}

  .sub0601 .quo .quo_input {}
  .sub0601 .quo .quo_input li {padding:20px 5%;}
  .sub0601 .quo .quo_input li>label,
  .sub0601 .quo .quo_input li>.label { font-size:1.35rem; }
  .sub0601 .quo .quo_input li>label .require,
  .sub0601 .quo .quo_input li>.label .require {font-size:1.1rem; }
  .sub0601 .quo .quo_input li .refer {font-size:1.25rem;}


  .sub0601 #map {height:300px;}


}