@media (max-width: 2560px){

.sec1_title {
    padding: 32% 0;
    position: relative;
}


.sec1_title ul p {
    font-size: 32px;
    color: #666;
}
.sec1_title ul h2 {
    font-size: 74px;
    font-family: 'LINESeedKR-Bd';
}
.sec1_title ul h2 span {
    color: #03c75b;
    font-family: 'LINESeedKR-Bd';
}
.sec1_title ul li {
    font-size: 24px;
    color: #666
}
.sec1_title ul a {
    font-size: 26px;
    padding: 18px 36px;
    background: #02C75A;
    color: #fff;
    border-radius: 30px;
    line-height: 4.5;
    font-family: 'LINESeedKR-Bd';
    transition: ease all 0.5s
}
.sec1_title ul a:hover {
    background: #3AB991;
    transition: ease all 0.5s;
}


}




@media (max-width: 1920px){

/* sec1_title */
.sec1_title {
    padding: 28% 0;
    position: relative;
}
.sec1_title ul {text-align: center;}
.sec1_title ul p {
    font-size: 22px;
    color: #666;
}
.sec1_title ul h2 {
    font-size: 68px;
    font-family: 'LINESeedKR-Bd';
}
.sec1_title ul h2 span {
    color: #03c75b;
    font-family: 'LINESeedKR-Bd';
}
.sec1_title ul li {
    font-size: 21px;
    color: #666;
	margin-top:-20px;
}
.sec1_title ul a {
    font-size: 17px;
    padding: 15px 32px;
    background: #02C75A;
    color: #fff;
    border-radius: 30px;
    line-height: 4.5;
    font-family: 'LINESeedKR-Bd';
    transition: ease all 0.5s
}
.sec1_title ul a:hover {
    background: #3AB991;
    transition: ease all 0.5s;
}


.container2 { width: 1800px; margin: 0 auto; }

.best_txt img{}
.best_item{
    bottom: 0; right: 0;
    display: block;
}



}

@media (max-width: 1480px){
.sec1_title img {
    position: absolute;
    top: 280px;
    right: 100px;
}

#circle text {font-size: 17px;}
#circle svg { position: absolute; right: -10%; bottom: -5%;}


}


@media (max-width: 1240px){
.foldingArea_new{display:none;}
.foldingOpen{display:none;}
.wbox{display:none;}
#foldingArea_new .foldingClose{display:none;}

.container{width: 100%;}
.row{padding:20px;}

#scrollDown .scroll-down {
    display: none;
}


.slider .slide {
  width: 2%;
  margin-right: 0px;
}


/* moma_title */
.moma_title{}
.moma_title p{font-size: 17px;}
.moma_title h2{font-size: 48px;}



#section01 {position: relative;}
.sec1_title {}
.sec1_title ul p{font-size: 17px;}
.sec1_title ul h2{font-size: 48px;}
.sec1_title img{
  position: absolute;
  width: 276.8px; height: 276.8px;
  top: 400px; right: 50px;
}

.sec2_boxcon figure ul h2{font-size: 24px; margin-bottom: 20px; font-family: 'LINESeedKR-Bd';}
.sec2_boxcon figure ul li{font-size: 12px; line-height: 1.7;}
.sec2_boxcon figure ul p{font-size: 8px; margin-top: 30px;}



.sec3_title ul p{font-size: 17px; }
.sec3_title ul h2{font-size: 48px;}
.sec3_title ul li{font-size: 14px;} 
.sec3_title ul a{font-size: 14px; padding: 15px 32px;}

#circle text {font-size: 17px;}
#circle svg { position: absolute; right: -10%; bottom: -5%;}


#section04 .sec4_left ul h4{font-size: 17px;}
#section04 .sec4_left ul li{font-size: 14px;}
#section04 .sec4_left::after{display:none;}

#section04 .sec4_right .sec4_right_imgbox .sec4_ibox01{
  top: 0; left: 5%;
  width: 310.8px; height: 294px;
  background-position: center;
}

#section04 .sec4_right .sec4_right_imgbox .sec4_ibox02{
  bottom: 15%; right: 0;
  width: 452.9px; height: 332.5px;
  background-position: center;
}

