/*퀵메뉴*/
.right_quick-area {background: #fff; position: fixed; right: -100px; opacity: 0; border-radius: 8px; width: 60px; bottom:120px; box-shadow: rgba(0,0,0,0.1) 0 10px 20px; transition: all 0.5s ease;z-index: 100;}
.right_quick-area.active {opacity: 1; right: 10px}
.right_quick-area li {padding: 8px 0; position: relative}
.right_quick-area li span {position: absolute; color: #fff; border-radius: 30px; padding: 4px 0px; width: 80px; text-align: center; background: rgba(0,0,0,0.8); right: 100px; top: 20px; font-size: 11px; display: block; opacity: 0; transition: all 0.5s ease}
.right_quick-area li a {text-align: center; line-height: 50px; display: block; transition: all 0.3s ease; color:#a27b73; width:50px; height: 50px; margin: auto}
.right_quick-area li:nth-child(3) a {color: #f90}
.right_quick-area li:hover a { background:#1e76fe; color: #fff; border-radius: 50%;  box-shadow: rgba(0,0,0,0.2) 0 8px 6px}
.right_quick-area li:hover span { right:50px; opacity:1; display: block;}
.right_quick-area li a i {font-size: 18px; margin-top:15px}
.kakao {width: 40px; height: 40px; margin: 10px auto; background: #fdcd21; border-radius: 50%; text-align: center; box-shadow: rgba(0,0,0,0.1) 0 10px 20px; }
.kakao a { color: #461b0e; font-size: 18px; line-height: 38px; display: block;}
.kakao i { line-height:40px}
    @media (max-width:640px) {
        .right_quick-area {display: none; }
    }

/*퀵메뉴*/







/*메인배너*/
.mainVideo {top:0;width: 100%;height: 900px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:900px; top:0;left:0; z-index:1}

.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax { height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
.main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner_img03_240704.jpg);}
.main-carousel .img04 { background-image:url(../img/main_banner_img04.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.main-carousel .li .copy_area h2{font-size:60px;font-weight:100; line-height:1.3; letter-spacing:-4px; color:#fff; padding:0 20px; text-align:center; text-shadow: 2px 3px 9px #797979;}
.main-carousel .li .copy_area h3{ max-width:400px; font-size:16px;font-weight:400;text-align:center;margin:15px  auto 20px  auto; color:#fff; opacity:0.8; padding:0 20px; line-height:1.6; word-break:keep-all}
.main-carousel .li .copy_area h4{text-align:center; margin:80px auto 0 auto; color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.main-carousel .li .copy_area h4 a{color:#fff;padding:18px 42px;display:block; text-align:center;width: 160px; margin: auto; border:1px solid #fff; color:#fff; border-radius:50px}
.main-carousel .li .copy_area h4 a:hover { background-color:#fff; color:#000}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:-4px;}
.main-carousel .owl-dots .owl-dot{background:rgba(0, 0, 0, 0.4);width:400px;height:70px; line-height:70px; padding:0 10px; border-left:1px solid rgba(255,255,255,0.25); display:inline-block; color:#fff; opacity:0.8; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.main-carousel .owl-dots .owl-dot.active{background-color:#0068b7}
.main-carousel .owl-dots .owl-dot:first-child { border-left:0}
.main-carousel .owl-nav{position:absolute;width:150px; bottom: 28%; left: 50%; transform: translateX(-50%);}
.main-carousel .owl-nav .owl-prev{width:13px;height:21px;background-color:transparent; cursor:pointer; background-image: url(../img/prevBtn_off.png);background-repeat: no-repeat; text-indent:-9999px; position: absolute; left: 0;}
.main-carousel .owl-nav .owl-next{width:13px;height:21px;background-color:transparent;  cursor:pointer;  background-image: url(../img/nextBtn_off.png);background-repeat: no-repeat; text-indent:-9999px; position: absolute; right: 0;}

.visual_slider{position: relative;}
.visual_slider .owl-ps{position: absolute; bottom: 23%; left: 50%; transform: translateX(-50%); z-index: 999; width: 40px;}
.visual_slider .owl-ps .play{background-color:transparent; cursor:pointer; background-image: url(../img/slide_play.png);background-repeat: no-repeat; text-indent:-9999px; width: 17px; height: 20px; position: absolute; top: 0; z-index: 999; left: 0;}
.visual_slider .owl-ps .stop{background-color:transparent; cursor:pointer; background-image: url(../img/slide_stop.png);background-repeat: no-repeat; text-indent:-9999px; width: 17px; height: 20px; position: absolute; top: 0; z-index: 999; right: 0;}

.visual_slider .visual-notice{width:100%; right:0; position:absolute; bottom:0; z-index:1 }
.visual_slider .visual-notice .inner {background:rgba(0,0,0,0.6); overflow:hidden; max-width:1240px; margin:0 auto} 
.visual_slider .visual-notice:after{content:''; width:calc(50% - 620px); height:100%; right:0; position:absolute; top:0; background:rgba(0,0,0,0.6);}  
.visual_slider .visual-notice h3{padding:20px; color:#fff; float:left; max-width:130px;}


.m_slide_btn{position: absolute; bottom: 0; z-index: 10; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1290px; text-align: center; display: block; border-top-left-radius: 100px; border-top-right-radius: 100px; height: 150px;}
.m_slide_btn ul{width: 100%;}
.m_slide_btn ul::after{display: block; clear: both; content: '';}
.m_slide_btn ul li{float: left; width: 33.333333%; height: 150px; padding: 40px 0; cursor: pointer; transition: 0.3s all;}
.m_slide_btn ul li:first-child{background: rgba(117,157,144,0.8); border-top-left-radius: 20px;}
.m_slide_btn ul li:nth-child(2){background: rgba(145,107,92,0.7);}
.m_slide_btn ul li:nth-child(3){background: rgba(144,129,126,0.7); border-top-right-radius: 20px;}

.m_slide_btn ul li:first-child:hover{background: rgba(117,157,144,1); transition: 0.3s all;}
.m_slide_btn ul li:nth-child(2):hover{background: rgba(145,107,92,1); transition: 0.3s all;}
.m_slide_btn ul li:nth-child(3):hover{background: rgba(144,129,126,1); transition: 0.3s all;}
.cmt_contents p{color: #000 !important; font-size: 1.5em;}
.m_slide_btn ul li::after{display: block; clear: both; content: '';}
.m_slide_btn ul li .ms_d1{float: left; width: 30%; text-align: center; min-width: 46px;}
.m_slide_btn ul li .ms_d2{float: left; width: 70%; text-align: left;}
.m_slide_btn ul li div h3,p{color: #fff; font-weight: 300;}

.m_slide_btn ul li div h3{font-size: 19px; margin-bottom: 10px; font-weight: 400;}
.m_slide_btn ul li div p{font-size: 14px; line-height: 20px;}

.tl_colum_wrap{width: 100%; max-width: 1520px; margin: 0 auto; margin-top: 20px;}
/* .tl_colum_wrap::after{display: block; clear: both; content: '';} */
.main_table{width: 60%; padding: 0 40px; margin: 0 auto;}

.main_section1_inner{padding: 100px 0 200px 0 !important; max-width: 1520px; margin: 0 auto;}

.m_s1_img{position: relative;}
.m_s1_img .m_s1_in_txt{position: absolute; top: 120px; left: 200px; line-height: 50px;}
.m_s1_img .m_s1_in_txt h2{color: #64483b; font-size: 50px; font-family: 'Pretendard-ExtraBold';}
.m_s1_img .m_s1_in_txt p{color: #000; font-size: 20px;}

.tab {width: 100%; margin: 0 auto; display: block; text-align: center; position: absolute; bottom: 0; height: 70px;}
.tab::after{display: block; clear: both; content: '';}
.tablinks {width: 100%; max-width: 240px; height: 100%; font-size: 16px; color: #fff; background-color: #000; display: inline-block; border: none; margin: 0 -1px;}
.tablinks.active { color: #fff; background-color: #769d91;}

.tab .tablinks:first-child{border-top-left-radius: 20px;}
.tab .tablinks:nth-child(3){border-top-right-radius: 20px;}

@media screen and (max-width:960px) {
 .main-carousel .owl-dots .owl-dot { width:30%}
}


@media screen and (max-width:640px) {
	
	.mainVideo { height:100vh}
	.bg-fixed { height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .li { height:100vh}
	.main-carousel .img01 { background-image:url(../img/m_main_banner_img01.jpg);}
	.main-carousel .img02 { background-image:url(../img/m_main_banner_img02.jpg);}
	.main-carousel .img03 { background-image:url(../img/m_main_banner_img03.jpg);}
	
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-3px}
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
    .main-carousel .owl-dots .owl-dot { width:33.3333%}
}
/*메인배너*/




/*Our Business*/
.tl_colum_wrap {width:100%; min-height:600px; padding:150px 0px 100px 0; clear:both}
.tl_colum_wrap h2 { font-size:42px; text-align:center; font-family: 'Pretendard-ExtraBold';}
.tl_colum_wrap span.inner_span { display:block; padding:10px 10px 100px 10px; font-size:16px; color:#555; font-weight:400; text-align:center}
.y_colum_wrap{padding: 100px 0; max-width: 1680px;}

.y_colum_wrap .yc_con{margin-top: 100px;}
.y_colum_wrap .yc_con ul{width: 100%;}
.y_colum_wrap .yc_con ul::after{display: block; clear: both; content: '';}
.y_colum_wrap .yc_con ul li{text-align: center; float: left; width: 25%; transition: 0.3s all; height: auto; margin-bottom: 80px;}
.y_colum_wrap .yc_con ul li .yc_img{background-position: center; background-repeat: no-repeat; background-size: cover; content: ' '; width: 15vw; position: relative; border-radius: 50%; max-width: 300px; height: 15vw; transition: 0.1s all; margin: 0 auto;}
.y_colum_wrap .yc_con ul li .yc_img::after{border-right: 1px solid #d6d6d6; content: ' '; height: 15vw; width: 1px; position: absolute; right: -55px;}
.y_colum_wrap .yc_con ul li:nth-child(4) .yc_img::after{border-right: none;}
.y_colum_wrap .yc_con ul li:last-child .yc_img::after{border-right: none;}
.y_colum_wrap .yc_con ul li .yc_img .inner_icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;}
.y_colum_wrap .yc_con ul li h3{font-size: 1.3vw; margin-top: 25px; font-weight: bold;}
.y_colum_wrap .yc_con ul li p{color: #000; margin-top: 5px; font-size: 0.9vw;}
.y_colum_wrap .yc_con ul li a{color: #000; font-size: 15px; margin-top: 25px; display: block;}

.y_colum_wrap .yc_con ul li .yc_img1{background-image: url(../img/yc_img1.jpg);}
.y_colum_wrap .yc_con ul li .yc_img2{background-image: url(../img/yc_img2.jpg);}
.y_colum_wrap .yc_con ul li .yc_img3{background-image: url(../img/yc_img3.jpg);}
.y_colum_wrap .yc_con ul li .yc_img4{background-image: url(../img/yc_img4.jpg);}
.y_colum_wrap .yc_con ul li .yc_img5{background-image: url(../img/yc_img5.jpg);}
.y_colum_wrap .yc_con ul li .yc_img6{background-image: url(../img/yc_img6.jpg);}
.y_colum_wrap .yc_con ul li .yc_img7{background-image: url(../img/yc_img7.jpg);}
.y_colum_wrap .yc_con ul li:hover .yc_img .inner_icon{opacity: 1; transition: 0.3s all;}
.y_colum_wrap .yc_con ul li:hover .yc_img{border: #fff 5px solid; box-sizing: border-box; box-shadow: 3px 6px 10px 1px rgba(161, 161, 161, 0.6); transition: 0.1s all;}

@media screen and (max-width: 640px) {
     .tl_colum_wrap h2 { font-size:32px}
}
/*Our Business*/








/*BUSINESS CONSULTING*/
.tl_page_box_warp.consulting_page {width: 100%; padding:150px 0 0; background-color:#f8f9fa; }
.tl_page_box_warp.consulting_page h2 {font-size: 42px;font-weight: bold;color: #000; text-align:center; padding:0 20px}
.tl_page_box_warp.consulting_page span { display:block; padding:10px 10px 100px 10px; font-size:16px; color:#555; font-weight:400; text-align:center}
/*BUSINESS CONSULTING*/







/*비디오*/
.tl_video_bg_wrap .video_area {background-image:url(../img/movie_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;height:506px;position:relative;z-index:1;display:flex;align-items:center;background-attachment:fixed}
.tl_video_bg_wrap .video_area .inner { padding:0}
.tl_video_bg_wrap .video_area h2 { text-align:center; font-size:18px; color:#f5f5f5; font-weight:600; padding-bottom:30px; letter-spacing:15px; margin-top:-20px; position:relative}
.tl_video_bg_wrap .video_area .intro_video_iner {width: 100%;height: 100%;}
.tl_video_bg_wrap .video_area .intro_video_icon {display: inline-block; margin-top: 50px;}
.tl_video_bg_wrap .video_area .video-play-button{position:absolute;z-index:10;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:block;width:32px;height:44px; background: linear-gradient(to right,#fdb812,#d19504);
    float: left;;border-radius:50%;padding:18px 20px 18px 28px}
.tl_video_bg_wrap .video_area .video-play-button:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:rgba(255,255,255,.3);border-radius:50%;animation:pulse-border 1.5s ease-out infinite}
.tl_video_bg_wrap .video_area .video-play-button:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;transition:all .2s}
.tl_video_bg_wrap .video_area .video-play-button:hover:after {background: rgba(255, 255, 255, 0.3);}
.tl_video_bg_wrap .video_area .video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto}
.tl_video_bg_wrap .video_area .video-play-button span { display: inline-block; position: relative; z-index: 3; top: 8px; cursor: pointer;}
.tl_video_bg_wrap .video_area .ti-control-play:before { content: "\e6ad";font-size: 28px;color: #fff;}

@keyframes pulse-border {
  0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
  100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}




  #video-box {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: none;
    border: 2px solid #fff;
    border-radius: 4px;
    position: relative;
  }


  #video-box .iframe-wrapper {
    background-color: black;
    width: 100%;
    padding-top: 66.666%;
    position: relative;
  }

  #video-box .b-close {
    position: absolute;
    border: 0;
    outline: 0;
    background-color: transparent;
    z-index: 30;
    width: 30px;
    height: 30px;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 28px;
    line-height: 1em;
  }

  .iframe-wrapper iframe {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

  }

  .iframe-wrapper iframe.on {
    z-index: 20;
  }

/*비디오*/








/*TLOG BUSINESS STYLE*/
.tl_gallery_area_wrap { width:100%; padding:0}
.tl_gallery_area_wrap li {position:relative; width:50%; float:left; width:50%; height:457px; background-repeat:no-repeat; background-position:center; background-size:cover}
.tl_gallery_area_wrap .gallery01 {background-image:url(../img/gallery01.jpg); }
.tl_gallery_area_wrap .gallery02 {background-image:url(../img/gallery02.jpg); }
.tl_gallery_area_wrap li .txt_wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box;overflow:hidden;color:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; display:table; z-index:2}
.tl_gallery_area_wrap li .bg { background-color:#000; opacity:0.4; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_gallery_area_wrap li .txt_wrap .cell { text-align:center;width:100%; display:table-cell; vertical-align:middle}
.tl_gallery_area_wrap li .txt_wrap .cell h3 { font-size:42px; color:#fff; font-weight:bold; padding-bottom:10px}
.tl_gallery_area_wrap li .txt_wrap .cell p { color:#fff; opacity:0.8; line-height:1.6; font-size:16px; max-width:430px; margin:auto; word-break:keep-all}
.tl_gallery_area_wrap li .txt_wrap .cell a  {display:block; max-width:130px; font-size:14px; color:#fff; font-weight:100; letter-spacing:0;  margin:20px auto 0 auto; border:1px solid #888; text-align:center; line-height:35px; padding:0 30px; transition: all 0.2s}
.tl_gallery_area_wrap li .txt_wrap .cell a:hover {background:#3949a3; border:1px solid #3949a3; color:#fff; transition: all .3s}

@media screen and (max-width: 980px) { 
    .tl_gallery_area_wrap li { width:100%}
}

@media screen and (max-width: 640px) { 
    .tl_gallery_area_wrap li .txt_wrap .cell h3 { font-size:20px}
}

/*TLOG BUSINESS STYLE*/







/*맞춤형 웹서비스*/
.tl_about_box_wrap  {width:100%;  clear:both}
.tl_about_box_wrap .photo { width:59.2%; min-height:529px; background-image:url(../img/tl_about_box_wrap.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; float:left}
.tl_about_box_wrap .txt { width:40%; min-height:502px; border-top:1px solid #ddd; padding:75px; float:left;  box-sizing:border-box}
.tl_about_box_wrap .txt h2 { font-size:42px; letter-spacing:-1px; font-weight:bold}
.tl_about_box_wrap .txt span { display:block; padding:20px 0; color:#555; font-size:15px; line-height:1.75; letter-spacing:-0.02em; font-weight:300}
.tl_about_box_wrap .txt i { font-size:10px}
.tl_about_box_wrap a  {display:inline-block; font-size:14px;  margin-top:40px; border:1px solid #ddd; color:#333; font-weight:300; line-height:40px; padding:0 30px; transition: all 0.2s}
.tl_about_box_wrap a:hover {padding:0 40px; transition: all 0.3s; background-color:#2253b8; color:#fff}


@media screen and (max-width:1200px) {
	.tl_about_box_wrap .photo { width:100%; clear:both; float:none}
	.tl_about_box_wrap .txt  { width:100%; clear:both; float:none}
}


@media screen and (max-width: 640px) {
    .tl_about_box_wrap .txt { padding:45px}
	.tl_about_box_wrap .txt h2 { font-size:33px;}
}
/*맞춤형 웹서비스*/




/*제품소개*/
.tl_product_box_wrap { width:100%; padding:150px 0; clear:both}
.tl_product_box_wrap .inner { max-width:1400px; margin:0 auto}
.tl_product_box_wrap h2 {text-align:center;font-size:42px; color:#000; line-height:1.6; font-weight:600}
.tl_product_box_wrap h2 span {padding:10px 20px 100px 20px; font-size:16px; display:block; color:#555; font-weight:400}

@media screen and (max-width: 640px) {
   .tl_product_box_wrap h2 { font-size:32px}
}
/*제품소개*/





/*tl_our_service_wrap*/
.tl_our_service_wrap { width:100%; background-color:#f7f7f7; clear:both; margin-top: 50px;}
.tl_our_service_wrap .left { width:auto; float:left; text-align: right; margin-right: 100px;}
.tl_our_service_wrap .left h2 { font-size:42px; color:#000; font-weight:600}
.tl_our_service_wrap .left p { font-size:30px; color:#000;}
.tl_our_service_wrap .right { width:70%; float:left; border-left: 1px solid #d6d6d6; padding-left: 100px;}
.tl_our_service_wrap li {width:46.5%; margin-right:7%; margin-bottom:6%; float:left; text-align:justify;}
.tl_our_service_wrap li:nth-child(2n+2){margin-right:0}
.tl_our_service_wrap li .web_icon { margin-bottom:20px;  color:#fff}
.tl_our_service_wrap li .web_icon i { color:#6592fa; text-align:left; font-size:40px; margin-bottom:20px}
.tl_our_service_wrap li h2 {font-size:18px;color:#000;display:block;clear:both;padding-bottom:10px; letter-spacing:0; text-align:left}
.tl_our_service_wrap li p { font-size:16px; text-align:left; word-break:keep-all; color:#000; font-weight: 500;}
.tl_our_service_wrap li .icon_img {text-align:center;padding-top:20px;display:block;}

.tl_our_service_wrap .right2{text-align: left !important;}
.tl_our_service_wrap .right .right_inner_div::after{display: block; clear: both; content: '';}
.tl_our_service_wrap .right .right_inner_div{margin-top: 20px;}
.tl_our_service_wrap .right .right_inner_div img{float: left;}
.tl_our_service_wrap .right .right_inner_div .ri_div{float: left; margin-left: 10px; line-height: 25px; margin-top: 13px;}
.tl_our_service_wrap .right .right_inner_div .ri_div h3{font-size: 20px;}
.tl_our_service_wrap .right .right_inner_div .ri_div p{font-size: 16px; color: #000;}
.tl_our_service_wrap .right .right_inner_img{    box-shadow: 3px 6px 20px 1px rgba(161, 161, 161, 0.6);}

@media screen and (max-width: 960px) {
	.tl_our_service_wrap li { width:50%; margin-right:0}
	.tl_our_service_wrap li p { max-width:100%; margin:0 auto}
	.tl_our_service_wrap .left { width:100%; padding:0 20px 100px 20px}
	.tl_our_service_wrap .right { width:100%;}
}

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

	.tl_our_service_wrap li { width:100%; margin-right:0}

}
/*tl_our_service_wrap*/







/*공지사항*/
.tl_notice_latest_wrap { width:100%;   padding:150px 0; background-color:#f8f9fa; clear:both}
.tl_notice_latest_wrap .inner { max-width:1401px}
.tl_notice_latest { width:48%; float:left}


@media screen and (max-width: 640px) {
	.tl_notice_latest { width:100%;}

}
/*공지사항*/






/*티로그 업무분야*/
.tl_box_roll_wrap .bx-wrapper { box-shadow: none; border: none}
.tl_box_roll_wrap {position: relative;}
.tl_box_roll_wrap .box_title{width:210px;height:270px;top:-100px;padding:40px 30px;color:#fff;background: linear-gradient(to right,#0f99cb,#29f19c);position:absolute;z-index:2; border-top-right-radius:10px; border-bottom-left-radius:20px;}
.tl_box_roll_wrap .box_title span {display: inline-block; margin-bottom: 15px;}
.tl_box_roll_wrap .box_title h2{font-size:34px;font-weight:700}
.tl_box_roll_wrap .box_title h3 {font-size: 14px;}

.tl_box_roll_wrap .box_number_page{position:relative;float:right;right:0;width:80px;height:30px;color:#fff;top:50px}
.tl_box_roll_wrap .box_number_page .number{display:inline-block;float:left;margin-top:-25px;font-size:29px;font-weight:600}
.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}

.tl_box_roll_wrap .center_slidelist .slider_wrap01{color:#fff;background:url("../img/main_center01.jpg") center top no-repeat;background-size:cover;height:554px;width:100%;overflow:hidden}
.tl_box_roll_wrap .center_slidelist .slider_wrap02{color:#fff;background:url("../img/main_center02.jpg") center top no-repeat;background-size:cover;height:554px;width:100%;overflow:hidden}
.tl_box_roll_wrap .center_slidelist .slider_wrap03{color:#fff;background:url("../img/main_center03.jpg") center top no-repeat;background-size:cover;height:554px;width:100%;overflow:hidden}

.tl_box_roll_wrap .center_slidelist .photo{width:50%;float:left;height:554px;padding:150px 20px 70px 20px}
.tl_box_roll_wrap .center_slidelist .txt_box {width: 50%; background-color: rgba(0, 0, 0, 0.7); float: left}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area{max-width:692px;min-height:554px;padding:100px 0px 102px 100px;text-align:left}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area a { color: #ddd;display: block}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area a:hover { color: #fff}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area h3{padding:8px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:inline-block; font-weight: 300;
font-size: 1.3em; margin-bottom: 60px;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area .more{position:absolute;right:0;top:170px;font-size:14px;width:75px;height:75px;padding:20px 17px;border-radius:500px;background:#fff;text-align:center;display:none}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area .more a {color: #000;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area h2 { font-size: 40px; padding: 5px 0 15px 0;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area p{ max-width:500px; word-break:keep-all; font-size:16px;color:#fff; line-height:1.6}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area a{width: 190px; height: 50px; background-color: #64483b; color: #fff; line-height: 50px; text-align: center; font-size: 1.2em; margin-top: 45px; transition: 0.3s all;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area a:hover{background-color: #769d91; transition: 0.3s all;}
/* .tl_box_roll_wrap .center_slidelist .txt_box .text_area ul{padding:30px 0;margin-top:20px;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3);padding:0;text-align:center;font-size:15px}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li i{padding-bottom:10px;margin:0 auto;font-size:32px}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li:first-child { margin-left: -45px;}
.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li:last-child {border-right: 0px;} */


.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}

.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;}


@media screen and (max-width:640px) {
	.tl_box_roll_wrap { position: relative;}
	.tl_box_roll_wrap .box_title { width: 100%;height: auto}
	.tl_box_roll_wrap .box_title h2 { font-size: 29px;line-height: 1.5em}
	
	.tl_box_roll_wrap .box_number_page { position: absolute; top: 50px; right: 25px}
	.tl_box_roll_wrap .box_number_page .number{display:inline-block;float:left;margin-top:-15px;font-size:29px;font-weight:600}
	.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}
	
	.tl_box_roll_wrap .nav_page a{display:block;width:62px;height:53px;font-size:0;line-height:0; display:none}
	.tl_box_roll_wrap .nav_page .prev {top: 170px }
	.tl_box_roll_wrap .nav_page .next {top: 170px }
	.tl_box_roll_wrap .bx-viewport .center_slidelist .slider_wrap01{background:url("../img/main_center01.jpg") center top no-repeat;background-size:cover;height:554px;color:#fff}
	.tl_box_roll_wrap .bx-viewport .center_slidelist .slider_wrap02{background:url("../img/main_center02.jpg") center top no-repeat;background-size:cover;height:554px;color:#fff}
	.tl_box_roll_wrap .bx-viewport .center_slidelist .slider_wrap03{background:url("../img/main_center03.jpg") center top no-repeat;background-size:cover;height:554px;color:#fff}
	
	
	.tl_box_roll_wrap .center_slidelist .photo{width:100%;float:left;height:auto;padding:0}
	.tl_box_roll_wrap .center_slidelist .txt_box {width: 100%; float:none}
	.tl_box_roll_wrap .center_slidelist .txt_box .text_area {padding: 150px 20px 102px 20px;}
	.tl_box_roll_wrap .center_slidelist .txt_box .text_area .more {right: 20%; top: 160px; font-size: 14px;}
	.tl_box_roll_wrap .center_slidelist .txt_box .text_area h2 { font-size: 30px; padding: 5px 0 20px 0;}
	.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li {padding: 0 10px}
	.tl_box_roll_wrap .center_slidelist .txt_box .text_area ul li:first-child {margin-left: 0px;}
}
/*티로그 업무분야*/


@media screen and (max-width: 1100px) {
    .m_s1_img .m_s1_in_txt{left: 40px;}
    .tl_our_service_wrap .right{width: 100%; float: inherit; padding-left: 0; border-left: none;}
    .tl_our_service_wrap .right .right_inner_img{width: 100%;}
    .tl_our_service_wrap .left{float: inherit; text-align: center; margin-right: 0;}
    .tl_our_service_wrap li{width: 50%; margin-right: 0; text-align: center;}
    .tl_our_service_wrap li h2{text-align: center !important;}
    .tl_our_service_wrap li p{text-align: center !important;}
}

@media screen and (max-width: 999px) {
    .m_slide_btn ul li .ms_d1{display: none;}
    .m_slide_btn ul li .ms_d2{float: inherit; width: 100%; text-align: center;}
    .m_slide_btn{height: 110px;}
    .m_slide_btn ul li{height: 110px; padding: 19px 0;}
    .main_table{width: 100%; float: inherit; margin-bottom: 5em;}
    .tl_colum_wrap{padding: 90px 0px 0 0;}
    .tl_colum_wrap span.inner_span{padding: 10px 10px 40px 10px;}
    .m_s1_img .m_s1_in_txt{display: none;}
    .y_colum_wrap .yc_con ul li .yc_img::after{display: none;}
    .y_colum_wrap .yc_con ul li{width: 33.333%;}
    .y_colum_wrap .yc_con ul li .yc_img{width: 25vw; height: 25vw;}
    .y_colum_wrap .yc_con ul li h3{font-size: 1.7em;}
    .y_colum_wrap .yc_con ul li p{font-size: 1.1em;}
}

@media screen and (max-width: 772px){
    .tl_our_service_wrap .tab{height: 60px; position: inherit;}
    .tl_our_service_wrap .tablinks{max-width: inherit; width: 33.3333%; font-size: 14px; word-break: keep-all;}
    .tl_our_service_wrap .tab .tablinks:first-child{border-radius: 0;}
    .tl_our_service_wrap .tab .tablinks:nth-child(3){border-radius: 0;}
    .y_colum_wrap .yc_con ul li{width: 50%;}
}


@media screen and (max-width: 600px){
    .m_slide_btn{display: none;}
    .main_table{padding: 0; padding-bottom: 20px;}
    .tl_our_service_wrap li{width: 100%;}
}

@media screen and (max-width: 450px){
    .main-carousel .li .copy_area h2{font-size: 27px;}
    .lat li{padding: 20px 0;}
    .lt_info .lt_date_p{font-size: 20px;}
    .lt_info{margin-right: 10px; width: 18%;}
    .lat li a{width: 73%;}
    .tl_our_service_wrap .left h2{font-size: 32px;}
    .tl_our_service_wrap .left p{font-size: 20px;}
    .main_section1_inner{padding: 50px 0 200px 0 !important;}
    .tl_our_service_wrap .left{padding: 0 20px 50px 20px;}
    .y_colum_wrap .yc_con ul li{width: 100%;}
    .y_colum_wrap .yc_con ul li .yc_img{width: 150px; height: 150px;}
}