/*반응형 작업을 위한 미디어 쿼리 모아놓은 css파일
  pc : max width ~ 960px
  tablet : 960px ~ 640px
  mobile : 640px ~ 0px
  (시안에 따라 유동적으로 바뀔 수 있음)*/
@charset "UTF-8";

@media screen and (max-width: 1280px){
    
    .fs_100 {font-size: 4rem; line-height: 4.4rem;}
    .fs_80 {font-size: 3rem; line-height: 3.4rem;}
    .fs_70 {font-size: 2.5rem; line-height: 2.9rem;}
    .fs_60 {font-size: 2rem; line-height: 2.4rem;}
    .fs_50 {font-size: 2.2rem; line-height: 2.6rem;}
    .fs_40 {font-size: 1.8rem; line-height: 2.2rem;}
    .fs_30 {font-size: 1.2rem; line-height: 1.6rem;}
    .fs_20 {font-size: 1rem; line-height: 1.4rem;}
    
	.sangSec {width:100%; height: 100%;}
    
    .sangSec.Info {padding: 0 2% 4%; margin: 0 0 5% 0;}
    .Info > div {width: 48%;}
    .infoList {height: 33.333%;}
    
    .Info > div.cupponList.blue {}
    .Info > div.cupponList.blue .discount {}
    .sangSec .pt_text {width: 30%;}
    
    /*-----------max-width:1280 공용 기본 틀 end!---------------------------*/
    
    .sangSec.cont01 {}
    
    .sangSec.cont02 {}
    
    .sangSec.cont03 {}
    
    .sangSec.cont04 {}
    
    .sangSec.cont05 {}
    
    .sangSec.cont06 {}  
    
    .sangSec.cont07 {}
    
    .sangSec.cont08 {}
    
    .sangSec.cont09 {}
    
    .sangSec.cont10 {}
    
    .sangSec.cont11 {}
    
    .sangSec.cont12 {}
}

@media screen and (max-width: 960px){
    
    h2 {font-size: 5rem; line-height: 5.4rem;}
    h3 {font-size: 4rem; line-height: 4.4rem;}
    h4 {font-size: 3rem; line-height: 3.4rem;}
    h5 {font-size: 2.5rem; line-height: 2.9rem;}
    
    .fs_100 {font-size: 3rem; line-height: 3.4rem;}
    .fs_80 {font-size: 2rem; line-height: 2.4rem;}
    .fs_70 {font-size: 1.8rem; line-height: 2.4rem;}
    .fs_60 {font-size: 1.6rem; line-height: 2rem;}
    .fs_50 {font-size: 1.4rem; line-height: 1.8rem;}
    .fs_40 {font-size: 1.2rem; line-height: 1.6rem;}
    .fs_30 {font-size: 1rem; line-height: 1.4rem;}
    
    .sangSec.Info {height: 100%; margin: 0;}
    
    .Info .info_box ul.info_list {flex-direction: column;}
    .Info .info_box ul.info_list li.infos {width: 100%; height: 90px;}
    .Info .info_box ul.info_list li.infos div p {}
    
    .cupponList {width: 100%; height: 100%; margin-top: 4%;}
    .cupponList > p {}
    .cupponList > div {width: 30%; margin-right: 1%;}
    .cupponList > div > a {font-size: 0.8rem; line-height: 1.2rem; padding: 4%;}
    .Info > div.cupponList.blue > p {width: 60%; margin: 0 75px 0 0;}
    .Info > div.cupponList.blue .discount span {font-size: 0.8rem; line-height: 1.2rem;}
    .Info > div.cupponList.blue .discount strong {font-size: 1rem; line-height: 1.4rem;}
    
    .under_ln {text-underline-offset : 4px;}
    
    .img_box {flex-direction: column; align-items: flex-start;}
    .sangSec .pt_text {width: 40%;}
    
    /*-----------max-width:960 공용 기본 틀 end!---------------------------*/
    
    .sangSec.cont01 {}
    
    .sangSec.cont02 {}
    
    .sangSec.cont03 {}
    
    .sangSec.cont04 {}
    
    .sangSec.sld {}
    
    .sangSec.cont05 {}
    
    .sangSec.cont06 {}
    
    .sangSec.cont07 {}
    
    .sangSec.cont08 {}
    
    .sangSec.cont09 {}
    
    .sangSec.cont10 {}
    
    .sangSec.cont11 {}
    
    .sangSec.cont12 {}
    
    .sangSec.cont13 {}
    
    .sangSec.cont14 {}
    
    .sangSec.cont15 {}
    
}

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

