@charset "UTF-8";

@media (min-width: 300px) and (max-width: 784px) {
	.intro1 {
/* 		background-position: -540px center; */
		background-position: center;
		background-size: cover;
	}
}

@media (min-width: 784px) and (max-width: 1600px) {
	.intro1 {
		background-position: center;
		background-size: cover;
	}
}
*{
	font-family: 'NotoSansKR', sans-serif;
	letter-spacing:-0.8px;
}


.page-scroll {
	font-size: 0.875rem;
}
.main-txt {
	font-size: 5.25rem;
}
.middle-txt {
	font-size: 2.0rem;
}
.middle-boldtxt {
	font-weight:700;
}
.main-txt2 {
	font-size: 4.5rem;
}
.middle-txt-2 {
	font-size: 1.5rem;
}
.middle-boldtxt-2 {
	font-size: 1.5rem;
}
.main-txt3-t {
	font-size: 4.5rem;
}
.main-txt3-u {
	font-size: 4.5rem;
}
.main-txt3-r {
	font-size: 4.5rem;
}
.main-txt3-b {
	font-size: 4.5rem;
}
.main-txt3-o {
	font-size: 4.5rem;
}
.main-txt3 {
	font-size: 4.5rem;
}
.intro-middle-text {
	font-size: 1.5rem;
}
.perfect-span {
	font-size: 2rem;
}
.professional-span {
	font-size: 2rem;
}
.value-span {
	font-size: 2rem;
}
.trust-span {
	font-size: 2rem;
}
.pride-span {
	font-size: 2rem;
}
.intro-bottom {
	margin-top: 1.408vh;
}
.bottom-txt {
	font-size: 1.25rem;
}
.titel-name {
	font-size: 2.25rem;
}
.grid-wrapper li {
	font-size: 1.5rem;
}
.word-ko {
	font-size: 1.5rem;
}
.word-en {
	font-size: 1.25rem;
}

.page-scroll {
	left: 11.614vw;
	bottom: 20.043vh;
}

#service {
	padding-top: 9.209vh;
}

/* #service-2 { */
/* 	margin-top: 9vh; */
/* } */

#recruit {
	padding-top: 9.209vh;
}

#contact {
	padding-top: 9.209vh;
}

/* slide 1 */
.text-zone {
	left: 11.614vw;
	top: 22.968vh;
}

.main-txt {
	line-height: 9.75vh;
/* 	line-height: 5.25rem */
}

.main-slide-1 {
/* 	line-height: 3.25vh; */
	line-height: 3.925vh;
	padding-left: 0.313vw;
}

.main-slide-1-bottom {
	padding-left: 0.313vw;
}

.text-zone2 {
	left: 11.614vw;
	top: 22.968vh;
}

.main-txt2 {
	line-height: 9.75vh;
/* 	line-height: 4.5rem; */
}

.main-slide-2 {
/* 	line-height: 2.925vh; */
/* 	line-height: 3.925vh; */
/* 	margin-top: 5.417vh !important; */
	padding-left: 0.3vw;
}

.text-zone3 {
	left: 11.614vw;
	top: 22.968vh;
}

.main-slide-3 {
	line-height: 5.5vh;
/* 	line-height: 4.5vh; */
}

.intro4 {
	padding-top: 15.817vh;
}

.intro-middle {
	margin-top: 5.3vh;
/* 	margin-top: 6.816vh; */
/* 	margin-top: 3.8vh; */
	line-height: 3.5vh;
}

.intro-slide3-middle {
	margin-top: 3.8vh;
	line-height: 3.5vh;
}

.ballon-wrapper {
	width: 11vw;
	height: 13vh;
	line-height: 10vh;
}

.perfect-div {
	top: 27.0855vh;
	left: 54.47vw;
}

.professional-div {
	top: 22.86vh;
	left: 77.55vw;
}

.ballon-logo {
	top: 37.703vh;
	left: 46.04vw;
	/* 		width: 92.37995824634656vw; */
	/* 		height: 15.926327193932828vh; */
}

.ballon-logo-img {
	width: 46.09vw;
}

.ballon-logo-shadow-img {
	width: 46.09vw;
}

.ballon-logo-shadow {
	top: 38.244vh;
	left: 46.04vw;
	/* 		width: 92.37995824634656vw; */
	/* 		height: 15.926327193932828vh; */
}

.value-div {
	top: 60.53846153846154vh;
	left: 47.03vw;
}

.trust-div {
	top: 70.097vh;
	left: 62.29vw;
}

.pride-div {
	top: 58.179vh;
	left: 77.55vw;
}

