/* ********************************************* *
 * 1800px
 * ********************************************* */
@media screen and (max-width: 1800px){
   
    .main_sec01 .bd1800,.bd1800{width: 100%;padding: 0 15px;}
    
    /* 메인 */
    #header .nav-open{right: 15px;}
    #header .logo{left: 15px;}
    .main_textBox{left: 50px; top: 50%; transform: translateY(-50%);}
    .main_sec02 .mainBoxwrap{padding-left:15px; padding-right: 15px;}
    .langBox{right: 15px;}
  }


/* ********************************************* *
 * 1600px
 * ********************************************* */
@media screen and (max-width: 1660px){
  .main_bg img{right:30px!important; left: inherit; width: 60%;}
  
}

/* ********************************************* *
 * 1500px
 * ********************************************* */
@media screen and (max-width: 1500px){

}


/* ********************************************* *
 * 1468px
 * ********************************************* */
@media screen and (max-width: 1468px){
  #header .pc_nav{padding-left: 18%; width: 90%;}


  .sub_topImage{height: 430px;}
  .boundary{width: 100%; padding: 0 15px;}
  .main_sec02 .mainBoxwrap{padding-left: 0; padding-right: 0;}
  .main_sec04 .mainBoxwrap .imgBox .mainImgab{margin-left:0; width: 50%; top: -50%; left:25%}
  .stick_part04 ul{width: 100%;}
  .stick_part04 ul{padding: 0 15px;}
  .stick_part04 ul li{padding:5px}
  .clip_part04{width: 100%;}

  .recruit_process{width: 100%; padding-left: 200px;}

}


/* ********************************************* *
 * 1400px
 * ********************************************* */
@media screen and (max-width: 1400px){

  
  .main_bg{height: 700px;}
  .main .textBox .textBottombox p span{display: inline; padding-left: 5px;}
  .main_sec02 .imgBox,.main .textBox{width: 50%;}
  .main_sec02 .mainBoxwrap:nth-child(1) .textBox dl {left:40px}
  .main .textBox .textBottombox p{padding-right: 46px;}

  .main_sec03 ul.squareBox li .sec03_inner{height: 360px;}
  h3.title{word-break: keep-all;}
  .sec03_innerBox p{font-size: 1rem; word-break: keep-all;}
  .sec03_innerBox p span{display: inline;}


  dd.bus_conWrap .bus_conTop .bus_con img{display: block; width: 100%;}
  dd.bus_conWrap .bus_conBottom li{width: 25%; float: left;}

  footer .f_logo,footer .f_text{display: block}
  footer .f_text{padding-left: 0;}
  footer .f_text li{padding-right: 0;}

  .faq_list_Box ul{padding: 30px 0;}
  .faq_list_Box dl dd{padding-left: 0;}
}

/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px){
  #header .pc_nav {
    padding-left: 17%;
    width: 80%;}

    #header .pc_nav,.langBox{display: none;}
    #header .headerInner{height: 100%;}
    .menuWrap,#header .nav-open{display: block;}


  .sub_topImage{height:330px}
  .main_sec03 ul.squareBox li:nth-child(1),.main_sec03 ul.squareBox li:last-child{width: 100%;}
  .main_sec03 ul.squareBox li:nth-child(2){display: none;}
  .main_sec03 ul.squareBox li:nth-child(1) .sec03_inner,.main_sec03 ul.squareBox li:last-child .sec03_inner{padding:30px}
  .main_sec03 ul.squareBox li img.pc_ver{display: none;}
  .main_sec03 ul.squareBox li img.mo_ver{display: block!important; position: relative;}
  .main_sec03 ul.squareBox li .sec03_inner img.m_sec03_img01{left: 0}
  .main_sec03 ul.squareBox li .sec03_inner{height: auto;}
  .main_sec03 ul.squareBox li{padding:2%}

  .main_sec04{padding-top: 350px;}

  dd.bus_conWrap .bus_conBottom li{width: 33.333%; float: left;}

  .stick_part02 ul{width: 100%;}
  .stick_part02 ul li{width: 33.333%;}
  .stick_part02 ul li .stick_partImg img{width: 100%; object-fit: cover; display: block;}
  
  .locationWrap dl dt{width: 300px;}
  .locationWrap dl dd{width: calc(100% - 300px); padding-left: 60px;}

  .history-time-list .history-con{padding: 60px 16px;}
  
}

