@charset "UTF-8";

@media screen and (max-width: 1220px){
  .global-inner{padding-left: 3rem; padding-right: 3rem;}
  .footer__inner{padding-right: 3rem; background-position: 3rem 0%; background-size: 17rem auto; box-sizing: border-box;}
}

@media screen and (max-width: 1024px){
  .wrap{background-image: url(../images/cmn/body_bg_t.jpg); background-position: 50% 0%;}

  /* header */
  .header__top-area{height: 8rem;}
  .header .logo{width: 20.7rem; height: 4rem; margin-top: 2rem; background-size: auto 3.5rem;}
  .header .tnb{display: none;}
  .header .btn-menu{display: block; float: right; width: 3.5rem; height: 2rem; margin-top: 3rem; background: url(../images/cmn/btn_menu.png) no-repeat 50% 50%; background-size: 3.5rem auto; font-size: 0; text-indent: -9999px;}
  .m-gnb{display: block;}

  /* footer */
  .footer{padding: 4rem 0 3.8rem;}
  .footer__info li span{margin-right: 1rem; word-break: keep-all}

  /* main */
  .main{padding: 20rem 0 30rem;}
  .main__menu-item{width: 36.6%; height: 43rem; margin: 0; padding: 4rem 3.5rem; margin-bottom: 2.5rem; text-align: left;}
  .main__menu-as{background-image: url(../images/main/as_vis_t.jpg);}
  .main__menu-prd{background-image: url(../images/main/pd_vis_t.jpg);}
  .main__menu-as{margin-right: 8rem;}
  .main__menu-item h2{padding-bottom: 2rem; font-size: 3.2rem;}
  .main__menu-item h2::after{left: 0; bottom: 1.1rem; margin-left: 0;}
  .main__menu-item .lnk-txt{width: 11rem; height: 3rem; margin: 2.2rem 0 0; font-size: 1.4rem; line-height: calc(3rem - 2px)}

  /* sub */
  .snb .page-path{display: none;}
  .sub__head{padding-top: 3rem; padding-bottom: 3.5rem;}
  .sub__head h2{font-size: 2.5rem;}
  .sub__head p{font-size: 1.5rem;}

  /* prd_list */
  .prd-sch__frm{padding: 3.2rem 0 3.4rem;}
  .prd-sch__input{width: 45rem;}
  .prd-sch__tab button{padding-top: 13%;}
  .prd-sch__result .guide-txt{font-size: 1.5rem; line-height: 15rem;}
  .prd-sch__list{padding-top: 3rem;}
  .prd-sch__item{width: 23.8%; margin-right: 1.6%;}
  .prd-sch__item:nth-of-type(5n){margin-right: 1.6%;}
  .prd-sch__item:nth-of-type(4n){margin-right: 0;}
  .prd-sch__result .btn--more{font-size: 1.5rem;}
  
  /* product > view.php, support > input.php */
  .prd-view{margin-bottom: 4rem;}
  .prd-view__head{padding: 3rem 0 1.5rem; margin-bottom: 2rem;}
  .prd-view__head .num{font-size: 1.5rem;}
  .prd-view__head .tit{font-size: 2rem;}
  .prd-view__img{width: 50%; padding-top: 50%; margin-right: 2.4%;}
  .prd-view__info-tb{width: 47.6%;}
  .prd-view__info-tb th{width: 27.5%;}
  .prd-view__info-tb td{width: 72.5%; padding-left: 1rem; padding-right: 1rem;}
  .prd-view__tab{margin-top: 3.5rem;}
  .prd-view__tab button{font-size: 1.5rem; line-height: 4.3rem;}
  .prd-view__tab .on button::after{width: 10rem; margin-left: -5rem;}
  .prd-view__board{padding-top: 3rem;}
  .prd-view__board h3{font-size: 1.8rem}

  .as-guide{padding: 3rem 3rem 3.5rem;}
  .as-guide h3{margin-bottom: 2.2rem; background-size: 2.2rem;}
  .as-guide li{padding: .2rem 0 .2rem 3rem; font-size: 1.5rem; line-height: 2.1rem;}
  .as-guide li::before{top: 1rem; left: 1.6rem;}
  .as-guide > p{padding-left: 3rem; margin-top: 1.2rem; font-size: 1.5rem; line-height: 2.1rem;}
  .as-faq{padding-left: 3rem;}
  .as-frm__guide{font-size: 1.3rem; line-height: 1.8rem;}
  .as-frm__tb th,
  .as-frm__tb td{font-size: 1.5rem;}
  .as-frm__tb th{width: 21.4%}
  .as-frm__tb td{width: 88.6%}
  .as-frm__tb .btn--post{font-size: 1.4rem;}
  .as-frm__tb .input-l{width: 45.45%}
  .as-frm__tb .file-item label{font-size: 1.3rem;}
  .as__reference h3{margin-bottom: 1.3rem;}
  .as__notice{margin-bottom: 2.4rem;}
  .as-frm__term{margin-top: 4.5rem;}
  .as-frm__tb .btn--print{display: none;}
  .as-frm__btn-list a,
  .as-frm__btn-list button{height: 3.6rem; line-height: 3.6rem;}

  .as-ok{padding-top: 3rem;}
  .as-ok__msg{padding: 5.6rem 0; font-size: 1.6rem; line-height: 2.3rem;}
  .as-ok__tb th,
  .as-ok__tb td{font-size: 1.5rem;}
  .as-ok__tb th{width: 19%;}
  .as-ok__tb td{width: 81%;}
  .as-ok .btn--confirm{width: 10rem; height: 3.4rem; font-size: 1.5rem; line-height: 3.4rem;}

  /* center */
  .center__head h2{padding: 3rem 0 4rem; font-size: 2.5rem;}
  .center__tab li{width: 20rem;}
  .center__tab a{padding-left: 2rem; font-size: 1.6rem; line-height: 4.4rem;}
  .center__board-tit{padding-top: 3.4rem; font-size: 2rem;}

  /* manual.php */
  .manual-sch{padding-left: 23.8%;}
  .manual-sch::before{width: 23.8%;}
  .manual-sch-tb th,
  .manual-sch-tb td{height: 8rem;}
  .manual-sch-tb th{width: 23.4%; font-size: 1.6rem;}
  .manual-sch-tb td{padding-left: 2rem;}
  .manual-sch-tb li{font-size: 1.5rem;}
  .sub-manual .btn--submit{width: 10rem; height: 3.4rem; margin: 3rem auto 4rem; font-size: 1.6rem; line-height: 3.4rem;}
  .manual-result-tb th,
  .manual-result-tb td{font-size: 1.4rem;}
  .manual-result-tb thead th,
  .manual-result-tb thead td{height: 4.5rem; font-size: 1.6rem;}
  .manual-result-tb .num-column,
  .manual-result-tb .download-column
  {width: 17.8%}
  .manual-result-tb .btn--download{width: 10rem;}

  /* certificate.php */
  .certificate-frm__tb th{width: 19%;}
  .certificate-frm .btn--submit{width: 10rem; height: 3.4rem; font-size: 1.4rem; line-height: 3.4rem;}

  /* service > list.php */
  .service-breakdown__tb{display: block; width: 100%;}
  .service-breakdown__tb thead{display: none;}
  .service-breakdown__tb tbody,
  .service-breakdown__tb tr,
  .service-breakdown__tb td
  {display: block; width: 100%; padding: 0; text-align: left;}
  .service-breakdown__tb tr{margin-bottom: 1rem; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; }
  .service-breakdown__tb th,
  .service-breakdown__tb td{border-bottom: none;}
  .service-breakdown__tb td{position: relative; min-height: 4.2rem; padding: 1.1rem 0 1.1rem calc(23.8% + 2rem); box-sizing: border-box;}
  /* .service-breakdown__tb tr td:last-of-type{padding-top: .6rem; padding-bottom: .6rem;} */
  .service-breakdown__tb .m-tit{display: inline-block; position: absolute; left: 0; top: 0; width: 23.8%; height: 100%; padding-top: .6rem; background: #f5f5f5; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; text-align: center; line-height: 3rem; box-sizing: border-box;}
  .service-breakdown__tb .btn--print{display: none;}

  /* ---------------------------------------------------------------------------------- 상품 뷰용 게시판 리스트 */
 /* 게시판 리스트 */
 .cmn-tb thead th, 
 .cmn-tb thead td{font-size: 1.5rem;}
 .cmn-tb th,
 .cmn-tb td{line-height: 2.2rem;}

 /* 포토게시판 리스트 */
 .cmn-photo-list li{width: 48.8%; margin-right: 2.4%; margin-bottom: 2.4%;}
 .cmn-photo-list li:nth-child(2n){margin-right: 0;}
 .cmn-photo-list .img-row{padding-top: 68.2%;}


}

@media screen and (max-width: 767px){
  .wrap{background-image: url(../images/cmn/body_bg_m.jpg); background-position: 50% 100%;}
  .global-inner{padding-left: 2.5rem; padding-right: 2.5rem;}

  /* header */
  .header__top-area{height: 7rem;}
  .header .logo{width: 18.1rem; height: 3.2rem; margin-top: 1.9rem; background-size:18.1rem auto;}
  .header .btn-menu{display: block; float: right; width: 3rem; height: 2rem; margin-top: 2.5rem; background-size: 3rem auto;}
  .m-gnb{width: 25rem;}
  .m-gnb__head{height: 7rem;}
  .m-gnb__container{padding: 0 2.5rem;}
  .m-gnb__head .home{width: 8.1rem; margin-top: 2rem; background-image: url(../images/cmn/logo_mini.png);}
  .m-gnb__head .btn-close{width: 2rem; height: 2rem;}
  .m-gnb__body{max-height: calc(100% - 7rem);}
  .m-gnb__menu ul{padding-top: 2.2rem; padding-left: 2.5rem;}
  .m-gnb__menu a{font-size: 1.7rem; line-height: 5rem;}
  .m-gnb__info strong{padding: 3rem 0 1.6rem; font-size: 1.4rem;}
  .m-gnb__info li{font-size: 1.3rem; line-height: 2rem;}
  .m-gnb__info .tel{padding-top: 1rem;}

  /* footer */
  .footer{padding: 3rem 0 2.8rem;}
  .footer__inner{padding: 4.5rem 2.5rem 0; background-position: 2.5rem 0; background-size: auto 2.1rem;}
  .footer__menu a{font-size: 1.3rem;}
  .footer__info li{font-size: 1.3rem; line-height: 2.2rem;}
  .footer__info li span{display: block; margin-right: 0}

  /* main */
  .main{padding-top: 7rem; padding-bottom: 9rem;}
  .main__menu{ position: static; left: initial; top: initial; transform: translate(0, 0) ; -webkit-transform: translate(0, 0) ; -moz-transform: translate(0, 0) ; -ms-transform: translate(0, 0) ; -o-transform: translate(0, 0) ; }
  .main__menu-item{display: block; width: 77.7%; height: 20rem; max-width: 35rem; margin: 0 auto;}
  .main__menu-as{margin-right: inherit; margin-bottom: 4.4rem; background-image: url(../images/main/as_vis_m.jpg);}
  .main__menu-prd{background-image: url(../images/main/pd_vis_m.jpg);}

  /* sub */
  .snb__list li{width: 12rem; font-size: 1.5rem;}
  .snb__list a{line-height: 4rem;}
  .sub__head{padding-bottom: 3rem;}
  .sub__head h2{margin-bottom: 1rem; font-size: 2rem;}
  .sub__head p{font-size: 1.4rem;}

  /* prd-list */
  .prd-sch__frm{padding: 1.8rem 0 2.5rem;}
  .prd-sch__input{width: 87.5%;}
  .prd-sch__input input[type=text]{padding-left: .5rem; font-size: 1.4rem;}
  .prd-sch__tab button{width: 47.5%; margin-right: 5%; margin-bottom: 5%; padding-top: 25%;}
  .prd-sch__tab button:nth-of-type(2n){margin-right: 0;}
  .prd-sch__list{padding-top: 4rem;}
  .prd-sch__item{width: 47.5%; margin-right: 5%; margin-bottom: 3.2rem;}
  .prd-sch__item:nth-of-type(5n){margin-right: 5%;}
  .prd-sch__item:nth-of-type(2n){margin-right: 0;}
  .prd-sch__item .prd-num,
  .prd-sch__item .prd-name{font-size: 1.4rem;}
  .prd-sch__result .btn--more{font-size: 1.4rem;}
  .prd-sch__result .btn--more span{line-height: 4rem;}

   /* produc > view.php, support > input.php */
  .prd-view{margin-bottom: 3rem;}
  .prd-view__head .num{font-size: 1.4rem;}
  .prd-view__head .tit{font-size: 1.8rem;}
  .prd-view__img{float: inherit; width: 100%; padding-top: 100%; margin-bottom: 2rem; margin-right: 0;}
  .prd-view__info-tb {float: inherit; width: 100%;}
  .prd-view__info-tb th, 
  .prd-view__info-tb td{font-size: 1.4rem;}
  .prd-view__tab{margin-top: 3rem;}
  .prd-view__tab button{width: 100%; padding: 0; font-size: 1.3rem; line-height: 3.3rem;}
  .prd-view__tab .on button::after{ width: 100%; margin-left: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
  .prd-view__board{padding-top: 2.5rem;}
  .prd-view__board h3{margin-bottom: 3rem; font-size: 1.6rem;}
  .as-guide{padding: 2rem 2rem 2.5rem; margin-bottom: 3rem;}
  .as-guide h3{margin-bottom: 1rem; padding-left: 2.8rem; background-size: auto 1.8rem; }
  .as-guide li{padding: .3rem 0 .3rem 3rem; font-size: 1.4rem; line-height: 1.8rem;}
  .as-guide .iframe-box{padding-left: 1.6rem;}
  .as-guide > p{margin-top: 1.5rem; font-size: 1.4rem; line-height: 1.9rem;}


  .as-faq{padding-left: 2rem;}
  .as-faq-cat *{font-size: 1.4rem;}
  .as-faq-list .q-column,
  .as-faq-list .a-column{font-size: 1.4rem; line-height: 2rem;}
  
  .as-frm__tb-guide{font-size: 1.3rem; text-align: left; line-height: 1.2;}
  .as-frm__tb th,
  .as-frm__tb td{font-size: 1.4rem;}
  .as-frm__tb th{width: 30%;}
  .as-frm__tb td{width: 70%; padding-left: 1rem; padding-right: 1rem;}
  .as-frm__tb .btn--post{font-size: 1.3rem;}
  .as-frm__tb .input-l{width: 100%;}
  .as-frm__tb .input-l + .input-l{margin-left: 0; margin-top: 1rem;}
  .as-frm__tb .made-info{margin-bottom: 1rem;}
  .as-frm__tb .purchase-info p{margin: .5rem 0 .75rem;}
  .as-frm__tb textarea{height: 35rem; font-size: 1.4rem;}
  .as-frm__guide br{display: none;}
  .as__reference h3{font-size: 1.5rem;}
  .as__notice li{font-size: 1.4rem; line-height: 2rem;}
  .as__delivery li{margin-right: 4rem; font-size: 1.4rem;}
  .as-frm__term{margin-top: 4rem;}
  .as-frm__term textarea{height: 13rem;}
  .as-frm__btn-list a,
  .as-frm__btn-list button{min-width: 8rem; padding: 0 1.4rem; margin: 0 .3rem; font-size: 1.4rem;}
  .as-frm__detail-tb th, .as-frm__detail-tb td{font-size: 1.4rem;}
  .as-frm__detail-tb thead th{font-size: 1.5rem;}

  .as-ok__msg{padding: 4.5rem 0; line-height: 2.2rem;}
  .as-ok__tb th, 
  .as-ok__tb td{font-size: 1.4rem;}
  .as-ok__tb th{width: 30%;}
  .as-ok__tb td{width: 70%;}

   /* center */
  .center__head h2{padding-bottom: 3.4rem; font-size: 2rem;}
  .center__tab li{width: 32.5%; margin-right: 1.25%;}
  .center__tab li:last-child{margin-right: 0;}
  .center__tab a{padding-left: 1.5rem; font-size: 1.4rem; line-height: 3.4rem;}
  .center__board-tit{padding-top: 2rem; font-size: 1.6rem;}

  /* manual */
  .manual-sch{padding-left: 0;}
  .manual-sch::before{display: none;}
  .manual-sch-tb th{width: 28%; font-size: 1.5rem;}
  .manual-sch-tb td{width: 72%; padding-left: 1.2rem;}
  .manual-sch-tb input{min-width: 20rem;}
  .manual-sch-tb ul{display: block;}
  .manual-sch-tb ul + ul{margin-top: .9rem;}
  .manual-sch-tb li{width: 33.3%; min-width: 9rem; margin-right: 0;}
  .manual-sch-tb label{font-size: 1.4rem;}
  .sub-manual .btn--submit{width: 8rem; margin: 2rem auto 5rem; font-size: 1.4rem;}
  .manual-result-tb th,
  .manual-result-tb td{padding: 1rem 0; font-size: 1.3rem; line-height: 2rem;}
  .manual-result-tb thead th,
  .manual-result-tb thead td{height: 4rem; font-size: 1.4rem; font-weight: 400;}
  .manual-result-tb tr th:nth-of-type(2),
  .manual-result-tb tr td:nth-of-type(2){border-right: none;}
  .manual-result-tb tbody tr td:nth-of-type(2){position: relative; padding-left: 2rem; padding-right: 5rem; text-align: left;}
  .manual-result-tb .num-column{width: 27.5%;}
  .manual-result-tb .m-download{position: absolute; display: block; right: 2rem; top: 1rem; width: 1.4rem; height: 2rem; margin-left: 1.5rem; background: url(../images/sub/ico_download.png) no-repeat 50% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
  .manual-result-tb .download-column{display: none;}

  /* certificate.php */
  .certificate-frm__tb th,
  .certificate-frm__tb td{font-size: 1.4rem;}
  .certificate-frm__tb th{width: 30%;}
  .certificate-frm__tb input[type=text]{width: 15rem;}

  /* service > list.php */
  .service-breakdown__tb td{padding: 1.1rem 0 1.1rem calc(27.5% + 1.5rem); font-size: 1.4rem;}
  .service-breakdown__tb .m-tit{width: 27.5%; font-size: 1.4rem;}
  .service-breakdown__tb .btn--pay{width: 10rem; font-size: 1.3rem;}
    /* ---------------------------------------------------------------------------------- 상품 뷰용 게시판 리스트 */
      /* 게시판 리스트 */
  .cmn-tb{display: block; }
  .cmn-tb thead{display: none;}
  .cmn-tb tbody,
  .cmn-tb tr{display: block; width: 100%; text-align: left;}
  .cmn-tb tr{position: relative; padding: 1rem 0; border-bottom: 1px solid #ddd;}
  .cmn-tb th, 
  .cmn-tb td{display: inline-block; margin-right: .6rem; padding: 0; border-bottom: none;}
  .cmn-tb tbody th,
  .cmn-tb tbody td{background: #ebebeb; font-size: 1.3rem; letter-spacing: -0.025em;}
  .cmn-tb .item-chk{position: absolute;  right: 1px; top: 1px; margin-right: 0;}
  .cmn-tb .item-chk *{margin: 0;}
  .cmn-tb .item-num{display: block; width: 100%; text-align: left;}
  .cmn-tb .item-tit{display: block; width: 100%; margin-bottom: .4rem; padding-left: 0; margin-right: 0; font-size: 1.4rem; font-weight: 500; text-align: left; letter-spacing: -0.065em;}
  .cmn-tb thead th, 
  .cmn-tb thead td{display: none;}
  .cmn-tb .m-tit{display: inline-block; padding-right: .2rem;}

  /* 포토게시판 리스트 */
  .cmn-photo-list li{float: inherit; width: 100%; margin-right: 0; margin-bottom: 2rem;}
  .cmn-photo-list .img-row{padding-top: 65%;}

}

@media screen and (max-width: 360px){
  .global-inner{padding-left: 2rem; padding-right: 2rem;}
  
  /* main */
  .main__menu-item{width: 90%;}

  /* sub */
  .center__tab a{padding-left: 0; text-align: center;}
  .as-frm__tb .btn--post{width: 9.2rem; margin-left: .4rem;}
  .as-frm__tb .tel-item input[type="text"]{width: 5.5rem;}
  .as-frm__tb textarea{height: 30rem;}
  .certificate-frm__tb td{padding-left: 1.2rem;}
  .certificate-frm__tb .tel-item input[type="text"]{width: 5.5rem;}
}