#wrap {background-color:#fff;}
.headerMenu .btn2 {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 15px;
    color: #0277c4;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    border: 2px solid #0277c4;
}
.headerMenu .btn2 .header_arrow {
    margin-top: 11px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  background-color:#fff;
}
.mySlides .visual_bnr {border-radius:5px;width:100%; height:320px;}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  transition: 0.6s ease;
  border-radius: 50px;
  user-select: none;
}
.prev {
	left:10px;
	width: 45px;
	height:45px;
    background-image: url(/images/main/main_arrow_left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	z-index:1;
}

.next {
	right: 10px;
	width: 45px;
	height:45px;
	background-image: url(/images/main/main_arrow_right.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1;
	}


/* Caption text */
.text_box {

  position: absolute;
  bottom: 16%;
  left: 25px;
  max-width: 400px;
  min-width: 295px;

  padding:25px;
  border-radius: 10px;
}
.text_box h4 {
	color:#222;
	font-size: 21px;
	font-weight: bold;
	line-height:1.4;
}
.text_box h4 p {display: block;}
.text_box h4::after {
    display: block;
    width: 30px;
    height: 1px;
    background: #222;
    margin: 10px 0 14px;
    content: '';
}
.text_box h5 {
	color:#222;
	font-size: 14px;
	font-weight: 300;
	line-height:1.4;
}
.text_box h5 p {display:inline-block;}
.text_box span {display:block; color:#0c77bd; margin-top:10px;}
.arrow2_blue {margin-top:6px;}

/* The dots/bullets/indicators */
.dotsWrap {position:absolute; bottom:0; left:48%;}
.dot {
   cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




/* main slider */
.mainsliderWrap {position:relative; overflow:hidden; height:300px;}
.mainsliderWrap .slick-track {}
.mainsliderWrap .slider {background-color:#fff !important;}
.mainsliderWrap {
  color: #fff;
}
.slide_mainwrap .slide_mainimg {position:relative;}
.mainsliderWrap .mainBg {
  position: relative;
  width: 1000px;
  height:1000px;
  border-radius:5px;
  margin:0 30px;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:50% 50%;
  
}
.mainsliderWrap .slick-prev,.mainsliderWrap .slick-next {
	position:absolute; top:50%;
}
.mainsliderWrap .slick-prev {
	left:10px;
	width: 22px;
	height:39px;
    background-image: url(/images/main/arrow_bk_left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px;
	z-index:1;
	font-size:0;
	
}
.mainheight {height:300px;position: relative;}
.mainsliderWrap .slick-next
{
	right: 10px;
	width: 22px;
	height:39px;
	background-image: url(/images/main/arrow_bk_right.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 22px;
	z-index:1;
	font-size:0;
}

.slide_mainwrap {
  width: 100%;
  position: relative;
  
  box-sizing: border-box;
}
.slide_mainshow {
  width: auto;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
  height: 300px;
}
.slide_mainshow {} 
.slide_mainimg{
  width: 278vw; overflow: hidden; margin:0 auto;
  display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 0px; */
   
}
.slide_mainshow {} .slide_mainimg > div {
  /*float: left; */width: 50vw;
    min-width: 50vw; padding: 5px;height:300px;    display: inline-block;
}

.slide_mainwrap .mySlides {position: relative;}
.slide_mainbtn{position: absolute;
    top: 50%;
    width: 100%;
    height: 50px;
    /* z-index: 1000; */
transform: translateY(-50%);}
.slide_mainbtn a {
  position: absolute;
  top: 50%; transform: translatey(-50%);
  color: #fff;
  width: 60px; height: 60px; line-height: 60px;
  background-color: rgba(255,255,255,0.1);
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  transition: all 0.3s 
}

.slide_mainbtn a:hover {background-color: rgba(255,255,255,0.3);}
.slide_mainbtn a.prev {left: 10px;}
.slide_mainbtn a.next {right: 10px;}

.main_sliderWrap .slider111 {
	width: 100%;
	margin: 30px auto;
	height:300px;
}

.main_sliderWrap .slick-slide {
  margin: 0px 20px;
}

.main_sliderWrap .slick-slide img {
   width: 100%; max-height:300px;  max-width:1000px;     margin: 0 auto;
}
.main_sliderWrap .slick-prev {position:absolute; top:50%; left:0;     z-index: 1;}
.main_sliderWrap .slick-next {position:absolute; top:50%; right:0;     z-index: 1;}
.main_sliderWrap .slick-prev:before,
.main_sliderWrap .slick-next:before {
  color: black;
}


.main_sliderWrap .slick-slide {
  transition: all ease-in-out .3s;

}

.main_sliderWrap .slick-active {

}

.main_sliderWrap .slick-current {
  opacity: 1;
}
	

#mainBg {position:relative; overflow: hidden; }
.m_bg { background-color:#273dc9; padding:80px 0 150px;}
.m_bg .main_inner {position:relative;}
.m_bg h2 {color:#fff; font-size:48px; line-height:1.4; font-weight:600; word-break:keep-all;}
.m_bg h4 {color:#fff; font-size:21px; line-height:1.4; font-weight:400; margin-top:30px; word-break:keep-all;}
.m_bg .m_btn {  
	display:block;
    width: 320px;
    line-height: 58px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
	background-color:#4f61d1;
	border:1px solid #4f61d1; 
	padding: 0px 18px; 
    border-radius: 5px;
	margin-top: 40px;
	transition: 0.4s;
}
.m_bg .m_btn:hover {border:1px solid #fff;}
.m_bg .m_btn .arrow_wh {margin-top: 21px;margin-left: 8px;}
.m_bg .logobg_wh {position: absolute;
    top: -190px;
    right: -190px;
    width: 512px;
    height: 681px;
    background-image: url(/images/main/hslogo_wh.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.1;
}

#counters {margin-bottom:30px;}
#counters .main_in {position: relative; margin: 0 auto; max-width: 940px; box-sizing: border-box; padding: 0 10px;}
.counterWrap {padding:30px 0 0 0; background-color:#fff; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); margin-top:-100px; border-radius: 10px;}
.counter_tit h4 {font-size: 28px; font-weight: bold; color: #222; text-align: center;}
.counter_num {}
.counter_num li {position:relative; width:33.333%; float:left; text-align: center; }
.counter_num li:nth-child(1),.counter_num li:nth-child(2) {border-right:1px solid #eee;}
.counter_num li strong {color:#166ef7; font-size: 15px; font-weight:500;  line-height: 1.4; }
.counter_num li strong::after {
    display: block;
    width: 25px;
    height: 1px;
    background: #222;
    margin: 10px auto;
    content: '';
}
.counter_num li p {display: block;font-size: 50px; color:#222;font-weight:bold;  line-height: 1.4; margin-bottom:20px;}
.counter_txt {display:block; width:100%; text-align:right; }
.counter_txt span {font-size:12px; color:#999; padding-right: 20px;}

/* On smaller screens, decrease text size */
.slick-active {/*width:1000px !important;*/ margin: 0 auto; padding: 0 30px;}
#sect_m1 {position:relative;     overflow: hidden; padding:40px 0;}
.m1_wrap {margin-bottom:40px;}
.m1_wrap .m1_tit h4 {font-size: 24px; font-weight:bold; color:#222; text-align:center;}
.m1_wrap .m1_tit p {font-size: 18px; font-weight:300; color:#666; text-align:center;}

.m1_bg {width:100%; height:135px; padding:30px;background-image: url(/images/main/bg_poimg2.jpg);background-repeat: no-repeat;background-position: 50% 50%;-webkit-background-size: cover;
background-size: cover; margin-bottom:30px;}
.m1_bg .m1_tit_wh h4 {color:#fff; text-align:left; font-size: 28px; font-weight: bold;}
.m1_bg .btn3_all {color:#fff;}
.tac {text-align:center;}
.btn3 {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    background-color: #0277c4;
	margin-top:30px;
}
.btn3_all {
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 13px;
    color: #222;
    text-align: center;
    font-weight: 400;
	margin-bottom:10px;
}
.btn3_wh {
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 400;
	margin-bottom:10px;
}
.btn_wh {display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    border-radius: 5px;
    font-weight: 400;
    background-color: #fff;
	margin-top:30px;}
.btn_wh:hover  {background-color: #0277c4; transition: 0.3s; color:#fff;}
.btn_blue {display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: 400;
    background-color: #166ef7;
	border:1px solid #166ef7;
	margin-top:30px;}
.main_more {
	background-image: url(/images/main/main_bnr_bg01.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:20px;
	padding:30px;
	
}
.main_bg2 {
	background-image: url(/images/main/main_bnr_bg02.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:20px;
	height:300px;
	padding:30px;
}
.main_bg2  h5 {color: #fff;font-size: 26px;font-weight: 500; display: block; margin-top:100px;}
.main_bg2 .bg2_btn {margin-top: 6px; background-color:#fff; padding:4px 15px; border-radius:50px; display: inline-block;}
.main_bg2 .bg2_btn p {color: #222; font-size: 14px;}
.main_bg2 .bg2_btn .arrow_bk {margin-top:6px;}
.m1_list {position:relative;}
.m1_list .subListWrap {overflow:hidden;}
.m1_list .prev2 {
	left:10px;
	width: 22px;
	height:39px;
    background-image: url(/images/main/arrow_bk_left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px;
	z-index:1;
}
/* Position the "next button" to the right */
.m1_list .next2 {
	right: 10px;
	width: 22px;
	height:39px;
	background-image: url(/images/main/arrow_bk_right.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 22px;
	z-index:1;
	}

.m1_list .slide_wrap {
 position: relative;
}
.m1_list .slide_show {
  width: 1000px;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
}

.m1_list .slide_show {} .slide_img2{
  width: 1000000000000000000px; overflow: hidden;
}
.m1_list .slide_show {} .slide_img2 > div {
  float: left; width: 260px; padding: 10px;
}

.m1_list .slide_btn a {
  position: absolute;
  top: 50%;
}
.m1_list .slide_btn a.prev2 {left: -100px;}
.m1_list .slide_btn a.next2 {right: -100px;}
.m1_list h5 {color:#222; font-weight:400; font-size:16px; line-height: 1.4; margin-top: 10px; height:47px;}
.m1_list p.area {display:block;color:#999; font-size:12px; margin-top: 5px; }
.m1_list p {display:block;color:#222; font-size:16px; margin-top: 15px; }
.m1_list span {display:none;color:#aaa; font-size:16px; margin-top: 10px; }
.m1_list .ico_link2 {margin-top:10px;border-top:1px solid #eee;}
.m1_list em.yellow {display:none;color:#0278c8; font-size:16px; margin-top: 10px;}
.m1_list .pager_wrap {margin-top:0;}
.filter_bg { }
.filter_box {position:absolute; top:36%; left:32%; z-index: 99; background-color:#fff; padding:30px 40px; border-radius:20px;    
	-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);box-sizing: border-box;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);}
.filter_box .fil_tit { display: block; text-align:center; color:#222; font-size:24px; margin-top:0px;}
.filter_box .fil_txt {
    display: block;
    font-weight: 400;
    color: #0277c4;
    border-bottom: 2px solid #0277c4;
    cursor: pointer;
    margin: 0 auto;
    max-width: 126px;
	margin-top:20px;
}
.m1_list.on .slide_wrap {filter: blur(5px);}

.positionNo .slide {height:446px;}
.positionNo .slide img,.positionNo .slide h5,.positionNo .slide p, .positionNo .slide span ,.positionNo .slide em {display:none;}

#sect_m2 {position: relative;padding:30px 0;}
.main_more h5 {color:#fff; font-size:26px;font-weight:300;  display: inline-block;}
.main_more h5 strong {font-weight:bold;}
.main_more .m2_btn {float:right; margin-top: 10px;}
.main_more .m2_btn a {color:#fff;font-size:16px;}
.arrow_wh2 {margin-top: 4px; margin-left: 5px; }
.arrow_wh {margin-top: 11px; margin-left: 5px; }
.arrow_bk {margin-top: 14px; margin-left: 5px; width:12px; }

.ellip {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellip2 {
    overflow: hidden;
    text-overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellip3 {
    overflow: hidden;
    text-overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellip4 {
    overflow: hidden;
    text-overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ellip5 {
    overflow: hidden;
    text-overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

#sect_m2-1 {position: relative; /*padding:30px 0;*/}
.main_m2_banner {position: relative; overflow:hidden;/*background: linear-gradient(90deg, rgba(22,191,168,1) 0%, rgba(1,150,217,1) 100%);border-radius: 20px ;*/}
.main_m2_banner ul li {width:50%; float:left;padding: 20px; text-align: center; box-sizing: border-box;}
.main_m2_banner ul li:first-child {background-color:#348bf5; border-radius: 10px 0 0 10px;}
.main_m2_banner ul li:first-child:hover {background-color:#0e70e7; transition: .3s;}
.main_m2_banner ul li:last-child {background-color:#73b3ff; border-radius: 0 10px 10px 0;}
.main_m2_banner ul li:last-child:hover {background-color:#4b9af8;transition: .3s;}
.main_m2_banner ul li a {display:inline-block;}
.main_m2_banner ul li h5 {display:inline-block; color:#fff; font-size: 24px; font-weight:500; margin-top: 21px; vertical-align: middle;}
.main_m2_banner ul li h5::before {
    content: '';
    display: inline-block;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: initial;
	background-color:#fff;
    width: 1px;
    height: 40px;
	vertical-align: middle;
    margin: 0 auto;
	margin-right: 35px; margin-left: 35px;
	opacity:0.7;}
.main_m2_banner .ico_phone {width:80px;}


#sect_m3 {position: relative;padding: 50px 0; overflow: hidden;}
.m3_tit h4 {font-size: 24px; font-weight:bold; color:#222; text-align:center;}
.m3_list {position: relative;margin-top:10px;/*display: flex;*/}
.m3_list li {width: 23%;
    float: left;
    margin: 1%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 10px;}
.m3_list li:nth-child(4),.m3_list li:nth-child(8) {margin-right:0px;}
.m3_list li a {cursor:pointer;}
.m3_list_img {width:100%; /*max-height:174px;*/ max-height:155px; border-radius: 5px; border: 1px solid #eee;}
.m3_list h5 {font-weight: 400; font-size:14px; color:#222; line-height:1.4; margin-top:10px; height: 40px;}
.m3_list p {font-size:12px; color:#aaa; line-height:1.4;margin-top:5px;}
.m3_list .ico_link{margin-top: 10px;border-top: 1px solid #eee;}
.ico_link2 {overflow:hidden;}
.logo_small {float:left;/*width:30px; height:30px; border-radius:50px; border:1px solid #e0e0e0;*/margin-top:10px;}
.logo_stxt {display:inline-block; margin-top:18px;color:#aaa;font-size:12px; margin-left:5px;}
.detailWrap .info_txtWrap .ico_link2 a {display:inline-flex;}
.block {display:block;}

#sect_m4 {position:relative; padding:70px 0 0;}
.m4_wrap .m4_tit h4 {font-size: 30px; font-weight:bold; color:#222; text-align:center; word-break:keep-all; line-height:1.4;}
.m4_wrap .m4_tit p {font-size: 18px; font-weight:300; color:#666; text-align:center;}
.m4_wrap .m4_tit a h5 {font-size: 24px; font-weight:normal; color:#1a53ff; text-align:center; word-break:keep-all;  text-decoration: underline; margin-bottom:10px; } 
.menteeListWrap {position:relative; overflow: hidden; margin: 0 auto; margin-top:20px; width: 100%;}
.menteeListWrap ul li {border:1px solid #ccc; border-radius:5px; padding:20px;width:31.333%; float:left; margin:1%;box-sizing: border-box;}
.menteeListWrap ul li .listTop {position:relative; display: flex;}
.menteeListWrap ul li .listTop .imgBox {width:41%; float:left;text-align: center;}
.menteeListWrap ul li .listTop .imgBox img {border:1px solid #eee; border-radius:5px;}
.menteeListWrap ul li .listTop .intername {display:block; margin-top:3px; text-align: center; font-size:16px;}
.menteeListWrap ul li .txtBox {width:59%; float:left; padding-left:10px;}
.menteeListWrap ul li .listTop h5.menTit {font-size:16px; color:#222; font-weight:300;}
.menteeListWrap ul li .listTop h6.menCompany {font-size:21px; color:#222; font-weight:500;}
.menteeListWrap ul li p.menCompany {font-size:16px; color:#0277c4;}
.menteeListWrap ul li .menHashTagWrap {display:block;margin-top: 4px; height:65px; line-height: 1.4;}
.menteeListWrap ul li p.menfunction {font-size:12px; color:#666; word-break:keep-all;}
.menteeListWrap ul li .menHashTagWrap span {font-size:14px; color:#666;}
.menteeListWrap ul li p.mentocarrer {font-size:16px; color:#222;font-weight:normal; word-break:keep-all; }
.menteeListWrap ul li p.mentofunction {font-size:16px; color:#222;font-weight:normal; word-break:keep-all; line-height:1.4; height:45px;}
.menteeListWrap ul li em.menNum {display:block;font-size:14px;  color:#666;}
.menteeListWrap ul li.menteeNoDataLi {width:100%; border:1px solid #ccc; min-height:auto; border-radius:5px; padding:30px;  margin:1% 0;box-sizing: border-box; text-align:center;}

.info_ListWrap .menteeListWrap ul li.menteeNoDataLi {width:100%;}
.info_ListWrap .menteeListWrap ul li {width:48%;padding:15px;}
.info_ListWrap h4.ListWrapTit {font-size: 18px; font-weight: bold;margin: 0 0 15px 0px;}

.subbnrWrap {
	position: relative;
    overflow: hidden;
   /* background-image: url(/images/main/resume_bg10.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;*/
	background-color:#e4eef9;
    padding: 30px;
	border-radius: 10px;
    border: 1px solid #ddd;
	margin:30px 0;
	}

.subbnrWrap h4 {display:block; font-size:26px; color: #0277c4;font-weight:bold;  line-height:1.8;}
.subbnrWrap p {display:block;font-size:21px; color: #666;font-weight:normal; line-height:1.4;}

.con_banner {position:relative; overflow: hidden;}
.consult_left {position:relative; width:500px; margin:0 auto; /*width: calc(100% - 450px); float:left;*/ box-sizing: border-box; padding:20px;}
.consult_left h4 {text-align:center; font-size:24px; margin-bottom:30px;}
.consult_left h4::after {
    display: block;
    width: 30px;
    height: 2px;
    background: #222;
    margin: 10px auto;
    content: '';
}
.consult_left ul li {width:33.333%; float:left; text-align: center; box-sizing: border-box;}
.consult_left ul li h5 {display:block; font-size: 16px; color:#222; font-weight:500; text-align: center;     line-height: 1.4;}
.consult_left ul li img {width:80px; margin:4px auto;}
.consult_left ul li p {display:block; font-size: 18px; color:#222; font-weight:300; text-align: center;}
.consult_left ul li p strong {color:#166ef7; font-size:21px; font-weight:bold;}


.consult_right {width: 430px; float:left; box-sizing: border-box; border:2px solid #081131; margin-left:20px; border-radius:10px; padding: 20px;}
.conRightTop {position:relative; overflow: hidden; margin-bottom:15px;}
.conRightTop .conRT_img {width:85px; float:left; box-sizing: border-box;}
.conRightTop .conRT_txt {width:calc(100% - 100px); float:left; box-sizing: border-box; margin-left:15px; }
.conRightTop .conRT_txt h5 {font-size:18px; font-weight:500; margin:15px 0 10px 0;}
.conRightTop .conRT_txt p {font-size:12px; font-weight:300; line-height:1.3;}
.consult_right strong {display:block; text-align:center; font-size:16px; margin-bottom:10px; line-height:1.4; font-weight: 500;  word-break: keep-all;}
.consult_right ul.con_bnr2 li {width:48%; float:left; padding:15px; border-radius:10px; margin-top:10px; box-sizing: border-box;}
.consult_right ul.con_bnr2 li.con_bnr2_1{background-image: url(/images/main/con_bg01.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.consult_right ul.con_bnr2 li.con_bnr2_1 h5 {font-size:14px; line-height:1.4; margin-top: 50px; box-sizing: border-box; color:#3cc2da; }
.consult_right ul.con_bnr2 li.con_bnr2_2 {background-image: url(/images/main/con_bg02.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  margin-left:15px;}
.consult_right ul.con_bnr2 li.con_bnr2_2 h5 {font-size:14px; line-height:1.4; margin-top: 50px; box-sizing: border-box; color:#ffd308;}

.consultListWrap {position:relative; overflow: hidden; box-sizing: border-box; margin-top:20px; background-color:#f7f8ee;  border-radius:10px;  padding:20px;}
.consultListWrap h4 {text-align:center; font-size:21px; margin-bottom:15px;}
.consultListWrap a.more {position:absolute; top:20px; right:20px; color:#222; font-size:14px;}
.consultListWrap a.more .arrow_bk {margin-top:6px;}
.consultListWrap ul {position:relative;}
.consultListWrap ul.con_bnr1 {position:relative; overflow: hidden; width:100%; padding:15px 20px; box-sizing: border-box; border-radius:10px; background-color:#fff;}
.consultListWrap ul.con_bnr1 li {position: relative; overflow: hidden; padding:15px 0; border-bottom:1px solid #eee;}
.consultListWrap ul.con_bnr1 li:first-child {padding-top:0;}
.consultListWrap ul.con_bnr1 li:last-child {border-bottom:0; padding-bottom:0;}
.consultListWrap ul.con_bnr1 .con_left {width:85%; float:left;}
.consultListWrap ul.con_bnr1 .con_left .con_tit {font-size:16px; font-weight:500; line-height:1.4; word-break: keep-all;}
.consultListWrap ul.con_bnr1 .con_left .con_ex {font-size:12px; font-weight: normal; color:#777; margin-top:3px;}
.consultListWrap ul.con_bnr1 .con_right {width:15%; float:left; text-align: right;}
.consultListWrap ul.con_bnr1 .con_right .con_date {font-size:14px; font-weight: normal; color:#222;}

.consultingListWrap {position:relative; overflow: hidden; margin: 0 auto; margin-top:60px; width: 100%;}
.consultingListWrap ul li { width:32.333%; min-height:346px; float:left; margin-right:1%; box-sizing: border-box;background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.consultingListWrap ul li:nth-child(1n) {background-image: url(/images/con_bg01.jpg);}
.consultingListWrap ul li:nth-child(2n) {background-image: url(/images/con_bg02.jpg);}
.consultingListWrap ul li:nth-child(3n) {background-image: url(/images/con_bg03.jpg); margin-right:0;}
.consultingListWrap ul li .hovergra {padding:25px 15px;}
.consultingListWrap ul li .hovergra:hover {transition: 0.3s; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);}
.consultingListWrap ul li .listTop {position:relative; overflow: hidden;}
.consultingListWrap ul li .listTop .imgBox {display:block; text-align: center;}
.consultingListWrap ul li .listTop .imgBox img {width:100px; height:100px; border-radius: 50%;}
.consultingListWrap ul li .txtBox {text-align: center;}
.consultingListWrap ul li .txtBox h6 {font-size:16px; color:#fff; font-weight:500; margin:5px 0;}
.consultingListWrap ul li .txtBox p {font-size:12px; color:#fff; font-weight:400;}
.consultingListWrap ul li .txtBox p.colorblue {color:#0277c4;}
.consultingListWrap ul li .listBottom  {position:relative; overflow: hidden; margin-top:5px;}
.consultingListWrap ul li.consultNoData {width:100%;border:1px solid #ccc;min-height:auto;border-radius:5px;padding:30px;margin:1% 0;box-sizing: border-box;text-align:center;}
.consultingListWrap .mymanagerTit {display:block; text-align:center; margin-top:5px;}
.consultingListWrap .mymanagerTit h5 { font-size:14px; color:#fff; height:45px;}
.consultingListWrap .mymanageromoney {display:block; width:80px; margin-left:15px; margin:12px auto 0; padding:7px 10px; border: 1px solid #fff; border-radius:5px;}
.consultingListWrap .mymanageromoney p {color:#fff; text-align:center;}

#sect_m5 {position: relative;padding: 00px 0 0; overflow: hidden;}
.m5_tit h4 {font-size: 24px; font-weight:bold; color:#222; text-align:center;}
.m5_list {/*margin-top:30px;*/}
.m5_list_bg {width: 100%;
    background-image: url(/images/main/position_bg.jpg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:155px;
	box-sizing: border-box;
	padding:30px;}
.m5_list_bg h5 {font-size:18px; font-weight:bold; color:#fff; line-height:1.4;}
.m5_list_bg h5::after {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    margin: 10px 0 14px;
    content: '';
}
.m5_list_bg p {font-size:14px; font-weight:normal; color:#fff; line-height:1.4;}
.m5_list .personalComWrap {border-radius:0px;}
.m5_list .personalComWrap .perBox { border-radius:0px;}
.perBox .wrap_tbl_table {padding-top:0;}

/* 히든픽 광고 페이지 */
.main_hiddenpick {padding-top:70px;}
.main_hiddenpick #container {padding-top:0px;}
#hidden_visual {
	width: 100%;
    background-image: url(/images/main/ad_visualbg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:500px;
	box-sizing: border-box;
	padding:120px 0 80px 0;
	}
	
.ad_tit { word-break:keep-all; box-sizing: border-box;}
.ad_tit h3 {font-weight: bold; font-size: 36px; display: block; color:#222; line-height:1.4;}
.ad_tit p { font-size: 21px; display: block;margin: 36px 0; color:#222; line-height:1.4;}

#hidden_sect1 {position:relative; overflow: hidden; background-color:#f5f5f5; padding:75px 0px;}
.sect1_bg {position:relative; }
.sect1_bg ul li {width:31.333%; float:left; margin:0 1%;min-height: 372px; background-color:#fff; padding:65px 40px; text-align:center; box-sizing: border-box;}
.sect1_bg ul li .ico_adimg {display:block; margin:0 auto;}
.sect1_bg ul li .ico_adimg.img01 {width:57px;}
.sect1_bg ul li .ico_adimg.img03 {width:93px;}
.sect1_bg ul li strong {display:block; font-size:24px; font-weight:600; color:#222;  margin-top:15px;line-height:1.4;}
.sect1_bg ul li strong p {display:block;}
.sect1_bg ul li strong::after {
    display: block;
    width: 36px;
    height: 2px;
    background: #222;
    margin: 20px auto;
    content: '';
}
.sect1_bg ul li span {display:block; font-size:16px; font-weight:300; color:#222; word-break:keep-all; margin-top:15px; line-height:1.4;}

#hidden_sect2 {position:relative; overflow: hidden;
	width: 100%;
    background-image: url(/images/main/ad_bg2.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	box-sizing: border-box;
	padding:75px 0;
}

.sect2_txt {text-align:center;}
.sect2_txt h3 {color:#fff; font-size:30px; line-height:1.4; font-weight:500;}
.sect2_txt .btn_wh {
	display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    background-color: #fff;
    margin-top: 30px;
}

@media screen and (max-width: 1300px) {
	.m1_list .slide_show {width:100%;}
	.m1_list .slide_btn a {top:25%;}
	.m1_list .slide_btn a.prev2 {left: 0px;}
	.m1_list .slide_btn a.next2 {right: 0px;}
}

@media screen and (max-width: 1200px) {
	.m3_list li {width:48.5%;}
	.m3_list li:nth-child(even) {margin-right:0px;}
	.m3_list h5 {font-size:16px; margin-top: 10px; height:45px;}
	.m3_list p {font-size:14px; margin-top: 10px;}
	.m3_list {margin-top:0px;}
	
}
@media screen and (max-width: 1024px) {
	.headerMenu_wrap .lst	{border-bottom:1px solid #ddd;}
	.headerMenu_wrap .lst li:nth-child(1),.headerMenu_wrap .lst li:nth-child(2),.headerMenu_wrap .lst li:nth-child(3) {border-right:1px solid #ddd;}
	.index_prev #header .header_inner {background-color:#fff; padding:0;}
	#header { border-bottom:1px solid #ddd; padding:0;}
	.headerMenu {}
	/*.headerMenu .login_txt {font-size:11px; width:100px; position:absolute; top:-20%; right:64px;}*/
	
	.headerMenu .btn2 {
		width: 100px;
		line-height: 25px;
		font-size: 12px;
	}
	.headerMenu .btn2 .header_arrow {width: 14px; margin-top:7px; margin-left: 3px;}
	.headerMenu .login_txt {margin-right:0; line-height: 30px;}
	/*.headerMenuWrap .headerMenu {display:block; text-align: center;}
	.headerMenuBtn .btn4 {width: 80px;line-height:25px;font-size:12px;margin-right:0px; margin-bottom: 0;}
	.headerMenuBtn .btn4 .header_arrow {display:none;}
	.headerMenuBtn .btn5 { width: 80px;line-height:25px;font-size:12px;margin-right:0px; }
	.headerMenuBtn .btn5 .header_arrow {display:none;}
	.headerMenu_wrap {display:none; width:100%; padding-left: 0px; padding-top:70px;}
	.headerMenu_wrap .lst > li {padding:0; width: 24%; }
	.headerMenu_wrap .lst > li .d1 {line-height:40px; font-size:13px;padding:0;}*/
	/*.headerMenu .login_txt {display:inline-block; line-height: 28px; margin-right:0;}*/
	.menteeWrap{/*margin-top:50px;*/}
	.menteeWrap h4 {font-size:21px;line-height: 1.4;}
	.menteeWrap p {font-size:16px;}
	.menteeListWrap {margin-top:5px;}
	.menteeListWrap ul li {width:49%; margin: 1% 0; padding:10px; min-height:277px;}
	.menteeListWrap ul li.menteeNoDataLi {padding:15px;}
	.menteeListWrap ul li .listTop {display:block; }
	.menteeListWrap ul li .listTop .imgBox  {width:100%;float;none;}
	.menteeListWrap ul li .txtBox {width:100%;padding-left:0;}
	.menteeListWrap ul li:nth-child(odd) {margin-right:2%;}
	.menteeListWrap ul li .listTop .imgBox img {display:block; margin: 0 auto; width:80px;}
	.menteeListWrap ul li p.mentofunction {height: auto;}
	.menteeListWrap ul li .listTop h5.menTit,.menteeListWrap ul li p.menCompany,.menteeListWrap ul li p.mentocarrer {font-size:14px; text-align: center;}
	.menteeListWrap ul li .listTop .intername {font-size:12px;}
	.menteeListWrap ul li .listTop h6.menCompany {font-size:18px; text-align: center;}
	.menteeListWrap ul li p.menfunction {text-align: center;}
	
	.consult_left {width:100%; padding:0 15px 15px;}
	.consult_left h4 {font-size:18px; margin-bottom:15px;}
	.consult_left ul li img {width:40px;}
	.consult_left ul li p {font-size:14px;}
	.consult_left ul li p strong {font-size:16px;}
	.consult_left ul.con_bnr1 .con_left {width:100%;}
	.consult_left ul.con_bnr1 li:nth-child(2) {border-bottom:0; padding-bottom:0;}
	.consult_left ul.con_bnr1 .con_left .con_tit {font-size:14px;}
	.consult_left ul.con_bnr1 .con_right {width:100%; text-align:left; margin-top:5px;}
	.consult_right {margin:0px auto ; overflow: hidden; float: none;}
	.consult_right ul.con_bnr2 li.con_bnr2_1 h5,.consult_right ul.con_bnr2 li.con_bnr2_2 h5 {margin-top:0;}
	
	.consultingListWrap {margin-top:30px;}
	.consultingListWrap ul li {width:49%;}
	.consultingListWrap ul li:nth-child(2n) {margin-right:0;}
	.consultingListWrap ul li:nth-child(3n) {margin-right:1%; margin-top:1%;}
	
	.m_bg {padding:80px 0 100px;}
	.m_bg h2 {font-size:32px;}
	.m_bg h4 {font-size:21px; margin-top:20px;}
	.m_bg .m_btn {width:220px;font-size: 16px; line-height: 47px; margin-top:30px;}
	.m_bg .m_btn .arrow_wh {margin-top:18px;}
	.m_bg .logobg_wh {background-size: 65%; top:-150px; right:-55px;}
	#counters {margin-top: 30px; margin-bottom:10px;}
}

@media screen and (max-width: 900px) {
	.sect1_bg ul li {width:100%; min-height:auto; padding:20px; margin:2% 0; display: inline-flex;}
}

@media screen and (max-width: 767px) {
	.slideshow-container {margin-top:50px; padding: 0 20px;}
	.prev {left:30px;}
	.next {right:30px;}
	.prev, .next {width:30px; height:30px; top: 25%;}
	.mySlides .visual_bnr {height:auto;border-radius:10px 10px 0 0}
	.text_box { padding: 15px 20px; top:7px; left:10px; max-width: 100%; min-width:auto;}
	.text_box h4 {font-size: 21px; line-height:1.4;}
	.text_box h4 p {/*display: inline-block;*/}
	.text_box h4::after {width: 30px; margin: 8px 0 10px;}
	.text_box h5 {font-size:14px;}
	.text_box h5 p {font-size:14px; display:block;}
	.text_box a {margin-top:10px;}
	.text_box span {font-size:12px;}

	.main_bg2 {padding:20px; height: 65px;}
	.main_bg2 h5 {display:block; font-size: 16px; margin-top:0;}
	.main_bg2 .bg2_btn {float:left;display:block; margin-top:7px;}
	.main_bg2 .bg2_btn a {font-size: 14px;}
	
	.m_bg {padding: 80px 0 70px;}
	.m_bg h2 {font-size:21px;}
	.m_bg h4 {font-size:14px; margin-top:7px;}
	.m_bg .m_btn {width: 160px; font-size:14px; line-height: 36px; margin-top:13px;}
	.m_bg .m_btn .arrow_wh {margin-top:12px;}
	.m_bg .logobg_wh {display:none;}
	
	#counters {padding: 20px 0 0}
	.counterWrap {padding-top:0px;}
	.counter_num li {padding: 20px 10px 10px 10px;}
	.counter_num li strong {font-size: 13px;}
	.counter_num li strong::after {margin:5px auto;}
	.counter_num li p {font-size: 21px; margin-bottom:0px;}
	.counter_num li span {font-size: 123x;     vertical-align: bottom;}
	.counter_num li img {width: 16px;right:10px; top:34px;}
	.counter_num li:nth-child(2) img {top:56px;}

	#sect_m4 {padding:30px 0 0;}
	#sect_m1,#sect_m3{/*overflow: inherit;*/padding:20px 0;}
	.m1_wrap .m1_tit h4,.m3_tit h4,.m4_wrap .m4_tit h4 {font-size:18px;}
	.m1_wrap .m1_tit p {font-size:16px; margin-top: 5px;}
	.m1_bg {padding:20px; height:auto; margin-bottom:25px; background-position: 100% 50%;}
	.m1_bg .m1_tit_wh h4 {font-size:18px;}
	.m_bnr {overflow: hidden; padding:15px; background-position: 100% 50%; height:120px;}
	.m_bnr p {font-size:18px; display:block;}
	.m_bnr a{float:left; margin-top:15px;}
	.m_bnr .logobg {right:-88px;}
	.btn3_all {font-size:12px;}
	.m1_bg .btn3_all {margin-bottom:0;}
	.m1_list .prev2,.m1_list .next2	{background-size: 15px;}
	.m1_img {width:100%; min-height:110px !important;}
	.slide_img2 > div {width:315px;}
	.m1_list h5 {font-size:16px; height:45px; margin-top:0px;}
	.m1_list p {font-size:14px; margin-top:10px;}
	.m1_list span {font-size:14px;margin-top:10px;}
	.m1_list em {font-size:14px;margin-top:10px;}
	.filter_box {width:100%;left:0%;padding:20px 30px;}
	.filter_box .fil_tit {font-size:18px;}

	.main_more {padding:20px; height: 65px;}
	.main_more h5 {display:block; font-size: 16px;}
	.main_more .m2_btn {float:left;display:block; margin-top:7px;}
	.main_more .m2_btn a {font-size: 14px;}
	.arrow_wh2 {margin-top: 4px;}

	.main_m2_banner ul li {width: 50%;padding:10px;}
	.main_m2_banner .ico_phone {width:60px;}
	.main_m2_banner ul li h5 {font-size:14px; display:block; margin-top:5px;}
	.main_m2_banner ul li h5::before {display:none;}
	

	.m3_list li {width:48%; padding:5px;}
	/*.m3_list_img {height:125px;}*/

	#hidden_visual {background-position: 72.5% 100%; background-size: 326%; padding:30px 0; height:480px;}
	.ad_tit {text-align:center;}
	.ad_tit h3 {font-size:21px; }
	.ad_tit p {font-size:16px; margin:8px 0 0 ;}
	#hidden_visual .btn3 {width:180px;}
	#hidden_sect1,#hidden_sect2 {padding:30px 0;}
	.sect1_bg ul li .w60 {width:60px !important;}
	.img_left {width:30%; border-right:1px solid #222; padding-right:15px; margin-right:15px;}
	.sect1_bg ul li .ico_adimg.img01 {width:47px;}
	.sect1_bg .ico_adimg.img02 {}
	.sect1_bg ul li .ico_adimg.img03 {width:65px;}
	.sect1_bg ul li .ico_adimg {width:45px;}
	.sect1_bg ul li strong {font-size:16px; margin-top:5px; line-height:1.3; text-align:center;}
	.sect1_bg ul li strong::after {display: none;}
	.sect1_bg ul li strong p {}
	.sect1_bg ul li span {width:60%;margin-top:0; text-align:left; margin: auto; font-size:15px;}
	.sect2_txt h3 {font-size:18px;}
	.m4_wrap .m4_tit a h5 {font-size:16px; margin-bottom:5px;}
	.subbnrWrap {padding:15px; margin: 0 0 10px 0; background-position: 0% 100%;}
	.subbnrWrap h4 {font-size: 16px; line-height:1.4;}
	.subbnrWrap p {font-size:14px; margin-top:5px;}
	.sect2_txt .btn_wh {margin-top:20px;}
	
	.consultListWrap {padding:15px;}
	.consult_left ul.con_bnr2 li {width:48%; padding:15px;}
	.consult_left ul.con_bnr1 h4 {font-size:18px;}
	.consult_left ul.con_bnr2 li.con_bnr2_1 h5,.consult_left ul.con_bnr2 li.con_bnr2_2 h5 {font-size:16px;}
	.consult_left ul.con_bnr2 li.con_bnr2_2 {margin-left:15px;}
	.consult_right {width:100%; padding:15px;}
	.consult_right ul.con_bnr2 li {margin-top:0;}
	.consult_right strong {font-size: 14px;}
	.consult_right ul.con_bnr2 li.con_bnr2_1 h5,.consult_right ul.con_bnr2 li.con_bnr2_2 h5 {font-size:12px;}
	.consult_left {padding:0 0 15px 0;}
	.consult_left ul li h5 {font-size:14px; margin-bottom:10px;}
	.consultListWrap h4 {font-size:18px; text-align:left;}
	.consultListWrap ul.con_bnr1 {padding:15px;}
	.consultListWrap ul.con_bnr1 li {padding:10px 0;}
	.consultListWrap ul.con_bnr1 .con_left {width:100%;}
	.consultListWrap ul.con_bnr1 .con_right {width:100%; margin-top:4px; text-align: left;}
	.consultListWrap ul.con_bnr1 .con_right .con_date {font-size:12px;}
	
	.consultingListWrap ul li {width:100%; margin-right:0; margin-top:1%;}

}

@media screen and (max-width: 580px) {
	/*.consult_right ul.con_bnr2 li {width:100%;}
	.consult_right ul.con_bnr2 li.con_bnr2_2 {margin-left:0px;}*/
}


@media screen and (max-width: 420px) {
	.filter_box .fil_txt {margin-top:15px;}
	.menteeListWrap ul li {min-height:287px;}
	.positionNo .filter_box {left:9%; }
	.consult_right ul.con_bnr2 li {width:47%;padding:10px; min-height:71px;}
	.consult_right ul.con_bnr2 li.con_bnr2_2 {margin-left:10px;}
	.counter_num li strong {font-size: 13px;}
}
@media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
}


/* 멘토 - 멘토지원 광고 페이지 */
.main_mentoring {padding-top:0 !important;}
#mentoring_tit {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg001.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding:60px 0;
	}
	
.me_tit {text-align: center; word-break:keep-all;margin-bottom: 30px;}
.me_tit h3 {font-weight: bold; font-size: 44px; display: block; color:#fff; line-height:1.4;}
.me_tit span { font-size: 21px; display: block;margin-top: 36px; color:#fff; line-height:1.4;}

#sect1_men {padding: 75px 0;}
.main_mentoring .cont_tit {text-align: center; word-break:keep-all;margin-bottom: 40px;}
.main_mentoring .cont_tit h3 {font-weight: bold; font-size: 24px; display: block; line-height: 1.4;}
.main_mentoring .cont_tit h3::after {
    display: block;
    width: 36px;
    height: 2px;
    background: #222;
    margin: 20px auto;
    content: '';
}
.main_mentoring .cont_tit span { font-size: 18px; display: block;margin-top: 36px; color:#666666;line-height: 1.4;}
.main_mentoring .cont_tit span + span {margin-top:0px;}

.cont_sect2_wrap {position: relative; overflow: hidden; max-width:1000px; margin:0 auto;text-align: center;}
.cont_sect2 {
	position: relative;
	width: 43%;
	display:inline-flex;
	margin: 0 1%;
	border: 1px solid #dddddd;
	min-height: 520px;
	border-radius: 10px;
	box-sizing: border-box;
}

.cont_sect2 .sect2_bottom {padding: 20px 30px 30px;text-align: left;}
.cont_sect2 .sect2_bottom.bar_blue {border-top:5px solid #1e5dbd; }
.cont_sect2 .sect2_bottom.bar_green {border-top:5px solid #4aad64; }
.cont_sect2 .sect2_bottom h3 {color:#222; font-size: 26px;}
.cont_sect2 .sect2_bottom h3 strong.ft_blue {color:#1e5dbd;}
.cont_sect2 .sect2_bottom h3 strong.ft_green {color:#4aad64;}
.cont_sect2 .sect2_bottom p {color:#666; font-size: 16px; line-height:1.4; margin-top:15px;  }
.cont_sect2 .sect2_bottom span {display:block; color:#999; font-size: 14px; line-height:1.4; margin-top:10px;  }

#sect2_men {padding: 75px 0;}
.sect2_step_tit {margin-bottom:30px;}
.sect2_step_tit h3 {font-size:30px;}
.sect2_step_tit h3::before {
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #555;
	margin-right: 10px;
    content: '';
}
.sect2_step1 {position: relative; overflow:hidden; border:1px solid #ccc; border-radius:10px; box-sizing: border-box; margin-bottom:30px;}
.sect2_step1:hover {box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1); transition:0.3s;}
.sect2_step1 .ss1Left {width:60%;  float:left;  padding:50px 35px;box-sizing: border-box;}
.sect2_step1 .ss1Left h4 {font-size:24px; color:#222;}
.sect2_step1 .ss1Left p {font-size:16px; color:#666; margin-top:20px;box-sizing: border-box;}
.sect2_step1 .ss1Left span {font-size:14px; color:#888; margin-top:5px;box-sizing: border-box;}
.sect2_step1 .ss1Right {width:30%; float:right; }
.sect2_step1 .ss1Right img {width:100%;}

.sect2_step2 {position: relative; overflow:hidden; border:1px solid #ccc; border-radius:10px; box-sizing: border-box; margin-bottom:30px;}
.sect2_step2:hover {box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1); transition:0.3s;}
.sect2_step2 .ss2Left {width:30%; float:left;box-sizing: border-box; }
.sect2_step2 .ss2Left img {width:100%;}
.sect2_step2 .ss2Right {width:60%;  float:left; padding:50px 35px;box-sizing: border-box;}
.sect2_step2 .ss2Right h4 {font-size:24px; color:#222;}
.sect2_step2 .ss2Right p {font-size:16px; color:#666; margin-top:20px;}

#sect3_men {padding: 75px 0 0;}
.sect3_step_tit {padding: 50px 0; background-color:#e4eef9; margin-bottom:30px;}
.sect3_step_tit h3 {font-size:30px;}
.sect3_step_tit h3::before {
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #555;
	margin-right: 10px;
    content: '';
}
	

@media screen and (max-width: 1024px){
	#mentoring_tit {padding:20px 0px;}
	.me_tit {margin-bottom:0 }
	.me_tit h3 {font-size:24px;}
	.me_tit span {font-size:16px;margin-top: 10px;}
	#recommend_visual .btn3 { width:225px; }
	.btn3 {margin-top:10px; font-size:12px; width:150px; line-height: 34px;}
	.arrow_wh {width:13px; margin-top:12px;}
	.btn_wh {margin-top:10px; font-size:12px; /*width:150px;*/ line-height: 34px;}

}
@media screen and (max-width: 797px){

	#sect1_men{padding:30px 0;}
	#sect2_men {padding:0px;}
	#sect3_men {padding:0px 0 30px 0;}
	.main_mentoring .cont_tit span {display:inline;font-size: 16px;}
	.cont_sect2 {width:48%; margin: 0 auto; min-height:365px;}
	.cont_sect2 .sect2_top .sect2_img1 .img01, .cont_sect2 .sect2_top .sect2_img2 .img02 {width:60px !important;}
	.cont_sect2 .sect2_bottom {padding: 15px; text-align: center;}
	.cont_sect2 .sect2_bottom h3 {font-size:16px; line-height:1.3;}
	.cont_sect2 .sect2_bottom p {margin-top:10px; font-size:14px;}
	.cont_sect2 .sect2_bottom span {font-size:12px; margin-top: 6px;}
	.sect2_step_wrap {position:relative;overflow: hidden;}
	.sect2_step_tit h3,.sect3_step_tit h3 {font-size:18px;}
	.sect2_step_tit {margin-bottom:20px;}
	.sect3_step_tit {padding:30px 0;}
	.sect2_step_tit h3::before,.sect3_step_tit h3::before {width:50px;}
	.sect2_step1 {width:47%; float:left; margin-bottom:20px; margin-right:15px;}
	.sect2_step1 .ss1Left {width:100%; padding: 0px;}
	.sect2_step1 .ss1Left img {width:100%; }
	.ss1Right.height280, .ss2Right.height280  {min-height:280px !important;}
	.sect2_step1 .ss1Right {width:100%;  padding: 15px; float: left; box-sizing: border-box; min-height: 151px;}
	.sect2_step1 .ss1Right h4 {font-size: 16px;color: #222;}
	.sect2_step1 .ss1Right p {margin-top:5px; font-size: 14px; color:#666; word-break: keep-all;}
	.sect2_step2 {width:47%; float:left; margin-bottom:20px;}
	.sect2_step2 .ss2Left {width:100%;padding: 0px; }
	.sect2_step2 .ss2Right {width:100%; padding: 15px; min-height: 151px;}
	.sect2_step1 .ss1Left h4, .sect2_step2 .ss2Right h4 {font-size: 16px;color: #222;}
	.sect2_step2 .ss2Right p {margin-top:5px; font-size: 14px; color:#666; word-break: keep-all;}


}

@media screen and (max-width: 480px){
.cont_sect2 {min-height: 410px;}
}

.content {
    margin: auto;
    padding: 20px;
    width: 1000px;
}
.center .slick-center h3 {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  color: #e67e22;
  opacity: 1;
  /* transform: scale(1.08); */
 
}
.center h3 {
  opacity: 0.8;
  transition: all 300ms ease;
   background-color:#ccc;
}
.blue h3 {
  background: #fff;
  color: #3498db;
  font-size: 36px;
  line-height: 100px;
  margin: 10px;
  padding: 2%;
  position: relative;
  text-align: center;
}

/* 이력서 광고 index_resumead */
.main_resumead {padding-top:70px;}
.main_resumead #container {padding-top:0px;}
#resume_visual {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg002.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:500px;
	box-sizing: border-box;
	padding:100px 0;
	}
	
.ad_tit01 {word-break:keep-all; box-sizing: border-box; text-align:center;}
.ad_tit01 h3 {font-weight: bold; font-size: 48px; display: block; color:#fff; line-height:1.4;}
.ad_tit01 h3::after {
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
	margin-top:30px;
    content: '';
}
.ad_tit01 p {font-size: 24px; display: block;margin: 36px 0; color:#fff; line-height:1.4;}

#resume_sect1 {position:relative; overflow: hidden;  padding:75px 0px;}
.rsect1_bg {position:relative;}
.rsect1_bg ul.rsect1_ul1 {display:flex;}
.rsect1_bg ul li {float:left; margin:1%; background-color:#fff; padding:40px; box-sizing: border-box; height:480px; border-radius:10px;}
.rsect1_bg ul.rsect1_ul1 li:first-child {width:48%; border:1px solid #ddd; background-image: url(/images/mentoring_img/item004.png); 
background-repeat:no-repeat; background-size:465px; background-position:50% 85%;}
.rsect1_bg ul.rsect1_ul1 li:last-child {width:48%; border:1px solid #166ef7; background-image: url(/images/mentoring_img/item002.png); 
background-repeat:no-repeat; background-size:465px; background-position:50% 85%;}
.rsect1_bg ul.rsect1_ul2 li:first-child {width:48%; border:1px solid #166ef7; background-image: url(/images/mentoring_img/item005.png); 
background-repeat:no-repeat; background-size:465px; background-position:50% 85%;}
.rsect1_bg ul.rsect1_ul2 li:last-child {width:48%;  border:1px solid #ddd; background-image: url(/images/mentoring_img/item001.png); 
background-repeat:no-repeat; background-size:465px; background-position:50% 85%;}
.rsect1_bg ul li .ico_adimg {display:block; margin:0 auto;}
.rsect1_bg ul li strong {display:block; font-size:24px; font-weight:600; color:#222; line-height:1.4;}
.rsect1_bg ul li strong::before {
    vertical-align: middle;
    display: inline-block;
    width: 3px;
    height: 20px;
    margin-right: 10px;
    margin-top: -3px;
    background: #222;
    content: '';
}
.rsect1_bg ul li span {display:block; font-size:16px; font-weight:300; color:#222; word-break:keep-all; margin-top:15px; line-height:1.4;}
#resume_sect2 {position:relative; overflow: hidden;
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg003.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	box-sizing: border-box;
	padding:75px 0;
}

.rsect2_txt {text-align:center;}
.rsect2_txt h3 {color:#fff; font-size:42px; line-height:1.4; font-weight:bold;}
.rsect2_txt p {color:#fff; font-size:18px; line-height:1.4; font-weight:300; margin-top:30px; margin-bottom:20px;}
.rsect2_txt .btn_wh {
	display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    border-radius: 5px;
    font-weight: 400;
    background-color: #fff;
    margin-top: 30px;
}
.rsect2_txt .btn_wh:hover {background-color:#0277c4; color:#fff; transition: .3s;}
.rsect2_img {float:left; width:50%;}
@media screen and (max-width: 1024px) {
	#resume_visual {height:auto;padding: 40px 0;}
	#resume_visual .ad_tit01 h3 {font-size:24px;}
	#resume_visual .ad_tit01 h3::after {margin-top:10px; width:45px; height:1px;}
	#resume_visual .ad_tit01 p {font-size:16px; margin:20px 0 10px;}
	#resume_sect1 {padding:30px 0;}
	.rsect1_bg ul.rsect1_ul1 {display:block;}
	.rsect1_bg ul li {padding:25px 20px; margin:0; margin-bottom:20px; height:330px;}
	.rsect1_bg ul.rsect1_ul1 li:first-child, .rsect1_bg ul.rsect1_ul1 li:last-child,
	.rsect1_bg ul.rsect1_ul2 li:first-child, .rsect1_bg ul.rsect1_ul2 li:last-child {width:100%;}
	.rsect1_bg ul.rsect1_ul1 li:first-child,.rsect1_bg ul.rsect1_ul1 li:last-child,
	.rsect1_bg ul.rsect1_ul2 li:first-child,.rsect1_bg ul.rsect1_ul2 li:last-child 	{background-size: 263px;}
	.rsect1_bg ul.rsect1_ul2 li:first-child {border: 1px solid #ddd;}
	.rsect1_bg ul.rsect1_ul2 li:last-child {border: 1px solid #166ef7;}
	.rsect1_bg ul li strong {font-size:18px;}
	.rsect1_bg ul li span {font-size:15px;}
	#resume_sect2 {padding:40px 0;}
	.rsect2_txt {width:100%; margin-top:0;}
	.rsect2_txt h3 {font-size:21px;}
	.rsect2_txt p {font-size:14px; margin-top:10px; margin-bottom:10px;}
	.rsect2_txt .btn_wh {width:150px; margin-top:20px;font-size:12px;line-height: 34px;}
	.rsect2_img {width:100%; margin-top:20px;}
	.rsect2_img img {width:600px;}
	
}
@media screen and (max-width: 480px) {
.rsect1_bg ul.rsect1_ul1 li:first-child {background-size: 250px;}
.rsect1_bg ul.rsect1_ul2 li:first-child {background-size: 246px;height: 290px;}

}
/* 전문스카우트 /position/index_scout.html */
.main_scout #container {padding-top:0px;}
#scout_visual {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg004.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	box-sizing: border-box;
	padding:80px 0;
	}
#scout_visual {text-align:center;}
#scout_visual h3 {font-weight: bold;font-size: 48px; line-height: 1.4;display: block;color: #fff;line-height: 1.4; margin-bottom:20px;text-shadow: 0 0 6px rgba(0,0,0,0.4);}
#scout_visual p {font-size: 18px;display: block;color: #fff;line-height: 1.4;text-shadow: 0 0 6px rgba(0,0,0,0.4);}
#scout_visual span {font-size: 16px;display: block;color: #fff;line-height: 1.4; margin-top:20px;text-shadow: 0 0 6px rgba(0,0,0,0.4);}

#scout_sectl {padding:20px 0 70px 0;}
.scoutSelectWrap {margin-top:20px;}
.scoutSelectWrap .scoutTit {font-size:18px; font-weight:500; margin-bottom:3px;}
.scoutSelectWrap .scoutBox {margin-bottom:5px;}
.scoutSelectWrap .scoutBox .scoutTxt span {display:block; line-height:1.45; margin-bottom:5px;}
.scoutSelectWrap .scoutBox .scoutSubTit {font-size:16px; font-weight:400;  margin-right:7px;vertical-align: middle;}
.scoutSelectWrap .scoutBox .scout_txt {display:block; color:#666; font-size:15px; margin-top:3px; word-break:keep-all;}
.scoutSelectWrap .scoutBox .selectBox {display:block; margin-top:5px;}
.scoutSelectWrap .scoutBox .aft_bgAll ,.scoutSelectWrap .scoutBox .aft_bglist {display:block;}
.scoutSelectWrap .scoutBox .aft_bgAll {margin-top:15px; padding-bottom:7px; margin-bottom:7px; border-bottom:1px solid #777;}
.scoutSelectWrap .scoutBox .aft_bgAll span {font-weight:bold;}
.scoutSelectWrap .scoutBox .aft_bgAll span,.scoutSelectWrap .scoutBox .aft_bglist span {padding-left:7px;}
.scoutSelectWrap .input_custum.ty_check .fake_input {top:0;}
.scoutSelectWrap .selectBox + .selectBox {margin-top:5px;}
.scoutSelectWrap .input_custum {margin-top:5px;}


@media screen and (max-width: 1024px) {
	#scout_visual {padding:30px 0;}
	#scout_visual h3 {font-size: 21px; margin-bottom:15px;}
	#scout_visual p {font-size:16px;}
	#scout_visual span {font-size:14px;     margin-top: 15px;}
	#scout_sectl {padding:10px 0 40px 0;}
}

/* 지원컨설팅 /position/list_consulting.html */
.list_consulting #container {padding-top:0px;}
#consulting_visual {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg005.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	box-sizing: border-box;
	padding:80px 0;
	}
	
#consulting_visual {text-align:left;}
#consulting_visual h3 {font-weight: bold;font-size: 48px;display: block;color: #fff;line-height: 1.4; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
#consulting_visual h3::after {
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 30px;
    content: '';
}
#consulting_visual p {font-size: 24px;display: block;color: #fff;line-height: 1.4;text-shadow: 0 0 6px rgba(0,0,0,0.4); margin-top:30px;}
#con_sectl {padding: 70px 0 30px 0;}
#con_sectl .cont_tit h3 {color:#222; font-weight: bold; font-size: 30px;display: block; text-align:center;line-height:1.45; word-break:keep-all;}
#con_sectl .cont_tit h3::after {
    display: block;
    width: 36px;
    height: 2px;
    background: #222;
    margin: 20px auto;
    content: '';
}
.cont_icon {position:relative; overflow:hidden; padding:30px 0; max-width:800px; margin:0 auto;}
.cont_icon ul li {width:25%; float:left;}
.cont_icon ul li img {display:block; margin:0 auto;}
.cont_icon ul li span {color:#222; font-weight: normal; font-size: 16px;display: block; text-align:center; margin-top:20px; line-height:1.45;}

#con_sect2 {padding: 40px 0 70px 0;}
.cont_img {position:relative; overflow:hidden;max-width:900px; margin:0 auto;}
.p10 {padding: 0 10px;}
.cont_img ul li {display:inline-block; margin-bottom:30px;}
.cont_img ul li .con_left, .cont_img ul li .con_right {width:45%; float:left; display:block; }
.cont_img ul li .con_left h4,.cont_img ul li .con_right h4 {color:#222; font-weight: bold; font-size: 30px;
display: block;  margin-top:60px; line-height:1.45;}
.cont_img ul li .con_left h4::before, .cont_img ul li .con_right h4::before {
    vertical-align: middle;
    display: inline-block;
    width: 3px;
    height: 26px;
    margin-right: 7px;
    margin-top: -3px;
    background: #166ef7;
    content: '';
}
.cont_img ul li .con_left p,.cont_img ul li .con_right p {color:#666; font-weight: normal; font-size: 18px;display: block;  
margin-top:20px; line-height:1.45; margin-top:15px; word-break:keep-all;}
.cont_img ul li .con_right {padding-left:60px;}
.cont_img ul li .con_right .img_con01 {float:right; }

#con_sect3 {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg006.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	box-sizing: border-box;
	padding:70px 0;
	}
	
#con_sect3 {text-align:center;}
#con_sect3 h3 {font-weight: bold;font-size: 36px; line-height: 1.4;display: block;color: #fff;line-height: 1.4; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
#con_sect3 .btn_wh {display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    background-color: #fff;
    margin-top: 30px;}
@media screen and (max-width: 1024px) {
	#consulting_visual {padding:30px 0;}
	#consulting_visual h3 {font-size:24px;}
	#consulting_visual h3::after {width:40px; margin-top:10px;}
	#consulting_visual p {font-size:14px; margin-top:20px;}
	#consulting_visual .btn3 {width:180px;}

	#con_sectl {padding:30px 0 10px 0;} 
    #con_sectl .cont_tit h3 {font-size:18px;}
	.cont_icon {padding: 0;}
	.cont_icon ul li {width:50%; min-height:120px; }
	.cont_icon ul li span {font-size:14px; margin-top:10px;}
	.icon_con01 ,.icon_con02,.icon_con03,.icon_con04 {width: 60px; padding-top:10px;}
	.icon_con04 {padding-top:25px;}

	#con_sect2 {padding: 40px 0;}
	.cont_img ul li .con_left, .cont_img ul li .con_right {width:100%;}
	.cont_img ul li .con_right {padding-left:0; text-align:center;}
	.cont_img ul li .con_left h4, .cont_img ul li .con_right h4 {font-size:16px; margin-top:0px;}
	.cont_img ul li .con_left p, .cont_img ul li .con_right p {font-size:14px; margin-top: 10px;}
	.cont_img ul li .con_right .img_con01,.cont_img ul li .con_right .img_con02 {float:none; width: 200px; margin-top:20px;}

	#con_sect3 {padding:30px 0;}
	#con_sect3 h3 {font-size:21px;}
}

/* 지인추천 /position/recommend_position.html */
.recommend_position #container {padding-top:0px;}
#recommend_visual {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg007.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	box-sizing: border-box;
	padding:80px 0;
	}
	
#recommend_visual {text-align:left;}
#recommend_visual h3 {font-weight: bold;font-size: 42px;display: block;color: #fff;line-height: 1.4; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
#recommend_visual h3::after {
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 30px;
    content: '';
}
#recommend_visual p {font-size: 18x;display: block;color: #fff;line-height: 1.4;text-shadow: 0 0 6px rgba(0,0,0,0.4); margin-top:30px;}
#rec_sectl {padding: 70px 0 0;}
#rec_sect2 {padding: 70px 0;}
.recStepWrap {position:relative; overflow:hidden;}
.recStepWrap  ul li.stepLeft1 ,.recStepWrap  ul li.stepRight2 {width:49%; float:left; margin-left:50px;    }
.recStepWrap  h3 {font-size:36px; color:#222; font-weight: bold; line-height: 1.45;}
.recStepWrap  h3::after {
    display: block;
    width: 2px;
    height: 100px;
    background: #222;
    margin: 20px 0px 30px 0;
    content: "";
}

.recStepWrap  ul li.stepLeft1 .stepTit,.recStepWrap  ul li.stepRight2 .stepTit {display: block; width:140px; border-radius:5px; text-align:center; margin:15px 0 10px 0;
background-color:#166ef7; padding-top:0px;}
.recStepWrap  ul li.stepRight2 .stepTit {margin-top:200px;}
.recStepWrap  ul li.stepLeft1 .stepTit h4,.recStepWrap  ul li.stepRight2 .stepTit h4 {font-size:24px; color:#fff; font-weight:300;}
.recStepWrap  ul li.stepLeft1 .stepTit h4 strong, .recStepWrap  ul li.stepRight2 .stepTit h4 strong {font-weight:600;}
.recStepWrap  ul li.stepLeft1 h5, .recStepWrap ul li.stepRight2 h5 {font-size:21px; color:#222; font-weight: bold; margin:20px 0 7px 0;}
.recStepWrap  ul li.stepLeft1 p ,.recStepWrap  ul li.stepRight2 p {font-size:18px; color:#222; font-weight: 400; }
.recStepWrap  ul li.stepLeft1 span {font-size:16px; color:#666; font-weight: 300; }
.recStepWrap  ul li.stepRight1,.recStepWrap  ul li.stepLeft2 {width:45%; float:left; text-align: center;  box-sizing: border-box;}
.recStepWrap  ul li.stepLeft1 .mt100 {margin-top:100px; }
.recStepWrap  ul li.stepRight1 .img1 {width:250px;margin-top:30px; }
.step1Img {width:100%;}

#rec_sectl .cont_sect2 .sect2_top .sect2_img1,#rec_sectl .cont_sect2 .sect2_top .sect2_img2  {height:auto; }
#rec_sectl .cont_sect2 .sect2_top .sect2_img1 img,#rec_sectl .cont_sect2 .sect2_top .sect2_img2 img {width:80px;}
#rec_sectl .cont_sect2 {min-height:auto;}

#rec_sect3 {
	width: 100%;
    background-image: url(/images/mentoring_img/main_bg006.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	box-sizing: border-box;
	padding:70px 0;
	}
	
#rec_sect3 {text-align:center;     overflow: hidden;}
#rec_sect3 h3 {font-weight: bold;font-size: 36px; line-height: 1.4;display: block;color: #fff;line-height: 1.4; text-shadow: 0 0 6px rgba(0,0,0,0.4);}

@media screen and (max-width: 1024px) {
	#recommend_visual {padding:30px 0;}
	#recommend_visual h3 {font-size:21px;}
	#recommend_visual h3::after {wdith:30px; margin-top:20px;}
	#recommend_visual p {font-size: 14px; margin-top: 20px;}
	#rec_sectl {padding: 40px 0 0;}
	#rec_sectl .main_inner {padding:0 20px;}
	
	#rec_sect2{padding: 40px 0;}
	.recStepWrap ul li.stepLeft1, .recStepWrap ul li.stepRight2 {margin-left:0;}
	.recStepWrap h3 {font-size:18px;}
	.recStepWrap h3::after {height:30px; margin:10px 0;}
	.recStepWrap ul li.stepLeft1 .stepTit, .recStepWrap ul li.stepRight2 .stepTit {width:115px; margin-top:20px;}
	.recStepWrap ul li.stepLeft1 h5, .recStepWrap ul li.stepRight2 h5 {font-size:16px; margin:10px 0 7px 0;}
	.recStepWrap ul li.stepLeft1 .stepTit h4, .recStepWrap ul li.stepRight2 .stepTit h4 {font-size:18px;}
	.recStepWrap ul li.stepLeft1 p, .recStepWrap ul li.stepRight2 p {font-size:14px;}
	.recStepWrap ul li.stepRight1, .recStepWrap ul li.stepLeft2 { margin-top:40px; }
	.recStepWrap ul li.stepLeft1 span {font-size:12px; line-height:1.3;}
	.recStepWrap ul li.stepRight1 img {width:100%;}
	.recStepWrap  ul li.stepRight1 .img1  {width:100%; margin-top:0;}
	
	
	#rec_sect3 {padding: 30px 0;}
	#rec_sect3 h3 {font-size:18px;}
	#rec_sect3 .btn_wh {width:225px;}
}

/* 모의면접 메일 index_interview.html */
.index_interview {padding-top:70px;}
.index_interview #container {padding-top:0px;}
#interview_visual {
	width: 100%;
    background-image: url(/images/main/interview_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height:500px;
	box-sizing: border-box;
	padding:100px 0;
	}
	
#interview_visual .ad_tit01 {word-break:keep-all; box-sizing: border-box; text-align:left;}
#interview_visual .ad_tit01 h3 {font-weight: bold; font-size: 42px; display: block; color:#fff; line-height:1.4;}
#interview_visual .ad_tit01 h3::after {
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
	margin:0;
	margin-top:30px;
    content: '';
}
#interview_visual .ad_tit01 p {font-size: 21px; display: block;margin: 36px 0; color:#fff; line-height:1.4;}
.cont_tit {text-align: center; word-break:keep-all;margin-bottom: 30px;}
.cont_tit h3 {font-weight: bold; font-size: 26px; display: block;     line-height: 1.4;}
.cont_tit h3::after {
    display: block;
    width: 36px;
    height: 2px;
    background: #222;
    margin: 20px auto;
    content: '';
}
#inter_sect1 {padding: 70px 0; }
#inter_sect1 .cont_img img {display: block; margin: 0 auto;}
#inter_sect2 {padding: 70px 0; background-color:#f5f5f5;}
#inter_sect2  .cont_tit h3 {font-size:36px; color:#222; font-weight: bold; line-height: 1.45; text-align:left;}
#inter_sect2  .cont_tit h3:after {
    display: block;
    width: 50px;
    height: 2px;
    background: #222;
    margin: 20px 0px 30px 0;
    content: "";
}
.sect2_wrap {position:relative; width:100%; overflow:hidden;}
.sect2_wrap .cont_tit {width: 30%; float:left;}
.sect2_wrap .cont_img {width: 70%; float:left;}
.sect2_wrap .cont_img img {width:100%;}
#inter_sect3 {padding: 70px 0 35px; overflow:hidden;}
.interStepWrap {position:relative; margin-top:60px;}
.interStepWrap ul li {width:33.333%; float:left; box-sizing:border-box; text-align: center;}
.interStepWrap ul li .stepTit {display: block; width:140px; border-radius:5px; text-align:center; margin:15px auto; background-color: #166ef7;}
.interStepWrap ul li .stepTit h4 {font-size:24px; color:#fff; font-weight:300;}
.interStepWrap ul li .stepTit h4 strong {font-weight:600;}
.interStepWrap ul li img {width:100%;}
.interStepWrap .steptxt p {display:block; font-size:18px; color:#222; font-weight:normal; line-height:1.4;}
.interStepWrap .steptxt::after {
    display: block;
    width: 1px;
    height: 36px;
    background: #222;
    margin: 20px auto;
	content: '';}


#inter_sect4 {padding: 35px 0 70px; overflow:hidden;}
.interAskWrap {position:relative; margin-top:60px;}
.interAskWrap ul li {width:48%; float:left; box-sizing:border-box; text-align: center;margin:0 1%;}
.interAskWrap ul li:nth-child(3),.interAskWrap ul li:nth-child(4) {margin-top:20px;}
.interAskWrap ul li img {width:100%;}


#inter_sect5 {position:relative; overflow: hidden;width: 100%;}
.sect5_left,.sect5_right {width:50%; float:left; 
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	box-sizing: border-box;
	padding:70px 0;}
.sect5_left {background-image: url(/images/main/interview_bg02.jpg);}
.sect5_right {background-image: url(/images/main/interview_bg03.jpg);	}

.sect5_txt {text-align:center;}
.sect5_txt h3 {color:#fff; font-size:30px; line-height:1.4; font-weight:500;}
.sect5_txt .btn_wh {
	display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    background-color: #fff;
	border:1px solid #fff;
    margin-top: 30px;
}
.sect5_txt .btn_wh:hover {background-color: #166ef7; border:1px solid #166ef7;color:#fff;transition: .3s;}
.sect5_txt .btn_blue {
	display: inline-block;
    vertical-align: top;
    width: 225px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    background-color: #166ef7;
    margin-top: 30px;
}
.sect5_txt .btn_blue:hover {background-color: #fff; border:1px solid #fff; color:#222;transition: .3s;}


@media screen and (max-width: 1024px) {
	#interview_visual {height:auto;padding: 30px 0;}
	#interview_visual .ad_tit01 h3 {font-size:21px; }
	#interview_visual .ad_tit01 h3::after {margin-top:10px; width:45px; height:1px;}
	#interview_visual .ad_tit01 p {font-size:16px; margin-bottom:0; margin-top: 15px;}
	
	#inter_sect1,#inter_sect2,#inter_sect5 {padding:20px 0;}
	#inter_sect1 .cont_tit h3,#inter_sect2 .cont_tit h3,#inter_sect3 .cont_tit h3,#inter_sect4 .cont_tit h3{font-size: 18px;}
	#inter_sect2 .cont_tit h3:after {width: 30px; margin: 10px 0px 20px 0;}
	.cont_tit {margin-bottom:0;}
	.cont_tit h3::after	{margin: 15px auto;}
	
	.sect2_wrap .cont_tit,.sect2_wrap .cont_img {width: 100%; margin-bottom:0; text-align: center;}
	#inter_sect3 {padding:30px 0 20px;}
	#inter_sect4 {padding:20px 0;}
	.interStepWrap {margin-top:0px;}
	.interStepWrap ul li {width:100%;}
	.interStepWrap ul li .stepleft {width:50%; float:left;}
	.interStepWrap ul li .stepright {width:50%; float:left; margin-top:40px;}
	.interStepWrap ul li .stepTit {width:110px;}
	.interStepWrap ul li .stepTit h4 {font-size:18px;}
	.interStepWrap .steptxt p {font-size:16px;}
	.interStepWrap .steptxt::after {display:none;}
	.interAskWrap {margin-top:20px;}
	.interAskWrap ul li {width:100%;}
	.interAskWrap ul li:nth-child(2) {margin-top:20px;}
	.sect5_txt h3 {font-size: 18px;}
	.sect5_txt .btn_wh,.sect5_txt .btn_blue,#con_sect3 .btn_wh{margin-top:20px; width:200px; line-height:34px; font-size:14px;}
	.interStepWrap ul li img {width:100%; margin:0 auto;}
}
@media screen and (max-width: 797px) {
#inter_sect1 .cont_img img {width:100%;}
#inter_sect5 {padding:0;}
.sect5_left,.sect5_right {width:100%; padding:0; height:auto;}
.sect5_txt h3 {margin-top:30px;}
.sect5_txt .btn_wh,.sect5_txt .btn_blue{margin-bottom:30px;}
.slideshow-inter {position: relative;margin: 0 auto;}
.slideshow-inter .prev, .slideshow-inter .next {top:50%; margin-top:70px;}
.slideshow-inter .prev {left:10px;}
.slideshow-inter .next {right:10px;}




}
@media screen and (max-width: 480px) {
.recStepWrap ul li.stepRight1, .recStepWrap ul li.stepLeft2 {width:50%;}
.alarmWrap .dropdown-content2 {left:-120px;}
}
@media screen and (max-width: 320px) {
	.alarmWrap .dropdown-content2 {left:0px;}
	
}

/* index_prev 로그인 전 페이지 */
/*.index_prev {padding-top:70px;}
/*.index_prev .headerMenu_wrap,.index_prev .headerMenuWrap {display:none;}*/
/*.index_prev	#header {background: #e4eef9;background: linear-gradient(90deg, rgba(4,144,238,1) 0%, rgba(27,210,254,1) 100%);*/border-bottom:none;}*/


#index_prev #container {padding-top:0px;}
/*#index_prev {
	width: 100%;
	background: rgb(4,144,238);
	background: linear-gradient(90deg, rgba(4,144,238,1) 0%, rgba(27,210,254,1) 100%);
	height:614px;
	box-sizing: border-box;
	padding:100px 0;
	margin-top:-70px;
	position:relative;
	}*/
#index_prev {
	width: 100%;
	background: #e4eef9;
	height:570px;
	box-sizing: border-box;
	margin-top:-70px;
	position:relative;
	overflow:hidden;
	}	
#index_prev .imgbg {
	width:100%;
	height:500px;
	background-image: url(/images/main/major_img04.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top:70px;
	}
#index_prev .tit_left {padding-top: 70px;}
#index_prev .tit_left h3 {color:#222; font-size:48px; line-height:1.4; font-weight:bold;  text-align:center;}
#index_prev .tit_left h3::after {
    display: block;
    width: 50px;
    height: 2px;
    background: #222;
    margin: 25px auto 45px;
    content: '';
}
#index_prev .tit_left p {color:#222; font-weight:400; text-align: center;}
#index_prev .tit_left .btnWrap {margin-bottom:20px;}
#index_prev .tit_left .btnWrap .btnNewNavy {
	display: block;
	overflow: hidden;
    vertical-align: top;
    width: 320px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	margin: 0 auto;
	margin-top:40px;
}
#index_prev .tit_left .btnWrap .btnNewNavy .arrow_wh {margin-top:25px;}
#index_prev .tit_left .btnWrap .btnNewNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c;}
#index_prev .tit_left .btnWrap .btnNewNavy:hover .arrow_wh{display:none;}

.pc3 {display:block;}
.mobile3 {display:none !important;}

.arrow-wave {
  position:absolute;
  left:48%;
  bottom:30px;
  cursor: pointer;
/*   background-color: rgba(100,100,100,0.4); */
}

.arrow-wave span {
  display: block;
  position: relative;
  margin: 0 auto;
  height: 10px;
  width: 16px;
/*   background-color: rgba(100,100,100,0.4); */
  opacity: 0.2;
}

.arrow-wave span::before,
.arrow-wave span::after {
  display: block;
  content: "";
  position: absolute;
  height: 2px;
  width: 12px;
  background-color: #517ec0;
}

.arrow-wave span::before {
  top: -2px;
  left: 0;
  transform-origin: left center;
  transform: rotate(45deg);
}

.arrow-wave span::after {
  top: -2px;
  right: 0;
  transform-origin: right center;
  transform: rotate(-45deg);
}

.arrow-wave span:nth-child(1n) {
  animation: animate-arrow-wave 2s infinite;
  animation-delay: .25s;
}
.arrow-wave span:nth-child(2n) {
  animation: animate-arrow-wave 2s infinite;
  animation-delay: .50s;
}

.arrow-wave span:nth-child(3n) {
  animation: animate-arrow-wave 2s infinite;
  animation-delay: .75s;
}

@keyframes animate-arrow-wave {
  0%   { opacity: 0.2; }
  25%  { opacity: 0.2; }
  50%  { opacity: 0.2; }
  75%  { opacity: 1.0; }
  100% { opacity: 0.2; }
}

.arrow-wave p {text-align:center; color:#517ec0;text-transform:uppercase; font-size:10px; margin-top:5px; transform: scaleY(0.9);}



#prev_cont1 {position: relative; overflow: hidden;padding: 75px 0px;}
.cont1_bg .cont1_tit {margin-bottom:40px;}
.cont1_bg .cont1_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.cont1_bg .cont1_tit h4 strong {color:#222;}
.cont1_bg .cont1_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont1_bg ul {width:715px; margin: 0 auto;}
.cont1_bg ul li {width:31.333%; float:left; padding:20px; box-sizing:border-box; text-align: center;}
.cont1_bg ul li .pstep01,.cont1_bg ul li .pstep02,.cont1_bg ul li .pstep03,.cont1_bg ul li .pstep05 {width:80px;}
.cont1_bg ul li .pstep04 {width:55px; height: 60px;}
.cont1_bg .pstep {background:#666666; width:30px; height:30px; border-radius:50%; padding:1px; box-sizing:border-box; margin:25px auto 20px;}
.cont1_bg .pstep p {position:relative;font-size:16px; font-weight:500; color:#fff; padding-top: 1px; text-align:center;}
.cont1_bg .pstep p:after {
	position: absolute;
    left: 28px;
    top: 50%;
    width: 197px;
    height: 1.5px;
	background-image: linear-gradient(to 
    right, #666666 33%, rgba(255,255,255,0) 0%);
	background-position:bottom;
	background-size:14px 5px;
	background-repeat: repeat-x;
   /* border-top:1px dashed #666666;*/
    content: "";
}
.cont1_bg ul li:last-child .pstep p:after {display: none;}
.cont1_bg h5 {display:block; font-size:24px; font-weight:bold; color:#222; line-height:1.4; margin-top:15px;}
.cont1_bg span {display:block;font-size:16px; font-weight:400; color:#444; line-height:1.4;margin-top:15px;}
.cont1_bg em {display:block; font-size:14px; font-weight:300; color:#999; line-height:1.4; margin-top:10px;}

#prev_cont2 {position:relative; overflow: hidden; background-color:#3d95fe; padding:75px 0px;}
.cont2_bg {position:relative; }
.cont2_bg .cont2_tit {margin-bottom:40px;}
.cont2_bg .cont2_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4; color:#fff;}
.cont2_bg ul li {width:31.333%; /*min-height: 315px;*/ float:left; margin:0 1%; border:1px solid #fff; padding:30px 20px; text-align:center; box-sizing: border-box;/* box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);*/}
.cont2_bg ul li p {display:block; font-size:14px; font-weight:400; color:#fff; line-height:1.4; margin-top:20px;}
.cont2_bg ul li .cont2_left .ico_mo01 {width}
.cont2_bg ul li h4 {display:block; font-size:24px; font-weight:600; color:#fff;  margin-top:15px; line-height:1.4;}
.cont2_bg ul li h4 strong {color:#fff;}
.cont2_bg ul li h4 strong.cont2_right_br {display:block;}
.cont2_bg ul li span {display:block; font-size:16px; font-weight:400; color:#fff; word-break:keep-all; margin-top:15px; line-height:1.4;}


#prev_cont3 {position: relative; overflow: hidden;padding: 75px 0px; }
.cont3_bg ul li {width:40%;float:left; box-sizing:border-box;}
.cont3_bg ul li:first-child {width:60%; }
.cont3_bg ul li:last-child {width:40%; padding-left:50px;} 
.cont3_bg ul li .cont3_left {text-align:center;}
.cont3_bg ul li .cont3_img {width:80%; margin: 0 auto;}
.cont3_bg ul li .cont3_right {position:relative; margin-top:80px;}
.cont3_bg ul li .cont3_right h4 {font-size:36px; font-weight:bold; line-height:1.4; color:#222;}
.cont3_bg ul li .cont3_right h4 strong {color:#222;}
.cont3_bg ul li .cont3_right p {font-size:18px; line-height:1.4; color:#666; margin-top:15px;font-weight:400;}
.cont3_bg .btnWrap {margin-top:15px;}
.cont3_bg .btnWrap .btnNavy {display: block;
    vertical-align: top;
    width: 225px;
    line-height: 45px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
    margin-top: 15px;}
.cont3_bg .btnWrap .btnNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c; border:1px solid #00407c;}
.cont3_bg .btnWrap .btnNavy:hover .arrow_wh {display: none;}
.cont3_bg .btnWrap .btnNavy .arrow_wh {margin-top:15px;}


#prev_cont4 {padding: 100px 0;background-color: #f5f5f5;}
#prev_cont4 .cont4_tit h4{font-size: 36px; font-weight: bold; text-align: center;line-height: 1.4;}
.faq_cont {margin:0 auto;}
.faq_cont .list_faq {margin-top:2.5rem; }
.faq_cont .list_faq li {background:#fff;border-radius:10px; margin-bottom: 20px;}
.faq_cont .list_faq p {overflow:hidden; word-break:keep-all;}
.faq_cont .list_faq li .q,
.faq_cont .list_faq li .a {position:relative; overflow:hidden;}
.faq_cont .list_faq li .a {border-radius: 0 0 10px 10px; border-top: 1px solid #ddd; font-size: 18px;}
.faq_cont .list_faq li .q {background:#fff; border-radius:10px; position: relative;}
.faq_cont .list_faq li .q div{padding:40px 60px;}
.faq_cont .list_faq li .q .txt_img {display: inline-block; padding: 0; margin-right: 7px; margin-top: 7px; vertical-align: top;}
.faq_cont .list_faq li .q p {display: inline-block;font-size:18px;line-height:1.2;margin-top:0.313rem;}
.faq_cont .list_faq li .a {display:none;background:#fff;padding:40px 60px;}
.faq_cont .list_faq li .a p {color:#222;}
.faq_cont .list_faq li .q .ico_q {padding-left:16px;}
.faq_cont .list_faq li .q .ico_arrow {
background-image:url(/images/main/arrow_down.png);background-repeat:no-repeat;background-size:16px;
background-position:center right 60px;
}
.faq_cont .list_faq li.on .q .ico_arrow {
background-image:url(/images/main/arrow_top.png);background-repeat:no-repeat;background-size:16px;
background-position:center right 60px;
}
.faq_cont .list_faq li.on .a {display:block;}
.faq_cont .gray { background: #f5f5f5;}

#prev_cont5 {position:relative; overflow: hidden;
	width: 100%;
	background: linear-gradient(90deg, rgba(1,95,209,1) 0%, rgba(30,60,114,1) 100%);
   /* background-image: url(/images/main/major_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;*/
	box-sizing: border-box;
	padding:75px 0;
}

.cont5_txt {position:relative; text-align:center;}
.cont5_txt h3 {position:relative; display: inline-block; color:#fff; font-size:30px; line-height:1.4; font-weight:bold; }
.cont5_txt:before	{
	display: inline-block;
    width: 96px;
    height: 80px;
    background: url(/images/main/ico_mc_img04.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
	float:left;
	}
.cont5_txt:after	{
	display: block;
    width: 96px;
    height: 80px;
    background: url(/images/main/ico_mc_img05.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
	float:right;}
#prev_cont5 .btn_wh {
	display:block;
    vertical-align: top;
	margin:0 auto;
	margin-top:30px;
    width: 240px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 15px;
	font-weight:bold;
    color: #1a559b;
	border:1px solid #1a559b;
    text-align: center;
    border-radius: 50px;
	background-color: #fff;
	border-radius:5px;}
#prev_cont5 .btn_wh:hover {transition: 0.2s; color:#fff; background-color:#1a559b; border:1px solid #fff;}
#prev_cont5 .txt {margin-top:20px; text-align:center;}
#prev_cont5 .txt {color:#fff; font-size:14px; font-weight: normal; line-height:1.4;}

#prev_cont6 {position: relative; overflow: hidden;padding: 75px 0;background-color:#e4eef9;}
.cont6_bg .cont6_tit {margin-bottom:50px;}
.cont6_bg .cont6_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4; word-break: keep-all;}
.cont6_bg .cont6_tit h4 strong {color:#166ef7;}
.cont6_bg .cont6_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center;line-height: 1.4;}
.cont6_bg .btnWrap {margin-top:15px;}
.cont6_bg .btnWrap .btnNavy {display: block; margin:0 auto;
    vertical-align: top;
    width: 225px;
    line-height: 45px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
    margin-top: 15px;}
.cont6_bg .btnWrap .btnNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c; border:1px solid #00407c;}
.cont6_bg .btnWrap .btnNavy:hover .arrow_wh {display: none;}
.cont6_bg .btnWrap .btnNavy .arrow_wh {margin-top:15px;}

.cont6_bg .cont6_img {width:50%;display: block;margin: 0 auto;}

#prev_cont7 {position: relative; overflow: hidden;padding: 75px 0;}
.cont7_bg .cont7_tit {margin-bottom:40px;}
.cont7_bg .cont7_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.cont7_bg .btnWrap {margin-top:15px;}
.cont7_bg .btnWrap .btnNavy {display: block; margin:0 auto;
    vertical-align: top;
    width: 225px;
    line-height: 45px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	border:1px solid #00407c;
    margin-top: 15px;}
.cont7_bg .btnWrap .btnNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c; border:1px solid #00407c;}
.cont7_bg .btnWrap .btnNavy:hover .arrow_wh {display: none;}
.cont7_bg .btnWrap .btnNavy .arrow_wh {margin-top:15px;}
.cont7_bg .mySlides.image1,.cont7_bg .mySlides.image2,.cont7_bg .mySlides.image3 {
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	padding: 30px 65px;
	height:240px;
	box-sizing: border-box;
	border-radius: 10px;
	border:1px solid #eee;
}
.cont7_bg .mySlides.image1 {background-image: url(/images/main/major_img05.png);}
.cont7_bg .mySlides.image2 {background-image: url(/images/main/major_img06.png);}
.cont7_bg .mySlides.image3 {background-image: url(/images/main/major_img07.png);}
.cont7BoxWrap {position: relative; overflow: hidden;}
.cont7BoxWrap .imgBox {width:110px; float:left; margin-right:20px;}
.cont7BoxWrap .imgBox img {width:110px; height:140px; border-radius:3px;}
.cont7BoxWrap .leftBox {width:calc(100%- 130px); float:left;}
.cont7BoxWrap .titBox h5 {font-size:21px; font-weight:500; line-height:1.4; margin-bottom:10px; color:#222;}
.cont7BoxWrap .titBox p {font-size:16px; font-weight:300; line-height:1.4; color:#2f67d9;}
.cont7BoxWrap .leftBox .cont7Txt {position: relative; padding:15px 60px; background-color:#fff; margin-top:10px; border-radius:3px; border:1px solid #eee; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);}
.cont7BoxWrap .leftBox .cont7Txt p {color:#222; word-break:keep-all; font-size:16px; text-align:center;}
.cont7BoxWrap .leftBox .cont7Txt p::before {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 25px;
    height: 21px;
    background: url(/images/main/ico_mc_img12.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
    float: left;
}
.cont7BoxWrap .leftBox .cont7Txt p::after {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 25px;
    height: 21px;
    background: url(/images/main/ico_mc_img13.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
    float: right;
}
/* Slideshow container */
.cont7_bg .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.cont7_bg .prev, .cont7_bg .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 30px;
  height:30px;
  padding: 6px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.cont7_bg .prev {
  background-image: url(/images/main/main_arrow_leftblue.png);
  left:10px;}
.cont7_bg .next {
  background-image: url(/images/main/main_arrow_rightblue.png);
  right: 10px;
  border-radius: 3px 0 0 3px;
}

.cont7_bg .prev:hover, .cont7_bg .next:hover {
 opacity:0.8;
}

.cont7_bg .active{
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@media only screen and (max-width: 300px) {
  .cont7_bg .prev, .cont7_bg .next,.text {font-size: 11px}
}

#prev_cont8 {position: relative; overflow: hidden;padding: 75px 0; background-color:#76a7d9;}
.cont8_bg {position: relative;}
.cont8_bg .cont8_tit {margin-bottom:50px;}
.cont8_bg .cont8_tit h4 {font-size:36px; color:#fff; font-weight:bold;text-align:center; line-height:1.4; word-break: keep-all;}
.cont8_bg .cont8_tit p {font-size:18px; color:#fff; font-weight:300; margin-top:20px; text-align:center;line-height: 1.4;}
.cont8_bg .cont8_txt {position: relative; overflow: hidden; border-bottom:1px solid #fff; padding-bottom:20px;}
.cont8_bg .cont8_txtLeft {width:49%; float:left; padding-right:1%;}
.cont8_bg .cont8_txtRight {width:49%; float:left; padding-left:1%;}
.cont8_bg .form_input .input-wrap {margin-bottom:0;}
.cont8_bg .form_input {max-width: inherit;}
.cont8_bg .form_input span.txt {
  width:100%;
  display: block;
  font-size: 18px;
  text-align:left;
  vertical-align:middle;
  color:#fff;
  margin-top:10px;
  margin-bottom:10px;
  font-weight: 300;
}
.cont8_bg .form_input span em.redcolor{color: red;}
.cont8_bg .form_input .wrap_file .inp {width:calc(100% - 140px) !important; border-radius: 5px !important;}
.cont8_bg .form_input .wrap_file .btn_file {width:120px; height:49px; border-radius:5px; margin-left:5px; line-height: 35px; color: #166ef7; font-size:16px;}
.cont8_bg .form_input .input-wrap2 input.w100 {width:100% !important;}
.cont8_bg .form_input .input-wrap2 input  {width:calc(100% - 140px) !important;}
.cont8_bg .form_input .input-wrap2 .btn_ty1 {width:130px;  border-radius:5px; margin-left:5px; line-height: 49px;}

.cont8_bg input.input_hide, .cont8_bg textarea {
    padding: 15px;
    border-radius: 5px !important;
    border:none;
    width: 100%;
	height:49px !important;
    box-sizing: border-box;
    font-family: montserrat;
    color: #999999;
    font-size: 16px;
	background-color: #fff;
}

.cont8_bg input + input {margin-bottom:10px;}
.cont8_bg input::placeholder {color:#fff:}
.cont8_bg input:focus, .cont8_bg textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}
.cont8_bg .btnWrap {overflow: hidden; margin-top:15px;}
.cont8_bg .btnWrap .btnNavy {display: block; margin:0 auto;
    vertical-align: top;
    width: 225px;
    line-height: 45px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
    margin-top: 15px;}
.cont8_bg .btnWrap .btnNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c; border:1px solid #00407c;}
.cont8_bg .btnWrap .btnNavy:hover .arrow_wh {display: none;}
.cont8_bg .btnWrap .btnNavy .arrow_wh {margin-top:15px;}

.cont8_bg .searchBox {width:100%; margin-bottom: 0px;}
.cont8_bg .searchBox .slt {width: 100%;height:49px; border-radius:5px; border:none; font-size:16px;}

#prev_cont8 .agree-btn {padding-top:20px; color:#fff;}
#prev_cont8 .agree-btn input {width:20px; height:20px; }
#prev_cont8 .agree-btn .aft_bg span {padding:0 15px 0 10px;}

#cont1_cc {position: relative; overflow: hidden;padding: 75px 0px;}
.cont1_txt h3 {font-size: 36px; font-weight: bold; text-align: center; line-height: 1.4;}
.cont1_txt .searchBox {text-align: center; margin-top:30px;}
.cont1_txt .searchBox {display:block; width:400px; margin:0 auto; margin-top: 43px; background: #fff; border-radius:50px; border: 1px solid #444; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);}
.cont1_txt .searchBox .slt {height:56px; border-radius:50px; border: none;}
.cont1_txt .searchBox .inp {height:55px; border:none;  border-radius:50px;width:300px;}
.cont1_txt .searchBox .bg.btn_sch {padding:0 12px; background: #fff;}
.cont1_txt .searchBox .bg {}
.cont1_txt .searchBox .bg, .searchBox .btn {height:55px;}
.cont1_txt .searchBox select,.searchBox button {cursor:pointer; box-sizing:border-box;}
.cont1_txt .searchBox select  {appearance:none; -webkit-appearance:none; padding:0 45px 0 30px; }
.cont1_txt .searchBox select::-ms-expand { display:none; }


.index_companycheck #container {background-color:#f5f5f5;}
#cont1_cc .companyBox {position:relative;overflow: hidden; padding:20px 0; margin:30px 0; height:400px;  }
#cont1_cc .companyList {background-color: #fff; padding: 20px; min-height:345px; border:1px solid #ddd;}
#cont1_cc .slide_cover {padding:4px;}
#cont1_cc .companyList ul li h4 {display:block;font-size:18px; font-weight:bold; margin-bottom:10px; text-align:center;}
#cont1_cc .companyList ul li p {display:block;font-size:16px; font-weight:300; margin-bottom:5px;}
#cont1_cc .slide_wrap {
  width: 100%;
  position: absolute; left: 50%; top: 50%; 
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
#cont1_cc .slide_show {
  width: 860px;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
}
#cont1_cc .slide_show {} .slide_com{
  width: 5000px; overflow: hidden;
}
#cont1_cc .slide_show {} .slide_com > div {
  float: left; width: 280px; 
}

#cont1_cc .slide_btn a {
  position: absolute;
  top: 50%; transform: translatey(-50%);
  color: #fff;
  width: 17px; height: 30px; 
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  transition: all 0.3s 
}

#cont1_cc .slide_btn a:hover {background-color: rgba(255,255,255,0.3);}
#cont1_cc .slide_btn a.prev {left: 10px;}
#cont1_cc .slide_btn a.next {right: 10px;}

#cont1_cc .prev {
    left: 10px;
    width: 17px;
    height: 30px;
    background-image: url(/images/main/arrow_bk_left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
#cont1_cc .next {
    right: 10px;
    width: 17px;
    height: 30px;
    background-image: url(/images/main/arrow_bk_right.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

/*form styles*/
#msform {
    text-align: center;
    position: relative;
}

#msform fieldset {
    /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
	background-color:#fff;
    padding: 60px 200px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
	margin-top:40px;
    /*stacking fieldsets above each other*/
    position: relative;
	border-radius:10px;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #666;
    font-size: 16px;
	background-color: rgba(250,250,250,.2);
}
#msform input[type="checkbox"] {width:20px; height:20px;}
#msform .input-wrap .birthSelect { width: 100%;}
#msform .input-wrap .birthSelect .select_ty6 {
    width: 100%;
    height: 51px;
    padding: 0 16px;
	border: 1px solid #ccc;
    font-size: 16px;
    color: #222;
    box-sizing: border-box;
	background-color: #eef6fb;
    padding-left: 15px;
    padding-right: 40px;
    line-height: 32px;}
#msform .input-wrap3 {margin-bottom:10px;}
#msform .input-wrap3 span {float: left;padding:0 5px; vertical-align: middle; color:#222; margin-top:15px;}
#msform .input-wrap3 input  {float: left;width:32.5%;}

#msform .input-wrap3 .mailSelect {margin-left: 6px; display:inline-block;}
#msform .input-wrap3 .mailSelect select.select_ty1 {width:135px; height:51px;font-family: montserrat; font-weight:bold;
 border:1px solid #ccc; border-radius:0px !important; color:#222;}

#msform label.aft_bg {padding:0px 10px 0 0; float:left;}
#msform label.aft_bg:before {display:none;}

#msform label.aft_bg span {color:#222; padding-left:7px;}
#msform label.aft_bg.aft_bgAll{width:100%;float:left; padding:0; text-align:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
#msform input + input {margin-bottom:10px;}
#msform input::placeholder {color:#fff:}
#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
	position:relative;
	display:inline-block;
    width: 100px;
    background: #00407c;
    font-weight: bold;
    color: white;
    border: 1px solid #00407c;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 20px auto 0;
	height:auto;
	right:0px;
}
#msform .action-button:hover {}
#msform .action-button:focus {}

#msform .action-button-previous {
	position:relative;
	display:inline-block;
    width: 100px;
    background: #fff;
    font-weight: bold;
    color: #00407c;
    border: 1px solid #00407c;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 20px auto 0;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    /*box-shadow: 0 0 0 2px white, 0 0 0 3px #bbd6ff;*/
}

/*headings*/
.fs-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 2px;
    font-weight: 400;
	line-height:1.4;
}
.fs-title::after {
    display: block;
    width: 36px;
    height: 1px;
    background: #222;
    margin: 15px auto;
    content: '';
}
.fs-subtitle {
    font-weight: 500;
    font-size: 32px;
    color: #222;
    margin-bottom: 40px;
	line-height:1.4;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
	width: 50%;
    margin: 0 auto;
	background-color:#fff;
	padding:30px; border-radius:100px;
}

#progressbar li {
    list-style-type: none;
    color: #222;
    text-transform: uppercase;
    font-size: 12px;
    width: 25%;
    float: left;
	font-weight:500;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 27px;
    height: 27px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: #f5f5f5;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active {background:none;}
#progressbar li.active:before, #progressbar li.active:after {
    background: #166ef7;
    color: #fff;
	font-size:14px;
	font-weight:500;
}

/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}


.formBox .selectBox {
	width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: normal;
    font-family: inherit;
    padding: 20px;
	text-align: center;
	margin-right: 0px;
	
    }
.formList > li {border:1px solid #0c7bfe; margin-bottom:10px;/*background-color: rgba(2,123,254,.2);*/}
.formList > li.click { background: #0c7bfe;}
.formList > li.click a {color: #fff;}
.formList > li > a	{
	padding: 25px 0;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #0c7bfe;
	}
.formList > li:hover { background: #166ef7;color: #fff;border-color: #166ef7;transition: .2s;}	
.formList > li:hover > a {color:#fff;}
.formBox input::placeholder {color:#fff;}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
	position:relative;
	padding:3px; 
	border:1px solid #dbdee6;
	border-radius:50px;
	width:27px;
	height:27px;
	vertical-align: middle;
	margin-left:3px;
	margin-right:5px;
}
.open-button .dropbtn {margin-top: 5px;}
/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 0;
  border: 3px solid #f1f1f1;
  background-color:#fff;
  width:100%;
  z-index: 9;
  padding:20px;
}
.privacyWrap_inner {height: 380px; margin:20px 0; overflow-y: scroll; box-sizing:border-box;}
.form-popup h5 {font-size:21px; font-weight:bold; color:#222;}
.form-popup p {text-align: left; font-size:16px; font-weight:300; color:#777; line-height:1.4;}
.form-popup .btn {width:}
/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #00407c;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: #00407c;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}


.formBox .dl_type1 {padding:10px 0;}
.formBox .dl_type1 + .dl_type1 {border-top: 1px solid rgba(250,250,250,.5);}
.formBox .dl_type1 > dt {width:200px; float:left; padding-right:30px; color:#fff; font-size:16px; font-weight:500; box-sizing:border-box; text-align: left;}
.formBox .dl_type1 > dt span.refer {display:block; margin-top:6px; font-size:14px; font-weight:300; color:#fff; line-height:1.2; word-break:keep-all;}
.formBox .dl_type1 > dd {overflow:hidden;text-align: left; color:#fff;}
.formBox .dl_type1 dl {overflow:hidden; line-height:24px;}

.formBox .dl_type1 dl dt {float:left; font-size:14px; color:#222; font-weight:bold; padding-right:24px}
.formBox .dl_type1 dl dd {overflow:hidden; font-size:16px; font-weight:300; color:#fff;}
.formBox .dl_type1 dl dd + dt,
.formBox .dl_type1 dl dd + dt + dd {padding-top:4px; margin-top:4px; border-top:1px solid #fff}
.formBox .dl_type1 p + dl {margin-top:14px;}




@media screen and (max-width: 1024px) {
	.pc3 {display:none !important;}
	.mobile3 {display:block !important;}
	#index_prev {padding:40px 0; overflow: hidden; height:770px;}
	#index_prev .tit_left {padding-top:0px;}
	#index_prev .tit_left h3 {font-size:32px; text-align:center;word-break: keep-all;}
	#index_prev .tit_left h3::after {margin:25px auto;}
	#index_prev .tit_left .btnWrap .btnNewNavy {font-size:16px; line-height: 47px; margin-top:0px;}
	#index_prev .tit_left .btnWrap .btnNewNavy .arrow_wh {margin-top:18px;}
	#index_prev .img_right {display:block; text-align:center;}
	#index_prev .img_right img {width:70%; margin:0 auto;margin-top:10px;}
	
	#prev_cont1 {padding:30px 0 0;}
	.cont1_bg {position:relative; }
	.cont1_bg .cont1_tit {margin-bottom:20px;}
	.cont1_bg .cont1_tit h4 {font-size: 21px;}
	.cont1_bg .cont1_tit h4 strong {display:block;}
	.cont1_bg .cont1_tit p {font-size:15px;}
	.cont1_scroll	{overflow-x: scroll; overflow-y: hidden;}
	.cont1_scroll::-webkit-scrollbar {display: ;}
	.cont1_bg ul {width: 700px;}
	.cont1_bg img {width:60px;}
	.cont1_bg h5 {font-size:18px; height:51px;}
	.cont1_bg span {font-size:15px;}
	
	
	#prev_cont2 {padding:40px 0;}
	.cont2_bg .cont2_tit {margin-bottom:0px;}
	.cont2_bg .cont2_tit h4 {font-size: 21px;}
	.cont2_bg ul li {width:100%; padding:20px; margin:2% 0; display: inline-flex; min-height:auto;}
	.cont2_bg ul li h4 {font-size: 18px; text-align:left; height:auto;}
	.cont2_bg ul li h4::before {display:none;}
	.cont2_bg ul li span {text-align:left;}
	.cont2_bg ul li .cont2_left {width:150px; padding-right:15px; border-right:1px solid #fff;}
	.cont2_bg ul li .cont2_left img {margin-top:30px;}
	.cont2_bg ul li .cont2_right {width: calc(100% - 240px); padding-left:25px;}
	.cont2_bg .cont2_right_br {display:inline-block;}
	
	#prev_cont3 {padding:40px 0;}
	.cont3_bg ul li {width:100%;}
	.cont3_bg ul li:last-child {width:100%; padding-left:0;}
	.cont3_bg ul li .cont3_left {text-align:center; margin:30px 0 0;}
	.cont3_bg ul li .cont3_right {margin-top:0;}
	.cont3_bg ul li .cont3_right:before {width:30px; height:30px; margin-left:0; margin-bottom:10px;}
	.cont3_bg ul li .cont3_right h4 {font-size:24px; text-align:center;}
	.cont3_bg ul li .cont3_right p {font-size:16px; margin-top:10px; text-align:center;}
	.cont3_bg .btnWrap .btnNavy {margin:0 auto;}
	
	
	#prev_cont4 {padding:40px 0;}
	#prev_cont4 .cont4_tit h4 {font-size: 21px;}
	.faq_cont .list_faq li {margin-bottom: 15px;}
	.faq_cont .list_faq li .q div {padding: 15px;}
	.faq_cont .list_faq {margin-top:30px;}
	.faq_cont .list_faq li .q .ico_q{padding-left:10px;}
	.faq_cont .list_faq li .a{padding: 20px;}
	.faq_cont .list_faq li .q p {padding-top:0; font-size:14px; line-height:21px; width: 80%;}
	.faq_cont .list_faq li .q a {display:inline-block; position:relative; top:auto; right:auto; margin:10px 0 0 25px; 
	padding:0 5px; border:0.063rem solid #ccc; line-height:21px; font-size: 14px; vertical-align:top;}
	.faq_cont .list_faq li .q a::after {display:none;}
	.faq_cont .list_faq li .a p{font-size:14px;}
	.faq_cont .list_faq li .q .ico_arrow {background-position:center right 20px;}
	.faq_cont .list_faq li.on .q .ico_arrow {background-position:center right 20px;}
	
	#prev_cont5 {padding:40px 0;}
	.cont5_txt:before,.cont5_txt:after {width:47px; height:38px;}
	.cont5_txt h3 {font-size:18px;}
	#prev_cont5 .btn_wh { margin-top:20px;}

	#prev_cont6 {padding:40px 0;}
	.cont6_bg .cont6_tit {margin-bottom:20px;}
	.cont6_bg .cont6_tit h4	{font-size:21px;}	
	.cont6_bg .cont6_tit p {font-size:15px;}
	
	.cont7_bg .cont7_tit {margin-bottom:30px;}
	.cont7_bg .cont7_tit h4 {font-size: 21px;}
	
	#cont1_cc {padding:30px 0 75px;}
	.cont1_txt h3 {font-size:21px;}
	.cont1_txt .searchBox {margin-top:20px;}
	#cont1_cc .companyBox {margin:10px 0;}
	
	#progressbar {width:80%; margin:0 10%; margin-top:20px;}
	#msform fieldset {width:80%; margin:0 10%; padding:40px 30px; margin-top:30px;}
	.fs-subtitle {font-size:24px; margin-bottom:20px;}
	.select__one--select {font-size:16px;}
	
	
	
}
@media screen and (max-width: 797px) {
	#index_prev {padding:60px 0 40px 0;}
	#index_prev .imgbg {background-image:none; margin-top:30px;}
	#index_prev .tit_left .btnWrap {overflow:hidden; width:100%; }
	#index_prev .tit_left h3 {font-size:36px;}
	#index_prev .tit_left h3 span {display:block;}
	#index_prev .tit_left {padding-top:70px;}
	#index_prev .img_right img {margin-top:0;}
	#prev_cont8 .agree-btn .aft_bg span {padding:0; padding-left:7px;}
	
	.arrow-wave {position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
	left:0; bottom:0; 
    margin-top: 40px;}
	
	#msform {margin-top:0;}
	#msform fieldset {width:100%; margin:0 auto; padding: 30px 20px 100px 0;}
	.formBox .dl_type1 > dt {width:160px;font-size: 15px;}
	.formList > li > a {font-size:14px; padding:15px 0;}
	.select__one--select ,.select__one--tit {font-size:14px; padding:15px 0;}
	.select__one--select {height:50px; margin-bottom:20px;}
	.agree-btn .input_custum {margin-right:0;margin-bottom: 10px;}
	.form-popup {width:auto; width:88%;}
	
	.cont2_bg ul li {display:block;}
	.cont2_bg ul li .cont2_left {width: 100%; padding-right:0; border-right:none;}
	.cont2_bg ul li .cont2_left img {margin-top:0;}
	.cont2_bg ul li .cont2_left img.ico_mc01 {width:40px;}
	.cont2_bg ul li .cont2_left img.ico_mc02 {width:50px;}
	.cont2_bg ul li .cont2_left img.ico_mc03 {width:35px;}
	.cont2_bg ul li p {font-size:12px; margin-top:10px;}
	.cont2_bg ul li .cont2_right {width: 100%; padding-left:0;}
	.cont2_bg ul li h4 {text-align:center; font-size:16px; margin-top:5px;}
	.cont2_bg ul li h4 strong.cont2_right_br {display:inline-block;}
	.cont2_bg ul li span {text-align:center; font-size:14px; margin-top:5px;}

	.cont1_txt h3 {font-size:16px;}
	.cont1_txt .searchBox .bg, .searchBox .btn,.cont1_txt .searchBox .inp {height:46px;}
	
	.cont6_bg .cont6_img {width:100%;}
	
	#progressbar {width:100%; margin:0 auto; padding:20px;}
	
	#prev_cont8 {padding:40px 0; }
	.cont8_bg .cont8_tit {margin-bottom:10px;}
	.cont8_bg .cont8_tit h4 {font-size:21px;}
	.cont8_bg .cont8_tit p {font-size: 15px;}
	.cont8_bg .cont8_txt {padding-bottom:15px;}
	.cont8_bg .cont8_txtLeft {width:49%; padding-right:2%;}
	.cont8_bg .cont8_txtRight {width:49%; padding-left:0;}
	.cont8_bg .form_input span.txt {font-size:14px; margin-bottom:5px;}
	.cont8_bg input, .cont8_bg textarea {height:40px !important; font-size: 12px; padding:8px;}
	.cont8_bg .form_input .input-wrap2.divideinput input{width:calc(100% - 75px) !important;}
	.cont8_bg .searchBox .slt {font-size: 14px;height: 40px !important;}
	.cont8_bg .form_input .wrap_file .btn_file {width:80px; height: 40px; font-size: 14px; line-height: 27px;}
	.cont8_bg .form_input .input-wrap2 .btn_ty1 {width:70px; height: 40px; font-size: 12px; line-height: 38px; padding:0;}
	.cont8_bg .btnWrap {margin-top:0;}
	.cont8_bg .btnWrap .btnNavy .arrow_wh {margin-top:18px;}
	.cont8_bg .open-button {width:25px; height:25px;}
	.cont8_bg .form_input .input-wrap2 input  {width:calc(100% - 75px) !important;}
	
}
@media screen and (max-width: 515px) {
		#msform .input-wrap3 input {width:28.5%; }
}
@media screen and (max-width: 480px) {
	#index_prev .img_right img {width:80%;}
	.cont1_bg ul { width: 500px;}
	.cont1_bg .pstep {width:27px; height:27px;}
	.cont1_bg .pstep p {font-size:14px;}
	.cont1_bg .pstep p:after {width:130px;}
	.cont1_bg .cont1_left {width:115px;}
	.cont1_bg .cont1_right {width: calc(100% - 130px);}
	.cont1_bg .pstep {margin:16px auto;}
	.cont1_bg img {width:45px;}

	.cont3_bg .btnWrap .btnNavy {margin:0 auto; font-size:15px; line-height: 40px; font-weight: 500;}
	.cont6_bg .btnWrap .btnNavy {font-size:15px; line-height: 40px; font-weight: 500;}
	.cont7_bg .btnWrap .btnNavy {margin:0 auto; font-size:15px; line-height: 40px; font-weight: 500;}

	.cont5_txt:before, .cont5_txt:after {display: none;}
	.cont1_txt .searchBox {width:300px;}
	.cont1_txt .searchBox .inp {width:200px;}
	
	#msform fieldset {padding: 40px 20px; margin-top:15px;}
	.fs-subtitle {font-size:18px;}

}	
@media screen and (max-width: 420px) {
	#msform .input-wrap3 input {width:29.5%; }
	#msform input, #msform textarea {padding:10px;}
	.form_input .input-wrap2 .btn_ty1,#msform .input-wrap3 .mailSelect select.select_ty1 {height:41px; line-height: 41px;}
	.mailSelect select.select_ty1 {padding-left:10px;padding-right:30px; font-size: 12px;}
	#msform .input-wrap3 span {margin-top:9px;}
	#msform .input-wrap3 .mailSelect select.select_ty1 {width:115px;}
}
@media screen and (max-width: 370px) {
	#msform .input-wrap3 .mailSelect select.select_ty1 {width:90px;}
}
/* 1:1 컨설팅 */
#consultBnrWrap {
	position:relative; 
	width: 100%;
    background-image: url(/images/main/con_bg05.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding:35px 0;
	height:500px;
	box-sizing: border-box;
}
.bubbleWrap {position:relative; height:298px;box-sizing: border-box;}
.bubbleWrap .bubbleLeft {position:absolute; top:0; left:0; padding: 20px; background-color: #777; border-radius: 10px;}
.bubbleWrap .bubbleLeft:after {
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #666;
    content: "";
    position: absolute;
    right: -14px;}
.bubbleWrap .bubbleLeft h5 {color:#eee; font-size:16px; font-weight: 500; line-height:1.4;}
.bubbleWrap .bubbleLeft h5 p {display:block;}
.bubbleWrap .bubbleRight {position:absolute; top:0; right:0; padding: 20px; background-color: #777; border-radius: 10px;}
.bubbleWrap .bubbleRight:after {
    border-top: 0px solid transparent;
    border-left: 15px solid transparent;
    border-right: 0px solid transparent;
    border-top: 15px solid #666;
    content: "";
    position: absolute;
    left: -14px;}
.bubbleWrap .bubbleRight h5 {color:#eee; font-size:16px; font-weight: 500; line-height:1.4;}
.bubbleWrap .bubbleRight h5 p {display:block;}

.coBnr_bottom {position:absolute; bottom:0;    width: 100%;}
.coBnr_tit {width: 100%;  background-color: rgba(250,250,250,.8); padding:30px 20px; box-sizing: border-box;}
.coBnr_tit h3 {color:#166ef7;font-size:32px; font-weight:bold; line-height:1.4; word-break: keep-all;text-align:center;  text-shadow: 0 0 6px rgba(250,250,250,0.4); box-sizing: border-box;}
.coBnr_tit .btn_blue {width:285px; margin-top:25px;}
.coBnr_tit .btn_blue:hover {background-color:#fff; color:#166ef7; transition: 0.2s; border:1px solid #166ef7;}


#cont_cs1 {padding: 75px 0;}
.cs1_wrap .cs_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.cs1_wrap .cs_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}

.cont_cs1_wrap {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:40px;}
.cont_cs1_wrap2 {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:20px;}
.cont_cs1_wrap span,.cont_cs1_wrap2 span {display: inline-block; color:#777; font-size:14px; font-weight:normal; margin-top:15px; line-height:1.4;}

.cont_csBox {
	position: relative;
	width: 31.333%;
	float:left;
	margin: 0 1%;
	border: 1px solid #dddddd;
	border-radius: 5px;
	box-sizing: border-box;
	align-items: center;
}
.cont_csBox.lineBlue {border: 1px solid #166ef7;}
.cont_csBox .csBox_top.csImg1,.cont_csBox .csBox_top.csImg2,.cont_csBox .csBox_top.csImg3,.cont_csBox .csBox_top.csImg4,
.cont_csBox .csBox_top.csImg5,.cont_csBox .csBox_top.csImg6 
 {padding: 35px 20px 0; box-sizing: border-box;}
.cont_csBox .csBox_bottom strong {display: block; font-size:21px; font-weight:bold; line-height:1.4; color:#222; margin: 0 auto; margin-bottom:10px;}
.cont_csBox .csBox_bottom {padding: 20px;text-align: left; min-height:110px; box-sizing: border-box;word-break: keep-all; text-align:center;}
.cont_csBox .csBox_bottom p {color:#222; font-size: 16px; line-height:1.4; }

#cont_cs2 {padding: 75px 0; background-color:#f5f5f5;}
.cs2_wrap .cs_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.cs2_wrap .cs_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}

.cont_cs2_wrap {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:40px;}
.cont_csBox2 {
    position: relative;
    width: 31.333%;
	float:left;
    margin: 0 1%;
	box-sizing: border-box;
}
.cs2Box_top {position: relative; padding:20px; background-color:#d2e2fd; border-radius:10px;}
.cs2Box_top:after { border-top:0px solid transparent; 
 border-left: 10px solid transparent; 
 border-right: 10px solid transparent; 
 border-top: 10px solid #d2e2fd; 
 content:""; 
 position:absolute;
 bottom:-9px;
 left:48%;
}
.cs2Box_top h5 {font-size:18px; font-weight:500; line-height:1.4; color:#222;}
.cs2Box_mid {position: relative; overflow: hidden; border:1px solid #ddd; padding:20px;margin:20px 0; border-radius: 5px;     background-color: #fff;}
.cs2Box_mid .cs2Box_mid_txt,.cs2Box_mid .cs2Box_mid_txt2 {position:relative; box-sizing: border-box; display: flex;align-items: center;}
.cs2Box_mid .cs2Box_mid_txt img,.cs2Box_mid .cs2Box_mid_txt2 img {width:30px; float:left;}
.cs2Box_mid .cs2Box_mid_txt p {width:calc(100% - 40px);float:left; padding-left:10px; line-height:1.4; 
font-size:14px; font-weight:300; color:#222; text-align:left;
background-color:#f5f5f5; padding:10px; margin-left:10px; border-radius:5px;
}
.cs2Box_mid .cs2Box_mid_txt2 {margin-top:10px;}
.cs2Box_mid .cs2Box_mid_txt2 p {width:calc(100% - 40px); padding-right:10px;float:left; line-height:1.4;
font-size:14px; font-weight:300; color:#222; text-align:left;
background-color:#f5f5f5; padding:10px; margin-right:10px; border-radius:5px;
}
.cs2Box_bottom strong {color: #166ef7; font-size: 18px; font-weight: bold;font-style: italic;}
.cs2Box_bottom p.txt1 {display:block; font-size: 16px; font-weight: 300; color: #222; line-height:1.4;word-break: keep-all;margin-top: 5px;}

#resumeWrap {position: fixed; right:30px; bottom: 70px; width: 170px; height:auto; padding:13px; background-color:#00407c; z-index:999;
border-radius:5px; text-align: center; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2em 0.8em; box-sizing: border-box; }
#resumeWrap img {display:inline-block; width:20px; margin-right:5px;}
#resumeWrap p {display:inline-block; font-size:14px; font-weight:500; line-height:1.4; text-align:center; color:#fff}


#quick {position: fixed; right:30px; bottom: 70px; width: 215px; height:auto; border: 1px solid #ddd; z-index:999;
border-radius:5px; text-align: center; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2em 0.8em; box-sizing: border-box;  }
#quick .quickLeft {width:35px; float:left;}
#quick .quickTit {background-color:#f5f5f5; padding:10px; border-radius:5px 5px 0 0;}
#quick .quickTit h5 {font-size:10px; font-weight:500; line-height:1.4; text-align:center;}
#quick .quickBottom {position: relative; display: flex; padding:10px; background-color:#fff;}
#quick .quickBottom img {width:35px; height:42px; border-radius:2px; margin-top: 4px;}
#quick .quickBottom .quickRight{width:calc(100% - 45px); float:left; margin-left:10px;}
#quick .quickBottom .quickRight p {text-align:left; font-size:12px; color:#222; line-height: 1.3;}
#quick .quickBottom .quickRight span {font-size:10px;display: block;}
#quick .quickBottom .quickRight p.tel  {text-align:left; font-size:14px; color:#166ef7; font-weight:bold;margin:3px 0;}
#quick .quickBottom .quickRight p.email {font-size:10px;display: block;}
#quick .quickbg {
	position:absolute; bottom:-11px; right:10px;
	width:37px; height:49px;
	background-image: url(/images/main/icon_logo.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
	opacity:0.2;
}
#myManager {position: relative;
    background-image: url(/images/visual_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
	margin-bottom:40px;
	margin-top:-30px;}
#myManager .listTopFixed2 { overflow: hidden; margin: 0 auto;}
.listTopFixed2 {margin: 40px auto; border-radius:10px;}
.mymanagerView {width:49.5%; float:left; padding:20px; margin-right:1%; box-sizing: border-box; position: relative; overflow:hidden;border: 1px solid #eee; border-radius:10px; background-color:#fff;}
.mymanagerView .mymanagerTop {position: relative; overflow: hidden;padding-bottom:20px; border-bottom:1px solid #d5d5d5;}
.mymanagerView .imgBox {width:110px; float:left; margin-right:20px;}
.mymanagerView .imgBox img {width:90px; height:110px;}
.mymanagerView .mymanagerTit {position: relative; width:calc(100% - 130px);  height:110px; float:left; padding:27px 15px 27px 40px; background-color:#f5f5f5; border:1px solid #eee; border-radius:5px;}
.mymanagerView .mymanagerTit h5 {font-size:16px; font-weight:500; line-height:1.4; text-align:center;}
.mymanagerView .mymanagerTit::before {
    width: 60px;
    height: 60px;
    background-image: url(/images/main/icon_logo.png);
	
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 60px;
    margin: 10px 0 14px;
	
    content: '';
}
.quickbg2 {
	position:absolute; top:24%; left:-30px;
	width:60px; height:60px;
	background-image: url(/images/main/icon_logo.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 54%;
	background-color:#fff;
	padding:5px;
	border-radius:50%;
	border:1px solid #eee;
}

.mymanagerView .mymanagerBottom {padding-top:20px;}
.mymanagerView .titBox {}
.mymanagerView .titBox h5 {font-size:18px; font-weight:500; line-height:1.4; margin-bottom:5px;}
.mymanagerView .titBox p {font-size:14px; font-weight:300; line-height:1.4;}
.mymanagerView .titBox2 { }
.mymanagerView .titBox2 .dl_type1 {padding:2px 0;}
.mymanagerView .titBox2 .dl_type1 + .dl_type1 {}
.mymanagerView .titBox2 .dl_type1 > dt {width:90px;float:left; padding-right:30px; color:#79808d; font-size:14px; font-weight:500; box-sizing:border-box;}
.mymanagerView .titBox2 .dl_type1 > dd {/*overflow:hidden;*/}
.mymanagerView .titBox2 .dl_type1 dl {overflow:hidden; line-height:24px;}
.mymanagerView .titBox2 a.call {padding:7px 10px; border-radius:3px; border:1px solid #eee; color:#666; margin-left:7px;}
.mymanagerView .titBox2 a.call img {padding-left:7px;}


.positionIng {width:49.5%; padding:20px; float:left; box-sizing: border-box; border-radius:10px; background-color:#fff;border: 1px solid #eee;}
.positionIngTop {width:100%; display: inline-flex;}
.potit {width:145px; height:94px; float:left; background-color:#00407c; padding:25px 20px; border-radius: 10px 0 0 10px;}
.potit h5 {font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:1.4;}
.potxt {width:calc(100% - 145px); float:left; position:relative; border: 1px solid #dbdee6; padding:30px 20px;text-align: center; border-radius: 0 10px 10px 0;}
.potxt strong { font-size:18px; font-weight:500; color:#222; text-align:center;}
.potxt strong:before {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 25px;
    height: 21px;
    background: url(/images/main/ico_mc_img12.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
    float: left;
}
.potxt strong:after {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 25px;
    height: 21px;
    background: url(/images/main/ico_mc_img13.png) 50% 50% no-repeat;
    background-size: 100%;
    content: "";
    float: right;
}
.positionIngBottom {margin-top:20px;}
.positionIngBottom .btn10 {margin-top:15px;}
.jumbotron {
  background: #6b7381;
  color: #bdc1c8;
}
.jumbotron h1 {
  color: #fff;
}
.example {
  margin: 4rem auto;
}
.example > .row {
  margin-top: 2rem;
  height: 5rem;
  vertical-align: middle;
  text-align: center;
  border: 1px solid rgba(189, 193, 200, 0.5);
}
.example > .row:first-of-type {
  border: none;
  height: auto;
  text-align: left;
}
.example h3 {
  font-weight: 400;
}
.example h3 > small {
  font-weight: 200;
  font-size: 0.75em;
  color: #939aa5;
}
.example h6 {
  font-weight: 700;
  font-size: 0.65rem;
  letter-spacing: 3.32px;
  text-transform: uppercase;
  color: #bdc1c8;
  margin: 0;
  line-height: 5rem;
}
.example .btn-toggle {
  top: 50%;
  transform: translateY(-50%);
}
.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle:before {
  content: 'Off';
  left: -4rem;
}
.btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  background-color: #0073b1;
}
.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}
.btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: 0.5;
}
.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: 0.5;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}


.positionIngBottom .openControl {margin-bottom:8px;}
.positionIngBottom a.callbox {border:1px solid #eee; border-radius:10px; padding:0px 16px;}
.positionIngBottom a.callbox:hover {border:1px solid #00407c; color:#00407c;}

.positionIngBottom .call {width:40px; height:40px; }
.positionIngBottom span.txt {display: inline-block;font-size:14px; margin-top:9px;}

.contWrap {position:relative; overflow: hidden; margin-bottom:100px;}
.contWrap .jobjoin {padding: 20px 0; box-sizing: border-box;}
.contWrap .jobjoin .dl_type1 {position:relative; overflow: hidden; width:100%;margin-bottom:3px;}
.contWrap .jobjoin .dl_type1 dt {font-size:15px; float:left; font-weight:bold; width:135px; padding-right:10px;}
.contWrap .jobjoin .dl_type1 dd {font-size:15px; font-weight:normal; }

.contWrap .jobjoin .dl_type1 dd strong {font-weight:normal; color:#0073b1;}
.contWrap .jobjoin .dl_type1 dd .boxTit {padding:3px 0;}
.contWrap .jobjoin .dl_type1 dd select.select_ty1 {background-color:#fff; border:1px solid #eee; border-radius:3px;}
.contWrap .jobConditionBox {position:relative; box-sizing: border-box;}
.contWrap .jobConditionBox .jobTit {}
.contWrap .jobConditionBox .jobTit h4 {font-size:24px; font-weight:bold;text-align:center; padding-bottom:20pxl}
.contWrap .jobConditionBox .jobcont {overflow: hidden; box-sizing: border-box;;}
.contWrap .jobConditionBox .jobcont .jobContTxt {width:49%; float:left;}
.contWrap .jobConditionBox .jobcont .jobContTxt strong {display:block; font-size:18px; font-weight:500;;}
.contWrap .jobConditionBox .jobcont .jobContTxt span {display:block; font-size:12px; font-weight:300;line-height: 1.3; margin-top:5px;}
.contWrap .jobConditionBox .jobcont ul li h5 {display:block; font-size:21px; font-weight:bold; color:#222; margin:0 auto; margin-bottom:15px;}
.contWrap .jobConditionBox .jobcont ul li {width:100%; display:flex; border-bottom: 1px solid #dbdee6; padding:10px 0; height:48px;}
.contWrap .jobConditionBox .jobcont ul li:first-child {padding-top:0px;}
.contWrap .jobConditionBox .jobcont ul li:last-child {border-bottom: none;}
.contWrap .jobConditionBox .jobcont .jobStarWrap {width:49%; float:right;}
.contWrap .jobConditionBox .jobcont .jobStarWrap .checked {color: #ffc82a;}
.star-rating { display: flex;flex-direction: row-reverse;font-size: 30px;justify-content: space-around;text-align: center;width: 4em;float: right;padding-right: 20px;}
.star-rating input {display: none;}
.star-rating label { cursor: pointer;margin-left:5px; vertical-align: middle;}
.star-rating :checked ~ label {-webkit-text-fill-color: #ffda67;}
.star-rating label {-webkit-text-fill-color: #d0d0d0;}
.star-rating .fa-star:before {    }
.star-rating label:hover,.star-rating label:hover ~ label { -webkit-text-fill-color: #ffda67;}
.contWrap .jobConditionBox .jobcont .btn_blue {margin-top:10px;}

.contWrap .ConsultingListBox {position:relative;  box-sizing: border-box; border: 1px solid #dbdee6; background-color: #fafafa; border-radius: 10px;}
.contWrap .ConsultingListBox .allView,.contWrap .personalComWrap .allView {position:absolute; right:25px; top:18px;}
.contWrap .ConsultingListBox .allView .arrow_bk {margin-top:8px;}
.contWrap .ConsultingListBox .consulBox {margin-top:30px;overflow: hidden; box-sizing: border-box; padding: 40px 20px 20px 20px; background-color: #fafafa; border-radius:0 0 10px 10px;}
.contWrap .ConsultingListBox .consulBox img.img14 {width:80px; margin:0 auto; margin-bottom:10px;}
.contWrap .ConsultingListBox .consulBox p.nolisttxt {text-align:center; font-size:16px;}
.contWrap .ConsultingListBox .consulBox ul li {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dbdee6;}
.contWrap .ConsultingListBox .consulBox ul li:last-child {margin-bottom:0px; border-bottom:none;}
.contWrap .ConsultingListBox .consulBox span.date {display:block; float:left; font-size: 13px; font-weight:bold; padding-right:15px;}
.contWrap .tabWrap {max-width:600px; height:60px;margin:0 auto; margin-bottom:-30px; z-index:9;     box-sizing: border-box; }
.contWrap .tabWrap .tablink {
  position: relative;
  background-color: #fff;
  color: #222;
  float: left;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 21px;
  width: 50%;
  border:1px solid #dbdee6; 	
  line-height: 1.4;
  z-index:9;
}
.contWrap .tabWrap .tablink.active {
	color: #166ef7;  /* 활성화된 버튼의 폰트 색상 설정 */
	border-bottom:2px solid #166ef7;
}
.personalComWrap {position:relative; box-sizing: border-box; border: 1px solid #dbdee6; background-color: #fafafa; border-radius: 10px;}
.personalComWrap .allView 0{position:absolute; right:25px; top:18px;}
.personalComWrap .allView .arrow_bk {margin-top:8px;}
#sect_m5 .personalComWrap .perBox {padding:10px; margin-top:0;}
.personalComWrap .perBox {overflow: hidden; margin-top:50px; padding: 40px 20px 20px 20px;background-color: #fafafa; border-radius: 10px;}
img.img15 {display:block;width:80px; margin:0 auto; margin-bottom:10px;}
.personalComWrap .perBox .wrap_tbl_table td p {font-size:14px;}
.perBox .wrap_tbl_table .img_box img {width:70px; height:70px; max-width:inherit;     border: 1px solid #eee;}
.perBox .wrap_tbl_table tbody tr {border: none; border-bottom: 1px solid #dbdee6;}
.perBox .wrap_tbl_table tbody tr:last-child {border-bottom:none;}
.perBox .wrap_tbl_table tbody {background-color:#fafafa;}
.perBox .wrap_tbl_table tbody tr td:nth-child(3) {display: revert;}
.perBox span.date2  {display:block; font-size:12px; font-weight:300; text-align:left;}
.perBox strong.comex {display:block; font-size:16px; font-weight:500; text-align:left; line-height:1.4; word-break: keep-all;}
.perBox p.com {display:block; font-size:16px; font-weight:300;text-align:left; margin-top:3px;}
.perBox .offerbtn {background-color: #0fcb96; border-radius: 5px; color: #fff; padding:10px; width:128px;}
.perBox .acceptbtn {width:70px; background-color: #1e5dbd; border-radius: 3px; color: #fff; padding:7px 10px; margin-right:10px;}
.perBox .acceptbtn::before {
    content: '';
    display: inline-block;
    background-image: url(/images/icon_agree2_ov.png);
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: -3px auto;
    margin-right: 7px;
	vertical-align: middle;
}
.perBox .acceptbtn:hover {background-color: #fff; border:1px solid #1e5dbd; color:#1e5dbd ;transition: .3s;}
.perBox .acceptbtn:hover::before { background-image: url(/images/icon_agree2.png);}
.perBox .refuesebtn {width:70px; background-color: #eee; border-radius: 3px; color: #222; padding:7px 10px;}
.perBox .refuesebtn::before {
    content: '';vertical-align: middle;
    display: inline-block;
    background-image: url(/images/icon_refuse_blue.png);
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: -3px auto;
    margin-right: 7px;
}
.perBox .refuesebtn:hover {background-color: #666; color: #fff; transition: .3s;}
.perBox .refuesebtn:hover::before { background-image: url(/images/icon_refuse2_ov.png);}

.perBox2 {display: inline-block; text-align:center; }
.perBox2  button {margin-top:10px;}
.perBox2 .offerbtn {background-color: #0fcb96; border-radius: 5px; color: #fff; padding:10px; width:128px;}
.perBox2 .acceptbtn  {width:60px; background-color: #1e5dbd; border-radius: 5px; color: #fff; padding:7px 10px; margin-right:5px; }
.perBox2 .acceptbtn:hover {background-color: #00407c; transition: .3s;}
.perBox2 .refuesebtn {width:60px; background-color: #eee; border-radius: 5px; color: #222; padding:7px 10px;}
.perBox2 .refuesebtn:hover {background-color: #222; color: #fff; transition: .3s;}
.logoimg{margin-top:10px;}
.comex {font-size:18px;}
.perBox2 button.step1 {background-color:#f5f5f5;}
.perBox2 button.step2 {background-color:#0fcb96; color:#fff;}
.perBox2 button.step3 {background-color:#06a2c3; color:#fff;}
.perBox2 button.step4 {background-color:#7b80a8; color:#fff;}
.perBox2 button.step5 {background-color:#06527a; color:#fff;}
.perBox2 button.step6 {background-color:#ff9592; color:#fff;}
.perBox2 button.step7 {background-color:#999; color:#fff;}
.perBox2 button.step8 {background-color:#ffc592; color:#fff;}


/* 평판조회 */
#reputationBnrWrap {
	position:relative; 
	width: 100%;
    background-image: url(/images/main/reputation_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding:140px 0 120px 0;
	height:600px;
	box-sizing: border-box;
}
.repBnr_tit {width: 100%;  background-color: rgba(250,250,250,.8); padding:80px 40px; box-sizing: border-box; border-radius:10px;}
.repBnr_tit h3 {color:#222;font-size:42px; font-weight:bold; line-height:1.4; word-break: keep-all;text-align:center;  text-shadow: 0 0 6px rgba(250,250,250,0.4); box-sizing: border-box;}
.repBnr_tit .btnNewNavy {
	display: block;
	overflow: hidden;
    vertical-align: top;
    width: 400px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	margin:0 auto;
	margin-top:40px;
}
.repBnr_tit .btnNewNavy .arrow_wh {margin-top:25px;}
.repBnr_tit .btnNewNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c;}
.repBnr_tit .btnNewNavy:hover .arrow_wh{display:none;}

#cont_rep1 {padding: 75px 0;}
.rep1_wrap .rep_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.rep1_wrap .rep_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_rep1_wrap {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:40px;}

#cont_rep2 {padding: 75px 0;  background-color:#527ec0;}
.rep2_wrap {position: relative; overflow: hidden;}
.rep2_wrap .rep_tit {width:40%; float:left; padding-right:30px;}
.rep2_wrap .rep_tit h4 {color:#fff; font-size:36px; font-weight:bold; line-height:1.4;}
.rep2_wrap .cont_rep2_wrap {position: relative; overflow: hidden; width:57%; float:left;}
.rep2_wrap .cont_rep2_wrap ul li {width:48%; float:left; margin:1%; padding:30px; background-color:#6189c4; border-radius:5px;box-sizing:border-box; }
.rep2_wrap .cont_rep2_wrap ul li strong {font-size: 24px; color:#fff; font-weight: bold;}
.rep2_wrap .cont_rep2_wrap ul li p {font-size: 16px; height:68px; color:#fff; font-weight: normal; margin-top:10px; line-height:1.4; word-break: keep-all;}
.rep2_wrap .cont_rep2_wrap ul li img {float:right; margin-top:60px;}
.rep2_wrap .cont_rep2_wrap ul li img.reimg01 {height:57.04px;}
.rep2_wrap .cont_rep2_wrap ul li img.reimg02 {width: 80px;}
.rep2_wrap .cont_rep2_wrap ul li img.reimg03,.rep2_wrap .cont_rep2_wrap ul li img.reimg04 {width: 60px;}

#cont_rep3 {padding: 75px 0;}
.rep3_wrap .rep_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.rep3_wrap .rep_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_rep3_wrap {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:40px;}
.cont_rep3_wrap span {display: inline-block; color:#777; font-size:14px; font-weight:normal; margin-top:15px; line-height:1.4;}

.cont_rep3_wrap ul li {width:25%; float:left; padding:20px; box-sizing:border-box; text-align: center;}
.cont_rep3_wrap ul li .repstep01,.cont_rep3_wrap ul li .repstep02,.cont_rep3_wrap ul li .repstep03 {}
.cont_rep3_wrap ul li .repstep04 {}
.cont_rep3_wrap .repstep {background:#666666; width:30px; height:30px; border-radius:50%; padding:1px; box-sizing:border-box; margin:25px auto 20px;}
.cont_rep3_wrap .repstep p {position:relative;font-size:16px; font-weight:500; color:#fff; padding-top: 1px; text-align:center;}
.cont_rep3_wrap .repstep p:after {
	position: absolute;
    left: 28px;
    top: 50%;
    width: 253px;
    height: 1.5px;
	background-image: linear-gradient(to 
    right, #666666 33%, rgba(255,255,255,0) 0%);
	background-position:bottom;
	background-size:14px 5px;
	background-repeat: repeat-x;
   /* border-top:1px dashed #666666;*/
    content: "";
}
.cont_rep3_wrap ul li:last-child .repstep p:after {display: none;}
.cont_rep3_wrap h5 {display:block; font-size:24px; font-weight:bold; color:#222; line-height:1.4; margin-top:15px;}
.cont_rep3_wrap span {display:block;font-size:16px; font-weight:400; color:#444; line-height:1.4;margin-top:15px;}

#cont_rep4 {padding: 75px 0; background-color:#f7f7f7;}
.rep4_wrap .rep_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.rep4_wrap .rep_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_rep4_wrap {position: relative; overflow: hidden; margin:0 auto; text-align: center; margin-top:40px;}
.cont_rep4_wrap ul li {width:46%; float:left; margin:2%; padding:50px; box-sizing:border-box; text-align: center; background-color:#fff; border-radius:5px; border:1px solid #ddd;}
.cont_rep4_wrap ul li h5 {width:100%; font-size:24px; color:#fff; box-sizing: border-box; font-weight:bold; background-color:#444; text-align:center; padding:10px 0; border-radius:5px;}
.cont_rep4_wrap ul li img {padding:30px 0;}
.cont_rep4_wrap ul li img.reputation_img02 {height: 200px;}
.cont_rep4_wrap ul li img.reputation_img03 {height: 200px;}
.cont_rep4_wrap ul li p {font-size:18px; line-height:1.4; font-weight:400; color:#444;}
.cont_rep4_wrap ul li p::before {
    display: block;
    width: 50px;
    height: 2px;
    background: #444;
    margin: 0px auto 25px;
	content: '';}

#cont_rep5 {padding: 75px 0;}
.rep5_wrap .rep_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.rep5_wrap .rep_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_rep5_wrap {position: relative; overflow: hidden; margin:0 auto; text-align: center; margin-top:40px;}
.cont_rep5_wrap ul li {width:48%; float:left; margin:1%;  box-sizing:border-box;}

#cont_rep6 {padding: 75px 0; background-color:#f7f7f7;}
.rep6_wrap .rep_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.rep6_wrap .rep_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_rep6_wrap {position: relative; overflow: hidden; margin:0 auto; text-align: center; margin-top:40px;}
.cont_rep6_wrap ul li {width:18%; min-height:70px;float:left; margin:1%; 
 box-sizing:border-box; background-color:#fff; padding:20px; border-radius:5px; display: flex; aline-items: center; justify-content:center;}
.cont_rep6_wrap ul li img {margin: 0px auto;}
.rep6_wrap .btnNewNavy {
	display: block;
	overflow: hidden;
    vertical-align: top;
    width: 400px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	margin:0 auto;
	margin-top:40px;
}
.rep6_wrap .btnNewNavy .arrow_wh {margin-top:25px;}
.rep6_wrap .btnNewNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c;}
.rep6_wrap .btnNewNavy:hover .arrow_wh{display:none;}

/* HR 컨설팅 */
#HrcBnrWrap {
	position:relative; 
	width: 100%;
    background-image: url(/images/main/hrc_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding:140px 0 120px 0;
	height:600px;
	box-sizing: border-box;
}
.hrcBnr_tit {width: 100%;  background-color: rgba(250,250,250,.8); padding:80px 40px; box-sizing: border-box; border-radius:10px;}
.hrcBnr_tit h3 {color:#222;font-size:42px; font-weight:bold; line-height:1.4; word-break: keep-all;text-align:center;  text-shadow: 0 0 6px rgba(250,250,250,0.4); box-sizing: border-box;}
.hrcBnr_tit .btnNewNavy {
	display: block;
	overflow: hidden;
    vertical-align: top;
    width: 400px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	margin:0 auto;
	margin-top:40px;
}
.hrcBnr_tit .btnNewNavy .arrow_wh {margin-top:25px;}
.hrcBnr_tit .btnNewNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c;}
.hrcBnr_tit .btnNewNavy:hover .arrow_wh{display:none;}

#cont_hrc1 {padding: 75px 0; background-color:#f7f7f7;}
.hrc1_wrap .hrc_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.hrc1_wrap .hrc_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_hrc1_wrap {position: relative; overflow: hidden; margin:0 auto; margin-top:40px;}
.cont_hrc1_wrap ul li {width:32.333%; float:left; margin:0.5%; box-sizing:border-box; background-color:#fff; border-radius:5px; border:1px solid #ddd;}
.cont_hrc1_wrap ul li .hr1_top {padding:30px; border-bottom: 1px solid #ddd;}
.cont_hrc1_wrap ul li .hr1_top span {color:#8ab6fb; font-size:36px; font-weight:bold;}
.cont_hrc1_wrap ul li .hr1_top h5 {color:#444; font-size:24px; font-weight:normal;}
.cont_hrc1_wrap ul li .hr1_top p {color:#527ec0; font-size:16px; font-weight:bold; line-height:1.4;}
.cont_hrc1_wrap ul li .hr1_bottom {padding:30px; min-height:347px;  box-sizing:border-box;}
.cont_hrc1_wrap ul li .hr1_bottom h6 {color:#222; font-size:18px; font-weight:bold;}
.cont_hrc1_wrap ul li .hr1_bottom h6::before {
    vertical-align: middle;
    display: inline-block;
    width: 3px;
    height: 20px;
    margin-right: 7px;
    margin-top: -3px;
    background: #166ef7;
    content: '';
}
.cont_hrc1_wrap ul li .hr1_bottom p {color:#666; font-size:16px; font-weight:normal; line-height:1.4; margin-top:15px;}
.cont_hrc1_wrap ul li .hr1_bottom .hr1_bottom_txt2 {margin-top:20px;}

#cont_hrc2 {padding: 75px 0;}
.hrc2_wrap .hrc_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.hrc2_wrap .hrc_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_hrc2_wrap {position: relative; overflow: hidden; margin:0 auto;text-align: center; margin-top:40px;}
.cont_hrc2_txt {position: relative;   overflow: hidden; margin-top:60px;}
.cont_hrc2_txt ul li {width:31.333%; float:left; margin:1%; padding:25px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; min-height:176px;}
.cont_hrc2_txt ul li h5 {width:100%; font-size:24px; color:#fff; box-sizing: border-box; font-weight:bold; background-color:#444; text-align:center; padding:10px 0; border-radius:5px;}
.cont_hrc2_txt ul li p {color:#666; font-size:16px; font-weight:normal; line-height:1.4; margin-top:20px;}



/* PBCG */
#PbBnrWrap {
	position:relative; 
	width: 100%;
    background-image: url(/images/main/pb_bg01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding:100px 0;
	height:600px;
	box-sizing: border-box;
}
.pbBnr_tit {width: 100%;  background-color: rgba(250,250,250,.8); padding:80px 40px; box-sizing: border-box; border-radius:10px;}
.pbBnr_tit h3 {color:#222;font-size:42px; font-weight:bold; line-height:1.4; word-break: keep-all;text-align:center;  text-shadow: 0 0 6px rgba(250,250,250,0.4); box-sizing: border-box;}
.pbBnr_tit h3::after {
    display: block;
    width: 50px;
    height: 2px;
    background: #222;
    margin: 25px auto;
    content: '';
}
.pbBnr_tit p {color:#222;font-size:24px; font-weight:regular; line-height:1.4; word-break: keep-all;text-align:center;  text-shadow: 0 0 6px rgba(250,250,250,0.4); box-sizing: border-box;}
.pbBnr_tit .btnNewNavy {
	display: block;
	overflow: hidden;
    vertical-align: top;
    width: 400px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00407c;
	margin:0 auto;
	margin-top:40px;
}
.pbBnr_tit .btnNewNavy .arrow_wh {margin-top:25px;}
.pbBnr_tit .btnNewNavy:hover {transition: 0.2s; background-color:#fff; color:#00407c;}
.pbBnr_tit .btnNewNavy:hover .arrow_wh{display:none;}

#cont_pb1 {padding: 75px 0; overflow: hidden;}
.pb1_wrap .pb_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.pb1_wrap .pb_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_pb1_wrap {max-width:800px; margin: 0 auto; margin-top:40px;}
.cont_pb1_wrap ul {display: flex;}
.cont_pb1_wrap .iconBoxLeft {width: 190px; float:left; background-color:#8ab6fb; padding:20px; text-align:center;}
.cont_pb1_wrap .iconBoxLeft img {width: 100px; margin-top:27px;}
.cont_pb1_wrap .txtBoxRight {width: calc(100% - 210px); float:left; padding:20px 20px 20px 30px; border:1px solid #e9e9e9;}
.cont_pb1_wrap .txtBoxRight strong {font-size:24px; color:#222; }
.cont_pb1_wrap .txtBoxRight strong::after {
    display: block;
    width: 30px;
    height: 1px;
    background: #222;
    margin: 12px 0;
    content: '';
}
.cont_pb1_wrap .txtBoxRight p {font-size:16px; color:#444; font-weight: normal;}

#cont_pb2 {padding: 75px 0; background-color:#e4eef9; overflow: hidden;}
.pb2_wrap .pb_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.pb2_wrap .pb_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_pb2_wrap {max-width:800px; margin: 0 auto; margin-top:40px;}
.cont_pb2_wrap ul {display: flex;}
.cont_pb2_wrap .iconBoxLeft {width: 190px; float:left; background-color:#527ec0; padding:20px; text-align:center;}
.cont_pb2_wrap .iconBoxLeft img {width:80px; margin-top:10px;}
.cont_pb2_wrap .txtBoxRight {width: calc(100% - 210px); float:left; padding:20px 20px 20px 30px; border:1px solid #e9e9e9; background-color:#fff;}
.cont_pb2_wrap .txtBoxRight strong {font-size:24px; color:#222; }
.cont_pb2_wrap .txtBoxRight strong::after {
    display: block;
    width: 30px;
    height: 1px;
    background: #222;
    margin: 12px 0;
    content: '';
}
.cont_pb2_wrap .txtBoxRight p {font-size:16px; color:#444; font-weight: normal;}

#cont_pb3 {padding: 75px 0; overflow: hidden;}
.pb3_wrap .pb_tit h4 {font-size:36px; font-weight:bold;text-align:center; line-height:1.4;}
.pb3_wrap .pb_tit p {font-size:18px; color:#666; font-weight:300; margin-top:20px; text-align:center; line-height: 1.4; word-break: keep-all;}
.cont_pb3_wrap {margin-top:40px;overflow: hidden;}
.cont_pb3_wrap ul li {width:31.333%; margin:1%; float:left; box-sizing: border-box;}
.cont_pb3_wrap ul li h5 {font-size: 24px; font-weight: bold; color:#222; padding-bottom:10px; border-bottom:2px solid #222;}
.cont_pb3_wrap ul li .cont_pb3_box {padding:20px; background-color:#fff; border:1px solid #e9e9e9; margin-top:20px; min-height:420px;}
.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box {background-color:#f9f9f9;}
.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box strong {display:block; color:#009a8e; text-align:center; font-size:24px; margin:10px 0;}
.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box img {display:block; margin:15px auto 30px;}
.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box p {font-size:18px; font-weight:bold; line-height:1.6;}
.cont_pb3_wrap ul li:nth-child(2) img ,.cont_pb3_wrap ul li:nth-child(3) img {width: 100%;}
.cont_pb3_wrap ul li:nth-child(2) img {margin-bottom:20px;}
.cont_pb3_wrap ul li:nth-child(2) p {display:block;font-size:18px; font-weight:bold; line-height:1.6; margin-bottom:5px;} 
.cont_pb3_wrap ul li:nth-child(2) span {display:block; font-size:16px; font-weight:normal; line-height:1.4; margin-bottom:5px;} 
.cont_pb3_wrap ul li:nth-child(3) strong {display:block;font-size:18px; font-weight:bold; line-height:1.6; margin-bottom:5px;} 
.cont_pb3_wrap ul li:nth-child(3) .cont_pb3_box {border: 1px solid #fff; padding:0}

@media screen and (max-width: 1024px){
	.mymanagerView {width:100%; margin-right:0;}
	.positionIng {width:100%; margin-top:15px;}
	.cont_csBox .csBox_bottom { min-height:140px;}
}

@media screen and (max-width: 900px){
	.perBox .wrap_tbl_table table {margin-top:0;}
}
@media screen and (max-width: 797px){
	
	#msform label.aft_bg span {font-size:12px;}
	
	#consultBnrWrap {height:350px; padding:30px 0;}
	.bubbleWrap {height:168px;}
	.bubbleWrap .bubbleLeft h5,.bubbleWrap .bubbleRight h5 {font-size:14px;}
	.coBnr_tit h3 {font-size:24px;}
	.coBnr_tit .btn_blue {margin-top:20px;}
	
	#cont_cs1 {padding:30px 0 15px 0;}
	.cs1_wrap {position: relative;}
	.cs1_wrap .prev {
	  background-image: url(/images/main/main_arrow_leftblue.png);
	  left:10px; top:67%;}
	.cs1_wrap .next {
	  background-image: url(/images/main/main_arrow_rightblue.png);
	  right: 10px; top:67%;
	  border-radius: 3px 0 0 3px;
	}
	.cs1_wrap .cs_tit h4 {font-size: 21px;}
	.cs1_wrap .cs_tit p {font-size: 15px;}
	.cont_cs1_wrap {margin-top:20px; }
	.cont_cs1_wrap2 {margin-top:0px;}
	.cont_csBox {width:100%; margin:0 auto; margin-bottom:15px;}
	.cont_csBox	img {width:60px;}
	.cont_csBox .csBox_top {padding:15px 15px 0;}
	.cont_csBox .csBox_top.csImg1,.cont_csBox .csBox_top.csImg2,.cont_csBox .csBox_top.csImg3,
	.cont_csBox .csBox_top.csImg4,.cont_csBox .csBox_top.csImg5,.cont_csBox .csBox_top.csImg6	{padding:15px 15px 0;}
	.cont_csBox .csBox_bottom {min-height:auto;}
	.cont_csBox .csBox_bottom  {padding:15px; height:105px;}
	.cont_csBox .csBox_bottom strong {font-size: 18px;}
	.cont_csBox .csBox_bottom p {font-size: 14px;}
	
	#cont_cs2 {padding:15px 0 30px; 0;}
	.cont_cs2_wrap {margin-top:20px;}
	.cs2_wrap .cs_tit h4 {font-size: 21px;}
	.cont_csBox2 {width:100%; margin:0 auto; margin-bottom:20px;}
	.cs2Box_top h5 {font-size:16px;}
	#resumeWrap,#quick {right:20px;}
	
	#myManager {padding:0 0 20px 0; margin-bottom:40px;  margin-top: 34px;}
	#myManager .listTopFixed2 {margin:20px auto;}
	.mymanagerView .mymanagerTop {padding-bottom:15px;}
	.mymanagerView .imgBox {width:80px; margin-right:30px;}
	.mymanagerView .imgBox img {width: 80px; height:105px;}
	.mymanagerView .mymanagerTit {width: calc(100% - 110px);height:105px; padding:20px 10px 20px 30px;}
	.mymanagerView .mymanagerTit h5 {font-size:12px;}
	.quickbg2 {width:50px; height:50px; background-size: 50%;}
	.mymanagerView .mymanagerBottom {padding-top:15px;}
	.mymanagerView .titBox {}
	.mymanagerView .titBox h5 {font-size:16px;}
	.mymanagerView .titBox p {font-size:14px;}
	.mymanagerView .titBox2 {}
	
	.perBox2 {width:100%; display: block;overflow: hidden;}
	.personalComWrap .perTit h4 {font-size:21px;}
	.personalComWrap .perTit h4 span {display:block;}
	.potit {height: 100px;}
	.potxt {height: 100px; padding:20px;}
	.potxt strong:before {width:17px; height:17px;top: 7px; left: 10px;}
	.potxt strong:after {width:17px; height:17px;top: 7px; right: 10px;}
	
	.contWrap .tabWrap .tablink {height:54px;padding:5px 10px; font-size:16px;}
	.positionIng .openControl {padding-top:10px;}
	.contWrap .jobConditionBox {width:100%;  margin-top:20px; }
	.contWrap .jobConditionBox .jobcont {}
	.contWrap .jobConditionBox .jobTit {padding:15px;}
	.contWrap .jobConditionBox .jobTit h4 {font-size: 21px;}
	.contWrap .jobConditionBox .jobcont .jobContTxt strong {font-size:16px;}
	.contWrap .jobjoin .dl_type1 dd select.select_ty1 {width:auto;}
	.star-rating {font-size:24px;}
	.contWrap {margin-bottom:20px;}
	.contWrap .ConsultingListBox {width:100%;  margin-top:20px; border-radius: 0 0 10px 10px;}
	.contWrap .ConsultingListBox .consulTit {padding:15px;}
	.contWrap .ConsultingListBox .consulTit h4 {font-size: 21px;}
	.contWrap .ConsultingListBox .consulBox {min-height:auto; padding:20px;}
	.contWrap .ConsultingListBox .consulBox img.img14 , img.img15 {width:50px;}
	.contWrap .ConsultingListBox .consulBox ul li:first-child {padding-bottom:10px; margin-bottom:10px; }
	.contWrap .personalComWrap {width:100%;  margin-top:20px; }
	.personalComWrap .perBox {padding:20px;}
	.perBox .wrap_tbl_table .img_box img {min-width:70px; min-height:70px;}
	.perBox .wrap_tbl_table .ta_info3 {padding-left:0;}
	.perBox .wrap_tbl_table ul li {padding:0; padding-bottom:10px; background-color:#fafafa; border-radius:0; border:none; margin-bottom: 20px; border-bottom: 1px solid #dbdee6;}
	.perBox .wrap_tbl_table ul li:last-child {border-bottom:none; margin-bottom: 0px; padding-bottom: 0px;}
	.perBox .acceptbtn {margin-left:10px; margin-top: 3px;}
	.perBox .refuesebtn {margin-top: 3px;}
	.perBox .wrap_tbl_table .ta_btn3 {padding-left:0; }
	.perBox .wrap_tbl_table .ta_btnWrap2 {width:100%; text-align: center; margin-top:10px;}
	.perBox .wrap_tbl_table .ta_btnWrap2 .ta_btn4 {max-width:165px;}
	
	#prev_cont7 {padding:40px 0 0;}
	#prev_cont7 .main_inner {padding:0;}
	.cont7_bg .slideshow-container {padding:0;}
	.cont7_bg .mySlides.image1,.cont7_bg .mySlides.image2,.cont7_bg .mySlides.image3 {padding:20px 30px; height:240px; border-radius:0px;}
	.cont7BoxWrap .imgBox {width:80px; margin-right: 15px;}
	.cont7BoxWrap .imgBox img {width:80px; height:100px;}
	.cont7BoxWrap .leftBox {padding-left:0; float:none;}
	.cont7BoxWrap .leftBox .cont7Txt {width:100%; margin-top:40px;border-radius: 10px;}
	.cont7BoxWrap .leftBox .cont7Txt p {font-size:14px;}
	.cont7BoxWrap .titBox {width:auto; float:none;}
	.cont7BoxWrap .titBox h5 {font-size:18px;}
	.cont7BoxWrap .titBox p {font-size:14px;}
	.cont7_bg .prev, .cont7_bg .next {padding:0;}
	
	#reputationBnrWrap  {height:500px; padding-top: 230px;}
	.repBnr_tit {padding:20px;}
	.repBnr_tit h3 {font-size:32px;}
	.repBnr_tit .btnNewNavy {width:100%; margin-top:20px; font-size:18px; line-height:55px;}
	.repBnr_tit .btnNewNavy .arrow_wh {margin-top:22px;}
	#cont_rep1,#cont_rep2,#cont_rep3,#cont_rep4,#cont_rep5,#cont_rep6 {padding:30px 0;}
	.cont_rep1_wrap,.cont_rep2_wrap,.cont_rep3_wrap,.cont_rep4_wrap,.cont_rep5_wrap,.cont_rep6_wrap {margin-top:20px;}
	.rep1_wrap .rep_tit h4,.rep2_wrap .rep_tit h4,.rep3_wrap .rep_tit h4,.rep4_wrap .rep_tit h4,.rep5_wrap .rep_tit h4,.rep6_wrap .rep_tit h4 {font-size:21px;}
	.rep1_wrap .rep_tit p,.rep2_wrap .rep_tit p,.rep3_wrap .rep_tit p,.rep4_wrap .rep_tit p,.rep5_wrap .rep_tit p,.rep6_wrap .rep_tit p {font-size:15px; margin-top: 10px;}
	
	.cont_rep1_wrap img {width:100%;}
	.rep2_wrap .rep_tit{width:100%; padding-right:0; text-align:center;}
	.rep2_wrap .cont_rep2_wrap {width:100%;}
	.rep2_wrap .cont_rep2_wrap ul li {padding:20px;}
	.rep2_wrap .cont_rep2_wrap ul li strong {font-size:18px;}
	.rep2_wrap .cont_rep2_wrap ul li p {font-size:14px;}
	.rep2_wrap .cont_rep2_wrap ul li img {margin-top:20px;}
	
	.cont_rep3_wrap {overflow-x: scroll; overflow-y: hidden;}
	.cont_rep3_wrap::-webkit-scrollbar {display: none;}
	.cont_rep3_wrap ul {width: 600px; margin: 0 auto;}
	.cont_rep3_wrap .repstep p:after {width:123px;}
	.cont_rep3_wrap h5 {font-size:18px;}
	.cont_rep3_wrap span {font-size:14px; margin-top:10px;}
	
	.cont_rep4_wrap ul li {width:48%; margin:1%; padding:20px;}
	.cont_rep4_wrap ul li h5 {padding:5px; font-size:18px;}
	.cont_rep4_wrap ul li img.reputation_img02,.cont_rep4_wrap ul li img.reputation_img03 {height: 100px; padding1:20px 0;}
	.cont_rep4_wrap ul li p {font-size:14px;}
	.cont_rep4_wrap ul li p::before {width:30px; margin:0px auto 10px;}
	
	.cont_rep5_wrap ul li {width:100%;}
	.cont_rep5_wrap ul li img {width:100%;}
	
	.cont_rep6_wrap ul li {width: 48%; padding:10px; min-height:48px;}
	.rep6_wrap .btnNewNavy {width:100%; margin-top:20px; font-size:18px; line-height:55px;}
	.rep6_wrap .btnNewNavy .arrow_wh {margin-top:22px;}
	
	#HrcBnrWrap  {height:500px; padding-top: 230px;}
	.hrcBnr_tit {padding:20px;}
	.hrcBnr_tit h3 {font-size:32px;}
	.hrcBnr_tit .btnNewNavy {width:100%; margin-top:20px; font-size:18px; line-height:55px;}
	.hrcBnr_tit .btnNewNavy .arrow_wh {margin-top:22px;}
	
	#cont_hrc1,#cont_hrc2,#cont_hrc3 {padding:30px 0;}
	.hrc1_wrap .hrc_tit h4,.hrc2_wrap .hrc_tit h4,.hrc3_wrap .hrc_tit h4 {font-size:21px;}
	.hrc1_wrap .hrc_tit p,.hrc3_wrap .hrc_tit p {font-size:15px; margin-top: 10px;}
	.hrc2_wrap .hrc_tit p {font-size:15px; margin-top:0;}
	
	.cont_hrc1_wrap {margin-top:20px;}
	.cont_hrc1_wrap ul li {width:100%; margin:0; margin-bottom:20px;}
	.cont_hrc1_wrap ul li:last-child {margin-bottom:0;}
	.cont_hrc1_wrap ul li .hr1_top {padding:20px;}
	.cont_hrc1_wrap ul li .hr1_top span {font-size:30px;}
	.cont_hrc1_wrap ul li .hr1_top h5 {font-size:21px;}
	.cont_hrc1_wrap ul li .hr1_top p {font-size:14px;}
	.cont_hrc1_wrap ul li .hr1_bottom {padding:20px; min-height:auto;}
	.cont_hrc1_wrap ul li .hr1_bottom h6 {font-size:16px;}
	.cont_hrc1_wrap ul li .hr1_bottom p {font-size:14px; margin-top:10px;}
	
	.cont_hrc2_wrap img {width:100%;}
	.cont_hrc2_txt {margin-top:30px;}
	.cont_hrc2_txt ul li {width:100%; margin:0; margin-bottom:20px; min-height:auto; padding:20px;}
	.cont_hrc2_txt ul li:last-child {margin-bottom:0;}
	.cont_hrc2_txt ul li h5 {font-size:18px;}
	.cont_hrc2_txt ul li p {margin-top:10px; font-size:14px;}
	
	#PbBnrWrap  {height:500px;}
	.pbBnr_tit {padding:20px;}
	.pbBnr_tit h3 {font-size:32px;}
	.pbBnr_tit .btnNewNavy {width:100%; margin-top:20px; font-size:18px; line-height:55px;}
	.pbBnr_tit .btnNewNavy .arrow_wh {margin-top:22px;}
	
	#cont_pb1,#cont_pb2,#cont_pb3 {padding:30px 0;}
	.pb1_wrap .pb_tit h4,.pb2_wrap .pb_tit h4,.pb3_wrap .pb_tit h4 {font-size:21px;}
	.pb1_wrap .pb_tit p,.pb2_wrap .pb_tit p,.pb3_wrap .pb_tit p {font-size:15px; margin-top: 10px;}
	
	.cont_pb1_wrap, .cont_pb2_wrap,.cont_pb3_wrap {margin-top:25px;}
	.cont_pb1_wrap ul ,.cont_pb2_wrap ul {display:block;}
	.cont_pb1_wrap .iconBoxLeft,.cont_pb2_wrap .iconBoxLeft {width:100%;}
	.cont_pb1_wrap .iconBoxLeft img,.cont_pb2_wrap .iconBoxLeft img {margin-top:0px;}
	.cont_pb1_wrap .txtBoxRight,.cont_pb2_wrap .txtBoxRight {width:100%; padding:20px;}
	.cont_pb1_wrap .txtBoxRight strong,.cont_pb2_wrap .txtBoxRight strong {font-size:18px;}
	.cont_pb1_wrap .txtBoxRight strong::after, .cont_pb2_wrap .txtBoxRight strong::after {margin:6px 0;}
	.cont_pb1_wrap .txtBoxRight p , .cont_pb2_wrap .txtBoxRight p {font-size:14px;}
	.cont_pb3_wrap ul li{width:100%; margin:0%; margin-bottom:20px;}
	.cont_pb3_wrap ul li .cont_pb3_box {min-height:auto; margin-top:10px;} 
	.cont_pb3_wrap ul li h5 {font-size:18px;}
	.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box strong {font-size:21px; margin:0px;}
	.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box img {margin:10px auto;}
	.cont_pb3_wrap ul li:nth-child(1) .cont_pb3_box p {font-size:16px; font-weight: normal; line-height:1.4;}
	.cont_pb3_wrap ul li:nth-child(2) p,.cont_pb3_wrap ul li:nth-child(3) strong {font-size:16px;}
	.cont_pb3_wrap ul li:nth-child(2) p {font-size:14px;}
	.cont_pb3_wrap ul li:nth-child(2) img {margin-bottom: 0;}



	
}

@media screen and (max-width: 480px){
	.coBnr_tit {padding:20px;}
	.coBnr_tit h3 {font-size:21px;}
	#myManager .listTopFixed2 {width:100%;}
	
	.repBnr_tit h3 {font-size:24px;}
	.cont_rep4_wrap ul li {min-height:332px;}
	
	.hrcBnr_tit h3 {font-size:24px;}
	
	
	
}
@media screen and (max-width: 420px){
	.mymanagerBottom .titBox2{width: 100%; padding-left: 0px;}
}