/*Content CSS*/
.main-carousel{padding:0; display:block;  position:relative;}
.main-carousel .li{background-size:cover; background-position:center; position:relative; }
.main-carousel .li img {width: 100%; }
/* .main-carousel .img01 { background-image:url('../img/m_main1.jpg?v=210331'); background-position: 50% 50%;}
.main-carousel .img02 { background-image:url('../img/main2.jpg?v=210331'); background-position: 50% 50%;}
.main-carousel .img03 { background-image:url('../img/main3.jpg?v=210331'); background-position: 50% 50%;}
.main-carousel .img04 { background-image:url('../img/main4.jpg?v=210331'); background-position: 50% 50%;} */
.main-carousel .li .mobile {display: none;}
.main-carousel .li .tab {display: block;}


/*페이져*/
.main-carousel .owl-dots{position:absolute; bottom: 60px; right: 0; width: 100%; display: flex; flex-direction: row; justify-content: center;}
.main-carousel .owl-dots .owl-dot{border: 1px solid #fff; background: none; width: 13px; height:13px; border-radius: 50%; display: block; margin-right: 15px; transition: all 0.2s ease;}
.main-carousel .owl-dots .owl-dot:last-child {margin-right: 0;}
.main-carousel .owl-dots .owl-dot.active{background:#fff;}
.main-carousel .owl-dots .owl-dot:focus {outline: none!important; border: none!important;}

/*컨트롤러*/
.main-carousel .owl-nav{position:absolute;width:100%;top:170px; z-index: 2; display: none;}
.main-carousel .owl-nav .owl-prev{width:30px;height:57px;position:absolute;left:10px; text-align:center; cursor:pointer; background:url('../img/main_prev.png')no-repeat 50% 50%; opacity: 0.45; transition: all 0.3s;}
.main-carousel .owl-nav .owl-next{width:30px;height:57px;position:absolute;right:10px; text-align:center; cursor:pointer; background:url('../img/main_next.png')no-repeat 50% 50%;opacity: 0.45; transition: all 0.3s;}
.owl-nav button:focus {outline: none; border: none;}
.owl-nav button:hover {opacity: 1!important;}


/*메인타이포*/
.main_typo {width: 100%; position: absolute; top: 120px; left: 0;  text-align:left; padding:0 30px; text-align:center; font-size:20px; color:#fff;}
.main_typo h1 {font-size: 17px; font-weight: 500; color:#fff; line-height: 46px; font-family: 'NanumSquare',sans-serif; word-break: keep-all; }
.main_typo h1 b {font-weight: 800; letter-spacing: 0; font-size: 30px;}
.main_typo p {font-size:16px; font-weight: 300; color:#fff; margin: 15px 0 35px; word-break: keep-all; line-height: 30px;}

.main_typo ul {display: flex; text-align: center; justify-content: space-between;}
.main_typo ul li {width: 49%;}
.main_typo ul li a {width: 100%; height: 40px; display: flex ;align-items: center; justify-content: center; background: #0053a5; color:#fff; font-size:14px;
font-weight: 300; color:#fff;  overflow: hidden; z-index: 1; position: relative; }
.main_typo ul li a::before {content: ""; z-index: -1; position: absolute; background: #004384; transition: all .5s; left: 0; top: 0; width: 0; height: 100%;}
.main_typo ul li a:hover::before {width:100%;}
/*  btn_arrow */
.main_typo .btn_arrow {display: block; width: 24px; height: 1px; position: relative; background: #fff; margin-left: 30px; transition: all .5s ease; top:0; left:0;}
.main_typo .btn_arrow::after {content: ''; position: absolute; display: block; width: 8px;height: 1px;background: #fff;right: 0;transform: rotate(43deg);top: -3px;
transition: all .5s ease;}

.m_link {position: absolute; display: block; width: 100%; height: 100%; left:0; top:0; }







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

}

@media screen and (max-width: 960px) {
    .main-carousel .li .copy_area h2 {font-size: 36px;}
    .main-carousel .li .copy_area h3 {font-size: 15px;}
    /* .main-carousel .owl-nav { display:none} */
}

@media screen and (max-width: 640px) {
    .main-carousel .li .copy_area { top:40%;max-width:320px}
    .main-carousel .li .copy_area h2 { font-size:40px; word-break:keep-all}

    .main-carousel .li .tab {display: none; }
    .main-carousel .li .mobile {display: block; }
}
@media screen and (max-width: 414px){
    .main_typo_wrap {font-size:18px;}
    .main_typo h1{line-height: 42px;}
    .main_typo p  {line-height: 24px;}
}
@media screen and (max-width: 375px){
    .main_typo_wrap {font-size:16px;}
    .main_typo_box a {padding:0 10px;}
    .main_typo_box a h1 {font-size:14px;}
}