/* ********************************************* *
 * 1024px
 * ********************************************* */
@media screen and (max-width: 1024px){

  html{font-size:16px}
  /* #header .pc_nav,.langBox{display: none;}
  #header .headerInner{height: 100%;}
  .menuWrap,#header .nav-open{display: block;} */
  .sub_topImage{height:300px}
  .textTopbox em{font-size:150px;}
  .main .textBox .textBottombox p{font-size: 1rem;}
  /* .main .textBox .textBottombox p span{padding-left:0} */

  .BottomWrap .textBox01 dl dt h3{font-size: 32px; word-break: keep-all; line-height: 1.3; font-weight: 500;}

  .sec_first{padding-top: 100px;}

  .faq_list_Box dl dt,.faq_list_Box dl dd{display: block;}
  .faq_list_Box dl dd,.faq_list_Box dl dt{width: 100%;}

  .appBox form{padding: 50px 0;}

  .recruit_process ul{width: 100%;}
  .recruit_process li {width: 33.333%;}
  .recruit_process li .recruit_in{height: 150px; border-radius: 15px; box-sizing: border-box;}

  .art_part02 .art02_section dl dt{width: 100%; display: block; padding-left: 15px;}
  .art_part02 .art02_section dl dd{width: 100%; display: block;}

}

/* ********************************************* *
 * 960px
 * ********************************************* */

@media screen and (max-width: 960px){
  .menuWrap{width: 350px;}
  .main_sec01 .main_textBox{top: 50px; transform: none; padding-left: 20px; padding-right: 20px; left: 0;}
  .main_sec04{padding-top: 250px;}
  .main_sec01 h2.title {word-break: keep-all; padding:0 0 40px}
  .main_sec01 h2.title span{display: inline;}
  .main_sec01 p {word-break: keep-all;}
  .main_sec01 p span{display: inline;}
  .main_bg{height: 600px;}
  .main_bg img{top: inherit; transform: none; bottom: 30px; width: 70%;}

  .history-time{text-align: left;}
  .history-wrap::before{left: 20px;}
  .history-time-list .history-con{width: 100%; padding: 40px 0 40px 40px;}
  .history-time-list .history-con.even{text-align: left;}
  .history-time-list .history-con.even .history-list li{padding-right: 0; padding-left: 20px;}
  .history-time-list .history-con.even .history-list li::before{right: inherit; left: 0;}
  .history-time-list .history-con.odd{margin-left:inherit;}
  .history-time-list .history-con.even{margin-right: inherit;}
  .history-time-list .history-con.odd .history-year::before {left: -26px;}
  .history-time-list .history-con.even .history-year::before{right: inherit; left: -26px;}


  section.busi_section .boundary{padding:0}
  dd.bus_conWrap .bus_conBottom li{padding: 0;}  
  dt.bus_titleWrap,dd.bus_conWrap .bus_conTop{padding: 0 15px}
  .busi_section dl dt.bus_titleWrap,.busi_section dl dd.bus_conWrap{width: 100%; display: block;}
  .busi_section dl dd.bus_conWrap{padding-left: 0; padding-top: 20px;}
  .busi_section dl dt.bus_titleWrap{text-align: left;}
  dt.bus_titleWrap .bus_titleTop .b_titleLine{margin-left: 0;}
  dd.bus_conWrap .bus_conBottom ul{padding: 0 10px;}
  dd.bus_conWrap .bus_conBottom li{float: left; width: 25%; padding:0 10px;}


  .art_table table th{width: 135px;}
  .recruit_process{padding-left: 0;}

  dt.bus_titleWrap .bus_titleBottom p span{display: inline; word-break: keep-all;}
  .titleB_p + .titleB_p{padding-top: 15px;}

  .pro_table,.brand_table{padding: 0 20px;}
  .brand_table table th{width: 150px;}
  .brand_table table td{width: calc(100% - 150px); padding-left: 20px;}

  .pro_img_arrWrap{width: 100%; padding: 70px 20px;}
  .pro_img_arrWrap .pro_img_arr{padding-right: 10px}
  .locationWrap dl dt{width: 100%; display: block;}
  .locationWrap dl dd{width:100%; display: block; padding-left: 0;}

  .faq_tab ul li span{font-size: 1.2rem; font-weight: 500;}
  .faq_tab ul li::after{font-size: 20px;}
  .faq_tab ul li{ padding:5px 40px;}



} 
/* ********************************************* *
 * 768px
 * ********************************************* */
