@charset "UTF-8";

@media all and (max-width:1685px){


}

@media all and (max-width:1600px){
   

}

@media all and (min-width:981px) and (max-width:1400px){
   

}

@media all and (max-width:1300px){
   
}


@media all and (max-width:1200px){
/* 상단메뉴 자주묻는질문 없애기 */
#wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(2){display:none;}/*9/7 수정*/



}

@media all and (max-width:1170px){
  /* 헤더 */
  #wrap #header .wrap .gap {width:auto;height:100%;margin:0 70px;}

}

@media all and (max-width:1024px){
    


}
@media all and (max-width:980px){
/* 헤더 */
#wrap #header .wrap .gap {width:auto;height:100%;margin:0 60px;}
  /* 상단 헤더 자주묻는질문 버튼 */


/* 상단 메뉴 logo kor eng */
#wrap #header .wrap .gap .container .right-wrap .aside{display:inline-block; }/*9/7 수정*/
#wrap #header .wrap .gap .container .right-wrap .aside>span{display:inline-block;}/*9/7 수정*/

#wrap #header .wrap .gap .container .right-wrap #gnb ul li{display: inline-block;}/*9/7 수정*/
/* 상단 헤더 자주묻는질문 버튼 */
#wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: 0px; }/*9/7 수정*/
/* 상단 헤더 공지사항 버튼 감추기*/
#wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(2){display:none;}/*9/7 수정*/

#wrap #main #section1 {background-attachment:scroll;}

/*섹션 2_1   좌우화살버튼 다음버튼 이전버튼 position은 폰 프레임 이미지에 맞춰놓음  */
#main #section2_1>div .sec2_1nextBtn-wrap{margin-top:22.5px;margin-left:-20px; }  
#main #section2_1>div .sec2_1prevBtn-wrap{margin-top:22.5px;margin-right:370px;}



}


@media all and (max-width:980px) and (orientation:landscape){ /* 가로형 */
    #wrap #main #section1 .wrap .gap .container .title img {width:90%;}
   
}

@media all and (max-width:980px) and (orientation:portrait){ /* 세로형 */
    #wrap #main #section1 .wrap .gap .container .title img {width:90%;}
    #wrap #main #section1 {  background:url(../img/main2_mob.png)no-repeat 50% 50%;background-size:cover; }
    
    
		
}


@media all and (max-width:900px){
    /* 상단 헤더 자주묻는질문 버튼 */
    #wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: 0px; }/*9/7 수정*/
    
/* section1 */
#wrap #main #section1 .wrap{position: relative; padding:0;/*수정 9/27 padding 추가*/ }
#wrap #main #section1 .wrap .gap .container .title {display: none;}
#wrap #main #section1 .wrap .gap .container .m_title{display: block;position: relative;top:20%; left:10%;width:100%;/*수정 9/27 paddingbottom 없애기*/ }
#wrap #main #section1 .wrap .gap .container .m_title img{ width:80%; /*margin-top:-100px;*/}
  

}

@media all and (max-width:780px){
    
 



}




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

    /* 헤더 */
    #wrap #header .wrap .gap {width:auto;height:100%;margin:0 50px;}
    /* 헤더 공지사항 버튼 */
    #wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: -5px; }/*9/7 수정*/

    /* 모빌카드 이벤트 상세페이지 상단 구글스토어 앱스토어 가리기 9/8수정 */
    #main #section3>div>div.sec3application-wrap{display: none;}
    /* 섹션3 앱스토어 없어지면서 상단으로 올리기 */
    #section3>div{ padding:75px 0 0 0 ; }
    
   /* 앱 다운로드 버튼 */
   .MobileCTA__cta-Q26BE { z-index: 100;position: fixed; display: block;bottom:0;line-height: 58px; text-align: center; }   


  
    /* 공지사항 */
    .masthead, .general-list-row,  .notice-detail,  .back { padding-right: 24px;  padding-left: 24px;  }
    .masthead { padding-top: 96px; }
    .general-list-row::after {  right: 0;  width: calc(100% - 45px); }
    .general-list-row__content { width: calc(100% + 2 * 24px);   margin-right: -24px;  margin-left: -24px;  padding-right: 24px;   padding-left: 24px;  }
    .notice-box__title, .notice-detail__title {   font-size: 18px;  line-height: 1.25;  letter-spacing: 0; }
       
       

    
}
 
