@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:18px; 
	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: -moz-scrollbars-vertical; 
    /*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;}

.box{border:2px solid #A6A6A6; font-size:12px;background-color: #f7f7f7;}

.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;
		}
.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 #164a96;
		 
		margin:0 0 60px 0;
		}

.inqarea .row {
		margin:15px 0 0 0;
		width:100%;
		padding:0;
		position:relative;
		
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		 
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		float:left;
		 width:100px;
		 line-height:40px; 
		 color:#3b3b3b;
		}
.inqarea .row .tdcol .tdtit.tdtitB {
		 
		 line-height:1.2; 
		 
		}
.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
		 border:1px solid #ccc;
		 border-radius:10px;
		 padding:0;
		 margin:0;
		 
		}

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


 input.form_style{
		width:100%;
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		 border:none;
		}
 
.form_textarea{
	display:block;
	width:100%;
	height:100%;
 	 border:none;
	 resize:none;
     line-height:130%;
	 padding:2%;
	 background:#f5f5f5;
	 margin:0;
	 }


[type="radio"]{
	  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
 
 
}
[type="radio"]:checked {
  border: 0.4em solid tomato;
}




@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;
	}
 
 }


@media(max-width:680px){

	.inqarea .row .tdcol {
		float:none;
		 width:100%;
		 margin-bottom:15px;
	}

	.inqarea .row .tdcol .tdtit.tdright{
	text-align:left;
	}

	.inqarea .row .tdcol .tdtit {
		width:80px;
	}
 
 }

 /*파일첨부*/

.fom_fileinput{
		float: left;
		padding:10px;
		} 
.file_input_div{
		position: relative;
		width: 100px;
		 height:35px;
		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:100px;
		margin-right:0;
		 padding:20px ;
		height:100%;
		width:calc(100% - 100px);
		}
.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}
 /*/////////////////////////////////////////*/