/*����*/
.w1440 {width:1440px; margin:0 auto;}

/*���*/
header {position:fixed; top:0; left:0; z-index:999; width:100%; /*border-bottom:1px solid black;*/ /*transition: top 0.2s ease-in-out;*/}
.nav-up {top: -80px;}
header.hidd- { visibility:hidden; }
header.not- {background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.04);}
header.not- a {color:#111;}
header .header_wrap {position:relative; top:0; }
header .header_wrap.bg- {background-color:#fff !important; color:#000 !important; border-bottom:1px solid #ddd; }
header .w1820 {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 50px; z-index:105}
header h1 {width:15%}
header h1 a {display:inline-block;}
header .depth1 {display:flex;  width:70%; justify-content:center; /*gap:0 6%;*/}
header .depth1 > li {position:relative; text-align:center; padding:0 4%;}
header.not- .depth1>li>a:hover {color:var(--txt-color) !important;}
header .depth1>li>a {display:block; color:#fff; font-size:20px; /*font-size:1.19vw; line-height:5.3vw;*/  text-align:center; font-weight:600;} /* color:#111*/
header .header_wrap.bg- .depth1>li>a { color:#000; }
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1 > li:hover {color:var(--txt-color);}
header .depth1 > li:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1 > li span {position:relative; display:block; line-height:80px; white-space: nowrap; }
header .depth2 { display:none; width:100%; position:absolute; left:0; top:80px; border-top:1px solid #ddd !important; background:#fff; z-index:101; }
header .depth2:hover { display:block; }
header .depth2.on { display:block }
header .depth2 > div { margin:10px 0; }
header .depth2 li {}
header .depth2 li a {display:block; width:100%; font-size:16px; color:#333; font-weight:500; text-align:center; padding:10px 10px; line-height:22px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color) !important;}
header .m_menubtn {display:none;}
header .menu_bg { display:none; position:absolute; top:80px; width:100%; height:300px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/}
header .menu_bg.on { display:block; } /*�߰�*/
header .right_w {display:flex; gap:10px; align-items:center;}
header .right_w a {}
header .tel {display:flex; align-items:center; flex-shrink:0; justify-content:center; height:40px; background-color:var(--bg-color); color:var(--y-txt-color); padding:0px 18px; border-radius:100px; font-weight:450; font-size:15px;}
header .util {display:flex; width:40px; align-items:center; flex-wrap:wrap; justify-content:end;}
header .util>li {position:relative;}
header .util>li::before {content:""; display:inline-block; width:1px; height:6px; margin:0 12px; background:#aaa;}
header .util>li:first-child::before {display:none;}
header .util>li>a {display:flex;  align-items:center; justify-content:center; width:40px; height:40px; border-radius:100px; background-color:rgba(0,0,0,0.3); font-size:20px; font-weight:normal;} 
header .util>li i {font-size:20px; vertical-align:middle; color:rgba(255,255,255,0.5); }
header .util .quick_my {position:absolute; left:30%; top:50px; transform:translate(-50%, 0); min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header.on a { /*color:#fff !important;*/ }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.04);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { /*color:#333 !important;*/ }
header.not- .depth2>li a { /*color:#333 !important;*/ }
header.on .depth2 { border:none; }


/*��ũ��*/
#fp-nav.left {left:2% !important;}
#fp-nav ul li, .fp-slidesNav ul li {margin:10px !important;}
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {background-color:var(--txt-color) !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {/*background-color:var(--bg-opacity50) !important;*/  background-color:#ddd !important;}
#fp-nav ul li a,
.fp-slidesNav ul li a {/*border:1px solid var(--bg-opacity20) !important;*/ border-radius:100px; /*background-color:var(--bg-opacity5) !important;*/ background-color:rgba(0,0,0,0.02)}

/*�ܹ��Ÿ޴�*/
.menu-trigger {display:flex; align-items:center; justify-content:center; width:100%; background-color:var(--bg-color);  padding:20px 0;}
.menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger .all_btn {position: relative; width: 27px; height: 21px;}
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 4px;}
.menu-trigger span:nth-of-type(1) { top: 0;}
.menu-trigger span:nth-of-type(2) { top: 9px;}
.menu-trigger span:nth-of-type(3) { bottom: 0;}

/* �ܹ��� type-01 */
.menu-trigger.active-1 span:nth-of-type(1) { -webkit-transform: translateY (9px) rotate (-45deg);  transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active-1 span:nth-of-type(2) { opacity: 0;}
.menu-trigger.active-1 span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg);  transform: translateY(-9px) rotate(45deg);}

/*ALL �޴�*/
.ham-con {position:relative; left:0; display:none; align-items:center; justify-content:space-between; width:calc(100% - 70px); height: 100vh; background:url('../images/main08/visual04.webp') left top no-repeat; position: fixed; top:0px; right:-20%; color:#505050; z-index: 999; opacity: 0;}
.ham-con::before {content:""; display:block; position:absolute; background-color:var(--bg-opacity60); width:100%; height:100%; }
.ham-con>div {position:relative; width:33.33%; z-index:1;}
.ham-con .all1 .depth1 {text-align:center; line-height:80px; animation:ani_1 1s 0.3s; animation-fill-mode:both; opacity:0;}
.ham-con .all1 .depth1 a {position:relative; font-size:34px; font-weight:bold; color:var(--y-txt-color); transition:all 0.3s ease-in-out; opacity:0.8}
.ham-con .all1 .depth1 a:hover {color:#fff; opacity:1;}
.ham-con .all1 .depth1 a::before {position:absolute; left:0; bottom:-10px; content:""; display:block; width:0; height:2px; background-color:#fff; transition:all 0.3s ease-in-out;}
.ham-con .all1 .depth1 a:hover::before {width:100%; }
.ham-con .all2 {display:flex; align-items:center; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); height:100%;}
.ham-con .all2>div {padding:0 50px; animation:ani_1 1s 0.7s; animation-fill-mode:both; opacity:0;}
.ham-con .all2 .title {margin-bottom:25px;}
.ham-con .all2 .sub_title {font-size:20px; font-weight:400; line-height:30px; color:#fff;}
.ham-con .all2 dl {display:flex; flex-wrap:wrap; gap:15px 0px; margin:25px 0; padding:30px 0; border-top:1px solid; border-bottom:1px solid; border-color:var(--y-line-color2); color:#fff;}
.ham-con .all2 dl dt {width:50px; margin-right:15px; font-size:16px; font-weight:500;}
.ham-con .all2 dl dd {width:calc(100% - 50px - 15px); font-size:700; font-size:18px;}
.ham-con .all2 .sns {display:flex; gap:13px; flex-wrap:wrap;}
.ham-con .all2 .sns img {width:40px;}
.ham-con .all3 {display:flex; align-items:center; justify-content:space-between; height:100%; background-color:rgba(0,0,0,0.7);}
.ham-con .all3>div {width:100%; padding:0 50px; animation:ani_1 1s 1.1s; animation-fill-mode:both; opacity:0;}
.ham-con .all3 .title {display:flex; align-items:center; gap:0 10px; color:#fff; font-size:30px; margin-bottom:20px;}
.ham-con .all3 .sub_title {font-size:20px; font-weight:400; line-height:30px; color:#fff; margin-bottom:20px;}
.ham-con .all3 ul {width:100%; }
.ham-con .all3 ul li {width:100%; margin-bottom:10px;}
.ham-con .all3 ul li input {width:100%; background-color:rgba(255,255,255,0.7); border-radius:3px; padding:10px; line-height:30px;}
/*.ham-con .all3 label {display:block; width:100%; text-align:center; margin:20px 0; color:#fff;}*/
.ham-con .all3 textarea {width:100%; background-color:rgba(255,255,255,0.6); height:100px; border-radius:3px; padding:10px; font-size:16px; line-height:26px;}
.ham-con .all3 button {width:100%; margin-top:20px; border-radius:3px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:22px; text-align:center; line-height:40px; padding:15px 0;}

@keyframes ani_1{
 0% {transform:translateX(-100px); opacity:0;}
 100% {transform:translateX(0px); opacity:1;}
}



/*���̵���*/
.main_con {overflow-x:hidden;}
.main_side_quick {position:fixed; right:0; top:0; display:flex; flex-direction:column; justify-content:space-between;  width:70px; height:100%; background:#1f1f21; z-index:1000; }
.main_side_quick .side01 ul {gap:30px 0; margin-top:25px;}
.main_side_quick .side01 .axi-perm-identity {font-size:30px;}
.main_side_quick .side01 .axi-search {font-size:26px;}
.main_side_quick .side01 a {color:rgba(255,255,255,0.8); font-weight:300;}
.main_side_quick .side02 button {display:flex; align-items:center; gap:5px; flex-wrap:wrap;  justify-content:center;  font-size:13px; color:#ffffff; text-align:center; width:100%; padding:10px 0 15px 0; margin-top:20px; opacity:0.5;}
.main_side_quick .side02 button i {width:100%; font-size:24px; font-weight:bold;}
.main_side_quick .side02 ul {gap:30px;}
.main_side_quick .side02 ul img {margin-bottom:10px;}
.main_side_quick .side02 a {font-size:12px; color:rgba(255,255,255,0.8); }
.main_side_quick div {width:100%;}
.main_side_quick ul { display:flex; flex-direction:column; justify-content:center; width:100%;}
.main_side_quick ul li {text-align:center;}


.con1 {width:100vw; height:100vh; }
.con1 .swiper-container {width:100%; height:100%; object-fit:cover;}
.con1 .swiper-wrapper {position:relative; overflow:hidden;}
.con1 .swiper-slide img {width:100%; height:100vh; object-fit:cover;}
.con1 .main_txt {position:absolute; left:50%; top:50%; width:100%; max-width:1640px; padding:50px; transform:translate(-50%, -50%); font-size:60px; line-height:85px; text-align:center; transition:0.3s; color:#fff;z-index:999;}
.con1 .main_txt .main01_txt01 {font-size:54px; font-weight:bold; transform:translate(0, -30px); transition:transform 2s ease-in-out, opacity 2s ease-in-out; opacity:0;  word-break:keep-all; line-height:1.4;}
.con1 .main_txt .main01_txt01 b { transition:transform 2s ease-in-out, opacity 1.5s ease-in-out; opacity:0; transition-delay:1s; font-weight:bold;}
.con1 .swiper-slide-active .main_txt .main01_txt01 {opacity:1; transform:translate(0,0);}
.con1 .swiper-slide-active .main_txt .main01_txt01 b {opacity:1; transform:translate(0,0);}
.con1 .swiper-slide-active img { transform:scale(1.05); animation:main-bg-anim 4s ease-in-out forwards;}
.con1 .main_txt .main01_txt02 {font-size:22px; transform:translate(0, 30px); transition:transform 2s ease-in-out, opacity 2s ease-in-out; opacity:0;  transition-delay:0.3s; font-weight:500;  word-break:keep-all; line-height:1.4; margin-top:20px;}
.con1 .swiper-slide-active .main01_txt02 {opacity:1; transform:translate(0,0);}

.con1 .swiper-pagination_wrap {display:flex; gap:20px; align-items:center; position:absolute; left:50% !important; bottom:30% !important; transform:translate(-50%, 0%); text-align:left; z-index:99;}
.con1 .swiper-pagination_wrap button.prev img {transform:rotate(180deg);}
.con1 .swiper-pagination_wrap button {display:flex; align-items:center;}
.con1 .swiper-pagination_wrap button img {width:12px;}
.con1 .swiper-pagination {position:initial; display:flex; gap:20px; align-items:center; width:auto; margin:0 10px;}
.con1 .swiper-pagination span {display:flex; gap:20px; align-items:center; width:auto; height:auto; color:#fff; opacity:1; font-size:18px; font-weight:bold;}
.con1 span.swiper-pagination-bullet {background:none;}
.con1 span.swiper-pagination-bullet-active {color:#fff; opacity:1;}
.con1 span.swiper-pagination-bullet-active::after {content:""; display:inline-block; height:3px; background:#fff; transform:translate(0%, -50%); animation:main_pagination 3.2s 0s forwards; opacity:0;}
.con1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.con1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}

@keyframes main-bg-anim {
0% {opacity:1; transform:scale(1.1)}
100%  {opacity:1; transform:scale(1)}
}
@keyframes main_pagination {
0% {width:1px; opacity:0;}
100%  {width:100px; opacity:1;}
}

.con2 {width:100vw; height:100vh;}
.con2 .fp-tableCell {vertical-align:bottom;}
.con2 .wrap {display:flex; gap:0 80px; align-items:center; height:calc(100% - 80px);}
.con2 .img_wrap {position:relative; overflow:hidden;}
.con2 .img_wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.con2 .left {width:51%; height:100%; padding:5% 0;}
.con2 .left .sub_tit {font-weight:bold; font-size:20px; line-height:1.4; color:var(--txt-color);}
.con2 .left .tit {color:#111111;  font-size:40px; line-height:1.5; margin:4% 0;}
.con2 .left .tit b {font-weight:bold;}
.con2 .left .txt {padding-left:27%;}
.con2 .left .img01 {width:100%; padding-bottom:50%;}
.con2 .right {width:calc(49% - 50px); border-left:1px solid #e3e3e3; padding:5% 100px 5% 80px; height:100%; }
.con2 .right .right_img {display:flex; gap:20px; margin-bottom:10%;}
.con2 .right .right_img .img_wrap {width:calc((100% - 20px) / 2); padding-bottom:40%;}
.con2 .right .txt_wrap {display:flex; align-items:center; justify-content:space-between;}
.con2 .right .sub_tit2 {font-size:16px; color:var(--txt-color); font-weight:bold;}
.con2 .right .tit2 {font-size:20px; color:#111111; margin:20px 0 20px 0; line-height:1.5; word-break:keep-all;}
.con2 .right .tit2 b { font-weight:bold; }
.con2 .right .c_txt {font-size:17px; line-height:1.4; color:#555;}
.con2 .right .spin_txt {position:relative;}
.con2 .right .spin_txt a {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; height:164px; width:164px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:18px; color:#111111;}
.con2 .right .spin_txt::before { content:""; display:block; width:164px; height:164px; background:url("../images/main17/spin_txt01.png")no-repeat center center / cover ; animation:rotate_image 35s linear infinite; transform-origin:50% 50%;}
.con2 .right .spin_txt p {margin-bottom:10px;}
.con2 .right .spin_txt span {position:relative; }
.con2 .right .spin_txt span::before {position:absolute; left:-5px; top:2px; content:""; display:block; width:14px; height:14px; background:var(--bg-opacity60); border-radius:100px; z-index:1;}
.con2 .right .spin_txt img {width:34px; transition:margin-left 0.5s ease-in-out }
.con2 .right .spin_txt:hover img {margin-left:15px; }
.con2.active .left .sub_tit  {animation:top 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con2.active .left .tit  {animation:bottom 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con2.active .left .img01  {animation:left 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con2.active .right .sub_tit2 {animation:top 1.5s 0.1s; animation-fill-mode:both; opacity:0;}
.con2.active .right .tit2 {animation:top 1.5s 0.2s; animation-fill-mode:both; opacity:0;}
.con2.active .right .c_txt {animation:top 1.5s 0.3s; animation-fill-mode:both; opacity:0; word-break:keep-all;}
.con2.active .right .img02 {animation: scale-down-center 1.5s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.con2.active .right .img03 {animation: scale-down-center 1.5s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@keyframes bottom{
 0% {transform:translateY(50px); opacity:0;}
 100% {transform:translateY(0px); opacity:1;}
}

@keyframes top{
 0% {transform:translateY(-50px); opacity:0;}
 100% {transform:translateY(0px); opacity:1;}
}

@keyframes left{
 0% {transform:translateX(-100px); opacity:0;}
 100% {transform:translateX(0px); opacity:1;}
}

@keyframes right{
 0% {transform:translateX(100px); opacity:0;}
 100% {transform:translateX(0px); opacity:1;}
}

@keyframes scale-up-center {
  0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% {-webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scale-down-center {
  0% {-webkit-transform: scale(1.1); transform: scale(1.1); }
  100% {-webkit-transform: scale(1); transform: scale(1); }
}

@keyframes rotate_image {
100%  {transform:rotate(360deg);}
}

.con3 {position:relative;width:100vw; height:100vh; }
.con3 .fp-tableCell {vertical-align:bottom;}
.con3 .wrap {display:flex; gap:0 160px; align-items:center; height:calc(100% - 80px);}
.con3 a.more {position:absolute; left:0; top:50%; transform:translate(0, -50%); color:#fff; background-color:var(--txt-color); writing-mode: vertical-rl; padding:50px 30px; line-height:1.5;}
.con3 .left {width:50%;}
.con3 .left .txt_wrap {padding-left:27%;}
.con3 .left .sub_tit {font-size:20px; font-weight:bold; color:var(--txt-color);}
.con3 .left .tit {font-size:40px; line-height:1.3; color:#111111; font-weight:400; margin:6% 0; }
.con3 .left .tit b {font-weight:bold;}
.con3 .left .c_txt {color:#333333; font-size:18px; line-height:1.7; word-break:keep-all;}
.con3 .left .environment {display:flex; gap:50px 30px; flex-wrap:wrap; margin-top:15%;}
.con3 .left .environment dl {width:calc((100% - 60px) / 3);}
.con3 .left .environment dt {font-size:18px; font-weight:bold; color:#333333; border-bottom:1px solid #111111; padding-bottom:10px; margin-bottom:10px;}
.con3 .left .environment dd {color:#444; font-size:14px; line-height:1.3;}
.con3 .right {width:calc(50% - 160px); height:100%; background:url("../images/main17/con3_bg.webp") no-repeat center center / cover;}
.con3.active .left .sub_tit {animation:top 2.2s 0.2s; animation-fill-mode:both; opacity:0;}
.con3.active .left .tit {animation:bottom 2.2s 0.4s; animation-fill-mode:both; opacity:0;}
.con3.active .left .c_txt {animation:bottom 2.2s 0.6s; animation-fill-mode:both; opacity:0; }
.con3.active .left .environment {animation:bottom 2.2s .8s; animation-fill-mode:both; opacity:0;}
.con3.active .right { animation:right 3s 0.3s; animation-fill-mode:both; opacity:0;}




.con4 {width:100vw; height:100vh;}
.con4 .fp-tableCell {vertical-align:bottom;}
.con4 .wrap {display:flex; gap:0 5%; height:calc(100% - 80px);}
.con4 .left {position:relative; width:31%; height:100%; background:var(--bg-color) url("../images/main17/con4_bg.webp") no-repeat center center / cover; padding:3% 5%;}
.con4 .left .sub_tit {color:#fff; font-size:20px; font-weight:bold;}
.con4 .left .tit {color:#fff; font-size:40px; line-height:1.3; margin:10% 0; }
.con4 .left .more {position:relative; display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:16px; padding-left:10px;}
.con4 .left .more img {width:12px;  transition:margin-left 0.5s ease-in-out }
.con4 .left .more::before {content:""; position:absolute; left:0;  width:28px; height:28px; background-color:rgba(255,255,255,0.2); border-radius:100px;}
.con4 .left .more:hover img {margin-left:10px;}
.con4 .left .tab {display:flex; gap:10px; flex-wrap:wrap; width:100%; margin-top:10%;}
.con4 .left .tab li {display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc((100% - 10px) / 2); background-color:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.5); font-size:20px; text-align:center; color:#fff; padding:30px 10px; cursor:pointer;}
.con4 .left .tab li.on {background-color:rgba(0,0,0,0.3)}
.con4 .left .tab li.on a {display:inline-block; }
.con4 .left .tab li a {display:none; color:#fff; padding:5px 10px; border-radius:2px; font-size:13px; transition:0.4s ease-in-out; background-color:rgba(0,0,0,0.35); margin-top:15px; }
.con4 .left .tab li:hover {background-color:rgba(0,0,0,0.15); }
.con4 .left .tab li.on:hover {background-color:rgba(0,0,0,0.3); }
.con4 .left .tab li.on a:hover {background-color:rgba(0,0,0,0.8); }
.con4 .right {width:calc(69% - 5% - 100px); height:100vh; padding:3% 0; }
.con4 .right .tit_wrap {display:flex; justify-content:space-between; align-items:center; gap:10px; padding:0 10px 40px 10px;}
.con4 .right .tit {width:100%;font-size:48px; color:#111111; font-weight:800; text-align:center;}
.con4 .right button {flex-shrink:0; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.06); width:60px; height:60px; font-size:28px; border-radius:100px; border:1px solid #efefef;}
.con4 .right .swiper-container {overflow:hidden;}
.con4 .right .img {text-align:center;}
.con4 .right .img img {max-width:100%;}
.con4.active .left {animation:left 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con4.active .right { animation:right 1.5s 0.3s; animation-fill-mode:both; opacity:0;}

.con5 {width:100vw; height:100vh;}
.con5 .fp-tableCell {vertical-align:bottom;}
.con5 .wrap {display:flex; gap:0 5%; justify-content:center; height:calc(100% - 80px); padding:5% 100px;}
.con5 .tab {width:130px; }
.con5 .tab li {border:1px solid #e5e5e5;color:#555555; font-weight:bold; text-align:center; padding:30px 0; line-height:1.2; cursor:pointer;}
.con5 .tab li:hover {background-color:var(--bg-opacity20);}
.con5 .tab li.on:hover {background-color:var(--bg-color);}
.con5 .tab li.on {background-color:var(--bg-color); color:#fff; box-shadow:0 0 20px var(--bg-opacity30); border-color:var(--bg-color);}
.con5 .tab li + li {border-top:none;}
.con5 .category {display:inline-block; background-color:var(--bg-color); color:#fff; font-size:14px; font-weight:bold; border-radius:3px; padding:10px;}
.con5 .tit {font-size:40px; font-weight:bold; color:#111111; margin:30px 0 60px 0;}
.con5 .more {display:block; position:relative; display:inline-flex; align-items:center; gap:10px; color:var(--txt-color); font-size:16px; padding-left:10px;}
.con5 .more img {width:12px;  transition:margin-left 0.5s ease-in-out; filter: opacity(0.5) drop-shadow(0 0 0 var(--txt-color));}
.con5 .more::before {content:""; position:absolute; left:0;  width:28px; height:28px; background-color:var(--bg-opacity5); border-radius:100px;}
.con5 .more:hover img {margin-left:10px;}
.con5 .detail_intro {width:100%;  background-color:#fafafa; padding:35px; font-size:16px; color:#555555; line-height:1.4; margin-top:30px;}
.con5 .sliding {position:relative; width:calc(100% - 130px - 5%);}
.con5 .gallery-top .swiper-slide {display:flex; gap:0 5%;}
.con5 .gallery-top .left {width:calc(100% - 58% - 5%);}
.con5 .gallery-top .right {position:relative; width:58%; padding-bottom:40%;}
.con5 .gallery-top .right img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.con5 .gallery-thumbs {position:absolute; width:calc(100% - 58% - 5%); height:130px; left:0; bottom:7%; }
.con5 .gallery-thumbs .swiper-slide {position:relative;}
.con5 .gallery-thumbs .swiper-slide .hv_bg {display:none; align-items:center; justify-content:center; flex-direction:column; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;  }
.con5 .gallery-thumbs .swiper-slide .thumbs_tit {color:#fff; font-weight:bold; font-size:18px; line-height:1.4;}
.con5 .gallery-thumbs .swiper-slide a {display:block; width:80%; color:#fff; border-radius:2px; background-color:rgba(0,0,0,0.35); padding:5px; font-size:13px; margin-top:10px; text-align:center; font-weight:normal;}
.con5 .gallery-thumbs .swiper-slide a:hover {background-color:rgba(0,0,0,0.8); transition:0.4s ease-in-out; }
.con5 .gallery-thumbs img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.con5 .gallery-thumbs .swiper-slide-thumb-active {border:2px solid var(--bg-opacity50);}
.con5 .gallery-thumbs .swiper-slide:hover {cursor:pointer; }
.con5 .gallery-thumbs .swiper-slide:hover .hv_bg {display:flex;}
.con5 .btn {display:flex; align-items:center; justify-content:space-between; position:absolute; right:0; top:40%; width:58%; z-index:88; }
.con5 .btn button {display:flex; align-items:center; justify-content:center; width:80px; height:80px; background:#e6e7eb; color:#3e3e3e; font-size:60px; opacity:0.8;}
.con5.active .tab {animation:left 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con5.active .gallery-top {animation:right 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con5.active .btn {animation:right 1.5s 0.3s; animation-fill-mode:both; opacity:0;}
.con5.active .gallery-thumbs {animation:bottom 1.5s 0.3s; animation-fill-mode:both; opacity:0;}

.con6 {position:relative; width:100vw; height:100vh; }
.con6 .wrap {}
.con6 .bg {display:flex; }
.con6 .bg li {width:25%; height:100vh; text-align:center;}
.con6 .bg li + li {border-left:1px solid rgba(255,255,255,0.2);}
.con6 .bg li a {display:flex; align-items:center; justify-content:center; flex-direction:column; height:100vh;  transition:all .8s; padding:20px; }
.con6 .bg .sub_tit {font-size:18px; font-weight:bold; color:rgba(255,255,255,0.7);}
.con6 .bg .tit {font-size:32px; color:#fff; font-weight:bold; margin-top:40px;}
.con6 .bg .icon {display:flex; align-items:center; justify-content:center; width:126px; height:126px; border-radius:100px; border:1px solid rgba(255,255,255,0.7); margin:45px 0;}
.con6 .bg .bg01 .icon img {width:61px;}
.con6 .bg .bg02 .icon img {width:65px;}
.con6 .bg .bg03 .icon img {width:64px;}
.con6 .bg .bg04 .icon img {width:47px;}
.con6 .bg .c_txt {font-size:18px; line-height:1.5; color:rgba(255,255,255,0.7); word-break:keep-all;}
.con6 .hover_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:#000;}
.con6 .hover_bg img {width:100%; height:100vh;}
.con6 .bg li:hover a {background:rgba(255,255,255,0.75); }
.con6 .bg li:hover .icon {background-color:var(--bg-color); border-color:var(--bg-color);}
.con6 .bg li:hover .tit {color:#222222;}
.con6 .bg li:hover .sub_tit {color:var(--txt-color);}
.con6 .bg li:hover .c_txt {color:#222222}


.con7 {width:100vw; height:100vh; background:url('../images/main17/con7_bg.webp') no-repeat center center / cover;}
.con7 .fp-tableCell {vertical-align:bottom;}
.con7 .wrap {display:flex; align-items:center; gap:0 5%; width:80%; margin:0 auto;}
.con7 .tit {font-size:60px; font-weight:900; color:#fff; margin-bottom:6%;}
.con7 .box_wrap {width:50%;}
.con7 .box01 {display:flex; gap:15px 0; flex-direction:column;}
.con7 .box01 dl {}
.con7 .box01 dt {display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:18px; color:#ffffff; line-height:1.4;}
.con7 .box01 dd {width:100%; font-size:16px; color:#ffffff; line-height:1.8; margin-top:15px; margin-left:28px;}
.con7 .box02 {background-color:var(--bg-color); margin-top:6%; padding:30px;}
.con7 .box02 p {color:#fff; font-weight:800; font-size:20px; margin-bottom:25px;}
.con7 .box02 ul {display:flex; gap:10px;}
.con7 .box02 ul:nth-of-type(1) li {width:calc((100% - 20px) / 3);}
.con7 .box02 ul:nth-of-type(2) {margin-top:10px;}
.con7 .box02 ul:nth-of-type(2) li:first-child {width:calc(100% - ((100% - 20px) / 3));}
.con7 .box02 ul:nth-of-type(2) li:last-child {width:calc((100% - 20px) / 3);}
.con7 .box02 textarea {width:100%; background-color:rgba(255,255,255,0.1); height:54px; line-height:54px; border-radius:3px; padding:0 10px; font-size:16px; color:#111;}
.con7 .box02 textarea::placeholder {color:rgba(255,255,255,0.7);}
.con7 .box02 input {width:100%; background-color:rgba(255,255,255,0.1); border-radius:3px; line-height:54px; padding:0 10px; font-size:16px; color:#111;}
.con7 .box02 input::placeholder {color:rgba(255,255,255,0.7);}
.con7 .box02 button {width:100%; background-color:rgba(0,0,0,0.4); line-height:54px; border-radius:3px; padding:0 10px; color:#fff; }
.con7 .main_map {width:calc(50% - 5%); background:#fff;}
.con7 .main_map #map-view {width:100%; padding-bottom:80%; }
.con7 .main_map .map_img img {max-width:100%}
.con7.active .tit {animation:top 1.5s 0.2s; animation-fill-mode:both; opacity:0;}
.con7.active .box01 dl:first-child {animation:top 1.5s 0.4s; animation-fill-mode:both; opacity:0;}
.con7.active .box01 dl:last-child {animation:top 1.5s 0.8s; animation-fill-mode:both; opacity:0;}
.con7.active .box02 {animation:bottom 1.5s 1.2s; animation-fill-mode:both; opacity:0;}
.con7.active .main_map {animation:right 2.7s 0.3s; animation-fill-mode:both; opacity:0;}

footer {position:relative; border-top:1px solid rgba(255,255,255,0.1); padding:20px 0; margin-top:2.5%;}
footer .wrap {display:flex; align-items:center; justify-content:space-between; gap:0 5%; width:80%; margin:0 auto;}
footer .left {display:flex; align-items:center; gap:30px;}
footer .left a {display:block;}
footer .left .b_logo img {max-width:220px;}
footer .left .company_info {font-size:14px; color:#dadada; font-weight:normal; line-height:1.5;}
footer .right li:last-child a { border-bottom:none;}
footer .right a {display:flex; align-items:center; justify-content:space-between; gap:10px; color:#d9d9d9; font-size:14px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
footer .right a:hover {color:#fff;}
footer .right a:hover i {background-color:#fff;}
footer .right i {background-color:#d9d9d9; border-radius:100px; width:16px; height:16px; color:#555;}

footer .sns {position:fixed; right:20px; bottom:20px; display:flex; flex-direction:column; gap:5px;}
footer .sns li {}
footer .sns li a {display:flex; align-items:center; justify-content:center; width:45px; height:45px; background:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.1);  border-radius:100px;}
footer .sns li img {width:25px;}
footer .sns .h_top { display:flex; align-items:center; justify-content:center; flex-direction:column;  gap:1px; width:45px; height:45px; background:rgba(0,0,0,0.4);  border-radius:100px; font-size:12px; font-weight:bold; cursor:pointer; color:#fff;}

.sub_pg footer .wrap {width:1440px;}


/**********************************ȸ��ȫ���Ұ�1 ��ħ*******************************************/


/*����*/
/*html {font-size:62.5%}*/

/*����ϸ޴�*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}








/****************************@@@@@@@@@@ ������ @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1680px ����@@@@@@@@@@�ػ�1680****************************/
@media all and (max-width:1680px) {
/*����*/



}


/****************************@@@@@@@@@@ 1440px ����@@@@@@@@@@�ػ�1440****************************/
@media all and (max-width:1440px) {
header .w1820 {padding:0 30px;}

.con2 .left .txt {padding-left:10%; }
.con2 .right {padding:5% 50px 5% 80px; }

.con3 .left .environment {gap:30px;}

.con4 .left {width:35%;}
.con4 .right {width:calc(65% - 5% - 5%)}
.con4 .right .img img {max-height:500px;}

.con5 .wrap {padding:5%;}
.con5 .gallery-thumbs {height:100px;}

.con7 .wrap {width:90%}
.con7 .tit {display:none;}

.sub_pg footer .wrap {width:100%; }
.sub_pg footer {padding:30px}
}

/****************************@@@@@@@@@@ 1280px ����@@@@@@@@@@****************************/
@media all and (max-width:1280px) {

.con2 .wrap {gap:0 50px;}
.con2.active .left .sub_tit {font-size:16px;}
.con2 .left .tit {font-size:34px;}
.con2 .right {padding:5% 50px 5% 50px;}
.con2 .right .c_txt {font-size:15px;}
.con2 .right .spin_txt a {width:120px; height:120px;}
.con2 .right .spin_txt::before {width:120px; height:120px;}
.con2 .right .spin_txt p {font-size:14px;}
.con2 .right .spin_txt img {width:20px;}
.con2 .right .spin_txt span::before {top:-2px;}

.con3 .wrap {gap:0 80px;}
.con3 .right {width:calc(50% - 80px)}
.con3 .left .sub_tit {font-size:16px;}
.con3 .left .txt_wrap {padding-left:20%;}
.con3 .left .tit {font-size:34px;}
.con3 .left .c_txt {font-size:16px;}
.con3 a.more {padding:30px 15px;}

.con4 .left .sub_tit {font-size:16px;}
.con4 .left .tit {font-size:34px;}
.con4 .left .tab li {font-size:16px;}

.con5 .tit {font-size:34px; margin:35px 0 35px 0;}
.con5 .detail_intro {padding:25px; font-size:15px;}
.con5 .tab li {font-size:15px;}
}



/****************************@@@@@@@@@@ 1023px ���� / �º��@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*����*/
.w1440 {padding:0 30px;}

/*���̵���*/
.main_side_quick {display:none;}
.ham-con {display:none !important;}
#fp-nav.left {display:none;}

header .w1820 {padding:15px 30px; }
header h1 img {max-width:150px;}
header .right_w {display:none;}
header .depth1 {display:none;}
header .util {display:none;}
header .m_menubtn {display:block; font-size:25px;}
header .m_menubtn a { color:#fff;}
header .bg- .m_menubtn a {color:#111;}

.con1 .swiper-pagination_wrap {bottom:10% !important;}
.con1 .swiper-slide img {height:100%;}

.con2 .wrap {flex-wrap:wrap; height:auto; padding:5% 0;}
.con2 .left {width:100%; height:auto; padding:0;} 
.con2 .left .txt {padding-left:5%;}
.con2 .right {width:100%; border-left:none; padding:5%;}
.con2 .right .tit2 {font-size:34px; margin:7% 0;}
.con2 .right .c_txt {font-size:18px;}
.con2.active .left .sub_tit  {animation:none; opacity:1;}
.con2.active .left .tit  {animation:none; opacity:1;}
.con2.active .left .img01  {animation:none ; opacity:1;}
.con2.active .right .sub_tit2 {animation:none; opacity:1;}
.con2.active .right .tit2 {animation: none; opacity:1;}
.con2.active .right .c_txt {animation:none; opacity:1;}
.con2.active .right .img02 {animation: none; opacity:1;}
.con2.active .right .img03 {animation: none; opacity:1;}

.con3 {height:auto; margin-bottom:5%;}
.con3 .wrap {position:relative; flex-direction:column; height:auto; }
.con3 .left {width:90%; background:#fff; padding:5% 5% 5% 5%; margin-top:-100px; order:2;}
.con3 .right {width:100%; height:500px; order:1; }
.con3 a.more {top:0; left:50%; transform:translate(-50%, 0%); writing-mode:initial; padding:25px 30px; order:2; z-index:1;}
.con3 .left .txt_wrap {padding:0}
.con3.active .left .sub_tit {animation:none; opacity:1;}
.con3.active .left .tit {animation:none; opacity:1;}
.con3.active .left .c_txt {animation:none; opacity:1; }
.con3.active .left .environment {animation:none; opacity:1;}
.con3.active .right {animation:none; opacity:1;}

.con4 .wrap {flex-wrap:wrap; height:auto; margin-bottom:5%;}
.con4 .left {width:100%; height:auto; padding:5% 5% 120px 5%;}
.con4 .left .tit {margin:5% 0;}
.con4 .left .tab {margin-top:5%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; flex-wrap:nowrap;}
.con4 .left .tab li {width:auto; padding:20px; border-radius:5px;}
.con4 .left .tab li a {display:none;}
.con4 .left .tab li.on a {display:none;}
.con4 .right {width:90%; height:auto; margin:-100px auto 0 auto; background:#fff; padding:5%;  z-index:1;}
.con4 .right .tit {font-size:34px;}
.con4 .right .swiper-slide {height:auto;}
.con4 .right .img img {max-height:initial;}
.con4.active .left {animation:none; opacity:1;}
.con4.active .right { animation:none; opacity:1;}

.con5 {height:auto; margin-bottom:5%; }
.con5 .fp-tableCell {vertical-align:middle}
.con5 .wrap {height:auto; flex-wrap:wrap; border-top:1px solid #ddd;}
.con5 .sliding {width:100%;}
.con5 .tab {display:flex; gap:10px; width:100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; flex-wrap:nowrap; margin-bottom:30px;}
.con5 .tab li {border-radius:5px; padding:20px; }
.con5 .tab li + li {border-top:1px solid #e5e5e5;}
.con5 .tab li.on {box-shadow:none;}
.con5 .gallery-thumbs {position:initial; bottom:0; width:100%; margin-top:30px; }
.con5 .gallery-top .swiper-slide {flex-wrap:wrap;}
.con5 .gallery-top .left {width:100%;}
.con5 .gallery-top .right {width:100%; padding-bottom:66%; margin-top:30px;}
.con5 .btn {display:none;}
.con5 .gallery-thumbs .swiper-slide a {display:none;}
.con5.active .tab {animation:none; opacity:1;}
.con5.active .gallery-top {animation:none; opacity:1;}
.con5.active .btn {animation:none; opacity:1;}
.con5.active .gallery-thumbs {animation:none; opacity:1;}

.con6 .bg {flex-wrap:wrap;}
.con6 .bg li {width:50%; height:auto;}
.con6 .bg li a {height:100%; padding:40px 20px;}
.con6 .bg li + li {border:none;}
.con6 .bg li:nth-child(odd) {border-right:1px solid rgba(255,255,255,0.2);}
.con6 .bg li:nth-child(-n+2) {border-bottom:1px solid rgba(255,255,255,0.2);}
.con6 .hover_bg img {height:100%; object-fit:cover;}

.con7 {padding:10% 5% 8% 5%;}
.con7 .wrap {flex-wrap:wrap; width:100%;}
.con7 .box_wrap {width:100%;}
.con7 .main_map {width:100%;}
.con7 .box02 {margin-bottom:30px;}
.con7 .tit {display:block; font-size:34px;}
.con7 .main_map #map-view {padding-bottom:50%;}
.con7.active .tit {animation:none; opacity:1;}
.con7.active .box01 dl:first-child {animation:none; opacity:1;}
.con7.active .box01 dl:last-child {animation:none; opacity:1;}
.con7.active .box02 {animation:none; opacity:1;}
.con7.active .main_map {animation:none; opacity:1;}
footer {padding-bottom:0;}
footer .left {flex-wrap:wrap;}
footer .left .company_info {width:100%;}
footer .right {display:flex; gap:20px; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2);}
footer .right a {border-bottom:none;}
footer .sns {position:initial; flex-direction:initial; margin-top:20px;}
footer .wrap {flex-wrap:wrap;}
footer .left .company_info {width:100%;}

}

/****************************@@@@@@@@@@ 768px ���� / �º���̴�@@@@@@@@@@****************************/
@media all and (max-width:768px) {
header .w1820 {padding:15px 10px;}
header h1 img {max-width:120px;}

.con1 .main_txt .main01_txt01 {font-size:30px !important;}
.con1 .swiper-slide-active .main01_txt02 {margin-top:25px; font-size:16px;}
.con1 .swiper-pagination span {font-size:15px;}

@keyframes main_pagination {
0% {width:1px; opacity:0;}
100%  {width:50px; opacity:1;}
}


.con2 .wrap {padding:40px 0;}
.con2 .left .tit {font-size:20px; margin:20px 0;}
.con2 .left .txt {padding-left:15px;}
.con2 .left .sub_tit {font-size:15px;}
.con2 .right {padding:15px;}
.con2 .right .txt_wrap {flex-wrap:wrap;}
.con2 .right .txt_wrap .txt {width:100%;}
.con2 .right .sub_tit2 {font-size:15px;}
.con2 .right .right_img {gap:15px;}
.con2 .right .right_img .img_wrap {width:calc((100% - 15px) / 2);}
.con2 .right .tit2 {font-size:20px; margin:20px 0;}
.con2 .right .c_txt {font-size:15px;}
.con2 .right .spin_txt {margin:40px auto 0 auto;}

.con3.active .left .sub_tit {font-size:15px;}
.con3 .left {padding:25px;}
.con3 .left .tit {font-size:20px;}
.con3 .left .c_txt {font-size:15px;}
.con3 .left .c_txt br {display:none;}
.con3 .left .environment {gap:25px 15px;}
.con3 .left .environment dl {width:calc((100% - 15px) / 2); }
.con3 .left .environment dt {font-size:15px; margin-bottom:6px; padding-bottom:6px;}
.con3 .right {height:400px;}
.con3 a.more {font-size:15px; padding:20px 20px;}

.con4 .wrap {}
.con4 .left {padding:40px 15px 100px 15px; }
.con4 .left .sub_tit {font-size:15px;}
.con4 .left .tit {font-size:20px; margin:20px 0;}
.con4 .left .more {font-size:14px;}
.con4 .left .tab {margin-top:20px; gap:5px;}
.con4 .left .tab li {font-size:15px; padding:15px;}
.con4 .right {width:calc(100% - 30px); padding:20px 15px 0 15px; margin:-80px auto 0 auto}
.con4 .right .tit {width:calc(100% - 40px - 40px - 20px); font-size:17px;}
.con4 .right .tit_wrap {padding:0 10px 15px 10px;}
.con4 .right button {width:35px; height:35px; font-size:18px;}

.con5 .wrap {padding:15% 15px 15px 15px;}
.con5 .tab {gap:5px;}
.con5 .tab li {font-size:15px; padding:15px;}
.con5 .category {font-size:13px; padding:7px;}
.con5 .tit {font-size:20px; margin:25px 0 25px 0}
.con5 .more {font-size:14px;}
.con5 .detail_intro {font-size:14px; padding:20px; margin-top:20px;}
.con5 .gallery-top .right {margin-top:20px}
.con5 .gallery-thumbs {margin-top:10px;}

.con6 {height:auto !important;}
.con6 .fp-tableCell {height:auto !important;}
.con6 .bg .sub_tit {font-size:15px;}
.con6 .bg .tit {font-size:20px; margin-top:20px;}
.con6 .bg .c_txt {font-size:14px;}
.con6 .bg .c_txt br {display:none;}
.con6 .bg .icon {width:80px; height:80px; margin:20px 0;}
.con6 .bg .bg01 .icon img {width:36px;}
.con6 .bg .bg02 .icon img {width:38px;}
.con6 .bg .bg03 .icon img {width:40px;}
.con6 .bg .bg04 .icon img {width:26px;}
.con6 .bg li a {padding:30px 20px;}

.con7 .tit {font-size:20px; margin-bottom:20px;}
.con7 .wrap {margin-bottom:20px;}
.con7 .box01 {gap:10px 0;}
.con7 .box01 dt {font-size:14px;}
.con7 .box01 dd {font-size:14px; margin:10px 0 0 25px;}
.con7 .box02 {padding:20px; margin-bottom:20px;}
.con7 .box02 p {font-size:16px; margin-bottom:15px;}
.con7 .box02 input {font-size:14px; line-height:40px;}
.con7 .box02 textarea {font-size:14px; height:40px; line-height:40px;}
.con7 .box02 button {line-height:40px; font-size:14px;}
footer .left {gap:20px;}
footer .left .company_info {font-size:13px;}
footer .right {margin-top:15px; padding-top:15px; flex-wrap:wrap; gap:10px;}
footer .right a {font-size:13px; gap:5px; letter-spacing:-0.5px; padding:0;}
}

/****************************@@@@@@@@@@ 530px ���� / �����@@@@@@@@@@****************************/
@media all and (max-width:530px) {

/*����ϸ޴�*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px ����@@@@@@@@@@****************************/
@media all and (max-width:380px) {


}

/****************************@@@@@@@@@@ 360px ����@@@@@@@@@@****************************/
@media all and (max-width:360px) {
/*html {font-size:50%}*/

}