@charset "utf-8";

/* 레이아웃 */
#sec01{background: url(../img/sec01_bg.jpg) no-repeat center; background-size: 100% 702px; height: 702px;}
#sec03{background: url(../img/sec03_bg.png) no-repeat center; background-size: cover; height: 764px;  }

/* 가운데영역 */
.container{position: relative; width: 1200px; margin: 0 auto; }

/* 로우영역 */
.row{}


.sec01{ margin: 0 auto; width: 760px; padding-top: 90px; }
.sec01 strong{display: block; margin-bottom: 27px; width: 751px;}
.sec01 h2{margin-bottom: 50px; width: 749px;}
.sec01 p{width: 744px;}

.sec02{ margin: 0 auto; width: 760px; padding-top: 90px; padding-bottom: 90px; display: flex; justify-content: space-between; }
.sec02 .img{background: url(../img/mobile_img1.png) no-repeat center; width: 45%; height: 620px;}
.newslistbox{position: relative;}

.newslistbox h2{ margin-bottom: 40px;}
.newslist_area{position: relative;}
.newslist_area:after{ content: '';
    width: 1px; height: 100%; background: #333;
    position: absolute; right: 15px; top: 0px; }
.newslist{ text-align: right; padding-right: 42px; }
.newslist li{padding: 25px 0; position: relative;}
.newslist li:after{ content: '';
    width: 8px; height: 8px; background: #333;
    position: absolute; right: -30px; top: 35px; border-radius: 50%;}
.newslist li a strong{font-size: 18px; font-weight: 500;}
.newslist dl{display: flex; flex-direction: row;justify-content: flex-end }

.sec03{display: flex; padding-top: 80px; justify-content: space-between;}
.sec03 .box1{width:675px;}
.sec03 .box2{width: 478px;}

.sec04{text-align: center;}
.sec04 h2{width: 1031px; padding: 80px 0;}

.eventlist{display: flex; justify-content: space-between;}
.eventlist div {width: 580px;}

.video{margin: 85px 0; border: 1px solid #ddd;}
.subscribe{width: 43%; padding: 20px 0; background: #093090; color: #fff; font-size: 46px; margin-bottom: 40px; letter-spacing: -1px; cursor: pointer; transition: all .3s ease; }
.subscribe:hover{background: #05206f;}
.subscribe span{color: #93b2ff}



@media (max-width:1024px){
    .container{width: 100%;}
    #sec01{background-size: cover; height: 350px; background: url(../img/sec01_bg.jpg) no-repeat top left;}
    #sec03{height: auto; background: #f4f4f4; padding-bottom: 40px;}
    .sec01{width: 100%; padding-top: 40px;}
    .sec01 h2{margin-bottom: 25px; width: 100%;}
    .sec01 strong{margin-bottom: 10px; width: 100%;}
    .sec01 p{width: 100%;}
    .sec02{width: 100%; flex-direction: column; padding-top: 40px; padding-bottom: 40px;}
    .sec02 .img{ margin-top: 40px; width: 100%;}
    .newslist{padding-left: 42px; padding-right: 0; text-align: left;}
    .newslist li{padding: 15px 0;}
    .newslist li:after{top: 25px; left: -30px;}
    .newslist_area:after{left: 15px;}
    .newslist dl{justify-content: flex-start;}
    .sec03{width: 100%; flex-direction: column; padding-top: 40px;}
    .sec03 .box1{width: 100%; margin-bottom: 40px;}
    .sec03 .box2{width: 100%;}
    .row{padding: 0 20px;}
    
    .eventlist{flex-direction: column;}
    .eventlist div{width: 100%; margin-bottom: 25px;}
    .eventlist div:last-child{margin-bottom: 0px;}
    .sec04 h2{width: 100%; padding: 40px 0 20px 0;}
    
    .subscribe{font-size: 20px; width: 100%; font-size: 24px;}
    
    .video{margin: 40px 0;}
    .newslistbox h2{padding-left: 30px;}
    
}