@charset "utf-8"; 
#main_container{font-size: 17px;}
#main_container > section .inner{position: relative; max-width: 1400px; margin: 0 auto; padding: 100px 0}
#main_container .main_tlt{padding-bottom: 80px; text-align: center; font-family: 'IndustryW00-Demi','Nanum Gothic';}
#main_container .main_tlt div{padding-bottom: 20px; font-size: 40px; letter-spacing: -2px;}
#main_container .main_tlt div span{font-weight: bold}


/* main visual */
.main_visual{position: relative; overflow: hidden;}
.main_visual .swiper-slide{height: 920px; display: flex; justify-content: center; align-items: center;}
.main_visual .swiper-slide .txt_box{text-align: center; color: #fff;}
.main_visual .swiper-slide .txt_box div{font-size: 60px; font-family: '양진체';}
.main_visual .swiper-slide .txt_box div span{background: linear-gradient(to top, rgba(66,23,198,0.7) 60%, transparent 50%)}
.main_visual .swiper-slide .txt_box p{padding-top: 20px; font-size: 1.05em;}
.main_visual .slide01{background: url(/assets/img/web/main/visual01.png) no-repeat left top / 100% auto}

.visual_arrow{width: 100px; height: 100px; color: #fff !important; border-radius: 50%; border: 1px solid #fff;}
.swiper-button-next,
.swiper-button-prev{width: 60px; height: 60px; background-image: none; cursor: pointer}
.swiper-button-next{right: 5%;}
.swiper-button-prev{left: 5%}


/* 토탈서비스 */
.main_sect01 ul{display: flex; justify-content: space-between;}
.main_sect01 ul li{width: 24%;}
.main_sect01 ul li .txt_box{padding-top: 40px;}
.main_sect01 ul li .txt_box .sbj{padding-bottom: 15px; font-size: 28px; font-weight: bold}
.main_sect01 ul li .txt_box .tag span{display: inline-block; padding: 5px 10px 5px 0; color: #5a30da;}


/* 브랜딩서비스 */
.main_sect02{text-align: center; color: #fff; background: url(/assets/img/web/main/section_bg01.png) no-repeat 50% 50% / cover;}
.main_sect02 .inner{max-width: 100% !important; height: 700px; padding: 0 !important}
.main_sect02 .main_tlt{position: absolute; top: 100px; width: 100%;}
.main_sect02 .main_tlt div span{color: #663ce7}
.main_sect02 .main_tlt p{max-width: 530px; margin: 0 auto; line-height: 1.5}
.main_sect02 ul{display: flex; height: 100%;}
.main_sect02 ul li{width: 25%; display: flex; justify-content: center; flex-direction: column; padding-top: 140px; border-left: 1px solid rgba(255,255,255,.4);}
.main_sect02 ul li:first-child{border-left: 0}
.main_sect02 ul li .txt_box p{display: block; padding: 20px 0 15px;}
.main_sect02 ul li .txt_box div{font-size: 32px; font-family: 'IndustryW00-Demi'; font-weight: bold}


/* Contact */
.main_sect03 .inner{max-width: 100% !important; padding: 0 0 150px !important}
.main_sect03 .txt_box_wrap{position: relative; max-width: 1400px; margin: 0 auto; z-index: 1} 
.main_sect03 .txt_box{position: absolute; top: 50%; margin-top: 160px; padding: 60px; background-color: #fff;}
.main_sect03 .main_tlt{text-align: left !important; padding-bottom: 0 !important; font-weight: bold}
.main_sect03 ul li{position: relative; margin-top: 5px; font-style: italic;}
.main_sect03 ul li:first-child{margin-top: 0}
.main_sect03 ul li div{position: absolute; top: 0; left: 0; padding:10px 0 10px 30px; font-weight: bold; background-repeat: no-repeat;background-position: left;}
.main_sect03 ul li p{padding:10px 0 10px 150px;}

.main_sect03 ul li.addr div{background-image: url(/assets/img/web/main/contact_ic01.png)}
.main_sect03 ul li.tel div{background-image: url(/assets/img/web/main/contact_ic02.png)}
.main_sect03 ul li.email div{background-image: url(/assets/img/web/main/contact_ic03.png)}

.main_sect03 iframe{height: 600px;}
#map{width: 100%; height: 600px;}