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


/*메인배너*/
#main-carousel {padding:0; display:block; position: relative;}
#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/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:.35;z-index:1}
#main-carousel .jarallax {height: 900px;}
#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 {}
#main-carousel .li .copy_area{position: absolute; width: 100%; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); color:#fff;  z-index:2}
#main-carousel .li .copy_area h2{font-size:50px;font-weight:700; line-height:1.3;text-align:center; padding-bottom:40px; word-break: keep-all; }
#main-carousel .li .copy_area h2 .m_br {display: none;}
#main-carousel .li .copy_area h3{font-size:23px;font-weight:400;text-align:center; color:#fff; line-height:1.5; word-break: keep-all;}
#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;} */

#main-carousel .ctl {position: absolute; bottom: 105px; left: 50%; transform: translateX(-50%); z-index: 3;}
#main-carousel .ctl .bar_box {display: flex; width: 100%; justify-content: center; align-items: center; gap: 10px;}
#main-carousel .ctl .bar_box .bar {width: 10px; height: 10px; display: block; opacity: .4; background-color: #fff; border-radius: 50%; transition: .3s;}
#main-carousel .ctl .bar_box .bar.active {width: 30px; opacity: 1; border-radius: 30px;}

#main-carousel .scroll {position: absolute; right: 8%; bottom: 0; transform: translateX(0%); z-index: 3; color: #fff; display: flex; flex-direction: column; align-items: center;}
#main-carousel .scroll .txt {font-weight: 400; font-size: 10px; margin-bottom: 20px; transform: rotate(90deg);}
#main-carousel .scroll .line {position: relative; width: 1px; height: 100px; background-color: rgba(255, 255, 255, 0.3); overflow: hidden;}
#main-carousel .scroll .line::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; transform: scaleY(0); transform-origin: top; animation: growLine 1.5s ease-in-out infinite;}
@keyframes growLine {
    0% {
        transform: scaleY(0);
        opacity: 1;
    }
    80% {
        transform: scaleY(1);
        opacity: 1;
    }
    100% {
        transform: scaleY(1);
        opacity: 0;
    }
}

@media screen and (max-width:1600px) {
	#main-carousel .scroll {right: 20px;}
}
@media screen and (max-width:1200px) {
	#main-carousel .li .copy_area h2 {font-size: 40px;}
	#main-carousel .li .copy_area h3 {font-size: 20px;}
}
@media screen and (max-width:960px) {
	#main-carousel .li .copy_area h2 {font-size: 35px; padding-bottom: 20px;}
}
@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:30px;}
	#main-carousel .li .copy_area h2 .m_br {display: block;}
	#main-carousel .li .copy_area h3{font-size:18px;}
	#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);}
}
/*메인배너*/



:root {
	--main_black: #121212;
	--main_blue: #003399;
	--main_gray: #f5f5f5;
}



/*메인 공통*/
.section {}
.section * {word-break: keep-all; color: var(--main_black);}
.section .sub_title {color: var(--main_blue); font-weight: 600; font-size: 20px;}
.section .main_title {font-size: 45px; font-weight: 700; line-height: 1.3;}
.section .main_desc {font-size: 20px; line-height: 1.3;}
.section .main_btn_box a {font-size: 18px; width: max-content; display: block; display: flex; gap: 8px; align-items: center; justify-content: center;}
.section .main_btn_box a img {position: relative; left: 0; transition: .4s;}
.section .main_btn_box a:hover img {left: 6px;}
@media screen and (max-width:1200px) {
	.section .main_title {font-size: 40px;}
}
@media screen and (max-width:960px) {
	.section .main_title {font-size: 35px;}
	.section .main_desc {font-size: 18px;}
	.section .main_btn_box a {font-size: 16px;}
	.section .sub_title {font-size: 18px;}
}
@media screen and (max-width:640px) {
	.section .main_title {font-size: 28px;}
	.section .main_desc {font-size: 16px;}
	.section .main_btn_box a {font-size: 14px;}
	.section .sub_title {font-size: 16px;}
}
/*메인 공통*/