.ab2_box01 h2{font-size: 22px;}
.ab2_box02 h2{font-size: 22px;}
.ab2_box03 h2{font-size: 22px;}
.ab2_box04 h2{font-size: 22px;}

.ab03_img01{right: 0px;}
.ab03_img02{right: 0px;}


}

@media (max-width: 1024px){

.order{display:none;}
.order2{display:none;}
#footer .fl_right{display:none;}
.sec1_title img{
  position: absolute;
  width: 173px; height: 173px;
  top: 400px; right: 50px;
}



.sec2_boxcon figure ul h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'LINESeedKR-Bd';
}

.sec2_box01 {
    width: 25%;
    height: 350px;
}
.sec2_box02 {
    width: 25%;
    height: 350px;
}
.sec2_box03 {
    width: 25%;
    height: 350px;
}
.sec2_box04 {
    width: 25%;
    height: 350px;
}
.sec2_box05 {
    width: 25%;
    height: 350px;
}
.sec2_box06 {
    width: 25%;
    height: 350px;
}
.sec2_box07 {
    width: 25%;
    height: 350px;
}
.sec2_box08 {
    width: 25%;
    height: 350px;
}
.sec2_box09 {
    width: 25%;
    height: 350px;
}

.sec2_box10 {
    width: 25%;
    height: 350px;
}

.sec2_box11 {
    width: 25%;
    height: 350px;
}

.sec2_box12 {
    width: 25%;
    height: 350px;
}


.sec2_boxcon figure {
    position: relative;
    display: block;
    padding: 50px 25px;
    transform: translate(0,0);
    transition: transform 0.3s;
}

.sec3_left{width:50%}
.sec3_right{width:50%}
.sec3_title ul h2{font-size: 38px;}



/* section06 */
#section06 { padding:5% 0; }
.sec6_area {
  overflow: hidden; padding: 80px 0;
 }

.sec6_area ul {
	margin-top:30px;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
	height:inherit;
    align-items: center;
    flex-direction: row;
}



.sec6_area ul li {
width: 175px;
height: 150px;
margin:20px 5px;
border-radius: 20px;
}

.sec6_li .text {
    width: 175px;
    height: 150px;
    border-radius: 0px;
    opacity: 0;
}


.sec6_li {
	background-size: 175px 150px;
}

.sec6_area a:hover .text p{font-size: 12px;}
.sec6_area a:hover .text p:nth-child(1) {
	font-size: 12px;
    padding: 50px 0 0 20px;
    color: #ddd;
}
.sec6_area a:hover .text p:nth-child(2) { 
	font-size:17px; 
	font-family: 'LINESeedKR-Bd'; 
	padding-left:20px; 
}
.sec6_area ul li img { max-width:100%; }

.sec6_area .sec6_p { 
  font-family: 'LINESeedKR-Bd'; 
  text-align:center; 
  font-size:17px; 
  margin:40px 0 20px 0; 
}

.sec6_area .sec6_btn a {
  display:block;
  width:100px;
  margin:0 auto;
  text-align:center;
  font-size:17px; 
  font-weight:bold;
  border-radius:30px;
  padding:8px;
  background-color: #02C75A; color:#fff;
}





.ab2_box01 h2{font-size: 17px;}
.ab2_box02 h2{font-size: 17px;}
.ab2_box03 h2{font-size: 17px;}
.ab2_box04 h2{font-size: 17px;}

.about_text p {font-size: 18px;}


.ab03_img01 {
    width: 350px;
    height: 210px;
}
.ab03_img02 {
    width: 350px;
    height: 210px;
}



#form a span {
  position: absolute;
  top: 0;
  left: -15px;
  width: 30px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#form a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}



  #form .form_right {
  display:block;
  width: 100%;
  padding:10px 0;
  overflow:hidden;

  }

#formmail-write{padding: 30px; overflow:hidden;}
#captcha.m_captcha audio{display:none;}
#formmail-write .privacy-of-use{height: 60px;}
#formmail-write .form-footer{padding-top:10px;}

#form .form_left figure { padding:80px 0 0px 0px; }
#form .form_left { width:100%; }
#form .form_left figure ul { padding:0; margin-top:-25px; }
#form .form_left figure ul li { text-align:center; font-size:36px; }
#form .form_left figure ul p { text-align:center; font-size:14px; }

