@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{overflow: hidden;position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}

/* 공통 */
.width{width: 94% !important; max-width: 1400px; margin: 0 auto; position: relative;}
.common{padding: 110px 0px;}
.sub_common{padding: 110px 0px 0px 0px;}
:root{
	--color: #0900df;
	--color2: #002060;
	--pb110:110px;

	--fs50: 5.0rem;
	--fs45: 4.5rem;
	--fs40: 4.0rem;
	--fs35: 3.5rem;
	--fs30: 3.0rem;
	--fs28: 2.8rem;
	--fs26: 2.6rem;
	--fs24: 2.4rem;
	--fs22: 2.2rem;
	--fs20: 2.0rem;
	--fs18: 1.8rem;
	--fs14: 1.4rem;
}
.board_title{margin-bottom: 80px; text-align: center; display: none;}
.board_title h2{font-size: var(--fs32); font-weight: 500;}
.board2_title{margin-bottom: 60px; text-align: center; }
.board2_title h2{font-size: var(--fs30); font-weight: 500;}
.board_title p{margin-top: 10px; font-size: var(--fs20);}
.center{text-align: center;}
.left{text-align: left;}
.su400{font-family: 'SUIT-Regular' !important;}
.su500{font-family: 'SUIT-Medium' !important;}
.su600{font-family: 'SUIT-SemiBold' !important;}
.su800{font-family: 'SUIT-ExtraBold' !important;}
.su900{font-family: 'SUIT-Heavy' !important;}
.pre{font-family: 'Pretendard' !important;}
.pay{font-family: 'Paybooc' !important;}
@media all and (max-width: 1024px) {
	.common{padding: 60px 0px;}
    .partners_wrap1 {padding-top: 60px;}
	.board_title{margin-bottom: 60px;}
}

#header{width: 100%;position: fixed;top: 0;z-index: 999; transition: 0.3s all; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); height: 90px; display: flex; align-items: center;}
#header .width{height: 100%;}
#header .head_login_wrap{display: flex; align-items: center;}
#header .head_login{display: flex;justify-content: flex-end;padding: 7px 10px; border: 1px solid #333; border-radius: 30px; margin-right: 25px;}
#header .head_login li{margin:0px 5px;}
#header .head_login a{font-size: 1.2rem; color: #333; white-space: nowrap; font-weight: 400;}
#header .head_login i{font-size: 20px;}
#header:hover{background: rgba(0,0,0,0.6); border-bottom: 1px solid rgba(255,255,255,0.2);}

#header .head_menu{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%; height: 90px;}
#header .head_menu .main_menu { width: 65%; display: flex; align-items: center; text-align: center; height: 100%; z-index: 9; position: relative; right: -58px;}
#header .head_menu .main_menu .dept1 { width: 20%; position: relative; padding: 15px 0px; display:flex; justify-content: center;}
#header .head_menu .main_menu .dept1 > a { font-size: 1.7rem; font-weight: 300; color: #fff;}
#header .head_menu .main_menu .dept1 > a.active { color: #2DAAE1; font-weight: bold; }
#header .head_menu .main_menu .dept1 > a.menuon { color: #2DAAE1; font-weight: bold; }

#header .head_menu .sub_menu { position: absolute; top: 100%; left:50%; transform: translateX(-50%); width: 100%; padding-top: 30px; display: none; padding-bottom: 30px;}
/* #header .head_menu .main_menu .dept2 { padding: 12px 0px; } */
#header .head_menu .main_menu .dept2 a { font-size: 1.5rem; display: block; color: #fff; padding: 10px 0px;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus { color: #2DAAE1;font-weight: bold;}
#header .menu_bg {background: rgba(0,0,0,0.6);width: 100%;height: 0;left: 0;z-index: 1;position: absolute; }

