/*메인배너*/ .mainVideo {top:0;width: 100%;height: 550px;overflow:hidden; background-size:cover;padding:0;} .bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:550px; top:0;left:0; z-index:1} .main-carousel{padding:0; display:block; position:relative} .main-carousel .li{height:550px; 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:.6;z-index:1} .main-carousel .jarallax { height: 550px;} .main-carousel .jarallax iframe{height: 1187.56px !important;} .main-carousel .img01 { background-image:linear-gradient(to bottom, rgb(0 0 0 / 13%), rgb(0 0 0 / 36%)), url(../images/main_01.jpg);} .main-carousel .img02 { background-image:url(../images/main_02.jpg);} .main-carousel .img03 { background-image:url(../images/slide_03.jpg);} .main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:55%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;} .main-carousel .li .copy_area h2{font-size:48px;font-weight:900; line-height:1.5; letter-spacing:-5px; text-align:center; padding-bottom: 30px;} .main-carousel .li .copy_area h3{font-size: 20px; font-weight: 400; line-height: 1.8; word-break: keep-all; text-align:center; color: #eee;} .main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px; display: none;} .main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)} .main-carousel .owl-nav{position:absolute;width:100%;bottom:50%} /*.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} .main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} */ .main-carousel .owl-prev {position:absolute;top:50%;left:5%;z-index:999;background:url(../img/arrow_left.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer} .main-carousel .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url(../img/arrow_right.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer} .main-carousel .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;} .main-carousel .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;} .visual_slider .visual-notice{width:100%; right:0; position:absolute; bottom:0; z-index:1; background:rgba(0,0,0,0.6);} .visual_slider .visual-notice .inner {overflow:hidden; max-width:1400px; margin:0 auto} .visual_slider .visual-notice:after{content:''; width:calc(50% - 620px); height:100%; right:0; position:absolute; top:0;} .visual_slider .visual-notice h3{padding:20px; color:#3fc7f4; float:left; max-width:130px;} @media screen and (max-width:1190px) { .main-carousel .li .copy_area{padding-left: 40px;;} .main-carousel .li .copy_area h2{font-size:48px;} } @media screen and (max-width:790px) { .visual_slider .visual-notice h3{padding: 20px 5px; font-size: 14px;} } @media screen and (max-width:640px) { /* .main-carousel .owl-item:nth-of-type(1){display: none;} */ .mainVideo { height:600px;} .bg-fixed { height:600px} .main-carousel .jarallax { height: 600px;} .main-carousel .li { height:600px} /* .main-carousel .img01 { background-image:url(../images/m_slide_01.jpg);} .main-carousel .img02 { background-image:url(../images/m_slide_02.jpg);} .main-carousel .img03 { background-image:url(../images/m_slide_03.jpg);} */ .main-carousel .li .copy_area{padding:0 10px;} .main-carousel .li .copy_area h2 {font-size: 28px; letter-spacing:-3px; padding-bottom: 0; word-break: keep-all;} .main-carousel .li .copy_area p{font-size:16px; padding-right: 10px;;} .main-carousel .li .copy_area p br{display: none;} .main-carousel .owl-nav { display:none} } /*메인배너*/ /* 메인 동영상 */ .main_video_wrap {width: 100%; aspect-ratio: 16 / 9;} .main_video_wrap .youtube {width: 100%; aspect-ratio: 16 / 9; pointer-events: none;} /* 메인 동영상 */ /*con1*/ #section1{max-width: 1400px; margin:100px auto 100px; padding: 0 10px;} #section1 .con_pro1{display: flex;} #section1 .con_pro1 .notice_latest{width: 60%; margin-right: 3%;} #section1 .con_pro1 .con_pro{width: 40%; position: relative;} #section1 .con_pro1 .con_pro .con_tit{margin-bottom: 15px;;} #section1 .con_pro1 .con_pro .con_tit>h3{font-weight: 900; font-size: 42px;;} #section1 .con_pro1 .con_pro .con_btn{position: absolute; top: 20px; right: 0;} #section1 .con_pro1 .con_pro .owl-nav{position: absolute; top: -45px; right: 41px;;} #section1 .con_pro1 .con_pro .owl-nav button{font-size:16px; background: #fff; border:1px solid #ddd; border-radius: 100px; width: 37px; height: 37px; line-height: 37px; margin: 0 4px; color: #000;} #section1 .con_pro1 .con_pro .owl-nav .owl-prev {left: auto; right: 65px;} #section1 .con_pro1 .con_pro .owl-nav .owl-next {right: 20px;} #section1 .con_pro1 .con_pro .owl-dots{position:absolute; bottom: 20px; left: 50%; transform: translateX(-50%);} #section1 .con_pro1 .con_pro .owl-dots button{width:8px; height:8px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); margin-right: 5px;;} #section1 .con_pro1 .con_pro .owl-dots button.active{background: #fff;} #section1 .con_pro1 .con_pro .img_boxa{} #section1 .con_pro1 .con_pro .img_box h3{color: #fff;} #section1 .con_pro1 .con_pro .img_box p{color: #eee;} #section1 .con_pro1 .con_pro .img_box .img01{background:#ddd url(../images/con4_01.jpg) no-repeat; padding: 50px; width: 560px; height: 265px; background-size: cover;} #section1 .con_pro1 .con_pro .img_box .img02{background:#ddd url(../images/con4_02.jpg) no-repeat; padding: 50px; width: 560px; height: 265px; background-size: cover;} #section1 .con_pro1 .con_pro .img_box .img03{background:#ddd url(../images/con4_03.jpg) no-repeat; padding: 50px; width: 560px; height: 265px; background-size: cover;} #section1 .con_pro2 {margin-top: 50px;} #section1 .con_pro2 ul {display: flex; justify-content: space-between; align-items: center; gap: 25px; width: 100%;} #section1 .con_pro2 ul li {width: calc(100% / 3); border-radius: 15px; padding: 25px;} #section1 .con_pro2 ul li .flex_box {display: block; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;} #section1 .con_pro2 ul li .flex_box .img_box {width: 88px; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; justify-content: center; align-items: center;} #section1 .con_pro2 ul li .flex_box .img_box img {width: 100%; max-width: 45px;} #section1 .con_pro2 ul li .flex_box .text_box {color: #fff; width: calc(100% - 98px);} #section1 .con_pro2 ul li .flex_box .text_box p {font-size: 18px; color: #fff; opacity: 0.8;} #section1 .con_pro2 ul li .flex_box .text_box h2 {font-size: 24px; font-weight: 400;} #section1 .con_pro2 ul li:nth-child(1) {background-color: #0b4770;} #section1 .con_pro2 ul li:nth-child(2) {background-color: #6d7e8a;} #section1 .con_pro2 ul li:nth-child(3) {background-color: #10649e;} #section1 .con_pro2 ul li:nth-child(1) .flex_box .img_box {background-color: #003457;} #section1 .con_pro2 ul li:nth-child(2) .flex_box .img_box {background-color: #576670;} #section1 .con_pro2 ul li:nth-child(3) .flex_box .img_box {background-color: #0d588b;} @media screen and (max-width:1400px) { #section1 {padding: 0 2%; margin: 100px auto;} } @media screen and (max-width:1300px) { #section1 .con_pro2 ul {gap: 15px;} #section1 .con_pro2 ul li .flex_box .text_box p {font-size: 16px; margin-bottom: 5px;} } @media screen and (max-width:1200px) { #section1 .con_pro1 .con_pro .owl-nav {top: -35px;} #section1 .con_pro2 ul li .flex_box .text_box h2 {font-size: 22px;} #section1 .con_pro2 ul li .flex_box .img_box {width: 78px;} #section1 .con_pro2 ul li .flex_box .text_box {width: calc(100% - 88px);} } @media screen and (max-width:990px) { #section1 .con_pro1{flex-direction: column;} #section1 .con_pro1 .notice_latest{margin-right: 0; width: 100%; margin-bottom: 20px;;} #section1 .con_pro1 .con_pro{width: 100%;;} #section1 .con_pro1 .con_pro .con_tit>h3{font-size: 24px;;} #section1 .con_pro1 .con_pro .con_btn{top: 0;} #section1 .con_pro1 .con_pro .img_box .img01{width: 100%; height: 220px;} #section1 .con_pro1 .con_pro .img_box .img02{width: 100%; height: 220px;} #section1 .con_pro1 .con_pro .img_box .img03{width: 100%; height: 220px;} } @media screen and (max-width:960px) { #section1 {margin: 80px auto;} #section1 .con_pro1 .con_pro .owl-nav {top: -30px;} #section1 .con_pro2 ul {flex-wrap: wrap;} #section1 .con_pro2 ul li {width: 100%;} } @media screen and (max-width:640px) { #section1 {margin: 50px auto;} #section1 .con_pro1 .con_pro .img_box .img01{padding: 20px;;} #section1 .con_pro1 .con_pro .img_box .img02{padding: 30px;;} #section1 .con_pro1 .con_pro .img_box .img03{padding: 30px;;} #section1 .con_pro1 .con_pro .owl-nav {top: -26px;} #section1 .con_pro1 .con_pro .con_tit>h3{font-size:20px} #section1 .con_pro1 .con_pro .img_box p br{display: none;} #section1 .con_pro2 ul li .flex_box .img_box {width: 58px; padding: 10px;} #section1 .con_pro2 ul li .flex_box .text_box {width: calc(100% - 78px);} #section1 .con_pro2 ul li .flex_box .text_box p {font-size: 14px;} #section1 .con_pro2 ul li .flex_box .text_box h2 {font-size: 20px;} } /*con1*/ /*con2*/ #section2 {background: url(../images/con2_bg.jpg) no-repeat 50% 50% / cover;} #section2 .con_wrap {width: 100%; max-width: 1400px; margin: 0 auto; padding: 120px 10px;} #section2 .con_wrap .con_pro1 {} #section2 .con_wrap .con_pro1 .title_box {text-align: center; width: 100%; margin-bottom: 50px;} #section2 .con_wrap .con_pro1 .title_box p {font-size: 18px; color: #666; margin-bottom: 30px;} #section2 .con_wrap .con_pro1 .title_box h2 {font-size: 48px; color: #121212;} #section2 .con_wrap .con_pro1 .con_pro {} @media screen and (max-width:1200px) { #section2 .con_wrap .con_pro1 .title_box p {margin-bottom: 10px;} #section2 .con_wrap .con_pro1 .title_box h2 {font-size: 38px;} } @media screen and (max-width:960px) { #section2 .con_wrap .con_pro1 .title_box p {font-size: 16px;} #section2 .con_wrap .con_pro1 .title_box h2 {font-size: 30px;} } @media screen and (max-width:640px) { #section2 .con_wrap {padding: 50px 0;} #section2 .con_wrap .con_pro1 .title_box{margin-bottom: 20px;} #section2 .con_wrap .con_pro1 .title_box p {margin-bottom: 5px;} #section2 .con_wrap .con_pro1 .title_box h2 {font-size: 25px;} } /*con2*/ /*con3*/ #section3 {padding: 120px 10px;} #section3 .con_wrap {} #section3 .con_wrap {} #section3 .con_wrap .con_pro1 {width: 100%; max-width: 1400px; margin: 0 auto;} #section3 .con_wrap .con_pro1 .title_box {text-align: center; width: 100%; margin-bottom: 50px;} #section3 .con_wrap .con_pro1 .title_box p {font-size: 18px; color: #666; margin-bottom: 30px;} #section3 .con_wrap .con_pro1 .title_box h2 {font-size: 48px; color: #121212;} #section3 .con_wrap .con_pro1 .box1 {} #section3 .con_wrap .con_pro1 .box1 ul {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #section3 .con_wrap .con_pro1 .box1 ul li {width: calc(50% - 15px); border-radius: 10px; overflow: hidden; position: relative;} #section3 .con_wrap .con_pro1 .box1 ul li a {display: block; width: 100%; height: 100%;} #section3 .con_wrap .con_pro1 .box1 ul li a .img_box {width: 100%; overflow: hidden;} #section3 .con_wrap .con_pro1 .box1 ul li a .img_box img {width: 100%; transition: .4s;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; display: grid; align-content: center; justify-content: center;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box span {opacity: 0.8; font-size: 16px; display: block; text-align: center; margin-bottom: 15px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box h2 {opacity: 0.8; font-size: 28px; font-weight: 400; text-align: center; margin-bottom: 17px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box p {font-size: 20px; text-align: center; opacity: 0.8; color: #fff;} #section3 .con_wrap .con_pro1 .box1 ul li a:hover .img_box img {transform: scale(1.1);} #section3 .con_wrap .con_pro2 {margin-top: 45px;} @media screen and (max-width:1400px) { #section3 {padding: 120px 2%;} } @media screen and (max-width:1200px) { #section3 .con_wrap .con_pro1 .title_box p {margin-bottom: 10px;} #section3 .con_wrap .con_pro1 .title_box h2 {font-size: 38px;} } @media screen and (max-width:960px) { #section3 .con_wrap .con_pro1 .title_box p {font-size: 16px;} #section3 .con_wrap .con_pro1 .title_box h2 {font-size: 30px;} #section3 .con_wrap .con_pro1 .box1 ul {flex-wrap: wrap;} #section3 .con_wrap .con_pro1 .box1 ul li {width: 100%;} } @media screen and (max-width:640px) { #section3 {padding: 50px 2%;} #section3 .con_wrap .con_pro1 .title_box{margin-bottom: 20px;} #section3 .con_wrap .con_pro1 .title_box p {margin-bottom: 5px;} #section3 .con_wrap .con_pro1 .title_box h2 {font-size: 25px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box span {font-size: 14px; margin-bottom: 10px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box h2 {font-size: 22px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box p {font-size: 16px;} #section3 .con_wrap .con_pro1 .box1 ul li a .text_box p br {display: none;} #section3 .con_wrap .con_pro2 {margin-top: 30px;} } /*con3*/ .formmail input { height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;} .formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;} .formmail .radio { height:32px} .formmail .clearfix { padding:10px 0} .formmail .line { border-bottom:1px solid #ddd} .formmail p {font-size: 16px; color: #555;} .formmail .company .text { width:400px} .formmail #email_list { width:200px; margin-left:10px} .formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;} .formmail span.bar { display: inline-block; width:20px; text-align: center; vertical-align: middle; line-height: 35px;} .formmail .type label { font-size:16px; color:#555} .formmail .type .radio { width: 15px;height: 15px; border: 1px solid #ddd; background-color: #fff; margin:0 5px; color:#555} .formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center;} .formmail .form-radio { display: inline-block; margin-right: 10px; line-height: 28px;} .formmail .co_hp { width:15%} .formmail .co_hp2 { width:15%} .formmail .co_hp3 { width:15%} .formmail .co_varchar_1 { width:15%} .formmail .co_varchar_2 { width:15%} .formmail #email_list { width:15%} @media all and (max-width: 576px) { .formmail h2 { width:100%} .formmail .co_hp { width:28%} .formmail .co_hp2 { width:28%} .formmail .co_hp3 { width:28%} .formmail .company .text { width:100%} .formmail .co_varchar_1 { width:28%} .formmail .co_varchar_2 { width:28%} .formmail #email_list { width:34%} .formmail .textarea { width:100%} } /*서브상단*/ .sub_visual{position:relative;max-width:2560px;margin:0 auto;height:522px;overflow:hidden;background-repeat:no-repeat;background-position:center top} .sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)} .sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)} .sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)} .sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)} .sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)} .sub_visual .title_warp { max-width:1240px; margin:0 auto; } .sub_visual .title_warp .title_page { height:522px; position: relative;text-align:center; margin:0 auto; transform:translateY(40%); z-index:2} .sub_visual h3{font-size:14px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8} .sub_visual .main_title{font-size:45px; font-weight:500; text-align:center; color:#fff; letter-spacing:-1px } .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: 640px) { .sub_visual { height:300px} .sub_visual .title_warp { width:100%;} .sub_visual .title_warp .title_page { height:200px} .sub_visual h3 { font-size:12px} .sub_visual .main_title { font-size:34px;} .sub_visual .inBox { font-size:12px} } /*서브상단*/ /*서브 제목*/ .content_wrap { width:100%; } .content_wrap .content_area { width:100%; margin:0 auto; max-width:1400px} .content_wrap .txtCon .sub_title { text-align:center; padding:100px 20px 100px 20px;} .content_wrap .txtCon .sub_title h2 {font-size:40px; color:#000;} .content_wrap .txtCon .sub_title p {font-size: 16px; color:#555; padding-top:10px; word-break:keep-all;} .content_wrap .txtboard { max-width:1400px; margin:0 auto; padding:50px 20px 50px 20px; font-size:14px; line-height:1.75; letter-spacing:-0.02em; clear:both} /* .content_wrap .txtboard span { font-size:14px} */ @media screen and (max-width:640px) { .content_wrap .txtCon { max-width:1400px; margin:0 auto; padding:50px 10px 50px 10px; clear:both} .content_wrap .txtCon .sub_title{margin:50px 0 50px} .content_wrap .txtCon .sub_title h2 { font-size:32px} } /*서브 제목*/ /*서브 하단 네비*/ .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box; display: none;} .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left} .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px} .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0} .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer} .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;} .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease; background-color: inherit; border:0; margin-right:20px} .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;} @media screen and (max-width: 770px) { .share-area { display:none} } @media screen and (max-width: 640px) { .share-area .share-btn { display:none} .share-area { display:none} } /*서브 하단 네비*/ /*푸터*/ #footer{ width:100%; height:auto; background:url(../images/footer_bg.jpg) no-repeat center; background-size: cover; clear:both} #footer .ft_top{border-bottom:1px solid rgba(255,255,255,0.07);} #footer .ft_top>div{display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; padding: 30px 10px; align-items: center;} .foot_menu ul{display: flex; align-items: center;} .foot_menu ul p{font-size: 16px; color: #fff;} .foot_menu ul li{margin-left: 28px;} .foot_menu ul li a{padding:10px 25px; display: block; border: 1px solid #fff; border-radius: 100px;} .foot_menu ul li a span{padding-left: 15px;} .foot_menu .fm li a{ font-size:16px; color:rgba(255,255,255,0.9);} .foot_menu .fm li a.point{color:#32c0eb;} .foot_menu .fm li:last-child{border-right:0;} .foot_menu .sns{ float:right} .foot_menu .sns li{ display:inline-block; margin-left:10px} .foot_menu .sns li:first-child {margin-left:0;} .foot_menu .sns li a { color:#777} .foot_menu .sns li a:hover { color:#fff} .foot_menu .menu { margin-top:20px; } .foot_menu #phone { display:inline-block; color:#fff; font-size:12px; text-align:center; padding: 0px 20px; background-color:#6C6} .foot_menu #kakao{ display:inline-block; color:#000; font-size:12px; text-align:center; padding: 0px 20px; background-color:#ffeb33} .footer_in{ max-width:1400px; height:auto; padding:30px 10px; margin:0 auto; box-sizing:border-box} .footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#fff; font-weight:bold; } .footer_in address p{ overflow:hidden; font-size:16px; color:#eeeeeeb5;} .footer_in address p span{display:inline-block;margin-right:10px; line-height:1.8em;} .footer_in address p.addr{margin-top:18px;} .footer_in address p.copylight{ font-size:16px; color:#eeeeeeb5; margin-top:10px;} .footer_in address p.copylight strong {font-weight: 400;} .footer_in address{float:left; width:65%; font-style:normal} .footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.05); font-size:13px;} .footer_in .customer .main_tel{font-size:15px; font-weight:300; color:#fff; margin-bottom:20px; margin-top:20px;} .footer_in .customer .main_tel span{font-size:20px; font-weight:bold; color:#32c0eb; display:block; margin-top:10px;} @media screen and (max-width: 960px) { .foot_menu ul{display: none;} #footer .ft_top>div{padding: 15px 10px;} #footer .ft_top>div img{max-width: 80%;} .footer_in address p{font-size: 14px;} .footer_in address p.copylight{font-size: 14px;} } @media screen and (max-width: 640px) { .footer_in address { width:100%} .footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0} .foot_menu .sns { float:left; padding-top:20px} .foot_menu .fm { margin-bottom:20px} } /*푸터*/ .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); }