#formmail-write .btn_submit { padding:10px 20px; font-size:1.2em; height:auto; background:#43B749; margin-top:20px; }

#formmail-write {
    position: relative;
    padding: 30px;
    max-width: 800px;
    margin-bottom: 0;
    font-size: 12px;
    color: #4e4e4e;
}



}


@media (max-width: 768px){

.iframe_wrap{display:none;}

#section01 {display:block}




.br { display:block; }

.brand img{margin-left:20px; margin-top:5px; }
.brand img {
    width: 140px;
    height: 60px;
}

.demo a {bottom: 5px;}



/* moma_title */
.moma_title{}
.moma_title p{font-size: 14px;}
.moma_title h2{font-size: 36px;}




/* sec1_title */
.sec1_title{padding: 50% 0 ;}
.sec1_title ul{text-align: center; max-width: 250px; margin:0 auto;}
.sec1_title ul p{font-size: 14px; color: #666; margin-bottom:5px;}
.sec1_title ul h2{font-size: 42px;}
.sec1_title ul h2 span{color: #03c75b; font-family: 'LINESeedKR-Bd';}
.sec1_title ul li{
	font-size: 11px; color: #666;
    margin: 0 auto;
} 
.sec1_title ul a{
  font-size: 17px; padding: 15px 32px;
  background: #02C75A; color: #fff;
  border-radius: 30px; line-height: 6.5;
}
.sec1_title ul a:hover{background: #3AB991; transition: ease all 0.5s;}
.sec1_title img{
  display:none;
}


.demo a {
  left: 45%;
}


.sec2_boxcon figure {
    position: relative;
    display: block;
    padding: 40px 10px;
    transform: translate(0,0);
    transition: transform 0.3s;
}

.sec2_boxcon figure ul li {
    font-size: 11px;
    line-height: 1.7;
	letter-spacing : -0.7px;
}

.sec2_box01 {
    width: 50%;
    height: 250px;
}
.sec2_box02 {
    width: 50%;
    height: 250px;
}
.sec2_box03 {
    width: 50%;
    height: 250px;
}
.sec2_box04 {
    width: 50%;
    height: 250px;
}
.sec2_box05 {
    width: 50%;
    height: 250px;
}
.sec2_box06 {
    width: 50%;
    height: 250px;
}
.sec2_box07 {
    width: 50%;
    height: 250px;
}
.sec2_box08 {
    width: 50%;
    height: 250px;
}
.sec2_box09 {
    width: 50%;
    height: 250px;
}
.sec2_box10 {
    width: 50%;
    height: 250px;
}
.sec2_box11 {
    width: 50%;
    height: 250px;
}
.sec2_box12 {
    width: 50%;
    height: 250px;
}


#section03{}
.sec3_left{width:50%; padding:12% 0 0 0}

.sec3_title ul p{font-size: 14px; }
.sec3_title ul h2{font-size: 34px;}
.sec3_title ul li{font-size: 13px;} 
.sec3_title ul a{font-size: 12px; padding: 15px 32px;}
.sec3_right {width:50%;}
.sec3_right img {
width:320px;
height: 260px;
}

#circle svg {
    right: -15%;
    bottom: 20%;
}



#section04 .sec4_left { width: 100%; height: 450px; float: left;}
#section04 .sec4_left ul {margin-bottom: 20px;}
#section04 .sec4_right {width: 100%; height: 470px; }


#section04 .sec4_right .sec4_right_imgbox .sec4_ibox01 {
    top: 40%;
    left: 5%;
    width: 170.48px;
    height: 170.4px;
    background-position: center;
	opacity:0.8
}

#section04 .sec4_right .sec4_right_imgbox .sec4_ibox02{
  top:50%; bottom: 5%; left: 30%;
  width: 230.64px;
  height: 230.2px;
	}






/* section05 */
#section05 { padding:5% 0;     background-attachment: none; }
#section05 ul{text-align: center; color: #fff;}
#section05 ul h2{ font-size: 24px; margin:25px; }
#section05 ul li{ font-size: 14px; line-height: 1.5;}








/* section07 */
#section07 { padding:5% 0 1% 0;}
.sec7_area ul li {font-size:17px; }
.sec7_area ul h2 { font-size: 38px;}

.sliders{height: 100px;}
.sliders .slides {
  height: 115px;
  width: 115px;
  margin-right: 5px;
}

 
.slides:nth-child(1),
.slides:nth-child(10) {
  background-size: 115px 115px;
}

.slides:nth-child(2),
.slides:nth-child(11) {
  background-size: 115px 115px;
}

.slides:nth-child(3),
.slides:nth-child(12) {
  background-size: 115px 115px;
}

.slides:nth-child(4),
.slides:nth-child(13) {
 background-size: 115px 115px;
}

.slides:nth-child(5),
.slides:nth-child(14) {
  background-size: 115px 115px;
}

.slides:nth-child(6),
.slides:nth-child(15) {
  background-size: 115px 115px;
}

.slides:nth-child(7),
.slides:nth-child(16) {
  background-size: 115px 115px;
}

.slides:nth-child(8),
.slides:nth-child(17) {
  background-size: 115px 115px;
}

.slides:nth-child(9),
.slides:nth-child(18) {
  background-size: 115px 115px;
}

.slides:nth-child(10),
.slides:nth-child(19) {
 background-size: 115px 115px;
}

.slides:nth-child(11),
.slides:nth-child(20) {
  background-size: 115px 115px;
}

.slides:nth-child(12),
.slides:nth-child(21) {
  background-size: 115px 115px;
}

.slides:nth-child(13),
.slides:nth-child(22) {
  background-size: 115px 115px;
}

.slides:nth-child(14),
.slides:nth-child(23) {
  background-size: 115px 115px;
}

.slides:nth-child(15),
.slides:nth-child(24) {
  background-size: 115px 115px;
}

.slides:nth-child(16),
.slides:nth-child(25) {
  background-size: 115px 115px;
}

.slides:nth-child(17),
.slides:nth-child(26) {
 background-size: 115px 115px;
}

.slides:nth-child(18),
.slides:nth-child(27) {
  background-size: 115px 115px;
}

.slides:nth-child(19),
.slides:nth-child(28) {
 background-size: 115px 115px;
}

.slides:nth-child(20),
.slides:nth-child(29) {
 background-size: 115px 115px;
}



@keyframes marquee {
    0% { left: 0%; }
    100% { left: -100%; }
  }
  
  

  #section_best{
    background: url(/https/www.modoomkt.com/img/m_best_banner.png) no-repeat;
    background-position: center;
	background-size:cover;
	height: 734px;}

	
	