/* content01 */
.content01 {padding: 160px 0;}
.content01 .typing_box {text-align: center; height: 135px;}
.content01 .typing_box .text {text-align: center; transition: .4s;}
.content01 .typing_box .blink {animation: blink 0.5s infinite; font-size: 45px;}
@keyframes blink {
  to {
    opacity: 0;
  }
}
.content01 .flex_box {margin-top: 90px; display: flex; flex-wrap: wrap; gap: 30px;}
.content01 .flex_box .left_box {width: calc(50% - 30px); position: relative; border-radius: 10px; overflow: hidden; background: url(../images/con1_bg1.jpg) no-repeat 50% 50% / cover;}
.content01 .flex_box .left_box::before {content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; z-index: 1;}
.content01 .flex_box .left_box .text_box {position: relative; z-index: 3; padding: 70px 50px;}
.content01 .flex_box .left_box .text_box h3 {font-size: 26px; color: #fff; margin-bottom: 30px;}
.content01 .flex_box .left_box .text_box p {color: #fff;}
.content01 .flex_box .left_box .text_box .main_btn_box {margin-top: 36px;}
.content01 .flex_box .left_box .text_box .main_btn_box a {color: #fff;}
.content01 .flex_box .left_box .text_box .main_btn_box a img {}
.content01 .flex_box .right_box {width: 50%; display: flex; gap: 30px; flex-wrap: wrap;}
.content01 .flex_box .right_box .box {width: calc(50% - 15px); border-radius: 10px; background-color: var(--main_gray); padding: 0 30px; display: flex; flex-direction: column; justify-content: center;}
.content01 .flex_box .right_box .box .icon_box {margin-bottom: 30px;}
.content01 .flex_box .right_box .box .icon_box img {}
.content01 .flex_box .right_box .box .text_box {}
.content01 .flex_box .right_box .box .text_box p {opacity: 0.4; font-size: 22px; font-weight: 500; margin-bottom: 40px;}
.content01 .flex_box .right_box .box .text_box .t2 {font-size: 50px; font-weight: 700; color: var(--main_black);}
.content01 .flex_box .right_box .box .text_box .t2 span {color: inherit; font-size: inherit; font-weight: inherit;}
.content01 .flex_box .right_box .box2 {background-color: var(--main_blue);}
.content01 .flex_box .right_box .box2 .text_box p {color: #fff;}
.content01 .flex_box .right_box .box2 .text_box .t2 {color: #fff;}
@media screen and (max-width:1200px) {
	.content01 .typing_box {height: 95px;}
	.content01 .typing_box .blink {font-size: 40px;}
	.content01 .flex_box .left_box .text_box {padding: 50px 30px;}
	.content01 .flex_box .left_box .text_box h3 {margin-bottom: 20px;}
	.content01 .flex_box .right_box .box .text_box p {font-size: 20px;}
	.content01 .flex_box .right_box .box .text_box .t2 {font-size: 40px;}
}
@media screen and (max-width:960px) {
	.content01 {padding: 120px 0;}
	.content01 .typing_box .blink {font-size: 35px;}
	.content01 .flex_box .left_box {width: 100%;}
	.content01 .flex_box .right_box {width: 100%;}
	.content01 .flex_box .right_box .box {padding: 30px;}
}
@media screen and (max-width:640px) {
	.content01 {padding: 100px 0;}
	.content01 .typing_box {height: 72px;}
	.content01 .typing_box .blink {font-size: 28px;}
	.content01 .flex_box {margin-top: 50px;}
	.content01 .flex_box .left_box .text_box {padding: 30px 20px;}
	.content01 .flex_box .left_box .text_box h3 {font-size: 22px; margin-bottom: 15px;}
	.content01 .flex_box .right_box .box {width: 100%; padding: 20px;}
	.content01 .flex_box .right_box .box .icon_box {margin-bottom: 20px;}
	.content01 .flex_box .right_box .box .icon_box img {width: 30px;}
	.content01 .flex_box .right_box .box .text_box p {font-size: 16px; margin-bottom: 10px;}
	.content01 .flex_box .right_box .box .text_box .t2 {font-size: 35px;}
}
@media screen and (max-width:518px) {
	.content01 .typing_box .text br {display: none;}
}
@media screen and (max-width:483px) {
	.content01 .typing_box {height: 109px;}
}
/* content01 */



/* content02 */
.content02 {background-color: var(--main_gray); padding: 120px 0;}
.content02 .flex_box {display: flex;}
.content02 .flex_box .left_box {width: 60%; display: flex; flex-direction: column; justify-content: space-between;}
.content02 .flex_box .left_box .tab_box {}
.content02 .flex_box .left_box .tab_box .tab_desc {}
.content02 .flex_box .left_box .tab_box .tab_desc .num {color: #ddd; font-size: 100px; font-weight: 900; margin-bottom: 35px;}
.content02 .flex_box .left_box .tab_box .tab_desc h3 {margin-bottom: 35px;}
.content02 .flex_box .left_box .tab_box .tab_desc p {margin-bottom: 35px; font-size: 22px;}
.content02 .flex_box .left_box .tab_box .tab_desc .main_btn_box {}
.content02 .flex_box .left_box .tab_box .tab_desc .main_btn_box a {}
.content02 .flex_box .left_box .tab_box .tab_desc .main_btn_box a img {filter: invert(1);}
.content02 .flex_box .left_box .tab_menu {width: 100%; max-width: 810px; display: flex; flex-wrap: wrap; gap: 40px;}
.content02 .flex_box .left_box .tab_menu .menu {cursor: pointer; position: relative; transition: .4s; width: calc(100% / 3 - 28px); margin-bottom: 0;}
.content02 .flex_box .left_box .tab_menu .menu h3 {transition: .4s; font-size: 25px; color: #888; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #888;}
.content02 .flex_box .left_box .tab_menu .menu p {transition: .4s; font-size: 18px; color: #888;}
.content02 .flex_box .left_box .tab_menu .menu.active {}
.content02 .flex_box .left_box .tab_menu .menu.active h3 {color: var(--main_black);}
.content02 .flex_box .left_box .tab_menu .menu.active p {color: var(--main_black);}
.content02 .flex_box .left_box .tab_menu .menu.active::before {content: ""; position: absolute; left: 0; top: -45px; width: 10px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: var(--main_blue);}
.content02 .flex_box .left_box .tab_menu .menu:hover {}
.content02 .flex_box .right_box {width: 40%;}
.content02 .flex_box .right_box .tab_img {}
.content02 .flex_box .right_box .tab_img img {width: 100%; border-radius: 10px;}
@media screen and (max-width:1400px) {
	.content02 .flex_box .left_box .tab_menu {gap: 20px;}
}
@media screen and (max-width:1200px) {
	.content02 .flex_box .left_box .tab_box .tab_desc .num {font-size: 80px;}
	.content02 .flex_box .left_box .tab_box .tab_desc h3 {font-size: 40px;}
	.content02 .flex_box .left_box .tab_box .tab_desc p {font-size: 20px;}
	.content02 .flex_box .left_box .tab_box .tab_desc {margin-bottom: 80px;}
	.content02 .flex_box .left_box .tab_menu .menu h3 {font-size: 20px; padding-bottom: 20px; margin-bottom: 20px;}
	.content02 .flex_box .left_box .tab_menu .menu p {font-size: 16px;}
}
@media screen and (max-width:960px) {
	.content02 {padding: 100px 0;}
	.content02 .flex_box {flex-wrap: wrap;}
	.content02 .flex_box .left_box {width: 100%; gap: 30px;}
	.content02 .flex_box .right_box {width: 100%;}
	.content02 .flex_box .left_box .tab_box {order: 2;}
	.content02 .flex_box .left_box .tab_menu {order: 1;}
	.content02 .flex_box .left_box .tab_menu .menu p {display: none;}
	.content02 .flex_box .left_box .tab_box .tab_desc .num {font-size: 70px;}
	.content02 .flex_box .left_box .tab_box .tab_desc h3 {font-size: 35px;}
	.content02 .flex_box .left_box .tab_box .tab_desc p {font-size: 18px;}
	.content02 .flex_box .left_box .tab_box .tab_desc {margin-bottom: 50px;}
}
@media screen and (max-width:640px) {
	.content02 {padding: 80px 0;}
	.content02 .flex_box .left_box .tab_menu .menu {width: calc(100% / 3 - 14px);}
	.content02 .flex_box .left_box .tab_menu .menu h3 {font-size: 16px; text-align: center; margin-bottom: 0;}
	.content02 .flex_box .left_box .tab_menu .menu.active::before {display: none;}
	.content02 .flex_box .left_box .tab_box .tab_desc {margin-bottom: 30px;}
	.content02 .flex_box .left_box .tab_box .tab_desc .num {font-size: 40px;}
	.content02 .flex_box .left_box .tab_box .tab_desc h3 {font-size: 28px; margin-bottom: 15px;}
	.content02 .flex_box .left_box .tab_box .tab_desc p {font-size: 16px; margin-bottom: 15px;}
}
/* content02 */



/* content03 */
.content03 {padding: 160px 0;}
.content03 .flex_box {display: flex; justify-content: space-between; align-items: flex-end;}
.content03 .flex_box .left_box {}
.content03 .flex_box .left_box span {margin-bottom: 20px; display: block;}
.content03 .flex_box .left_box h2 {}
.content03 .flex_box .right_box {}
.content03 .flex_box .right_box p {margin-bottom: 25px; text-align: right;}
.content03 .flex_box .right_box .main_btn_box {display: flex; justify-content: flex-end;}
.content03 .flex_box .right_box .main_btn_box a {}
.content03 .flex_box .right_box .main_btn_box a img {filter: invert(1);}
.content03 .latest_box {margin-top: 60px;}
@media screen and (max-width:1600px) {
	.content03 .latest_box {padding: 0 20px;}
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:960px) {
	.content03 {padding: 120px 0;}
	.content03 .flex_box {flex-wrap: wrap; gap: 30px;}
	.content03 .flex_box .left_box {width: 100%;}
	.content03 .flex_box .left_box span {margin-bottom: 10px;}
	.content03 .flex_box .right_box {width: 100%;}
	.content03 .flex_box .right_box p {text-align: left;}
	.content03 .flex_box .right_box .main_btn_box {display: block;}
}
@media screen and (max-width:640px) {
	.content03 {padding: 100px 0;}
	.content03 .flex_box {gap: 20px;}
	.content03 .latest_box {margin-top: 30px;}
}
/* content03 */



/* content04 */
.content04 {padding-bottom: 160px;}
.content04 .title_box {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;}
.content04 .title_box h2 {}
.content04 .title_box .main_btn_box {}
.content04 .title_box .main_btn_box a {}
.content04 .title_box .main_btn_box a img {filter: invert(1);}
@media screen and (max-width:1600px) {

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

}
@media screen and (max-width:960px) {
	.content04 {padding: 120px 0;}
}
@media screen and (max-width:640px) {
	.content04 {padding: 100px 0;}
}
/* content04 */



/* content05 */
.content05 {height: 400px; position: relative; background: url(../images/con5_bg.jpg) no-repeat 50% 50% / cover;}
.content05::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;}
.content05 .inner {display: flex; align-items: center; justify-content: center; height: 100%;}
.content05 .title_box {position: relative; z-index: 3;}
.content05 .title_box h2 {color: #fff; text-align: center; margin-bottom: 50px;}
.content05 .title_box p {color: #fff; text-align: center; margin-bottom: 40px;}
.content05 .title_box .main_btn_box {display: flex; justify-content: center;}
.content05 .title_box .main_btn_box a {color: #fff;}
@media screen and (max-width:1600px) {

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

}
@media screen and (max-width:960px) {
	.content05 .title_box h2 {margin-bottom: 30px;}
}
@media screen and (max-width:640px) {
	
}
/* content05 */








.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.visual06 .bg{background-image:url(../img/sub_visual06.jpg)}




.sub_visual .title_warp { max-width:1640px; padding: 0 20px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:522px; position: relative; margin:0 auto; transform:translateY(65%);  z-index:2}
.sub_visual h3{font-size:14px;font-weight:500; padding-bottom:10px; letter-spacing:1px; color:#fff; opacity:0.8}
.sub_visual .main_title{font-size:45px; font-weight:500;  color:#fff; letter-spacing:-1px; font-weight: 700; }
.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:.3;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: 768px) { 
	.sub_visual .inBox {display: none;}
	.sub_visual .title_warp .title_page {transform: translateY(40%); text-align: center;}
	.sub_visual .main_title {text-align: center;}
}

 @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:25px;}
	.sub_visual .inBox { font-size:12px}
 }
/*서브상단*/





/*서브 제목*/
.content_wrap { width:100%; padding-bottom:100px}
.content_wrap  .content_area { width:100%; margin:0 auto; max-width:1600px}
.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:1640px; 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 {padding-bottom: 80px;}
	.content_wrap .txtCon { max-width:1640px; margin:0 auto; padding:100px 20px 50px 20px; clear:both}
	.content_wrap .txtCon .sub_title{padding:0 0 100px;}
	.content_wrap .txtCon .sub_title h2 { font-size:28px}
}
/*서브 제목*/







/*서브 하단 네비*/
.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{border-top: 1px solid var(--main_gray); width:100%; height:auto; background:#fff; clear:both}
.foot_menu {width:100%; padding:20px; max-width: 1640px; margin: 0 auto; background:#fff; border-top:1px solid #eee;}
.foot_menu .inner {padding: 0;}
.foot_menu .fm{ float:left}
.foot_menu .fm li{ display:inline-block; line-height:2em; margin-right:15px; padding-right:15px;}
.foot_menu .fm li a{ font-size:14px; color:#666; font-weight: 500;}
.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:1640px; height:auto; padding:38px 20px; margin:0 auto; box-sizing:border-box; display: flex; align-items: flex-end; justify-content: space-between;}
.footer_in address .ft_logo {background: url(../images/ft_logo.png) no-repeat left center / contain; width: 231px; height: 57px; margin-bottom: 36px;}
.footer_in address p{ overflow:hidden; font-size:14px; color:#333;}
.footer_in address p strong{ font-weight: 600; color:#333;}
.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 p.copylight{font-size:14px; color:#666;}



.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: 960px) {
	.footer_in {display: block;}
	.footer_in address {margin-bottom: 20px;}
	.footer_in address .ft_logo {width: 200px;}
}

@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}
	.foot_menu .fm li {margin-right: 0; padding-right: 5px;}
	.footer_in address .ft_logo {width: 180px; 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); }