@charset "utf-8";
/* CSS Document */


/*** 
====================================================================
	공통헤더
====================================================================
***/
.main-header{
    position:absolute;
}

.main-header .header-upper{
	border-color:transparent;
    background-color:transparent;
}
.header-upper .logo-box .logo a{
	background: url("../images/logo_w.svg") no-repeat;
}
.main-menu .navigation > li > a{
	color: #fff;
}
.header-upper .main-menu .navigation > li:hover > a,
.header-upper .main-menu .navigation > li.current > a{
	color: #fff;
}
.main-header .header-upper .outer-box .contact { 
    border-color:#fff;
}
.outer-box .right_btn li button.icon_menu div {
  background: #fff;
}
.outer-box .right_btn li button.icon_srch div.round {
  border-color: #fff;
}
.outer-box .right_btn li button.icon_srch div.line {
  background-color: #fff;
}

@media (max-width: 767px) {
    .main-header .header-upper .outer-box .contact { 
        border-color:var(--thm-primary);
    }
}


/*** 
====================================================================
	메인화면
====================================================================
***/


.main_v {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    box-sizing: content-box
}

.service__icon{}
.service__icon .icon{ display: inline-block; width:100%; height:100%; background-size: 45%; background-position: center; background-repeat: no-repeat}



/*pagination*/
.main_pagination { position:fixed; top:51%; left:30px; z-index: 0;  transform: translate(0,-50%); display: none}
.main_pagination li{ display: block; font-size:.9em; line-height:.9em; padding:20px 0; font-weight: 500 }
.main_pagination li a { color:#ccc; transition: 0.4s ease; }
.main_pagination li a .icon { position:relative;  display: inline-block;  width:20px; height:20px; background-size: 20px; background-position: 0; background-repeat: no-repeat; box-sizing: border-box; vertical-align: text-top; margin:-1px 15px 0 0; transition: 0.4s ease; }
.main_pagination li a .icon:before { width:9px; height:9px; background:#ccc; border-radius:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); content:''; z-index: 1}
.main_pagination li a .icon:after { width:18px; height:18px; background:var(--thm-primary); border-radius:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); content:''; opacity: .2; z-index: 0; display: none}
.main_pagination li a .hover-text { display: none}
.main_pagination li a:hover, .main_pagination li a.active { color:var(--thm-primary);}
.main_pagination li a:hover .icon:before, .main_pagination li a.active .icon:before { background: var(--thm-primary);}

@media (max-width: 1199px) {
    .main_pagination  { display: none !important}
}

.innerV_btn { padding:20px 50px; border:solid 1px #FFF; border-radius: 100PX; color:#fff; line-height: 1; font-size: .9em}
.innerV_btn span { display: inline-block; margin:0 0 0 20px; font-size: .5em; vertical-align:middle }
.innerV_btn:hover { background: #fff; color:#080809}
#business {}

#business .is-in-view p { line-height: 1.5}
@media (min-width: 768px) {
	#business .is-in-view p { padding:0 10%}
}


@media (max-width: 767px) {
	.size-3xl {
	  width: 7.5rem !important;
	  height: 7.5rem !important;
	}
	#business .text-sm{ line-height: 1.5}
}