@media screen and (max-width: 768px){

  .tabWrap .tabMenu li{margin-bottom: 0;}
  .sub_topImage{height:170px}
  .main .textBox dl{position: relative;}   
  .main_sec02 .revers{flex-direction: row; -webkit-flex-direction: row;}
  .main_sec02 .mainBoxwrap:nth-child(1) .textBox dl{left:0}
  .main_sec02 .imgBox, .main .textBox{width: 100%;}  
  .main_sec02 .imgBox{height: 250px; overflow: hidden;}
  .main_sec02 .mainBoxwrap:nth-child(2) .imgBox{background-color: #e8f0f2; margin-top:40px;}
  .main_sec02 .mainBoxwrap:nth-child(2) .imgBox img{float: left;width: 70%;}
  .main_sec02 .imgBox .mo_ver{display: block!important;}
  .main_sec02 .imgBox .pc_ver{display: none;}
  .main_sec04 .imgBox{margin-top:60px}
  .main_sec04 .mainBoxwrap .w50{width: 100%;}
  .main_sec04 .mainBoxwrap .imgBox{height: 650px;}
  .main_sec04 .mainBoxwrap .imgBox img{position: absolute;}
  .main_sec04 .mainBoxwrap .imgBox img.mainImgto{bottom: 0;}
  .main_sec04 .mainBoxwrap .imgBox img.mainImgab{top: 0;}
  .main_sec05{padding:0 0 100px}

  .main_sec02 .mainBoxwrap:nth-child(1) .imgBox img{width:100%;}
  .main_sec02 .mainBoxwrap:nth-child(1) .imgBox{background-color: #e8f0f2; margin-top:40px; height: auto;}


  /* 소식 */
  .news-con li{width: 50%;}
  .news-con li .new-thumb{height: 150px;}
  .news-con li strong{font-size: 17px;}

  .BottomWrap{width: 100%;}
  .BottomWrap .imgBox{max-width: 100%;}
  .BottomWrap .imgBox,.BottomWrap .textBox01{width: 100%;}
  .BottomWrap .textBox01 dl{position: relative; max-width: 100%; padding: 50px 0; left: 0; top: 0; transform: none;}
  


  .sec_first{padding-top: 20px;}
  .art{padding: 60px 0 100px;}
  .sub_topImage{height: 250px;}
  .tabWrap .tabTitle h3 {padding-bottom:10px}
  .tabWrap .tabTitle,.tabWrap .tabMenu{float: none; text-align: center;}
  .tabWrap .tabMenu li{padding:0 20px 10px 20px}
  .tabWrap .tabMenu li:last-child{padding:0 20px 10px 20px}
  .retail_wrap .retail_point{width: 100%;}
  .retail_wrap .retail_point::before{left: 20px;}
  .retail_wrap .retail_point::after{right:20px}

  
  .stick_part03{padding:90px 0 90px}
  .stick_part04{padding: 40px 0;}
  .stick_part04 ul li .stick_partImg{border-radius: 15px;}
  .clip_part01 img.items{width: 80%;}
  .clip_part02{padding: 60px 10px;}
  .clip_part03{padding: 60px 20px;}
  .clip_part04 .clip04_ul02{padding: 0 10px;}
  .clip_part04 .clip04_ul02 li{padding: 10px;}
  .clip_part01{padding: 0 20px;}
  .clip_part02 ul{width: 100%;}
  .clip_part02 ul li{width: 33.333%; padding: 1%;}
  .clip_part04 .clip04_ul{width: 100%;}
  .clip_part04 .clip04_ul li{width: 100%;}
  .clip_part04 .clip04_ul li:nth-child(2){display: none;}
  .clip_part04 .clip04_ul02 li:nth-child(1) img{display: block;}
  .clip_part04 .clip04_ul02 li{width: 50%;}
  .clip_part04 .clip04_ul li dl{text-align: center; position: relative; max-width: 100%;}
  .clip_part04 .clip04_ul li dl dd{width: 100%;}
  .clip_part04 .clip04_ul02 li img{width: 100%; display: block;}
  
  .appBox form .formBox{padding: 20px;}
  .appBox form .formBox .formWrarrn{right: 35px;}

  .recruit_process li{width: 100%;}
  .recruit_process li .recruit_in{height: inherit; border: 5px solid #72c6d4; padding:10px 0}
  .recruit_process li .recruit_in::after{right: 50%; width: 2px; height: 50px; top: 80%;}

  .art_part01 .part_recruit .recruit_text p.art-p{padding-bottom: 10px;}

  .art_part02 ul li .art02_img{border-radius: 15px;}
  .art_part02{padding:40px 15px;}
  .art_part02 ul li{padding: 0 2%;}


  .art03_section{width: 100%;}
  .art03_section .recruit_btn a{width: 200px; padding: 10px 25px;     border: 4px solid #72c6d4; }
  .art03_section .recruit_btn a:nth-child(1){margin-left:0; margin-right: 30px; }
}


/* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 650px){

 }

/* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){


  .sub_topImage{height:170px}
  .stick_part01{position: relative; width: 100%; height: 1000px; background:url(../img/others/momostick01_mo.jpg)no-repeat; background-position: center; background-color: #fff;}
  .stick_part02 ul{padding: 0 15px;}
  .stick_part02 ul li{padding:5px}

  .pro_img_arrWrap .pro_img_arr{width: 20%; float: left; padding-right: 0; padding: 0 5px;}
  .pro_img_arrWrap .pro_img_arr img{display: block; margin: 0 auto;}

  dd.bus_conWrap .bus_conTop .bus_con.promotionCon .pc_ver{display: none;}
  .promotionCon .mo_ver{display: block!important;}
  .bus_conTop .ex_con{background-color: rgba(255,255,255,0.8);}


  .stick_part03 .stick_slideBox li{float: left; padding: 20px; width: 100%;}
}


/* ********************************************* *
 * 600px
 * ********************************************* */
@media screen and (max-width: 600px){
.main_sec04 .mainBoxwrap .imgBox{height: 550px;}
.main_sec01 h2.title span{display: block;}

.brand_Con + .brand_Con{padding-top: 40px;}
.bus_con span.tpu{left: 10px; bottom: 5px; font-size: 15px;}

.faq_tab ul li span{font-size: 1.1rem; font-weight: 500;}
  .faq_tab ul li::after{font-size: 20px;}
  .faq_tab ul li{ padding:5px 20px;}

}

/* ********************************************* *
 * 480px
 * ********************************************* */
@media screen and (max-width: 500px){

  .main_sec02 .mainBoxwrap:nth-child(1) .imgBox img{width: 100%; max-width: 100%;}

  .main_sec02 .imgBox{height: 200px; overflow: hidden;}
  .main_sec02 .mainBoxwrap:nth-child(2) .imgBox img {width: 90%;}
  .main_sec03 ul.squareBox li .sec03_inner{border: 5px solid #fff;}
  .main_sec03 ul.squareBox li{width: 50%;}
  .main_sec03 ul.squareBox li:nth-child(5){width: 100%;}
  .main_sec04 .mainBoxwrap .imgBox{height: 450px;}
  dd.bus_conWrap .bus_conBottom li{float: left; width:24.33333%;}
  dd.bus_conWrap .bus_conTop .bus_conCellphone{padding-left: 27px;}
  dd.bus_conWrap .bus_conBottom{padding-top: 30px;}
  .news-con li .new-thumb{height: 105px;}
  .retail_wrap{padding-top: 80px; padding-bottom: 100px;}
  .retail_wrap .retail_point p{font-size: 1rem;}
  /* .bus_conTop .ex_con{bottom: -9px; font-size: 13px;} */
  .stick_part01 .momo_textBox01{left: 0; width: 100%; transform: none; ;}
  .stick_part05{padding:60px 0 100px}
  .stick_part05 img{width: 80%; padding-top: 60px;}
  .clip_part01 img.items{padding-top: 100px;}

  .locationWrap .locationBox .loca_map iframe{height: 250px;}
  .appBox form .formBox.w50{width: 100%;}
  .appBox form .formBox.w33{width: 50%;}
  .pro_list li{width: 100%; float: left; padding:20px;  }
  
  .sec_last{padding-bottom: 100px;}

  .art_part01 .part_recruit .recruit_text h4{font-size: 35px;}
  .art_table table th{display: block;}
  .art_table table td{width: 100%; display: block;  padding: 10px 10px 20px;}
  .recruit_process{padding-left: 0;}  


  .stick_part04 ul li{width: 100%; position: relative;}
  .stick_part04 ul li p{position: absolute; top: 28%; right: 20px; color: #666;}
  .stick_part04 ul li .stick_partImg{background-color: #eaf2f4; height: 150px;}
  .stick_part04 ul li .stick_partImg img{position: relative; left: -30%;}

  .art03_section .recruit_btn a{display: inline-block; margin: 0 auto;}  
  .art03_section .recruit_btn a:nth-child(1) { margin-right: 0; margin-bottom: 15px;}
  .sub_topImage{height: 145px;}
  .sub_topImage h5{font-size: 1.5rem;}
  .menuWrap{width: 100%; background-color: rgba(255,255,255,0.9);}

  .brand_table table th{width: 100px;}
  .brand_table table td{width: calc(100% - 100px); padding-left: 20px;}
  .busi_section + .busi_section{padding-top: 100px;}

  .applicationTop p{word-break: keep-all;}
  .applicationTop p span{display: inline;}

  #header .logo {top: 0; height: 100%; width:160px;}
  #header .logo a{width: 100%; display: block; height: 100%;}
  #header .logo a img{width: 100%; display: block; position: relative; top: 34%;}

  footer .moveTop{bottom: 260px; right: 20px;}
  footer .fix{right: 20px;}

  /* .art_img{background: url(../img/others/art_bg_mo.gif)no-repeat; background-position: center; background-size: cover;} */
  .appBox form{padding: 0;}
  .location{padding:30px 0 100px;}
  .location_modal .modal_wrap{width: 90%!important;}
  .faqWrap{padding-top:60px; padding-bottom: 100px;}
  
}


/* ********************************************* *
 * 380px
 * ********************************************* */
@media screen and (max-width: 400px){
  .main_sec02 .mainBoxwrap:nth-child(1) .imgBox img{}

  .main_bg{height: 570px;}
  .main_sec01 .topTitle{font-size: 1.111rem;}
  .main_sec01 h2.title{font-size: 2.5rem; line-height: 3rem; padding:0 0 30px}
  .main_sec03 h3.title{font-size: 1.5rem; line-height: 1.7rem;}
  .main_sec04 .mainBoxwrap .imgBox{height: 380px;}
  .main p span{display: inline;}

  /* .sub_topImage{height: 180px;} */

  .stick_part01{position: relative; width: 100%; height: 1000px; background:url(../img/others/momostick01_mo2.jpg)no-repeat; background-position: center; background-color: #fff;}
  .stick_part01 .momo_textBox01 p{font-size: 2rem;}
  .stick_part03{padding:100px 0 60px}

 
  .clip_part02 img.items02{width: 80%;}
  .locationWrap .locationBox .loca_map iframe{height: 200px;}
  .applicationTop p span{display: inline;}
  .appBox form .formBox{padding: 20px 10px;}
  .appBox form .formBox .checkGroup label.check{display: block;}

  .art_part01 .part_recruit .recruit_text h4 {font-size: 30px;}
  .art_part02{padding: 40px 5px;}
  

}

@media screen and (max-width: 350px){
  .main_sec02 .mainBoxwrap:nth-child(1) .imgBox img{}
}