/* ********************************************************************************** 

* 기본 태그 선언 

* *********************************************************************************** */

@CHARSET "UTF-8";
/*
@import url(http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Poppins);
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url(../font_notokr/notosans_kr_stylesheet.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&subset=korean');

@font-face{	
	font-weight:400;
	font-family:"Open Sans";
	src:url(../font/OpenSans-Regular.woff2) format("woff2"),url(../font/OpenSans-Regular.woff)  format("woff")}
@font-face{
	font-weight:500;
	font-family:"Open Sans Bold";
	src:url(../font/OpenSans-Semibold.woff2) format("woff2"),url(../font/OpenSans-Semibold.woff) format("woff")}

*{
	word-break:keep-all;
	word-wrap:break-word;
	font-family:"Open Sans",'notokr','Roboto',"Malgun Gothic",sans-serif;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	letter-spacing:-1px;
	-webkit-font-smoothing:antialiased;
	font-weight:400;
}

body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,table,td,textarea,th,tr,ul,address{margin:0;padding:0}

img {border:0; vertical-align:middle; max-width:100%;}   
html {}
body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:"Open Sans",'notokr','Roboto',"Malgun Gothic",sans-serif;
	font-size:14px;
	color:#333;
	letter-spacing:0;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	
}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

img{border:0;vertical-align:top}

address { text-decoration:none; font-style:normal;}

hr{display:none}

dd,dl,dt,li,ol,ul{padding:0;margin:0;list-style:none}

table,td,th{border-collapse:collapse;border-spacing:0;font-weight:400}

caption {position:absolute; left:-10000px}

legend{display:none;}

blockquote,button,fieldset,iframe{border:0}

cite,em,u{font-style:normal}

a{color:#333;text-decoration:none}

a:focus,a:hover{color:#333;text-decoration:none}

input{font-family:"Open Sans",'notokr',"Malgun Gothic",sans-serif}

label{font-weight:400;margin:0}

strong{font-weight:400}

button{
	background:0;
	cursor:pointer;
	vertical-align:middle;
	font-family:"Open Sans",'notokr',"Malgun Gothic",sans-serif;
	font-size:14px;
	line-height:1.2;
	color:#333;
	letter-spacing:0;
	-webkit-text-size-adjust:none
}

button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:none}

article,aside,footer,header,main,nav,section{display:block}

input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{display:none}

::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
:-moz-placeholder{color:#aaa}
::-ms-clear,::-ms-reveal{display:none}
button,input,select,textarea{border:0;font-size:14px}

input {vertical-align: middle;}
input[type=radio],
input[type=checkbox] {vertical-align:middle; margin:0 5px 0 0; border:1px solid #cfcfcf;}
input[type=text],
input[type=number],
input[type=password] {vertical-align:middle; border:1px solid #d9d8d8; padding:3px 10px; font-family:'notokr', sans-serif;} 
input[type=file] {vertical-align:middle; border:1px solid #d9d8d8; padding:3px; background:#fff; font-family:'notokr', sans-serif;}
input[type=file] button {font-size:50px;}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {color:#999 !important; letter-spacing:-0.5px; font-family:'notokr', sans-serif;}

input::-webkit-input-placeholder {color:#888 !important; letter-spacing:-0.5px; font-size:14px; font-family:'notokr', sans-serif;}
input::-moz-placeholder {color:#888 !important; letter-spacing:-0.5px; font-size:14px; font-family:'notokr', sans-serif;}
input:-ms-input-placeholder {color:#888 !important; letter-spacing:-0.5px; font-size:14px; font-family:'notokr', sans-serif;}
input:-moz-placeholder {color:#888 !important; letter-spacing:-0.5px; font-size:14px; font-family:'notokr', sans-serif;}



/* ************************************************************************************** *

* 공통 CSS
* 
/* ************************************************************************************** */

