#idx_container{ padding-bottom:100px;}

#main{ background:url(../img/app/main_img.jpg) no-repeat center top / cover; height:300px; position:relative; margin-bottom:300px;}
#main .slogan{ position:absolute; top:80px; left:5%; color:#fff;}
#main .slogan .sl01{ font-size:13px; font-weight:300; opacity:0.7;}
#main .slogan .sl02{ font-size:1.8em; font-weight:bold; margin:3px 0 2px 0;}
#main .slogan .sl03{ font-size:1em; font-weight:400;}
#main .slogan .sl04{ display:inline-block; padding:10px 15px; line-height:1em; color:#fff; border-top:1px solid #f3d420; border-bottom:1px solid #f3d420; 
margin-top:20px; font-size:12px; letter-spacing:2px;}


#idx_main { position:absolute; top:250px; left:50%; margin-left:-45%; z-index:10; width:90%;}
#idx_main:after{ display:block; content:""; clear:both;}
#idx_main .idx_box{ float:left; width:calc(50% - 6px); height:165px; margin:3px 3px; padding:30px 20px 20px 20px; border-radius:20px; box-sizing:border-box; position:relative;
background:#f3eee0; text-align:center;}
#idx_main .idx_box img{ width:50px; height:auto;}
#idx_main .idx_box .btit{ font-weight:500; color:#222; font-size:1.1em; margin-bottom:10px; line-height:1.2em;}
#idx_main .idx_box p{ font-size:10px; color:rgba(0,0,0,0.4); line-height:1.5em; word-break:keep-all; letter-spacing:2px; margin:20px 0 5px 0;}
#idx_main .idx_box01{ }
#idx_main .idx_box02{ background:#fdc403;}
#idx_main .idx_box03{}
#idx_main .idx_box04{}


#idx_mbox{ width:90%; margin:0px auto; position:relative; padding:25px 0;}
#idx_mbox .idxs_t{ font-size:1.25em; font-weight:bold; color:#222; margin-bottom:10px;}
#idx_mbox .btn_idxs{ position:absolute; top:30px; right:0px; z-index:10; color:#bbb;}
.idx_scroll{ overflow-x:scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.idx_scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}

/*#idx_roll{ overflow:hidden; margin-top:20px;}
#idx_roll img{ width:100%;}
#idx_roll .swiper-container { border-radius:25px;
      width: 100%;
      height: 100%;

    }
#idx_roll .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  display:inline-block;
    }
#idx_roll .swiper-button-next, #idx_roll .swiper-button-prev{ display:none;}*/
   
    
@media screen and (min-width:991px) {
#idx_main{ margin-left:-230px; max-width:460px; }
.login_b{ top:310px; right:auto; left:50%; margin-left:180px;}
#main_content{ top:280px; left:50%; margin-left:-250px; max-width:500px;}
}


/* 메인컨텐츠 레이아웃 */
#idx_icon{ margin:0 auto; text-align:center; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); box-sizing: border-box; padding:30px 30px;}
#idx_icon ul{ border-bottom:1px solid #ddd; padding-bottom:20px;}
#idx_icon li{ display:inline-block; vertical-align:top; width:calc(50% - 34px); margin:10px 15px;}
#idx_icon li img{ width:65px; overflow:hidden;}
#idx_icon li p{ font-weight:600; margin-top:10px; color:#333; font-size:1.3em;}

.idx_icon5{ padding:25px 0 10px 0; position:relative;}
.idx_review{ text-align:left;}
.idx_review h3{ font-size:1.4em; font-weight:bold; color:#333; margin-bottom:5px;}
.idx_review h3 span{ font-size:13px; color:#e62e8b;}
.idx_review p{ font-size:10.5px; color:#999; line-height:1.4em;}
.idx_review .idx_rbtn{ position:absolute; top:50%; right:0px; margin-top:-15px; width:45px; height:45px; border-radius:50%; background:#e62e8b; color:#fff; font-size:1.8em; line-height:49px;
 text-align:center; box-sizing:border-box; padding-left:4px;}
 
 
 #copy{ text-align:center; font-size:10px; color:#ccc; padding:50px 0 0 0; letter-spacing:0;}