@charset "utf-8";
/*-------------------------------------------------
Style Sheet
Version : 1.0
Author :  정자연
Create date : 2018. 06. 30.
-------------------------------------------------*/



/*main-visual*/
#main-visual{
    background: url(https://ai.esmplus.com/dadamashop/img/main-visual.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 60px;
}
.main-visual{
    padding-top: 60px;
    box-sizing: border-box;
    padding-left: 90px;
}
.main-visual h2{
    font-size: 48px;
    color: #000;
    font-weight: 400;
    text-align: left;
    line-height: 58px;
}
.main-visual p{
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}
.main-visual a{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #000;
    margin-top: 5px;
    padding: 10px 72px 10px 32px;
    background: url(https://ai.esmplus.com/dadamashop/img/main-visual-arrow.png) no-repeat right 15px center;
}
.main-box {
    margin-top: 260px;
}
.main-box .box{
    display:block;
    float: left;
    width: 33.3333333%;
    box-sizing: border-box;
    background: #ffaa00 url(https://ai.esmplus.com/dadamashop/img/main-box-bg1.png) no-repeat right 5px bottom ;
    padding: 40px 55px;
    color: #fff;
}
.main-box .box:hover .box_box{
    background:#343434;
    color:#fff;
}
.main-box .box:nth-child(2){
    background: #f1f0f6 url(https://ai.esmplus.com/dadamashop/img/main_anyone.png) no-repeat right 10px bottom -50px; 
    color: #000;
}
.main-box .box:nth-child(3){
    background: #096fd2 url(https://ai.esmplus.com/dadamashop/img/main_glass.png) no-repeat right bottom;    
}
.main-box .box p.txt1{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.main-box .box:nth-child(3) .box_box{
    color:#096fd2;
}
.main-box .box:nth-child(1) .box_box{
    color:#ffaa00;
}
.main-box .box:nth-child(3):hover .box_box{
    color:#fff;
}
.main-box .box:nth-child(1):hover .box_box{
    color:#fff;
}
.main-box .box h3{
    font-size: 30px;
}
.main-box .box p.txt2{
    font-size: 16px;
    margin-top: 5px;
}
.main-box .box .box_box{
    font-size: 43px;
    display: inline-block;
    text-align: center;
    background: #fff;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-weight: 300;
    margin-top: 70px;
}
.main-notice{
    background: #fff;
    box-sizing: border-box;
    border: 3px solid #818486;
    margin-top: 33px;
    padding: 15px 10px;
}
.main-notice .left{
    float: left;
    box-sizing: border-box;
    width: 18%;
    text-align: center;
}
.main-notice .left p{
    color: #383838;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}
.main-notice .right{
    float: left;
    box-sizing: border-box;
    width: 82%;   
    position: relative;
}
.main-notice .right #notice-slide{
    width: 100%;
    box-sizing: border-box;
}
.main-notice .right #notice-slide ul {
    width: 100%;
}
.main-notice .right #notice-slide ul li{
    color: #000;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}
.main-notice .right #notice-slide ul li span{
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600;
    float: right;
}


h3.main-tit{
    color: #1d1d1d;
    font-size: 36px;
    text-align: center;
    font-weight: 500;
    background: url(https://ai.esmplus.com/dadamashop/img/main-tit-bg.png) no-repeat center;
}
p.main-tit2{
    color: #8e8e8e;
    font-size: 14px;
    text-align: center;
}



#section1{
    padding: 75px 0;
    box-sizing: border-box;
}
.section1 .sec1-slide{
    margin-top: 30px;
}
.section1 .sec1-slide .box{
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0px 20px;
}
.section1 .sec1-slide .box-in{
    height:410px;
}
.section1 .sec1-slide .box .box-in img{
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
}
.section1 .sec1-slide .box .box-in p{
    
    padding-bottom:28px;
}
.section1 .sec1-slide .box .box-in h3{
    padding-top:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
}
.section1 .sec1-slide .box .box-in a{
    border:1px solid #efefef;
    width:116px;
    padding: 13px 63px 13px 20px;
    background:url(https://ai.esmplus.com/dadamashop/img/sec1_arrow-r.png)no-repeat right 8px center;
    
}
.section1 .sec1-slide .box .box-in a:hover{
    color:#fff;
    background-color: #ffaa00;
    background-image:url('https://ai.esmplus.com/dadamashop/img/sec1_arrow-rW.png');
    
}
#section2{
    padding: 60px 0;
    box-sizing: border-box;
    background:url(https://ai.esmplus.com/dadamashop/img/section3_visual.jpg)no-repeat center;
    
}
.section2 .sec1-slide{
    margin-top: 30px;
    
}

.section2 .swiper-container{
    margin:50px 0 0;
}
.section2 .swiper-slide{
    text-align:center;
    width:600px;
    overflow:hidden;
    position:relative;
}
.section2 .box:not(.swiper-slide-active){
    pointer-events: none;
}
.section2 .swiper-slide .box-in{
    padding:5px;
    box-sizing:border-box;
    background:#fff;
}
.section2 .swiper-slide .box-in-ifr{
    position:relative;
    padding-bottom:56.25%;
    box-sizing:border-box;
}
.section2 .swiper-slide .box-in iframe{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:100%;
}
.section2 .swiper-slide video{
    vertical-align:top;
    max-width:100%;
}
.section2 .swiper-slide h3{
    background:#fff;
    padding:10px;
    box-sizing:border-box;
    text-align:left;
    display:none;
}
.swiper-slide-active h3{
    display:block !important;
    transition:0.5s;
}

footer{
    padding: 75px 0;
    box-sizing: border-box;
    background-color:#2b2b2b;
    text-align: center;
    color:#afafaf;
}
footer .container .row img{
    padding-bottom:47px;
}
footer .container .row>p{
    
    border-bottom: 1px solid #afafaf;
}

footer address{
    padding-top:24px;
}
footer address dl {
    text-align: center;
    margin-top: 5px;
}
footer address dl dd {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    position: relative;
    color: #8d8d8d;
}
footer address dl dd a{
    color:#fff;
}
footer address dl dd:after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0;}
footer address dl dd:first-child:after {display: none;}

@media (max-width:768px){
    .main-visual{padding-left: 10px; padding-top: 110px;}
    .main-visual h2{font-size: 32px; line-height: 40px;}
    #section1{padding:35px 0;}
    .main-visual a{margin-top: 20px;}
    .main-box{margin-top: 50px;}
    .main-box .box{width: 100%;}
    .section2 .swiper-slide{
        max-width:100%;
    }
    .section1 .sec1-slide .box-in{
        height:auto;
        padding-bottom:15px;
        box-sizing:border-box;
    }
    .section1 .sec1-slide .box .box-in h3{
        height:53px;
    }
}
@media (max-width:650px){

}
@media (max-width:480px){

}