.intro-bottom {
	margin-top: 1.408vh;
}

.left-top {
	left: 11.614vw;
	top: 22.968vh;
}

.left-bottom {
	left: 11.614vw;
	top: 52.818vh;
}

.grid-wrapper {
	grid-gap: 4.79rem;
	width: 45.05vw;
}

.main-container {
	margin: 5vh 0vw 0vh 38vw;
	max-width: 122.129vw;
}

.words {
	margin-top: 1.408vh;
}

.perfection, .innovation, .trustability, .scalability, .global-network,
	.medical, .cowork, .resource-share {
	width: 8.03vw;
	height: 8.03vw;
}

.word-en {
	margin-top: 1.516vh;
}

/* 퀵 메뉴 */
.quick-menu-wrapper {
	top: 49.9vh;
	left: 3.2vw;
}

.quick-menu-list li {
	margin-bottom: 0.6vh;
}

.quick-menu-list li a:hover {
	font-size: 0.938rem;
}

.quick-menu-list li a {
/* 	font-size: 0.813rem; */
	font-size: 0.938rem;
}

.quick-menu-list li::before {
	width: 0.1vw;
	height: 0.1vw;
	margin: 0 0.5vw 0 0;
}

.quick-menu-list li:hover:before {
	width: 0.1vw;
	height: 1.8vh;
	border-radius: 0;
}

.quick-menu-list li.quick-li-active a {
	font-size: 0.938rem;
}

.quick-menu-list li.quick-li-active:before {
	width: 0.1vw;
	height: 1.8vh;
	border-radius: 0;
}

.Tap-menu.tap-on{
	color:#034588;
}

	#horizontal-line{
	position: absolute;
    background: #034588;
    height: 3px;
    width: 96px;
    top: 32px;
    left: 0;
    z-index: 10;
    transition: all .5s;
}
.pg2-tabcon{
		display:none;
	}

