.lead { font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400}
@media screen and (max-width:640px) {

.lead { font-size:17px}
}


/*메인배너*/
.main-carousel{padding:0; display:block}
.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:.8;z-index:1}
.main-carousel .jarallax { height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:45%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; padding:0 20px}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-top:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:62px;font-weight:600; line-height:1.3; letter-spacing:-4px; word-break:keep-all; color:#fff; text-align:center}
.main-carousel .li .copy_area h3{font-size:62px;font-weight:600;text-align:center;margin:10px 0 0; padding:0 20px; word-break:keep-all; color:#ffd246;  letter-spacing:-5px; }
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.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%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width:576px) {
	.main-carousel .li{height:100vh}
	.main-carousel .li .copy_area {top:25%}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .owl-nav { display:none}
	.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 .img01 { background-image:url(../img/m_main_banner_img01.jpg);}
	.main-carousel .img03 { background-image:url(../img/m_main_banner_img03.jpg);}
}
/*메인배너*/




.slide-quick{ position: absolute; bottom:90px;  left:0; right:0; margin:0 auto; max-width:1400px; z-index:9; }
.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff;}
.slide-quick>li p { display:block; font-size:14px; color:#767676; font-weight:400; padding-top:2px}
.slide-quick>.item1 { background-color:#ffd246}
.slide-quick>li+li.item2:before { display:none}
.slide-quick>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
.slide-quick>li>a{ display:block; color:#000; font-size:20px; padding:0 0 0 150px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slide-quick>li>a:hover{ opacity:1;}
.slide-quick>li>a:before{ content:""; position:absolute; left:40px; top:50%; margin-top:-20px; width:38px; height:38px; display:block; background-repeat:no-repeat; background-position:50% 50%;}
.slide-quick>li.item1>a:before{ background-image:url(../img/quick_thumb1.png);}
.slide-quick>li.item2>a:before{ background-image:url(../img/quick_thumb2.png);}
.slide-quick>li.item3>a:before{ background-image:url(../img/quick_thumb3.png);}
.slide-quick>li.item4>a:before{ background-image:url(../img/quick_thumb4.png);}
.slide-quick>li.item5>a:before{ background-image:url(../img/quick_thumb5.png);}






@media all and (max-width: 576px) { 
.slide-quick {top:550px}

  .slide-quick>li { position: relative; float: left; width: 100%; background-color:#fff; padding:35px 0; border-bottom:1px solid #ddd}
  .slide-quick>li>a { padding: 0 0 0 90px;}
  .slide-quick>li>a:before {width:38px; height:35px; top:60%}
  .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}

}

@media all and (min-width: 577px) and (max-width:992px) {  

   .slide-quick { bottom:50px}
   .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}
   .slide-quick>li { position: relative; float: left; width: 50%; background-color:#fff; padding:35px 0}
   .slide-quick>li>a {  padding: 0 0 0 140px;}
}


@media all and (min-width: 993px) and (max-width:1200px) { 
   .slide-quick>li{ position: relative; float:left; width:50%; background-color:#fff; padding:35px 0}
   .slide-quick>li>a {padding: 0 0 0 140px;}
   .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}

}

@media all and (min-width: 1201px) { 
.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff; padding:35px 0}
.slide-quick>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
.slide-quick>li>a{ display:block;  color:#000; font-size:20px; font-weight:bold; padding:0 0 0 100px;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


}



.contents1 {width:100%; min-height:900px; padding:150px 0;  position:relative; clear:both}
.contents1 .clearfix {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:100px}
.contents1 li {border: 15px solid transparent; transition: all 0.3s; border-radius:20px; width:23%; height:400px; padding: 0; margin:auto}
.contents1 li .overflow h2{text-align:center; font-size:30px;  font-weight:600; position:relative;}
.contents1 .down { margin-top:80px}
.contents1 h2 { font-size: 40px; font-weight: 300; color: #000; text-align: center; padding:0 20px}
.contents1 p { display: block; padding: 10px 20px 0 20px; text-align:center; font-size:17px; font-weight:400; color:#767676;}
.contents1 li .overflow .img01 h2 { color:#000 }
.contents1 li .overflow .img02 h2 { color:#fff }
.contents1 li .overflow .img03 h2 { color:#000 }
.contents1 li .overflow .img04 h2 { color:#fff }
.contents1 li .overflow .img01 p { color:#000}
.contents1 li .overflow .img02 p { color:#fff}
.contents1 li .overflow .img03 p { color:#000}
.contents1 li .overflow .img04 p { color:#fff}
.contents1 li .overflow p { font-size:15px}
.contents1 ul li h2 { display:block; font-size:24px; font-weight:bold; text-align:center; color:#333;  margin-top:-110px; position:relative}
.contents1 ul li span { font-size:26px; display:block; padding:20px 0; text-align:center; letter-spacing:0}

.contents1 ul li .sub_txt { font-size:17px; font-weight:400; color:#767676; padding-top:10px}
.contents1 ul li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 150px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease; padding-top: 150px;}
.contents1 ul li .img01 { background-image:url(../img/content01_img1.png)}
.contents1 ul li .img02 { background-image:url(../img/content01_img2.png)}
.contents1 ul li .img03 { background-image:url(../img/content01_img3.png)}
.contents1 ul li .img04 { background-image:url(../img/content01_img4.png)}
.contents1 ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)}



@media all and (max-width: 992px) {  
.contents1 li {border: 15px solid transparent; transition: all 0.3s; border-radius:20px; width:47%; height:400px; padding: 250px 0; margin:auto}
.contents1 ul li .img {background-position: center 10px; padding-top: 10px;}
}



@media all and (max-width: 768px) {  
.contents1 h2 { font-size:32px}
.contents1 p { padding:10px 5px}
.contents1 li { width:100%}
.contents1 ul li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 10px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;}

}


.contents2 { width:100%; padding:150px 0}
.contents2 .inner{width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contents2 .page { width:48%}
.contents2 .left { margin-top:50px}
.contents2 .left h2 { font-size:35px; font-weight:400; color:#000; letter-spacing:-2px; line-height:0.8;  background:url(../img/content02_img2.png) top left no-repeat; height:53px; padding-left:70px; line-height:1.3}
.contents2 .left p { font-size:17px; color:#767676; line-height:1.5; font-weight:400; padding-top:60px; padding-left:70px; word-break:keep-all}
.contents2 .left h4 { padding-left:62px}
.contents2 .left h4 a {color:#05b1b2; padding:80px 0 0; display:block; width: 113px; font-size:14px; font-weight:600; border-bottom:2px solid #05b1b2;}
.contents2 .right {}

.contents2 .left-1 h2 { font-size:35px; font-weight:400; color:#000; letter-spacing:-2px; line-height:0.8;  background:url() top left no-repeat; height:53px; padding-left:70px; line-height:1.3}


.contents2 .right .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.contents2 .right .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.contents2 .right .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.contents2 .right .owl-nav {position: absolute;top: 32%;margin-top:50px; width:100%; display:block}
.contents2 .right .owl-nav .owl-prev {width:45px; height:45px; line-height:45px; left:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}
.contents2 .right .owl-nav .owl-next {width:45px; height:45px; line-height:45px; right:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}


@media all and (max-width: 768px) { 
.contents2 { padding:0} 
.contents2 .page { width:100%}
.contents2 .left { padding:0 20px}
.contents2 .right { padding-top:50px}
.contents2 .right .owl-nav .owl-prev { left:0}
.contents2 .right .owl-nav .owl-next { right:0}
}




.contents3 { text-align:center; overflow:hidden; background:url(../img/content03_img1.jpg) center top no-repeat; background-size:cover;  position:relative; background-attachment: fixed;}
.contents3 .inner{ position:relative; margin-top:-120px; padding-bottom: 150px;}
.contents3 .left_round { width:30%; height:256px;  border-top-right-radius:100px; border-bottom-right-radius:100px; position:absolute; left:0; padding:80px 200px; text-align:left; background:url(../img/content03_img2.png) 570px center no-repeat;background-color:#ffd246;}
.contents3 .left_round h1 { font-size:17px; font-weight:500}
.contents3 .left_round h2 { font-size:30px; font-weight:bold; color:#000; padding-bottom:20px}
.contents3 .left_round p { font-size:17px; font-weight:400; color:#000}


.contents3 .right_round { width:30%; height:256px;  border-top-left-radius:100px; border-bottom-left-radius:100px; position:absolute; right:0; padding:80px 200px; text-align:left; background:url(../img/content03_img3.png) 90px center no-repeat;background-color:#22273a;}
.contents3 .right_round h1 { font-size:17px; font-weight:500; color:#fff}
.contents3 .right_round h2 { font-size:30px; font-weight:bold; color:#fff; padding-bottom:20px;}
.contents3 .right_round p { font-size:17px; font-weight:400; color:#fff}

.contents3 h2 { max-width:1200px; margin:0 auto; overflow:hidden; font-size:42px; padding-bottom:10px; font-weight:bold; color:#fff;}
.contents3 span  { margin:0 auto; overflow:hidden; display:block; padding:20px 20px 0 20px; color:#fff; text-align:center; opacity: 0.8; font-size:17px; line-height:1.6; font-weight:400; word-break: keep-all}
.contents3 .online{width: 270px; display:inline-block; font-size:17px;  margin-top:30px; background-color:#22273a; border:1px solid #22273a; color:#fff; line-height:45px; padding:0 20px; transition: all 0.2s;}
.contents3 .tel {width: 270px; display:inline-block; font-size:17px;  margin:40px 0 0 0; border:1px solid rgba(255, 255, 255, .3); color:#fff; line-height:45px; padding:0 20px; transition: all 0.2s;}
.contents3 i { font-size:14px}

@media screen and (max-width: 768px) {
	.contents3 { height:100vh}
	.contents3 .inner {margin-top: 450px;}
    .contents3 h2 { font-size:32px}
	.contents3 .left_round { width:100%; height:320px; top:0; border-top-right-radius:0;border-bottom-right-radius:0; padding:50px 20px; background: url(../img/content03_img2.png) center 170px no-repeat; background-color: #ffd246;}
	.contents3 .right_round { width:100%; height:320px; top:321px;  border-top-left-radius:0;border-bottom-left-radius:0; padding:50px 20px;     background: url(../img/content03_img3.png) center 170px no-repeat; background-color: #22273a;}
}


.contents4 { width:100%; padding:150px 0}
.contents4 .inner {width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 20px}
.contents4 .left { width:41.67%; padding:147px 0}
.contents4 .left { background-image: url(../img/content04_img1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.contents4 .left .video_area {position:relative;z-index:1;display:flex;align-items:center;}
.contents4 .left .video_area .intro_video_iner {width: 100%;height: 100%; }
.contents4 .left .video_area h2 { text-align:center; font-size:16px; color:#f5f5f5; font-weight:600; padding-bottom:20px; letter-spacing:15px;  position:relative}
.contents4 .left .video_area .intro_video_icon { margin-top: 0px;}
.contents4 .left .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; float: left;;border-radius:50%;padding:18px 20px 18px 28px; border:1px solid #fff;}
.contents4 .left .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}
.contents4 .left .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}
.contents4 .left .video_area .video-play-button:hover:after {background: rgba(255, 255, 255, 0.3);}
.contents4 .left .video_area .video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto}
.contents4 .left .video_area .video-play-button span { display: inline-block; position: relative; z-index: 3; top: 8px; cursor: pointer;}
.contents4 .left .video_area .ti-control-play:before { content: "\e6ad";font-size: 28px;color: #fff;}



.contents4 .right { width:50%}

@media all and (max-width: 768px) {  
.contents4 .left { width:100%}
.contents4 .right { width:100%; padding-top:50px}
}




/*컨텐츠 기본 셋팅*/
.content_wrap { width:100%;}
.content_wrap .txtCon { max-width:1300px; margin:0 auto; padding:30px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.content_wrap .txtCon .sub_title{ margin-bottom:100px}
.content_wrap .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_wrap .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 768px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
}
/*컨텐츠 기본 셋팅*/







/*서브 비주얼*/
.sub_visual{position:relative; max-width:2560px; margin:0 auto; height:390px; padding:136px 0; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual00.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07 .bg{background-image:url(../img/sub_visual07.jpg)}
.sub_visual.visual08 .bg{background-image:url(../img/sub_visual08.jpg)}
.sub_visual.visual09 .bg{background-image:url(../img/sub_visual09.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual h3{position:relative;z-index:2;font-size:50px;font-weight:600; letter-spacing:-0.8px; color:#FFF;text-align:center;height:90px}
.sub_visual h3:after {content:""; display:block; height:1px; width:20px; margin:20px auto; background-color:#fff}
.sub_visual .sub_title{font-size:1.2em;text-align:center;filter:alpha(opacity=60);position:relative;font-weight:500; color:#FFF;z-index:2;opacity:.8; padding-top:10px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;opacity:.8;z-index:1}
.sub_visual .bg{ width:100%; height:450px; position:absolute; background-size:cover; top:0; background-position:center top;background-repeat:no-repeat;/*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width:992px) {
   .sub_visual { height:350px}
   .sub_visual h3 { font-size:38px}
}
/*서브 비주얼*/






/*서브 상단메뉴*/
.sub_navi { width:100%;  bottom:0;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color:#fff; position:absolute; z-index:2}
.sub_navi ul { text-align:center; max-width:1080px; margin:auto}
.sub_navi li{display:inline-block; margin-left:-3px; width:16%;/*margin:0 -1px 0 0*/}
.sub_navi li a{display:block; box-sizing:border-box; color:#f2f2f2; text-align:center; position:relative; font-size:1.000em; height:55px; line-height:55px;  font-size:1.313em; color:#666}
.sub_navi li a.on{ border-bottom:1px solid #24447b; border-bottom-color: #24447b; color: #24447b;}
@media screen and (max-width:768px) {
	.sub_navi { display:none}
}
/*서브 상단메뉴*/






/*헤더관리 버튼*/
#cf_1_form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#cf_1_form h3 { font-size:20px; margin-bottom:20px}
#cf_1_form .line {margin:5px 0; padding-bottom:7px}
#cf_1_form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#cf_1_form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#btn-cf_1 { bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*헤더관리 버튼*/




/*게시판 헤더관리*/
#head-edit-form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#head-edit-form h3 { font-size:20px; margin-bottom:20px}
#head-edit-form .line {margin:5px 0; padding-bottom:7px}
#head-edit-form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#head-edit-form .line textarea {width:400px;height:100px;line-height:20px;border:1px solid #ccc;}
#head-edit-form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#head-edit-form .line #bo_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #bo_head_sub_title { width: 350px; }
#head-edit-form .line #bo_head_mobile_sub_title { width: 350px; }
#btn-mng-head {position:absolute;z-index:100; bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*게시판 헤더관리*/




/*내용관리 헤더관리*/
#head-edit-form .line #co_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #co_head_sub_title { width: 350px; }
#head-edit-form .line #co_head_mobile_sub_title { width: 350px; }
#head-edit-form .tc {text-align:center; margin-top:1em;}
#head-edit-form .tc .btn_submit { padding:10px 20px}
/*내용관리 헤더관리*/

.visual_slider {position: relative;}
.visual_slider .btn-admin {position: absolute; z-index: 100; bottom: 2px; right: 2px; background-color: tomato; color: #fff; font-size: 14px; border: 0; height: 24px; line-height: 24px; padding: 0 0.5em; border-radius: 12px;}

#fregister { max-width:1200px; margin:0 auto; padding:20px 0}
#fregisterform { max-width:1200px; margin:0 auto; padding:20px 0}






/*푸터*/
#footer{ width:100%; border-top:1px solid #e4e2e2; height:auto; clear:both}
#footer .left { width:60%; float:left}
#footer .left .service { width:100px}
#footer .left .sns { width:120px}
#footer .left .privacy   { width:140px}
#footer .right { width:40%; float:right}
.footerLogo{width:148px;height:75px;margin:50px 50px 30px 50px;font-size:50px;font-weight:500; letter-spacing:-2px;text-align:left;color:#000}
.footerText{position:relative;float:left;margin:30px 30px 30px 40px; padding:0 10px}
.footerText h2{margin:0 0 30px 0; font-size:18px; text-align:left; color:#000; letter-spacing:-1px}
.footerText li a { font-size:15px; font-weight:400; color:#444; line-height:1.8}
.footerText li a i { font-size:15px}
.footerMall{position:relative; float:right; margin:20px 70px 30px 30px; width:auto; font-size:15px; font-weight:400; line-height:2.09; text-align:left; color:#000}
.footerCopyright{position:relative; float:left;width:100%; padding:20px 0 80px 0; font-size:15px ;font-weight:400; text-align:left; color:#000}
.footerCopyright p { padding-left: 50px;}

@media screen and (max-width: 1028px) {
	#footer .left { width:100%}
	#footer .right { width:100%}
	.footerMall { float:left}
	.footerText {margin: 30px 30px 30px 20px;}
}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/




/*뉴스갤러리*/
.tl_main_gallery_wrap { width:100%;  padding:100px 0; background:url(../img/tl_main_gallery_bg.jpg) center  no-repeat; background-size:cover;}
.tl_main_gallery_wrap .inner {max-width:1200px; margin:0 auto; overflow:hidden}
.tl_main_gallery_wrap h2 {text-align:center; font-size:30px; color:#fff}
.tl_main_gallery_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#fff; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_main_gallery_wrap h2 span{ display:block; padding:20px 0; color:#fff; opacity:0.8; font-size:16px; font-weight:400}
.tl_main_gallery_wrap a:hover {color:#2253b8}
.tl_main_gallery_wrap ul {margin-top:30px}
.tl_main_gallery_wrap li {position:relative; float:left; width:48%; margin:1%; overflow:hidden; background-color:#fff; display:block}
.tl_main_gallery_wrap .one_box {display:block; min-height:155px; background:#fff}
.tl_main_gallery_wrap .photo {position:absolute; left:0; top:0; width:100%; max-width:160px; min-height: 155px; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;
 -webkit-transform: scale(1);transform: scale(1);transition:all 1s ease;-webkit-transition:all 1s ease}
.tl_main_gallery_wrap dl {margin-left:190px; padding-right:10px}
.tl_main_gallery_wrap dt {color:#333; font-size:18px; font-weight:bold; margin-top:30px; letter-spacing:-1px}
.tl_main_gallery_wrap dd {color:#555; font-size:16px; letter-spacing:-0.02em; line-height:1.75; word-break:keep-all; padding:10px 0; }
.tl_main_gallery_wrap li:hover .one_box {background-color:#095ead;cursor: pointer}
.tl_main_gallery_wrap li:hover dt {color:#fff}
.tl_main_gallery_wrap li:hover dd {color:#fff}
.tl_main_gallery_wrap li:hover .more_btn {color:#eee}
.tl_main_gallery_wrap a:hover .photo {-webkit-transform: scale(1.1);transform: scale(1.1)}
@media screen and (max-width: 1024px) {
	.tl_main_gallery_wrap li { width:100%; margin:0 0 4% 0}

}
/*뉴스갤러리*/






/*제품소개*/
.tl_business_now_box_warp { width:100%; padding:100px 0; text-align:center; background-color:#eff1f6; clear:both;}
.tl_business_now_box_warp h2 { font-size:30px; color:#000; line-height:1.6; font-weight:600}
.tl_business_now_box_warp h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_business_now_box_warp span{ padding:10px 10px 50px 10px; font-size:16px; display:block; color:#555; font-weight:400}
/*제품소개*/


/*홈페이지 map 기본 셋팅*/
.content_map { width:100%;}
.content_map .txtCon { max-width:100%; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.content_map .txtCon .sub_title{ margin-bottom:100px}
.content_map .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_map .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_map .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_map .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 100%) {
   .content_map .txtCon .sub_title h1 { font-size:32px}
}
/*컨텐츠 기본 셋팅*/




/*TLOG PRODUCTS*/
.tl_product_box_wrap { padding:50px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.tl_product_box_wrap h2 { font-size:30px; text-align:center; color:#000; line-height:1.6; font-weight:600}
.tl_product_box_wrap span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}
/*TLOG PRODUCTS*/






/*메인 공지 최신글*/
.tl_latest_box_warp { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px 50px 20px; border-top:1px solid #ddd; clear:both; overflow:hidden}
.tl_latest_box_warp h2 .notice_latest { font-size:14px; width:48%; float:left}
.tl_latest_box_warp h2 .counsel_latest { font-size:14px; width:48%; float:right}
.tl_latest_box_warp .notice_latest { width:48%; float:left}
.tl_latest_box_warp .counsel_latest { width:48%; float:right}
@media screen and (max-width: 960px) {
	.tl_latest_box_warp .notice_latest { width:100%}
	.tl_latest_box_warp .counsel_latest { width:100%}
}
/*메인 공지 최신글*/


/*오른쪽 퀵메뉴*/
.right_quick { position: absolute; right: 0; top: -60px; z-index: 2}
.right_quick.fixed {position: fixed; right: 0; top: 50% !important; margin-bottom:50px; z-index: 100; top: 189px}
.right_quick.fixed .material-icons { color:#fff; float:right}
.right_quick ul.quick_info { position: relative; height: 240px}
.right_quick ul.quick_info li { position: absolute; height: 60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top: 0}
.right_quick ul.quick_info li:nth-child(2) {top: 60px}
.right_quick ul.quick_info li:nth-child(3) {top: 120px}
.right_quick ul.quick_info li:nth-child(4) {top: 180px}
.right_quick ul.quick_info li:nth-child(5) {top: 240px}

.right_quick ul.quick_info li a{width:60px; height:60px; text-align:center; background:#343434; overflow:hidden; display:block}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.ico{position:absolute;right:20px;top:15px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i {right: 17px}
.right_quick ul.quick_info li:nth-child(2) i {right: 17px}
.right_quick ul.quick_info li:nth-child(3) i {right: 17px}
.right_quick ul.quick_info li:nth-child(4) i {right: 17px}
.right_quick ul.quick_info li:nth-child(5) i {right: 17px}
.right_quick ul.quick_info li a span{height:60px; line-height:60px; color:#fff; position:absolute; text-align:left; opacity:0; left:30px; font-size:14px; font-weight:500; z-index:2}
.right_quick ul.quick_info li a.kakao span { color:#000}

@media screen and (max-width: 640px) {
    .right_quick.fixed { display:none}
}
/*오른쪽 퀵메뉴*/