.menu_open { position: fixed; width: 100%; height: 100vh;
background: #fff; top: 0; left: 0; z-index: 999; padding: 55px 50px 50px 50px; display: none; }
.menu_open .site_map_wrap h2 { margin-bottom: 150px; display: flex; justify-content: space-between; align-items: center;}
.menu_open .site_map { display: flex; width: 100%; }
.menu_open .site_map .dept1 { width: 20%; margin-right: 40px; }
.menu_open .site_map .dept1:last-child { border-right: 0px; }
.menu_open .site_map .dept1 > a { font-size: 2.8rem; font-weight: 700; padding-bottom: 30px; border-bottom: 2px solid #eee; display: block; margin-bottom: 30px;}
.menu_open .site_map .dept1 > a.active { color: #2DAAE1; }
.menu_open .site_map .dept2 a { font-size: 2.0rem; position: relative; line-height: 120%; margin-bottom: 30px; display: inline-block; padding-bottom: 3px; }
.menu_open .site_map .dept2 a::after { content: ''; width: 0; height: 3px; background: rgba(45, 170, 225, 0.5); position: absolute; bottom: 0; left: 0; transition: 0.3s all; }
.menu_open .site_map .dept2 a:hover::after { width: 100%; }
.hd_bg { background: #fff; width: 100%; height: 0; left: 0; z-index: 1; position: absolute; }
.site_foot{padding-top: 20px;margin-top: 150px; border-top: 2px solid #eee; text-align: center;}

#header.scroll {background: rgba(0,0,0,0.6);}

/* 모바일 */
.mobile_head {width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; display: none; position: fixed; background:rgba(0,0,0,0.5); z-index: 99; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.mobile_head .mobile_logo { width: 150px; }
.mobile_head .mobile_logo img { width: 100%; }
#mobile_menu {  display: none; position: fixed; top: 0; right: -75%; width: 75%; background: #fff; z-index: 1000; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 70px; background:#fff;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 150px; }
#mobile_menu .mob_logo a img { width: 100%; }
#mobile_menu .mobile_close { font-size: 30px; cursor: pointer; color: #333;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 20px 0px;font-size: 17px; margin: 0px 20px; border-bottom: 1px solid #8e8e8e; font-weight: 500;}
.mobile_open{font-size: 24px; color: #fff;}
#mobile_menu .mob_menu .topmenu.on { color: #fff; }
#mobile_menu .mob_menu .sub_menu { padding: 15px 0px; margin: 0px 20px; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 15px; padding: 10px; background: #fff; font-weight: 500;}
#mobile_menu .mob_menu_btn{display: flex; padding: 10px 0px; margin: 0px 20px; justify-content: space-between;}
#mobile_menu .mob_menu_btn li{width: 49%;}
#mobile_menu .mob_menu_btn a{font-size: 17px;  background: #ddd;display: flex; height: 50px; justify-content: center; align-items: center; font-weight: 400;}
#mobile_menu .mob_menu_btn a i{font-size: 16px; margin-right: 5px;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
.mobile_head{display: flex;}
}

/* 메인비주얼 */
.theme_visual{height: 80vh; display: flex; align-items: center; justify-content: center;}
.swiper_visual {display:block;height:100%;margin:0px auto;overflow:hidden;position:relative; width: 100%;}
.swiper_visual .swiper-slide {position:relative; height: auto !important;}
.swiper_visual .swiper-slide .main_visual img{width: 100%;}


.pcbr{display: block !important;}
.mobbr{display: none !important;}
.pc{display: block !important;}
.mob{display: none !important;}


/* 메인 텍스트 */

.main_text{text-align: center; color: #fff; position: absolute; top: 0; width: 94%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; left: 0; right: 0;}
.main_text h4{ font-family: 'SCoreDream'; font-weight: 100; font-size: var(--fs50); letter-spacing: 3px;}
.main_text h4 span{ font-family: 'SCoreDream'; font-weight: 100; font-size: var(--fs50);  position: relative;}
.main_text h4 span::before{content: ''; width: 5px; height: 5px; background: #fff; border-radius: 50%; top: 0; left: 0; right: 0; margin: 0 auto; position: absolute;}
.main_text h2{font-size: 6.0rem; background: url('../img/textbg.png')no-repeat; background-position: bottom; font-weight: bold;color: transparent;
	-webkit-background-clip: text; margin-bottom: 100px;}
.main_text h3{font-size: var(--fs40); font-weight: bold; letter-spacing: -2px;}
.main_text p{font-size: var(--fs24); font-weight: 200; margin-top: 10px;}

@media all and (max-width: 1300px){
	.pcbr{display: none !important;}
	.mobbr{display: block !important;}
}

@media all and (max-width: 768px){
	.pc{display: none !important;}
	.mob{display: block !important;}
}

.gree_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 100px;}
.gree_top .title span{font-size: 1.8rem; font-weight: bold; color: var(--color2); margin-bottom: 10px; display: inline-block;}
.gree_top .title h2{font-size: var(--fs40); font-weight:bold;}
.gree_top p{font-size: var(--fs22); line-height: 130%;}
.gree_con{display: flex; gap:15px 1%;}
.gree_box{background: #f3f4f8; border-radius: 20px; width: 32.5%; padding: 30px; text-align: center;}
.gree_box .gree_icon{width: 210px; height: 210px; background: #fff; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.gree_box h2{font-size: var(--fs28); color: var(--color); font-weight:bold; margin-bottom: 30px;}
.gree_box p{font-size: var(--fs20); font-weight: 200; line-height: 130%;}
.brand_slide .swiper-slide{border-radius: 20px; overflow: hidden;}

.brand_slide img{width: 100%;}
.branding_wrap{background: url('../img/back01.png')no-repeat; background-attachment: fixed; background-size: 100% 100%; background-position: center;}
.branding_wrap .width{display: flex; justify-content: space-between; align-items: center;}
.brand_slide{width:42%; position: relative; overflow: hidden;}
.brand_text{width: 58%; padding-left: 15%;}
.brand_text h2{font-size: var(--fs40); color: #fff; margin-bottom: 25px; font-weight: bold;}
.brand_text p{font-size: var(--fs20); line-height: 130%; margin-bottom: 35px; color: #fff; font-weight: 300;}
.brand_text a{padding: 6px 20px; border: 1px solid #fff; border-radius: 30px; color: #fff; font-size: 1.8rem; font-weight: bold;}
.brand_text a:hover{transition: 0.3s all; background: #fff; color: var(--color);}
.brand_text a i{margin-right: 7px;}
.branding_wrap .slide_btn {display: flex; justify-content: space-between; position: absolute; z-index: 2; width:42%; top: 40%;}
.branding_wrap .slide_btn span{width: 55px; height: 55px; font-family: 'SUIT-Regular'; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; font-size: 26px; position: relative; cursor: pointer;}
.branding_wrap .slide_btn .slide_btn_prev{left: -27px;}
.branding_wrap .slide_btn .slide_btn_next{right: -27px;}


.special_wrap{background: #f8f8fa;}
.special_con{margin-bottom: 100px;}
.special_con:last-child{margin-bottom: 0px;}
.special_title{margin-bottom: 40px;}
.special_title span{background: #002060; color: #fff; font-size: 2.0rem; font-weight: bold; padding: 6px 20px; border-radius: 30px; margin-bottom: 15px; display: inline-block;}
.special_title h2{color: #333; font-size: var(--fs35); font-weight: bold; margin-bottom: 20px;}
.special_title p{color: #333; font-size: var(--fs22); font-weight: 200; line-height: 140%;}
.special_img{display: flex; justify-content: space-between;}
.spe_small{display: flex; flex-direction: column; justify-content: space-between; width: 42%;}
.spe_big{width: 57.8%;}
.spe_big img{width: 100%;}
.spe_small img{width: 100%;}

.mid_banner{padding: 50px 0px; background: #06002e; text-align: center;}
.mid_banner h2{color: #fff; font-size: var(--fs24); font-weight: bold;}
.mid_banner h3{color: #fff; font-size: var(--fs20); font-weight: 400; margin-top: 10px; margin-bottom: 15px;}
.mid_banner p{color: #fff; font-weight: 200;}

.port_title{text-align: center; margin-bottom: 70px;}
.port_title h2{font-size: var(--fs45); font-weight: 900; color: var(--color); margin-bottom: 30px;}
.port_title p{font-size: var(--fs20); line-height: 140%;}

.port_gallery{display: flex; flex-wrap: wrap; gap:6px 0.5%; margin-bottom: 70px;}
.port_box{width: 33%; position: relative; border-radius: 35px; overflow: hidden;}
.port_box img{width: 100%;}
.port_box a{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; top: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: bold; opacity: 0;}
.port_box:hover a{opacity: 1; transition: 0.3s all;}
.portfolio_wrap .port_btn{width: 215px; height: 50px; border-radius: 25px; border: 1px solid var(--color); background: var(--color); color: #fff; display: block; text-align: center; line-height: 50px; margin: 0 auto;}
.portfolio_wrap .port_btn:hover{transition: 0.3s all; background: #fff; color: var(--color); }

.pop_header{border-bottom:1px solid #ddd;padding:15px;font-weight:bold;}
.pop_content{padding:15px;}
.pop_wrap{display:none;position:fixed;top:150px;left:50%;border:0px solid red;width:90%;max-width:1024px;background: #fff;z-index: 999;transform: translateX(-50%);border-radius:5px;}
.pop_wrap .pop_image_box{position:relative;height:600px;}
.pop_title{font-size:22px;font-weight:bold;margin:30px 10px 10px;}
.pop_content{font-size:18px;font-weight:400;margin-bottom:10px;}

.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background-color: #000;}
.portfolio_wrap.active{z-index:999;}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5;}

.pop_image_box .swiper {width: 100%;height: 100%;}
.pop_image_box .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.pop_image_box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pop_image_box .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.pop_image_box .swiper-slide {background-size: cover;background-position: center;}
.pop_image_box .mySwiper2 {height: 70%;width: 100%;}
.pop_image_box .mySwiper {height: 30%;box-sizing: border-box;padding: 10px 0;}
.pop_image_box .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.pop_image_box .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.pop_image_box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
@media all and (max-width: 950px){
	.pop_image_box .mySwiper{display:none;}
	.pop_wrap .pop_image_box{height:50vw;}
	.pop_image_box .mySwiper2 {height:100%;}
}


.new_wrap{background: #f8f8fa;}
.new_wrap .width{display: flex; justify-content: space-between;}
.new_box{width: 30% ; display: flex; flex-direction: column; justify-content: space-between;}
.new_box h2{text-align: center; font-size: var(--fs35); color: #333; font-weight: 800; margin-bottom:30px;}
.new_box p{text-align: center; color: #333; line-height: 130%; font-weight: 300; font-size: 1.7rem;}
.new_box img{ margin: 0 auto; display: block; margin-bottom: 40px; margin-top: 50px; }

.contact_wrap{display: flex; justify-content: space-between;}
.contact_wrap .width{overflow: hidden;}
.contact_title{width: 50%;}
.contact_write_rigth{width: 50%; display: flex; justify-content: center; align-items: center;}

.contact_write_rigth a{padding: 6px 20px; border: 1px solid var(--color); border-radius: 30px; color: #fff; font-size: 1.8rem; font-weight: bold; background: var(--color); display: inline-block;     width: 215px; height: 50px; display: flex; align-items: center; justify-content: center;}
.contact_write_rigth a:hover{transition: 0.3s all; background: #fff; color: var(--color);}
.contact_write_rigth a i{margin-right: 7px;}

.contact_title h2{font-size: var(--fs35); color: #333; margin-bottom: 20px; font-weight: 800;}
.contact_title h3{font-size: var(--fs30); color: var(--color2); font-weight: bold; margin-bottom: 40px;}
.contact_title ul img{margin-right: 7px;}
.contact_title ul li{font-size: var(--fs18); display: flex; align-items: baseline; margin-bottom: 10px; font-weight: 300;}
.contact_title a{margin-top: 50px; font-size: var(--fs18); display: flex; align-items: center;}
.contact_title a b{ margin-left: 5px;}
.contact_title a img{margin-right: 7px;}

/* .customer_slide ul{overflow: hidden;} */
.customer_wrap{background:#f8f8fa; }
.customer_wrap .width{overflow: hidden;}
.customer_wrap h2{font-size: var(--fs35); color: #333; font-weight: 900; margin-bottom: 10px;}
.customer_wrap p{font-size: var(--fs22); margin-bottom: 30px;}
.customer_slide .swiper-slide{background: #fff; width: 19%;}
.customer_slide .swiper-slide img{width: 100%;}

#box .inner {margin:0 auto;overflow:hidden;}
#box .slider_wrap {position:relative;}
#box ul{overflow:hidden; display: flex; justify-content: space-around; min-width: 1400px;}
#box ul li {margin-right: 14px; width: 250px; border: 1px solid #eee; background: #fff; height: 80px;}
#box li img {max-width:100%;}
#box li p {width:100%; height:100%; text-align:center;}

#ft{background: #010102; padding: 100px 0px;}
#ft .foot_top{display: flex; justify-content: space-between; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #2a2a2a;}
#ft .foot_top ul{display: flex; align-items: center;}
#ft .foot_top ul li{margin-left: 50px;}
#ft .foot_top ul li a{color: #fff; font-weight: 500; font-size: 1.5rem}
.foot_info_wrap{display: flex; justify-content: space-between;}
.foot_info{width: 60%;}
.foot_info ul{display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.foot_info2{flex-direction: column; align-items: flex-start;}
.foot_info ul li{color: #fff; font-size: 1.5rem; text-align: left; margin-top: 15px; line-height: 1.4;}
.foot_info ul li:first-child {margin-top: 0;}
.foot_info ul span{color: #fff; margin: 0 7px; font-size: 1.5rem;}
.foot_sns a{margin-left: 5px;}
.foot_sns{display:flex;}
.foot_admin a{color: #ffff; font-size: 1.5rem;}

#top-btn{display: block; margin: 0 0 0 auto; margin-top: 30px; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 50%; background: none; color: #fff;}

.kakao{position: fixed; right: 20px; bottom: 20px; background: #fff; border-radius: 30px; display: inline-block; padding-right: 10px; font-weight: bold; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); z-index: 9;
}
.kakao i{width: 36px; height: 36px; background: #ffe100; border-radius: 50%; display: inline-block; font-size: 24px; line-height: 36px; margin-right: 7px;}


.sub_visual{height: 350px; background-repeat: no-repeat !important; background-size: cover !important;}
.sub_top_text{height: 100%; display: flex; justify-content: center; flex-direction: column; padding-top: 100px; color: #fff;}
.sub_top_text h3{font-size: var(--fs40); font-weight: bold; margin-bottom: 10px;}
.sub_top_text p{font-size: var(--fs20);}

.company_wrap{display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--pb110);}
.company_text h4{font-size: var(--fs45); font-weight: 800; margin-bottom: 30px; color: #002060;}
.company_text h2{font-size: var(--fs40); font-weight: 600; margin-bottom: 30px;}
.company_text h3{font-size: var(--fs26); font-weight: 300; margin-bottom: 45px; line-height: 130%;}
.company_text p{font-size: var(--fs18); line-height: 130%;}
.company_text{width:60%;}
.company_img{width: 40%;}
.company_img img{width: 100%;}

.partners_wrap1 {padding-top: 110px;}
.partners_wrap{background: url('../img/back02.png')no-repeat; background-position: center; background-size: cover; background-attachment: fixed; text-align: center;}
.partners_wrap h2{color: #fff; font-size: var(--fs30); font-weight: 600; margin-bottom: 30px; text-align: left;}
.partners_wrap h3{font-size: var(--fs24); color: #fff;}
.partners_wrap p{font-size: var(--fs20); color: #fff; font-weight: 100;}
.part_wrap{margin-top: 80px; display: flex; justify-content: center; gap:15px;}
.part_box{width: 40%; background: #f3f4f8; text-align: center; padding: 50px 0px;;}
.part_box h4{font-size: var(--fs30); font-weight: 800; color: var(--color2); margin: 30px 0px 20px 0px;}
.part_box h5{font-size: var(--fs20); line-height: 130%;}

.partners_wrap h3{font-size: var(--fs24); margin-bottom: 25px; text-align: left;}
.partners_wrap .linedel {border: none;}

.his_wrap{ display: flex; justify-content: space-between; }
.his_wrap img{width: 50%; }
.his_text {width: 45%;}
.his_text h2{font-size: var(--fs40); font-weight: 600; margin-bottom: 15px;}
.his_text h3{font-size: var(--fs26); font-weight: bold; margin-bottom: 35px;}
.his_text ul{border-top: 1px solid #fff; padding-top: 20px;}
.his_text ul li{display: flex; font-size: var(--fs18); font-weight: 400; line-height: 200%; color: #fff;}
.his_text ul li span{margin-right: 5px; font-size: var(--fs18); font-weight: 600;}

.map_wrap{width: 100%; position: relative;}
.root_daum_roughmap{width: 100% !important; height: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .map_company{position: absolute; z-index: 3; right: 0; bottom: -70px; background: var(--color2); padding: 30px 40px;}
.map_wrap .map_company h2{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.map_wrap .map_company h2 img{width: 170px; }
.map_wrap .map_company ul{display: flex; margin-top: 20px;}
.map_wrap .map_company ul li{display: flex; align-items: center; font-size: var(--fs20); color: #fff;}
.map_wrap .map_company ul li a{display: flex; align-items: center; font-size: var(--fs20); color: #fff;}
.map_wrap .map_company ul li:first-child{margin-right: 50px;}
.map_wrap .map_company ul li i{font-size: 2.4rem; margin-right: +6px;}
/* 맵버튼 */
.map_btn{margin-top: 160px; text-align: center; display: flex; justify-content: center;}
.map_btn a{display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; font-size: var(--fs20); font-weight: 500; color: #fff;}
.map_btn a > i{font-size: 30px; margin-right: 10px;}
.map_btn a:first-child{border: 1px solid #00c63b; background:#00c63b; margin-right: 15px;}
.map_btn a:last-child{border: 1px solid #f9e200; background: #f9e200; color: #3d1d1c;}
/* 교통 */
.visit_wrap{margin-top: 100px;}
.visit_wrap .visit_box{display: flex;justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.visit_wrap .visit_box:last-of-type{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.visit_wrap .visit_box h3{display: flex; align-items: center; font-size: var(--fs28); width: 30%;}
.visit_wrap .visit_box h3 i{width: 40px; height: 40px; border-radius: 7px; background: #525e75; color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-right: 15px;}
.visit_wrap .visit_box ul{width: 70%;}
.visit_wrap .visit_box ul li{font-size: var(--fs18); line-height: 130%; margin-top: 20px;}
.visit_wrap .visit_box ul li:first-of-type{margin-top: 0px;}
.visit_wrap .visit_box ul li span{display: inline-block; width: 60px; height: 30px; line-height: 30px;text-align: center; background:#525e75; color: #fff; border-radius: 3px; margin-right: 10px; font-size: 14px;}
.visit_wrap .visit_box ul li span.bus1{background: #BDD2B6;}
.visit_wrap .visit_box ul li span.bus2{background: #A2B29F;}
.visit_wrap .visit_box ul li span.bus3{background: #798777;}
.visit_wrap .visit_box ul li span.way1{background: #FFD36E;}
.visit_wrap .visit_box ul li span.way2{background: #4C657E;}
.visit_wrap .visit_box ul li span.way3{background: #F29696;}
.visit_wrap .visit_box ul li span.way4{background: #B7C4CF;}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 850px) {
	.map_wrap .map_company{position: relative; bottom: initial;}
	.map_btn{margin-top: 10px;}
	.visit_wrap .visit_box{flex-direction: column;}
	.visit_wrap .visit_box h3{width: 100%; margin-bottom: 20px;}
	.visit_wrap .visit_box ul li{margin-top: 12px;}
	.visit_wrap .visit_box ul{width: 100%; padding-left: 55px;}
}
@media all and (max-width: 768px) {
	.map_wrap .map_company ul{flex-direction: column;}
	.map_wrap .map_company ul li:first-child{margin-right: 0px; margin-bottom: 20px;}
	.map_btn a{width: 50%;}
	.map_btn a:first-child{margin-right: 10px;}
}


/* 페이지 네비, 게시판 등 */
/* .bo_cate_link{border-radius: 30px;}
.bo_v_topcon .bo_v_cate{border-radius: 30px;} */
#bo_gall .is_notice{border-radius: 30px;}
.quick_banner{z-index: 99; right: 20px; bottom: 20px; position: fixed;animation: quickBounce .8s infinite alternate;}
@keyframes quickBounce {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }

@keyframes quickBounce2 {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

#top_btn{width: 45px; height: 45px;border: none; background: #fff; border-radius: 50%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); transition: 0.3s all;}
#top_btn span{font-size: 14px; font-weight: bold;}
#top_btn:hover{background: #eee; color: #000;}

.floating_menu { width: 45px; height: 45px; border-radius: 50%; background: #2DAAE1; position: fixed; bottom: 52px; z-index: 99; }
.floating_menu input { position: absolute; width: 45px; height: 45px; margin: 0; opacity: 0; cursor: pointer; }
.floating_menu input:checked ~ .floating_plus { transform: rotate(135deg); }
.floating_menu input:checked ~ .floating_nav li:nth-child(1) { transform: translatey(-52px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(2) { transform: translatey(-104px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(3) { transform: translatey(-156px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(4) { transform: translatey(-208px); opacity: 1; }
.floating_menu input ~ .floating_plus { transform: rotate(0); }
.floating_menu > .floating_plus { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 20px; color: #FFFFFF; background:#2DAAE1; border-radius: 50%; transform: rotate(0); transition: all 0.5s ease; pointer-events: none; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.floating_menu > .floating_plus i { line-height: normal !important; }
.floating_menu > .floating_nav { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.floating_nav li { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; background: #fff; cursor: pointer; position: absolute; transition: all 0.5s ease; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.floating_menu > .floating_nav li a i { font-size: 20px; color: #222; }
.floating_menu > .floating_nav li a i.xi-kakaotalk { font-size: 28px; margin-top: 3px; }

.pg_wrap{margin-top: 60px; display: flex; justify-content: center; width: 100%;}
.pg_wrap .pg{display: flex;}
.pg_page{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background-color: none; border: 1px solid #ccc;}
.pg_current{border: 1px solid #8e8e8e; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background: none;}

@media all and (max-width: 1400px) {
}
/* 갤러리 */
@media all and (max-width: 1024px) {
	.gall_row .col-gn-4{width: 33.33333%;}
	.gall_row .col-gn-5{width: 25%;}
}

@media all and (max-width: 850px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5{width: 50%;}
	#bo_cate li{width: 25%; margin-bottom: 10px;}
	#bo_cate ul{flex-wrap: wrap;}
}

@media all and (max-width: 600px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5, .gall_row .col-gn-2{width: 100%;}
}

/* 리스트 */
@media all and (max-width: 850px) {
	.prdt_list .prdt_top th.psize, .prdt_list .prdt_table .psize{display: none;}
	.prdt_list .prdt_top th.pcolor, .prdt_list .prdt_table .pcolor{display: none;}
}

@media all and (max-width: 650px) {
	.prdt_list .prdt_top th.num{min-width: 60px;}
	.prdt_list .prdt_top th.pintro, .prdt_list .prdt_table .pintro{display: none;}
	.prdt_list .prdt_top th.pname{width: 100%;}
	.prdt_list .prdt_table .pname{text-align: center;}
}

/* 애니메이션 */

@media all and (max-width: 1400px){
}

@media all and (max-width: 1024px){
	html{font-size: 55% !important;}
	:root{
		--fs45: 4.2rem;
		--fs40:3.8rem;
		--fs35: 3.2rem;
		--fs22:2.0rem;
	}
	.main_text h4, .main_text h4 span{font-size: 3.0rem;}
	.main_text h3{font-size: 2.7rem;}
	.main_text p{font-size: 2.0rem;}
	.main_text{padding-top: 150px;}
	.main_text h2{font-size: 4.6rem; margin-bottom: 60px;}
	.brand_text{padding-left: 8%;}
	.branding_wrap .slide_btn span{width: 45px; height: 45px; line-height: 45px;}
	.branding_wrap .slide_btn .slide_btn_next{right: -10px;}
	.branding_wrap .slide_btn .slide_btn_prev{left: -10px;}
	#box ul li{width: 300px;}
}

@media all and (max-width: 950px){
	.gree_con{flex-wrap: wrap; gap:10px 1%;}
	.gree_box{width: 49.5%;}
	.mid_banner img{max-width: 400px; width: 80%;}
	.port_title{margin-bottom: 60px;}
	.contact_wrap{flex-direction: column;}
	.contact_title{width: 100%; margin-bottom: 40px;}
	.contact_write{width: 100%;}
}

@media all and (max-width: 850px){
	.gree_top{margin-bottom: 60px; flex-direction: column; align-items: flex-start;}
	.gree_top p{margin-top: 30px;}
	.branding_wrap .width{flex-direction: column;}
	.brand_text{padding-left: 0px; text-align: center; width: 100%; margin-top: 30px;}
	.brand_slide{width: 100%;}
	.branding_wrap .slide_btn{width: 100%; top: 29%;}
	.port_box{width: 49.5%;}
	#ft .foot_top{flex-direction: column; padding-bottom: 20px; margin-bottom: 20px;}
	#ft{padding: 60px 0px;}
	.foot_logo{text-align: left; margin-bottom: 25px;}
	#ft .foot_top ul{justify-content: space-between;}
	#ft .foot_top ul li{margin-left: 0px; line-height: 140%;}
	.company_wrap{flex-direction: column;}
	.company_text{width: 100%; margin-bottom: 30px;}
	.company_img{width: 100%;}
	.part_box{width: 45%;}
}

@media all and (max-width: 768px){
	.theme_visual{height: 90vh;}
	.brand_text h2{font-size: 3.4rem;}

	.brand_text p br{display: none;}
	.main_text{padding-top: 110px;}
	.main_text h2{font-size: 3.2rem;}
	/* .gree_top p br{display: none;} */
	.branding_wrap .slide_btn{ top: 23%;}
	.special_img{flex-direction: column;}
	.spe_big{width: 100%; margin-bottom: 4px;}
	.spe_small{width: 100%;}
	.spe_small img{margin-bottom: 4px;}
	.main_text h4 span::before{top: -5px;}
	.part_box{width: 100%;}
	.part_wrap{margin-top: 60px; flex-wrap: wrap;}
	.his_wrap{flex-direction: column;}
	.his_wrap img{width: 100%; margin-bottom: 40px;}
	.his_text{width: 100%;}
	.contact_title a{font-size: 2.2rem;}
}

@media all and (max-width: 650px){
	.gree_box{width: 100%;}
	.branding_wrap .slide_btn{ top: 20%;}
	.foot_info_wrap{flex-direction: column-reverse;}
	.foot_sns{margin-bottom: 20px;}
	.foot_info{width: 100%;}
	#top-btn{position: absolute; top: 193px; right: 0;}
	.new_box img{max-width: 250px;}
}

/*  */