/*mainStyle.css*/
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/NanumBarunGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
font-family: 'NanumSquare', sans-serif;
}


@font-face { font-family: 'NanumBarunGothic';
src: url('/css/fonts/NanumBarunGothic.eot');
src: url('/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
url('/css/fonts/NanumBarunGothic.woff') format('woff');}


body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

img {max-width:100%;}


.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}

.main_title{padding: 100px 0;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}
.main_title h2 span{color: #d40424; font-weight: 600; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 30px; line-height: 1.5;}

.coreComWrap {background: url(/img/main_01_Consulting_02_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
padding-bottom: 50px;}

.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}


.coreComWrap2{background: url(/img/main_03_Certification_01_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
padding-bottom: 90px;}
.coreComWrap2 .main_title h2::after{background: #fff;}
.coreComWrap2 .main_title h2, .coreComWrap2 .main_title h2 span, .coreComWrap2 .main_title p{color: #fff;}
.coreComWrap2 .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap2 .main_title h2 span{letter-spacing: 0;}
.coreComWrap2 .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap2 .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap2 .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}

.portfolioWrap2{color: #fff;}
.portfolioWrap2 .main_title {color: #fff;}
.portfolioWrap2 .main_title h2::after{background: #fff;}
.portfolioWrap2 .main_title h2, .portfolioWrap2 .main_title h2 span, .portfolioWrap2 .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap2 .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap2 .port_go a:hover{background: #fff; color: #223040;}

.textarea_style{width:100%;height:80px;padding:10px;border:1px #a0a0a0 solid;}
.textarea_style2{width:100%;height:80px;padding:5px;border:1px #a0a0a0 solid;}

.main_global{padding-bottom:10px;}
.input_style{width:100%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_tel{width:30%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_tel2{width:40%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_addr_box{overflow:hidden;}
.input_style_addr_box .input_box{float:left;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}
.input_style_addr_box .input_box input{border:1px #a0a0a0 solid;width:100%;height:40px;line-height:40px;text-indent:10px;}
.input_style_addr_box .input_button_box{float:right;border:1px #a0a0a0 solid;height:38px;width:90px;line-height:38px;text-align:center;background-color:#a0a0a0;}
.input_style_addr_box .input_button_box a{color:#ffffff;display:block;font-weight:bold;}
.Global_layout_form_box{width:100%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.Global_layout_three_box{float:left;width:30%;}
.Global_layout_ken_5percent{float:left;width:5%;font-size:12px;line-height:40px;text-align:center;}

.input_check_radio_contents{float:left;padding:8px 10px 0 0;font-size:14px;}
.float_left{float:left;}
.input_checkbox_style{width:16px;height:16px;}
.of-h{overflow:hidden;}
.main_policy{display:none;padding-bottom:10px;}
.s_main_policy{display:none;padding-top:5px;}

.blank_hidden{overflow:hidden;}
.total_bottom_line{border-bottom:1px #eeeeee solid;margin-bottom:10px;}


input {float:left;margin-bottom:10px;}
label {float:left;}
.float_left a {float:left; font-size:12px;padding-left:5px;padding-top:3px;}

@media screen and (min-width:400px){

.coreComWrap {background: url(/img/main_01_Consulting_02_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
padding-bottom: 30px;}

.coreComWrap2{background: url(/img/main_03_Certification_01_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
padding-bottom: 40px;}
.Input_width_Size_Box_In{padding:0px;border-radius:5px;}

}
@media screen and (max-width:420px){
.Input_width_Size_Box_In{padding:20px 20px 10px 20px;border-radius:5px;}

}


input::placeholder {color:#a0a0a0 !important;}
textarea::placeholder {color:#a0a0a0 !important;}

input {color:#000000 !important;border-style:solid;border-color:#a0a0a0 !important;border-width:1px !important;}
textarea{color:#000000 !important;border-style:solid;border-color:#a0a0a0 !important;border-width:1px !important;}
select{color:#000000 !important;border-style:solid;border-color:#a0a0a0 !important;border-width:1px !important;}


.checks_15 input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.checks_15 input[type="checkbox"] + label{ display:inline-block; position:relative; padding:3px 0 0 26px; cursor:pointer;font-size:15px;}
.checks_15 input[type="checkbox"] + label:before{ content:''; position:absolute; left:0; top:3px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #ccc; box-sizing:border-box;border-radius : 3px; }
.checks_15 input[type="checkbox"]:checked + label:after{ content: '\2713'; position:absolute; top:3px; left:0; width:15px; height:15px; background-color:#1562CF;color:#ffffff;text-align: center; vertical-align: middle;border-radius : 3px;font-size:12px;font-weight:bold;}


.radios_15 input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.radios_15 input[type="radio"] + label{ display:inline-block; position:relative; padding:3px 0 0 26px; cursor:pointer;font-size:15px;}
.radios_15 input[type="radio"] + label:before{ content:''; position:absolute; left:0; top:3px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #ccc; box-sizing:border-box;border-radius : 100%; }
.radios_15 input[type="radio"]:checked + label:after{ content: ''; position:absolute; top:6px; left: 3px; width:9px; height:9px; background-color:#1562CF;color:#ffffff;text-align: center; vertical-align: middle;border-radius : 100%; }


.checks_20 input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.checks_20 input[type="checkbox"] + label{ display:inline-block; position:relative; padding:3px 0 0 26px; cursor:pointer;font-size:15px;}
.checks_20 input[type="checkbox"] + label:before{ content:''; position:absolute; left:0; top:3px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #888888; box-sizing:border-box;border-radius : 3px; }
.checks_20 input[type="checkbox"]:checked + label:after{ content: '\2713'; position:absolute; top:3px; left:0; width:15px; height:15px; background-color:#1562CF;color:#ffffff;text-align: center; vertical-align: middle;border-radius : 3px;font-size:12px;font-weight:bold;}


.main_button{height:60px;line-height:60px;background-color:#004ea2;text-align:center;margin-top:30px;border-radius:5px;}
.main_button a{color:#ffffff;font-weight:bold;display:block;font-size:18px;}
@media screen and (max-width:420px){
	.main_button{height:50px;line-height:50px;background-color:#004ea2;text-align:center;margin-top:30px;border-radius:5px;}
	.main_button a{color:#ffffff;font-weight:bold;display:block;font-size:18px;}
}


.swiper .swiper-pagination-bullet {
  background-color: #ffffff;
  margin: 0 10px;
  width:20px;
  height:20px;
}

.swiper {
	width: 100%;
	height: 100%;		
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height:970px;
  }
	
	



.title_1 {font-size:50px;font-weight:bold;line-height:130%;color:#ffffff;padding-bottom:30px;}
.title_s1 {color:#ffffff;font-weight:normal;line-height:150%;}

.txt_title1 {color:#00a1e9;line-height:150%;}
.txt_title2 {font-size:50px;line-height:150%;}
.txt_title3 {padding-top:30px;padding-bottom:50px}
.txt_title4 {clear:both;font-size:32px;padding-bottom:30px;}
.txt_title4_1 {clear:both;font-size:32px;padding-top:80px;padding-bottom:50px;}

.txt_title5 {font-size:25px;padding-top:80px;padding-bottom:50px;}

.txt_title6 {font-size:16px;padding-bottom:30px;}
.txt_title7 {clear:both;font-size:32px;padding-top:50px;padding-bottom:30px;}

/*고용지원금*/
.left_box {float:left;width:50%;background-color:#f1f6f8;}
.right_box {float:left;width:50%;background-color:#dce2e8;}
.jiwon_title {padding-top:50px;clear:both;font-size:32px;padding-bottom:50px;text-align:center;}
.jiwon_title2 {padding-top:50px;clear:both;font-size:32px;padding-bottom:30px;text-align:center;}
.jiwon_title2_height {padding-top:0px;padding-bottom:50px;text-align:center;}
.jiwon_img {clear:both;width:100%;text-align:center;padding-bottom:50px;}
.jiwon_img2 {clear:both;width:100%;text-align:center;padding-bottom:127px;}


.ceo_img_box {clear:both;width:100%;text-align:center;padding-bottom:50px;max-width:1120px;margin:0 auto;}
.ceo_img_box li {float:left;padding:10px;}
.ceo_img1 {clear:both;width:100%;text-align:center;padding-bottom:50px;}


/*경정청구*/
.left_pay_box {float:left;width:50%;background-image:url(/img/main_06_Insurance_01_bg.jpg);background-size: 100% auto; background-position: top center;}
.right_pay_box {float:left;width:50%;background-color:#f1f6f8;color:#000000;}
.pay_title {padding-top:100px;clear:both;font-size:32px;padding-bottom:30px;text-align:center;}
.pay_title2 {padding-top:0px;padding-bottom:50px;text-align:center;}
.pay_img {clear:both;width:100%;text-align:center;padding-bottom:177px;}
.pay_img2 {clear:both;width:100%;text-align:center;padding-bottom:50px;}

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

	.title_1 {font-size:40px;font-weight:bold;line-height:130%;color:#ffffff;padding-bottom:30px;}
	.title_s1 {font-size:15px;color:#ffffff;font-weight:normal;line-height:150%;}

	.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height:600px;
	}


	.txt_title1 {color:#00a1e9;line-height:150%;}
	.txt_title2 {font-size:40px;line-height:150%;}
	.txt_title3 {padding-top:30px;padding-bottom:50px}
	.txt_title4 {clear:both;font-size:24px;padding-bottom:30px;}

	.txt_title4_1 {clear:both;font-size:24px;padding-top:60px;padding-bottom:40px;}

	.txt_title5 {font-size:22px;padding-top:60px;padding-bottom:40px;}
	.txt_title6 {font-size:14px;padding-bottom:20px;}
	.txt_title7 {clear:both;font-size:22px;padding-top:50px;padding-bottom:30px;}


}

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

	.title_1 {font-size:30px;font-weight:bold;line-height:130%;color:#ffffff;padding-bottom:30px;}
	.title_s1 {font-size:15px;color:#ffffff;font-weight:normal;line-height:150%;}

	.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height:600px;
	}

	.swiper .swiper-pagination-bullet {
	  background-color: #ffffff;
	  margin: 0 10px;
	  width:15px;
	  height:15px;
	}

	.txt_title1 {font-size:14px;color:#00a1e9;line-height:150%;}
	.txt_title2 {font-size:35px;line-height:150%;}
	.txt_title3 {font-size:14px;padding-top:30px;padding-bottom:50px}
	.txt_title4 {clear:both;font-size:18px;padding-bottom:30px;}
	
	.txt_title4_1 {clear:both;font-size:20px;padding-top:40px;padding-bottom:30px;}
	.txt_title5 {font-size:18px;padding-top:40px;padding-bottom:30px;}

	/*고용지원금*/
	.left_box {float:left;width:100%;background-color:#f1f6f8;}
	.right_box {float:left;width:100%;background-color:#dce2e8;}
	.jiwon_title {padding-top:50px;clear:both;font-size:22px;padding-bottom:30px;text-align:center;}
	.jiwon_title2 {padding-top:50px;clear:both;font-size:22px;padding-bottom:10px;text-align:center;}
	.jiwon_title2_height {padding-top:0px;padding-bottom:50px;text-align:center;}
	.jiwon_img {clear:both;width:100%;text-align:center;padding-bottom:50px;}
	.jiwon_img2 {clear:both;width:100%;text-align:center;padding-bottom:50px;}

	
	.left_pay_box {float:left;width:100%;background-image:url(/img/main_06_Insurance_01_bg.jpg);background-size: 100% auto; background-position: top center;}
	.right_pay_box {float:left;width:100%;background-color:#f1f6f8;color:#000000;}
	.pay_img {clear:both;width:100%;text-align:center;padding-bottom:50px;}
	.pay_img2 {clear:both;width:100%;text-align:center;padding-bottom:50px;}

}

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

	.main_title{padding: 40px 0;}

	.title_1 {font-size:20px;font-weight:bold;line-height:130%;color:#ffffff;padding-bottom:30px;}
	.title_s1 {font-size:11px;color:#ffffff;font-weight:normal;line-height:150%;}

	
	.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height:400px;
	}

	.swiper .swiper-pagination-bullet {
	  background-color: #ffffff;
	  margin: 0 10px;
	  width:10px;
	  height:10px;
	}

	.txt_title1 {font-size:12px;color:#00a1e9;line-height:150%;}
	.txt_title2 {font-size:26px;line-height:150%;}
	.txt_title3 {font-size:12px;padding-top:30px;padding-bottom:30px}
	.txt_title4 {clear:both;font-size:16px;padding-bottom:30px;}

	.txt_title4_1 {clear:both;font-size:16px;padding-top:20px;padding-bottom:15px;}
	.txt_title5 {font-size:12px;padding-top:20px;padding-bottom:15px;}

}

.main_banner1 {clear:both;width:100%;text-align:center;padding-bottom:50px;max-width:1290px;margin:0 auto;}


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

	.main_banner1 {clear:both;width:100%;text-align:center;padding-bottom:50px;max-width:945px;margin:0 auto;}
	.main_banner1 li {float:left;width:33.3%;text-align:center;margin:0 auto;}

}

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

	.main_banner1 {clear:both;width:100%;text-align:center;padding-bottom:50px;max-width:945px;margin:0 auto;}
	.main_banner1 li {float:left;width:50%;text-align:center;margin:0 auto;}
	.main_banner1 li img {max-width:100%;}

}

@media screen and (max-width:1120px){
.ceo_img_box {clear:both;width:100%;text-align:center;padding-bottom:50px;max-width:560px;margin:0 auto;}
.ceo_img_box li {float:left;width:50%;}
.ceo_img1 {clear:both;width:100%;text-align:center;padding-bottom:50px;}

}

@media screen and (max-width:480px){
  #ft_company{font-size:12px;text-align: center; margin: 30px auto;}
  #ft_copy{font-size:10px;}
    
}