/*메인배너*/
.main-carousel{height:615px; padding:0;}
.main-carousel .li{height:615px; background-size:cover; background-position:center top;}
.main-carousel .li .copy_area{max-width:1240px;position:relative;margin:0 auto; color:#fff; padding:170px 0 0 40px}
.main-carousel .li .copy_area h2{font-size:40px;font-weight:500;letter-spacing:1px; line-height:1.3; text-align:left}
.main-carousel .li .copy_area h2:after { content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:100;text-align:left;margin:15px 0 40px 0;}
.main-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left;border:1px solid #fff;display:inline-block;}
.main-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; top:435px;/*padding-left:10px*/}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;top:250px}
.main-carousel .owl-nav .owl-prev{width:80px;height:80px;background:url(../img/btn_banner_prev.png) no-repeat;text-indent:-9999px;position:absolute;left:0}
.main-carousel .owl-nav .owl-next{width:80px;height:80px;background:url(../img/btn_banner_next.png) no-repeat;text-indent:-9999px;position:absolute;right:0}
br.main_br{display:none;}
/*메인배너*/







/*컨설팅*/
.tl_consulting_page_warp {width: 100%;}
.tl_consulting_page_warp .inner{max-width:1200px;  margin:0 auto;}
.tl_consulting_page_warp h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding-top:95px}
.tl_consulting_page_warp p { padding-top:22px; text-align:center; letter-spacing:-1px; font-size:14px; margin-bottom:60px}
.tl_consulting_page_warp ul li { float:left; width:25%; text-align:center}
.tl_consulting_page_warp ul li:first-child { margin-left:0;}
.tl_consulting_page_warp ul li p { font-size:17px; font-weight:bold; color:#000; letter-spacing:0}
.tl_consulting_page_warp .circle-img {background-repeat: no-repeat; border-radius: 50%;width: 230px;height: 230px; -webkit-transform: scale(1); transform: scale(1); transition: all 1s ease; -webkit-transition: all 1s ease;}
.tl_consulting_page_warp .circle-img:hover  {
transform:scale(1.1) translate(-1.5%, -1.5%); opacity:1;
-webkit-transition: transform 300ms ease-out, opacity 300ms ease;
-moz-transition: transform 300ms ease-out, opacity 300ms ease;
-ms-transition: transform 300ms ease-out, opacity 300ms ease;
-o-transition: transform 300ms ease-out, opacity 300ms ease;
transition: transform 300ms ease-out, opacity 300ms ease;
}
/*컨설팅*/




/*COMPANY*/
.tl_company_box_warp { width:100%; padding-bottom:80px; background-color:#eff1f6}
.tl_company_box_warp .inner { max-width:1240px; margin:auto; clear:both;}
.tl_company_box_warp .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.tl_company_box_warp .inner .point{color: #06F;}
.tl_company_box_warp .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.tl_company_box_warp dl { float:left; width:33.3333%; padding: 0 20px 0 20px;}
.tl_company_box_warp dl dt { font-size:23px; height:60px; font-weight:bold; padding:13px 0 0 75px; color:#000;  background-repeat: no-repeat; background-position:left top} 
.tl_company_box_warp dl .icon01 {background-image: url(../img/company_icon01.gif);}
.tl_company_box_warp dl .icon02 {background-image: url(../img/company_icon02.gif);}
.tl_company_box_warp dl .icon03 {background-image: url(../img/company_icon03.gif);}
.tl_company_box_warp dd { line-height:2.2; background-image: url(../img/icon_dot.gif); background-repeat: no-repeat; background-position:left 15px; padding-left:15px; margin-left:80px}
/*COMPANY*/






/*INVITATION*/
.tl_page_box_warp {background-image: url(../img/main_img_cover_bg.jpg);background-position: center top; background-size:100%; padding-bottom:47px}
.tl_page_box_warp .inner { max-width:1200px; margin:auto; padding-top:65px; clear:both;}
.tl_page_box_warp .invitation { width:32%; height:614px; font-size:34px; background-color:#394650; float:left; }
.tl_page_box_warp .invitation a { display:inline-block; }
.tl_page_box_warp .invitation a:hover { text-decoration:none}
.tl_page_box_warp .invitation h1 { font-size:37px; font-weight:bold; color:#fff; padding:40px 41px 10px 41px; } 
.tl_page_box_warp .invitation h2 { font-size:40px; color:#fff; letter-spacing:-1px; padding:0 0 0 41px; font-weight:300;}
.tl_page_box_warp .invitation p { font-size:14px; padding:0px 41px 106px 41px; color:#f2f2f2; line-height:1.4;}
.tl_page_box_warp .invitation .bxslider .img01 { width:100%; height:306px; background-image: url(../img/main_img_invitation01.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover}
.tl_page_box_warp .invitation .bxslider .img02 { width:100%; height:306px; background-image: url(../img/main_img_invitation02.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover}

.tl_page_box_warp .main_cont_box { width:65%; height:614px; float:right;}
.tl_page_box_warp .main_cont_box .movie { width:63%; height:308px; float:left; background-color:#333; background-position:center center; background-image: url(../img/movie_thumb.jpg); background-size:cover; cursor:pointer}
.tl_page_box_warp .main_cont_box .business_style { width:37%; height:308px; background:url(../img/main_img_contbox03.png); background-repeat:no-repeat; background-color:#4773ec; background-position:bottom right; float:left}
.tl_page_box_warp .main_cont_box .business_style a { width:37%; height:308px; text-decoration:none; display:block}
.tl_page_box_warp .main_cont_box .business_style h2 { font-size:41px; font-weight:normal; color:#fff; text-align:left; letter-spacing:-2px; line-height:1.2; padding:55px 33px 20px 52px;}
.tl_page_box_warp .main_cont_box .business_style h2:after { content: " ";display: block;  width:40px; height: 4px; margin-top:30px; background-color:#fff; clear: both;}
.tl_page_box_warp .main_cont_box .business_style .btn { font-size:10px; border:1px solid #fff; text-align:center; color:#fff; margin:15px 0 0 52px; width:108px; height:34px; line-height:34px;}
.tl_page_box_warp .main_cont_box .latest_thum { width:37%; height:306px; background-image: url(../img/main_img_contbox04.jpg); background-size:cover; float:left}
.tl_page_box_warp .main_cont_box .latest {width:63%;height:306px;float:left;}
/*INVITATION*/






/*티로그는 지금*/
.tl_business_now_box_warp { max-width:1200px; margin:0 auto; padding-bottom:50px; clear:both}
.tl_business_now_box_warp p { text-align:center; padding:20px 0 50px 10px}
.tl_business_now_box_warp h2 { font-size:26px; font-weight:bold; text-align:center; padding-top:55px;}
/*티로그는 지금*/




/*무료상담*/
.tl_counsel_box_warp { width:100%; padding-bottom:30px; background-image:url(../img/counsel_img_cover.jpg); background-repeat:no-repeat; background-position:center top}
.tl_counsel_box_warp .inner { max-width:1240px; margin:0 auto}
.tl_counsel_box_warp .inner h2 { font-size:26px; font-weight:bold; padding-top:55px; color:#fff;}
.tl_counsel_box_warp .inner p { padding:10px 0 0 0; color:#fff}
.tl_counsel_box_warp .inner #co_name {width:336px; padding:10px}
.tl_counsel_box_warp .inner #co_hp {width:336px; padding:10px; margin-left:10px}
.tl_counsel_box_warp .inner .checkbox {margin:10px 330px 0 0; float:right; color:#fff}
.tl_counsel_box_warp .inner #co_agreement {text-align:justify;margin-right:5px}
.tl_counsel_box_warp .inner #co_content {width:1050px; height:120px; padding:10px;}
.tl_counsel_box_warp .inner .button {width:122px; height:122px; line-height:122px; background-color:#000; color:#fff; font-weight:bold; text-decoration:none; float:right; text-align:center;  border-radius:5px;}
.tl_counsel_box_warp .inner .tbl-stat  { border:0}
.tl_counsel_box_warp .inner .tbl-stat tbody td { border:0; padding:10px}
/*무료상담*/



/*푸터*/
.footer .banner_warp{width:100%;min-width:1200px;background:#3b3b3b;}
.footer .banner_img{max-width:1200px;height:85px;margin:0 auto;}
.footer .banner_img:after{display:block;content:"";clear:both}
.footer .conLF{float:left; padding:0; margin:0}
.footer .conLF:after{display:block;content:"";clear:both}
.footer .conLF li{float:left;margin:18px 0 0 0;}
.footer .conLF li:fisrt-child{margin:22px 0 0 0;}

.footer .conRF {float:right;margin:17px 0 0 0; padding:0;}
.footer .conRF:after{display:block;content:"";clear:both}
.footer .conRF li{float:left}
.footer .conRF li a{display:block;}
.footer .conRF li a:hover{display:block;background:#323131}

.footer .nav_warp{width:100%;background-color:#000}
.footer .nav_warp .content{max-width:1240px;margin:0 auto;padding:20px;}
.footer .nav_warp .content ul{height:64px;margin:0;border-bottom:1px solid #626161; padding-bottom:10px}
.footer .nav_warp .content ul:after{display:block;content:"";clear:both}
.footer .nav_warp .content ul li{float:left;margin:0 0 0 25px;font-size:16px;line-height:42px;color:#fff;}
.footer .nav_warp .content ul li:first-child{margin:0;}
.footer .nav_warp .content ul li a{display:block;color:#fff}
.footer .nav_warp .content ul li a:hover{text-decoration:none}
.footer .nav_warp .content .company{margin:30px 0 0 0;}

.footer .content address{margin:15px 0 0 0;font-size:14px;line-height:20px;color:#d2d0d0;letter-spacing:-1px; font-style:normal}
.footer .content address a{margin:0 0 0 6px;}
.footer .content address span{display:block;}
.footer .content address em{display:block;margin:0 0 5px 0;font-size:14px;line-height:18px;color:#d2d0d0; font-style:normal; line-height:1.7; word-break: keep-all}

.footer .content dl{margin:7px 0 0 0;}
.footer .content dl:after{display:block;content:"";clear:both}
.footer .content dl dt{float:left;font-size:20px;line-height:40px;color:#fff;}
.footer .content dl dd{float:left;margin:1px 0 0 10px;font-size:25px;line-height:40px;color:#fff;font-weight:bold}
.footer .content dl dd span{display:block;}

.footer .copyright{margin:20px 0 0 0;font-size:13px;line-height:20px;color:#c2c2c2;letter-spacing:1px;}
/*푸터*/











/*인사말*/
.overCon { max-width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px; }
.overCon:after {content: " ";isibility: hidden;display: block;height: 0;clear: both;} 
.overCon .colum { padding:20px; width:100%; margin:0 auto; box-sizing:border-box}
.overCon .colum h2 { font-size:22px; font-weight:bold; color:#000; padding-bottom:30px; letter-spacing:-1px}
.overCon .colum:after{clear:both; content:""; display:block;}
.overCon .colum .left{float:left; width:520px; font-size:1.000em; line-height:1.95em;  text-align:justify; }
.overCon .colum .right{float:right; width:520px; font-size:1.000em;  line-height:1.95em; text-align:justify; }
.overCon .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:105px; background-image:url(../img/sign.gif); background-repeat:no-repeat; background-position:right center; line-height:50px;}
.overCon .sign .name { font-size:24px}
/*인사말*/




/*연혁*/
.history-box {position:relative; background-image:url(../img/line.gif); background-repeat:repeat-y; background-position:center top;}
.history-box .year {font-size:35px; text-align:center; letter-spacing:-1px; background-color:#FFF}
.history-box .items {position:relative; padding-bottom:30px;}
.history-box .items .item {width:50%; padding:1em 2em; position:relative; ;}
.history-box .items .item:nth-child(odd) {width:50%; position:relative; /*background-color:#eee;*/ text-align:right; padding-left:0;}
.history-box .items .item:nth-child(even) {width:50%; position:relative; /*background-color:#eee;*/ left:50%; padding-right:0;}
.history-box .items .item .point {position:absolute; display:inline-block; width:13px; height:13px; border-radius:50%; background-color:#294e94; top:50%; margin-top:-10px; z-index:3;}
.history-box .items .item:nth-child(odd) .point {right:-7px;}
.history-box .items .item:nth-child(even) .point {left:-6px;}
.history-box .items .item .month {color:#8e8dac; display:inline-block; padding-left:5px; padding-right:10px;} 
.history-box .items .item:nth-child(odd) .month { float:right;}
.history-box .items .item:nth-child(odd) .memo { display:inline-block; float:right;}
.history-box .items .item:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
.history-box .items .item:nth-child(even) .month { float:left;}
.history-box .items .item:nth-child(even) .memo { display:inline-block; float:left;}
.history-box .items .item:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
/*연혁*/



/*그룹소개*/
.about:after {content: " ";visibility: hidden;display: block; height: 0; clear: both;}
.about ul li {width:33.3333%; min-height:400px;padding:0 17px 60px 17px; float:left; text-align:justify;}
.about ul li span {font-size:20px;color:#F00;display:block;clear:both;padding-bottom:10px; text-align:center}
.about ul li .icon_img {text-align:center;padding-top:20px;display:block;}
/*그룹소개*/



/*오시는 길*/
.contact_address {width:100%;height:auto;line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 10px 20px 10px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #333;margin-top: 5px;margin-bottom: 5px;}
.contact_traffic { max-width:1240px; padding:20px 10px 0 10px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic .bus {width:100%;padding:0;}
.contact_traffic .subway {width:100%; padding:0;}
.contact_traffic ul li {color: #555; line-height:33px;}
.contact_traffic h3 { font-size:20px; font-weight:300; letter-spacing:-1px; color:#000; padding-bottom:10px; text-align:left}/* 푸터팝업*/

.map_info{width:283px;height:214px;background:#000;position:absolute;left:0;top:0px;padding: 30px 28px;font-size:16px;color:#f8969a;letter-spacing:0;}
.map_info span{display:block;font-size:20px;color:#e3b62a;letter-spacing:-.25px;}
.map_info p { padding-top:20px; color:#f2f2f2; line-height:1.4;}
.map_btn{position:absolute;left:30px;bottom:30px;}
.map_btn a{display:inline-block;width:100px;height:41px;line-height:41px;;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#c2131a;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}
/*오시는 길*/





/*제품소개*/
#tab_roll {position:relative;max-width:1200px;padding:20px 0px 10px 0px;border:1px #ccc;overflow:hidden;margin:auto;}
#tab_roll ul, #tab_roll01 li{list-style:none;margin:0;padding:0}
#tab_roll img{border:none;vertical-align:top;}
#tab_roll #mask{position:relative;width:100%;height:650px;overflow:hidden}
#tab_roll .imgSet{position: relative;width: 100%;height: 400px;}
#tab_roll .imgSet li{position:absolute;width:100%;}
#tab_roll .imgSet li .box{ width:100%; height:60px; background-color:#000; padding:0; margin:0;}
#tab_roll .imgSet li p{ color:#e3b62a; font-size:14px; text-align:center; padding-top:12px }
#tab_roll .menuSet{width: 100%; padding:1px}
#tab_roll .menuSet li img{width: 80px;height: 55px}
#tab_roll .menuSet li{float: left;border: 1px solid #888;cursor: pointer; margin:10px 10px 0 4px}
#tab_roll .menuSet li.select{border:1px solid #ff3300;outline:1px solid #ff6600;opacity:0.8}
#tab_roll .dir{position: absolute;top: 260px;cursor: pointer}
#tab_roll .prev{left:20px}
#tab_roll .next{right:20px}
/*제품소개*/





/*창업문의*/
.agree_area { position:relative; display:inline-block; padding-top:60px;}
.agree_area .agree_more_link { display:inline-block; margin:5px 0 0 22px; color:#999; text-decoration:underline;}
.tbl_frm01 .frm_input, .tbl_frm01 textarea{ border-radius:0px}
/*창업문의*/

@media screen and (max-width: 1160px) {
.tl_company_box_warp dl dt { font-size:19px; padding:13px 0 0 75px}
.tl_company_box_warp dd { font-size:15px}

}


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

.tl_company_box_warp .inner { max-width:992px;}
.tl_company_box_warp dl dt { font-size:18px;}
.tl_company_box_warp dd { font-size:14px}
.tl_page_box_warp .main_cont_box .business_style h2 { font-size:38px}
}



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

	.tl_consulting_page_warp ul li { width:50%}
	.tl_page_box_warp .invitation { width:100%; margin-top:0}
	.tl_page_box_warp .main_cont_box { width:100%; float:none}
	.tl_page_box_warp .main_cont_box .business_style h2 { font-size:38px}
	.tl_company_box_warp .inner { max-width:410px}
	.tl_company_box_warp dl { float:left; width:100%; padding-bottom:20px; }
    .tl_company_box_warp dl dt { font-size:23px; height:60px; font-weight:bold; padding:13px 0 0 75px; color:#000;  background-repeat: no-repeat; background-position:left top} 
	.tl_company_box_warp dd { font-size:16px}
	.tl_page_box_warp .invitation h1 { font-size:37px; font-weight:bold; color:#fff; padding:40px 41px 10px 41px; } 
	.tl_page_box_warp .invitation h2 { font-size:40px; color:#fff; letter-spacing:-1px; padding:0 0 0 41px; font-weight:300;}
	.tl_page_box_warp .invitation p { font-size:14px; padding:0px 41px 96px 41px; color:#f2f2f2; line-height:1.4;}
	.tl_page_box_warp .main_cont_box .movie { width:100%}
	.tl_page_box_warp .main_cont_box .business_style { width:100%; clear: both;}
	.tl_page_box_warp .main_cont_box .latest_thum { width:100%; clear:both}
	.tl_page_box_warp .main_cont_box .latest { width:100%}
	#header .gnb  { display:none}

}

@media screen and (max-width: 600px) {
	#header { height:68px}
	#header #logo { width:120px; height:68px;}
	#header .gnb > li, #header #right-side-open { height:68px}
	#header #right-side-open { width:70px}
	#right-side {right:-90%;width:90%; overflow:auto;height:100vh;padding-bottom:80px;box-sizing:border-box; }
	
	.scrolled #header #logo { width:120px; height:58px}
	.scrolled #header .gnb > li > a { display:none}
	
	.main-carousel .li { background-position:1260px top;}
	.main-carousel .li .copy_area h2 {font-size: 20px;}
	.main-carousel .li .copy_area h3 {font-size: 15px;}
	.main-carousel .owl-nav { display:none}
	
	.tl_consulting_page_warp h2 { font-size:20px; padding-top:65px;}
	.tl_consulting_page_warp .circle-img { width:155px; height:155px}
	.tl_company_box_warp dl dt { font-size:20px}
    .tl_company_box_warp dd { font-size:15px}
	
	.tl_business_now_box_warp h2 { font-size:20px}
	.tl_business_now_box_warp p { font-size:14px}
	
	.footer .nav_warp .content { padding-top:20px}
	.footer .nav_warp .content ul { width:100%}
	.footer .nav_warp .content ul li .fa { display:none}
	.footer .nav_warp .content ul li {    margin: 0 0 0 15px;}
	.footer .nav_warp .content ul li a { font-size:13px}
	.footer .content address { font-size:13px}

	.footer .content dl dt {font-size:18px}
	.footer .content dl dd {font-size:23px}
	.footer .copyright { font-size:11px; width:280px}
	
	
	.side_gnb .depth-2>li>a { font-size:16px}
	.sub_visual { height:272px}
	.sub_visual h3 { padding-top:120px}
	.subTxt1 { font-size:12px}
	
	.about ul li { width:50%}
	.about ul li .icon_img img { width:70%}
		
    .all-wrap .loca-wrap .loca-area {100%; float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
	.all-wrap .loca-wrap .loca-area i { display:none}

	/*.all-wrap .loca-wrap .loca-area>ul>li button { width:202px }*/
	.sub_visual .title_warp { width:100%;}
	.sub_visual h3 { font-size:1.6em}
	.sub_visual h3:after  { content: ''; display: inline-block;  position: relative; top: -0.375em;right: -35px; width: 40px;height: 1px;background-color: #fff;}
	.sub_visual .sub_title { font-size:13px}
	.content h3 { margin-top:35px; font-size: 24px;}
	
	.contact_traffic h3 { font-size:19px}
	.map_info { width: 100%; height:184px}
	.map_info span { font-size:15px}
	.map_btn { bottom:30px}
	
	
    #mb_login #login_info { font-size:14px}
	.tbl_frm01 th { width:30%}
	.mbskin .required, .mbskin textarea.required { width:100%}
	input[type="text"], input[type="password"], input[type="submit"], input[type="search"], textarea{-webkit-border-radius:0; -webkit-appearance:none;}
	.tbl_frm01 td { padding: 20px 0px 20px 0px; box-sizing:border-box}


}