.best_layout{position: relative;}

.best_txt{display: none;}
.best_item{display: none;}




  #captcha.m_captcha #captcha_img {
    width: 120px;
    height: 40px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: inline-block;
}

#captcha.m_captcha #captcha_key{margin-top:5px; height: 40px;}
​

#contents {
    width: 100%;
    overflow: hidden;
	background: url(/https/www.modoomkt.com/img/contents_bg.png) no-repeat;
    position: relative;
    background-position: center;
    background-attachment: none;
    background-size: cover;
}


#place_banner{padding-bottom: 50px;}
#place_banner .place_box{
	background-image: url(https://modoomkt.com/img/m_place_banner.png) ;
	position: relative;
    height: 400px;
    box-sizing: border-box;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
#place_banner .place_box .place_text-box{
	width: 220px;
    margin: 0 auto;
    position: relative;
    z-index: 11;
	text-align:center;

}
#place_banner .place_box .place_text-box strong{
	display: inline;
    font-size: 32px;
    line-height: 36px;
	font-family: 'LINESeedKR-Bd';
    color: #111;
    letter-spacing: -0.25px;
}
#place_banner .place_box .place_text-box span{
	display: block;
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    letter-spacing: -0.3px;
}
#place_banner .place_box .place_text-box a{
	display: inline-block;
    margin-top: 5px;
    height: 28px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 27px;
    font-size: 11px;
    color: #fff;
    background: #111;
}


