/*guide1:sub상단 이미지+텍스트 기본 레이아웃-예약솔루션소개등*/
.guide1_area{padding-top:120px;padding-bottom:120px;}
.guide1_area.blue2{background-color:#3f84c9;}
.guide1_area.blue3{background-color:#3d9ad4;}
.guide1_area.blue4{background-color:#8ddff7;}
.guide1_area.purple{background-color:#6489eb;}

.guide_reset1{margin:0;}
.guide1_area .flex{display:flex;justify-content: space-between}
.guide1_area .flex .guide1{width:50%;margin-right:4%;}
.guide1_area .flex .guide1.cs{margin-right:0;}

.guide1_area.left .flex .guide1{margin-right:0;}
.guide1_top{position:relative;}
.guide1_top_in{max-width:1500px;padding-left:30px;padding-right:30px; margin:0 auto;position:relative;}
.guide1_tit{font-size:65px;margin-bottom:60px;color:#000}

.guide1_stit{font-size:20px;letter-spacing:-0.6px;color:#333;font-weight:400;margin-bottom:85px;}
.subbg_st1{position:absolute;top:0;right:0;background-size:100%;background-repeat:no-repeat;}
.subbg_st1.static{position:static;width:45%}
.solution_bg1{background-image:url(../img/sub/solution_bg1.png);width:610px;height:889px;top:-25%;}
.webdesign_bg1{background-image:url(../img/sub/webdesign_bg5.png);width:731px;top:0%;right:3%;background-size:contain}
.salary_bg1{background-image:url(../img/sub/salary_bg1.png);width:731px;top:0%;right:3%;background-size:contain}
.cs_bg1{background-image:url(../img/sub/cs_bg1.png);width:731px;height:565px;top:0%;right:3%;background-size:contain}
.cs_bg2{background-image:url(../img/sub/cs_bg2.png);width:731px;height:565px;top:0%;right:3%;background-size:contain}
.guide1_bt{padding:100px 0;background-color:#edf2f8;background-color:#edf0f8;z-index:100;}
.guide1_bt_in{max-width:1500px;margin:0 auto;padding-left:30px;padding-right:30px;}
.guide1_bt_in.crs_bt_in{padding-right:50%;padding-left:0;}
.guide1_bt_in p{line-height:1.5em;color:#555;}
.webdesign_in{padding-top:60px}

.infobox{padding:30px;border:1px solid #e7e7e7;margin-top:50px;}
.infobox.bk{border:0.5px solid rgb(106, 106, 106, 0.5);}
.infobox h4{font-size:20px;font-weight:700;color:#4e4e4e;display:block;}
.infobox h4:after{content: "";display:block;background-color:#000;width:27px;height:1px;margin-top:20px;margin-bottom:20px;}
.infobox p.info_txt{color:#5c5c5c;line-height:1.6em;font-size:14.5px;font-weight:300;}
.guide1_area.bg .infobox h4:after{background-color:#fff}

.guide1_area.bg .guide1_tit{color:#fff} 
.guide1_area.bg .guide1_stit{color:#fff} 
.guide1_area.bg .guide1_stit .t_blue{color:#aafcff} 
.guide1_area.bg .guide1_bt_in p{color:#fff;}
.guide1_area.bg .guide1_bt_in h4{color:#fff;}

@media all and (max-width:1550px){
    .guide1_tit{font-size:58px;}
    .guide1_stit{font-size:18px;}
    .solution_bg1{width:500px;}
    .webdesign_bg1{width:550px;}
}
@media all and (max-width:1400px){
    .webdesign_bg1{height:480px;}
}
@media all and (max-width:1299px){
    .webdesign_bg1{height:400px;}
}
@media all and (max-width:1199px){
    .guide1_area{margin-bottom:100px;}
    .guide_reset1{margin-bottom:0;}
    .solution_bg1{width:400px;top:0%;right:0;}
    .webdesign_bg1{width:300px;}
}
@media all and (max-width:1023px){
    .guide1_area{padding-top:80px;overflow:hidden;padding-bottom:80px}
    .guide1_area.left{margin-right:0}
	.guide1_bt_in.crs_bt_in{padding-right:0;padding-left:0;}
    .guide1_area .flex{display:block;position:relative}
    .guide1_area .flex .guide1{width:100%;}
    .guide1_area.right .guide1{padding-top:450px;padding-bottom:90px}
    .webdesign_in{padding-top:20px}
    .guide1_tit{font-size:40px;margin-bottom:30px;letter-spacing: -1px;}
	
    .guide1_stit{font-size:16px;margin-bottom:30px;}

    .guide1_area.right .subbg_st1{position:absolute;top:90px;left:50%;transform: translatex(-50%)}
    .subbg_st1, .subbg_st1.static {position:static;margin-left:auto;margin-right:auto;width:100%;}
    .solution_bg1{width:400px;height:600px;}
    .webdesign_bg1{margin-top:0;margin-bottom:30px;height:300px;background-position:center;width:100%;}
    .salary_bg1{height:300px;width:100%;margin-bottom:30px;background-position:center;}
    .guide1_bt{padding:65px 0;}
    .guide1_bt_in.crs_bt_in{padding-right:30px}
    .cs_bg2{height:365px;margin-left:auto;margin-right:auto;margin-bottom:30px;background-position:center;}
}
@media all and (max-width:479px){
    .guide1_area{padding-top:60px;}
	.guide1_tit.guide1_tit_s{font-size:38px;}
    .guide1_bt_in{padding-left:0;padding-right:0;}
    .guide1_bt_in.crs_bt_in{padding-right:0;padding-left:0;}

    .subbg_st1{width:100%;}
    .solution_bg1{height:650px;}    
    .guide1_top_in{padding-left:15px;padding-right:15px;}
    .cs_bg2{height:200px;}
}
@media all and (max-width:450px){
    .guide1_area.right .guide1{padding-top:380px;}
	.guide1_tit.guide1_tit_s{font-size:29px;}
}
@media all and (max-width:400px){
    .solution_bg1{height:480px;}
    .webdesign_bg1{margin-top:0}
}

/*guide2: 사업소개상단부분 이미지+텍스트슬라이드*/
.guide2_area{padding-top:120px;padding-bottom:0px;}
.guide2_area.bg_none{background-color:transparent}
.guide2_in{display:flex;justify-content: space-between;}
.guide2_tit{text-align: left;font-size:58px;margin-bottom:50px;color:#000;}

.guide2_img_slidewrap{width:54.8%;}
.guide2_img_slidewrap.pos{padding-left:10%;margin-top:5%}
.guide2_img_slidewrap.kiosk{padding-left:0%;margin-top:3%;}

.guide2_img_slidewrap ul{height:100%}
.guide2_img_slidewrap ul li{width:550px;height:100%;overflow:hidden;}
.guide2_img_slidewrap ul li img{height:100%;object-fit: cover;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;}

.guide2_slidewrap{width:45.2%;display: inline-block;/*border-left:1px solid #ddd;*/position:relative;}
.guide2_slidewrap:after{content:"";display:block;width:1px;height:100%;background-color:#ddd;position:absolute;left:1px;top:0;z-index:-1;}
.txt_slide{position:relative;color:#333;/*color:#777;/*opacity:0.5;*/padding-left:50px;padding:25px 0 70px 50px;width:100%! important;float:none;}

.txt_slide .tit{display:block;font-size:35px;font-weight:600;letter-spacing:-1.2px;margin-bottom:20px;position:relative;}
.txt_slide .txt{font-size:16px;position:relative;}


/*20220325*/
.txt_slide:before{position:absolute; content:""; width:3px; height:0; border-radius:10px; background-color:#000; top:50%; left:0px; transform:translateY(-50%); transition:all 0.5s;}
.txt_slide.slick-current{opacity:1;}
.txt_slide.slick-current:before{height:100%}
.txt_slide.slick-current .tit{color:#000; padding-left:50px;position: relative;}
.txt_slide.slick-current .tit:before{opacity:1}
.txt_slide.slick-current .tit:after{content: "";display: inline-block;width:40px;height:40px;background-color:#000;position:absolute;left:-3px;top:3px;border-radius: 50%;background-image:url(../img/common/chk.png);background-position:center;background-size:100%;}    
.guide2_slidewrap .slick-slider .slick-list .slick-track, .guide2_slidewrap .slick-slider .slick-list {transform: translate3d(0px, 0px, 0px);}

@media all and (max-width:1300px){
    .guide2_img_slidewrap.pos{padding-left:2%;}
    .txt_slide .tit{font-size:28px;}
}
@media all and (max-width:1199px){
	.guide2_img_slidewrap.pos{width:45%;}
    .guide2_img_slidewrap ul li{width:400px;}
    .guide2_img_slidewrap ul li img{width:100%;}
    .txt_slide .txt{font-size:16px;position:relative;}
}
@media all and (max-width:1023px){
    .guide2_area{padding-bottom:60px;padding-top:80px}
    .guide2_tit{font-size:45px}
    .guide2_in{display:block;}
    .guide2_img_slidewrap{width:100%;margin-left:auto;margin-right:auto;width:60%;}
    .guide2_img_slidewrap ul li{width:100%;margin:0 auto;}
    .guide2_img_slidewrap ul li img{width:100%;}
    .guide2_img_slidewrap.pos{padding-left:0;margin-top:0;height: auto}
	.guide2_slidewrap{width:100%;}
    .txt_slide{padding:20px 0 30px 30px;}
    .txt_slide .tit{font-size:25px;}
	.txt_slide.slick-current .tit:after{top:0px;width:30px;height:30px;}

	
}
@media all and (max-width:767px){
    .guide2_area{padding-top:60px}
}
@media all and (max-width:479px){
    .guide2_tit{font-size:35px}
    .txt_slide .tit{font-size:20px;}
    .txt_slide .txt {font-size: 15px;}
}

/*guide3: crs소개상단부분 이미지+텍스트*/
.guide3_area{background-color:#eeeeee;padding-top:120px;text-align: center}
.guide3_area .tit{font-size:52px;font-weight:600;margin-bottom:15px;letter-spacing: -1px;}
.guide3_area .stit{font-size:18px;margin-bottom:30px;color:#484848;}

.guide3_img.crs_img img{margin-left:-90px}

@media all and (max-width:1200px){
    .guide3_area .tit {font-size: 48px;}
    .guide3_area .stit {font-size: 17px;}
    .guide3_img img{margin-left:-60px}
}
@media all and (max-width:1023px){
    .guide3_area{padding-top:80px;}
    .guide3_area .tit {font-size: 44px;}
    .guide3_area .stit {font-size: 16px;}
    .guide3_img.crs_img img{margin-left:0px}
}
@media all and (max-width:787px){
.guide3_area{padding-top:60px;}
    .guide3_area .tit {font-size: 33px;}
    .guide3_area .stit {font-size: 15px;}
}
@media all and (max-width:467px){
    .guide3_area .tit {font-size: 28px;}
}

/*이미지 리스트*/
.img_list_wrap{height:100vh;padding-bottom:8%;padding-top:8%;/*margin-bottom:120px;*/background-color:/*#1b607d*/ #081230;
    padding: 150px 0;;/*background-image:url(../img/sub/crs_bg1.png)*/}
.img_list_wrap .inner .section_tit{padding-top:0;margin-top:0}
.img_info_box{display:flex;justify-content: space-between;padding-top:30px;padding-bottom:0px;position:relative;}

.img_info_left{width:28%; }
.img_info_left h2{font-size:42px;font-weight:600;letter-spacing: -1px;color:#fff}
.img_info_cont{margin-top:50px;}
.img_info_cont .img_info_stit{font-size:25px;margin-bottom:10px;letter-spacing:-1px;color:#fff}
.img_info_cont .img_info_detail{font-size:16.5px;color:#777;color:#fff}

#scrollDiv{overflow:hidden;}

.img_info_right {width:67%;/*box-shadow: 3px 3px 30px #989898;*/border-radius: 10px;overflow: hidden;height:550px;border:14px solid #000;border-radius:10px;overflow: hidden;box-sizing: border-box;}

.img_info_right ul li{font-size:0;display:none;background-size:100%;width:100%;height:550px;background-repeat:no-repeat;background-color:#fff;}
.img_info_right ul li a{height:100%;}
.img_info_right ul li a.on:hover{transform:scale(1.5);}
.img_info_right ul li:nth-child(1){background-image:url(../img/sub/crs_sub_pc1.jpg);}
.img_info_right ul li:nth-child(2){background-image:url(../img/sub/crs_sub_pc2.jpg)}
.img_info_right ul li.on{display:block;}

.vis_arr.imglist_arr{bottom:0;right:auto;left:0;transform: rotate(0deg);}
.vis_arr.imglist_arr .arrow{color:#000;font-size:20px;color:#fff}
@media all and (max-width:1199px){
	.img_info_right {height:400px;}
}

@media all and (max-width:1023px){
.img_list_wrap{height:500px;padding-top:10%;padding-bottom:10%;}
	.img_info_box{padding-top:0px;}
    .img_info_left h2{font-size:30px;}

    .img_info_cont{margin-top:30px;}
    .img_info_right{height: 350px;}
}

@media all and (max-width:767px){
.img_list_wrap{height:650px;}
    .img_info_box{display:block;overflow:hidden;}
    .img_info_left{width:100%;}
    .img_info_left h2{font-size:32px}
    .img_info_cont{margin-top:20px;margin-bottom:20px;}
	.img_info_cont .img_info_stit{font-size:22px}
	.vis_arr.imglist_arr{bottom:-150px;}
    .img_info_right{height: 350px;margin-left:auto;margin-right:auto;width:100%;}
    .none_ta{display:none;}
}
@media all and (max-width:540px){
.img_list_wrap{height:600px;padding-top:12%;padding-bottom:12%;}
    .img_info_left h2{font-size:26px}
	.img_info_cont .img_info_stit{font-size:20px}
	.img_info_cont .img_info_detail {font-size:14.5px;}
	.img_info_right{height: 280px;}
}
@media all and (max-width:479px){
	.img_list_wrap{height:450px;}
    .img_info_right{height: 200px;}
}
/*midbox*/
.midbox_wrap{padding-top:60px;padding-bottom:150px;}
.midbox_in{/*padding:0px 30px 0px 30px;*/display:flex;}
.midbox_in.prl0{padding:0}
.midbox h3{width:25%;}
.midbox_right{width:75%;}

@media all and (max-width:1023px){
    .midbox_wrap{padding-top:30px;padding-bottom:80px;}
    .midbox_in{padding:0px;display:block;}
    .midbox h3{width:100%; text-align: center}
    .midbox_right{width:100%;} 
}
@media all and (max-width:779px){
    .midbox_wrap{padding-top:0px;padding-bottom:60px;}
}
/*회사소개인사말*/
.company_intro_bg1{display:block;background-image:url(../img/sub/company_intro_bg1_2.jpg);max-width:100%;height:590px;background-repeat:no-repeat;background-position:center;background-size:cover;}

@media all and (max-width:1300px){
    .company_intro_bg1{height:350px;}
}
@media all and (max-width:1023px){
    .company_intro_bg1{height:500px;background-size:cover;}
} 

/*sub 하단 contact*/
.bt_contact_area{height:250px;width:100%;}
.bt_contact_txt{text-align:center;padding-top:5%;color:#000}
.bt_contact_tit{font-size:32px;margin-bottom:20px;}
.btn_contact a{display:block;font-size: 15px;max-width: 200px;width: 100%;margin: 20px auto 0;color: #fff;border-radius: 50px;padding: 12px 0;font-weight: 500;transition: all ease .5s;-webkit-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;}
.contact_box.sub_cnt{background-image:url(../img/sub/bt_contact1.jpg);/*height:250px;*/height:auto;width:100%;text-align: center;padding-top:80px;}
.contact_box.sub_cnt ul li{position:relative;}
.contact_box.sub_cnt ul li:after{content: "";display:block;width:1px;height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#fff}
.contact_box.sub_cnt ul li:last-child:after{display: none}
.contact_box.sub_cnt ul li h4{font-size:22px;}
.contact_box.sub_cnt ul li p{font-size:34px}

@media all and (max-width:1023px){
    .contact_box.sub_cnt{height:200px;padding-top:60px}
   .contact_box.sub_cnt ul li h4{font-size:20px;background-color:transparent;color:#fff;margin-bottom:0;padding:0;}
    .contact_box.sub_cnt ul li p{font-size:28px}
}
@media all and (max-width:767px){
    .contact_box.sub_cnt ul li p{font-size:25px}
}
@media all and (max-width:600px){
    .contact_box.sub_cnt{padding-top:60px;height:250px;}
    .contact_box.sub_cnt ul li:after{display:none;}
    .contact_box.sub_cnt ul li h4{font-size:18px}
    .contact_box.sub_cnt ul li p{font-size:24px}
}
@media all and (max-width:500px){
    .contact_box.sub_cnt ul li h4{font-size:16px}
    .contact_box.sub_cnt ul li p{font-size:22px}  
}
/*sub 섹션제목st*/
.ssct_tit_area{padding-top:120px;padding-bottom:0;}
.section_tit.sub_sct_tit{text-align: left;margin-bottom: 0;margin-top:0px;}
.section_tit.sub_sct_tit h3{font-size:43px;font-weight:600;line-height:1.6em;margin-bottom:10px;letter-spacing: -0.8px;}
.section_tit.sub_sct_tit p{font-weight:500;margin-bottom:0;}

@media all and (max-width:1199px){
    .ssct_tit_area{padding-top:80px;}
    .section_tit.sub_sct_tit h3{font-size:40px;}
}
@media all and (max-width:1023px){
    .section_tit.sub_sct_tit{text-align:center;}
    .section_tit.sub_sct_tit h3{font-size:35px;}
    .section_tit.sub_sct_tit p{font-weight:500}
}
@media all and (max-width:767px){
    .ssct_tit_area{padding-top:30px;}
    .section_tit.sub_sct_tit h3{font-size:32px;line-height:1.4em;}
}
@media all and (max-width: 540px){
	.section_tit.sub_sct_tit h3{font-size:25px;}
    .section_tit p.sub_sct_stit{font-size: 14.5px;margin-bottom: 6px;}
}