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



/*메인배너*/
.mainVideo {top:0;width: 100%;height: 920px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.3; position:absolute; width:100%; height:920px; top:0;left:0; z-index:1}

.main-carousel {padding:0; display:block; position:relative}
.main-carousel .li{height:920px; 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:.60;z-index:1}
.main-carousel .jarallax { height: 920px;}
.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{width:100%; max-width: 1720px; color:#fff;position:absolute;left:100px; bottom: 50%; z-index:2}
.main-carousel .li .copy_area h2 {word-break: keep-all; font-size:72px; line-height:1.1; font-weight: 600; letter-spacing: -1px;}
.main-carousel .li .copy_area h3 {word-break: keep-all; font-size: 48px; font-weight: 600; color: #fff; word-break: keep-all; line-height: 1.4; letter-spacing: -1px;}
/* 에이보로우 + 타이틀 */
.main-carousel .li .copy_area .eyebrow {color:var(--main_color); font-size:20px; font-weight:400; margin-bottom:16px;}

/* 조달등록 뱃지 박스 */
.visual_slider .promo_badge {position:absolute; left:100px; bottom:100px; z-index:2; display:flex; align-items:center; gap:16px; background:rgb(20 25 40 / 0%); border:1px solid rgb(255 255 255); border-radius:12px; padding:25px 40px; backdrop-filter:blur(6px);}
.visual_slider .promo_badge .icon {width:60px; height:60px; display:flex; align-items:center; justify-content:center; color:var(--main_color); font-size:22px; flex-shrink:0;}
.visual_slider .promo_badge .txt {display:flex; flex-direction:column; gap:4px;}
.visual_slider .promo_badge .txt strong {color:#fff; font-size:24px; font-weight:700;}
.visual_slider .promo_badge .txt span {color:#ddd; font-size:18px;}
.visual_slider .promo_badge img{max-width: 100%;    width: 45px;}

/* 하단 컨트롤(페이지네이션 + 네비게이션) */
.visual_slider .slide_btn_box {position:absolute; right:100px; bottom:100px; z-index:2;}
.visual_slider .slide_btn_box .flex_box {display:flex; align-items:center; gap:30px;}

.visual_slider .pagintaion {display:flex; align-items:center; gap:20px;}
.visual_slider .pagintaion .num {color:rgba(255,255,255,0.35); font-size:20px; font-weight:700; cursor:pointer; transition:color .2s;}
.visual_slider .pagintaion .num.active {color:#fff;}

.visual_slider .nav_box {display:flex; align-items:center; gap:10px;}
.visual_slider .nav_box .nav_btn {width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; cursor:pointer; transition:background .2s, color .2s;}
.visual_slider .nav_box .prev_btn {border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.35); background:transparent;}
.visual_slider .nav_box .next_btn {border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.35); background:transparent;}
.visual_slider .nav_box .prev_btn:hover {background:rgba(255,255,255,0.1);}
.visual_slider .nav_box .next_btn:hover {background:rgba(255,255,255,0.1);}

@media screen and (max-width:1200px) {
	.main-carousel .li .copy_area {left: 60px;}
	.main-carousel .li .copy_area h2 {font-size: 50px;}
	.main-carousel .li .copy_area h3 {font-size: 32px;}
	.main-carousel .li .copy_area .eyebrow {font-size:16px;}
	.visual_slider .promo_badge {left: 60px; bottom: 80px; padding: 20px 30px;}
	.visual_slider .slide_btn_box {right: 60px; bottom: 80px;}
}
@media screen and (max-width:960px) {
	.main-carousel .li .copy_area {left: 40px;}
	.main-carousel .li .copy_area h2 {font-size: 45px;}
	.main-carousel .li .copy_area h3 {font-size: 26px;}
	.main-carousel .li .copy_area .eyebrow {font-size:15px;}
	.visual_slider .promo_badge {left: 40px; bottom: 60px; padding: 14px 18px; gap: 12px;}
	.visual_slider .promo_badge .icon {width: 44px; height: 44px; font-size: 18px;}
	.visual_slider .promo_badge img {width: 34px;}
	.visual_slider .promo_badge .txt strong {font-size: 18px;}
	.visual_slider .promo_badge .txt span {font-size: 14px;}
	.visual_slider .slide_btn_box {right: 40px; bottom: 60px;}
	.visual_slider .nav_box .nav_btn {width: 44px; height: 44px; font-size: 22px;}
}
@media screen and (max-width:640px) {
	.mainVideo { height:100vh}
	.bg-fixed { height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .li { height:100vh}
	.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 {left: 20px; bottom: 45%;}
	.main-carousel .li .copy_area h2 {font-size: 35px;}
	.main-carousel .li .copy_area h3 {font-size: 20px; line-height: 1.4;}
	.main-carousel .li .copy_area .eyebrow {font-size:14px; margin-bottom:10px;}
	.main-carousel .owl-nav { display:none}

	.visual_slider .slide_btn_box {bottom: 60px; right: 0;   left: 20px;}
	.visual_slider .slide_btn_box .flex_box {gap: 20px;}
	.visual_slider .pagintaion .num {font-size: 14px;}
	.visual_slider .nav_box .nav_btn {width: 36px; height:36px; font-size:14px;}

	.visual_slider .promo_badge {left:20px; bottom:120px; padding:12px 16px; gap:12px;}
	.visual_slider .promo_badge .icon {width:36px; height:36px; font-size:18px;}
	.visual_slider .promo_badge img {width: 28px;}
	.visual_slider .promo_badge .txt strong {font-size:15px;}
	.visual_slider .promo_badge .txt span {font-size:12px;}
}
@media screen and (max-width:450px) {
	.main-carousel .li .copy_area h2 {font-size: 30px;}
	.main-carousel .li .copy_area h3 {font-size:24px; margin-top: 20px;}
	.visual_slider .promo_badge {padding: 10px 14px; gap: 10px;}
	.visual_slider .promo_badge .icon {width: 30px; height: 30px; font-size: 15px;}
	.visual_slider .promo_badge img {width: 24px;}
	.visual_slider .promo_badge .txt strong {font-size: 13px;}
	.visual_slider .promo_badge .txt span {font-size: 11px;}
}
/*메인배너*/


:root {
	--main_black: #121212;
	--main_color: #3cabff;
	--gray_10: #f9f9f9;
	--gray_30: #f5f5f5;
	--gray_50: #666;
}




/* 메인공통 */
.section {}
.section * {color: var(--main_black); line-height: 1.5; word-break: keep-all;}
.txt_center {text-align: center;}
.flex_box {display: flex; flex-wrap: wrap;}
.p_160 {padding: 160px 0;}
.Antonio {font-family: "Antonio", sans-serif;}
.section .main_tit_box {}
.section .main_tit_box .txt_box {position: relative;}
.section .main_tit_box .main_tit_bg {color: var(--gray_30); font-size: 110px; line-height: 1.05;}
.section .main_tit_box .main_title {width: max-content; position: absolute; bottom: 0; left: 30px; font-size: 45px; line-height: 1;}
.section .main_tit_box .main_desc {font-size: 22px; color: var(--gray_50);}
.section .main_btn_box {}
.section .main_btn_box .main_btn {display: inline-flex; align-items: center; gap: 0; background-color: #fff; border-radius: 50px; padding: 10px 10px 10px 30px; transition: all 0.3s ease; color: var(--main_color); border: 1px solid var(--main_color); font-size: 20px; font-weight: 500;}
.section .main_btn_box .main_btn .icon_box {display: flex; align-items: center; justify-content: center; width: 44px; aspect-ratio: 1 / 1; background: var(--main_color); border-radius: 50%; margin-left: 20px; font-style: normal; font-size: 18px; transition: all 0.3s ease;}
.section .main_btn_box .main_btn .icon_box i {color: #fff; font-size: 18px;}
.section .main_btn_box .main_btn:hover {}
.section .main_btn_box .main_btn:hover .icon_box {}

@media screen and (max-width:1200px) {
	.section .main_tit_box .main_tit_bg {font-size: 90px;}
	.section .main_tit_box .main_title {font-size: 38px;}
	.section .main_tit_box .main_desc {font-size: 20px;}
}
@media screen and (max-width:960px) {
	.p_160 {padding: 120px 0;}
	.section .main_tit_box .main_tit_bg {font-size: 75px;}
	.section .main_tit_box .main_title {font-size: 32px;}
	.section .main_tit_box .main_desc {font-size: 18px;}
	.section .main_btn_box .main_btn {font-size: 18px; padding-left: 25px;}
}
@media screen and (max-width:640px) {
	.p_160 {padding: 100px 0;}
	.section .main_tit_box .txt_box {width: 100%;}
	.section .main_tit_box .main_tit_bg {font-size: 25px; color: #eee; margin-bottom: 10px;}
	.section .main_tit_box .main_title {font-size: 28px; position: static; width: 100%;}
	.section .main_tit_box .main_desc {font-size: 16px;}
	.section .main_btn_box .main_btn {font-size: 16px; padding: 5px 5px 5px 15px;}
	.section .main_btn_box .main_btn .icon_box {width: 35px; margin-left: 10px;}
}
@media screen and (max-width:450px) {

}
/* 메인공통 */







/* content01 */
.content01 {position:relative; padding:120px 0 140px; overflow:hidden; background:#fff;}
.content01_wrap {width:calc(100% - 80px); max-width:1440px; margin:0 auto;}
.content01_tit {margin-bottom:60px;}
.content01_tit h2 {font-size:54px; line-height:1.25; font-weight:700; letter-spacing:-2px; color:#222;letter-spacing: -2px;}
.content01_tit h2 span {color:var(--main_color);}
.content01_tit p {margin-top:16px; font-size:20px; line-height:1.7; color:#777;letter-spacing: -1px;}

.content01_slider_wrap {display:flex; align-items:flex-start; gap:45px; position:relative;}
.content01_origin {flex:0 0 400px; width:400px; position:relative; z-index:2;}
.content01_origin_slider {width:100%;}
.content01_origin_slider .item {outline:none;}
.content01_origin_slider .inner {position:relative; display:block; width:100%; height:510px; overflow:hidden; border-radius:14px;padding: 0;}
.content01_origin_slider .inner:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:65%; background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0)); pointer-events:none;}
.content01_origin_slider img {display:block; width:100%; height:100%; object-fit:cover;}
.content01_origin_slider .txt {position:absolute; left:0; bottom:64px; z-index:2; width:100%; padding:0 28px; text-align:center; color:#fff;}
.content01_origin_slider .txt h3 {font-size:28px; line-height:1.4; font-weight:700;}
.content01_origin_slider .txt p {margin-top:18px; font-size:18px; line-height:1.6; color:rgba(255,255,255,.85);}

.content01_thumb_wrap {flex:1; min-width:0; position:relative; z-index:1; overflow:visible;}
.content01_thumb_slider {width:calc(100vw - ((100vw - 1440px) / 2) - 405px);}
.content01_thumb_slider .slick-list {overflow:hidden;    padding-left: 83px;}
.content01_thumb_slider .slick-track {display:flex;}
.content01_thumb_slider .slick-slide {padding-right:44px; box-sizing:border-box; outline:none;}
.content01_thumb_slider .inner {position:relative; width:100%; height:380px; overflow:hidden; border-radius:14px; cursor:pointer; padding: 0;}
.content01_thumb_slider .inner:after {content:""; position:absolute; inset:0; background:rgba(0,20,35,.28);}
.content01_thumb_slider img {display:block; width:100%; height:100%; object-fit:cover;}
.content01_thumb_slider .txt {position:absolute; left:0; top:50%; z-index:2; width:100%; padding:0 25px; transform:translateY(-50%); text-align:center;}
.content01_thumb_slider .txt h3 {font-size:28px; line-height:1.4; font-weight:700; color:#ffffffd4;}

.content01_control {display:flex; align-items:center; gap:17px; margin-top:42px;}
.content01_control button {display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:0; background:none; font-size:34px; color:#c9c9c9; cursor:pointer;}
.content01_control button:hover {color:#222;}
.content01_paging {display:flex; align-items:center; gap:9px; font-size:12px; color:#aaa;}
.content01_paging .current {color:#222; display: none;}
.content01_paging .bar {display:block; width:6px; height:6px; border-radius:50%; background:#ddd;}
.content01_paging .total {display:none;}

.content01_origin_slider .slick-arrow {display:none !important;}

@media (max-width:1500px){
.content01_wrap {width:calc(100% - 60px); max-width:none;}
.content01_origin {flex:0 0 360px; width:360px;}
.content01_thumb_wrap {flex:1; width:auto; min-width:0;}
.content01_thumb_slider {width:calc(100vw - 450px);}
.content01_thumb_slider .slick-list {padding-left:40px;}
.content01_thumb_slider .slick-slide {padding-right:30px;}
}

@media (max-width:1200px){
.content01 {padding:90px 0 110px;}
.content01_wrap {width:calc(100% - 50px);}
.content01_tit {margin-bottom:45px;}
.content01_tit h2 {font-size:42px;}
.content01_tit p {font-size:17px;}
.content01_slider_wrap {gap:30px;}
.content01_origin {flex:0 0 320px; width:320px;}
.content01_origin_slider .inner {height:450px;}
.content01_origin_slider .txt {bottom:45px; padding:0 20px;}
.content01_origin_slider .txt h3 {font-size:24px;}
.content01_origin_slider .txt p {margin-top:12px; font-size:15px;}
.content01_thumb_wrap {flex:1; width:auto; min-width:0;}
.content01_thumb_slider {width:calc(100vw - 375px);}
.content01_thumb_slider .slick-list {padding-left:20px;}
.content01_thumb_slider .slick-slide {padding-right:22px;}
.content01_thumb_slider .inner {height:330px;}
.content01_thumb_slider .txt h3 {font-size:23px;}
.content01_control {margin-top:30px;}
}

@media (max-width:960px){
.content01 {padding:80px 0 90px;}
.content01_wrap {width:calc(100% - 40px);}
.content01_tit {margin-bottom:40px;}
.content01_tit h2 {font-size:36px;}
.content01_tit p {font-size:16px;}
.content01_slider_wrap {gap:22px;}
.content01_origin {flex:0 0 280px; width:280px;}
.content01_origin_slider .inner {height:400px;}
.content01_origin_slider .txt {bottom:35px; padding:0 16px;}
.content01_origin_slider .txt h3 {font-size:21px;}
.content01_origin_slider .txt p {font-size:14px;}
.content01_thumb_slider {width:calc(100vw - 322px);}
.content01_thumb_slider .slick-list {padding-left:0;}
.content01_thumb_slider .slick-slide {padding-right:18px;}
.content01_thumb_slider .inner {height:290px;}
.content01_thumb_slider .txt {padding:0 15px;}
.content01_thumb_slider .txt h3 {font-size:20px;}
.content01_control {margin-top:25px;}
}

@media (max-width:768px){
.content01 {padding:65px 0 75px;}
.content01_wrap {width:calc(100% - 40px);}
.content01_tit {margin-bottom:30px;}
.content01_tit h2 {font-size:30px; line-height:1.35; letter-spacing:-1.5px;}
.content01_tit p {margin-top:12px; font-size:14px; line-height:1.6; letter-spacing:-.5px;}
.content01_slider_wrap {display:block;}
.content01_origin {width:100%; max-width:none; flex:none;}
.content01_origin_slider {width:100%;}
.content01_origin_slider .inner {height:480px; border-radius:12px;}
.content01_origin_slider .txt {bottom:40px; padding:0 20px;}
.content01_origin_slider .txt h3 {font-size:23px;}
.content01_origin_slider .txt p {margin-top:10px; font-size:14px;}
.content01_thumb_wrap {width:100%; margin-top:20px;}
.content01_thumb_slider {display:none;}
.content01_control {justify-content:flex-start; margin-top:20px;}
}

@media (max-width:540px){
.content01 {padding:55px 0 65px;}
.content01_wrap {width:calc(100% - 30px);}
.content01_tit {margin-bottom:25px;}
.content01_tit h2 {font-size:27px; letter-spacing:-1px;}
.content01_tit p {font-size:14px;}
.content01_origin_slider .inner {height:420px;}
.content01_origin_slider .txt {bottom:32px; padding:0 18px;}
.content01_origin_slider .txt h3 {font-size:21px;}
.content01_origin_slider .txt p {font-size:13px; line-height:1.5;}
.content01_control {margin-top:15px;}
}

@media (max-width:400px){
.content01_wrap {width:calc(100% - 24px);}
.content01_tit h2 {font-size:24px;}
.content01_origin_slider .inner {height:370px;}
.content01_origin_slider .txt h3 {font-size:20px;}
}
/* content01 */







/* content02 */
.content02 {position:relative; display:flex; width:100%; height:850px; overflow:hidden; background:#111;}
.content02_bg {position:absolute; inset:0; z-index:0;}
.content02_bg .bg {position:absolute; inset:0; opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover; transition:opacity .7s ease;}
.content02_bg .bg:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,12,25,.65) 0%,rgba(0,12,25,.3) 55%,rgba(0,12,25,.4) 100%);}
.content02_bg .bg01 {background:url(../images/content02_bg01.jpg);}
.content02_bg .bg02 {background:url(../images/content02_bg02.jpg);}
.content02_bg .bg03 {background:url(../images/content02_bg03.jpg);}
.content02_bg .bg04 {background:url(../images/content02_bg04.jpg);}

.content02.on01 .bg01 {opacity:1;}
.content02.on02 .bg02 {opacity:1;}
.content02.on03 .bg03 {opacity:1;}
.content02.on04 .bg04 {opacity:1;}

.content02_left {position:relative; z-index:2; width:67%; height:100%;}
.content02_left_inner {position:relative; width:100%; max-width:1030px; height:100%; margin:0 auto; padding:145px 50px 110px; box-sizing:border-box;}
.content02_tit {color:#fff;}
.content02_tit h2 {font-size:54px; line-height:1.25; font-weight:700; letter-spacing:-2px; color:#fff; letter-spacing: -2px;}
.content02_tit h2 span {color:#38aaf5;}
.content02_tit p {margin-top:20px; font-size:20px; line-height:1.9; font-weight:400; color:rgba(255,255,255,.82); letter-spacing: -1px;}

.content02_more {position:absolute; left:50px; bottom:145px; display:flex; align-items:center; justify-content:center; gap:17px; width:195px; height:62px; border:1px solid rgba(255,255,255,.6); border-radius:40px; box-sizing:border-box; color:#fff; transition:.4s;}
.content02_more span {font-size:16px; font-weight:500;}
.content02_more b {font-size:19px; font-weight:400;}
.content02_more:hover {background:#38aaf5; border-color:#38aaf5; color:#fff;}

.content02_right {position:relative; z-index:3; width:33%; height:100%; border-left:1px solid rgba(255,255,255,.25);}
.content02_tab {position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; height:25%; padding:0 80px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.25); color:#fff; overflow:hidden; transition:background .45s ease;}
.content02_tab:last-child {border-bottom:0;}
.content02_tab:before {content:""; position:absolute; inset:0; z-index:-1; background:rgba(0,10,20,.38); transition:.45s;}
.content02_tab .txt {position:relative; z-index:2;}
.content02_tab .txt strong {display:block; font-size:29px; line-height:1.2; font-weight:700; color:#fff;}
.content02_tab .txt p {margin-top:12px; font-size:17px; line-height:1.4; color:rgba(255,255,255,.82);}
.content02_tab .icon {position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:90px; height:90px;}
.content02_tab .icon img {position:relative; z-index:2; display:block; max-width:75px; max-height:75px; object-fit:contain;}

.content02.on01 .tab01:before {background:var(--main_color);}
.content02.on02 .tab02:before {background:var(--main_color);}
.content02.on03 .tab03:before {background:var(--main_color);}
.content02.on04 .tab04:before {background:var(--main_color);}

.content02.on01 .tab01 .txt p,.content02.on02 .tab02 .txt p,.content02.on03 .tab03 .txt p,.content02.on04 .tab04 .txt p {color:#fff;}

@media (max-width:1400px){
.content02 {height:760px;}
.content02_left {width:65%;}
.content02_right {width:35%;}
.content02_left_inner {padding:120px 45px 90px;}
.content02_tit h2 {font-size:40px;}
.content02_tit p {font-size:16px;}
.content02_more {left:45px; bottom:110px;}
.content02_tab {padding:0 45px;}
.content02_tab .txt strong {font-size:25px;}
.content02_tab .txt p {font-size:15px;}
.content02_tab .icon {width:75px; height:75px;}
.content02_tab .icon img {max-width:62px; max-height:62px;}
}

@media (max-width:1024px){
.content02 {height:700px;}
.content02_left {width:60%;}
.content02_right {width:40%;}
.content02_left_inner {padding:100px 35px 70px;}
.content02_tit h2 {font-size:34px;}
.content02_tit p br {display:none;}
.content02_more {left:35px; bottom:80px;}
.content02_tab {padding:0 30px;}
.content02_tab .txt strong {font-size:21px;}
.content02_tab .txt p {font-size:14px;}
.content02_tab .icon {width:65px; height:65px;}
.content02_tab .icon img {max-width:52px; max-height:52px;}
}

@media (max-width:768px){
.content02 {display:block; height:auto; min-height:760px;}
.content02_left {width:100%; height:420px;}
.content02_left_inner {padding:70px 20px;}
.content02_tit h2 {font-size:30px; letter-spacing:-1px;}
.content02_tit p {margin-top:15px; font-size:14px; line-height:1.7;}
.content02_more {left:20px; bottom:55px; width:160px; height:50px;}
.content02_right {display:grid; grid-template-columns:1fr 1fr; width:100%; height:340px; border-left:0; border-top:1px solid rgba(255,255,255,.25);}
.content02_tab {height:auto; min-height:170px; padding:25px 20px; border-right:1px solid rgba(255,255,255,.25);}
.content02_tab:nth-child(2n) {border-right:0;}
.content02_tab .txt strong {font-size:19px;}
.content02_tab .txt p {margin-top:8px; font-size:13px;}
.content02_tab .icon {width:55px; height:55px;}
.content02_tab .icon img {max-width:45px; max-height:45px;}
}
/* content02 */







/* content03 */
.content03 {position:relative; padding:120px 0 140px; background:#fff;}
.content03_wrap {width:calc(100% - 80px); max-width:1440px; margin:0 auto;}
.content03_tit {margin-bottom:65px;}
.content03_tit h2 {font-size:54px; line-height:1.25; font-weight:700; letter-spacing:-2px; color:#222; letter-spacing: -2px;}
.content03_tit h2 span {color:var(--main_color);}
.content03_tit p {margin-top:18px; font-size:20px; line-height:1.7; color:#666;letter-spacing: -1px;}

.content03_cards {display:flex; gap:38px;}
.content03_card {position:relative; display:block; width:calc(50% - 19px); height:435px; padding:50px 42px; overflow:hidden; border-radius:15px; box-sizing:border-box; background:#f1f1f1; color:#222; transition:background .45s ease,color .45s ease;}

.content03_card .card_txt {position:relative; z-index:2;}
.content03_card .card_txt h3 {font-size:28px; line-height:1.3; font-weight:700; letter-spacing:-1px; color:#222; transition:color .45s ease;}
.content03_card .card_txt strong {display:block; margin-top:14px; font-size:18px; line-height:1.3; font-weight:700; color:var(--main_color); transition:color .45s ease;}
.content03_card .card_txt p {margin-top:14px; font-size:20px; line-height:1.7; color:#666; transition:color .45s ease;}

.content03_card .card_btn {position:absolute; left:42px; bottom:50px; z-index:3; display:flex; align-items:center; justify-content:center; gap:18px; width:200px; height:60px; border:1px solid #777; border-radius:35px; box-sizing:border-box; color:#555; background:transparent; transition:all .45s ease;}
.content03_card .card_btn span {font-size:16px; font-weight:600;}
.content03_card .card_btn b {font-size:18px; font-weight:400;}

.content03_card .card_img {position:absolute; right:35px; bottom:30px; z-index:2; display:flex; align-items:flex-end; justify-content:flex-end; width:40%; height:55%;}
.content03_card .card_img img {display:block; max-width:100%; max-height:100%; object-fit:contain; transition:transform .5s ease;}

.content03_card:hover {background:var(--main_color); color:#fff;}
.content03_card:hover .card_txt h3 {color:#fff;}
.content03_card:hover .card_txt strong {color:#fff;}
.content03_card:hover .card_txt p {color:rgba(255,255,255,.9);}
.content03_card:hover .card_btn {background:#fff; border-color:#fff; color:var(--main_color);}
.content03_card:hover .card_img img {transform:translateY(-5px) scale(1.03);}

@media (max-width:1200px){
.content03 {padding:100px 0 120px;}
.content03_tit h2 {font-size:40px;}
.content03_cards {gap:25px;}
.content03_card {width:calc(50% - 12.5px); height:400px; padding:40px 32px;}
.content03_card .card_txt h3 {font-size:25px;}
.content03_card .card_txt strong {font-size:15px;}
.content03_card .card_txt p {font-size:15px;}
.content03_card .card_btn {left:32px; bottom:40px; width:180px; height:55px;}
.content03_card .card_img {right:25px;}
}

@media (max-width:768px){
.content03 {padding:70px 0;}
.content03_wrap {width:calc(100% - 40px);}
.content03_tit {margin-bottom:35px;}
.content03_tit h2 {font-size:30px; letter-spacing:-1px;}
.content03_tit p {margin-top:12px; font-size:14px;}
.content03_cards {display:block;}
.content03_card {width:100%; height:390px; padding:32px 25px;}
.content03_card + .content03_card {margin-top:20px;}
.content03_card .card_txt h3 {font-size:23px;}
.content03_card .card_txt strong {margin-top:10px; font-size:14px;}
.content03_card .card_txt p {margin-top:12px; font-size:14px; line-height:1.65;}
.content03_card .card_txt p br {display:none;}
.content03_card .card_btn {left:25px; bottom:28px; width:155px; height:48px;}
.content03_card .card_btn span {font-size:14px;}
.content03_card .card_img {right:20px;        bottom: 50px;   width: 30%;   height: 30%;}
}
/* content03 */







/* content04 */
.content04 {position:relative; overflow:hidden; background:#07101f;}
.content04_wrap {display:flex; align-items:center; width:100%; min-height:210px;}
.content04_tit {position:relative; z-index:3; flex:0 0 430px; padding-left:max(50px,calc((100vw - 1700px) / 2)); box-sizing:border-box; background:#07101f;}
.content04_tit h2 {font-size:28px; line-height:1.65; font-weight:700; letter-spacing:-1.2px; color:#fff;}

.content04_marquee {position:relative; flex:1; min-width:0; overflow:hidden;}
.content04_track {display:flex; width:max-content; animation:content04Marquee 24s linear infinite; will-change:transform;}
.content04_group {display:flex; align-items:center; flex-shrink:0; gap:70px; padding-right:70px;}
.content04_group span {position:relative; display:block; flex-shrink:0; padding-left:21px; font-size:18px; line-height:1.4; font-weight:400; white-space:nowrap; color:#9098a8;}
.content04_group span:before {content:""; position:absolute; left:0; top:50%; width:10px; height:10px; border-radius:50%; background:#3ba9f5; transform:translateY(-50%);}

.content04_marquee:before {content:""; position:absolute; left:0; top:0; z-index:2; width:60px; height:100%; pointer-events:none; background:linear-gradient(to right,#07101f,rgba(7,16,31,0));}
.content04_marquee:after {content:""; position:absolute; right:0; top:0; z-index:2; width:80px; height:100%; pointer-events:none; background:linear-gradient(to left,#07101f,rgba(7,16,31,0));}

.content04:hover .content04_track {animation-play-state:paused;}

@keyframes content04Marquee {
	from {transform:translateX(0);}
	to {transform:translateX(-50%);}
}

@media (max-width:1200px){
.content04_wrap {min-height:180px;}
.content04_tit {flex-basis:350px; padding-left:40px;}
.content04_tit h2 {font-size:24px;}
.content04_group {gap:55px; padding-right:55px;}
.content04_group span {font-size:16px;}
}

@media (max-width:768px){
.content04_wrap {display:block; min-height:auto; padding:40px 0;}
.content04_tit {width:100%; padding:0 20px 30px; background:#07101f;}
.content04_tit h2 {font-size:22px; line-height:1.55;}
.content04_marquee {width:100%;}
.content04_group {gap:42px; padding-right:42px;}
.content04_group span {font-size:15px;}
.content04_group span:before {width:8px; height:8px;}
.content04_track {animation-duration:20s;}
}
/* content04 */







/* content05 */
.content05 {}
.content05 .main_tit_box {align-items: flex-end; gap: 30px; justify-content: space-between; margin-bottom: 70px;}

@media screen and (max-width:1600px) {
	.content05 .latest_box {padding: 0 20px;}
}
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:640px) {
	.content05 .main_tit_box {margin-bottom: 50px;}
}
@media screen and (max-width:450px) {

}
/* 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:100%;margin:0 auto;height:500px;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.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 .title_warp { max-width:1640px; padding: 0 20px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:500px; 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:.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: 960px) { 

}

@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:350px}
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:350px}
	.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:150px*/}
.content_wrap  .content_area { width:100%; margin:0 auto; max-width:1640px}
.content_wrap .txtCon .sub_title { text-align:center; padding:100px 20px;}
.content_wrap .txtCon .sub_title h2 {font-size:40px; color:#121212; font-weight: 800; word-break: keep-all;}
.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 100px 20px; font-size:14px; line-height:1.75; clear:both}
/* .content_wrap .txtboard span { font-size:14px} */

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







/*서브 하단 네비*/
.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{filter: brightness(0) invert(1); 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%; padding:50px 0 55px; background:#000;}
#footer .inner {width:calc(100% - 80px); max-width:1720px; margin:0 auto;}

#footer .footer_top {display:flex; align-items:center; justify-content:space-between; gap:40px;}
#footer .ft_logo a {display:block; width:200px; height:60px; background:url("../images/ft_logo.png") no-repeat left center / contain;}

#footer .foot_menu .fm {display:flex; align-items:center; gap:10px;}
#footer .foot_menu .fm li a {display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:184px; height:44px; padding:0 20px; box-sizing:border-box; border-radius:5px; background:#1d1e2b; color:#fff; transition:.3s;font-size: 14px; font-weight: 600;}
#footer .foot_menu .fm li a span {font-size:14px; font-weight:600; white-space:nowrap;}
#footer .foot_menu .fm li a b {font-size:17px; line-height:1; font-weight:400;}
#footer .foot_menu .fm li a:hover {background:var(--main_color);}

#footer .footer_line {width:100%; height:1px; margin:50px 0 45px; background:rgba(255,255,255,.18);}

#footer .footer_bottom address {font-style:normal;}
#footer .footer_bottom address p {display:flex; align-items:center; flex-wrap:wrap; gap:0 18px; margin-bottom:8px; font-size:15px; line-height:1.6; color:rgba(255,255,255,.9);}
#footer .footer_bottom address p:last-child {margin-bottom:0;}
#footer .footer_bottom address p span {display:inline-block;}

#footer .copyright {margin-top:25px; font-size:12px; line-height:1.5; color:rgba(255,255,255,.85);}
#footer .copyright a {color:rgba(255,255,255,.85); transition:.3s;}
#footer .copyright a:hover {color:var(--main_color);}

@media screen and (max-width:1400px){
#footer .inner {width:calc(100% - 60px);}
}

@media screen and (max-width:960px){
#footer {padding:45px 0;}
#footer .footer_top {align-items:flex-start;}
#footer .ft_logo a {width:230px; height:52px;}
#footer .foot_menu .fm {gap:8px;}
#footer .foot_menu .fm li a {min-width:auto; height:42px; padding:0 16px; gap:15px;}
#footer .footer_line {margin:40px 0;}
}

@media screen and (max-width:768px){
#footer .inner {width:calc(100% - 0px);}
#footer .footer_top {display:block;}
#footer .foot_menu {margin-top:30px;}
#footer .foot_menu .fm {justify-content:flex-start;}
#footer .footer_line {margin:35px 0;}
#footer .footer_bottom address p {font-size:14px;}
}

@media screen and (max-width:640px){
#footer {padding:40px 0;}
#footer .ft_logo a {width:200px; height:48px;}
#footer .foot_menu .fm {display:grid; grid-template-columns:1fr 1fr; width:100%;}
#footer .foot_menu .fm li a {width:100%; min-width:0; padding:0 14px;        font-size: 12px;}
#footer .foot_menu .fm li a span {font-size:12px;}
#footer .footer_bottom address p {display:block; margin-bottom:0;}
#footer .footer_bottom address p span {display:block; margin-bottom:6px;}
#footer .copyright {margin-top:22px; font-size:11px;}
}

@media screen and (max-width:450px){
#footer .foot_menu .fm {grid-template-columns:1fr;}
}

/* 푸터 */






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