@media (max-width:768px){
	
	#horizontal-line.on{
		left:0 !important;
		width:95px !important;
	}
	
	input,textarea{
		appearance: none;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance:none;
		border-radius:0;
		-moz-border-radius:0;
	}
	select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	border-radius:0; 
	
	}
	
	.main-page{
		width:100%;
		/* height:480px; */
		margin-top:54px;
		height:400px;
	}
	.main-txt,.main-txt2{
		font-size:40px;
		line-height:45px;
	}
	
	.intro-middle{
		display:none;
	}
	.mobile-slide-subtxt{
		display:block;
		margin-top:24px;
	}
	.mobile-slide-subtxt>p{
		font-size:18px;
	}
	.mobile-slide-subtxt>p:first-child{
		margin-bottom:12px;
	}
	#service,#service-2{
		display:none;
	}
	.main-page .swiper{
		height:100%;
	}
	.slide_mbg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding:40px 24px;
	/* animation: shrink 10s infinite alternate; */
	}
	
	@keyframes shrink { 
	0% {
		background-size: cover;
	}

	100% {
		background-size:105% 105%;
	}
}
	.slide_mbg1{
		background-image: url('../../images/main/main_bg1.png');
	}
	.slide_mbg2{
		background-image: url('../../images/main/main_bg2.png');
	}
	.slide_mbg3{
		background-image: url('../../images/main/main_bg3.png');
	}
	.text-zone>.txt-fst>p{
		/* font-size:40px; */
		font-size:36px;
		font-weight:700;
		/* line-height:45px; */
		line-height:40px;
		
	}
	.text-zone>.txt-nd{
		/* font-size:18px; */
		font-size:17px;
		margin-top:24px;
		word-break:keep-all;
		max-width:312px;
	}
	.text-zone>.txt-nd>p:first-child{
		margin-bottom:12px;
	}
	.main-page .swiper-pagination-bullet{
		height:2px;
		width:32px;
		border-radius:0;
	}
	.main-page .swiper-pagination-bullets{
		text-align:center;
		left:50% !important;
		bottom:55px !important;
		transform:translateX(-50%);
		display:flex;
		/* gap:4px; */
	}
	.main-page .swiper-pagination-bullets>span{
		margin-right:4px;
	}
	.page2{
		margin-top:52px;
		font-size:16px;
		height:100%;
	}
	.page2>h2{
		font-weight:500;
		padding:0 24px;
		margin-bottom:6px;
		font-size:18px;
	}
	.page2 .mo-svck{
		display:flex;
		/* gap:20px; */
		font-weight:600;
		margin-top:6px;
		margin:0 24px 8px 24px;
		position:relative;
	}
	.page2 .mo-svck>div{
		position:relative;
		font-size:18px;
	}
	.page2 .mo-svck .Tap-menu1{
		margin-right:20px;
	}
	.page2 .mo-svck > div.on{
		color:#034588;
		
	}
	.pg2-tabcon.on{
		display:block;
		background:#F5F5F5;
		padding:32px 24px;
	}
	.pg2-fixt{
		margin-bottom:25px;
	}
	.pg2-fixt>div{
		font-size:26px;
		font-weight:600;
	}
	.pg2-fixt>p{
		font-size:14px;
		margin-top:6px;
		color:#454545;
		word-break:keep-all;
		max-width:315px;
	}
	.page2 .service-img{
		width:100%;
		height:200px;
		object-fit:cover;
	}
	.sv-tit{
		margin-top:12px;
		font-size:20px;
		font-weight:600;
		letter-spacing:-1px;
	}
	.sv2-tit{
		margin-top:12px;
	}
	.sv-tit2{
		font-size:20px;
		font-weight:600;
	}
	.sv-subtxt{
		    word-break: keep-all;
		    font-size: 15px;
		    margin-top: 6px;
		    color:#454545;
	}
	.sv-btnwrap{
		margin-top:12px;
		display:flex;
		column-gap:20px;
	}
	.sv-btnwrap>button{
		font-size:16px;
		font-weight:600;
		letter-spacing:-0.3px;
		color:#454545;
	}
	.sv-btnwrap>button:after{
		content:'';
		width:16px;
		height:13px;
		background: url(../../images/main/service-aw.png) no-repeat;
		background-size:contain;
		vertical-align:-1px;
		display:inline-block;
		margin-left:6px;
		
	}
	.slide-btnwrap{
		background:#222;
		position:absolute;
		z-index:50;
		width:100px;
		height:50px;
		top:150px;
		right:0;
	}
	.slide-btnwrap:after{
		    content: "";
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    width: 1px;
		    height: 25px;
		    background-color: #ccc;
	}
	
	.slide-btnwrap .swiper-button-next{
		background: url(../../images/main/next-btn-icon.png) no-repeat center;
		/* background-size:contain; */
	}
	.slide-btnwrap .swiper-button-prev{
		background: url(../../images/main/prev-btn-icon.png) no-repeat center;
		/* background-size:contain; */
	}
	.swiper-button-next::after,
	.swiper-button-prev::after {
	  display: none;
	}
	.page3{
		margin-top:52px;
		padding:0 24px;
	}
	.page3>h2{
		font-size:18px;
		font-weight:500;
	}
	.pg3-tit{
		font-size:26px;
		font-weight:600;
		line-height:30px;
		margin-top:6px;
	}
	.pg3-subtxt{
		font-size:14px;
		color:#454545;
		margin-top:6px;
		word-break:keep-all;
	}
	.mobail-ep{
		margin-top:20px;
	}
	.mobail-ep>li{
		position:relative;
		max-height:264px;
		margin-bottom:10px;
	}
	.mobail-ep>li .ep-ckbar{
		background:#F5F5F5;
		width:100%;
		height:52px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding: 0 20px;
	}
	.mobail-ep>li .ep-ckbar>div{
		font-size:18px;
		font-weight:600;
	}
	.ep-detail{
		height:264px;
		color:#fff;
		position:relative;
		top:-52px;
		z-index:5;
		display:none;
		transition:all .4s;
	}
	.ep-detail.on{
		display:block;
	}
	.ep-detail>.txt-box{
	    position: relative;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    padding: 0 24px;
	}
	.ep-detail>.txt-box > div{
		font-size:20px;
		font-weight:600;
	}
	.ep-detail>.txt-box > p{
		font-size:14px;
		line-height:20px;
		margin-top:10px;
		font-weight:300;
		word-break:keep-all;
	}
	.ep-detail1{
		background: url(../../images/main/employment-moimg1.png) no-repeat center;
		background-size:cover;
		
	}
	.ep-detail2{
		background: url(../../images/main/employment-moimg2.png) no-repeat center;
		background-size:cover;
	}
	.ep-detail3{
		background: url(../../images/main/employment-moimg3.png) no-repeat center;
		background-size:cover;
	}
	.page4{
		margin-top:60px;
		padding:0 24px;
	}
	.page4>h2{
		font-weight:500;
		font-size:18px;
	}
	.pg4-step{
		display:flex;
		justify-content:space-between;
		margin-top:20px;
	}
	.pg4-step>li{
		text-align:center;
	}
	.pg4-step .step-img{
		width:78px;
		height:78px;
	}
	.pg4-step .step-inform{
		margin-top:4px;
	}
	.pg4-step .step-index{
		font-size:13px;
		color:#117A9D;
	}
	.pg4-step .step-index-text{
		font-size:15px;
	}
	.circle-step{
		width:78px;
		height:78px;
		background:#117A9D;
		border-radius:50%;
		position:relative;
	}
	.circle-step>p{
		width:60px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		color:#fff;
		font-size:14px;
		font-weight:500;
	}
	.pg4-aw{
		position:relative;
		top:25px;
	}
	#contact{
		padding:52px 0;
	}
	.contact-top-inner{
		padding:0 !important;
	}
	#contact .contact-top-div{
		height:auto;
		margin-bottom:0;
		background:#f5f5f5;
		padding:24px;
	}
	#contact .contact-div{
		width:100%;
		margin:0;
	}
	#contact .contact-top-title{
		font-size:18px;
		font-weight:500;
	}
	#contact .contact-mid-title{
		font-size:26px;
		font-weight:600;
	}
	#contact .contact-bottom-title{
		font-size:14px;
		margin-top:6px;
		color:#454545;
		letter-spacing:-1.2px;
	}
	.map-div{
		height:300px;
		margin-top:20px;
	}
	.mailForm{
		margin:0 !important;
	}
	#contact .form-title,
	#contact .form-title-file{
		font-size:16px;
		font-weight:500;
		margin-top:10px;
	}
	#contact .mailForm-select{
		height: 40px;
	    border: 1px solid #ccc;
	    width: 100%;
	    font-size: 16px;
	    color: #999;
	    margin: 4px 0 0 0;
	    padding-left: 8px;
	    position:relative;
	    background:url(../../images/main/under-aw.png) no-repeat center;
	    background-position:96% 50%;
	}
	#contact .mailForm-text{
		height: 40px;
	    border: 1px solid #ccc;
	    width: 100%;
	    font-size: 16px;
	    margin: 4px 0 0 0;
	    padding-left: 8px;
	}
	#contact .mailForm-textarea{
		border: 1px solid #ccc;
	    font-size: 16px;
	    width: 100%;
	    padding: 8px;
	    min-height:200px;
	    margin-top:4px;
	}
	#contact .filebox{
	    display: flex;
	    justify-content: space-between;
		margin-top:4px;
		
	}
	#contact .filebox .upload-name{
		width:100%;
		height:40px;
		font-size:13px;
		border:1px solid #ccc;
	}
	#contact .filebox label{
		min-width:80px !important;
	    border: 1px solid #117A9D;
	    color: #117A9D;
	    text-align: center;
	    line-height: 38px;
	    height: 40px;
	    font-size: 15px;
	    font-weight:500;
	    margin-left:8px;
	}
	.filebox>input[type="file"]{
    display: none;
	}
	#contact .btn-area{
		width:100%;
		height:auto;
	}
	#contact .sendBtn{
		width: 100%;
	    background: #117A9D;
	    color: #fff;
	    font-size: 16px;
	    font-weight: 500;
	    height: 48px;
	    margin-top: 10px;
	}
	#contact .contact-right{
		margin-bottom:0;
		padding:0 24px;
	}
	.topscroll{
    cursor: pointer;
    width: 52px;
    height: 52px;
    border-radius: 100px;
    position: fixed;
    right:24px;
    bottom: 32px;
    background: #034588;
    z-index: 100;
}
.topscroll span{
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    justify-content: center;
}
.topscroll span img{
    margin-top: 10px;
    width:35%;
}
	
	footer{
		background:#343538;
	}
	footer>ul{
		padding:40px 24px;
	}
	footer>ul>li{
		color:#fff;
		font-size:13px;
		font-weight:300;
	}
	footer>ul>li:nth-child(1){
		font-size:14px;
	}
	footer>ul>li:nth-child(2){
		letter-spacing:-1px;
	}
	footer>ul>li:nth-child(3){
		    display: flex;
    	align-items: center;
	}
	footer>ul>li:nth-child(3) span{
		display: inline-block;
	    height: 11px;
	    margin: 0 12px;
	    width: 1px;
	    background: #ddd;
	}
}

@media (max-width:420px){
	.slide_mbg1{
		background-image: url('../../images/main/main_mobilebg1.png');
	}
	.slide_mbg2{
		background-image: url('../../images/main/main_mobilebg2.png');
	}
	.slide_mbg3{
		background-image: url('../../images/main/main_mobilebg3.png');
	}
}