body,input,textarea,select,button,table { font-family: "GmarketSansM", "Noto Sans KR", '맑은 고딕','Malgun Gothic', 'Sans-Serif' }

html,body {
    border: none;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
}

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

form { clear: both; }
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
body,input,textarea,select,button,table { font-size:16px; color:#404040; }
img,fieldset { border: 0; }
ul,ol { list-style: none; }
em,address { font-style: normal; }

a {color: #333; text-decoration: none; cursor: pointer; outline: none}
a:hover {text-decoration: none; }

label { cursor: pointer; }
.hand{ cursor: pointer; }

input, select, select option:focus, select option:hover, div {outline: none}

/*폰트*/
.font12 {font-size: 12px}
.font13 {font-size: 13px}
.font14 {font-size: 14px}
.font15 {font-size: 15px}
.font16 {font-size: 16px !important}
.font17 {font-size: 17px}
.font18 {font-size: 18px !important}
.font20 {font-size: 20px}
.font24 {font-size: 24px !important}
.font26 {font-size: 26px}
.font28 {font-size: 28px}
.fontWeightN {font-weight: normal}
.fontWeightInitial {font-weight: initial}
.fontNanum {font-family: "NanumSquareR"}

/* 각종 정렬 */
.valign-middle { vertical-align: middle !important}
.center { text-align: center !important}
.right { text-align: right !important}
.left { text-align: left !important}
.lsp-1 { letter-spacing: -1px !important}
.hidden {display: none}
.visibleHidden {visibility: hidden}
.hide {display: none !important}
.floatL {float: left}
.floatR {float: right !important}
.half {width: 50%; box-sizing: border-box; float: left}
.verticalMiddle {vertical-align: middle}
.verticalBottom {vertical-align: bottom}
.verticalTop {vertical-align: top}
.positionR {position: relative}
.borderBox {box-sizing: border-box}
.bold { font-weight: bold !important}
.lineHeight17 {line-height: 17px !important}
.lineHeight18 {line-height: 18px !important}
.lineHeight24 {line-height: 24px}
.lineHeight26 {line-height: 26px}
.lineHeight28 {line-height: 28px}
.lineHeight30 {line-height: 30px}
.lineHeight34 {line-height: 34px}
.lineHeight36 {line-height: 36px}
.lineHeight40 {line-height: 40px}
.lineHeight50 {line-height: 50px}
.mar0Auto {margin: 0 auto}

/* 각종 컬러 */
.bgConceptBlue {background: #006cda}
.conceptBlue {color: #006cda}
.bgColorSubBlue {background: #E3F1FF}
.bgColorWhite {background: #fff}
.bgColorAliceBlue {background: aliceblue}
.grayAD {color: #adadad}
.bgColorGray {background: #F4F4F4}
.bgMcolor {background: #edf8ff}
.beige{color:#eceba8}
.red{color:#f00}
.blue{color:#2196f3}
.white{color:#fff}
.black{color:#000}
.yellow{color:#FFD700}
.green{color:#0f0}
.deepGreen{color:#0c0}
.lightgreen{color:#2aff98}
.orange{color:#f90}
.silver{color:#aaa}
.bgColoreee { background: #eee}
.colorRed {color: #a0100b}
.colorOrange {color: #ff7800 !important}

/*추가*/
.floatR {float: right}
.floatL {float: left}
.showInline {display: inline-block}
.showBlock {display: block}
.half {width: 50%; box-sizing: border-box; float: left}
.clearBoth {clear: both}
.overflowHidden {overflow: hidden}
.borderBasic {border: 1px solid}
.heightAuto {height: auto; overflow: hidden}
.lineHeight200 {line-height: 200px !important}

/*말줄임*/
.simpleTxt {overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;
	white-space: nowrap}
.simpleTxts {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%}

/*테이블 스타일*/
table {width: 100%; border-top: 2px solid #6f6f6f}
caption {display: none}
table tr td, table tr th {padding: 8px; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center}
table tr th {background: #f5f5f5}
table input, table select {padding: 3px 5px}
table ol li:last-child {border-bottom: none !important}
.tbInBtn {vertical-align: top; line-height: 26px}
table.listStyle tr:hover {background: aliceblue}

.inputBox { padding: 8px; border:1px solid #D1D1D1; color:#575757; font-size: 14px; height: 16px; border-radius: 3px; vertical-align: middle;
	-webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }
select.inputBox { padding: 0 8px; border:1px solid #D1D1D1; color:#575757; font-size: 14px; height: 34px; border-radius: 3px; -webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; min-width: 120px}
.textareaBox { margin: 0 auto; border:1px solid #D1D1D1; color:#575757; font-size: 12px; overflow-y: auto; box-sizing: border-box}
.submit { text-align: center; font-family: "NanumSquareR"}


/*셀렉트박스*/
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;
	background: url("../Images/downArrow.png") 100% no-repeat}
select::-ms-expand {display:none}


/* 좌,우 여백설정 */
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.mt-3{ margin-top: -3px !important; }
.mt2 { margin-top: 3px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mt200 { margin-top: 200px !important; }
.mt-48{margin-top: -48px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.pd0{padding:0px !important}
.pd10 {padding:10px !important; }
.pd20 {padding:20px !important; }
.pd50 {padding:50px !important; }
.pdr10 {padding-right:10px !important; }
.pdl10 {padding-left:10px !important; }
.pdl20 {padding-left:20px !important; }
.pdl50 {padding-left:50px !important; }
.pdl100 {padding-left:100px !important; }
.pdl200 {padding-left:200px !important; }
.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:10px !important; }
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt45{padding-top:45px !important}
.pdb10 {padding-bottom:10px !important; }
.pdb20 {padding-bottom:20px !important; }
.pdb50 {padding-bottom:50px !important; }

.wp100 { width:100% !important; }
.wp98 { width:98% !important; }
.wp97 { width:97% !important; }
.wp96 { width:96% !important; }
.wp95 { width:95% !important; }
.wp94 { width:94% !important; }
.wp90 { width:90% !important; }
.wp88 { width:88% !important; }
.wp85 { width:85% !important; }
.wp80 { width:80% !important; }
.wp75 { width:75% !important; }
.wp70 { width:70% !important; }
.wp65 { width:65% !important; }
.wp60 { width:60% !important; }
.wp50 { width:50% !important; }
.wp40 { width:40% !important; }
.wp30 { width:30% !important; }
.wp20 { width:20% !important; }
.wp10 { width:10% !important; }


.wx1000 { width:1000px; }
.wx800 { width:800px; }
.wx500 { width:500px; }
.wx400 { width:400px; }
.wx350 { width:350px; }
.wx342 { width:342px; }
.wx300 { width:300px; }
.wx250 { width:250px; }
.wx200 { width:200px; }
.wx180 { width:180px; }
.wx150 { width:150px; }
.wx120 { width:120px; }
.wx110 { width:110px; }
.wx100{ width:100px; }
.wx95 {width: 95px}
.wx80 { width:80px; }
.wx70 { width:70px; }
.wx60 { width:60px; }
.wx50 { width:50px; }
.wx40 { width:40px; }
.wx30 { width:30px; }
.wx20 { width:20px; }
.wx15 { width:15px; }
.wx12 { width:12px; }

.hx15{ height:15px !important; }
.hx20{ height:20px !important; }
.hx40{ height:40px !important; }
.hx50{ height:50px !important; }
.hx55{ height:55px !important; }
.hx70{ height:70px !important; }
.hx80{ height:80px !important; }
.hx90{ height:90px !important; }
.hx100{ height:100px !important; }
.hx120{ height:120px !important; }
.hx150{ height:150px !important; }
.hx200{ height:200px !important; }
.hx250{ height:250px !important; }
.hx300{ height:300px !important; }
.hx350{ height:350px !important; }
.hx400{ height:400px !important; }
.hx450{ height:450px !important; }
.hx650{ height:650px !important; }

.hp100 {height: 100% !important}

input::-webkit-input-placeholder {color: #b7b7b7}
input:-ms-input-placeholder {color: #b7b7b7}
input::-moz-placeholder {color: #b7b7b7}
input:-moz-placeholder {color: #b7b7b7}

/* 에러처리 */
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; z-index:5001; color: #fff; width: 190px; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 150px; position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
/* //에러처리*/



.cmtTitle2 { font-size: 12px; padding: 0 5px; color: #999; font-weight: 400; }

.cmtFormStyle { clear: both; margin: 0 auto 15px auto; padding: 0 0 5px 0; border: 1px solid #E5E5E5; }
.cmtFormStyle caption{ display: none; }
.cmtFormStyle tr td { padding: 3px 10px 3px 10px; height: 30px; font-size: 11px; }
.cmtFormStyle tr td .cmtButtons { float: right; }



.pollStyle { width: 500px; margin: auto; }
.pollStyle h2 { font-size: 12px; padding: 0 0 3px 5px; }
.pollStyle ol { padding-left: 30px; list-style: decimal; }
.pollStyle .bar_1 { background: #cc0000; color: white; font-size: 11px; }
.pollStyle .bar_2 { background: #ff9900; color: white; font-size: 11px; }
.pollStyle .bar_3 { background: #66cc66; color: white; font-size: 11px; }
.pollStyle .bar_4 { background: #9999cc; color: white; font-size: 11px; }
.pollStyle .bar_5 { background: #3333cc; color: white; font-size: 11px; }
.pollStyle .bar_6 { background: #7466cc; color: white; font-size: 11px; }

/* register */
.register { }
.registerAgreement {  }
.registerPolicy { }
.registerForm { clear: both; padding: 20px; }

/* 페이져 처리 */
.pager{
	clear: both;
	padding:20px 0;
	text-align:center;
}
.pager a, .pager b, .pager span{
	display:inline-block;
	_position:relative;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	color: #999;
	vertical-align: top;
}
.pager a {  }
.pager b {padding: 0 0 0 3px}
.pager b span { color: #444; font-size: 17px}
.pager span { width: 15px !important; }
.pager a:hover,.pager a:active,.pager a:focus{
	
}
.pager span.pre_end,.pager span.next_end, .pager span.pre,.pager span.next{
	width: 15px !important;
}
.pager span.pre_end a,.pager span.next_end a, .pager span.pre a,.pager span.next a{
	background:url("../Images/pager.png") no-repeat;
	overflow: hidden;
	padding: 20px 0px 0 0px;
	height: 2px;
	width: 15px !important;
}
.pager span.pre_end a { background-position: -15px 4px !important; }
.pager span.pre a { background-position:0 4px !important; }
.pager span.next a { background-position: -30px 4px !important; }
.pager span.next_end a { background-position: -45px 4px !important; }
/* //페이져 처리 */


#loginArea .findBox { width: 730px; margin: 20px auto; padding: 0 10px; height: 170px; }
#loginArea  h2 { margin-left: 10px; text-align: left; }
#loginArea .findBox dl { margin: 10px 0 0 0; height: 60px; padding: 30px 0 50px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#loginArea .findBox dl dt { float: left; clear: both; height: 26px; width: 110px; text-align: center; padding-top: 4px; }
#loginArea .findBox dl dd { float: left; height: 30px; }
#loginArea .findBox dl dd input { width: 200px; }
#loginArea .findBox .loginLeft { position: relative; width: 350px; float: left; height: 90px; padding: 18px 0 0 0; margin-right: 30px; }
#loginArea .findBox .loginRight { position: relative; width: 350px; float: left; padding: 18px 0 0 0; height: 90px; }
#loginArea .findBox { text-align: center; padding-bottom: 50px; }

#loginArea .findResultBox { position: relative; width: 450px; margin: 50px auto; padding: 0 10px 50px 10px; height: 120px; text-align: center;  }
#loginArea .findResultBox dl { height: 30px; width: 450px; margin: 0 auto; padding: 15px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#loginArea .findResultBox dl dt { float: left; clear: both; height: 30px; line-height: 30px; width: 110px; text-align: center; }
#loginArea .findResultBox dl dd { float: left; height: 30px; line-height: 30px; }
#loginArea .findResultBox dl dd input { width: 200px; }
#loginArea .findResultBox dl.FindPW { width: 450px; height: 60px; padding: 15px 0; }
#loginArea .findResultBox dl.FindPW dd { width: 330px; line-height: 15px; height: 30px; padding: 5px 0 0 0; text-align: left; }
#loginArea .findResultBox dl.FindPW dd span.small { display: block; margin-top: 5px; line-height: 12px; }