@media screen and (max-width: 640px){
    
    .fs_100 {font-size: 2.5rem; line-height: 2.9rem;}
    .fs_80 {font-size: 1.8rem; line-height: 2.2rem;}
    .fs_70 {font-size: 1.6rem; line-height: 2rem;}
    .fs_60 {font-size: 1.4rem; line-height: 1.8rem;}
    .fs_50 {font-size: 1.2rem; line-height: 1.6rem;}
    .fs_40 {font-size: 1rem; line-height: 1.4rem;}
    
    h2 {font-size: 2.5rem; line-height: 2.9rem;}
    h3 {font-size: 2rem; line-height: 2.4rem;}
    h4 {font-size: 1.5rem; line-height: 1.9rem;}
    h5 {font-size: 1.2rem; line-height: 1.6rem;}
    
    .under_ln {text-decoration-thickness : 1px;}
    
    .Info > div.cupponList {height: 100px;}
    .Info > div.cupponList.blue .discount {flex-direction: column; justify-content: center;}
    .Info > div.cupponList.blue > p {margin: 0 40px 0 0;}
    .Info .info_box ul.info_list li.infos div p,
    .cupponList > p,
    .cupponList > div > a {font-size: 0.7rem; line-height: 1.1rem;}
    
    .sangSec .img_con.pc {display: none;}
    .sangSec .img_con.mobile {display: flex;}
    
    /*-----------max-width:640 공용 기본 틀 end!---------------------------*/
    
    .sangSec.cont01 {}
    
    .sangSec.cont02 {}
    
    .sangSec.cont03 {}
    
    .sangSec.cont04 {}
    
    .sangSec.cont05 {}
    
    .sangSec.cont06 {}
    
    .sangSec.cont07 {}
    
    .sangSec.cont08 {}
    
    .sangSec.cont09 {}
    
    .sangSec.cont10 {}
    
    .sangSec.cont11 {}
    
    .sangSec.cont12 {}
    
    .sangSec.cont13 {}
    
    .sangSec.cont14 {}
    
    .sangSec.cont15 {}
    
}

@media screen and (max-width: 350px){
    
    .fs_100 {font-size: 2.2rem; line-height: 2.6rem;}
    .fs_80 {font-size: 1.6rem; line-height: 2rem;}
    .fs_70 {font-size: 1.4rem; line-height: 1.8rem;}
    .fs_60 {font-size: 1.2rem; line-height: 1.6rem;}
    .fs_50 {font-size: 1.1rem; line-height: 1.5rem;}
    .fs_40 {font-size: 1rem; line-height: 1.4rem;}
    
    .Info .info_box ul.info_list li.infos {height: auto; padding: 10px 0;}
    .Info > div.cupponList.blue > p {margin: 0 20px 0 0;}
    
    /*-----------max-width:350 공용 기본 틀 end!---------------------------*/
    
    .sangSec.cont01 {}
    
    .sangSec.cont02 {}
    
    .sangSec.cont03 {}
    
    .sangSec.cont04 {}
    
    .sangSec.cont05 {}
    
    .sangSec.cont06 {}
    
    .sangSec.cont07 {}
    
    .sangSec.cont08 {}
    
    .sangSec.cont09 {}
    
    .sangSec.cont10 {}
    
    .sangSec.cont11 {}
    
    .sangSec.cont13 {}
    
    .sangSec.cont15 {}
    
    
    
}