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


/*퀵메뉴*/
#quick{
	position:absolute;
	right:0px;
	z-index: 100;;
}

#qnb{background:#fff; border-radius: 10px; box-shadow: 0px 3px 5px #00000024;}
#quick #qnb li:first-child a{justify-content: center;}

#quick #qnb a{display:flex; padding:10px;}
#quick #qnb p{font-size:17px; padding:5px; word-break: keep-all;}

@media screen and (max-width:1060px) {
	#quick #qnb a{padding:5px;}
	#quick #qnb p{font-size:15px;}
}

@media screen and (max-width:640px) {
	#qnb{display:none;}
}
/*퀵메뉴*/

/*메인배너*/
.main-carousel{height:900px; padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .img01 { background-image:url(../images/slide_01.jpg)}
.main-carousel .img02 { background-image:url(../images/slide_02.jpg)}
.main-carousel .img03 { background-image:url(../images/slide_03.jpg)}
.main-carousel .li .copy_area_wrap {max-width:1400px;; margin:auto; padding:0 60px}
.main-carousel .li .copy_area{position: absolute; top:50%; left:20%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}
.main-carousel .li .copy_area h2{font-size:75px;font-weight:bold; line-height:1.3; letter-spacing:1px; text-align:left; text-shadow: 2px 1px 4px #333;}
/*.main-carousel .li .copy_area h2:after { content: " ";display: block; margin-top:30px; text-align:left; width:40px; height: 3px; background-color:#fff; clear: both;}*/
.main-carousel .li .copy_area h3{font-size:40px;font-weight:600;text-align:left;margin-bottom:40px;; line-height:1.6; font-family: 'Roboto', sans-serif; text-shadow: 2px 1px 4px #333;}
.main-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left; width:160px; border:1px solid rgba(255, 255, 255, .4)}
.main-carousel .li .copy_area h4:hover { background-color:#fdb812; border:1px solid #fdb812; color:#222; -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;}
.main-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block; text-align:center; letter-spacing:1px;}
.main-carousel .li .copy_area .reservation {width:100px; text-align: center; background: #ff5050; border-radius: 5px; padding:5px 0;}
.main-carousel .li .copy_area .reservation a {font-size:18px; color:#e4e4e4; line-height:1.6; font-family: 'Roboto', sans-serif; }
/* .main-carousel .li .copy_area .reservation a .reser-img {
	width:149px; height: 21px; background: url("../img/arrow.png") no-repeat; position: absolute;
	bottom:-3%; left:-2%
} */
.main-carousel .li .copy_area_movie{width:100%; position:relative}
.main-carousel .li .copy_area_movie h2{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px; line-height:2em; text-align:left; z-index:1;}
.main-carousel .li .copy_area_movie h2:after {content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-carousel .li .copy_area_movie h3{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:42px; line-height:2em; text-align:left; margin:15px 0 40px 0; z-index:1;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:13px;height:13px;display:inline-block;margin-left:10px; border:0; border-radius: 20px; ;}
.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:80px;height:80px;background:url(../img/btn_banner_prev.png) no-repeat;text-indent:-9999px;position:absolute;left:100px}
.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:100px}

@media screen and (max-width:640px) {
	.main-carousel .owl-nav { display:none}
}


@media screen and (max-width:576px) {
	.main-carousel{height:700px;}
	.main-carousel .li { height:700px}
	.main-carousel .owl-dots{bottom:150px;}
	.main-carousel .li .copy_area{left:10%;}
	.main-carousel .li .copy_area .reservation{margin:15px 0;}
	/* .main-carousel .img01 { background-image:url("../img/m-main_banner_img01.jpg");}
	.main-carousel .img02 { background-image:url("../img/m-main_banner_img02.jpg");}
	.main-carousel .img03 { background-image:url("../img/m-main_banner_img03.jpg");} */
	
	.main-carousel .li .copy_area h2 {font-size: 36px; }
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 15px;}


}
/*메인배너*/


.menu{background: #fff;}


/*TRANSCEIVERS ENABLING FAST & RELIABLE OPTICAL CONNECTIVITY*/
.contents1 {width:100%; padding:70px 0}

.contents1 h3 {font-size: 35px; letter-spacing: -0.02em; color: #121c20;  font-weight: 700; text-transform : uppercase; text-align: center; padding:50px 0}
.contents1 p{text-align: center; font-size: 18px; word-break: keep-all; line-height: 35px; color:#333; padding-bottom:70px;}
.contents1 .m-flex { display: flex;justify-content: space-between; flex-wrap: wrap; text-align: center;}
.contents1 .m-flex .menu { width:24%; border:1px solid #ddd; margin-right:10px; box-shadow: 0px 8px 8px #5959594a; padding:25px 10px;}
.contents1 .m-flex .menu:nth-of-type(4){margin-right:0;}
.contents1 .m-flex .menu .mtxt1 {margin: 20px 0; font-size: 21px; color:#111c20; font-weight: 500; padding:0}
.contents1 .m-flex .menu .mtxt2 {font-size: 16px; color:#6a6a6a; line-height: 1.6em;font-family: 'Roboto', sans-serif; min-width: 200px; padding: 0 10px 30px 10px; height:200px;}
.contents1 .m-flex .menu .menu-img{width:50%; margin:0 auto; height:100px;}
.contents1 .m-flex .menu .menu-img img{max-width:100%; }
.contents1 .m-flex .menu .menu-btn a{color:#2e468c; font-size:18px; font-weight:600; border:1px solid #ddd; border-radius: 5px; padding:8px 30px; transition:0.5s;}
.contents1 .m-flex .menu .menu-btn a:hover{background:#2e468c; color:#fff; padding:8px 40px; border:none;}

@media screen and (max-width:1140px) {
	.contents1{padding:70px 15px;}
	.contents1 .m-flex {}
	.contents1 .m-flex .menu { width:49%; margin:10px 0;}
}

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

}


@media screen and (max-width:640px) {
 .contents1 { padding:50px 15px;}
 .contents1 h3 {font-size: 25px;;}
 .contents1 .m-flex .menu { width:100%; box-shadow: none;}
 .contents1 .m-flex .menu .mtxt2{height:100%;}
}


/*Who we are ?*/
.contents2 {width:100%; margin:100px 0;}
.contents2 .c-flex {width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap; text-align:center}
.contents2 .c-flex .chefs { width:25%}
.contents2 .c-flex .chefs .chefs-img img { width:100%}
.contents2 .c-flex .ctxt1 {margin-top: 30px; font-size: 26px; color: #111c20; font-weight: 500;}
.contents2 .ctxt2 {font-size: 16px; color: #6a6a6a; font-family: 'Roboto', sans-serif; margin-top: 10px; padding-bottom:10%}


@media screen and (max-width:768px) {
  .contents2 .c-flex .chefs { width:50%}
}

@media screen and (max-width:640px) {
  .contents2 { padding:0; margin:0;}
  .contents2 .c-flex .chefs { width:100%}
}

/*WhY OPTICORE ?*/
.contents3 {width:100%;}

.contents3 h3 {font-size: 60px; letter-spacing: -0.02em; color: #121c20;  font-weight: 700; text-transform : uppercase; text-align: center; padding:70px 0}
.contents3 p{text-align: center; font-size: 18px; word-break: keep-all; line-height: 35px; color:#333; padding:5px 0 10px;}
.contents3 .m-flex { display: flex; flex-wrap: wrap; text-align: center;}
.contents3 .m-flex .menu { width:48.5%; border:1px solid #ddd; margin:0 10px 30px 10px; border-radius: 20px; box-shadow: 0px 8px 8px #5959594a; padding:25px 10px; display:flex; ; align-items: center;}
/* .contents3 .m-flex .menu:nth-of-type(4){margin-right:0;} */
.contents3 .m-flex .menu .menu-txt{width:75%;}
.contents3 .m-flex .menu .mtxt1 {margin: 10px 0; font-size: 25px; color:#111c20; font-weight: bold; padding:0; text-align: left;}
.contents3 .m-flex .menu .mtxt2 {font-size: 16px; color:#333; line-height: 1.6em;font-family: 'Roboto', sans-serif; min-width: 200px; text-align: left; padding-left:10px;}

.contents3 .m-flex .menu .menu-txt ul li{font-size:16px; text-align: left; line-height:22px; position:relative; padding-left:12px;}
.contents3 .m-flex .menu .menu-txt ul li::before{content:"-"; position:absolute; display:block; top:0px; left:0;}
/* .contents3 .m-flex .menu .menu-txt .space{padding-left:11px;} */

@media screen and (max-width:1400px) {
	.contents3 .m-flex .menu .menu-txt br{display:none;}
}

.contents3 .m-flex .menu .mtxt2 span{font-weight: 600;;}
.contents3 .m-flex .menu .menu-img{width:25%%; margin:0 auto; padding:0 20px;}
.contents3 .m-flex .menu .menu-img img{max-width:100%; }
.contents3 .m-flex .menu .menu-btn a{color:#2e468c; font-size:18px; font-weight:600; border:1px solid #ddd; border-radius: 5px; padding:8px 30px; transition:0.5s;}
.contents3 .m-flex .menu .menu-btn a:hover{background:#2e468c; color:#fff; padding:8px 40px; border:none;}

@media screen and (max-width:1340px) {
	.contents3 .m-flex .menu{margin:0 auto 30px;}
}

@media screen and (max-width:960px) {
	.contents3 .m-flex .menu .menu-txt{width:90%;}
}

@media screen and (max-width:760px) {
	.contents3 { padding:50px 15px;}
	.contents3 .m-flex .menu { width:100%; flex-direction: column; box-shadow: none;}
	.contents3 .m-flex .menu .menu-txt{width:100%;}
	.contents3 .m-flex .menu .menu-img img{max-width:70%;}
	.contents3 .m-flex .menu .mtxt1{font-size: 20px;;}
}



@media screen and (max-width:640px) {
 .contents3 h3 { padding:0 0 30px 0; font-size: 30px;;}

}


/*What we do ?*/
.contents4 { width:100%; padding:70px 0; }
.contents4 .inner { max-width:1400px;; margin:0 auto} 
.contents4 h3 {font-size: 60px; letter-spacing: -0.02em; color: #121c20;  font-weight: 700; text-transform : uppercase; text-align: center; padding:70px 0;}
.contents4 p{text-align: center; font-size: 25px; word-break: keep-all; line-height: 35px; color:#333; padding-bottom:10px;}
.contents4 .m-flex{display:flex; justify-content: space-between;}
.contents4 .m-flex .menu{width:33.3%; position:relative; margin-right:15px;}
.contents4 .m-flex .menu:nth-of-type(4){margin:0;}
.contents4 .m-flex .mtxt1 {margin: 10px 0; font-size: 38px; color:#fff; font-weight: bold; padding:0; text-align: center;}
.contents4 .out_menu .mtxt1 {margin: 10px 0; font-size: 40px; color:#fff; font-weight: bold; padding:0; text-align: left;}
.contents4 .m-flex .mtxt1:after{display: block; content: ""; width: 60px; height: 7px; border-radius: 10px; background: #cd1f26; position: absolute; left:50%; transform:translateX(-50%); margin:30px 0;}
.contents4 .out_menu .mtxt1:after{display: block; content: ""; width: 60px; height: 7px; border-radius: 10px; background: #cd1f26; position: absolute; left:0;  margin:30px 0; margin-left:55%;}
/* .contents4 .m-flex .menu:not(last-child){margin-right:20px;} */
/* .contents4 .menu .menu-img{padding:13px 0;} */
.contents4 .m-flex .menu .menu-txt{position:absolute; top:50%; transform:translateY(-50%); width:100%; }
.contents4 .out_menu .menu-txt{position:absolute; top:50%; transform:translateY(-50%); width:100%;  padding-left:55%;}
.contents4 .menu .menu-img img{width:100%;}
.contents4 .m-flex .menu-btn{text-align: center; padding:70px 0;}
.contents4 .out_menu .menu-btn{text-align: left; padding:70px 0;}
.contents4 .menu .menu-btn a{color:#fff; font-size:18px; font-weight:600; border:1px solid #ddd; border-radius: 5px; padding:8px 30px; transition:0.5s;}
.contents4 .menu .menu-btn a:hover{background:#fff; color:#2e468c; padding:8px 40px; border:none;}

@media screen and (max-width:960px) {
	.contents4 .m-flex .mtxt1{font-size: 25px;}
	.contents4 .out_menu .mtxt1{font-size:25px;}
	/* .contents4 .menu .menu-btn a{font-size: 16px; padding:5px 20px;;} */
	.contents4 .out_menu .menu-btn{padding:50px 0;}
}


@media screen and (max-width:640px) {
.contents4 { padding:0;}
.contents4 h3 { padding:0 0 30px 0; font-size:30px}
.contents4 p{font-size:20px; padding:15px;}
.contents4 .m-flex .mtxt1 br{}
.contents4 .out_menu .menu-txt{padding:0}
.contents4 .out_menu .mtxt1{text-align: center;}
.contents4 .m-flex .menu-btn{ }
.contents4 .out_menu .menu-btn{ text-align: center;}
/* .contents4 .m-flex .mtxt1:after{display:none;}*/
.contents4 .out_menu .mtxt1:after{left:50%; transform:translateX(-50%); margin:30px 0;} 


.contents4 .menu .menu-img{padding:0; height:400px; overflow: hidden;}
.contents4 .out_menu .menu-img{width:max-content;}

/* .contents4 .inner .menu{height:100%%;} */


.contents4 .m-flex .menu{width:100%;}
.contents4 .m-flex{flex-direction: column;}
} 

/*contents5*/
/*공지사항*/
.contents5 { width:100%; padding:100px 0; clear:both; }
.contents5 .left { width:20%; margin-top:30px; padding:0 20px; float:left}
.contents5 .left h2 { font-size:40px; padding-bottom:10px; font-weight:400; color:#000;}
.contents5 .left h2 b{font-weight: 600; color:#2e468c}
.contents5 .left p { font-size:15px; color:#555; font-weight:400}
.contents5 .left a {display:block; margin-top:20px; color:#666; font-weight:400; width: 110px; line-height: 30px; border: 1px solid #ddd; text-align: center; border-radius: 5px; transition: 0.3s;}
.contents5 .left a:hover {background:#cd1f26; color:#fff;  border:none;}
.contents5 .right { width:100%; float:right}

@media screen and (max-width:960px) {
	.contents5 { padding: 50px 20px}
	.contents5 .left { width: 100%; margin-bottom: 20px;}
	.contents5 .left h2 { text-align: center; font-size: 30px;;}
	.contents5 .left p { text-align: center; max-width: 100%}
	.contents5 .left a {margin: 20px auto;}
	.contents5 .right { width: 100%}
	
}

/*contents6*/
/*하단 폼메일*/
.tl_inquiry_wrap  {max-width:1400px; width:100%; margin:50px auto; padding:85px 0 100px; /*background: url(../images/slide_01.jpg) no-repeat center;*/ background-attachment: fixed; background-size: cover; display:flex;}
.tl_inquiry_wrap .form_img{width:30%;}
.tl_inquiry_wrap .form_img img{max-width:100%;}
.tl_inquiry_wrap  .formmail {width:70%; max-width: 800px; margin: 0 auto; padding:0 50px;}
.tl_inquiry_wrap .mail_box {width:100%;}
.tl_inquiry_wrap .mail_box h2 {margin-bottom: 12px; font-size:30px; font-weight:700; color:#333; text-align:center; }
.tl_inquiry_wrap .mail_box p {margin-bottom: 64px; font-size: 24px; font-weight: 400; color: #333; text-align: center; line-height: 28px; word-break: keep-all;}
.tl_inquiry_wrap .mail_box > div {text-align: center;}


.tl_inquiry_wrap .mail_box .input_page{display:flex; width:100%; align-items: center;}
.tl_inquiry_wrap .mail_box .input_page label{font-size:18px; text-align: left; width:50%; padding-left:15px;}
.tl_inquiry_wrap .mail_box .input_page label::before{content:""; display:block; width:4px; height:15px; background:#4b63c3; left:0; position:absolute; transform:translateY(-50%); margin-top:10px;}
.tl_inquiry_wrap .mail_box .input_page:nth-child(1) label::before {background:#db1a1b;}
.tl_inquiry_wrap .mail_box .input_page:nth-child(3) label::before {background:#db1a1b;}

/* .tl_inquiry_wrap .mail_box .input_page:nth-of-type(-n+3) {float: left; width: calc((100% - 16px)/3);}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(-n+2) {margin-right: 8px;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(4)  {margin-right:8px;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(4) ,.tl_inquiry_wrap .mail_box .input_page:nth-of-type(5) {float:left;width: calc((100% - 8px)/2);;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(6)  {clear:both;}


.tl_inquiry_wrap .mail_box .input_page:nth-of-type(8),.tl_inquiry_wrap .mail_box .input_page:nth-of-type(9) ,.tl_inquiry_wrap .mail_box .input_page:nth-of-type(10)  {float: left; width: calc((100% - 16px)/3);}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(8),.tl_inquiry_wrap .mail_box .input_page:nth-of-type(9) {margin-right: 8px;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(11)  {margin-right:8px;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(11) ,.tl_inquiry_wrap .mail_box .input_page:nth-of-type(12) {float:left;width: calc((100% - 8px)/2);;}
.tl_inquiry_wrap .mail_box .input_page:nth-of-type(13)  {clear:both;} */




.tl_inquiry_wrap .mail_box .input_page {margin:0 0 10px 0}
.tl_inquiry_wrap .mail_box .input_page input {border:1px solid #ddd; background-color:rgba( 255, 255, 255, 0.5); width:100%; height:39px; padding-left:10px; color:#000; border-radius: 5px; ;}


.tl_inquiry_wrap .mail_box .input_page::before {content:":"; display:block; position:absolute; width:5px; left:31%; font-size:18px}


.tl_inquiry_wrap .mail_box .input_page input::placeholder {color: #333;}
.tl_inquiry_wrap .mail_box .input_page textarea {border:1px solid #ddd; background-color:rgba( 255, 255, 255, 0.5); width:100%; height:170px; padding:10px; color:#000; border-radius: 5px; ;}
.tl_inquiry_wrap .mail_box .input_page textarea::placeholder {color: #333;}
.tl_inquiry_wrap .mail_box .check_page {  float:left; padding:20px 0}
.tl_inquiry_wrap .mail_box .send {margin:40px 0 0; width:100px; height:40px; border:none; border-radius: 5px;; font-size:16px; font-weight:700; background-color: #132b8f; color:#fff; line-height:41px; float:right;}
.tl_inquiry_wrap .mail_box .send img{padding:0 5px; width:30%;}
/* .tl_inquiry_wrap .mail_box .send::after{content:""; display:block;  height:10px; background:url(../images/form_icon.png) no-repeat;} */
.tl_inquiry_wrap .mail_box:after {clear: both; content: ""; display: block;}
.tl_inquiry_wrap #captcha.m_captcha audio {float: left; width: 20px; height: 40px; margin: 0 5px 0 0;}
.tl_inquiry_wrap #captcha #captcha_img {float: left; width: auto; height: 40px; margin: 0;}
#captcha.m_captcha #captcha_key {height: 40px;}
.tl_inquiry_wrap #captcha #captcha_info { display:none}
#x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:50px;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:700;color:#666;z-index:1000}
#x_loading{position:absolute;display:none;width:200px;height:200px;top:50px;left:50%;margin-left:-100px;z-index:1;font-size:100px;line-height:200px}
#x_message.x-msg1 {background-color: #FDD;}
#x_message.x-msg2 {background-color: #9C6;border:2px solid #096;}

@media screen and (max-width: 768px) {
	.tl_inquiry_wrap .formmail{width:100%;}
	.tl_inquiry_wrap .form_img{display:none;}
}


@media screen and (max-width: 640px) {
	.tl_inquiry_wrap {background-attachment: scroll;}
	.tl_inquiry_wrap { padding: 30px 15px;}
	.tl_inquiry_wrap .formmail{padding:0;}
	.tl_inquiry_wrap .mail_box h2 {font-size: 30px;}
	.tl_inquiry_wrap .mail_box p {margin-bottom: 44px; font-size: 18px; line-height: 22px;}
	.tl_inquiry_wrap .mail_box p br {display: none;}
	.tl_inquiry_wrap .mail_box .input_page:nth-of-type(-n+3) {float: none; width: 100%;}
	.tl_inquiry_wrap .mail_box .input_page:nth-of-type(-n+2) {margin-right: 0;}

	.tl_inquiry_wrap .mail_box .input_page label{font-size: 16px;;}
	.tl_inquiry_wrap .mail_box .input_page::before{display:none;}

	.tl_inquiry_wrap .mail_box .send{width:100px; height:40px; font-size: 16px; ;}
	.tl_inquiry_wrap .mail_box .send img{width:30%;}
}

/*하단 폼메일*/


/*con01*/
#content01{width: 100%; padding: 50px 0; background: url(../images/con2_bg.jpg)center center no-repeat; background-attachment: fixed; text-align: center; background-size:cover;}
#content01 h2{font-size: 60px; font-family: 'Wemakeprice-Bold', sans-serif; color: #fff; line-height: 60px; margin-bottom: 40px; position: relative; display: inline-block;}
#content01 h2:after{display: block; content: ""; width: 60px; height: 7px; border-radius: 10px; background: #cd1f26; position: absolute; left:50%; transform:translateX(-50%); margin:30px 0;}
#content01 h2 span{font-size: 24px; font-family: 'Wemakeprice-Regular', sans-serif; font-weight: 400;}
#content01 p{font-size: 20px; color: #fff; line-height: 30px; margin:30px 0; text-shadow: 1px 1px 10px black; word-break: keep-all;}
#content01 a{display: inline-block; width: 200px; padding: 20px 30px; font-size: 15px; color: #fff; background: #cd1f26; margin-top: 60px; border-radius: 5px; transition: 0.3s;}
#content01 a:hover{width: 230px; background: #333; transition: 0.3s;}
#content01 a i{transform: rotate(-45deg); float: right;}

@media screen and (max-width: 640px){
  #content01{padding:10px 0;}
  #content01 h2{font-size: 30px; margin-bottom:20px;}
  #content01 h2:after{margin:5px 0;}
  #content01 h2 span{font-size: 20px;}
  #content01 p{font-size: 16px; word-break: keep-all; padding:0 10px; margin:5px 0;}
}





/* .contents4 .history-inner .h-txt h3 {font-size: 40px; letter-spacing: -0.02em; color: #121c20; position: relative; margin: 200px 0 100px 0; font-weight: 700; text-transform : uppercase; text-align: center}
.contents4 .history-inner .history {display: flex; justify-content: center; align-items: center; position: relative; flex-wrap: wrap}
.contents4 .history-inner .history::after {z-index: -1; width: 100%; height:500px; position: absolute; content: ""; background-color: #f9f9ff; }
.contents4 .history-inner .history .h-img {padding: 0 10px 80px 0;}
.contents4 .history-inner .history .h-img img {width: 80%;}
.contents4 .history-inner .history .history-txt { padding:0 20px}
.contents4 .history-inner .history .history-txt .htxt1 {font-size: 35px; color:#111c20; font-weight: 500}
.contents4 .history-inner .history .history-txt .htxt2 {font-size:16px; color: #6a6a6a; line-height: 1.6em; margin-top: 30px; font-family: 'Roboto', sans-serif; min-width:200px}

@media screen and (max-width:640px) {
.contents4 .history-inner .h-txt h3 { margin:50px 0 50px 0}
.contents4 .history-inner .history::after { height:800px;  position: absolute; top:50px}
.contents4 .history-inner .history .history-txt .htxt1 { font-size:32px}
.contents4 .history-inner .history .h-img img { display:block; margin:0 auto}

} */

/* .contents5 { padding:150px 0}
.contents5 .s6-inner { margin: 0 auto; max-width: 1400px;;}
.contents5 .s6-inner .s6-flex {display:flex; flex-wrap: wrap}
.contents5 .s6-inner .s6-flex .s6-img {margin-left: 3%; margin-bottom: 3%}
.contents5 .s6-inner .s6-flex .s6-img:hover {opacity: 0.5}
.contents5 .s6-inner .s6-flex .s6-img img {width: 100%}

.contents5 .s6-inner .s6-flex .s6-img:nth-child(1),
.contents5 .s6-inner .s6-flex .s6-img:nth-child(4) {width: 65.666%;}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(2),
.contents5 .s6-inner .s6-flex .s6-img:nth-child(3) {width: 31.333%}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(2n+1) {margin-left: 0}

@media (max-width: 576px) {
.contents5 { padding:50px 0}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(1), .contents5 .s6-inner .s6-flex .s6-img:nth-child(4) { width: 100%; margin-left:0}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(2), .contents5 .s6-inner .s6-flex .s6-img:nth-child(3) { width: 48.5%;}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(2) { margin-left:0}
.contents5 .s6-inner .s6-flex .s6-img:nth-child(3) { margin-left:3%}
 
} */

/*서브상단*/
.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(../images/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../images/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../images/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../images/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../images/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../images/sub_visual06.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(50%);  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;}
.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:1400px;;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%; position:relative;}
.content_wrap .txtCon { max-width:1400px;; margin:70px auto 0; padding:20px 0; clear:both}
.content_wrap .txtCon .sub_title{margin:80px 0; padding:0; text-align:center; display:none;}
.content_wrap .txtCon .sub_title h2 {font-size:42px; color:#000; padding-bottom:20px}
.content_wrap .txtCon .sub_title p {font-size: 16px; color:#555; font-weight:300; word-break:keep-all;}
.content_wrap .txtCon .content_area { width:100%;}
.content_wrap .txtboard { max-width:1400px;; margin:70px auto; padding:10px; font-size:14px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span { font-size:15px}

.content_wrap .a1_icon{max-width:1400px;; margin:0 auto 100px; padding:20px;}


.content_wrap .d1_txtCon .map img{ max-width:100%;}

@media screen and (max-width:960px) {
	.content_wrap .a1_icon{margin:0 auto 50px;}
}

@media screen and (max-width:640px) {
	.content_wrap .txtCon{margin:0}
	.content_wrap .txtCon .sub_title{margin:50px 0 50px}
	.content_wrap .txtCon .sub_title h2 { font-size:32px}

	.content_wrap .a1_icon{padding:5px;}
	.a1_icon li img{width:40%}
}

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

}

/*d1*/
.content_wrap .d1_icon{max-width:1400px;;  padding:20px; position: absolute; top:-10%; left:50%; transform: translateX(-50%); z-index:1;}
.content_wrap .d1_txtCon { max-width:1400px;; margin:100px auto; padding:300px 20px 0; clear:both; text-align: center;}
.content_wrap .d1_txtCon .txt_area{font-size:22px; padding:20px 0; word-break: keep-all; }
.content_wrap .d1_txtCon h2 {font-size:35px; padding:20px 0 60px 0; word-break: keep-all;}

.content_wrap .d1_map{max-width:1400px; margin:0 auto;}

@media screen and (max-width:960px) {
	.content_wrap .d1_txtCon h2{font-size:25px; }
	.content_wrap .d1_icon{position:relative}
	.content_wrap .d1_txtCon{margin:30px auto; padding:0}
	.content_wrap .d1_txtCon .txt_area{font-size: 18px;;}
}

@media screen and (max-width:640px) {
	.content_wrap .d1_txtCon h2{padding:20px 0;}
	.content_wrap .d1_icon{padding:20px;}
}
/*a1*/

/*서브 제목*/
.list_title .txt_area{text-align: left; padding-bottom:70px;}






/*서브 하단 네비*/
.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:#333; clear:both}
.foot_menu{width:100%; padding:20px 20px; background:#333; border-bottom:1px solid rgba(255,255,255,0.07);  }
.foot_menu .inner { max-width:1380px; padding:0 20px}
.foot_menu .fm{ float:right; padding:10px 0;}
.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.3em; 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 .bt_logo{float:left;}
.bt_sns{margin-top:20px;}
.bt_sns ul{display:flex; align-items: end; float:right;}
.bt_sns ul li{margin:0 5px;}
.bt_sns img{width:100%;}

.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:15px; 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:block;margin-right:10px; line-height:1.8em; word-break: keep-all; color:rgba(255,255,255,0.4)}
.footer_in address p.addr{margin-top:18px;}
.footer_in address p.copylight{ font-size:13px; color:#999; margin-top:18px; word-break: keep-all;}
.footer_in address p.copylight a{color:#fff; border:1px solid #ddd; padding:10px;}



.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:760px) {
	.foot_menu{padding:5px}
	.foot_menu .fm li a{ font-size:1em;}
	.footer_in address p span{font-size:1em;}
	.footer_in address p.copylight a{border:none; word-break: keep-all;}
}

@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} */
}

@media screen and (max-width: 590px){
	.foot_menu .bt_logo{display:none;}
	.foot_menu .inner{padding:0;}
	.footer_in{padding:10px;}

	.bt_sns ul{width:100%; margin:10px auto;}
	.bt_sns img{width:50%;}
	.bt_sns ul li{width:100%; margin:0; text-align: center;}
}

/*푸터*/






.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); }