@charset "UTF-8"; 

/*공통 슬라이더 박스*/
.common_slide01{ position:relative; background:#f2f7fb; display:flex; flex-wrap:wrap; flex-direction: row-reverse;}
.common_slide01:before{ content:""; position:absolute; top:0; right:50%; background:#f2f7fb; width:50vw; height:100%; z-index:-1;}
.common_slide01 .slide_box{ position:relative;  width:420px; height:420px; }
.common_slide01 .slide_box .swiper-container,
.common_slide01 .slide_box .swiper-wrapper,
.common_slide01 .slide_box .swiper-slide{ height:100%;}
.common_slide01 .slide_box .swiper-slide{ background-size:cover; background-position:center; }
.common_slide01 .text_box{ width:calc(100% - 420px); padding-right:100px;  display:flex; align-items:center; }
.common_slide01 .text_box p{ font-size:16px; line-height:160%; }
.common_slide01 .text_box strong{ display:inline-block; margin-top:20px; border:1px solid #ddd; padding:5px 15px; font-size:16px; font-weight:500; line-height:140%;  }

.slide_btn{ z-index:11;  position:absolute; bottom:0; width:73px; height:73px; cursor:pointer; font-size:0px;  }
.slide_btn_l{ background:#094e93 url('../img/arrow_w2.png') center no-repeat; left:-73px;}
.slide_btn_r{ background:#00a1df url('../img/arrow_w.png') center no-repeat; left:0px; }

/*공통 데이터 박스*/
.date_box{ font-size:0px; margin-bottom:10px; }
.date_box span{ display:inline-block; vertical-align:middle; font-size:16px; border:1px solid #333; padding:10px 40px; line-height:140%; border-radius:20px; margin-right:10px; margin-bottom:10px;  }
.date_box span:last-child{ margin-right:0px; }


/*센터소개*/
#about_section1{ position:relative;  display:flex; flex-wrap:wrap; padding-bottom:120px;}
#about_section1 > div{ float:left; }
#about_section1 > div.img_box{ width:45%; background:url('../img/menu01/about_img01.jpg') center no-repeat; background-size:cover; }
#about_section1 > div.img_box:after{ content:""; z-index:-1; position:absolute;  top:0; right:calc(55% - 1px); width:100%; height:100%;  background:#094e93 url('../img/menu01/about_back01.png') right 35px bottom 15px no-repeat; opacity:1;}
#about_section1 > div.txt_box{ width:55%; padding:100px 0 60px 100px;}
#about_section1 > div.txt_box:after{ z-index:-2; content:""; position:absolute; top:0; left:50%; width:100vw; height:calc(100% - 50px); background:#f5f5f5 url('../img/menu01/about_back02.png') right center no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
#about_section1 > div.txt_box h3{ font-size:28px; line-height:130%;  }
#about_section1 > div.txt_box h3:after{ content:""; display:block; margin:10px 0 25px; width:40px; height:3px; background:#00a1df; }
#about_section1 > div.txt_box p{ font-size:15px; line-height:170%; margin-bottom:70px; }

#about_section2 img{ display:block; max-width:100%; margin:0 auto; }

#about_section3 p{ font-size:16px; line-height:160%; margin-bottom:35px;  }
#about_section3 li{ float:left; width:23%; margin-right:2.666666666666667%;  }
#about_section3 li:nth-child(4n+4){ margin-right:0%;}
#about_section3 li:nth-child(4n+1){ clear:both;}
#about_section3 li img{ width:100%; display:block;}
#about_section3 li strong{ display:block; padding:20px 0; text-align:center; font-size:18px; line-height:130%; font-weight:500; }

/*오시는길*/
#daumRoughmapContainer1622787837410{width:100%; height:500px; }
#daumRoughmapContainer1622787837410 .wrap_map{ height:100% !important; }
#daumRoughmapContainer1622787837410 .wrap_controllers{ display:none; }
.location_content{ z-index:111; position:relative;  border:1px solid #ddd; background:#fff; margin-top:-70px; padding:40px 90px; display:flex; flex-wrap:wrap;   }
.location_content > div{ float:left; }
.location_content > div.logo_content{ display:flex; align-items:center; }
.location_content > div.text_content{ border-left:1px solid #ddd; margin-left:60px; padding-left:60px;  }
.location_content > div.text_content li{ position:relative; margin-bottom:10px; padding-left:100px; font-size:16px; line-height:160%; }
.location_content > div.text_content li:last-child{ margin-bottom:0px;}
.location_content > div.text_content li b{ position:absolute; top:0; left:0; color:#00a1df; }

/*KOLAS 소개*/
.Kabout_section{ display:flex; flex-wrap:wrap;}
.Kabout_section > div{ float:left; display:flex; align-items:center;}
.Kabout_section > div.img_box{ height:420px; border:1px solid #ddd; width:35%; justify-content:center; }
.Kabout_section > div.img_box img{ width:auto; max-width:90%; }
.Kabout_section > div.text_box{ width:65%; padding-left:70px;   }
.Kabout_section > div.text_box p{ font-size:16px; line-height:160%; margin-bottom:30px;  }

#Kabout_section1 > div.text_box p:last-child{margin-bottom:0px; }

#Kabout_section2{ flex-direction: row-reverse; }
#Kabout_section2 > div.text_box{ padding-left:0; padding-right:70px;}

/*관련법 및 기준*/
.statute_box .back_box{ height:530px; background-position:center;  background-size:cover; }
#Kstandard_section1.statute_box .back_box{background-image:url('../img/menu02/Kstandard_back01.jpg'); }
#safety_statute1.statute_box .back_box{background-image:url('../img/menu04/safety_statute1_back01.jpg'); }
.statute_box .text_box > div{ background:#fff; padding:60px; border:1px solid #ddd; margin-top:-230px;  }
.statute_box .text_box img{ display:block; margin:0 auto 15px;}
.statute_box .text_box h3{ text-align:center; }
.statute_box .text_box h3.align_left{ text-align:left; }
.statute_box .text_box h3.align_left:after{ margin-left:0px; }
.statute_box .text_box p{ font-size:16px; line-height:160%; }
.statute_box .text_box .sub_tit2:after{ margin-left:auto; margin-right:auto;}
.statute_box .text_box .number_list ol{ margin-top:15px; }

/*처리절차*/
#testGuide01_section1 .sub_tit2{ text-align:center;}
#testGuide01_section1 .sub_tit2:after{ margin-left:auto; margin-right:auto;}
#testGuide01_section1{ text-align:center;}
#testGuide01_section1 img{ max-width:100%;}

/*수수료*/
#testGuide02_section2 div{ border:1px solid #ddd; padding:60px; text-align:center;}
#testGuide02_section2 div p{ margin:15px 0 20px; font-size:16px; line-height:160%;}
#testGuide02_section2 div p b{ text-decoration:underline;}
#testGuide02_section2 div strong{ font-size:40px; color:#00a1df; line-height:140%;  }

/*안전성인증 소개*/
#safety_section1{position:relative; padding-bottom:60px;  }
#safety_section1 > div.img_box{ height:450px; background-image:url('../img/menu04/safety_section1_img.jpg'); background-size:cover; background-position:center;  }
#safety_section1 > div.txt_box{ float:right; width:65%; background:#f5f5f5; padding:70px; margin-top:-140px;   }
#safety_section1 > div.txt_box h3{ font-size:28px; line-height:130%;  }
#safety_section1 > div.txt_box h3:after{ content:""; display:block; margin:10px 0 25px; width:40px; height:3px; background:#00a1df; }
#safety_section1 > div.txt_box p{ font-size:15px; line-height:170%;}
#safety_section1 > div.img_box:after{ content:""; z-index:-1; position:absolute;  bottom:0; right:calc(65% - 4.5px); width:100%; height:50%;  background:#094e93 url('../img/about_back01.png') right 35px bottom 15px no-repeat; opacity:1;}
#safety_section1 > div.txt_box:after{ content:""; z-index:-1;  position:absolute; top:0; left:calc(35% + 4.5px); width:100vw; height:calc(100% - 60px); background:#f5f5f5; }


@media all and ( max-width:1200px ){
	/*센터소개*/
	#about_section1 > div.txt_box{ padding:60px 0 60px 60px; }
	
	/*오시는길*/
	.location_content{ padding:40px 60px; }
	.location_content > div.text_content{ padding-left:40px; margin-left:40px; }
	
	/*안전성인증 소개*/
	#safety_section1 > div.txt_box p br{ display:none; }
}

@media all and ( max-width:1024px ){
	/*공통 슬라이드*/
	.common_slide01{ width:100%; background:none; }
	.common_slide01:before{ content:none; }
	.common_slide01 .text_box{ width:100%; padding-right:0px;  }
	.common_slide01 .slide_box{ width:100%; height:300px; margin-bottom:30px;  }
	.common_slide01 .text_box p{ font-size:14px; }
	.common_slide01 .text_box p br{ display:none; }
	.common_slide01 .text_box strong{ font-size:14px; }
	.slide_btn{ width:50px; height:50px; background-size:20px;  }
	.slide_btn_r{ left:calc(100% - 50px);}
	.slide_btn_l{ left:calc(100% - 100px);}
	
	/*공통 데이터 박스*/
	.date_box span{ font-size:14px; padding:7px 15px; }
	
	/*센터소개*/
	#about_section1 > div.txt_box:after{ background-size:300px; }
	#about_section1 > div.txt_box h3{ font-size:23px; }
	#about_section1 > div.txt_box h3:after{ width:30px; }
	#about_section1 > div.txt_box p{ font-size:14px; margin-bottom:40px;  }
	
	#about_section3 p{ font-size:14px; }
	#about_section3 li strong{ font-size:16px; }
	
	/*오시는길*/
	.location_content{ padding:40px; }
	.location_content > div.logo_content img{ width:180px; }
	.location_content > div.text_content li{ margin-bottom:5px; font-size:14px; }
	
	/*KOLAS 소개*/
	.Kabout_section > div.img_box{ height:400px;}
	.Kabout_section > div.text_box{ padding-left:40px; }
	.Kabout_section > div.text_box p{ font-size:14px; margin-bottom:15px;  }
	
	#Kabout_section2 > div.text_box{ padding-right:40px; }
	
	/*관련법 및 기준*/
	.statute_box .back_box{ height:450px; }
	.statute_box .text_box > div{ padding:30px; margin-top:-160px;  }
	.statute_box .text_box img{ width:50px; }
	.statute_box .text_box p{ font-size:14px;}
	
	/*수수료*/
	#testGuide02_section2 div{ padding:40px; }
	#testGuide02_section2 div img{ width:50px; }
	#testGuide02_section2 div p{ font-size:14px; }
	#testGuide02_section2 div strong{ font-size:30px; }
	
	/*안전성인증 소개*/
	#safety_section1{ padding-bottom:40px;  }
	#safety_section1 > div.img_box{ height:400px;}
	#safety_section1 > div.txt_box{  padding:50px; margin-top:-100px;   }
	#safety_section1 > div.txt_box h3{ font-size:23px; }
	#safety_section1 > div.txt_box h3:after{ width:30px;  }
	#safety_section1 > div.txt_box p{ font-size:14px;}
	#safety_section1 > div.txt_box:after{ height:calc(100% - 40px);}
		
	
}

@media all and ( max-width:900px ){
	/*오시는길*/
	.location_content{ padding:30px; }
	.location_content > div{ width:100%;}
	.location_content > div.text_content{ padding-left:0px; margin-left:0px; border-left:0px; margin-top:30px;   }
}
@media all and ( max-width:768px ){

	/*센터소개*/
	#about_section1{ padding-bottom:0px; }
	#about_section1 > div.img_box:after,
	#about_section1 > div.txt_box:after{ display:none;}
	#about_section1 > div.img_box{ height:300px; width:100%;}
	#about_section1 > div.txt_box{ width:100%; padding:0px; margin-top:30px; }
	#about_section1 > div.txt_box p{ margin-bottom:30px; }
	#about_section1 > div.txt_box p br{ display:none; }
	
	#about_section3 li{ width:32%; margin-right:2%;}
	#about_section3 li:nth-child(4n+4){ margin-right:2%;}
	#about_section3 li:nth-child(4n+1){ clear:none;}
	#about_section3 li:nth-child(3n+3){ margin-right:0%;}
	#about_section3 li:nth-child(3n+1){ clear:both;}
	
	#about_section3 li strong{ font-size:14px; }
	
	/*오시는길*/
	.location_content > div.text_content li{ padding-left:0px; }
	.location_content > div.text_content li b{ position:static; display:block; margin-bottom:10px;}
	
	/*KOLAS 소개*/
	.Kabout_section > div.img_box{ width:100%; height:220px; margin-bottom:30px;  }
	.Kabout_section > div.img_box img{ height:65%; }
	.Kabout_section > div.text_box{ width:100%; padding-left:0px;  }
	#Kabout_section2 > div.text_box{ padding-right:0px; }
	
	/*관련법 및 기준*/
	.statute_box .back_box{ height:350px;}
	.statute_box .text_box > div{padding:30px 25px; }
	
	/*수수료*/
	#testGuide02_section2 div{ padding:30px; }
	#testGuide02_section2 div p{ margin:10px 0 15px; }
	#testGuide02_section2 div strong{ font-size:25px;}
	
	/*안전성인증 소개*/
	#safety_section1{ padding-bottom:0px;  }
	#safety_section1 > div.img_box{ height:300px;}
	#safety_section1 > div.txt_box{  padding:0px; margin-top:0px; width:100%; margin-top:30px; background:#fff; }
	#safety_section1 > div.txt_box p{ font-size:14px;}
	#safety_section1 > div.txt_box:after,
	#safety_section1 > div.img_box:after{ content:none; }
}




/****일반 페이지 end*******************************************************************************************************************************/

/*로그인*/
#login_box{width:100%;max-width:550px;margin:0 auto;}
#login_box form .login_input{font-size:0;margin:0;display:block;}
#login_box form .login_input input{width:100%;font-size:16px;height:65px;padding:0 30px;border:1px solid #ddd;outline: none;}
#login_box form .login_input input:active,
#login_box form .login_input input:focus{border: 2px solid #333;}
#login_box form .login_input input#login_id{margin-bottom:20px;}
#login_box form .login_input input::placeholder{color:#999;}
#login_box form .login_input input::-webkit-input-placeholder{color:#999;}
#login_box form .login_input input:-ms-input-placeholder{color:#999;}
#login_box form .login_input input:-mos-input-placeholder{color:#999;}
#login_box .ck_com_box{position:relative;overflow: hidden;}
#login_box .ck_com_box input{position: absolute;top: -10px;left: -10px; opacity: 0;}
#login_box .ck_com_box input + label{font-size:16px;padding-left: 25px;position:relative;cursor: pointer;}
#login_box .ck_com_box input + label:after{content:"";position: absolute;top:0px;left: 0;width: 13px;height: 13px;border: 1px solid #333;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#login_box .ck_com_box input:checked + label:after{background: #333;}
#login_box .lost_box{margin: 20px 0 45px;}
#login_box .lost_box a{font-size:16px;float: right;}
#login_box .lost_box a span:after{content: "";display:inline-block;background:#ddd;width: 1px;height: 12px;margin: 0 10px;}
#login_box .login_btn{width:100%;height: 70px;border-radius: 0;border: 0;background: #333;font-size: 18px;color: #fff;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#login_box .login_btn:hover,
#login_box .login_btn:focus{background:#00a1df;}
#login_box .join_box{background:#f5f5f5;padding: 30px;margin-top:20px;}
#login_box .join_box span{font-size: 16px;}
#login_box .join_box a{font-size: 16px;float:right;background:url("../img/register/login_arrow_ico01.png") no-repeat right center;padding-right: 40px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#login_box .join_box a:hover,
#login_box .join_box a:focus{color:#00a1df;font-weight: 700;background-image: url("../img/register/login_arrow_ico02.png");}

/*회원가입 완료*/
.result_box_inner{padding:70px 0;text-align: center;border-top:3px solid #333;border-bottom:1px solid #ddd;}
.result_box_inner strong{font-size: 30px;line-height:140%;font-weight: 700;display: block;margin-bottom: 40px;word-break: keep-all;}
.result_box_inner p{font-size: 16px;line-height: 180%;word-break:keep-all;}
.result_box_inner .btn{display: block;width: 365px;height: 64px;line-height:64px;font-weight:700;font-size: 18px;color:#fff; background:#00a1df;margin:65px auto 0;}

/*회원정보변경*/
#mypage_box .name_box{background:#000;padding:60px 0 50px;text-align:center;margin-bottom:70px;}
#mypage_box .name_box strong{font-size:24px;line-height:120%;color:#fff;}
#mypage_box .name_box p{font-size:16px;color:#aaa;margin-top:10px;line-height:140%;}


@media all and (max-width:1024px){
	/*로그인*/
	#login_box form .login_input input{font-size:14px;height:50px;padding:0 15px;}
	#login_box form .login_input input#login_id{margin-bottom:15px;}
	#login_box .ck_com_box input + label{font-size:14px;padding-left: 20px;}
	#login_box .lost_box{margin: 15px 0 30px;}
	#login_box .lost_box a{font-size:14px;}
	#login_box .lost_box a span:after{height: 10px;margin: 0 5px;}
	#login_box .login_btn{height: 60px;font-size: 16px;}
	#login_box .join_box{padding: 20px;margin-top:15px;}
	#login_box .join_box span{font-size: 14px;}
	#login_box .join_box a{font-size: 14px;}
	
	/*회원가입 완료*/
    .result_box_inner{padding:40px 0;}
    .result_box_inner strong{font-size: 23px;margin-bottom: 20px;}
    .result_box_inner p{font-size: 14px;line-height: 160%;}
    .result_box_inner .btn{width: 250px;height: 50px;line-height:50px;font-size:16px;margin:40px auto 0;}
    
    /*회원정보변경*/
	#mypage_box .name_box{padding:40px 0 30px;margin-bottom:40px;}
	#mypage_box .name_box strong{font-size:20px;}
	#mypage_box .name_box p{font-size:14px;}
}
@media all and (max-width:768px){
	/*로그인*/
    #login_box form .login_input input{font-size:13px;height:40px;}
    #login_box form .login_input input#login_id{margin-bottom:10px;}
    #login_box .ck_com_box input + label{font-size:13px;}
    #login_box .lost_box{margin: 15px 0 25px;}
    #login_box .lost_box a{font-size:13px;}
    #login_box .login_btn{height: 50px;font-size: 14px;}
    #login_box .join_box{padding: 20px;}
    #login_box .join_box span{font-size: 13px;}
    #login_box .join_box a{font-size: 13px;background-size: 22px;padding-right: 30px;}
    
    /*회원가입 완료*/
    .result_box_inner{padding:30px 0;}
    .result_box_inner strong{font-size: 20px;}
    .result_box_inner p{font-size: 13px;}
    .result_box_inner .btn{width: 150px;height: 45px;line-height:45px;font-size:14px;margin:30px auto 0;}
    
    /*회원정보변경*/
	#mypage_box .name_box{padding:30px 0 20px;margin-bottom:30px;}
	#mypage_box .name_box strong{font-size:18px;}
	#mypage_box .name_box p{font-size:13px;}
}
@media all and (max-width:420px){
	/*로그인*/
    #login_box .join_box span{display:block;margin-bottom: 10px;}
    #login_box .join_box a{float:none;}
    #login_box .lost_box a{float: none;display: block;margin-top: 10px;}
    
    /*회원가입 완료*/
    .result_box_inner p br{display:none;}
}

.tdTitleStyle{width: 200px;background: #f4f4f4;padding:20px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.textaligncenter{text-align:center}
.textalignleft{text-align:left}
.textalignright{text-align:right}