@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-top:5rem;}
.tit_text{text-align: right; margin:15px;}
.tit_text h3{font-weight: 300; font-size: 1.5rem; margin-bottom: 10px;}
.tit_text p{font-size: 0.8rem; line-height: 1.2rem; font-weight: 200;}
#slider .visual{width:100%; height:250px; background:url(../img/visual_04.png) center center no-repeat; background-size: cover;}
#section1{padding:35px 15px; box-sizing: border-box; border-bottom:1px solid #ddd;}
#section1 ul{margin:2rem 0 3.5rem; }
#section1 li h1{font-size: 1.7rem; line-height: 3rem; border-bottom: 3px solid #1d2087; display: inline-block;}
#section1 li h2{margin:1.5rem 0 0.8rem; font-weight: 400; font-size: 1.1rem;}
#section1 li p{font-weight: 300; line-height: 1.8rem; font-size:0.8rem;}
#section1 li button{border:1px solid #858585; padding:6px 12px; margin-top:1rem;}
#section1 li button a{color:#858585;}
#section1 li span{font-weight:500;}




/*기본값끝*/



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



@media all and (min-width:1024px){
    #slider{max-width:1446px; margin: 0 auto; padding-top:6rem;}
    #section1{max-width:1446px; margin: 0 auto; }
    #section1 ul{margin:2rem 0 5.5rem; }
    #section1 li{float: left;}
    #section1 li:first-child{width:35%;}
    #section1 li:last-child{width:65%;}
    #section1 li h1{font-size: 2rem;}
    #section1 li h2{margin:0 0 1.5rem; font-size:1.3rem; font-weight:500;}
    #section1 li p{font-size: 1rem;}

    
    
    
}
/*1024끝*/