/* mobile */
@media screen and (max-width: 780px) {
    .pc {display: none !important;}
    .mob {display: block !important;}
    html,body {min-width: inherit}
    #header {min-width: inherit;}
    
    
/*    header */
    
    #header {background-color: rgba(0,0,0,0.7);}
    #header_inner { position: relative;  padding: 7px 0px;  margin: 0px;  height: 100%;  box-sizing: border-box;}
    #header_logo { width: 100%;  max-width: 115px;  margin-left: 0px;  margin: 5px auto;  z-index: 10;}
    
    
    #nav { display: none;  width: 100%;  padding: 20px 25px; box-sizing: border-box;  margin-left: 0px;  border-top: 1px solid #ddd;}
    #nav > li {width: 100%; color: #ffffff; text-align: left; margin-bottom: 15px; font-size: 18px}
    .nav_ul {display: none; padding: 10px 0px 0px;  border-right: 0px; background-color: transparent;  position: relative;  top: auto;  left: auto; height: auto;}
    #header:hover .nav_ul { display: none; }
    .nav_ul li { font-size: 12px;  line-height: 14.55px;  margin-bottom: 15px; color: #efefef;  font-weight: normal;}
    .nav_ul li:hover { color: #efefef;}
    .nav_ul li br {display: none;}
    
    #menu_icon { display: block;  position: absolute;  width: 100%;  max-width: 22px;  right: 5%;  top: 0%;  margin-top: 16px;  z-index: 100;}
    #menu_icon img {width: 100%;}
    #open_btn {display: block;}
    #close_btn {display: none;}
    
    
   
/*    footer */
    
    .f_inner {  padding-top: 15px; padding-bottom: 10px;}
    .f_nav li:nth-child(1) { width: 100%;  margin-right: 0%; margin-bottom: 15px;}
    .f_nav li:nth-child(1) img {  max-width: 145px; margin: auto; display: block; }
    .f_nav li:nth-child(2), .f_nav li:nth-child(3) { width: 100%;  margin-right: 0%;}
    .f_txt1 {  font-size: 15px;   line-height: 30.78px; }
    .f_txt2 { font-size: 13px;  line-height: 19.72px; }
    .f_txt3 { font-size: 10px;  line-height: 15.57px; }
    
    .copy { margin-top: 0px;}  
    
    
    
    
/*    main    */
    
    .m0 {  height: 85vh; }
    .m0_contbox {  top: 50%; width: 95%; }
    .m0_contbox > p:nth-child(1) {  font-size: 18px;}
    .m0_contbox > p:nth-child(2) {  font-size: 33px;  line-height: 40.95px; letter-spacing: -0.8px;}
    .m0_contbox > p:nth-child(3) { font-size: 13px;  line-height: 20px;}
    
    
    .m1 { height: auto !important; margin: 65px 0px;}
    .main_inner { width: 90%; top: auto;  transform: none;}
    .ms1 { text-align: center;}
    .ms1 li { width: 32.333333%; margin: 0px 0.5% 20px; }
    
    .ms1 li img { border: 5px solid #c9d2d9;}
    .ms1 li p:nth-child(2) {  font-size: 15px;  line-height: 21.64px; margin-top: 10px; min-height: 55px;}
    .ms1 li p:nth-child(2)::before { margin: 15px auto 10px;  height: 2px;}
    .ms1 li p:nth-child(3) {  max-width: 85px;  margin: 10px auto 0px;  font-size: 10px;  height: 22px;  line-height: 22px;}    
    
    
    
    .m2 {  height: 455px;}
    .m2_txtbox { width: 90%; left: 50%;  top: 50%;  transform: translate(-50%,-50%);}
    .m2_txtbox p:nth-child(2) {   font-size: 13px;  line-height: 21px;  margin-top: 10px;}
    
    .m2_ul {  margin: 25px auto 0px;}      
    .m2_txtbox p:nth-child(1) { letter-spacing: -1.3px; font-size: 30px;  line-height: 40px;}
    .m2_ul li {  width: 35%;}
    .m2_ul li:nth-child(1) { margin-right: 0%;}
    .m2_ul li img { max-width: 40px;}
    .m2_ul li a {  font-size: 12px;  margin: 20px auto; padding: 5px 0px;}
    .m2_ul li:nth-child(2) { margin-left: 5%;}
    
    

    
/*    sub  곹통    */
    
    .subtop { height: 170px;  margin-bottom: 45px;}
    .subtop_con p:nth-child(1) { font-size: 22px; line-height: 30px; }
    .sub1_title { font-size: 22px; line-height: 26px; border-bottom: 3px solid #34373a; padding-bottom: 5px;  margin-bottom: 35px; }
    
    
    
    
/*    sub 1    */
    
    
    
    .s11 { margin-bottom: 100px;}
    .s11_ul li {  width: 100%;}
    .s11_cont1 { width: 100%;}
    #s11_img2 { max-width: 185px; margin: 0px auto 30px; }
    .s11_cont1 { width: 100%;  margin-bottom: 65px;}
    .s11_cont1 p { font-size: 12px; line-height: 30px; padding-left: 100px; }
    .s11_cont1 p span {  width: 80px;}
    
    .s11_cont2 { width: 100%;  margin-bottom: 45px;}
    

    .s11_txt1 { padding-bottom: 5px;}
    .s11_txt1 span {  font-size: 18px;  line-height: 28.35px;  padding: 0px 5px;}
    .s11_txt2 {  font-size: 14px;  line-height: 30.13px; }
    .s11_txt3 { font-size: 13px;  line-height: 23.58px;  padding-left: 40px; }
    
    
    
    .s12 {  margin-bottom: 100px;}
    
    .s13_contbox { width: 95%;  margin: 0px auto 50px;}
    
    
    .s14_ul li { width: 46%;  margin: 0px 2% 30px; }
    .s14_ul li:hover {  transform: scale(1); }
    .s14_ul li p { font-size: 11px;  line-height: 15.02px;  margin-top: 15px;} 
    .s14_ul li img {  max-width: 120px;  margin: auto;  display: block;}
    .s14_ul li.li2 { width: 100%;  margin: 0px 0px 30px; text-align: center;}
    .s14_ul li.li2 img:nth-child(1) { max-width: 120px;}
    .s14_ul li.li2 img:nth-child(2) {  max-width: 120px;}
    
    
    .s15_div {  margin-bottom: 100px;  padding-top: 20px;}
    .s15_ul li:nth-child(1) {  width: 100%;}
    .s15_div .s11_txt1 {  font-size: 20px;  line-height: 30.35px;}
    .s15_ul li:nth-child(2) {  width: 100%;  margin-left: 0%;  margin-top: 30px;}    
    .s15_map {  height: 260px;}    
    
    
    .s21 {  margin: 50px 0px 100px;}
    
    
    
/*    sub 2   */
    
    
    
    .s21_ul li {  width: 32.3333%;  margin-right: 1%;  margin-bottom: 25px;}
    .s21_ul li p { margin-top: 5px; padding: 5px 0px; font-size: 12px; }
    
    .pro_pop_inner { padding: 40px 0px; }
    .pro_pop_ul li:nth-child(1) { width: 100%;  margin-right: 0%;  margin-bottom: 30px;}
    .pro_pop_ul li:nth-child(1) img { width: 75%;  margin: auto;  display: block;}
    .pro_pop_ul li:nth-child(2) { width: 100%;  margin-right: 0%;}
    #pro_pop_txt1 { font-size: 17px;  line-height: 20px; }
    #pro_pop_txt2 { font-size: 27px; line-height: 35px;  margin-top: 0px; }
    .pro_pop_infoimg {  margin-top: 30px; }
        
    .pop_close {  top: -35px;  max-width: 25px; transform: rotate(180deg); }
    
    .pro_pop_div.a2 .pro_pop_inner { padding-bottom: 40px;}
    
    
    
    #pro_pop_txt3 { margin-top: 30px;  font-size: 13px;  line-height: 20px;}
    .pro_pop_box #pro_pop_img2 { margin-top: 35px; }
    .pro_pop_bg2 {opacity: 0.2; max-width: 275px;}
    
    .pro_pop_ul2 li { width: 100%;  margin-right: 0%;}
    .pro_pop_ul2 li:nth-child(2n) { margin-right: 0px; margin-left: 0%;}
    .pro_pop_ul2 li p:nth-child(1) {  font-size: 16px; line-height: 26px; padding-left: 25px;}    
    .pro_pop_ul2 li p:nth-child(1)::before { width: 5px; height: 5px; left: 12px;}
    .pro_pop_ul2 li p:nth-child(2) { font-size: 13px;  line-height: 20.98px; }
    
    
    .pro_pop_ul3 li { width: 100%;  margin-right: 0%; }
    .pro_pop_ul3 li:nth-child(2n) { margin-left: 0%;}
    .pro_pop_ul3 li p.ul3_txt1 { font-size: 20px;}
    .pro_pop_ul3 li p.ul3_txt2 { font-size: 13px;  line-height: 20px; margin-bottom: 35px;}
    .pro_pop_ul3 li img { margin-bottom: 35px;}
    
    #pro_pop_txt2-2 {font-size: 27px;  line-height: 35px;  margin-top: 40px;}
    
    
    .pro_pop_ul li:nth-child(3) { width: 100%;  margin-right: 0%;  margin-top: 70px;}
    .pro_pop_ul li:nth-child(4) {  width: 100%;  margin-right: 0%;  margin-top: 10px;}
    


    
    
/*    sub 4   */
    

    .pro_pop_ul4 { margin-top: 30px;  margin-bottom: 60px;}
    .pro_pop_ul4 > li:nth-child(1) { width: 100%; }
    .pro_pop_ul4 > li:nth-child(1) > p:nth-child(1) { padding-bottom: 10px;}
    .pro_pop_ul_ul > li:nth-child(1) { width: 100%;}
    .pro_pop_ul_ul > li:nth-child(1) img { width: 65%;}
    .pro_pop_ul_ul > li:nth-child(2) { width: 100%;}
    .pro_pop_ul_ul > li:nth-child(2) p { font-size: 13px;  line-height: 20px; padding-top: 0px; }
    .pro_pop_ul4 > li:nth-child(2) { width: 100%;  margin-top: 20px;  margin-left: 0%;}
    .pro_pop_ul_u2 { width: 90%;  font-size: 0px; margin: auto;}
    .pro_pop_ul_u2 li img {  max-width: 55px;  margin: auto;  display: block;}
    .pro_pop_ul4 > li:nth-child(2) > img {  width: 90%; margin: 15px auto 0px;  display: block;}
    
    
/*    sub 5   */
    
    
    .s51_ul.first { margin-top: 50px;}
    
    
    
    .s51_ul > li { padding-top: 10px;  margin-bottom: 55px;}
    
    .s51_ul > li:nth-child(1) { width: 70%; display: block;  margin-bottom: 35px; padding-top: 10px;}
    .s51_ul > li:nth-child(1) p { font-size: 20px; line-height: 26px;}     
    
    .s51_ul > li:nth-child(2) { width: 100%;  margin-left: 0%;}
    .s51_ul > li:nth-child(2) img {  margin-top: 0px; }
    .s51_ul > li:nth-child(2) img.aa { margin-bottom: 0px;}
    
    .s51_ul > li:nth-child(2).aa {margin-bottom: 0px;}
    .s51_ul > li:nth-child(2).aa p { padding-left: 80px;  margin-left: 0px;  font-size: 13px;  line-height: 24px;}
    .s51_ul > li:nth-child(2).aa p span { left: 18px;}
    .s51_ul > li:nth-child(2).aa p::before { width: 3px;  height: 3px; left: 5px; top: 12px; }
    
    
    
    .s51_ul.ul1 > li:nth-child(1) { width: 100%;  margin-bottom: 10px;}
    .s51_ul.ul1 > li:nth-child(2) { width: 100%; margin-left: 0%;}
    .s51_ul > li:nth-child(2) p { font-size: 13px;  line-height: 20px;}
    
    .s51_ul > li:nth-child(1) img.s5_img.no1 { width: 55%;  margin-top: 10px; margin: 20px auto 0px;  display: block;}
    .s51_ul > li:nth-child(2) img.s5_img.no2 { margin: 10px auto 0px;}
    
    .s51_ul.ul2 > li:nth-child(1) {width: 100%; margin-bottom: 15px;}
    .s51_ul.ul2 > li:nth-child(2) { width: 100%;  margin-left: 0%;}
    .s51_ul.ul2 > li:nth-child(2) img { margin-top: 0px;}
    
    .s51_ul2 li { margin-bottom: 20px; }
    
    
/*    sub 6   */
    
    .s71 { margin: 0px 0px 100px;}
    
    .container { padding: 40px 15px !important;}
    #cuname, #cumail, #cunumber, #cusubject, #cucontent, #cuattached { font-size: 17px !important; width: 100% !important;  margin-right: 0% !important;  text-align: left !important;}
    
    #cuname_1, #cumail_1, #cunumber_1, #cusubject_1, #cucontent_1 {padding-left: 12px !important; margin-bottom: 25px !important; width: 100% !important;}
    
    .filebox label { width: 125px !important;  height: 30px !important; font-size: 17px !important;  line-height: 30px !important;}
    #cusend { margin: 0px !important;}
    
    .bgcollr_2 {  font-size: 17px !important;  line-height: 30px !important;  height: 30px !important;  width: 50% !important; max-width: 110px !important; margin: 0px 8px 0px 0px!important; display: inline-block !important;}
    .bgcollr_3 {  font-size: 17px !important;  line-height: 30px !important;  height: 30px !important;  width: 50% !important; max-width: 110px !important;  margin: 0px 0px 0px 8px!important; display: inline-block !important;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}