@charset "utf-8";
/* CSS Document */

#wrapper{position:relative; overflow:hidden;}
#wrap{min-width: 320px; position: relative;}
.m_visual{display: block;}
.p_visual{display: none;}
#slider{width:100%; padding:5rem 15px; box-sizing:border-box}
.tit_text{text-align:center; margin:15px;}
.tit_text h3, .section_inner h3{font-weight: 500; font-size: 1rem; margin-bottom: 20px; text-align: center;}
.tit_text p img{width:90%; margin-bottom:30px;}
.visual{text-align: center;}
.visual img{width:100%; }
.slider_p li{float:left; width:33%; border-right:1px solid #ddd; padding:0 20px; box-sizing:border-box;}
.slider_p li:last-child{border-right:none;}
.slider_p li img{max-width:340px; width:100%;}



#section1{padding:35px 15px; box-sizing: border-box; border-bottom:1px solid #ddd;}
#section1 ul{margin:2rem 0 3.5rem; }
.pr_box li{width:100%; padding:30px 0 0;}
.pr_box h1{font-size: 5rem; line-height: 2.5rem; font-weight: 300; font-style: italic; color:#e8e8f0;}
.pr_box h2{padding-left: 3.8rem; font-weight: 500; font-size: 2.2rem; margin:10px 0 10px;letter-spacing: -2px;}
.pr_box h4{margin-top:-3.2rem; padding-left:3.9rem; font-weight: 300;}
.pr_box p{margin:2rem 0; line-height: 1.5rem; font-weight: 300; font-size: 0.8rem;}










/*기본값끝*/



@media screen and (min-width:768px){
    .tit_text p img{width:720px;}
    .visual img{width:680px;}
    .pr_box li{float:left; width:50%; padding:0 30px; box-sizing: border-box;}
}



@media all and (min-width:1024px){
    #slider{max-width:1446px; margin: 0 auto; padding-top:6rem;}
    .tit_text p{font-size: 1rem;}
    .tit_text p img{width:750px; margin:2.5rem 0 4.5rem;}
    #section1{max-width:1446px; margin: 0 auto; }
    #section1 li p{font-size: 1rem;}
    .pr_box li{padding:0 45px; margin-top:2.5rem;}
    .pr_box p{margin:2.5rem 0; font-size: 1rem; line-height: 1.8rem;}
    
    
    
}
/*1024끝*/