@font-face {
	font-family: Noto Sans Korean;
	src: url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff2) format("woff2"), url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans Korean;
	src: url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format("woff"), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


body, h1, h2, h3, h4, h5, h6, li, p, #nav ul li a, #topbar, input, button, select, textarea, a, .wf-container > *, .widget-title, .dwqa-container, #wpmem_reg, #wpmem_login { 
	font-family: 'Nanum Gothic', 나눔고딕 !important; 
	font-style: normal  !important; 
}

@media (min-width: 320px) and (max-width: 480px) {

.input_box50{ border: 1px solid #d0d0d0; width:50px; height:30px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:25px;}
.input_box150{ border: 1px solid #d0d0d0; width:150px; height:23px;}
.input_box200{ border: 1px solid #d0d0d0; width:150px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:280px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
.textarea2 {width:90%; border:1px solid #615d5d; margin:10px 10px;  color:#888; font-size:14px;  line-height:1.2em;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 14px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;	
	font-size: 16px;
	padding:8px 20px;	
	margin: 30px 20px 50px 10px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:50%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
 .bbtp {float:right;}
 .titkut {padding-left:15px;}
}



@media (min-width: 481px) and (max-width: 767px) {
.input_box50{ border: 1px solid #d0d0d0; width:50px; height:50px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box150{ border: 1px solid #d0d0d0; width:100px; height:30px;}
.input_box200{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:300px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:400px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
.textarea2 {width:100%; border:1px solid #615d5d; margin:10px 0; padding:5px; color:#888; font-size:14px;  line-height:1.2em;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;	
	margin: 30px 20px 50px 10px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:30%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
 .bbtp {float:right;}

}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.input_box50{ border: 1px solid #d0d0d0; width:50px; height:50px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box150{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box200{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:300px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:400px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:50px;
	margin-bottom:100px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:25%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
	
 
}

@media (min-width: 768px) and (max-width: 1024px) {
.input_box50{ border: 1px solid #d0d0d0; width:50px; height:50px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box150{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box200{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:300px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:400px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:50px;
	margin-bottom:100px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:25%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
	
 
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.input_box50{ border: 1px solid #d0d0d0; width:50px; height:50px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box150{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box200{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:300px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:400px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:50px;
	margin-bottom:100px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:25%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
	
 
}
@media (min-width: 1025px) and (max-width: 1280px) {
.input_box50{ border: 1px solid #d0d0d0; width:50px; height:50px;}
.input_box100{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box150{ border: 1px solid #d0d0d0; width:70px; height:23px;}
.input_box200{ border: 1px solid #d0d0d0; width:200px; height:23px;}
.input_box300{ border: 1px solid #d0d0d0; width:300px; height:23px;}
.input_box400{ border: 1px solid #d0d0d0; width:400px; height:23px;}
.input_box500{ border: 1px solid #d0d0d0; width:500px; height:23px;}
.input_box600{ border: 1px solid #d0d0d0; width:600px; height:23px;}
.input_box99percent{ border: 1px solid #d0d0d0; width:99%; height:23px;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:50px;
	margin-bottom:100px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:25%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
	
 
}
@media (min-width: 1281px) {

.input_box50{width:50px; height:30px; }
.input_box100{ width:100px; height:30px;}
.input_box150{ width:150px; height:30px;}
.input_box200{ width:200px; height:25px;}
.input_box300{ width:300px; height:25px;}
.input_box400{ width:400px; height:30px;}
.input_box500{ width:500px; height:25px;}
.input_box600{ width:600px; height:25px;}
  input[type="file"],input[type="reset"] { 
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:10px;
}	
input[type="button"],input[type="submit"], button{
	background-color: #f0f0f0;
	color: #000;
	text-align: center;
	font-family: 'NanumSquareRound', sans-serif;		
	float:left;
	font-size: 16px;
	padding:8px 20px;
	margin-top:50px;
	margin-bottom:100px;

}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { 
    
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 } 
 .selectbox100 {margin:0px; padding:0; width:25%; 
  -webkit-appearance: searchfield;
 }


 input[type="text2"],textarea[type="text"]{
 	
 	border: 1px solid #615d5d; 	
 	margin: 0;
 	padding:0;
 	background-color: #f1f0f0;
 	border-radius: 1px;
 }
 input[type="text2"]:hover, textarea[type="text"]:hover { 
     
   	background: rgb(155, 151, 151); color: rgb(255, 255, 255);
 } 	
	
 
}
.center {text-align:center;}
.where1 {background-color:#c6e46c;}
.where2 {background-color:#72b9f6;}
.where3 {background-color:#d78ff5;}
.where4 {background-color:#000;}
.layer5 {z-index:10;}

.boardvw {background-color:#f5f7f8;padding:0 0px;margin-top:100px;font-family: 'NanumSquareRound', sans-serif;}

ul {
	list-style: none;
}
ol {
	list-style: none;
}
li {
	list-style: none;
}
em {
	font-style: normal;
}
.textarea1 {width:100%; }
.textarea2 {width:89%; border:1px solid #615d5d; margin:10px 0; padding:5px; color:#888; font-size:14px;  line-height:1.2em;}
.allwidth {width:100%; background-color:#000;height:50px;text-align:center;padding:100px;}
.agree {width:100%;text-align:center;}
.kbo {display: inline-block;}
.ibkbo {display: inline-block;padding:10px 10px;}
.bbqd {padding-top:30px;}
.bbkbo {padding:0 0px;}
.ckbo {display: inline-block;width:100%;margin:0 auto;background-color:#000;}
.heigmg {margin:50px 0;}
.heigmg2 {margin:150px 0;}
.camgl {margin-left:100px;}
.camg2 {margin-left:90px;}
.kk_line {padding:30px;}
.kk_line2 {height:80px;}
.kk_line3 {height:50px;}
.posiall {position:;top:0;}
.all {height:100%;background-color:#000;}
.allmt {padding:20px;height:100%;background-color:#FFF;}
.allsub {margin: 0px auto; }
.mehe {margin-bottom:50px;}
.mettpe {padding-top:20px;}
.mettpp {padding-top:30px;}
.right_bt {float:right;}

select {padding:4px 0px;}