@charset "utf-8"; 

body{overflow-x:hidden; overflow-y:auto;}

/* ------------------------------------------------------- HEADER ------------------------------------------------------- */
#hd {position:relative; background:#fff url(../img/common/headerbg.png) no-repeat top center;overflow:hidden; width: 100%; height: 120px; z-index: 1000;}
#hd .head_wrap {position:relative;display:flex;align-items: center;justify-content:flex-start;flex-wrap: wrap;height:120px; padding:30px 0;}
#hd.fixed-top { position:fixed; top:0;left:0;right:0;animation:header_fix .3s ease-in-out forwards; border-bottom:solid 1px #cccccc70;  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } /* Header Fixed */

#hd .logo {display:block; width:100%; }
#hd .logo a { }
#hd .logo a img { }
.main_nav { width:100%; margin:30px 0;}

#hd .gnb nav > .depth1 > li {position:relative; padding: 2.3rem 0; vertical-align:top; display:block; border-bottom:solid 1px #aaaaaa20; }
#hd .gnb nav > .depth1 > li > a { display:inline-block;font-size:2.4rem;white-space:nowrap;font-weight:500;color:#000;}

	#hd .call {padding:0 60px; background:url(../img/common/ico_call.png) no-repeat;}

	#hd .call .contact {color:#797979; font-size:1.6rem; font-weight:bold;padding:5px 0; padding-right:20px; background:url(../img/common/ico_plus.png) no-repeat top right; display:inline-block;}
	#hd .call .telnum { font-size:1.7rem; font-weight:bold;padding:3px 0; }

	.color-button { position: relative; display: inline-block; border-radius: 4px 4px 4px 4px; padding: 15px 40px; background-color: #212529; color: #fff; overflow: hidden; }
	.color-button.animated-gradient-bg::before { display:block; position: absolute; content: ""; left: 0; top: 0; width: 150%; height: 100%; z-index: 1;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, #0c3df4), color-stop(45%, #02b5ff), color-stop(#02b5ff), to(#0c3df4));
	background: -webkit-linear-gradient(left, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
	background: -o-linear-gradient(left, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
	background: linear-gradient(to right, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.color-button.animated-gradient-bg:hover::before { left: -50%;display:block;}
	.color-button .color-button-text {	font-size:1.6rem; position: relative; z-index: 2;}

/* 모바일 메뉴 버튼 */
.btn_sm{position:absolute;width:50px;height:48px;top:35px;right:0rem; z-index:99999; border:solid 1px #ccc; border-radius:5px; padding:12px; }
.btn_sm:focus,
.btn_sm:visited {color:#111}
.btn_sm .inner {position:relative;display:inline-block;width:24px;height:20px;vertical-align:middle;}
.btn_sm .line {position:absolute;right:0;width:100%;height:2px;background-color:#797979;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;font-size:0;line-height:0;}
.btn_sm .tline{top:0px;}
.btn_sm .mline{top:50%;margin-top:-1px;}
.btn_sm .bline{bottom:0px;}

/* Menu - close button */
body.menu_open .topblank {height:120px;}

#hd.menu { position:fixed; z-index:10; width:100%; height:600px; transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;}
#hd.menu .btn_sm .tline,
#hd.menu .btn_sm:focus .tline{top:10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#hd.menu .btn_sm .mline{display:none;}
#hd.menu .btn_sm .bline,
#hd.menu .btn_sm:focus .bline{bottom:7px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#hd.menu .btn_sm .line {width:28px; right:-2px;}

/* ------------------------------------------------------- FOOTER ------------------------------------------------------- */
#ft {background:#000 url(../img/common/footerbg.png) no-repeat top center; padding:100px 0 50px 0; color:#fff;}
#ft .foot_wrap {display: flex; }
#ft .foot_wrap .ceoname { padding-bottom: 10px; text-align: right; font-size:1.8rem; color: #ddd;}
#ft .foot_wrap .comnum {text-align: right;font-size:1.8rem; padding-top:1rem; color:#ddd; }
#ft .foot_wrap .fnb { font-size:2.4rem; padding:5rem 0; font-weight:bold; }
#ft .foot_wrap .fnb .fnb_list {padding: 0 2rem 0 0;}
#ft .foot_wrap .fnb .fnb_list, #ft .foot_wrap .fnb .fnb_list li { display:block; font-size:1.6rem; padding: 0;}
#ft .foot_wrap .fnb .fnb_list li { padding:1rem 0 1rem;position:relative; color:#aaa;}
#ft .foot_wrap { font-size:1.8rem; margin-top:35px;}
#ft .foot_wrap address{ margin-top: 50px; font-size:1.6rem; color:#aaa; }
#ft .foot_wrap address span {display:block; margin-top:18px; padding-left:25px; position:relative; line-height: 2rem;}
#ft .foot_wrap address .addr {background:url(../img/common/icon_foot_01.png) no-repeat left top;}
#ft .foot_wrap address .email{background:url(../img/common/icon_foot_02.png) no-repeat left top;}
#ft .foot_wrap address .tel {background:url(../img/common/icon_foot_03.png) no-repeat left top;}

#ft .foot_wrap .copyright {text-align: right; font-weight:300; font-size:1.6rem; margin-top:100px; color:#aaa; }
#ft .foot_wrap .plogo { margin-top: 20px; text-align:right;}
#ft .foot_wrap .plogo img { margin-left: 15px; }

@media (min-width: 768px) { 
#hd .call {padding:0 60px 0 0; background:none;}	
}

/*------------------------------- PC -------------------------------*/
@media (min-width: 992px) {
	body.menu_open .topblank, body .topblank {height:0px;}
	.btn_sm {display:none;}
	
	#hd, #hd.menu { height:auto; }
	#hd .head_wrap {flex-wrap: nowrap;}
	#hd .logo {display:inline-block;width:auto;  }
	/* 네비게이션 */
	#hd .gnb { }
	.main_nav {display: flex;justify-content:center;flex-grow: 1; width:auto;  margin:0px;}
	#hd .gnb nav { z-index:99;}
	#hd .gnb nav > .depth1 > li {position:relative; padding: 1.6rem; vertical-align:top; display:inline-block; border:none; }
	#hd .gnb nav > .depth1 > li > a { display:inline-block;font-size:1.6rem;white-space:nowrap;font-weight:500;color:#000;}
	#hd .gnb nav > .depth1 > li > a:hover {color:#0f6fff;}
	#hd .gnb nav > .depth1 > li.chidnth > a:after { width:15px; height:10px; display: inline-block; position: absolute; top: 50%;margin-top:-4px;  background:url(../img/common/ico_arr_d_b.png) no-repeat top right;}	
	#hd .gnb nav > .depth1 > li.chidnth > a:hover:after { background:url(../img/common/ico_arr_d_c.png) no-repeat  top right;}	
	#hd .main_nav_right {display: flex;align-items:center;justify-content: flex-start;}



	#ft .foot_wrap .fnb { padding-top:1rem; }
	#ft .foot_wrap .fnb .fnb_list { padding-top: 2.5rem; }
	#ft .foot_wrap .fnb .fnb_list, #ft .foot_wrap .fnb .fnb_list li { display:block; font-weight:normal;}
		#ft .foot_wrap .fnb .fnb_list, #ft .foot_wrap .fnb .fnb_list li a:hover { color:#0068FF; }
	#ft .foot_wrap .fnb .fnb_list li { padding: 0 1.3rem 2rem 0;position:relative;}

}	
@media (min-width: 1024px) {
	#hd .call {padding:0 60px 0 0; background:none;}
}

@media (min-width: 1280px) {
	#hd .call {padding:0 60px; background:url(../img/common/ico_call.png) no-repeat;}
}


.section {padding:100px 0 0; position: relative; box-sizing: border-box;}


/*------------------------------------- aboutus Style -----------------------------------------*/
.aboutqs {position:relative;}
.aboutqs .aboutqsbox { color:#000; z-index: 2;position:relative; }
.aboutqs .aboutqsbox .aqtxt1 { color:#0f6fff; font-size:1.8rem;}
.aboutqs .aboutqsbox .aqtxt2 { margin-top:50px; font-size:5.8rem; font-weight:bold;}
.aboutqs .aboutqsbox .aqtxt3 { margin-top:25px; font-size:5.8rem;}
.aboutqs .aboutqsbox .aqtxt4 { color:#666666; margin-top:60px; font-size:1.6rem; line-height:2.8rem;}
.aboutqs .aboutqsbox .about-button-box {margin-top:40px}
.aboutqs .aboutqsbox .about-button-box .about-button {font-size:1.6rem; background: #212529; display: inline-block; color: #fff; fill: #fff; border-radius: 5px 5px 5px 5px; padding: 17px 30px 17px 30px; margin-right:20px;}
.aboutqs .aboutqs-image-left { left: -80px;text-align: left; top:100px; width: 100%; max-width:100%;position: absolute;z-index: 1; }
.aboutqs .aboutqs-image-right { right: -280px;text-align: right; top:100px; width: 100%; max-width:100%;position: absolute;z-index: 1; }
.aboutqs .wemakeimage { text-align: right; }

.aboutqs2 {position:relative; margin-top:10px; }
.aboutqs2 .aboutqs2box {color:#fff; min-height:500px; position: relative; background-color: transparent; border-radius:10px; background-image: linear-gradient(90deg, #0C3DF4 0%, #02B5FF 100%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 25px 30px 60px 30px; }
.aboutqs2 .aboutqs2box .background-overlay { background-image: url("../img/main/aboutusbg.png"); background-position: center; background-repeat: no-repeat; background-size: 120% auto; opacity: 0.14; filter: brightness( 200% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg ); height: 120%; width: 120%; top: 0; left: 0; position: absolute; }
.aboutqs2 .aboutqs2box .logo_w {border-bottom:solid 1px #ffffff30; padding-bottom: 35px;}
.aboutqs2 .aboutqs2box .logo_w span:nth-child(1) { display: inline-block; width: 50%; }
.aboutqs2 .aboutqs2box .logo_w span:nth-child(2) { display: inline-block; width: 26%; }
.aboutqs2 .aboutqs2box .logo_w span:nth-child(3) { display: inline-block; width: 23%; }
.aboutqs2 .aboutqs2box .aq2txt1 { font-size:3.2rem; font-weight:bold; line-height:4.5rem }
.aboutqs2 .aboutqs2box .aq2txt2 { font-size:1.6rem; font-weight:bold; line-height:2rem; margin-top:50px }
.aboutqs2 .aboutqs2box .aq2txt3 { font-size:1.6rem; line-height:2rem }
.aboutqs2 .aboutqs2box .aq2txt4 { font-size:1.6rem; line-height:2rem; margin-top:20px }
.aboutqs2 .aboutqs2box .btn-mau{margin-top:50px; display: inline-block;  font-size: 1.3rem; border: 1px solid #F8F9FA; border-radius: 4px; padding: 15px 30px; }
.aboutqs2 .aboutqs2box .btn-mau:hover { background: #F8F9FA; color:#000;transition: ease .3s;}

.aboutqs2 .aboutqs2box .aq-counter {}
.aboutqs2 .aboutqs2box .aq-counter .num_item {  display: flex; align-items: center;  }
.aboutqs2 .aboutqs2box .aq-counter .num_item .num { color: #fff; font-size: 3.3rem; font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; min-width: 70px; text-align: center; }
.aboutqs2 .aboutqs2box .aq-counter .aq-counter-txt {display: flex; min-height:50px; align-content: center; align-items: center; color: #fff; font-size: 1.5rem; line-height: 1.4; font-weight: 300; } 


@media (min-width: 1024px) {
	.aboutqs2 .aboutqs2box { padding: 45px 100px 90px 100px; }
}        

@media (max-width: 767px) {
	.about_photo, .ceo_photo { margin-top: 30px; }
}
@media (max-width: 640px) {
	.aboutqs2 .aboutqs2box .aq-counter .num_item { box-sizing:border-box; padding: 20px 0 20px 15px; border: 1px solid rgba(255, 255, 255, 0.3333333333); margin-bottom:10px;}
	
}        
     
/*------------------------------------- ourbusiness Style -----------------------------------------*/   
.ourbusiness .ourbusinessbox { }
.ourbusiness .tit01 { text-align:left;color:#1e78ff; font-size: 1.5rem; margin-bottom: 35px;}
.ourbusiness .tit02 { text-align:left; color:#000;  margin-bottom: 60px; font-size: 2.8rem; font-weight:300; }
.ourbusiness .tit02 b  { font-weight:600; }
.ourbusiness .ourbusinessinfo { position: relative; z-index: 1; padding: 35px; border: 1px solid #ebebeb; border-radius: 8px; display: block; background-color: #fff; margin-bottom:5px; }
.ourbusiness .ourbusinessinfo .tit03 { color:#000; display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; font-size: 1.8rem; font-weight:800; }
.ourbusiness .ourbusinessinfo .num { color: #0066ff; font-size: 1.5rem; display: inline-block; }
.ourbusiness .ourbusinessinfo .icon { margin-bottom: 35px; }
.ourbusiness .ourbusinessinfo .icon img { width: 100px; height: 75px; object-fit: cover; }
.ourbusiness .ourbusinessinfo .text { margin-top:30px;  color: #666; margin-bottom: 15px; font-size: 1.5rem; line-height: 1.8rem;}
.ourbusiness .ourbusiness-image-left { left: -50px;text-align: left; bottom: 30%; z-index: -1; position: absolute; }
.ourbusiness .ourbusiness-image-right { right: 0px;text-align: right; top: 25%; z-index: -1; position: absolute;}

.tags { margin-top:50px;}
.tags a { font-size: 1.3rem; font-weight:300; padding: 5px 7px; border-radius: 4px; background-color: #eef4f8; color: #666; display: inline-block; margin: 2px 0; }

/*------------------------------------- solution Style -----------------------------------------*/  
.solution  {position:relative;}
.solution .solutionbox .tit01 { text-align:left;color:#1e78ff; font-size: 1.5rem; margin-bottom: 25px; }
.solution .solutionbox .tit02 { text-align:left;color:#000; font-size: 3.2rem; margin-bottom: 60px; line-height:4.5rem;}
.solution .solutionbox .tit02 b{ font-weight:800; }
.solution .solutionbox .tit03 { text-align:left;color:#000; font-size: 1.5rem; margin-bottom: 35px; line-height:2.0rem;}
.solution .solutionbox  ul { font-size: 1.5rem; line-height:2.0rem; font-weight:500;}
.solution .solutionbox  ul li { padding-left:32px; background:url(../img/main/bul_solution_li.png) no-repeat 0 0px; padding-bottom:15px;}

.solution .solution-image-left {  width: 45%;  max-width: 45%; bottom: -50px; position: absolute; z-index:-1; }
@media (max-width: 1024px) {
	.solution .solution-image-left { bottom: 60px; }
} 
@media (max-width: 940px) {
	.solution .solution-image-left { bottom: 120px; }
} 
@media (max-width: 768px) {
	.solution .solution-image-left { left: 45%; bottom: -50px; width: 50%; max-width: 50%;  }
}     
/*------------------------------------- product Style -----------------------------------------*/  
.product { background:#eef4f8 url(../img/main/productbgs.png) no-repeat top center;}
.product .tit01 { text-align:left;color:#1e78ff; font-size: 1.5rem; margin-bottom: 35px;}
.product .tit02 { text-align:left; color:#000;   font-size: 2.6rem; font-weight:300; }
.product .tit02 b  { font-weight:600; }
.product .productbox { max-width:1140px; margin:auto; }
.pd-slide { margin:70px 0 0; padding-bottom:100px; }
.pd-slide .card_li {position:relative; border-radius:5px; overflow:hidden; }
.pd-slide .card_li {width:360px;margin-right:10px;margin-left:10px; float:left;}
.pd-slide .card_li .txtbox { background:#fff; font-size:18px; padding:35px;height:255px;overflow:hidden; color:#fff;}
.pd-slide .card_li .txtbox .tit1 { color:#000; font-size:2rem; font-weight:800; margin-bottom:8px;}
.pd-slide .card_li .txtbox .tit2 { color:#0068FF; font-size:1.3rem; margin-bottom:30px;}
.pd-slide .card_li .txtbox .tit3 { color:#666; font-size:1.4rem; line-height: 1.8rem;}
.pd-slide .card_li .txtbox .tags { margin-top: 30px; }
.pd-slide .card_li a.cover {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.pd-slide .card_li .thumb { overflow:hidden;width: 100%; height: 0; padding-bottom: 66.66%;}
.pd-slide .card_li .thumb img {width:100%;height:auto;}

/*btn*/
.pd-slide .slick-arrow {position:absolute;z-index:10;margin-top:-56px;display:inline-block;width:40px;height:39px;background:#fff;z-index:20;opacity:0;
					text-indent:-9999px;box-shadow:1px 3px 13px rgba(46,116,117,.5);-webkit-box-shadow:1px 3px 13px rgba(46,116,117,.5);
					-moz-transition: all 0.2s ease-in;
					-o-transition: all 0.2s ease-in;
					-webkit-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;}
.pd-slide:hover .slick-arrow {opacity:1}

.pd-slide .slick-arrow.slick-next {top:50%;right:-50px;background:url(../img/main/ico_pd_next.png) no-repeat 50% 50% #fff}
.pd-slide .slick-arrow.slick-prev {top:50%;left:-50px;background:url(../img/main/ico_pd_prev.png) no-repeat 50% 50% #fff}

/* Dots */
.pd-slide .slick-dots {position: absolute; display: block; width: 100%; padding: 0; margin: 20px 0 0; list-style: none; text-align: center;}
.pd-slide .slick-dots li {position:relative;display:inline-block;margin:5px 5px;padding:0;cursor:pointer;}
.pd-slide .slick-dots li button { font-size:0;line-height:0;display: block;width:10px;height:10px;cursor:pointer;color:transparent; border:0;outline: none; background:#000; border-radius:50%;	opacity:0.1}
.pd-slide .slick-dots li button:hover,
.pd-slide .slick-dots li button:focus {outline:none;}
.pd-slide .slick-dots li button:hover,
.pd-slide .slick-dots li button:focus {color:#fff;opacity:1; background:#02B5FF;}
.pd-slide .slick-dots li.slick-active button {color:#fff;opacity:1; background:#02B5FF;}



/*------------------------------------- contactus Style -----------------------------------------*/
.contactus { background-color: transparent; background-image: linear-gradient(115deg, #0a5ef7 50%, #04a5fe 100%);}
.contactus {color:#fff; }
.contactus .tit01 { font-size:1.6rem; text-align:center;}
.contactus .tit02 { font-size:2.4rem; text-align:center;}
.contactus .tit03 { font-size:2.4rem; font-weight:800; margin-top:25px;}
.contactus .tit04 { font-size:1.6rem; margin-top:35px; padding-left: 25px; background: url(../img/main/icon_tel.png) no-repeat left 50%; }
.contactus .tit05 { font-size:1.6rem; margin-top:20px; padding-left: 25px; background: url(../img/main/icon_email.png) no-repeat left 50%; }
.contactus .tit05 a:hover { text-decoration: underline; }
.contactus .btn_vm { font-size:1.6rem; line-height:1.6; border-bottom:solid 1px #fff; margin-top:50px; display:inline-block; }

.contactus input { border: 0; font-size: 13px; min-height: 45px; padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; margin-bottom: 1rem; width: 100%; border-radius: 0.25rem;}
.contactus textarea { border: 0; font-size: 13px; padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; resize: vertical; height: 135px; border-radius: 0.25rem; width: 100%; }
.contactus input[type=checkbox] { width: 1em; height: 1em; margin: 0px; vertical-align: middle; min-height: 1em; border-radius: 0.25em; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0px; display:inline-block; -webkit-appearance:auto; -moz-appearance:auto; -ms-appearance:auto; -o-appearance:auto; }  
.contactus .btn-submit { margin-top: 1.5rem; padding: 12px 30px; display: inline-block; border-radius: 0.25rem; color: #fff !important; background-color: #212529 !important; border-color: #212529 !important; width: auto; font-size: 1.6rem; line-height: 1.5; border: none; min-height: auto; }

.contact-image-box {text-align: left;position: absolute;left: -15%; height: 700px; width: 50%; max-width: 50%; top: 0%; z-index: 0;}.contact-image-container {height: 700px;text-align: left;}
.contact-image { text-align: left;}
.contact-image-box img { width: 100%; max-width: 100%; height: 700px; object-fit: cover;  opacity: 0.1; }


/***************************/
/****** Sub Contents *******/
/***************************/

.subcontents {}
.subcontents .sub-heading{ font-size: 6.5rem; font-weight: 700; line-height: 1.4em; color:#000; }
.subcontents .sub-heading.sub-heading2 { font-size: 4.5rem; }
.subcontents .sub-heading.sub-underline-color span { color: #157EFB; position: relative; }
.subcontents .sub-heading.sub-underline-color span::after { background-color: #157EFB; }
.sub-underline-color span:after { display:inline-block; position: absolute; content: ""; left: 0;  bottom: 0; width: 100%; height: 40%; opacity: 8%;}

/*------------------------------------- about Style -----------------------------------------*/
.subabout.subabout1 {background-color: transparent; background-image: linear-gradient(180deg, #e7f1ff 50%, #ffffff 100%);}
.subabout .subaboutbox {padding:0 100px;  z-index:1; position: relative;}
.subabout .tit01 { color:#000; font-size: 4.5rem; line-height: 1.4em; font-weight: 700; }
.subabout .tit01e { color:#000; font-size: 3.8rem; line-height: 1.4em; font-weight: 700; }
.subabout .tit01e b { color:#0c3df4;}
.subabout .tit02 { color:#666; font-size: 2rem; line-height: 2.4em;  }
.subabout .tit03 { color:#666; font-size: 1.8rem; line-height: 2em; }
.subabout .tit03 b { color:#0f6fff; font-weight: 800;}
.subabout .tit04 { color:#666; font-size: 1.8rem; line-height: 1.6em; }
.subabout .tit05 { color:#000; font-size: 1.8rem; line-height: 1.4em; }
.subabout .tit05 b {font-size: 2.4rem; font-weight: 700;}
.subabout .tyear { color:#000; font-size: 1.8rem; line-height: 1.8em; font-weight: 700;}
.subabout .picbox1 {position: relative; margin-top:200px; display:flex;text-align:center; justify-content: center;}
.subabout .picbox1 .btn_play {
	position:absolute;z-index:2; left:50%; top:50%;
	width: 100px;
    height: 100px;
    filter: drop-shadow(0px 13px 20px #00000088);
    margin-left: -50px;
    margin-top: -50px;
    background:#157EFB url(../img/sub/ico_play.png) no-repeat 53% 51%;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0px 5px 0px 0px #5842BC;
}
.subabout .qsconference_txt { margin-top: 100px; }
.subabout .qsconference_txt p.tit01 { padding-bottom: 30px; display: block; font-size: 3.4rem; line-height: 1.4em; font-weight: 700;}
.subabout .qsconference_txt p b { color:#0068FF; }
.subabout .qsconference .number-card-style {
  border-left: 1px solid rgba(153, 153, 153, 0.2);  display: -webkit-box;  display: -ms-flexbox;  display: flex;   -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px 0 30px;
}
.subabout .qsconference { padding-bottom: 30px; border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
.subabout .qsconference .aq-counter .num_item {  display: flex; align-items: center;  }
.subabout .qsconference .aq-counter .num_item .num { color: #0068FF; font-size: 3.6rem; font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; min-width: 70px; text-align: center; }
.subabout .qsconference .aq-counter .aq-counter-txt {display: flex; min-height:50px; align-content: center; align-items: center; color: #333; font-size: 1.6rem; line-height: 1.4; font-weight: 300; } 

.subabout .subabout3ul { text-align:right; display:inline-block; float:right; margin-top:100px; }
.subabout .subabout3ul li{ color:#000; font-size: 1.6rem; line-height: 3em; border-top:solid 1px #e3e3e3;padding-left:30px; }
.subabout .subabout3ul li:first-child {border:none; }
.subabout .history {}
.subabout .history li { color:#666; line-height:2;}
.subabout .history li:before { display: inline-block; width: 3px; height: 3px; border-radius: 20px; margin-top: 15px; margin-left: -10px; background: #555; border: 1px solid #555; }

.subabout .picbox1 .btn_play:hover { background-color:#5842BC; box-shadow: 0px 0px 0px 0px #157EFB;}
.subabout .subabout-image-left1 {  width: 405px; top: 00px; position: absolute; z-index:0; left:-380px; }
.subabout .subabout-image-left2 {  width: 45%;  max-width: 176px; top: -130px; position: absolute; z-index:0; left:50px;}
.subabout .subabout-image-left3 {  width: 65%;  max-width: 496px; top: 15px; position: absolute; z-index:-1; left:0px;}
.subabout .subabout-image-left4 {  width: 45%;  max-width: 45%; right:-100px; bottom: -500px; position: absolute; z-index:-1; }
.subabout .subabout-image-left5 {  width: 376px; left:-400px; top: -150px; position: absolute; z-index:-1; }

.subabout .subabout-image-right1 {  width: 45%;  max-width: 217px; top: -50px;text-align:right; right:-150px; position: absolute; z-index:0; }
.subabout .subabout-image-right2 {  width: 45%;  max-width: 464px; bottom: 50%;text-align:right; right:-360px; position: absolute; z-index:0; }
.subabout .subabout-image-right3 {  width: 45%;  max-width: 325px; top: -50px;text-align:right; right:-300px; position: absolute; z-index:0; }
.subabout .subabout-image-right4 {  width: 45%;  max-width: 458px; bottom: -20px;text-align:right; right:-400px; position: absolute; z-index:0; }

.subabout .simply-scroll .simply-scroll-list li {width: 300px;height: 155px;margin-left:1.6rem;margin-right:1.6rem;}

@media (max-width: 1180px) {
	.subabout .tit01 { font-size: 3.4rem; }
	.subabout .tit01e { font-size: 2.8rem; }
	.subabout .tit02{ font-size: 1.7rem; }

	.subabout .subabout-image-left1 { left : -200px; }
	.subabout .subabout-image-left1 img { width: 60%; }
	.subabout .subabout-image-left3 { left: -7%; width: 30%; }
	.subabout .subabout-image-right1 { right: -170px; }

}     
@media (max-width: 991px) {
	.subabout .tit01 { font-size: 3rem; }
	.subabout .tit01e { font-size: 2.4rem; }
	.subabout .tit02{ font-size: 1.6rem; line-height: 1.8rem; }
} 
@media (max-width: 680px) {
	.subabout .tit01 { font-size: 2.4rem; }
	.subabout .tit01e { font-size: 2rem; }
} 
@media (max-width: 540px) {
	.subabout .tit01 { font-size: 2rem; }
	.subabout .tit01e { font-size: 1.8rem; }
} 
/*------------------------------------- business Style -----------------------------------------*/
.subbusiness.subbusiness1 {background-color: transparent; background-image: linear-gradient(180deg, #e7f1ff 50%, #ffffff 100%);}
.subbusiness .subbusinessbox {padding:0 100px;  z-index:1; position: relative;}

.subbusiness .subbusinessbox .card_style { padding: 40px 0; width: 31%; background: #fff; border-radius: 10px; margin: 0 1%;box-shadow: 0px 2px 6px 2px rgb(0,0,0,0.01);}
.subbusiness .subbusinessbox .card_style:hover { box-shadow: 2px 4px 10px 2px rgb(0,0,0,0.1);}

.subbusiness .tit01 { color:#666; font-size: 2rem; line-height: 1.4em; }
.subbusiness .tit02 { color:#000; font-size: 4.5rem; line-height: 1.2em; margin-top:20px; font-weight: 800; }
.subbusiness .tit02_1 { color:#000; font-size: 3.5rem; line-height: 1.2em; }
.subbusiness .tit03 { color:#000; font-size: 4.5rem; line-height: 1.4em; font-weight: 700; }
.subbusiness .tit03 b { color:#0f6fff; font-weight: 800;}
.subbusiness .tit04 { color:#666; font-size: 1.6rem; line-height: 1.4em; }
.subbusiness .tit05 { color:#666; font-size: 1.8rem; line-height: 1.5em; }

.subbusiness .check_list_style { padding: 10px 0;}
.subbusiness .check_list_style li { padding: 15px 0 10px 32px; font-size: 1.6rem; color:#666; background:url(../img/main/bul_solution_li.png) no-repeat 0 10px;  }

.subbusiness .subbusiness-image-left1 {  width: 405px; top: 0px; position: absolute; z-index:0; left:-350px; }
.subbusiness .subbusiness-image-left2 {  width: 344px; top: -400px; position: absolute; z-index:0; left:-350px;}
.subbusiness .subbusiness-image-left3 {  width: 65%;  max-width: 562px; top: 20px; position: absolute; z-index:0; left:-230px;}
.subbusiness .subbusiness-image-left4 {  width: 508px; top: -100px; position: absolute; z-index:-1; left:-370px; }

.subbusiness .subbusiness-image-right1 {  width: 45%;  max-width: 640px; top: -150px;text-align:right; right:-370px; position: absolute; z-index:0; }
.subbusiness .subbusiness-image-right2 {  width: 45%;  max-width: 277px; bottom: 0;text-align:right; right:-300px; position: absolute; z-index:0; }
.subbusiness .subbusiness-image-right3 {  width: 45%;  max-width: 465px; bottom: -350px;text-align:right; right:-400px; position: absolute; z-index:0; }
.subbusiness .subbusiness-image-right4 {  width: 45%;  max-width: 420px; bottom: 300px;text-align:right; right:-370px; position: absolute; z-index:0; }

/*------------------------------------- Recruit Style -----------------------------------------*/
.subrecruit.subrecruit1 {background-color: transparent; background-image: linear-gradient(180deg, #e7f1ff 50%, #ffffff 100%);}
.subrecruit .subbusinessbox {padding:0 100px;}
.subrecruit .colortxt { font-size: 6.5rem; font-weight:800;}
.subrecruit .colortxt .color1 { background: linear-gradient(90deg, #5729a8 0%,#2e66d3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }		
.subrecruit .colortxt .color2 { background: linear-gradient(90deg, #1c81e4 0%,#04a5fe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }					
.subrecruit .tit01 { font-weight:800; color:#0c3df4; font-size: 1.8rem; line-height: 1.4em; padding:0 70px;position:relative; display:inline-block;}
.subrecruit .tit01::before { content:url("../img/sub/bul_rec01.png"); display:inline-block; position:absolute; left:0;}
.subrecruit .tit01::after { content:url("../img/sub/bul_rec01.png");  display:inline-block; position:absolute; right:0;}
.subrecruit .tit02 { color:#666; font-size: 2rem; line-height: 1.6em; margin-top:35px;  }
.subrecruit .tit03 { height: 60px; color:#212529; font-size: 2.4rem; line-height: 1.3em; font-weight: 700; margin-top:30px;}
.subrecruit .tit03 b { color:#0f6fff; font-weight: 800; }
.subrecruit .tit04 { color:#666; font-size: 1.6rem; line-height: 1.4em; margin-top:30px; }
.subrecruit .tit05 { color:#666; font-size: 2rem; line-height: 1.4em; }

.subrecruit .btn_recruit {background:#000; color:#fff; font-size: 1.8rem; padding:15px 50px; border-radius:4px; }
.subrecruit .btn_recruit:hover { background: #0068FF; box-shadow: 4px 4px 2px rgb(0,0,0,0.1); }
.subrecruit .btn_recruit b {font-weight:700;}

.subrecruit .subrecruit-image-left1 {  width: 45%;  max-width: 45%; top: 100px; position: absolute; z-index:0; }
.subrecruit .subrecruit-image-left2 {  width: 45%;  max-width: 45%; bottom: 100px; position: absolute; z-index:0; }
.subrecruit .subrecruit-image-right {  width: 45%;  max-width: 45%; bottom: 0;text-align:right; right:-10px; position: absolute; z-index:0; }

/*------------------------------------- contact Style -----------------------------------------*/
.subcontact { margin-bottom:100px;}
.subcontact .sub-heading.underline-underline-color span { color: #157EFB; }
.subcontacttitle {background:none;}
.subcontacttitle .tit01 { font-size: 1.5rem; padding:50px 0 30px; line-height: 1.4em; }
.subcontacttitle .tit02 { font-size: 2.4rem; padding:00px 0 30px; }
.subcontacttitle .tit02 b{ font-weight:800; }
.subcontact .subcontactformbox { border-radius: 20px 20px 20px 20px;border-style: solid; border-width: 10px 0px 0px 0px; border-color: #6640F4; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 30px; background-color: transparent; background-image: linear-gradient(50deg, #e6f5fb 0%, #f6f6f9 100%); }
.subcontact .subcontact-image-left { left: -100px;text-align: left;  width: 20%;    max-width: 20%;    bottom: -100px; position: absolute;z-index: 1; }
.subcontact .subcontact-image-right { width: 30%;right: -150px; max-width: 30%; top: 350px;  position: absolute;z-index: 1; }
.subcontactformbox input.txt { border: 1px solid #00000010 !important; font-size: 1.6rem; min-height: 65px; padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; margin-bottom: 1rem; width: 100%; border-radius: 0.25rem;}
.subcontactformbox textarea.txt { border: 0; font-size: 1.6rem; padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; resize: vertical; height: 135px; border-radius: 0.25rem; width: 100%; }
.subcontactformbox input[type=checkbox] { width: 1em; height: 1em; margin: 0px; vertical-align: middle; min-height: 1em; border-radius: 0.25em; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0px; display:inline-block; -webkit-appearance:auto; -moz-appearance:auto; -ms-appearance:auto; -o-appearance:auto; }  
.subcontactformbox input.btn-submit { background-color: #157efb !important; border-radius: 50px 50px 50px 50px !important; box-shadow: 0px 4px 0px 0px #5842BC; filter: drop-shadow(0px 13px 20px #07397235);margin-top: .5rem; padding: 12px 60px; display: inline-block; color: #fff; border-color: #603ce7; font-size: 2rem; line-height: 1.5; border: none; min-height: auto;}

.subcontact2  { font-size:1.8rem; margin-top:35px;}
.subcontact2  address{ font-size:1.6rem; color:#666; }
.subcontact2  address span {display:block; margin-top:10px; padding-left:15px; position:relative;}
.subcontact2  address .cname {padding-left:0px; color:#000; margin-bottom:25px;}
.subcontact2  address .addr::before {content:"A."; color:#157efb; position:absolute; width:20px; display:block; left:0;}
.subcontact2  address .tel::before {content:"T."; color:#157efb; position:absolute; width:20px; display:block; left:0;}
.subcontact2  address .email::before {content:"E."; color:#157efb; position:absolute; width:20px; display:block; left:0;}

.mobile_br { display: none; }

@media (min-width: 1280px) {
	.subcontacttitle {background:url(../img/sub/obj_contact_01.png) no-repeat}
	.subcontact .subcontactformbox { padding: 100px 215px 100px 215px; }
	
}     
@media (max-width: 1279px) {
	.subrecruit .subrecruit-image-left1 { left: -50px; width: 30%; }
	.subbusiness .subbusinessbox { padding: 0 0px; }	
}
@media (max-width: 768px) {
	.subrecruit .subrecruit-image-left1 { left: -100px; }
	.subbusiness .subbusinessbox .card_style { width: 98%; padding: 20px 0 35px; }
	.subcontents .sub-heading, .subrecruit .colortxt { font-size: 5rem; line-height:1.3em; }
	.subbusiness .subbusinessbox .card_style.mb50px { margin-bottom: 20px!important;}
	.subrecruit .subrecruit-image-left2 { left: -100px; }
}
@media (max-width: 640px) {
	.section {padding:50px 0 0; position: relative; box-sizing: border-box;}
	.mt65px, .mt70px, .aboutqs2 .aboutqs2box .aq2txt2{ margin-top: 30px!important;} 
	.mt100px { margin-top: 50px!important;} 
	.mb70px { margin-bottom: 50px!important;}
	.mt50px { margin-top: 30px!important;}
	.mt30px, .aboutqs .aboutqsbox .aqtxt4 { margin-top: 25px!important; }
	.aboutqs .aboutqsbox .aqtxt2 { margin-top: 25px!important; font-size:4rem; }
	.aboutqs .aboutqsbox .aqtxt3 { margin-top: 10px!important; font-size: 4rem;}
	.subabout .tit03 { line-height: 1.9em; }
	.col-mt50px { margin-top: 30px!important;}
	.col-mt50px .pl65px  { padding-left: calc(var(--bs-gutter-x) / 2)!important;}
	.subbusiness .tit01 { font-size: 1.8rem; letter-spacing:-1px; }
	.subbusiness .tit03 { font-size: 4rem; }
	.subrecruit .tit04 { margin-top: 0px; }
	.subrecruit .subrecruit-image-right { width: 100%; max-width: 60%;}	
	.subrecruit .mb100px { margin-bottom: 140px!important; }
	
	.subbusiness .bizicon { max-width: 80%; }
	.subbusiness .tit02 { margin-top: 0;}
	.subbusiness .subbusinessbox .card_style.mb50px { margin-bottom: 10px!important; }
	
	#ft { padding: 10px 0 30px 0; }
	#ft .foot_wrap address { margin-top: 10px; }
	#ft .foot_wrap .fnb { padding-left: 20px; }
	#ft .foot_wrap .copyright { margin-top: 20px; padding-bottom: 10px; }
	#ft .plogo img { width: 45%; }
}
@media (max-width: 420px) {
	.mobile_br { display: block;}
	.subbusiness .tit03 { font-size: 3rem; }
	.section { padding-top: 30px; }
	
	.subbusiness .bizicon { max-width: 70%; }
	.subbusiness .tit05 { letter-spacing:-1px; }
	
	.subrecruit .icon_rec { width: 100%!important;}
}	



/* 드래그 블록 색상 */
::selection {background:#111;color:#FFF;text-shadow:none;}
::-moz-selection {background:#111;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#111;color:#FFF;text-shadow:none;}



.slide_up_down {
-webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}

/* ------- */
@-webkit-keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.scale_up_down {
-webkit-animation: RL_smooth 5s ease-in-out infinite alternate both;
animation: RL_smooth 5s ease-in-out infinite alternate both;
}

@-webkit-keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes RL_smooth {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes RL_smooth {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* animate */
@keyframes header_fix{0%{opacity:0}100%{opacity:1}}