/*Content CSS*/
.tl_box_roll_wrap .bx-wrapper { box-shadow: none; border: none}
.tl_box_roll_wrap {margin-top: 0; position: relative;}
.tl_box_roll_wrap .box_title{width:246px;height:140px;padding:25px 20px;color:#fff;background:url("../img/main_pager_bg.jpg") center top no-repeat;position:absolute;bottom:-30px; right: 15px; z-index:55}
.tl_box_roll_wrap .box_title h1{font-family: 'Raleway', sans-serif; font-size:16px; font-weight:600;}
.tl_box_roll_wrap .box_title p {font-size: 14px; font-weight: 300; margin-top: 10px; color: rgba(255,255,255,0.7); line-height: 24px; font-family: 'Raleway', sans-serif; }
.tl_box_roll_wrap .box_number_page{position:relative;float:right;right:0;width:80px;height:30px;color:#fff;top:35px}
.tl_box_roll_wrap .box_number_page .number{display:inline-block;float:left;margin-top:-20px;font-size:26px;font-weight:700;font-family: 'NanumSquare', sans-serif !important;}
.tl_box_roll_wrap .box_number_page .total-current-slide { display: inline-block; float: right; font-size: 18px;}
.tl_box_roll_wrap .box_number_page .number_last{font-size:18px;top:15px;position:absolute; color:rgba(255,255,255,0.38); font-weight: 300;font-family: 'NanumSquare', sans-serif !important; padding-top: 7px;}
.tl_box_roll_wrap .center_slidelist .slider_wrap01{color:#fff;background:url("../img/main1.jpg") 30% 50% no-repeat;background-size:cover;height:450px;width:100%;overflow:hidden;}
.tl_box_roll_wrap .center_slidelist .slider_wrap02{color:#fff;background:url("../img/main2.jpg") 80% 50% no-repeat;background-size:cover;height:450px;width:100%;overflow:hidden}
.tl_box_roll_wrap .center_slidelist .slider_wrap03{color:#fff;background:url("../img/main3.jpg") 50% 50% no-repeat;background-size:cover;height:450px;width:100%;overflow:hidden}
.tl_box_roll_wrap .center_pager{position:relative;float:right;right:0;width:80px;height:30px;color:#fff;margin-top:10px}
.tl_box_roll_wrap .center_pager .center-current-slide{display:inline-block;float:left;margin-top:-15px;font-size:29px;font-weight:600}
.tl_box_roll_wrap .center_pager .total-current-slide{display:inline-block;float:right;font-size:18px}


/*mark*/
.main_mark_wrap {width: 100%; height: 100%; display: flex; flex-direction: row; position: absolute; top: 0; left: 0; z-index:1 ;}
.mian_mark_box {width: 33.3%; border-right: 1px solid rgba(255,255,255,0.2);}
.mian_mark_box:nth-child(2n) {background: rgba(255,255,255,0.02);}
.mian_mark_box:last-child {margin-right: 0;}

/*페이져*/
.tl_box_roll_wrap .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom: 50px;  display:block; z-index: 2;}
.tl_box_roll_wrap .owl-dots .owl-dot{background: rgba(255,255,255,0.5); width: 17px; height: 17px; border-radius: 50%; display:inline-block;transition: all 0.2s ease; margin: 0 7px;}
.tl_box_roll_wrap .owl-dots .owl-dot.active{width: 40px; border-radius: 50px; background: #0068d3}
.tl_box_roll_wrap .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
/* .tl_box_roll_wrap .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display:block}
.tl_box_roll_wrap .owl-prev {position:absolute;top:50%;left:5%;z-index:999;background:url('../img/arrow_left.png') no-repeat; width:62px; height:53px; text-indent:-9999px; cursor:pointer}
.tl_box_roll_wrap .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url('../img/arrow_right.png') no-repeat; width:62px; height:53px; text-indent:-9999px; cursor:pointer}
.tl_box_roll_wrap .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;}
.tl_box_roll_wrap .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;}
.tl_box_roll_wrap .owl-prev:focus {outline: none;}
.tl_box_roll_wrap .owl-next:focus {outline: none;} */
.tl_box_roll_wrap .owl-nav{position:absolute;width:100%;bottom:50%; z-index: 3}
.tl_box_roll_wrap .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:15px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer; transition: all 0.2s;}
.tl_box_roll_wrap .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:15px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer;  transition: all 0.2s;}
.owl-nav button:focus {outline: none; border: none;}
.tl_box_roll_wrap .owl-nav .owl-next:hover { color:#1d90ff; border-top: 1px solid #1d90ff;}
.tl_box_roll_wrap .owl-nav .owl-prev:hover { color:#1d90ff; border-top: 1px solid #1d90ff;}

/*메인타이포*/
.main_typo_wrap {width: 100%; position: absolute; top: 60px; left: 0;  text-align: left; z-index: 2;  padding:0 30px; text-align: center;}
.main_typo h1 {font-size: 35px;  font-family: 'Raleway', sans-serif;font-weight: 800; color: #fff;  text-transform: uppercase; line-height: 45px; margin-bottom: 25px;}
.main_typo p {font-size: 17px;  font-family: 'NanumSquare', sans-serif !important; font-weight: 300; color: #fff; line-height: 30px; margin-bottom: 25px;
word-break: keep-all;}
.main_typo_btn ul {width: 100%; display: flex; flex-direction: row; justify-content: center;}
.main_typo_btn ul li {width: 180px; height: 50px; margin-right: 10px;}
.main_typo_btn ul li a {width: 180px; height: 50px; border: 1px solid #fff; text-align: center; line-height: 50px; display: inline-block; font-size: 14px; font-weight: 300; color:#fff; transition: all 0.3s;}
.main_typo_btn ul li:nth-child(2) a { border: 1px solid #0068d3; background: #0068d3; display: none;}
.main_typo_btn ul li a:hover {background: #1d90ff;border: 1px solid #1d90ff; }


.main_typo_btn ul li a img {padding-left: 7px; position: relative; top: -2px;}
@media screen and (max-width:1200px) {

}

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

}

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

}
@media screen and (max-width: 415px) {
    .main_typo h1 {font-size:30px;}
}
@media screen and (max-width: 365px){
    .main_typo h1 {font-size:28px;}
}