@charset "utf-8";

/* business */
.boardTit{ margin-bottom:70px; text-align:center; }
.boardTit h3{ margin-bottom:30px;  font-size:72px; line-height:82px; color:#111; font-weight:700; letter-spacing:-0.05em; }
.boardTit h3 span.en{ display:inline-block; vertical-align:top; margin-top:4px; position:relative; font-weight:600; font-family: 'Poppins', sans-serif; letter-spacing:0; }
.boardTit h3 span.en:after{ content:''; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
.boardTit > p{ font-size:28px; line-height:44px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }

.biz_microsoft .boardTit h3 span.en{ padding-left:107px; }
.biz_microsoft .boardTit h3 span.en:after{ width:74px; height:73px; background:url('../images/sub/microsoft_logo.jpg') no-repeat center; background-size:cover; }

.biz_aws .boardTit h3 span.en{ padding-left:155px; }
.biz_aws .boardTit h3 span.en:after{ width:121px; height:73px; background:url('../images/sub/aws_logo.png') no-repeat center; background-size:cover; }

.biz_it .tab_bx{ margin-bottom:80px; text-align:Center; }
.biz_it .tab_bx a{ display:inline-block; vertical-align:top; margin:0 10px; width:240px; height:80px; font-size:20px; line-height:78px; color:#111; border:1px solid #ddd; }
.biz_it .tab_bx a.on{ border-color:#e01419; }
.biz_it .tab_bx a span{ display:inline-block; vertical-align:top; padding-right:50px; background:url('../images/btn/list_cate_ar.jpg') no-repeat right center; }

/* 회사소개 */
#sub .company .contents{ padding-top:0; }
.company .titS01{ margin-bottom:75px; }
.company .sec01{ padding:130px 0; background:url('../images/sub/company_bg.jpg') no-repeat center; background-size:cover; }
.company .sec01 .bar{ display:block; margin:0 auto 70px; width:1px; height:120px; background:#da2128; }
.company .sec01 .txt_bx > strong{ display:block; margin-bottom:40px; font-size:44px; line-height:64px; color:#111; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; text-align:Center; }
.company .sec01 .txt_bx > p{ margin-bottom:70px; font-size:20px; line-height:36px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.company .sec01 .txt_bx > p .space{ display:block; height:20px; }
.company .sec01 .txt_bx .sign{ font-size:18px; line-height:36px; color:#666; letter-spacing:-0.05em; text-align:right; }
.company .sec01 .txt_bx .sign strong{ display:inline-block; vertical-align:top; margin-top:-2px; padding-left:15px; font-size:28px; font-weight:500; color:#111; }

.company .sec02{ padding-top:127px; }
.company .sec02 .titS01{ margin-bottom:65px; }
.company .sec02 .img_bx{ display:flex; flex-wrap:wrap; align-items: center; align-content: center; margin-bottom:50px; height:600px; background:url('../images/sub/company_bg02.jpg') no-repeat center; background-size:cover; text-align:center; }
.company .sec02 .img_bx strong{ display:block; margin-bottom:15px; width:100%; font-size:48px; line-height:58px; color:#fff; font-weight:600;  font-family: 'Poppins', sans-serif; }
.company .sec02 .img_bx p{ width:100%; font-size:18px; line-height:28px; color:rgba(255,255,255,.7); font-family: 'Poppins', sans-serif; }

.company .sec02 .list_bx{ position:relative; }
.company .sec02 .list_bx:after{ content:''; position:absolute; left:50%; top:15px; width:1px; height:calc(100% - 110px); background:#ddd; }
.company .sec02 .list_bx .bx{ position:relative; margin-bottom:65px; }
.company .sec02 .list_bx .bx:after{ content:''; position:absolute; left:50%; margin-left:-6px; top:15px; width:13px; height:13px; background:#fff; border:4px solid #999; box-sizing:border-box; border-radius:50%; z-index:1; }
.company .sec02 .list_bx .bx:last-child{ margin-bottom:0; }
.company .sec02 .list_bx .bx strong{ display:block; margin-bottom:15px; font-size:32px; line-height:42px; color:#da2128; font-weight:600; font-family: 'Poppins', sans-serif; }
.company .sec02 .list_bx .bx ul li{ position:relative; margin-bottom:4px; padding-left:17px; font-size:18px; line-height:28px; color:#666; word-break: keep-all; word-wrap: break-word;}
.company .sec02 .list_bx .bx ul li:last-child{ margin-bottom:0; }
.company .sec02 .list_bx .bx ul li:after{ content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#999; border-radius:50%; }

.company .sec02 .list_bx .bx:nth-child(odd){ padding-left:calc(50% + 45px); }
.company .sec02 .list_bx .bx:nth-child(even){ padding-right:calc(50% + 45px); text-align:right; }
.company .sec02 .list_bx .bx:nth-child(even) ul li{ padding-left:0; padding-right:17px; }
.company .sec02 .list_bx .bx:nth-child(even) ul li:after{ left:auto; right:0; }

/* 파트너 */
.partner .map_img{ display:block; margin:0 auto 60px; max-width:100%; }

.logo_list{ padding-top:40px; border-top:2px solid #111; overflow:hidden; }
.logo_list ul{ font-size:0; margin-right:-25px; margin-bottom:-45px; }
.logo_list ul li{ display:inline-block; vertical-align:top; width:calc(25% - 25px); margin-right:25px; margin-bottom:45px; }
.logo_list ul li a{ display:block; }
.logo_list ul li a .img_bx{ position:relative; height:100px; border:1px solid #ccc; }
.logo_list ul li a .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; }
.logo_list ul li a .txt_bx{ margin-top:20px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; text-align:center; }

/* 오시는 길 */
.location iframe{ width:100%; height:480px; }
.location .info_bx{ margin-top:50px; }
.location .info_bx > strong{ display:block; margin-bottom:20px; font-size:28px; line-height:38px; color:#da2128; letter-spacing:-0.05em; font-weight:400; text-align:center; }
.location .info_bx .adr_bx{ margin:0 auto; width:100%; /* max-width:900px; */ text-align:center; }
.location .info_bx .adr_bx li{ margin-bottom:5px; font-size:32px; line-height:42px; color:#111; letter-spacing:-0.05em; font-weight:500; word-break: keep-all; word-wrap: break-word; }
.location .info_bx .adr_bx li:last-child{ margin-bottom:0; }
.location .info_bx .ct_bx{ margin-top:44px; font-size:0; text-align:Center; }
.location .info_bx .ct_bx li{ display:inline-block; vertical-align:top; padding-left:35px; margin-right:40px; font-size:20px; line-height:30px; color:#666; letter-spacing:-0.05em; }
.location .info_bx .ct_bx li:last-child{ margin-right:0; }
.location .info_bx .ct_bx .tel{ background:url('../images/icon/tel.png') no-repeat left center; }
.location .info_bx .ct_bx .mail{ background:url('../images/icon/mail.png') no-repeat left center; }

/* 주요고객사 */
.client .map_img{ display:block; margin:0 auto 60px; max-width:100%; }

/* 고객문의 */
.inquiry .btn_bx{ overflow:hidden; }
.inquiry .btn_bx div{ font-size:0; text-align:Center; margin-right:-40px; } 
.inquiry .btn_bx a{ position:relative; display:inline-block; vertical-align:top; width:calc(50% - 40px); margin-right:40px; max-width:400px; font-size:20px; line-height:98px; color:#111; letter-spacing:-0.05em; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.inquiry .btn_bx a span{ display:inline-block; vertical-align:top; position:relative; padding-right:43px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.inquiry .btn_bx a span:after{ content:''; position:absolute; right:0; top:50%; margin-top:-6px; width:19px; height:11px; background:url('../images/icon/btn_ar.png') no-repeat center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

.inquiry .btn_bx a:after { content: ''; position: absolute; top: 0;right: -50px; bottom: 0;left: 0; border-right: 25px solid transparent; border-bottom: 98px solid #e01419; transform: translateX(-100%);  box-sizing: border-box; transition: 0.4s ease-in-out; z-index: -1; }

/* 제품 및 교육 문의 */
.inquiry01 .titS01 .tit{ font-size:56px; line-height:66px; }

/* 제휴 및 파트너 신청 */
#sub .inquiry02 .contents{ padding-bottom:0; overflow:hidden; }
.inquiry02 .titS01 .tit{ font-size:56px; line-height:66px; }
.inquiry02 .sec01{ margin-bottom:140px; }
.inquiry02 .step_bx{ padding:100px 0 90px; background:#f9f9f9; }
.inquiry02 .step_bx > div{ margin:0 auto; width:calc(100% - 30px); max-width:1000px; }
.inquiry02 .step_bx ul{ font-size:0; margin-right:-40px; }
.inquiry02 .step_bx ul li{ display:inline-block; vertical-align:top; width:calc(25% - 40px); margin-right:40px; }
.inquiry02 .step_bx ul li .round{ position:relative; padding-bottom:100%; border-radius:50%; background:#da2128; margin-bottom:50px; }
.inquiry02 .step_bx ul li:nth-child(even) .round{ background:#58585a; }
.inquiry02 .step_bx ul li .round div{ position:absolute; left:0; top:50%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.inquiry02 .step_bx ul li .round div span{ display:block; padding-top:80px; font-size:18px; line-height:28px; color:rgba(255,255,255,.7); text-align:center; font-family: 'Poppins', sans-serif; }
.inquiry02 .step_bx ul li:nth-child(1) .round div span{ background:url('../images/sub/step_01.png') no-repeat center top; }
.inquiry02 .step_bx ul li:nth-child(2) .round div span{ background:url('../images/sub/step_02.png') no-repeat center top; }
.inquiry02 .step_bx ul li:nth-child(3) .round div span{ background:url('../images/sub/step_03.png') no-repeat center top; }
.inquiry02 .step_bx ul li:nth-child(4) .round div span{ background:url('../images/sub/step_04.png') no-repeat center top; }
.inquiry02 .step_bx ul li .txt{ position:relative; padding-top:30px; text-align:Center; }
.inquiry02 .step_bx ul li .txt:before{ content:''; position:absolute; left:50%; margin-left:-3px; top:0; width:5px; height:5px; background:#da2128; border-radius:50%; z-index:1; }
.inquiry02 .step_bx ul li .txt:after{ content:''; position:absolute; left:50%; top:3px; width:calc(100% + 40px); height:1px; background:#ddd; } 
.inquiry02 .step_bx ul li:last-child .txt:after{ display:none; }
.inquiry02 .step_bx ul li .txt strong{ display:block; margin-bottom:5px; font-size:24px; line-height:34px; color:#111; letter-spacing:-0.05em; font-weight:500; }
.inquiry02 .step_bx ul li .txt p{ font-size:16px; line-height:28px; color:#666; letter-spacing:-0.05em; }

.inquiry02 .sec02{ padding:150px 15px 160px; background:url('../images/sub/inquiry02_sec02_bg.jpg') no-repeat center; background-size:cover; text-align:center; }
.inquiry02 .sec02 strong{ display:block; margin-bottom:25px; font-size:40px; line-height:50px; color:#fff; letter-spacing:-0.05em; font-weight:700; }
.inquiry02 .sec02 p{ margin-bottom:50px; font-size:18px; line-height:28px; color:rgba(255,255,255,.7); letter-spacing:-0.05em; }
.inquiry02 .sec02 div{ font-size:0; }
.inquiry02 .sec02 div span{ display:inline-block; vertical-align:middle; margin-right:15px; font-size:16px; line-height:34px; color:#fff; letter-spacing:-0.05em; }
.inquiry02 .sec02 div a{ display:inline-block; vertical-align:middle; font-size:24px; font-weight:500; color:#fff; border-bottom:2px solid #fff; }


/* PC */
@media all and (min-width:1025px){
	
	.inquiry .btn_bx a:hover{ color:#fff; border-color:#da2128; }
	.inquiry .btn_bx a:hover:after { transform: translateX(0); }
	.inquiry .btn_bx a:hover span{ padding-right:0; }
	.inquiry .btn_bx a:hover span:after{ right:-40px; opacity:0; }

}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	/* business */
	.boardTit{ margin-bottom:40px; }
	.boardTit h3{ margin-bottom:18px; font-size:22px; line-height:32px; }
	.boardTit h3 span.en{ margin-top:4px; }
	.boardTit > p{ font-size:16px; line-height:24px; }

	.biz_microsoft .boardTit h3 span.en{ padding-left:55px; }
	.biz_microsoft .boardTit h3 span.en:after{ width:37px; height:37px; }

	.biz_aws .boardTit h3 span.en{ padding-left:76px; }
	.biz_aws .boardTit h3 span.en:after{ width:60px; height:37px; }
	
	.biz_it .tab_bx{ margin-bottom:30px; }
	.biz_it .tab_bx a{ margin:0 3px; width:35%; max-width:150px; height:40px; font-size:14px; line-height:38px;}
	.biz_it .tab_bx a span{ padding-right:22px; background-size:12px auto; }

	/* 회사소개 */
	.company .titS01{ margin-bottom:40px; }
	.company .sec01{ padding:75px 0; }
	.company .sec01 .bar{ margin:0 auto 40px; height:60px; }
	.company .sec01 .txt_bx > strong{ margin-bottom:25px; font-size:26px; line-height:34px; }
	.company .sec01 .txt_bx > p{ margin-bottom:35px; font-size:14px; line-height:22px; }
	.company .sec01 .txt_bx > p .space{ height:10px; }
	.company .sec01 .txt_bx .sign{ font-size:13px; line-height:23px; }
	.company .sec01 .txt_bx .sign strong{ margin-top:-1px; padding-left:8px; font-size:18px; }

	.company .sec02{ padding-top:75px; }
	.company .sec02 .titS01{ margin-bottom:40px; }
	.company .sec02 .img_bx{ margin-bottom:30px; height:350px; }
	.company .sec02 .img_bx strong{ margin-bottom:10px; font-size:28px; line-height:32px; }
	.company .sec02 .img_bx p{ font-size:13px; line-height:18px; }

	.company .sec02 .list_bx:after{ top:15px; height:calc(100% - 80px); }
	.company .sec02 .list_bx .bx{ margin-bottom:30px; }
	.company .sec02 .list_bx .bx:after{ left:50%; margin-left:-3px; top:10px; width:8px; height:8px; border:2px solid #999; }
	.company .sec02 .list_bx .bx strong{ margin-bottom:10px; font-size:20px; line-height:25px; }
	.company .sec02 .list_bx .bx ul li{ margin-bottom:10px; padding-left:10px; font-size:13px; line-height:18px; }
	.company .sec02 .list_bx .bx ul li:after{ top:8px; width:3px; height:3px; }

	.company .sec02 .list_bx .bx:nth-child(odd){ padding-left:calc(50% + 25px); }
	.company .sec02 .list_bx .bx:nth-child(even){ padding-right:calc(50% + 25px); }
	.company .sec02 .list_bx .bx:nth-child(even) ul li{ padding-right:10px; }

	/* 파트너 */
	.partner .map_img{ margin:0 auto 35px; }

	.logo_list{ padding-top:25px; border-top:1px solid #111; }
	.logo_list ul{ margin-right:-10px; margin-bottom:-25px; }
	.logo_list ul li{ width:calc(25% - 10px); margin-right:10px; margin-bottom:25px; }
	.logo_list ul li a .img_bx{ height:40px; }
	.logo_list ul li a .txt_bx{ margin-top:10px; font-size:12px; line-height:17px; }

	/* 오시는 길 */
	.location iframe{ height:300px; }
	.location .info_bx{ margin-top:30px; }
	.location .info_bx > strong{ margin-bottom:13px; font-size:18px; line-height:23px; }
	.location .info_bx .adr_bx{ /* max-width:450px; */ }
	.location .info_bx .adr_bx li{ margin-bottom:4px; font-size:16px; line-height:24px; }
	.location .info_bx .ct_bx{ margin-top:23px; }
	.location .info_bx .ct_bx li{ padding-left:25px; margin-right:25px; font-size:14px; line-height:23px; }
	.location .info_bx .ct_bx .tel{ background-size:16px auto; }
	.location .info_bx .ct_bx .mail{ background-size:16px auto; }
	
	/* 주요고객사 */
	.client .map_img{ margin:0 auto 35px; }
	
	/* 고객문의 */
	.inquiry .titS01 .tit{ font-size:36px; line-height:41px; }
	.inquiry .btn_bx div{  margin-right:-20px; } 
	.inquiry .btn_bx a{ width:calc(50% - 20px); margin-right:20px; max-width:300px; font-size:14px; line-height:48px; }
	.inquiry .btn_bx a span{ padding-right:25px; }
	.inquiry .btn_bx a span:after{ margin-top:-4px; width:11px; height:9px; background:url('../images/icon/btn_ar_m.png') no-repeat center; background-size:11px auto; }
	
	/* 제품 및 교육 문의 */
	.inquiry01 .titS01 .tit{ font-size:36px; line-height:41px; }

	/* 제휴 및 파트너 신청 */
	.inquiry02 .sec01{ margin-bottom:80px; }
	.inquiry02 .titS01 .tit{ font-size:36px; line-height:41px; }
	.inquiry02 .step_bx{ padding:50px 0 45px; }
	.inquiry02 .step_bx > div{ width:calc(100% - 50px); }
	.inquiry02 .step_bx ul{ margin-right:-20px; }
	.inquiry02 .step_bx ul li{ width:calc(25% - 20px); margin-right:20px; }
	.inquiry02 .step_bx ul li .round{ margin-bottom:25px; }
	.inquiry02 .step_bx ul li .round div span{ padding-top:45px; font-size:12px; line-height:17px; }
	.inquiry02 .step_bx ul li:nth-child(1) .round div span{ background-size:40px auto !important; }
	.inquiry02 .step_bx ul li:nth-child(2) .round div span{ background-size:40px auto !important; }
	.inquiry02 .step_bx ul li:nth-child(3) .round div span{ background-size:40px auto !important; }
	.inquiry02 .step_bx ul li:nth-child(4) .round div span{ background-size:40px auto !important; }
	.inquiry02 .step_bx ul li .txt{ padding-top:14px; }
	.inquiry02 .step_bx ul li .txt:before{ margin-left:-2px; width:4px; height:4px; }
	.inquiry02 .step_bx ul li .txt:after{ top:2px; width:calc(100% + 20px); } 
	.inquiry02 .step_bx ul li .txt strong{ margin-bottom:5px; font-size:16px; line-height:21px; }
	.inquiry02 .step_bx ul li .txt p{ font-size:12px; line-height:20px; }

	.inquiry02 .sec02{ padding:45px 15px 45px; }
	.inquiry02 .sec02 strong{ margin-bottom:13px; font-size:24px; line-height:29px; }
	.inquiry02 .sec02 p{ margin-bottom:20px; font-size:13px; line-height:21px; }
	.inquiry02 .sec02 div span{ margin-right:9px; font-size:12px; line-height:21px; }
	.inquiry02 .sec02 div a{ font-size:16px; border-bottom:1px solid #fff; }

}

/* 모바일 */
@media all and (max-width:768px){
	
	/* 회사소개 */
	.company .sec01{ background:url('../images/sub/company_bg_m.jpg') no-repeat center; background-size:cover; }
	
	.company .sec02 .img_bx{ height:240px; background:url('../images/sub/company_bg02_m.jpg') no-repeat center; background-size:cover; }
	.company .sec02 .list_bx:after{ left:5px; }
	.company .sec02 .list_bx .bx:after{ left:1px; margin-left:0; }

	.company .sec02 .list_bx .bx:nth-child(odd){ padding-left:22px; }
	.company .sec02 .list_bx .bx:nth-child(even){ padding-left:22px; padding-right:0; text-align:left; }
	.company .sec02 .list_bx .bx:nth-child(even) ul li{ padding-left:10px; padding-right:0; }
	.company .sec02 .list_bx .bx:nth-child(even) ul li:after{ left:0; right:auto; }

	/* 파트너 */
	.logo_list ul li{ width:calc(50% - 10px); } 

	/* 오시는 길 */
	.location iframe{ height:240px; }

	/* 고객문의 */
	.inquiry .btn_bx div{  margin-right:0; } 
	.inquiry .btn_bx a{ display:block; width:100%; margin:0 auto 20px; max-width:200px; }
	.inquiry .btn_bx a:last-child{ margin-bottom:0; }
	
	/* 제휴 및 파트너 신청 */
	.inquiry02 .step_bx > div{ max-width:350px; }
	.inquiry02 .step_bx ul{ margin-bottom:-35px; }
	.inquiry02 .step_bx ul li{ width:calc(50% - 20px); margin-bottom:35px; }
	.inquiry02 .step_bx ul li:nth-child(2) .txt:after { display:none; }

	.inquiry02 .sec02{ background:url('../images/sub/inquiry02_sec02_bg_m.jpg') no-repeat center; background-size:cover; }

}