@charset "utf-8";
 
/* 웹 폰트 - 나눔고딕, 나눔고딕 볼드 */
 

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap');

 
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, em, img, q, s, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed, summary {margin:0; padding:0;}

 
body{ 
	 
	font-family:'Pretendard','Spoqa Han Sans Neo','Noto Sans KR', sans-serif;
	width: 100%;
	font-size:17px; 
	line-height:1.3;
	background-color: #ffffff;  
	color:#333;
	margin: 0 auto;
 	font-weight:400;
	
	
	
	}

html,body {
    -webkit-touch-callout:none;
  /*  -webkit-user-select:none;*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;	
	word-break:keep-all;
	word-wrap:normal;
 
}

 
html {
    
    overflow-y: scroll; 
	 
}


h3,h4,strong{font-weight:500;}
 
hr {display:none;}
ul  li {list-style:none;}


a:link, a, a:hover,a:visited{text-decoration:none;color:#333; }
input, select {font-size:14px;}
img {border:0; vertical-align:top;max-width:100%;}

.center{text-align:center}
.left{text-align:left}
 
 /*tab*/
.view{;padding:0;margin:0;}
.hided{display: none;padding:0;margin:0;}


.floatL{float:left;}
.clear{clear:both;}


.mtA{margin-top:60px;}

.numtxt{
	font-family:'Pretendard', sans-serif;
	letter-spacing:0;
}
.engfont{
 
	 font-family:'Montserrat', sans-serif; 
	letter-spacing:0;
}
.elefont{
	font-family: 'Electrolize', sans-serif;
 	letter-spacing:0;
}

/*개인정보취급방침*/
.personalcontents{width:100%;}
.personalcontents h2.personal_title{text-align:center;font-weight:bold;font-size:20px;margin-bottom:30px;padding:0;color:#333;}
.personalcontents .txt_sum{background:#f7f7f7;padding:10px;}
.personalcontents h3.person_t{margin-top:30px;margin-bottom:10px;text-align:left;font-size:18px;}
.personalcontents .person_content {padding-left:10px}
.personalcontents .person_content p{margin-bottom:10px;}
.personalcontents .person_content ul {margin-bottom:10px}
.personalcontents .person_content ul > li{list-style-type: square;margin-left:40px;} 
.personalcontents .person_content ol{margin-left:40px;} 
.personalcontents .person_content ol li{list-style-type: decimal;} 





/*온라인문의*/

.inqarea_box{
		background:#fafafa;
		padding:10px;
		}
.inq_img{
		background: url(/image/customer/customer_img.jpg) no-repeat right 0}
.inq_imgB{
		background: url(/image/customer/customer_img2.jpg) no-repeat right 0}

.inq_img_txt{
		padding:30px 0 20px 80px;
		width:60%;
		}
.inq_imgB .inq_img_txt{
	width:90%;
}
.inq_img_txt p{
		font-size:20px;		 
		letter-spacing:-1px;
		}
.inq_img_txt .telarea{
		margin-top:30px;
		font-size:28px;
		color:#00ad2f;
		}
.inq_img_txt .timearea{
		margin-top:5px;
		font-size:18px;
		color:#000;
		}
.inqarea{
		padding:0px;
		border-top: 2px solid #273896; 
		border-bottom: 1px dotted #ccc; 
		padding:0 0 30px 0;
		margin-bottom:30px;
		}
.inqarea.inqarea_view{
	border-bottom: 0px dotted #ccc; 
}
.inqarea .row {
		margin:15px 0 0 0;
		width:100%;
		padding:0;
		position:relative;
		padding-bottom:10px;
		border-bottom: 1px dotted #ccc; 
		 display:flex; 
		
		}
.inqarea.inqarea_view .row	{
	margin:0px 0 0px 0;
	border-bottom: 1px dashed #ccc;
	padding:10px 5px;
}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		 
		 width:50%;
		 display:flex; 
		 align-items: center;
		 text-align:left;
 		}
  @media(max-width:1000px){
		.inqarea .row .tdcol {
			width:100%;
		}

  }
  @media(max-width:480px){
		.inqarea .row .tdcol {
			display:block; 
		}

  }
.inqarea .row .tdcol.wide {
		width:100%;
		 
		}
.inqarea .row .tdcol .tdtit {
		 
		 width:180px;
 		 min-width:90px;
		 align-self: center;
		 
		 font-weight:600;
		 padding-left:0px;
		 position:relative;
		}
@media(max-width:480px){
	.inqarea .row .tdcol .tdtit {
		width:100%;
	}
 }

.inqarea .row .tdcol .tdtit.tdtit_hidden {
	width:0;
	display:none;
	min-width:0px;
}

.inqarea .row .tdcol .tdtit.star {
	display:flex;
	 align-items:stretch;
	 align-content: stretch;
}
.inqarea .row .tdcol .tdtit span.lartxt{
	
 
}
span.star,
.inqarea .row .tdcol .tdtit.star span.star{
	color:#ff0000;
	margin-left:5px;
	padding-right:5px;
}
.inqarea .row .tdcol .tdtit.star span.star:after{
	
}
.inqarea .row .tdcol .tdtit.tdtitB {
		 
		 line-height:1.2; 
		 
		}
.inqarea .row .tdcol .tdtit.tdright{
		 
		padding-left:70px;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
 		 padding:0;
		 margin:0;
		 font-size:95%;		 
		 width: calc(100% - 180px);
 }
 @media(max-width:480px){
	.inqarea .row .tdcol .tdinput {
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}
 }

.inqarea .row .tdcol .tdinput.tdinputB {
		border:0px solid #ccc;
		
}
 

 


 input.form_style{
		width:100%;
 		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b; 
		 border:1px solid #ccc;
		 border-radius:5px;
		 outline:none;
		}
 
 input.form_styleB{
		width:100%;
		max-width:700px;
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		 border:1px solid #ccc;
		 border-radius:5px;
		 outline:none;
		}
@media(max-width:1000px){
	input.form_styleB{
		max-width:100%;
	}
 }

 input.form_style2{
	width:150px;
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		 border:none;
		 outline:none;
		 border:1px solid #ccc;
 }

  input.form_style_short{
		overflow:hidden;
		 border:1px solid #ccc;
		 border-radius:5px;
		
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		
		 outline: none;
		 margin-top:1px;
		margin-bottom:1px;
		}
 


.form_textarea{
	display:block;
	width:100%;
	height:100%;
 	 border:none;
	 resize:none;
     line-height:130%;
	 padding:2%;
	 background:#f5f5f5;
	 margin:0;
	 outline:none;
	 border-radius: 5px;
	 border: 1px solid #ccc;

	 }



input[type="radio"] {
  appearance: none;
  outline:none;
  vertical-align:middle;
   border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width:16px;
  height:16px; 
  margin: 0px 0 0;
  
   
} 


[type="radio"]:checked {
  border: 0.4em solid tomato;
  outline:none;
   appearance: none;
}



.input-checkB[type="radio"]{
	border: max(2px, 0.1em) solid #fff;
	 
	width: 1em;
   height: 1em;
}

.input-checkB[type="radio"]:checked {
  background:#f7f7f7;;
  border: 0.3em solid #fff;
}

input[type="checkbox"]{
	 vertical-align: middle;
	border:0px;
	 padding:0;
	 margin:0;
	 outline:  0px;
	 
	 }

input[type="checkbox"]:checked {
		 background-color: #ff0000;
		  
}

input[type="checkbox"]:before {
  transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
	margin-left:2px;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #ed1c24;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #ccc;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

input[type="checkbox"]:checked:before {
  background-color: #ff0000;
  border-color: #ff0000;
  outline: 2px solid #ff0000;
}
.check_box{
	display:flex;
	flex-wrap: wrap; 
	 align-items:stretch;
	  
}
.check_box label {
      align-self: center;
	  display:flex;
	 flex-wrap: wrap; 
	 align-items:center;
	 margin-right:10px;
 
 	  
}
 
.check_box label  span {
  font-size:100%;
  letter-spacing:0;
  padding-left:5px;
   
}

span.agreetxt{
	font-size:130%;
}


/*답변*/
.rpbox_in{
	padding:30px;
	background:#f7f7f7;
}

.rpbox_in_con{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}


  .select_item{
		display:inline-block;
		background:#f5f5f5;
		 color:#3b3b3b;
 		border-radius:5px;
		 border:1px solid rgba(0,0,0,.2);
		 vertical-align:middle;
		 width:150px;
		   height:40px;
		   margin:0;
		   padding:5px;
		   font-family:'Pretendard','Spoqa Han Sans Neo','Noto Sans KR', sans-serif;
}
  .select_item.select_itemB{width:350px;}
 .select_item:focus {
		outline:none;
 }


 .serach_itemB{
	background: rgba(255,255,255,.2); 
 		 color:#fff;
		 border:1px solid rgba(255,255,255,.7);
		 vertical-align:middle;
		 width:100%;
		   height:40px;
		   margin:0;
		   font-family:'Pretendard','Spoqa Han Sans Neo','Noto Sans KR', sans-serif;
		}
 .serach_itemB:focus {
 
outline:none;
 }
select.serach_itemB option {
	background:#fff;
	color:#000;
	font-family:'Pretendard','Spoqa Han Sans Neo','Noto Sans KR', sans-serif;
}


span.s_not{
	padding-left:5px;
	padding-right:5px;
}

@media(max-width:768px){
	.inq_img{
		background: none;
		}
	.inq_img_txt{
		width:90%;
		padding-left:20px;
	}

	.inq_img_txt p{
		font-size:17px;		 
 		}
	.inq_img_txt .telarea{
		margin-top:10px;
		font-size:22px;
		
	}
	.inq_img_txt .timearea{
		font-size:15px;
	}
 
 }





 /*파일첨부*/

.fom_fileinput{
		float: left;
		padding:10px;
		} 
.file_input_div{
		position: relative;
		width: 100px;
		 height:40px;
		overflow: hidden;
		border: 0px} 
.file_input_button{
		
	width: 100px;
	position: absolute;
	top: 0px;
	padding:11px;
	background-color: #5d5d5d;
	color: #FFFFFF;
	border:0;
	border-style: solid;
} 

.file_input_hidden{
		
		font-size: 45px;
		position: absolute;
		right: 0px;
		top: 0px;
		opacity: 0;
		filter: alpha(opacity=0);
		ms-filter: "alpha(opacity=0)";
		-khtml-opacity: 0;
		-moz-opacity: 0;
		}


.btnarea{
		text-align:center;
		width:340px;
		margin: 20px auto;
		}
 
.sendbutton{
		
	background: #164a96;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 150%;
	line-height:16px;
    border-radius:30px;
    cursor: pointer;
    font-weight: 500;
 	min-width:180px;
 	margin: 5px 2px;
	 
}

.cancelbutton{
   
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
   border-radius: 20px;
    cursor: pointer;
    font-weight: 500;
 	min-width:120px;
 	margin: 5px 2px;
}

 .sendbutton a, .sendbutton a:hover,
  .cancelbutton a, .cancelbutton a:hover
 {
		color:#fff;
		}

 .iconarea{
		width:100%;
		 position:relative;
		text-align:center;
		border-top: 1px solid #ccc;
		padding:10px 0;
		margin:  20px auto 0 auto;
		}
 .iconarea_in{
		padding:30px 0;
		 margin: 0 auto;
		 }
 .iconarea_in .sendbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .cancelbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .boardbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .blank{
		display:inline-block;
		width:0;
		height:0px;
		vertical-align:middle;
		
	}



  @media(max-width:420px){
	
	.fom_fileinput{
		
		padding:10px 3px;
		} 

	.file_input_button{
		width: 50px;
	}
	 
 
 }
 
 
 
/**개인정보취급방침**/
.personbox{
		background:#f7f7f7;
		 margin-top:20px;
		margin-bottom:20px;
		margin-left:0px;
		margin-right:0;
		 padding:20px ;
		height:100%;
		width:100%;
		}
.personbox .personbox_in{
		font-size:13px;
		line-height:20px;
		letter-spacing:-1px;
		color:#333;
		padding:0;
		height:100%;
		width:98%;
		max-height:90px;
		overflow: scroll;
		 overflow-x: hidden;
		border:0px solid #f7f7f7;
		margin:0 auto;
		position:relative;
		 }

 .agreementcontents h3{
		font-size:19px;
		margin-top:30px;
		}
.agreementcontents h4{
		font-size:16px;
		margin-top:30px;
		font-weight:500}
 /*/////////////////////////////////////////*/


 

/**/
 /*동영상 보기*/
 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}