.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:800px; 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/sub_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:.6;z-index:1}
#main-carousel .jarallax {height: 800px;}
#main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
#main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg);}
#main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);}
#main-carousel .li .copy_area_wrap {max-width:1400px; margin:auto;}
#main-carousel .li .copy_area{position: absolute; top:45%; -ms-transform: translateY(-50%); transform: translateY(-50%); color:#fff; padding:0 0 0 30%; z-index:2}
#main-carousel .li .copy_area h2{font-size:20px;font-weight:500; line-height:1.3; text-decoration:underline; letter-spacing:-1px;text-align:left; padding-bottom:20px; word-break: keep-all; font-family: 'GmarketSansLight';}
#main-carousel .li .copy_area h3{font-size:80px;font-weight:100;text-align:left; letter-spacing:-5px; color:#fff; line-height:1.2; font-family: 'GmarketSansLight';}
#main-carousel .li .copy_area h3 span{ color:#afa05d; font-weight:bold; }
#main-carousel .li .copy_area h4{font-size:17px;font-weight:500;text-align:left; max-width:500px; word-break:keep-all; font-family: 'GmarketSansLight';}
#main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto;bottom:100px;}
#main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:70px;height:6px;display:inline-block;margin-left:10px; border:0}
#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-prev {position:absolute;top:50%;left:5%;z-index:999;background:url(../img/arrow_left.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
#main-carousel .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url(../img/arrow_right.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
#main-carousel .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;}
#main-carousel .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;}

@media screen and (max-width:640px) {
	#main-carousel .li{height:100vh}
	#main-carousel .li .copy_area { padding:0 20px}
	#main-carousel .li .copy_area h2{font-size:17px;}
	#main-carousel .li .copy_area h3{font-size:60px;}
	#main-carousel .li .copy_area h4{font-size:17px;}
	#main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
	#main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg);}
	#main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);}
}

/*메인배너*/






.content1 { padding:20px 0 150px 0; width:100%}

.tl_accordion_list_wrap { margin-top: 200px;}
.accordion-list .accordion-item { position: relative;overflow: hidden;/* border-radius: 15px; */}
.accordion-list .accordion-item .accordion-inner01:nth-child(1) { margin-left:0}
.accordion-list .accordion-item .accordion-inner03:nth-child(3) { margin-right:0}
.accordion-list .accordion-item .accordion-inner{display:block;position:relative;width:100%;height:100%;top:0;left:0;margin:0 5px;cursor:pointer;overflow:hidden;background-size:cover}
.accordion-list .accordion-item.active .accordion-inner { cursor: default}
.accordion-list .accordion-item {width: 250px;}
.accordion-item .accordion-inner .accordion-tit{position:absolute;top:16%;left:50%;color:#fff;font-size:20px;font-weight:400;letter-spacing:-1px;text-align:center;z-index:1;opacity:1;filter:Alpha(opacity=100);transition:all .3s;transform: translateX(-50%);
    writing-mode: tb-rl;}
