.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} } /*메인배너*/ #visual {position:relative;width:100%;height:100vh;min-height:720px;margin:0 auto;overflow:hidden;background:#000;} #visual .main-carousel {position:relative;width:100%;height:100%;padding:0;display:block;} #visual .main-carousel .owl-stage-outer {height:100%;} #visual .main-carousel .owl-stage {height:100%;} #visual .main-carousel .owl-item {height:100%;overflow:hidden;} #visual .main-carousel .li {position:relative;width:100%;height:100vh;min-height:720px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;} #visual .main-carousel .li:before {content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.03);transform-origin:center center;z-index:0;transition:transform 9s linear;} #visual .main-carousel .owl-item.active .li:before {transform:scale(1.1);} #visual .main-carousel .li:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,31,.57) 0%,rgba(0,17,31,.35) 37%,rgba(0,17,31,.13) 68%,rgba(0,17,31,.08) 100%);z-index:1;} #visual .main-carousel .cover {display:none;} #visual .main-carousel .img01 {background-image:url(../images/main_banner_img01.jpg);} #visual .main-carousel .img02 {background-image:url(../images/main_banner_img02.jpg);} #visual .main-carousel .img03 {background-image:url(../images/main_banner_img03.jpg);} #visual .copy_area_wrap {position:absolute;inset:0;z-index:3;display:flex;align-items:center;} #visual .copy_area {width:100%;max-width:1720px;margin:0 auto;padding:60px 60px 0;box-sizing:border-box;text-align:left;color:#fff;} #visual .copy_area .visual_eng {display:block;margin:0 0 26px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:2.5px;color:#ff7900;} #visual .copy_area .visual_sub {display:block;margin:0 0 8px;font-family:'BookkMyungjo',serif;font-size:47px;font-weight:400;line-height:1.35;letter-spacing:-2px;color:#fff;word-break:keep-all;} #visual .copy_area h3 {margin:0;font-family:'BookkMyungjo',serif;font-size:76px;font-weight:600;line-height:1.2;letter-spacing:-3px;color:#fff;word-break:keep-all;} #visual .copy_area>p {margin:25px 0 0;font-size:18px;font-weight:400;line-height:1.8;letter-spacing:-.5px;color:rgba(255,255,255,.8);word-break:keep-all;} #visual .copy_area .tel {display:inline-block;} #visual .copy_area .visual_eng,#visual .copy_area .visual_sub,#visual .copy_area h3,#visual .copy_area>p,#visual .copy_area .tel {opacity:0;transform:translateY(30px);} #visual .owl-item.active .copy_area .visual_eng {animation:visualTxtUp .8s .15s forwards;} #visual .owl-item.active .copy_area .visual_sub {animation:visualTxtUp .8s .3s forwards;} #visual .owl-item.active .copy_area h3 {animation:visualTxtUp .8s .45s forwards;} #visual .owl-item.active .copy_area>p {animation:visualTxtUp .8s .6s forwards;} #visual .owl-item.active .copy_area .tel {animation: visualTxtUp .8s .75s forwards; margin-top: 30px; font-size: 26px; border: 1px solid #fff; padding: 15px 30px; border-radius: 31.5px;} #visual .owl-item.active .copy_area .tel a {color: #fff;} @keyframes visualTxtUp { 0% {opacity:0;transform:translateY(30px);} 100% {opacity:1;transform:translateY(0);} } #visual .slider_idx {position:absolute;right:90px;bottom:65px;z-index:5;} #visual .slider_idx .idx-box {display:flex;align-items:center;gap:10px;font-size:14px;color:#fff;font-weight:500; display: none;} #visual .slider_idx .idx-box .idx {min-width:20px;text-align:right;color:#fff;} #visual .slider_idx .idx-box .sep {opacity:.45;font-weight:400;} #visual .slider_idx .idx-box .size {min-width:20px;color:#fff;opacity:.5;} #visual .slider_idx .idx-box .line-wrap {position:relative;width:240px;height:1px;margin-left:8px;background:rgba(255,255,255,.35);overflow:hidden;} #visual .slider_idx .idx-box .line-fill {position:absolute;top:0;left:0;width:0;height:100%;background:#fff;} #visual .slider_idx .idx-box .line-fill.running {animation:lineFill var(--slide-dur,9s) linear forwards;} @keyframes lineFill { from {width:0;} to {width:100%;} } #visual>.ctl {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 35px;box-sizing:border-box;pointer-events:none;} #visual>.ctl button {pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;background:transparent;color:rgba(255,255,255,.55);font-size:12px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:color .3s ease; display: none;} #visual>.ctl button:hover {color:#fff;} #visual>.ctl button i {font-size:22px;font-weight:300;} @media(max-width:1800px){ #visual .copy_area {padding-left:80px;padding-right:80px;} } @media(max-width:1500px){ #visual .copy_area {padding-left:70px;padding-right:70px;} #visual .copy_area .visual_eng {font-size:16px;margin-bottom:22px;} #visual .copy_area .visual_sub {font-size:40px;} #visual .copy_area h3 {font-size:66px;} #visual .copy_area>p {font-size:17px;} #visual .slider_idx {right:60px;} } @media(max-width:1200px){ #visual {min-height:650px;} #visual .main-carousel .li {min-height:650px;} #visual .copy_area {padding-left:55px;padding-right:55px;} #visual .copy_area .visual_sub {font-size:34px;} #visual .copy_area h3 {font-size:56px;} #visual .copy_area>p {font-size:16px;} #visual .slider_idx {right:40px;bottom:45px;} #visual .slider_idx .idx-box .line-wrap {width:180px;} #visual>.ctl {padding:0 15px;} } @media(max-width:960px){ #visual {height:90vh;min-height:650px;} #visual .main-carousel .li {height:90vh;min-height:650px;} #visual .copy_area {padding:60px 45px 0;} #visual .copy_area .visual_eng {font-size:14px;letter-spacing:2px;margin-bottom:18px;} #visual .copy_area .visual_sub {font-size:31px;} #visual .copy_area h3 {font-size:48px;} #visual .copy_area>p {font-size:15px;margin-top:20px;} #visual>.ctl {display:none;} #visual .owl-item.active .copy_area .tel {font-size: 20px; margin-top: 20px;} } @media(max-width:640px){ #visual {height:100vh;min-height:640px;} #visual .main-carousel .li {height:100vh;min-height:640px;background-position:center center;} #visual .main-carousel .img01 {background-image:url(../images/m_main_banner_img01.jpg);} #visual .main-carousel .img02 {background-image:url(../images/m_main_banner_img02.jpg);} #visual .main-carousel .img03 {background-image:url(../images/m_main_banner_img03.jpg);} #visual .main-carousel .li:after {background:linear-gradient(90deg,rgba(0,17,31,.58) 0%,rgba(0,17,31,.35) 70%,rgba(0,17,31,.2) 100%);} #visual .copy_area_wrap {align-items:center;} #visual .copy_area {padding:30px 25px 0;} #visual .copy_area .visual_eng {font-size:11px;letter-spacing:1.5px;margin-bottom:15px;} #visual .copy_area .visual_sub {font-size:25px;line-height:1.35;letter-spacing:-1.2px;} #visual .copy_area h3 {font-size:38px;line-height:1.25;letter-spacing:-1.7px;} #visual .copy_area>p {font-size:13px;line-height:1.7;margin-top:18px;} #visual .copy_area>p br {display:none;} #visual .owl-item.active .copy_area .tel {font-size: 16px; padding: 10px 25px;} #visual .slider_idx {right:20px;bottom:25px;} #visual .slider_idx .idx-box {font-size:11px;gap:6px;} #visual .slider_idx .idx-box .line-wrap {width:80px;margin-left:3px;} } @media(max-width:400px){ #visual .copy_area {padding-left:20px;padding-right:20px;} #visual .copy_area .visual_eng {font-size:10px;} #visual .copy_area .visual_sub {font-size:22px;} #visual .copy_area h3 {font-size:34px;} #visual .copy_area>p {font-size:12px;} } /*메인배너*/ :root { --main_black: #222222; --main_color: #1e777a; --main_deep: #164f4d; --sub_color: #e97316; --point_color: #c7dd00; --main_depGray: #666666; --main-gray: #f7f8f8; --sub_tit: #ffffff; --sub_txt: #eeeeee; } /* 메인공통 */ .section {} .section * {color:var(--main_black); line-height:1.5; word-break:keep-all;} .section .main_tit_box {max-width:100%;} .section .main_tit_box .main_point {font-size:16px; font-weight:500; color:var(--sub_color);} .section .main_tit_box .main_tit {font-size:48px; font-weight:700; line-height:1.3; margin-bottom:30px; color:var(--main_black); font-family:'BookkMyungjo'; letter-spacing:-2px;} .section .main_tit_box p {font-size:18px; line-height:1.8; color:var(--main_depGray); margin-bottom:30px;} .txt_center {text-align:center;} .section img {max-width:100%;} .flex_box {display:flex; flex-wrap:wrap;} @media (max-width:960px) { .section .main_tit_box .main_tit {font-size:28px;} .section .main_tit_box .sub_tit {font-size:18px;} .section .main_tit_box .main_tit br {display:none;} .section .main_tit_box .sub_tit br {display:none;} .section .main_tit_box p br {display:none;} } @media (max-width:640px) { /* .main_btn {height:auto;} */ .section .main_tit_box .sub_tit {font-size:16px; margin-bottom:10px;} .section .main_tit_box .main_tit {font-size:28px;} .section .main_tit_box p {font-size:16px;} } /* 메인공통 */ /*con1*/ #con1 {position:relative;width:100%;padding:110px 0 100px;background:#fff;overflow:hidden;} #con1 .con1_inner {position:relative;width:100%;max-width:1790px;margin:0 auto;padding:0 40px 0 130px;} #con1 .con1_swiper {width:100%;overflow:hidden;} #con1 .con1_swiper .swiper-slide {height:auto;} #con1 .con1_slide_inner {display:flex;align-items:stretch;justify-content:space-between;gap:5%;min-height:615px;} #con1 .con1_visual {position:relative;width:65%;height:615px;flex-shrink:0;} #con1 .con1_img_main {position:absolute;top:0;left:0;width:78%;height:100%;overflow:hidden;} #con1 .con1_img_main img {width:100%;height:100%;object-fit:cover;display:block;} #con1 .con1_img_sub {position:absolute;right:0;bottom:-1px;width:34%;height:46%;padding:26px 0 0 26px;background:#fff;z-index:2;} #con1 .con1_img_sub img {width:100%;height:100%;object-fit:cover;display:block;} #con1 .con1_content {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex:1;min-width:0;text-align:right;padding:0;} #con1 .con1_top {width:100%;display:flex;flex-direction:column;align-items:flex-end;} #con1 .con1_slogan {font-size:21px;font-weight:500;color:#666;letter-spacing:-1px;margin:0 0 12px;} #con1 .con1_top h3 {font-size:29px;font-weight:600;color:#13777e;letter-spacing:-1.5px;margin:0 0 8px;} #con1 .con1_top strong {font-family:'BookkMyungjo',serif;font-size:clamp(48px,4.6vw,86px);font-weight:700;line-height:1.1;color:#ff7300;letter-spacing:-2px;} #con1 .con1_line {display:block;width:48px;height:2px;background:#13777e;margin-top:36px;} #con1 .con1_bottom {position:relative;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;gap:35px;padding-bottom:0;} #con1 .con1_num {font-family:'BookkMyungjo',serif;font-size:82px;font-weight:400;line-height:1;color:#bfd0d1;white-space:nowrap;} #con1 .con1_text {flex:1;min-width:0;padding-bottom:3px;} #con1 .con1_sub {font-size:24px;font-weight:400;color:#13777e;letter-spacing:-1.2px;margin:0 0 8px;word-break:keep-all;} #con1 .con1_text h4 {font-size:26px;font-weight:600;color:#ff7300;letter-spacing:-1.2px;margin:0 0 22px;word-break:keep-all;} #con1 .con1_desc {font-size:16px;font-weight:400;line-height:1.8;color:#777;letter-spacing:-.5px;word-break:keep-all;} #con1 .con1_nav {position:absolute;top:18px;left:65px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;} #con1 .con1_current,#con1 .con1_total {font-size:15px;font-weight:500;color:#13777e;line-height:1;} #con1 .con1_progress {position:relative;width:1px;height:225px;background:#ddd;overflow:hidden;} #con1 .con1_progress span {position:absolute;top:0;left:0;width:1px;height:25%;background:#13777e;transition:height .5s ease;} #con1 .con1_swiper .swiper-slide .con1_img_main,#con1 .con1_swiper .swiper-slide .con1_img_sub {opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.2s ease;} #con1 .con1_swiper .swiper-slide-active .con1_img_main,#con1 .con1_swiper .swiper-slide-active .con1_img_sub {opacity:1;transform:scale(1);} #con1 .con1_swiper .swiper-slide .con1_top,#con1 .con1_swiper .swiper-slide .con1_bottom {opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease;} #con1 .con1_swiper .swiper-slide-active .con1_top,#con1 .con1_swiper .swiper-slide-active .con1_bottom {opacity:1;transform:translateY(0);} #con1 .con1_swiper .swiper-slide-active .con1_bottom {transition-delay:.15s;} @media(max-width:1500px){ #con1 {padding:90px 0;} #con1 .con1_inner {padding:0 40px 0 100px;} #con1 .con1_slide_inner {min-height:520px;gap:4%;} #con1 .con1_visual {width:61%;height:520px;} #con1 .con1_nav {left:45px;} #con1 .con1_slogan {font-size:18px;} #con1 .con1_top h3 {font-size:25px;} #con1 .con1_num {font-size:65px;} #con1 .con1_bottom {gap:20px;} #con1 .con1_sub {font-size:21px;} #con1 .con1_text h4 {font-size:23px;} #con1 .con1_desc {font-size:15px;} } @media(max-width:1100px){ #con1 {padding:75px 0;} #con1 .con1_inner {padding:0 30px 0 80px;} #con1 .con1_slide_inner {min-height:430px;gap:4%;} #con1 .con1_visual {width:57%;height:430px;} #con1 .con1_img_main {width:83%;} #con1 .con1_img_sub {width:42%;height:43%;padding:15px 0 0 15px;} #con1 .con1_nav {left:30px;} #con1 .con1_progress {height:170px;} #con1 .con1_slogan {font-size:15px;} #con1 .con1_top h3 {font-size:21px;} #con1 .con1_top strong {font-size:52px;} #con1 .con1_line {margin-top:22px;} #con1 .con1_num {font-size:50px;} #con1 .con1_bottom {gap:12px;} #con1 .con1_sub {font-size:18px;} #con1 .con1_text h4 {font-size:20px;margin-bottom:15px;} #con1 .con1_desc {font-size:13px;line-height:1.7;} } @media(max-width:767px){ #con1 {padding:65px 0 70px;} #con1 .con1_inner {padding:0 20px;} #con1 .con1_slide_inner {display:flex;flex-direction:column;gap:0;min-height:0;} #con1 .con1_visual {width:100%;height:auto;aspect-ratio:1.12/1;margin-top:55px;} #con1 .con1_img_main {width:82%;height:100%;} #con1 .con1_img_sub {width:44%;height:48%;padding:12px 0 0 12px;} #con1 .con1_content {display:contents;text-align:left;} #con1 .con1_top {position:absolute;top:0;left:0;width:100%;align-items:flex-start;text-align:left;} #con1 .con1_slogan {font-size:13px;margin-bottom:4px;} #con1 .con1_top h3 {font-size:18px;margin-bottom:3px;} #con1 .con1_top strong {font-size:43px;letter-spacing:-1px;} #con1 .con1_line {display:none;} #con1 .con1_bottom {position:relative;align-items:flex-start;justify-content:flex-start;gap:15px;padding-top:30px;text-align:left;} #con1 .con1_num {font-size:48px;} #con1 .con1_text {padding-top:3px;} #con1 .con1_sub {font-size:18px;margin-bottom:6px;} #con1 .con1_text h4 {font-size:21px;margin-bottom:12px;} #con1 .con1_desc {font-size:13px;line-height:1.8;} #con1 .con1_nav {top:0;left:auto;right:22px;gap:10px;} #con1 .con1_progress {height:65px;} #con1 .con1_current,#con1 .con1_total {font-size:12px;} } @media(max-width:400px){ #con1 .con1_inner {padding:0 15px;} #con1 .con1_visual {margin-top:50px;} #con1 .con1_top strong {font-size:36px;} #con1 .con1_slogan {font-size:12px;} #con1 .con1_top h3 {font-size:16px;} #con1 .con1_num {font-size:40px;} #con1 .con1_bottom {gap:10px;} #con1 .con1_sub {font-size:16px;} #con1 .con1_text h4 {font-size:19px;} #con1 .con1_desc {font-size:12px;} } /*con1*/ /*con2*/ #con2 {position:relative;width:100%;height:830px;background:#171410;overflow:hidden;color:#fff;} #con2 .con2_bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/con2_bg.jpg') no-repeat center center;background-size:cover;} #con2 .con2_bg:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(10,8,6,.45) 0%,rgba(15,12,9,.65) 42%,rgba(12,10,8,.25) 100%);} #con2 .con2_inner {position:relative;width:100%;max-width:1720px;height:100%;margin:0 auto;padding:110px 60px 70px;z-index:2;} #con2 .con2_title {position:absolute;top:110px;left:60px;width:570px;z-index:5;} #con2 .con2_small {font-size:21px;font-weight:600;color:#fff;letter-spacing:-1px;margin:0 0 15px;} #con2 .con2_title h3 {font-size:30px;font-weight:600;color:#ff7900;line-height:1.4;letter-spacing:-1.5px;margin:0 0 5px;} #con2 .con2_title h2 {font-family:'BookkMyungjo',serif;font-size:82px;font-weight:700;line-height:1.2;letter-spacing:1px;color:#fff;margin:0;} #con2 .con2_title span {display:block;width:52px;height:2px;background:#ff7900;margin-top:32px;} #con2 .con2_swiper {width:100%;height:100%;overflow:hidden;} #con2 .con2_swiper .swiper-slide {width:100%;height:100%;} #con2 .con2_slide {position:relative;width:100%;height:100%;display:flex;align-items:center;} #con2 .con2_info {position:absolute;top:115px;left:48%;transform:translateX(-50%);width:290px;z-index:3;} #con2 .con2_info h4 {font-size:55px;font-weight:700;color:#fff;line-height:1;margin:0 0 32px;letter-spacing:-1px;white-space:nowrap;} #con2 .con2_spec {width:100%;} #con2 .con2_spec dl {display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;border-bottom:1px solid rgba(255,255,255,.35);margin:0;} #con2 .con2_spec dt {font-size:16px;font-weight:500;color:#fff;letter-spacing:-.5px;} #con2 .con2_spec dd {font-size:16px;font-weight:400;color:#fff;margin:0;text-align:right;} #con2 .con2_plan {position:absolute;top:40px;right:0;width:46%;height:500px;display:flex;align-items:center;justify-content:center;} #con2 .con2_plan img {display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25));} #con2 .con2_tabs {position:absolute;left:40%;right:0;bottom:75px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.35);z-index:5;} #con2 .con2_tab {position:relative;flex:1;height:60px;padding:0;border:0;background:none;color:rgba(255,255,255,.55);font-size:17px;font-weight:400;cursor:pointer;transition:.3s;text-align:center;} #con2 .con2_tab:after {content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:#fff;transition:.4s;} #con2 .con2_tab:hover {color:#fff;} #con2 .con2_tab.active {font-weight:700;color:#fff;} #con2 .con2_tab.active:after {width:100%;} #con2 .con2_swiper .swiper-slide .con2_info {opacity:0;transform:translate(-50%,30px);transition:opacity .7s ease,transform .7s ease;} #con2 .con2_swiper .swiper-slide-active .con2_info {opacity:1;transform:translate(-50%,0);} #con2 .con2_swiper .swiper-slide .con2_plan {opacity:0;transform:translateX(40px);transition:opacity .8s ease,transform 1s ease;} #con2 .con2_swiper .swiper-slide-active .con2_plan {opacity:1;transform:translateX(0);} #con2 .con2_swiper .swiper-slide .con2_plan img {transform:scale(.96);transition:transform 1.2s ease;} #con2 .con2_swiper .swiper-slide-active .con2_plan img {transform:scale(1);} @media(max-width:1500px){ #con2 {height:760px;} #con2 .con2_inner {padding:90px 50px 65px;} #con2 .con2_title {top:90px;left:50px;width:500px;} #con2 .con2_small {font-size:18px;} #con2 .con2_title h3 {font-size:26px;} #con2 .con2_title h2 {font-size:70px;} #con2 .con2_info {top:115px;left:49%;width:260px;} #con2 .con2_info h4 {font-size:46px;} #con2 .con2_plan {width:45%;height:455px;} #con2 .con2_tabs {left:49%;bottom:60px;} #con2 .con2_tab {font-size:15px;} } @media(max-width:1200px){ #con2 {height:700px;} #con2 .con2_inner {padding:70px 35px 55px;} #con2 .con2_title {top:70px;left:35px;width:400px;} #con2 .con2_small {font-size:16px;} #con2 .con2_title h3 {font-size:22px;} #con2 .con2_title h2 {font-size:60px;} #con2 .con2_info {top:100px;left:48%;width:230px;} #con2 .con2_info h4 {font-size:38px;margin-bottom:20px;} #con2 .con2_spec dl {height:39px;} #con2 .con2_spec dt,#con2 .con2_spec dd {font-size:14px;} #con2 .con2_plan {top:50px;width:44%;height:400px;} #con2 .con2_tabs {left:48%;bottom:50px;} #con2 .con2_tab {font-size:14px;height:50px;} } @media(max-width:900px){ #con2 {height:auto;min-height:920px;} #con2 .con2_bg {background-position:center center;} #con2 .con2_bg:after {background:rgba(12,10,8,.72);} #con2 .con2_inner {height:auto;min-height:920px;padding:65px 25px 40px;} #con2 .con2_title {position:relative;top:auto;left:auto;width:100%;margin-bottom:35px;} #con2 .con2_small {font-size:15px;} #con2 .con2_title h3 {font-size:21px;} #con2 .con2_title h2 {font-size:56px;} #con2 .con2_title span {margin-top:20px;} #con2 .con2_swiper {height:610px;} #con2 .con2_slide {display:flex;flex-direction:column;} #con2 .con2_info {position:relative;top:auto;left:auto;transform:none!important;width:100%;order:2;padding-top:20px;} #con2 .con2_info h4 {font-size:36px;margin-bottom:18px;} #con2 .con2_spec {display:grid;grid-template-columns:1fr 1fr;gap:0 25px;} #con2 .con2_spec dl {height:40px;} #con2 .con2_plan {position:relative;top:auto;right:auto;width:100%;height:330px;order:1;} #con2 .con2_plan img {max-height:310px;} #con2 .con2_tabs {position:relative;left:auto;right:auto;bottom:auto;width:100%;overflow-x:auto;margin-top:10px;} #con2 .con2_tab {flex:0 0 120px;height:50px;text-align:center;font-size:13px;} #con2 .con2_swiper .swiper-slide .con2_info {transform:translateY(20px)!important;} #con2 .con2_swiper .swiper-slide-active .con2_info {transform:translateY(0)!important;} } @media(max-width:600px){ #con2 {min-height:850px;} #con2 .con2_inner {min-height:850px;padding:50px 18px 35px;} #con2 .con2_title {margin-bottom:20px;} #con2 .con2_small {font-size:13px;margin-bottom:8px;} #con2 .con2_title h3 {font-size:18px;} #con2 .con2_title h2 {font-size:45px;} #con2 .con2_swiper {height:600px;} #con2 .con2_plan {height:270px;} #con2 .con2_plan img {max-height:250px;} #con2 .con2_info h4 {font-size:30px;} #con2 .con2_spec {grid-template-columns:1fr;} #con2 .con2_spec dl {height:38px;} #con2 .con2_spec dt,#con2 .con2_spec dd {font-size:13px;} #con2 .con2_tabs {margin-top:0;} #con2 .con2_tab {flex:0 0 105px;font-size:12px;} } /*con2*/ /*con3*/ #con3 {position:relative;width:100%;padding:110px 0; overflow:hidden;} #con3 .con3_inner {display:flex;align-items:center;justify-content:space-between;gap:70px;max-width:1720px;margin:0 auto;padding:0 60px;} #con3 .con3_left {display:flex;align-items:center;gap:34px;flex-shrink:0;width:64%;} #con3 .con3_card {position:relative;display:block;width:calc(50% - 17px);height:620px;border-radius:28px;overflow:hidden;background:#111;text-decoration:none;} #con3 .con3_thumb {position:absolute;top:0;left:0;width:100%;height:100%;} #con3 .con3_thumb img {width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform 1s ease;} #con3 .con3_overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(11,18,33,.26) 0%,rgba(8,15,28,.42) 45%,rgba(10,10,10,.62) 100%);transition:background .55s ease;} #con3 .con3_txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 40px;text-align:center;z-index:3;transition:top .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1);} #con3 .con3_txt h3 {font-size:34px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-1.3px;margin:0 0 18px;transition:transform .55s ease;} #con3 .con3_txt p {font-size:18px;font-weight:400;line-height:1.7;color:rgba(255,255,255,.92);letter-spacing:-.5px;margin:0;transition:opacity .4s ease,transform .55s ease;} #con3 .con3_circle {position:absolute;left:50%;bottom:28%;width:150px;height:150px;transform:translate(-50%,90px);opacity:0;visibility:hidden;z-index:3;pointer-events:none;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .4s ease,visibility .4s ease;} #con3 .con3_circle svg {display:block;width:100%;height:100%;animation:con3Rotate 14s linear infinite;} #con3 .con3_circle text {font-size:14px;font-weight:300;letter-spacing:1.5px;fill:#fff;} #con3 .con3_circle span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:100;line-height:1;color:#fff;transition:transform .4s ease;} #con3 .con3_card:hover .con3_thumb img {transform:scale(1.08);} #con3 .con3_card:hover .con3_overlay {background:linear-gradient(180deg,rgba(10,22,45,.38) 0%,rgba(10,16,31,.56) 45%,rgba(8,8,8,.76) 100%);} #con3 .con3_card:hover .con3_txt {top:38%;} #con3 .con3_card:hover .con3_txt h3 {transform:translateY(-3px);} #con3 .con3_card:hover .con3_txt p {transform:translateY(-3px);} #con3 .con3_card:hover .con3_circle {transform:translate(-50%,0);opacity:1;visibility:visible;} #con3 .con3_card:hover .con3_circle svg {animation-duration:7s;} #con3 .con3_card:hover .con3_circle span {transform:translate(-50%,-50%) scale(1.12);} #con3 .con3_card:focus-visible {outline:2px solid #13777e;outline-offset:4px;} #con3 .con3_card:focus-visible .con3_txt {top:38%;} #con3 .con3_card:focus-visible .con3_circle {transform:translate(-50%,0);opacity:1;visibility:visible;} #con3 .con3_right {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex:1;min-width:0;text-align:right;padding-right:10px;} #con3 .con3_top {width:100%;display:flex;flex-direction:column;align-items:flex-end;} #con3 .con3_slogan {font-size:24px;font-weight:500;color:#666;letter-spacing:-1px;margin:0 0 14px;} #con3 .con3_top h3 {font-size:31px;font-weight:600;color:#13777e;letter-spacing:-1.3px;margin:0 0 8px;} #con3 .con3_top h2 {font-family:'BookkMyungjo',serif;font-size:clamp(62px,5.2vw,88px);font-weight:700;line-height:1.08;color:#ff7300;letter-spacing:-2px;margin:0;} #con3 .con3_line {display:block;width:52px;height:2px;background:#13777e;margin-top:42px;} #con3 .con3_bottom {width:100%;padding-top:180px;} #con3 .con3_sub {font-size:25px;font-weight:400;color:#2a8083;letter-spacing:-1.1px;line-height:1.5;margin:0 0 10px;word-break:keep-all;} #con3 .con3_bottom h4 {font-size:27px;font-weight:700;color:#ff7300;letter-spacing:-1.1px;line-height:1.4;margin:0 0 24px;word-break:keep-all;} #con3 .con3_desc {font-size:18px;font-weight:400;line-height:1.9;color:#777;letter-spacing:-.4px;word-break:keep-all;margin:0;} @keyframes con3Rotate {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} @media(max-width:1500px){ #con3 {padding:90px 0;} #con3 .con3_inner {gap:50px;padding:0 40px;} #con3 .con3_left {width:63%;gap:24px;} #con3 .con3_card {width:calc(50% - 12px);height:560px;} #con3 .con3_txt {padding:0 30px;} #con3 .con3_txt h3 {font-size:30px;} #con3 .con3_txt p {font-size:17px;} #con3 .con3_circle {bottom:50px;width:128px;height:128px;} #con3 .con3_slogan {font-size:21px;} #con3 .con3_top h3 {font-size:27px;} #con3 .con3_top h2 {font-size:76px;} #con3 .con3_bottom {padding-top:150px;} #con3 .con3_sub {font-size:22px;} #con3 .con3_bottom h4 {font-size:24px;} #con3 .con3_desc {font-size:16px;} } @media(max-width:1200px){ #con3 {padding:75px 0;} #con3 .con3_inner {gap:35px;padding:0 30px;} #con3 .con3_left {width:60%;gap:18px;} #con3 .con3_card {width:calc(50% - 9px);height:480px;border-radius:22px;} #con3 .con3_txt {padding:0 24px;} #con3 .con3_txt h3 {font-size:27px;margin-bottom:14px;} #con3 .con3_txt p {font-size:15px;} #con3 .con3_circle {bottom:42px;width:116px;height:116px;} #con3 .con3_circle text {font-size:12px;} #con3 .con3_circle span {font-size:48px;} #con3 .con3_slogan {font-size:18px;} #con3 .con3_top h3 {font-size:24px;} #con3 .con3_top h2 {font-size:62px;} #con3 .con3_line {margin-top:28px;} #con3 .con3_bottom {padding-top:110px;} #con3 .con3_sub {font-size:19px;} #con3 .con3_bottom h4 {font-size:21px;margin-bottom:16px;} #con3 .con3_desc {font-size:14px;line-height:1.8;} } @media(max-width:900px){ #con3 {padding:65px 0;} #con3 .con3_inner {flex-direction:column;align-items:flex-start;gap:40px;padding:0 24px;} #con3 .con3_left {width:100%;gap:16px;} #con3 .con3_card {height:420px;} #con3 .con3_card:hover .con3_txt {top:37%;} #con3 .con3_card:focus-visible .con3_txt {top:37%;} #con3 .con3_circle {bottom:35px;} #con3 .con3_right {width:100%;align-items:flex-start;text-align:left;padding-right:0;} #con3 .con3_top {align-items:flex-start;} #con3 .con3_line {margin-top:22px;} #con3 .con3_bottom {padding-top:35px;} } @media(max-width:767px){ #con3 {padding:55px 0;} #con3 .con3_inner {padding:0 18px;gap:30px;} #con3 .con3_left {flex-direction:column;gap:18px;} #con3 .con3_card {width:100%;height:460px;border-radius:20px;} #con3 .con3_txt h3 {font-size:28px;} #con3 .con3_txt p {font-size:16px;line-height:1.6;} #con3 .con3_circle {bottom:48px;width:125px;height:125px;} #con3 .con3_card:hover .con3_txt {top:38%;} #con3 .con3_card:focus-visible .con3_txt {top:38%;} #con3 .con3_slogan {font-size:15px;margin-bottom:8px;} #con3 .con3_top h3 {font-size:21px;margin-bottom:4px;} #con3 .con3_top h2 {font-size:52px;letter-spacing:-1px;} #con3 .con3_sub {font-size:20px;} #con3 .con3_bottom h4 {font-size:22px;} #con3 .con3_desc {font-size:14px;} } @media(max-width:480px){ #con3 .con3_inner {padding:0 15px;} #con3 .con3_card {height:390px;} #con3 .con3_txt {padding:0 20px;} #con3 .con3_txt h3 {font-size:24px;} #con3 .con3_txt p {font-size:14px;} #con3 .con3_circle {bottom:35px;width:105px;height:105px;} #con3 .con3_circle text {font-size:11px;} #con3 .con3_circle span {font-size:42px;} #con3 .con3_card:hover .con3_txt {top:36%;} #con3 .con3_card:focus-visible .con3_txt {top:36%;} #con3 .con3_slogan {font-size:13px;} #con3 .con3_top h3 {font-size:18px;} #con3 .con3_top h2 {font-size:42px;} #con3 .con3_sub {font-size:17px;} #con3 .con3_bottom h4 {font-size:19px;} #con3 .con3_desc {font-size:13px;line-height:1.7;} } /*con3*/ /*con4*/ #con4 {position:relative;width:100%;padding:100px 0 90px;background:url('../images/con4_bg.jpg') no-repeat center center;background-size:cover;overflow:hidden;} #con4 .con4_inner {position:relative;max-width:1360px;margin:0 auto;padding:0 40px;z-index:2;} #con4 .con4_head {text-align:center;margin-bottom:45px;} #con4 .con4_head h2 {font-family:'BookkMyungjo',serif;font-size:74px;font-weight:700;line-height:1;color:#21787b;letter-spacing:1px;margin:0 0 12px;} #con4 .con4_head p {font-size:20px;font-weight:600;line-height:1.5;color:#555;letter-spacing:-.7px;margin:0;} /* #con4 .con4_list {display:grid;grid-template-columns:1fr 1fr;gap:38px;} */ #con4 .con4_list {display: flex; justify-content: center;} #con4 .con4_item {min-width:0;} #con4 .con4_map {position:relative;width:100%;height:470px;background:#eee;overflow:hidden;} #con4 .con4_map_img img {display:block;width:100%;height:100%;object-fit:cover;border: 1px solid #ddd;} #con4 .con4_kakao {background:#fff;} #con4 .con4_kakao .root_daum_roughmap {width:100%!important;height:100%!important;} #con4 .con4_kakao .root_daum_roughmap .wrap_map {width:100%!important;height:100%!important;} #con4 .con4_kakao .root_daum_roughmap .wrap_map .map {width:100%!important;height:100%!important;} #con4 .con4_info {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;} #con4 .con4_address {display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:10px;} #con4 .con4_address strong {font-size:20px;font-weight:700;color:#222;white-space:nowrap;} #con4 .con4_address span {font-size:18px;font-weight:400;color:#777;letter-spacing:-.5px;word-break:keep-all;} #con4 .con4_num {display:flex;align-items:center;gap:14px;min-width:0;} #con4 .con4_num strong {font-size:20px;font-weight:700;color:#222;white-space:nowrap;} #con4 .con4_num span {font-size:18px;font-weight:400;color:#777;letter-spacing:-.5px;word-break:keep-all;} #con4 .con4_links {display:flex;align-items:center;gap:8px;flex-shrink:0;} #con4 .con4_links a {display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;} #con4 .con4_links a img{max-width: 100%;} #con4 .con4_links a span {font-size:15px;font-weight:800;line-height:1;} #con4 .con4_links a.naver {background:#03c75a;color:#fff;} #con4 .con4_links a.kakao {background:#fee500;color:#111;} #con4 .con4_links a.google {background:#ececec;color:#4285f4;} #con4 .con4_links a:hover {transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.12);} @media(max-width:1200px){ #con4 {padding:85px 0 75px;background-position:center center;} #con4 .con4_inner {padding:0 30px;} #con4 .con4_head h2 {font-size:64px;} #con4 .con4_head p {font-size:18px;} #con4 .con4_list {gap:25px;} #con4 .con4_map {height:410px;} #con4 .con4_address strong {font-size:18px;} #con4 .con4_address span {font-size:16px;} #con4 .con4_num strong {font-size:18px;} #con4 .con4_num span {font-size:16px;} #con4 .con4_links a {width:42px;height:42px;} } @media(max-width:900px){ #con4 {padding:70px 0;} #con4 .con4_inner {padding:0 24px;} #con4 .con4_head {margin-bottom:35px;} #con4 .con4_head h2 {font-size:56px;} #con4 .con4_list {grid-template-columns:1fr;gap:45px;} #con4 .con4_map {height:420px;} } @media(max-width:600px){ #con4 {padding:55px 0;background-position:center top;} #con4 .con4_inner {padding:0 18px;} #con4 .con4_head {margin-bottom:28px;} #con4 .con4_head h2 {font-size:45px;} #con4 .con4_head p {font-size:15px;} #con4 .con4_map {height:310px;} /* #con4 .con4_info {align-items:flex-start;gap:12px;padding-top:16px;} */ #con4 .con4_info {flex-direction: column; align-items: flex-start;} #con4 .con4_address {display:block;} #con4 .con4_address strong {display:block;font-size:17px;margin-bottom:5px;} #con4 .con4_address span {display:block;font-size:14px;line-height:1.6;} #con4 .con4_num {display:block;} #con4 .con4_num strong {display:block;font-size:17px;margin-bottom:5px;} #con4 .con4_num span {display:block;font-size:14px;line-height:1.6;} #con4 .con4_links {gap:6px;} #con4 .con4_links a {width:38px;height:38px;} #con4 .con4_links a span {font-size:12px;} } /*con4*/ .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:1540px; 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) { .sub_visual {margin-top: 00px;} } @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:300px} .sub_visual .title_warp { width:100%;} .sub_visual .title_warp .title_page { height:300px} .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:1400px} .content_wrap .txtCon .sub_title { text-align:center; padding:70px 10px ; display: none;} .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:1400px; margin:0 auto; padding:70px 20px 70px 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:1400px; 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} .content_wrap .txtboard{padding:50px 10px 50px 10px;} } /*서브 제목*/ /*서브 하단 네비*/ .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 {position:relative;width:100%;background:#071928;color:#fff;} #footer .footer_top {width:100%;border-bottom:1px solid rgba(255,255,255,.18);} #footer .footer_top_inner {display:flex;align-items:center;justify-content:space-between;max-width:1720px;height:84px;margin:0 auto;padding:0 60px;} #footer .ft_logo {display:flex;align-items:center;} #footer .ft_logo a {display:block;} #footer .ft_logo img {display:block;width:160px;height:auto;max-height:52px;object-fit:contain;} #footer .footer_customer {display:flex;align-items:center;justify-content:center;gap:5px;min-width:152px;height:42px;padding:0 25px;border:1px solid rgba(255,255,255,.85);border-radius:30px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;transition:background .3s ease,color .3s ease,border-color .3s ease;} #footer .footer_customer span {font-size:17px;font-weight:300;line-height:1;} #footer .footer_customer:hover {background:#fff;color:#071928;border-color:#fff;} #footer .footer_bottom {width:100%;} #footer .footer_bottom_inner {max-width:1720px;margin:0 auto;padding:35px 60px 38px;} #footer .footer_notice {margin-bottom:28px;} #footer .footer_notice p {font-size:13px;font-weight:400;line-height:1.75;color:rgba(255,255,255,.62);letter-spacing:-.3px;margin:0;} #footer .footer_company_wrap {display:flex;align-items:flex-start;gap:90px;margin-top:22px;} #footer .footer_company {min-width:0;} #footer .footer_company h3 {font-size:15px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.88);margin:0 0 12px;} #footer .footer_company ul {list-style:none;margin:0;padding:0;} #footer .footer_company li {display:flex;align-items:flex-start;gap:9px;margin-bottom:6px;} #footer .footer_company li strong {font-size:13px;font-weight:500;color:rgba(255,255,255,.72);white-space:nowrap;} #footer .footer_company li strong:after {content:":";margin-left:2px;} #footer .footer_company li span {font-size:13px;font-weight:400;line-height:1.6;color:rgba(255,255,255,.62);word-break:keep-all;} #footer .footer_copy {display:flex;align-items:center;gap:5px;margin-top:27px;font-size:12px;font-weight:400;color:rgba(255,255,255,.45);} #footer .footer_copy>a {color:rgba(255,255,255,.55);text-decoration:none;} #footer .footer_copy>a:hover {color:#fff;} #footer .footer_admin {margin-left:15px;font-size:11px;color:rgba(255,255,255,.25)!important;} #footer .footer_admin:hover {color:rgba(255,255,255,.7)!important;} @media(max-width:1200px){ #footer .footer_top_inner {height:78px;padding:0 40px;} #footer .footer_bottom_inner {padding:32px 40px 35px;} #footer .ft_logo img {width:145px;} #footer .footer_company_wrap {gap:55px;} } @media(max-width:900px){ #footer .footer_top_inner {padding:0 25px;} #footer .footer_bottom_inner {padding:30px 25px;} #footer .ft_logo img {width:135px;} #footer .footer_customer {min-width:135px;height:39px;padding:0 19px;font-size:13px;} #footer .footer_notice p {font-size:12px;line-height:1.7;} #footer .footer_company_wrap {flex-direction:column;gap:24px;} #footer .footer_company h3 {font-size:14px;} #footer .footer_company li strong,#footer .footer_company li span {font-size:12px;} } @media(max-width:600px){ #footer .footer_top_inner {height:70px;padding:0 18px;} #footer .footer_bottom_inner {padding:27px 18px 30px;} #footer .ft_logo img {width:115px;} #footer .footer_customer {min-width:auto;height:36px;padding:0 15px;font-size:12px;} #footer .footer_notice {margin-bottom:24px;} #footer .footer_notice p {font-size:11px;line-height:1.65;margin-bottom:4px;} #footer .footer_company_wrap {gap:22px;margin-top:18px;} #footer .footer_company h3 {font-size:13px;margin-bottom:9px;} #footer .footer_company li {display:block;margin-bottom:5px;} #footer .footer_company li strong {display:inline;font-size:11px;} #footer .footer_company li span {display:inline;font-size:11px;line-height:1.6;} #footer .footer_copy {display:block;margin-top:24px;font-size:10px;line-height:1.7;} #footer .footer_admin {display:inline-block;margin-left:8px;font-size:10px;} } /*푸터*/ .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); }