/* 글자넘어가면 점처리 */
.letterOver {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.letterOverTable { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 2줄 이상일때 점처리 */
.letterOver_02 {
	display:-webkit-box;
	height:20px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;	
}

/* 공통 클래스 Css */
.left {float:left; } 
.right {float:right;} 
.clear {clear: both; } 
.pointer {cursor: pointer; }
.bold {font-weight: bold; }  
.bolderLight {font-weight:500;}


/* 공통 클래스 ClearFix Css */
.clearfix:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.clearfix { display: inline-block; *display:inline; *zoom:1; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/* TRANSITION */
.transDefault {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/* TEXT-ALING */
.textC { text-align:center !important; }
.textL { text-align:left !important; }
.textR { text-align:right !important; }



/* MARGIN */
.mgA0 { margin:0; }

.mgT0 { margin-top:0px }
.mgT5 { margin-top:5px }
.mgT10 { margin-top:10px }
.mgT15 { margin-top:15px }
.mgT20 { margin-top:20px }
.mgT25 { margin-top:25px }
.mgT30 { margin-top:30px }
.mgT35 { margin-top:35px }
.mgT40 { margin-top:40px }
.mgT45 { margin-top:45px }
.mgT50 { margin-top:50px }
.mgT55 { margin-top:55px }
.mgT60 { margin-top:60px }
.mgT65 { margin-top:65px }
.mgT70 { margin-top:70px }

.mgL5 { margin-left:5px }
.mgL10 { margin-left:10px }
.mgL15 { margin-left:15px }
.mgL20 { margin-left:20px }
.mgL25 { margin-left:25px }
.mgL30 { margin-left:30px }
.mgL35 { margin-left:35px }
.mgL40 { margin-left:40px }
.mgL45 { margin-left:45px }
.mgL50 { margin-left:50px }
.mgL55 { margin-left:55px }
.mgL60 { margin-left:60px }
.mgL65 { margin-left:65px }

.mgR1 { margin-right:1px }
.mgR5 { margin-right:5px }
.mgR10 { margin-right:10px }
.mgR15 { margin-right:15px }
.mgR20 { margin-right:20px }
.mgR25 { margin-right:25px }
.mgR30 { margin-right:30px }
.mgR35 { margin-right:35px }
.mgR40 { margin-right:40px }
.mgR45 { margin-right:45px }
.mgR50 { margin-right:50px }
.mgR55 { margin-right:55px }
.mgR60 { margin-right:60px }
.mgR80 { margin-right:80px }

.mgB5 { margin-bottom:5px }
.mgB10 { margin-bottom:10px }
.mgB15 { margin-bottom:15px }
.mgB20 { margin-bottom:20px }
.mgB25 { margin-bottom:25px }
.mgB30 { margin-bottom:30px }
.mgB35 { margin-bottom:35px }
.mgB40 { margin-bottom:40px }
.mgB45 { margin-bottom:45px }
.mgB50 { margin-bottom:50px }
.mgB55 { margin-bottom:55px }
.mgB70 { margin-bottom:70px }



/* PADDING */
.pdA0{padding:0;}
.pdA5{padding:5px;}
.pdA10{padding:10px;}
.pdA20{padding:20px;}

.pdT5{padding-top:5px}
.pdT6{padding-top:6px}
.pdT10{padding-top:10px}
.pdT15{padding-top:15px}
.pdT20{padding-top:20px}
.pdT25{padding-top:25px}
.pdT30{padding-top:30px}
.pdT35{padding-top:35px}
.pdT40{padding-top:40px}
.pdT45{padding-top:45px}
.pdT50{padding-top:50px}

.pdL5{padding-left:5px}
.pdL10{padding-left:10px}
.pdL15{padding-left:15px}
.pdL20{padding-left:20px}
.pdL25{padding-left:25px}
.pdL30{padding-left:30px}
.pdL35{padding-left:35px}
.pdL40{padding-left:40px}
.pdL45{padding-left:45px}

.pdR5{padding-right:5px}
.pdR10{padding-right:10px}
.pdR15{padding-right:15px}
.pdR20{padding-right:20px}
.pdR25{padding-right:25px}
.pdR30{padding-right:30px}
.pdR35{padding-right:35px}
.pdR40{padding-right:40px}
.pdR45{padding-right:45px}

.pdB5{padding-bottom:5px}
.pdB10{padding-bottom:10px}
.pdB15{padding-bottom:15px}
.pdB20{padding-bottom:20px}
.pdB25{padding-bottom:25px}
.pdB30{padding-bottom:30px}
.pdB35{padding-bottom:35px}
.pdB40{padding-bottom:40px}
.pdB45{padding-bottom:45px}




/* COLOR */
.colorR {color:#ed1c24 !important;}
.colorB {color:#2a5caa !important;}
.colorOran {color:#f58220 !important;}
.colorGreen {color:#0db14b !important;}
.colorGreenBright {color:#70c043 !important;}
.colorGray {color:#666766 !important;}
.colorGray2 {color:#888 !important;}
.colorPurple {color:#8661a6 !important;}



/* DISPLAY */
.hide { visibility:hidden; }
.block { display:block; }
.none { display:none; }


/* FLOAT */
.leftF { float:left; }
.rightF { float:right; }
.floatN { float:none; }


/* Box */
.inlinBox {display:inline-block;} 



/* BUTTON */
.btnDefault {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	padding:5px 10px;
	cursor:pointer;	
	min-height:35px;
	vertical-align:middle;
	font-size: 15px;	
}



/*게시물버튼기본*/
.btnTDefault {font-size:15px; border:1px solid #ddd; padding:9px 17px;}

.btnBigger {font-size:1.04em; padding:0.9em 2em; min-width:230px;}
.btnBigger2 {font-size: 0.95em;padding: 0.7em 2em;min-width:230px;}

.btnSmaller {font-size:0.9em; padding:0.9em 0.95em;}
.btnSmaller2 {font-size: 14px;padding: 0.4em 0.7em;font-weight: 500;}

.btnMiddle_01 {font-size:15px; padding:15px 40px; font-weight:500;}

.smallFont {font-size:0.9em;}

.btnInLine01 {height:37px; padding:0 15px; font-weight:500; vertical-align:middle; border:1px solid #eee; letter-spacing:-1px;}
.btnInLine02 {height:37px; padding:0 30px; font-weight:500; vertical-align:middle; border:1px solid #eee; letter-spacing:-1px; font-size:15px;}

.btnSearch {vertical-align:middle; padding:5px 10px;}

.btnSizeSearch {height:42px; border:1px solid #d9d8d8; font-size:15px; letter-spacing:-0.5px;}



/* Select */
.selectDefault {height:35px; border:1px solid #d9d8d8; vertical-align:middle; font-size:14px; padding:5px 5px 5px 10px;}
.selectW90Size {width:90%;}
.selectSizeSearch {height:42px; min-width:180px;}
.selectSizeSearch_02 {height:42px; min-width:110px;}



/* Input */
.txtDefault {height:35px; border:1px solid #ccc; vertical-align:middle; font-size:14px;}
.radioDefault { vertical-align:top;}
.txtSizeSearch {height:42px; min-width:400px; vertical-align:middle;}



/* TextArea */
.textareaDefault {width:100%; height:99px;}


/* Width 값 */
.selWSearch {width:150px;}
.txtWSearch {width:370px;}
.btnWSearch {width:100px;}

.txtWUploadS {width:140px;}
.txtWUploadM {width:397px;}
.txtWUploadL {width:658px;}
.txtWUploadL2 {width:480px;}
.txtWUploadPhone {width:60px;}
.txtWUploadEmail {width:130px;}

.width100Per {width:100%;}
.widthAuto {width:auto;}
.width40per {width:40%;}
.width50per {width:50%;}
.width60per {width:60%;}

.width50 {width:50px !important;}
.width60 {width:60px !important;}
.width70 {width:70px !important;}
.width80 {width:80px !important;}
.width90 {width:90px !important;}
.width130 {width:130px !important;}
.width150 {width:150px !important;}
.width160 {width:160px !important;}
.width170 {width:170px !important;}
.width180 {width:180px !important;}
.width190 {width:190px !important;}
.width200 {width:200px !important;}
.width220 {width:220px !important;}
.width350 {width:350px !important;}
.width370 {width:370px !important;}
.width630 {width:630px !important;}

.height35 {height:35px !important;}
.height50 {height:50px !important;}
.height100 {height:100px !important;}
.height180 {height:180px !important;}
.height200 {height:200px !important;}





/* BACKGROUND - COLOR */
.grayBoxW100 {position:relative;}
.grayBoxW100:before {content:" ";width: 146%;height:100%;background-color:#f9fafb;position:absolute;left: -22%;top:0;z-index:-1;}



/* 모바일 클래스 */
.viewPc {display:block;}
.viewMobile {display:none;}


/* 본문바로가기 */
.skip{display:inline-block; overflow:hidden; height:12px; color:#fff; font-size:12px; margin:0 15px 0 0px; padding-left:1px; line-height:12px; width:0px;}
.txtSkip {text-indent: -9999px !important;}

pre {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}

.txtDecoUnderLine {text-decoration:underline;}

/* ********************************************************************************** 
* 세로 가운데 정렬

.layer{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.layer .content{display:inline-block;background:#f00;vertical-align:middle}
.layer .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

* *********************************************************************************** */

.blank {display:inline-block;width:0;height:100%;vertical-align:middle}


.row {width:100%; position:relative;}
.row:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}



/* ********************************************************************************** 
	Flex 메뉴사용 방법 
* *********************************************************************************** */
ul.flexible {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
ul.flexible:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1; }
ul.flexible li {flex-grow:1; cursor:pointer; text-align:center;}


/* ********************************************************************************** 

	반응형

* *********************************************************************************** */

@media all and (max-width:850px){
	
	.width50 {width:100% !important;}
	.width60 {width:100% !important;}
	.width70 {width:100% !important;}
	.width80 {width:100% !important;}
	.width90 {width:100% !important;}
	.width130 {width:100% !important;}
	.width150 {width:100% !important;}
	.width160 {width:100% !important;}
	.width170 {width:100% !important;}
	.width180 {width:100% !important;}
	.width190 {width:100% !important;}
	.width200 {width:100% !important;}
	.width220 {width:100% !important;}
	.width350 {width:100% !important;}
	.width370 {width:100% !important;}
	.width630 {width:100% !important;}
	
	/* Width */	
	.selWSearch {width:100% !important;}
	.txtWSearch {width:100% !important;}
	.btnWSearch {width:100% !important;}
	
	.txtWUploadS {width:90% !important;}
	.txtWUploadM {width:100% !important;}
	.txtWUploadL {width:100% !important;}
	.txtWUploadL2 {width:100% !important;}
	
	/* View*/
	.viewPc {display:none;}
	.viewMobile {display:block;}
	.mobileW100 {width:100%; margin:0 0 5px 0;}
	
	/* Button */	
	.btnTDefault {font-size:13px; border:1px solid #ddd; padding:8px 15px;}
	
	/* 모바일에서 테이블 처리 - 스크롤바 생성 */
	.table_wrap_mobile {overflow-x:scroll;}
	.table_wrap_mobile table {width:750px;}
	.table_wrap_mobile table th {font-size:0.80em !important;}
	.table_wrap_mobile table td {font-size:0.80em !important;}
	/* 스크롤 처리 하지 않을 테이블에 dontwantScroll 클래스 추가 */
	.table_wrap_mobile .dontwantScroll {width:100%;}
	.m_table_wrap { overflow-x:scroll; }
		
}

@media all and (max-width:450px){	
	
}