/*메인 퀵*/
.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: #2c46a6;}*/
.tl_main_quick_wrap .inner li:nth-child(4) { background-color: #f4f7f9;}
.tl_main_quick_wrap .inner .link_tit { font-size: 32px;line-height: 1; letter-spacing: -0.5px; margin-top: 20px; color:#fff}
.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: 26px;font-weight: bold; letter-spacing:-0.5px; color:#2c46a6}
.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;}
/*메인 퀵*/




/*티로그는 지금*/
.tl_business_now_box_warp { max-width:1200px; margin:100px auto; padding-bottom:50px; clear:both}
.tl_business_now_box_warp p { text-align:center; padding:20px 0 50px 10px; font-size:1.2em}
.tl_business_now_box_warp h2 { font-size:26px; font-weight:bold; text-align:center; padding-top:55px;}
.tl_business_now_box_warp .latest-carousel .owl-nav {position: absolute;top: 50%;margin-top: -25px; width:100%;}
.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;}
.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 10px; 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; padding-bottom:50px; clear:both}
.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:16px; 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:420px; font-size:1.000em; line-height:1.95em;  text-align:justify; }
.overCon .colum .right{float:right; width:645px; 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-repeat:no-repeat; background-position:right center; line-height:50px;}
.overCon .sign01 {background-image:url(../img/sign01.gif);}
.overCon .sign .name { font-size:24px}
/*인사말*/

.fix_bg2    {width:100%; max-width:2560px; background-image:url(../img/ceo_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;position:relative; z-index:10; background-size: cover;}
@media screen and (max-width:600px) {
    .fix_bg2    {width:100%; max-width:960px; background-image:url(../img/ceo_bg2.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;position:relative; z-index:10; background-size: contain;}
}


/*그룹소개*/
.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;}
/*그룹소개*/


/*오시는 길*/
.way_info h2 { padding:10px 0 20px 0}


/*회칙*/
.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:100%; float:none; clear:both}
.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:100%; word-break:keep-all}
	.about_wrap {  background-position: -350px top;}
}