/* footer */
#footer{
  background-color:#f7f7f7;
  padding:40px 0; 
  position:relative; 
  margin-top:0px;
  font-size:14px;
  text-align:center;
  line-height:1.7;
}

#footer .footer_box { display:block; width:90%; margin:0 auto; }

#footer .copyright { font-family: 'LINESeedKR-Bd'; }
#footer .security a { display:block; font-family: 'LINESeedKR-Bd'; padding:20px 0; color:#202020; }
#footer .costomer span { font-size:23px; font-family: 'LINESeedKR-Bd'; }
#footer .fl_right  { display:none;  }

/* 패밀리사이트 */
.family {
  vertical-align: middle;
  position:inherit;
  width: 200px;
  margin:165px 0 0 40px;
  background-color: #fff;
  border:1px solid #ddd;
  display: block;
  cursor: pointer;
  height: 26px;
  padding-left: 10px;
  font-size: 13px;
  color: #202020;
  text-align: left;
  line-height: 30px;
  transition: all .2s;
  text-decoration: none;
  font-family: 'LINESeedKR-Bd';
}



.family .icon {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 17px;
  overflow: hidden;
  vertical-align: middle;
}

.family .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 2px;
  border-top: 1px solid #202020;
  border-left: 1px solid #202020;
}

.family .icon.rotate:before {
  transform: translate(-50%, -50%) rotate(-135deg);
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  margin-top: -4px;
}

.family ul {
  position: absolute;
  bottom: 2px;
  width: 197px;
  padding:5px 23px 5px 37px;
  margin-bottom: 29px;
  margin-left:-10px;
  background: #fff;
  border-bottom: 0;
  display: none;
  border: 1px solid #ccc;
}

.family ul li a {
  display: block;
  position: relative;
  padding: 5px 0;
  font-size: 13px;
  color: #202020;
  text-decoration: none;
}
.family ul.display {
  display: block;
}
.family ul li a:hover { color:#02C75A;}




/* SNS */
#footer .footer_sns .sns { display:inline-block; width:30px; height:30px; margin:0 2px 10px 0; }
#footer .footer_sns .facebook { 
	display:inline-block;
	background:url(/https/www.modoomkt.com/img/facebook.png) center no-repeat; 
	width:30px; height:30px; }

#footer .footer_sns .instagram {
	display:inline-block;
	background:url(/https/www.modoomkt.com/img/insta.png) center no-repeat; 
	width:30px; height:30px;
}

#footer .footer_sns .youtube {
	display:inline-block;
	background:url(/https/www.modoomkt.com/img/youtube.png) center no-repeat; 
	width:30px; height:30px;
}




.about_title h2 {font-size: 38px;}
.about_title li {font-size: 12px;line-height: 2;}
.ab_info {
    display: flex;
    height: 200px;
}
.ab_info li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ab_info li p{font-size: 11px;}
.ab_info li h2 {font-size: 14px;color: #fff;}

.about_title {
    padding-top: 120px;
    padding-bottom: 25px;
}

.about02_box {
    display: flex;
    padding-bottom: 5%;
    flex-wrap: wrap;
}

.about_text p {
    font-size: 12px;
}

.ab03_img01{display:none;}
.ab03_img02{display:none;}



#hd_pop{display:block;}
#hd_pops_4{display:block;}




}


@media (max-width: 576px) {
#hd_pop {width: 100% !important; height: auto !important; }
.hd_pops { left: 10px !important; right: 10px !important; }
.hd_pops_con { width: 100% !important; height: auto !important;  }
.hd_pops_con img { width: 100% !important; height: auto !important; }
} 


/* 
@media (max-width: 576px) {
#hd_pop { background: #fff; }
.hd_pops { left: 20px !important; right: 20px !important;  background: #fff; }
.hd_pops_con { width: 100% !important; height: auto !important; background: #fff; }
.hd_pops_con img { width: 100% !important; height: auto !important; }
}  */




@media (max-width: 568px){
.sec3_left{width:100%;}
.sec3_right {width:100%;}
.sec3_right{width:100%;}
}



@media (max-width: 500px) {


#section_best{
    background: url(/https/www.modoomkt.com/img/mm_best_banner.png) no-repeat;
    background-position: center;
	background-size:cover;
	height: 400px;
}


}