.accordion-item .accordion-inner .accordion-tit em{display:inline-block;transform:rotate(-90deg);height:24px}
.accordion-item .accordion-info-box{position:absolute;left:0;right:0;top:0}
.accordion-item .accordion-info-box .txt { font-size:17px}
.accordion-item .accordion-info-box dl{position:relative;z-index:1;padding:24% 5%;opacity:0;filter:Alpha(opacity=0);-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.accordion-item .accordion-info-box dl dt{font-size:46px;font-weight:500;letter-spacing:-.1px;color:#fff; padding-bottom:20px}
.accordion-item .accordion-info-box dl .accordion-txt{font-size:18px;font-weight:400;letter-spacing:-.5px;color:#fff;line-height:1.81;white-space:normal;text-align:left}
.accordion-item .accordion-info-box dl .accordion-txt .txt{display:block;text-align:left;color:#fff;opacity:.8;margin:0;padding:0; word-break:keep-all; max-width:1400px}
.accordion-item .accordion-info-box dl .view_more{display:block;position:relative;text-transform:uppercase;text-align:left}
.accordion-item .accordion-info-box dl .view_more:after{position:absolute;content:"";width:100%;height:100%;background-color:transparent;top:0;left:0;z-index:1;margin-left:0;transition-delay:0.2s}
.accordion-item .accordion-info-box dl .view_more a{display:inline-block;font-weight:700;font-size:12px;letter-spacing:0;color:#fff;margin-top:20px}
.accordion-item .accordion-info-box dl .view_more a .arrow{display:inline-block;width:48px;height:27px;background:url("../img/main_arrow.png") no-repeat;background-size:contain!important;margin-left:6px;vertical-align:middle}
.accordion-item.active .accordion-inner:after { opacity: 0;filter: Alpha(opacity=0);}
.accordion-item.active .accordion-info-box dl .view_more:after { margin-left: 50%}
.accordion-item.active .accordion-inner .accordion-tit { opacity: 0; filter: Alpha(opacity=0); transition: all 0s;}
.accordion-item.active .accordion-inner dl{opacity:1;filter:Alpha(opacity=100);-webkit-transition:all .3s .2s;-moz-transition:all .3s .2s;-o-transition:all .3s .2s;-ms-transition:all .3s .2s;transition:all .3s .2s}

@media all and (max-width: 1380px) {
    .accordion-list .accordion-item .accordion-inner { background-size: cover !important}
    .cover1 {background-size: cover !important;top: auto;}
}

@media all and (max-width: 1220px) {
    .accordion-item .accordion-info-box dl .accordion-txt .pc-br { display: none}
    .cover1 {top: auto;}
}


@media all and (min-width: 1025px) {
    .tl_accordion_list_wrap .accordion-list{display:table;width:100%;height:500px;white-space:nowrap;overflow:hidden;font-size:0}
    .accordion-list .accordion-item{width:144px;display:table-cell;height:100%;white-space:nowrap}
    .accordion-list .accordion-item .accordion-m-img { display: none; }
}


@media all and (max-width: 1024px) {
    .tl_accordion_list_wrap .accordion-list {max-width:800px; margin: 0px auto;}   
   .accordion-list .accordion-item{display:block;width:100%!important;height:auto;margin-top:10px;padding-left:0}
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{background-image:none;position:relative}
	.accordion-list .accordion-item .accordion-m-img{height:0;padding-top:110px;background-size:cover!important;-webkit-transition:padding .4s;-moz-transition:padding .4s;-o-transition:padding .4s;-ms-transition:padding .4s;transition:padding .4s}
	.accordion-list .accordion-item.active .accordion-inner { cursor: default;}
	.accordion-list .accordion-item.active .accordion-m-img { padding-top: 55%; background-size:cover; background-position:center}
	.accordion-item .accordion-inner .accordion-tit { left: 5%; writing-mode: rl-tb;  transform: translateY(-50%);top: 50% }
	.accordion-item .accordion-inner .accordion-tit em {display: contents; transform: inherit; padding: 0;height: auto}
	.accordion-item .accordion-info-box:before {height: 100%;}
	.accordion-item .accordion-info-box dl {padding: 6% }
	.cover1 {top: auto;}
}

@media all and (max-width: 800px) {
	.tl_accordion_list_wrap{margin-top:180px}
	.accordion-list .accordion-item .accordion-m-img{padding-top:80px}
	.accordion-item .accordion-inner .accordion-tit{font-size:17px}
	.accordion-item .accordion-info-box dl{padding:20% 4%}
	.accordion-item .accordion-info-box dl dt{font-size:28px;margin-bottom:15px}
	.accordion-item .accordion-info-box dl .accordion-txt{font-size:13px}
	.accordion-item .accordion-info-box dl .view_more a{font-size:11px;margin-top:15px}
	.accordion-item .accordion-info-box dl .view_more a .arrow{width:39px;height:22px}
	.cover1{top:auto}
}

@media all and (max-width: 640px) {
	.tl_accordion_list_wrap { margin-top:80px}

}
@media all and (max-width: 480px) {
	.tl_accordion_list_wrap { margin-top:80px}
	.accordion-list .accordion-item .accordion-m-img { background-size: cover; background-position:center; background-repeat:no-repeat}
	.accordion-list .accordion-item.active .accordion-m-img { padding-top: 160% }
	.accordion-item .accordion-info-box dl dt { font-size: 36px}
	.accordion-item .accordion-info-box dl .accordion-txt {font-size: 16px;max-width: 380px}
	.cover1 {top: auto;}
}



.contents2 { width:100%; padding: 0 0 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_img1.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 .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: 30%;margin-top:50px; width:100%; border:0; 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; border: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; border: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 { height:654px; 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: -200px; padding-bottom: 150px; max-width:900px}
.contents3 .left_round {width:28%; border-top-right-radius:100px; border-bottom-right-radius:100px; position:absolute; left:0; padding:80px 40px 80px 200px; text-align:left; background:url(../img/content03_img2.png) 90px center no-repeat;background-color:#3e3c38;}
.contents3 .left_round h1 { font-size:17px; font-weight:500; color:#fff}
.contents3 .left_round h2 { font-size:30px; font-weight:bold; color:#fff; padding-bottom:20px}
.contents3 .left_round p { font-size:17px; font-weight:400; color:#fff}


.contents3 .right_round { width:28%; border-top-left-radius:100px; border-bottom-left-radius:100px; position:absolute; right:0; padding:80px 40px 80px 200px; text-align:left; background:url(../img/content03_img3.png) 90px center no-repeat;background-color:#22273a;}
.contents3 .right_round h1 a { font-size:30px; font-weight:bold; padding-bottom:20px; color:#fff; display:block}
.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 p  { color:#fff;  opacity: 0.8; font-size:17px; line-height:1.6; font-weight:400; word-break: keep-all}


.contents3 ul {display:table; table-layout:fixed; width:100%; vertical-align:middle; margin-top:80px;}
.contents3 ul li{display:block; width:25%; float:left}
.contents3 ul li .t1{color:#ddd; font-size:20px; font-weight:bold}
.contents3 ul li .t2{color:#fff; font-size:48px; font-weight:300; padding:20px 0px;}
.contents3 ul li .t3{color:#fff; font-size:17px;}


@media screen and (max-width: 1770px) {
	.contents3 .inner { max-width:500px; margin-top: -300px;}
	.contents3 ul li { width:50%}
	.contents3 .left_round h2 { font-size:28px}
}

@media screen and (max-width: 1400px) {
	.contents3 {height: 1454px;}
	.contents3 .inner {margin-top: 350px;}
    .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;}
}


@media screen and (max-width: 960px) {
    .contents3 ul li { width:50%}
}



@media screen and (max-width: 640px) {
	.contents3 h2 { font-size:32px}
    .contents3 ul li { width:100%}
}







.contents4  { padding:150px 0}
.contents4 .inner {width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contents4 .inner .left{ width:20%; padding:20px 20px 0 20px}
.contents4 .inner .right{ width:80%}
.contents4  h2 { font-size:42px; color:#000; text-align:left; font-weight:bold}
.contents4  p { display:block; padding:20px 0 20px 0px; color:#555; text-align:left; font-size:17px; line-height:1.6; font-weight:400}
.contents4 .owl-nav {position: absolute;top: 50%;margin-top: -25px; width:100%;}
.contents4 .owl-nav .owl-prev {position: absolute;left : -30px; width:45px; height:45px; padding:0; margin:0; background:#32373a}
.contents4 .owl-nav .owl-prev i { font-size:18px; color:#fff}
.contents4 .owl-nav .owl-next {position: absolute;right : -30px; width:45px; height:45px; ; padding:0; margin:0; background:#32373a}
.contents4 .owl-nav i { color:#fff}
.contents4 .owl-dots { display:none}
@media screen and (max-width:1300px) {
	.contents4 .owl-nav  .owl-prev {left: 0px;}
	.contents4 .owl-nav  .owl-next {right:0px;}
}



@media screen and (max-width: 768px) {
   .contents4 .inner .left { width:100%; padding:0 20px}
   .contents4 .inner .right { width:100%}
}


.contents5 {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.contents5 .left { width:52%; min-height:529px; float:left}
.contents5 .left .li { width:100%; min-height:529px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.contents5 .left .img01 { background-image:url(../img/content05_img1.jpg)}
.contents5 .left .img02 { background-image:url(../img/content05_img2.jpg)}
.contents5 .left .owl-nav {position: absolute;top: 50%;margin-top: -25px; width:100%;}
.contents5 .left .owl-nav .owl-prev {width:31px;height:61px;position:absolute;left:40px; background-color:transparent; cursor:pointer; background-image: url(../img/prevBtn_off.png);background-repeat: no-repeat; text-indent:-9999px; border:0}
.contents5 .left .owl-nav .owl-next {width:31px;height:61px;position:absolute;right:40px; background-color:transparent;  cursor:pointer;  background-image: url(../img/nextBtn_off.png);background-repeat: no-repeat; text-indent:-9999px; border:0}
.contents5 .left .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.contents5 .left .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.contents5 .left .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1); border:0}
.contents5 .right {width:48%; padding-left:2%; padding-right:22%; box-sizing:border-box; background-color:#f8f9fa}
.contents5 .left h1 { font-size:17px; font-weight:500; color:#fff; opacity:0.8; text-align:center}
.contents5 .left h2 { font-size:44px; font-weight:500; color:#fff; text-align:center; padding:10px 0 20px 0}
.contents5 .left p { font-size:17px; font-weight:400; color:#fff; text-align:center}
@media screen and (max-width:1200px) {
	.contents5 .left { width:100%; clear:both; float:none}
	.contents5 .right { width:100%; clear:both; float:none}

}

@media screen and (max-width:640px) {
	.contents5 .txt { padding:45px}
	.contents5 .txt h2 { font-size:24px;}
	

}


.formmail input { height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;}
.formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;}
.formmail .radio { height:32px}
.formmail .clearfix {  padding:10px 0}
.formmail .line { border-bottom:1px solid #ddd}
.formmail p {font-size: 16px; color: #555;}
.formmail .company .text { width:400px} 
.formmail #email_list { width:200px; margin-left:10px}
.formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;}
.formmail span.bar { display: inline-block; width:20px; text-align: center; vertical-align: middle; line-height: 35px;}
.formmail .type label { font-size:16px; color:#555}
.formmail .type .radio { width: 15px;height: 15px; border: 1px solid #ddd; background-color: #fff; margin:0 5px; color:#555}
.formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center;}
.formmail .form-radio { display: inline-block; margin-right: 10px; line-height: 28px;}

.formmail .co_hp { width:15%}
.formmail .co_hp2 { width:15%}
.formmail .co_hp3 { width:15%}
.formmail .co_varchar_1 { width:15%}
.formmail .co_varchar_2 { width:15%}
.formmail #email_list { width:15%}


@media all and (max-width: 576px) { 

	.formmail h2 { width:100%}
	.formmail .co_hp { width:28%}
	.formmail .co_hp2 { width:28%}
	.formmail .co_hp3 { width:28%}
	.formmail .company .text { width:100%}
	.formmail .co_varchar_1 { width:28%}
	.formmail .co_varchar_2 { width:28%}
	.formmail #email_list { width:34%}
	.formmail  .textarea { width:100%}
}


/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:522px;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.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 .title_warp { max-width:1240px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:522px; position: relative;text-align:center; margin:0 auto; transform:translateY(40%);  z-index:2}
.sub_visual h3{font-size:14px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8}
.sub_visual .main_title{font-size:45px; font-weight:500; text-align:center; color:#fff; letter-spacing:-1px }
.sub_visual .inBox {font-size:14px; padding-top:10px; color:#fff}
.sub_visual .inBox i { font-size:14px; color:#fff; display:inline-block;}
.sub_visual .inBox a { padding:0 13px 0 0}
.sub_visual .inBox span {padding:0 13px; opacity:0.8}
.sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.6;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub_visual.tmp {height:100px; background-color:#000;}
.sub_visual.tmp .title_warp {display:none;}

.sub_visual h3,
.sub_visual .main_title ,
.sub_visual .inBox {
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 
.sub_visual .inBox {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;} 
 
.sub_visual .bg{ 
	content:'';
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s;
	 -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom;
	 -webkit-animation-name:visual-zoom;
}
 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}




 @media screen and (max-width: 640px) { 
    .sub_visual { height:422px}
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:422px}
	.sub_visual h3 { font-size:12px}
	.sub_visual .main_title { font-size:34px;}
	.sub_visual .inBox { font-size:12px}
 }
/*서브상단*/





/*서브 제목*/
.content_wrap { width:100%; padding-bottom:150px}
.content_wrap  .content_area { width:100%; margin:0 auto; max-width:1400px}
.content_wrap .txtCon .sub_title { text-align:center; padding:100px 20px 100px 20px;}
.content_wrap .txtCon .sub_title h2 {font-size:40px; color:#000;}
.content_wrap .txtCon .sub_title p {font-size: 16px; color:#555; padding-top:10px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1400px; margin:0 auto; padding:20px 20px 50px 20px; font-size:12px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span { font-size:14px}

@media screen and (max-width:640px) {
	.content_wrap .txtCon { max-width:1400px; margin:0 auto; padding:100px 20px 50px 20px; clear:both}
	.content_wrap .txtCon .sub_title{margin:50px 0 50px}
	.content_wrap .txtCon .sub_title h2 { font-size:32px}
}
/*서브 제목*/







/*서브 하단 네비*/
.share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}
@media screen and (max-width: 770px) {

	 .share-area { display:none}
}
@media screen and (max-width: 640px) {
	 .share-area .share-btn { display:none}
	 .share-area { display:none}
}
/*서브 하단 네비*/








/*푸터*/
#footer{ width:100%; height:auto; background:#30343b; clear:both}
.foot_menu{width:100%; padding:20px 20px; background:#30343b; border-bottom:1px solid rgba(255,255,255,0.07);  }
.foot_menu .inner { max-width:1380px; padding:0 20px}
.foot_menu .fm{ float:left}
.foot_menu .fm li{ display:inline-block; line-height:2em; margin-right:15px; padding-right:15px; border-right:1px solid rgba(255,255,255,0.07); }
.foot_menu .fm li a{ font-size:1.08em; color:rgba(255,255,255,0.9);}
.foot_menu .fm li a.point{color:#32c0eb;}
.foot_menu .fm li:last-child{border-right:0; margin-right:0}
.foot_menu .sns{  float:right}
.foot_menu .sns li{ display:inline-block; margin-left:10px}
.foot_menu .sns li:first-child {margin-left:0;}

.foot_menu .sns li a { color:#777}
.foot_menu .sns li a:hover { color:#fff}
.foot_menu .menu { margin-top:20px; }
.foot_menu #phone { display:inline-block; color:#fff; font-size:12px; text-align:center; padding: 0px 20px; background-color:#6C6}
.foot_menu #kakao{ display:inline-block; color:#000; font-size:12px; text-align:center; padding: 0px 20px; background-color:#ffeb33}

.footer_in{ max-width:1380px; height:auto; padding:38px 20px; margin:0 auto; box-sizing:border-box}
.footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#fff; font-weight:bold; }
.footer_in address p{ overflow:hidden; font-size:13px; color:rgba(255,255,255,0.4);}
.footer_in address p strong{ font-weight: 500;  color:rgba(255,255,255,0.5);}
.footer_in address p span{display:inline-block;margin-right:10px; line-height:1.8em;}
.footer_in address p.addr{margin-top:18px;}
.footer_in address p.copylight{ font-size:13px; color:#999; margin-top:18px;}



.footer_in address{float:left; width:65%; font-style:normal}
.footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.05); font-size:13px;}
.footer_in .customer .main_tel{font-size:15px; font-weight:300; color:#fff; margin-bottom:20px; margin-top:20px;}
.footer_in .customer .main_tel span{font-size:20px; font-weight:bold; color:#32c0eb; display:block; margin-top:10px;}
@media screen and (max-width: 1700px) {
#footer { margin-top:0}
}

@media screen and (max-width: 640px) {
	.footer_in address { width:100%}
	.footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0}
	.foot_menu .sns { float:left; padding-top:20px}
	.foot_menu .fm { margin-bottom:20px}
}
/*푸터*/






.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;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/w_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); }