/*메인 퀵*/
.tl_main_quick_wrap {position: relative;z-index: 100;width: 100%; margin: -110px auto;}
.tl_main_quick_wrap .inner{position:relative;margin:0 auto;max-width:1200px}
.tl_main_quick_wrap .inner ul { padding:0; margin:0}
.tl_main_quick_wrap .inner li{float:left;width:25%;height:240px;background-color:#1561f9;text-align:center}
.tl_main_quick_wrap .inner li a {display:block;width:100%;height:100%;color:#fff}
.tl_main_quick_wrap .inner li:nth-child(2) { background-color: #2867c7;}
.tl_main_quick_wrap .inner li:nth-child(3) { background-color: #526295;}
.tl_main_quick_wrap .inner li:nth-child(4) { background-color: #f4f7f9;}
.tl_main_quick_wrap .inner li:nth-child(5) { background-color: #f4f7f9;}
.tl_main_quick_wrap .inner .link_tit { font-size: 32px;line-height: 50px; letter-spacing: -0.5px;  color:#fff; padding: 70px 0;}
.tl_main_quick_wrap  .material-icons { font-size:50px; padding-top:70px; color:#fff}
.tl_main_quick_wrap .customer_area{position:absolute;right:0;top:0;text-align:center;width:240px;height:230px;color:#293f8f;background-color:#f4f7f9}
.tl_main_quick_wrap .customer_area p {letter-spacing: -0.25px;line-height: 1.2;}
.tl_main_quick_wrap .customer_txt {font-size: 24px; padding-top: 27px; margin-bottom: 15px; font-weight:100; color:#333}
.tl_main_quick_wrap .customer_num { margin-top: 15px;font-size: 24px;}
.tl_main_quick_wrap .customer_num strong { font-size: 40px;font-weight: bold; letter-spacing:-0.5px; color:#2c46a6; word-break: keep-all;}
.tl_main_quick_wrap .customer_num span { display: block;font-size: 15px; border-top:1px solid #ddd; padding-top:13px; margin: 10px 0 30px; line-height:1.5}
.tl_main_quick_wrap .customer_area p { letter-spacing: -0.25px; line-height: 1.2;}
@media screen and (max-width:500px) {
	
.tl_main_quick_wrap .customer_num span{display: none;}	
	
}
/*메인 퀵*/




/*티로그는 지금*/
.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 0px 10px; font-size:21px; letter-spacing:-1px;}
.tl_business_now_box_warp h2 { font-size:32px; font-weight:100; text-align:center; padding-top:55px;}
.tl_business_now_box_warp .latest-carousel .owl-nav {position: absolute;top: 50%;margin-top: -25px; width:100%; letter-spacing:-1.5px;}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-prev {position: absolute;left : -50px;}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-next {position: absolute;right : -50px;}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-prev:hover { background-color:#4a78bc; color:#fff}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-next:hover { background-color:#4a78bc; color:#fff}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-prev .material-icons { font-size:35px; padding-top:5px}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-next .material-icons { font-size:35px; padding-top:5px}
.tl_business_now_box_warp .latest-carousel .owl-dots { display:none}
@media screen and (max-width:1300px) {
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-prev {left: 0px;}
.tl_business_now_box_warp .latest-carousel .owl-nav .owl-next {right:0px;}
}

/*티로그는 지금*/



/*그룹소개*/
.about_wrap { width:100%; height:500px; background-color:#0c2d50; background-image:url(../img/about_wrap_bg.png);  background-position:left top; background-repeat:no-repeat;}
.about_wrap .inner { position:relative;}
.about_wrap .box { position:absolute; right:0px; width:350px; height:500px; background:#0c2d50;}
.about_wrap .box_wrap {display:table; width:100%; height:500px; }
.about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#fff; padding:0px 40px}
.about_wrap .box_wrap_box dl dt {font-size:33px; font-weight:600; letter-spacing:-1px;}
.about_wrap .box_wrap_box dl dd {font-size:1.188em; color:rgba(255,255,255,0.8); margin-top:20px; line-height:1.7}
.about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #fff solid;; color:#fff; line-height:40px; padding:0 20px; transition: all 0.2s;}
.about_wrap .box_wrap_box a:hover {padding:0 40px; transition: all 0.3s;}
/*그룹소개*/




/*메인 갤러리 최신글*/
.gallet_latest_wrap { width:100%; height:600px; clear:both}
.gallet_latest_wrap:after { content: " ";visibility: hidden;display: block;height: 0; clear: both;} 
.gallet_latest { width:1080px; margin:auto; padding:0}
.gallet_latest:after { content: " ";visibility: hidden;display: block;height: 0; clear: both;} 
/*메인 갤러리 최신글*/


/*메인 공지 최신글*/
.notice_latest_warp { width:100%; border-top:1px solid #ddd;border-bottom: 1px solid #ddd; padding-bottom:50px; clear:both; background:#eee;}
.notice_latest { width:48%; float:left}
.counsel_latest {width:48%; float:right}
/*메인 공지 최신글*/



/*메인 하단 백그라운드*/
.bg_fix{width:100%; max-width:2560px; height:380px;background-image:url(../img/fix_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;position:relative; z-index:10}
#bg_fix_change {position:relative; width:100%; height:548px; display:none}
.bg_fix .sub_text {font-size: 18px;color: #fff;line-height: 1.5em;text-align:center;}
.bg_fix h2 { font-size:22px; text-align:center; color:#FFF; letter-spacing:-1px; padding-top:50px}
.bg_fix h3 { font-size:22px; text-align:center; color:#FFF;  font-weight:100; padding:30px 20px 0 20px; word-break:keep-all}
/*메인 하단 백그라운드*/

<!--■■■■■■■■ 메인화면 ■■■■■■■■ --




<!--■■■■■■■■ 서브페이지 ■■■■■■■■ -->

/*인사말*/
.overCon { padding-top:50px; padding-bottom:50px; }
.overCon:after {content: " ";isibility: hidden;display: block;height: 0;clear: both;} 
.overCon .greeting_point {width:100%;position:relative; background-repeat:no-repeat; background-position:top left; }
.overCon .greeting_point p {position:absolute;  top:180px; font-size:1.556em; padding-left:400px; line-height:1.5; font-family:'Nanum Myeongjo'; word-break:keep-all;  text-align:left; font-weight:bold; letter-spacing:-1px;  float:right; background-image:none}
.overCon .point01 {background-image:url(../img/profile01_img.jpg);}
.overCon .point02 {background-image:url(../img/profile02_img.jpg);}
.overCon .colum { padding-top:50px; padding-bottom:70px; }
.overCon .colum:after{clear:both; content:""; display:block;}
.overCon .colum .left{float:left; width:565px; font-size:1.000em; line-height:1.95em;  text-align:justify; }
.overCon .colum .right{float:right; width:565px; font-size:1.000em;  line-height:1.95em; text-align:justify; letter-spacing:-0.3px; }
.overCon .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:60px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.overCon .sign01 {background-image:url(../img/sign01.gif);}
.overCon .sign .name { font-size:24px}
.sub1_1img img{width:100%;}

/*인사말*/



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


/*오시는 길*/
.way_info h2 { padding:0px 0 10px 0; color: #0549a0;}
iframe{width:100%;}
.lott{color: #0549a0; font-weight: 600;  font-size: 20px; border-left: 3px solid #0549a0;line-height: 20px; padding-left: 5px; margin-bottom: 20px;}
.way_info{border:1px solid #eee; padding:20px;}


/*건축가이드*/
.sub2_1tb{display: inline-block;  width: 100%;}
.sub2_1tb ul{border: 1px solid #eee; display: inline-block;  width: 100%;  margin-top: 20px;}
.sub2_1tb li:nth-child(1){width: 5%;  background: #0549a0;  color: #fff; text-align: center;  font-size: 25px; font-weight: 700;}
.sub2_1tb li:nth-child(2){    width: 15%;  text-align: center;  background: #eee; padding: 30px 0; font-size: 20px;  font-weight: 700;}
.sub2_1tb li:nth-child(3){width: 80%; padding-left: 20px;}
.sub2_1tb li{float: left; font-size: 18px; height: 100px;  display: table;}
.sub2_1tb li > span{display: table-cell;  vertical-align: middle;     word-break: keep-all;}
.sub2_1tb2{    display: inline-block; width: 100%; padding: 20px 0;}
.sub2_1tb2 ul{display: inline-block;  border: 1px solid #eee; width: 100%;}
.sub2_1tb2 li{float: left; height: 80px; display:table;word-break: keep-all;}
.sub2_1tb2 li:nth-child(1){    width: 20%; text-align: center; font-size: 20px;  font-weight: 700; background: #eee;}
.sub2_1tb2 li:nth-child(2){    width: 80%;     padding-left: 20px; font-size:18px;}
.sub2_1tb2 li > span{display:table-cell; vertical-align:middle;}
.sub2_1tb2 h1{    padding: 20px 0; font-size: 25px;}

.sub2_1imgbox{    display: inline-block; width: 100%; padding: 20px 0;}
.sub2_1imgbox ul{    display: inline-block;   width: 100%;}
.sub2_1imgbox li{    width: 20%; float: left;  padding: 2px;}
.sub2_1imgbox img{    width: 100%;} 


/*소형주택*/
.sub3_1{    display: inline-block; width: 100%; padding: 30px 0;}
.sub3_1 h1{background: #0549a0;  color: #fff; padding: 10px 30px;  font-weight: 100; border-radius: 10px;   font-size: 20px;}
.sub3_1 p{padding: 10px 30px;}
.sub3_2{    display: inline-block; width: 100%; padding: 30px 0;}
.sub3_2 h1{background: #0549a0;  color: #fff; padding: 10px 30px;  font-weight: 100; border-radius: 10px;   font-size: 20px;}
.sub3_2 ul{display:block;  width: 33.3%;  padding: 30px 10px; float:left;}
.sub3_2 li:nth-child(2){    background: #eee;  padding: 15px;  line-height: 30px; margin-top: 10px; border-radius: 13px;}
.sub3_2 li > span{    width: 100%; background: #0549a0; display: inline-block; color: #fff;  padding: 5px 10px;  border-radius: 10px;   font-size: 20px;  letter-spacing: 1px;margin-bottom: 10px;}
.sub3_2 img{width:100%;}





/*회칙*/
.association .memberWrap {width:1200px;margin:0 auto;text-align:left;padding-bottom:50px;color:#666; letter-spacing:-0.8px;line-height:24px;word-break:keep-all}
.association .memberWrap h3{font-size:18px;font-weight:500;color:#333; text-align:left; margin-bottom:10px;margin-top:50px; font-weight:bold;}
.association .memberWrap h3:first-child{margin-top:0}
.association .memberWrap p{margin:15px 0 15px 0; line-height:2.1;word-break:keep-all;}
.association .memberWrap .law{margin-top:15px;padding:20px;border:solid 1px #ebebeb;background:#fafafa}
.association .memberWrap .law ul li{line-height:22px;margin-top:3px; padding:0; line-height:1.6;}
.association .memberWrap .law ul li:first-child{margin-top:0}
/*회칙*/





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

.gnb_wrap #text_size { display:none}
.gnb_wrap .menu { display:none}
}


@media screen and (max-width:960px) {
.tl_main_quick_wrap .inner li { width:50%; float:left;}
.overCon .colum .left { width:100%; float:none; clear:both}
.overCon .colum .right { width:100%; float:none; padding-top:20px; clear:both}
.about_wrap .box_wrap_box { padding: 0px 20px}
.about_wrap { height:1000px}
.about ul li { width:50%}
.notice_latest { width:100%}
.counsel_latest { width:100%}
.about_wrap .box { top:500px; width:100%}
.sub_navi { display:none}
.sub_navI_warp {width:90%; height:62px; margin:auto; top:-32px;  clear:both; background-attachment:scroll; position:relative; background-color:#000; z-index:3; display:block}
.sub_navI_warp .all-wrap .loca-wrap .loca-area { float:none;}
.sub_navI_warp .all-wrap .loca-wrap .loca-area > a {width:10%;}
.sub_navI_warp .all-wrap .loca-wrap .share-area { display:none}
.sub_navI_warp .all-wrap .loca-wrap .loca-area > ul {width:100%;}
.sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li { width:50%;}
.sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0; background-color:#4156a6}
.sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li button {width:100%;}
.sub_navI_warp .all-wrap .loca-wrap .loca-area i { display:none}
.sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li button { border-right:0}
.sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li div ul { border-top:1px solid #666}
.sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li div ul li a { background-color:#000; border-bottom:1px solid #333}

}




@media screen and (max-width:600px) {
	.tl_business_now_box_warp { padding:0}
	.about_wrap .box { width:100%}
	.about ul li { width:50%; word-break:keep-all; min-height:0;}
	.about_wrap {  background-position: 0px top; }
	.signpd{padding:0 15px;}
	.icon_img img{width:100%;}
	.about p{ height: 40px;   word-break: keep-all;}
	.about ul li:nth-child(4) > span{    height: 100px;}
	.content{padding:0 10px;}
	
	.sub2_1tb li:nth-child(1){width:10%; font-size: 20px;}
    .sub2_1tb li:nth-child(2){width: 20%; font-size: 20px;}
    .sub2_1tb li:nth-child(3){width: 70%; padding:10px;font-size: 15px;}
	.sub2_1tb li{ height: 150px; }
	.sub2_1tb ul{margin-top:10px;}
	
	.sub2_1tb2 h1{font-size:20px;}
	.sub2_1tb2 li:nth-child(1){width:100%; padding: 5px 0;}
	.sub2_1tb2 li:nth-child(2){width:100%; font-size:15px; text-align: center; padding: 10px 0;}
	.sub2_1tb2 li{height:auto;}
	.sub3_2 ul{width:100%; padding:10px;}
	
	.sub3_2 li:nth-child(2){height:auto !important;}
	.gallery_lt .lt_more{width:80% !important;}
	.tl_business_now_box_warp h2{font-size: 30px;}
	.tl_business_now_box_warp p{    padding: 20px;  font-size: 18px;}
	.tl_main_quick_wrap .inner ul{padding-bottom: 80px;}
	.main-carousel{height:550px;}
	.main-carousel .li .copy_area{padding-top:100px;}
	.main-carousel .owl-dots{top:400px;}
	.lt .lt_more{width:80% !important; margin-top: 0px; padding-bottom: 20px;}
	#footer .adr{font-size:13px;}


}


@media screen and (max-width:480px) {
	.sub2_1imgbox li{    width: 50%;}
}