@media all and (max-width:760px){

    

    #wrap #main #section1 .wrap .gap .container .title img {width:100%;}
    #wrap #main #section1 .wrap .gap .container .title ul{padding-top: 50px;}
    #wrap #main #section1 .wrap .gap .container .title ul li { display: none; width:50%;margin:0  auto;padding:10px 0;}
  
    

}

@media all and (max-width:700px){
            
   

}

@media all and (max-width:625px){

     /* 헤더 */
     #wrap #header .wrap .gap {width:auto;height:100%;margin:0 40px;}



     /* footer */
    #footer>div { padding:0 15px; }
   
}
@media all and (max-width:530px){

     /* 헤더 */
    #wrap #header .wrap .gap {width:auto;height:100%;margin:0 35px;}

    
    /* 공지사항 */
    .basic-list {  padding-top: 16px;  padding-right:35px ;padding-left: 35px;}



}
@media all and (max-width:480px){
    #wrap #main #section1 .wrap{padding:0;}
    #wrap #main #section1 .wrap .gap .container .title ul li { display: none;}
    #wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: -10px; }/*9/7 수정*/
        /* 공지사항 */
          .basic-list {  padding-top: 16px;  padding-right:30px ;padding-left: 30px;}



}

@media all and (max-width:410px){
/* 헤더 */
#wrap #header .wrap .gap {width:auto;height:100%;margin:0 25px;}
/* LOGO */
#wrap #header .wrap .gap .container .left-wrap .logo-wrap { width:110px;}/*9/7 수정*/
#wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: -15px; }/*9/7 수정*/


/* 푸터 저작권  */
#footer>div>ul>li div.footer-hotlink-wrap>span>a { color:#ccc; font-size:12px; }/*9/8 수정*/
/* 개인정보 처리방침만 적용하기 */
#footer>div>ul>li div.footer-hotlink-wrap>span>a.privacyBtn{font-weight: 400; line-height: 12px; font-size: 12px;} /*9/8 수정*/
/* 회사 주소 대표이사, 카피 */
#footer>div>ul>li div.footer-address-wrap>address>span {  font-size:11px;line-height: 150%; }/*9/8 수정*/
#footer>div>ul>li div.footer-address-wrap>address>span:last-child { font-size:10px; padding-top:10px; }/*9/8 수정*/
/* 푸터로고 */
#footer>div>ul>li div.footer-logo>a>img {  max-width:100px; }/*9/8 수정*/


}
@media all and (max-width:355px){




     /* 헤더 */

     #wrap #header .wrap .gap {width:auto;height:100%;margin:0 20px;}

     #wrap #header .wrap .gap .container .right-wrap .aside span a {font-size:10px;padding:5px 3px;}/*9/7 수정*/
     #wrap #header .wrap .gap .container .right-wrap #gnb ul li a {font-size:10px;}/*9/7 수정*/
      /* 헤더 공지사항 버튼 */
     #wrap #header .wrap .gap .container .right-wrap #gnb ul li:nth-child(1){margin-right: -15px; }/*9/7 수정*/

    

        
}
/* 8/23  추가 */
@media all and (max-width:300px){

    /* 왼쪽박스 */
    #wrap #header .wrap .gap .container .left-wrap  {float:left;padding-top:24px;transition:all .3s;}/*9/8 수정*/
    #wrap #header.addHeader .wrap .gap .container .left-wrap  {padding-top:13px; }/*9/8수정*/
    /* LOGO */
    #wrap #header .wrap .gap .container .left-wrap .logo-wrap { width:100px;}/*9/7 수정*/


    /* 모바일 일때 앱 다운로드 버튼 9/8 수정*/
    .MobileCTA__cta-Q26BE>a { height: 55px; font-size: 15px;  line-height: 55px;  } 
    .MobileCTA__cta-Q26BE>a>span {padding:21px 0; } 
    .MobileCTA__cta-Q26BE>a>span>img {width:15px;} 



}