/*COPYRIGHT ©  tlog*/



/*상단헤드*/
#header {position: fixed;top: 0;left: 0;border-bottom: 1px solid rgba(255,255,255,0.4);background-color: transparent; width: 100%;z-index: 100;}
#header.scrolled { border-bottom: 1px solid rgba(0,0,0,0.4);background-color: #000;}
#logo-box {position: relative;width: 225px;height: 50px;overflow: hidden;}
#logo-box > .logo-bg a {display:inline-block; width:100%; height:100%;text-indent:-9999px;}
#logo-box > .logo-bg {display:block; width: 225px; height:50px; background-size:cover; position:absolute;left:0px; }
#logo-box > .logo-bg.white {background-image:url("../../img/logo-white.png"); top:0px;transition:top 0.3s ease-out}
#logo-box > .logo-bg.color {background-image:url("../../img/logo-white01.png"); top:50px;transition:top 0.3s ease-out}
.scrolled #logo-box > .logo-bg.white {top:-50px;transition:top 0.3s ease-out}
.scrolled #logo-box > .logo-bg.color {top:0px;transition:top 0.3s ease-out}
.header-content {position:relative; padding:20px 10px; }
/*상단헤드*/



/*메인 슬라이드*/
html,body{height:100%;margin:0;padding:0}
#index-slider {margin: 0;padding: 0;list-style:none;}
#index-slider .box {height:100vh; background-repeat:no-repeat;background-size:cover; background-position:center;margin:0;padding:0;}
#index-slider .box .inner-wrap-center{text-align:center;padding:175px 20px 20px}
#index-slider .box .inner-wrap-center .title{ padding-top:30px; font-size:34px;line-height:1.4;text-shadow:2px 2px 2px rgba(22,6,12,.14);letter-spacing:-.5px;color:#FFF}
#index-slider .box .inner-wrap-center .title:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#fff; clear: both;}
#index-slider .box .inner-wrap-center .subtitle{margin-top:25px;font-size:18px;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;line-height:1.6;text-shadow:2px 2px 2px rgba(22,6,12,.14);color:#FFF}

@media screen and (min-width:414px) {
#index-slider .box {min-height:630px;}
}


#index-slider-wrapper {position:relative;}
#index-slider-wrapper .bx-controls-direction {position:absolute;display:inline-block;bottom:30px;right:30px;}
#index-slider-wrapper .bx-controls-direction > a {display:inline-block;width:40px;height:40px;line-height:40px;text-align:center; padding-top:6px; box-sizing:border-box;}
#index-slider-wrapper .bx-controls-direction .bx-prev { background-color:#fff; color:#4a78bc;}
#index-slider-wrapper .bx-controls-direction .bx-next { background-color:#4a78bc; color:#FFF}


#index-slider-wrapper #index-slider .m-img01 {background:url("./../img/m-roll01.jpg"); background-size:cover;}
#index-slider-wrapper #index-slider .m-img02 {background:url("./../img/m-roll02.jpg"); background-size:cover;}
#index-slider-wrapper #index-slider .m-img03 {background:url("./../img/m-roll03.jpg"); background-size:cover;}
/*메인 슬라이드*/



/*오른쪽 버튼*/
#open-button{position:fixed;z-index:2000;right:5px;top:25px;width:40px;height:40px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block;}
#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#open-button .nl1 {top: 11px;right: 10px; width:30px;}
#open-button .nl2 {top: 19px;right: 10px; width:24px;}
#open-button .nl3 {top: 27px;right: 10px; width:30px;}
#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#000;}
#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#open-button.scrolled .navicon-line {background-color: #666;}
#open-button.on.scrolled >div>div{background-color:#666;}
/*오른쪽 버튼*/



/* 화면 전환 */
#blockui {position:fixed;left:0; top:0; width:100%;height:100vh; background-color:#000; opacity:0.5;  z-index:100; display:none;}
#sub-content-block {position:absolute;left:0; top:0; width:100%;height:100vh; background-color:#000; opacity:0.5;  z-index:10; display:none;}




/*오른쪽 버튼 UI 시작*/
.logo_top {width:100%; height:70px; padding:17px 0 0 15px; box-sizing:border-box;}
.join {position:relative; font-size:0;}
.join span {display:inline-block; width:50%; height:43px;  font-size:14px; text-align:center; line-height:43px; border-left:1px solid #333; border-top:1px solid #333; box-sizing:border-box; vertical-align:top;  padding:0; background-color:#000;}
.join span:first-child {border-left:0;}
.join span a {display:block; color:#FFF; padding-left:10px;}
.join span .login-btn { background:url("./../img/log_in.gif"); background-repeat:no-repeat; background-size:10% auto; background-position:34px center; margin-left:-1px;}
.join span .join-btn { background:url("./../img/join.gif"); background-repeat:no-repeat; background-size:10% auto; background-position:30px center; }


#lnb-a{position:fixed;top:0px;width:300px;right:-300px;background-color:#fff;z-index:1000;box-sizing:border-box;-webkit-transition:right .4s;transition:right .4s;border-bottom:1px solid #ddd;height:100vh;}
#lnb-a.on{right:0; -webkit-transition:right .4s;transition:right .4s;}
#lnb-a li, #lnb-a ul, .m-top li, .m-top ul{margin:0;padding:0;list-style:none}
#lnb-a>ul>li{display:block;background-size:50px 48px;background-repeat:no-repeat;background-position:20px 0;border-bottom:1px solid #f4f1f1;}
#lnb-a>ul>li>ul{-webkit-transition:transform .5s;transition:transform .5s;display:none}
#lnb-a>ul>li.on>ul{display:block}
#lnb-a>ul>li>a{display:block;font-size:16px;font-weight:nomal;text-decoration:none;height:50px;width:100%;line-height:50px;text-indent:35px;background:url("./../img/lnb_arrow.png") 235px 20px no-repeat;background-size:14.5px 50px}
#lnb-a>ul>li.on>a{background:url("./../img/lnb_arrow.png") 235px -23px no-repeat;background-size:14.5px 50px}
#lnb-a>ul>li ul{background-color:#ddd}
#lnb-a>ul>li ul:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
#lnb-a>ul>li ul>li{float:left;width:50%}
#lnb-a>ul>li ul>li>a{white-space:nowrap;display:block;line-height:45px;height:45px;text-indent:36px;font-size:14px;border-bottom:1px solid #fff;overflow:hidden;text-overflow:ellipsis}
#lnb-a>ul>li ul>li:nth-child(odd)>a{border-right:1px solid #fff}
/*오른쪽 버튼 Ul 끝*/




/*서브 백그라운드 이미지 고정*/
.sub-page-header{padding: 20px 0;background-position:center;background-color:#222;-webkit-background-size:cover;background-size:cover; height:220px;}
.sub-page-header>.inner-wrap{width:100%;height:100%;color:#fff;text-align:center;vertical-align:middle;letter-spacing:-0.5px}
.sub-page-header .big-title{font-size:1.8em;font-weight:bold;line-height:1.8;word-break:keep-all; padding-top:95px;}
/*서브 백그라운드 이미지 고정*/




/*서브 백그라운드 카피*/
.section-title .subtitle{display:block;margin-bottom:0.625rem;font-size:14px;font-weight:600;color:#869ea9;letter-spacing:2px; padding:0;}
.section-title .title{font-size:26px; display:block; margin-bottom:10px; letter-spacing:-0.03125rem; font-weight:normal;}
/*서브 백그라운드 카피*/




/*서브 백그라운드 이미지 교체*/
.sub-page-header.visual00 {background-image: url("./../img/m-visual00.jpg");}
.sub-page-header.visual01 {background-image: url("./../img/m-visual01.jpg");}
.sub-page-header.visual02 {background-image: url("./../img/m-visual02.jpg");}
.sub-page-header.visual03 {background-image: url("./../img/m-visual03.jpg");}
.sub-page-header.visual04 {background-image: url("./../img/m-visual04.jpg");}
.sub-page-header.visual05 {background-image: url("./../img/m-visual05.jpg");}
.sub-page-header.visual06 {background-image: url("./../img/m-visual06.jpg");}
.sub-page-header.visual07 {background-image: url("./../img/m-visual07.jpg");}
.sub-page-header.visual08 {background-image: url("./../img/m-visual08.jpg");}
/*서브 백그라운드 이미지 교체*/



/* 서브메뉴 이동 네비게이션 시작 */
.location{position:relative;z-index:85;}
.location .area{position:relative;height:50px;font-size:16px;color:#8c8c8c;line-height:50px;background-color:#f9f9f9; border-bottom:1px solid #ddd;}
.location .area>em.bgnone{margin-left:0;padding-left:0;background:0 0}
.location .area.one strong{padding-left:0;background:0 0!important}
.location .area strong{display:inline-block;padding-left:18px;background-repeat:no-repeat;background-position:left center;-webkit-background-size:30px 20px;background-size:20px 20px}
.location .area>em{margin-left:5px;padding-left:19px; font-style:normal;font-weight:700; color:#000; background:url("./../img/location_arrow.png") left center no-repeat;-webkit-background-size:9px 14.5px;-moz-background-size:9px 14.5px;background-size:9px 14.5px; }
.location .pr>a{position:absolute;right:10px;top:11.5px;z-index:95;width:30px;height:25px;text-indent:-9999px;background-image:url(./../img/location_arrow_bt.png);background-repeat:no-repeat;background-position:8px -2px;-webkit-background-size:14.5px 60px;-moz-background-size:14.5px 60px;background-size:14.5px 60px;background-color:#191919}
.location .pr > a.on {background-position: center -33px;}
.location .pr ul{top:51px;list-style:none;margin:0;padding:0;display:none}
.location .pr>ul>li>a{display:block;width:100%;padding-left:20px;height:55px;line-height:55px;font-size:16px;font-weight:700;color:#fff;background-color:#191919;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#393939;}
/* 서브메뉴 이동 네비게이션 끝 */



/*서브 컨텐츠 박스*/
.m_title-page { padding:90px 20px 20px 20px;}
.m_cont{font-size:16px;font-weight:400;letter-spacing:0.1px;margin:0; padding:0 20px 40px 20px; line-height:27px; word-break:keep-all;}
.m_cont .underline {background-color: #333;height: 1px;width: 40px;margin:10px 0 20px 0;}
.m_cont h2 {font-size:18px;letter-spacing:1px;}
.m_cont p{padding:20px 0 20px 0;display:block}
.m_cont .notice p{ line-height:25px; padding:0; margin:0; text-align:left}
.m_cont:after { content: " ";visibility: hidden;display: block;height: 0; clear: both;}
/*서브 컨텐츠 박스*/




/*탭*/
.tab_navi { padding:0;}
.tab_navi ul { padding:0; margin:0}
.tab_navi li{display:inline-block; margin-right: -0.35em; margin-top:1px;  background-color:#f2f2f2; width:33.3333%;}
.tab_navi li a:first-child {margin-left:0} 
.tab_navi li a{display:block; box-sizing:border-box; padding:12px 0 12px 0; color:#666; line-height:1.4; text-align:center; position:relative; }
.tab_navi li a:hover{backface-visibility:hidden; text-decoration:none}
.tab_navi li a.on{color:#fff; background-color:#1f296f; padding:12px 0 12px 0; }
/*탭*/




/*상단 스크롤*/ 
#btn_top_scroll{position:fixed;z-index:10;right:30px;bottom:50px;border:1px solid #ddd;font-size:13px; text-align:center;display:none;width:40px;height:40px;line-height:40px;background:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-decoration:none;}
#btn_top_scroll.scrolled{display:block;}
/*상단 스크롤*/




/*하단배너*/
.tl_clients_slider_box_wrap { width:100%; padding:0px 0 80px 0; color:#6e6e6e; position:relative; display:block; clear:both}
.tl_clients_slider_box_wrap h2 { font-size:30px; padding: 0 0 10px 20px; margin-bottom:20px; display:block; border-bottom:1px solid #ddd}
.tl_clients_slider_box_wrap li { list-style: none } 
.tl_clients_slider_box_wrap .clients_item:hover img{-webkit-filter: opacity(100%) grayscale(0%);filter: opacity(100%) grayscale(0%);}
.tl_clients_slider_box_wrap .owl-carousel .owl-item img{width: auto}
.tl_clients_slider_box_wrap .owl-carousel .owl-nav.disabled {display:block}
.tl_clients_slider_box_wrap .owl-carousel .owl-nav  {position:absolute; bottom:0; right:60px; display:inline-block; text-align:center; display:block}
.tl_clients_slider_box_wrap .owl-carousel .owl-nav .owl-prev {width:40px;height:40px; line-height:39px; top:0px; left:-1px; background-color: #fff; border: 1px solid #ddd;  position:absolute; color:#333; cursor:pointer}
.tl_clients_slider_box_wrap .owl-carousel .owl-nav .owl-next {width:40px;height:40px; line-height:39px; right:0; background-color:#fff; border:1px solid #ddd;  position:absolute; color:#333; cursor:pointer}
/*하단배너*/