/*
    Document   : Common
	Created on : 2019. 8. 28
    Description:
        Purpose of the stylesheet follows.
*/

body,input,textarea,button,table,div { font-family: "NanumSquareR", '맑은 고딕','Malgun Gothic', 'Apple SD Gothic', 'Sans-Serif'}
input[type=password], select {font-family: '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; }

img,fieldset { border: 0; }
ul,ol { list-style: none; }
em,address { font-style: normal; }

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

label { cursor: pointer; }
.hand{ cursor: pointer; }
textarea {padding: 10px; color: #2a2a2a; font-size: 16px; width: 98%; border: 1px solid #bbb}
.width100 {width: 100%}
input {font-family: sans-serif; vertical-align: middle}
input, select, select option:focus, select option:hover  {outline: none}
.noImgBorder {height: 100%; border: 1px solid #ebebeb; box-sizing: border-box}
.inner1200 {width: 1200px; margin: 0 auto; position: relative}


/*폰트*/
.font12 {font-size: 12px !important}
.font14 {font-size: 14px}
.font15 {font-size: 15px}
.font16 {font-size: 16px !important}
.font18 {font-size: 18px}
.font20 {font-size: 20px}
.font24 {font-size: 24px}
.font28 {font-size: 28px}
.font32 {font-size: 32px}
.font36 {font-size: 36px}
.font48 {font-size: 48px}
.fontWeightN {font-weight: normal}
.fontWeightInitial {font-weight: initial}

/*정렬*/
.floatL {float: left}
.floatR {float: right !important}
.paddT145 {padding-top: 145px}
.wrap {overflow: hidden; height: auto; margin: 0 auto 70px; width: 100%}
.half {width: 50%; box-sizing: border-box; float: left}
.verticalMiddle {vertical-align: middle}
.verticalBottom {vertical-align: bottom}
.verticalTop {vertical-align: top}
.verticalSub {vertical-align: sub}
.heightAuto {height: auto; overflow: hidden}
.positionR {position: relative}
.clearBoth {clear: both}

/*텍스트정렬*/
.left {text-align: left}
.center, .noInfo {text-align: center}
.right {text-align: right}
.lineHeight0 {line-height: 0 !important;}

/*공통컬러*/
.mColor {color: #2384c6}
.red {color: #ff4242}
.yellow {color: #ffce00}
.gray {color: #666}
.bgMcolor {background: #edf8ff}
.bgColoreee{background: #eee}
.bgCcolor {background: #2384c6}
.bgColorGray {background: #F4F4F4}
.bgGray {background: #F5F5F5}
.black {color: #333}
.colorBlue {color: #094eff !important}
.colorRed {color: #a0100b}
.grayAD {color: #adadad}
.bgColorAliceBlue {background: aliceblue}
.colorWhite {color: #fff}
.bgDeepBlue {background: #000ad4}
.bgRed {background: #ff4343}
.bgWhite {background: #fff}
.bgBlack {background: #000}
.bgYellow {background: #ffdf00}
.bgLightYellow {background: #fffdb2}

.visibility {visibility: hidden}
.hide {display: none !important;}
.hidden {display: none}
.bold {font-weight: bold}
.bolder {font-weight: bolder}
.show {display: block !important;}
.showInline {display: inline-block !important;}
.showBlock {display: block}
.min13 {color: #fff; display: none; width: 16px; height: 16px; background: #2384c6; border-radius: 10px; padding: 2px; font-size: 12px; line-height: 16px;
	text-decoration: none !important; font-family: "Noto Sans KR"; text-align: center; margin-left: 5px}
.imgIcon {vertical-align: middle; margin-right: 5px}
.borderBottomBasic {border-bottom: 1px solid #404040}
.modalClose {float: right; border: 2px solid; width: 20px; height: 20px; text-align: center; line-height: 22px}
.lineHeight18 {line-height: 18px}
.lineHeight20 {line-height: 20px}
.lineHeight24 {line-height: 24px}
.lineHeight28 {line-height: 28px}
.lineHeight50 {line-height: 50px}
.lineHeight200 {line-height: 200px}
.box {overflow: hidden}
.borderTopBasic {border-top: 1px solid #ccc}
.fontNanum {font-family: "NanumSquareR"}
.borderBottomNone {border-bottom: 0 !important}
.borderBasic {border: 1px solid}

table tr td img {max-width: 100%}
.borderRightWhite {border-right: 1px solid #fff}
.borderRightGray {border-right: 1px solid #ddd}
.letterSpacingM1 {letter-spacing: -1px}
.description3 {color: #ff0000 !important; font-size: 13px !important}

/*스크롤*/
.scroll {overflow: auto}
.scrollY {overflow-y: auto !important;}
.overflowYVisible {overflow-y: visible !important}
.overflowHidden {overflow: hidden}
/*취소선*/
.strike {text-decoration: line-through}
/*말줄임*/
.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%}
/*보더박스*/
.borderBox {box-sizing: border-box}

/*버튼 설정*/
.btn {
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding: 3px 6px;
	color: #666;
	background: #fff;
	border-radius: 3px;
	border: 1px solid;
	text-decoration:none !important;
	white-space:nowrap;
	cursor:pointer;
	-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;
}

.btn.small {
	padding: 1px 10px;
	font-size: 12px;
	background: #fff;
	font-family: 'Noto Sans KR';
	border-color: #2384c6;
	color: #2384c6;
	font-weight: normal;
}

.btn.medium {
	padding: 10px 20px;
	font-size: 15px;
	background: #fff;
	border-color: #2384c6;
	color: #2384c6;
}

.btn.medium:hover {background: #2384c6; color: #fff}

.btn.large {
	padding: 15px 50px;
	font-size: 17px;
	background: #fff;
	border-color: #2384c6;
	margin: 0 5px;
	color: #2384c6;
}

.btn.black {border-color: #000; color: #000}
.btn.gray1 {background: #666; color: #fff; border: 1px solid #666}
.btn.gray2 {background: #999; color: #fff; border: 1px solid #999}
.btn.gray {border-color: #ddd; color: #999}
.btn.concept, .btn.blue {background: #2384c6; color: #fff; border-color: #2384C6}
.btn.whiteBlue {background: #fff; color: #2384c6; border-color: #2384c6}
.btn.height36 {height: 36px; line-height: 36px}
.btn.red {background: #ff3e4c; color: #fff; border: none}
.btn.red1 {background: #e41423; color: #fff; border: 1px solid #e41423}
.btn.red2 {background: #fff; color: #e41423; border: 1px solid #e41423}
.btn.darkgray {background: #666; color: #fff; border: none}
.btn.red:hover {background: #ff3e4c}
.btn.darkgray:hover {background: #666}
.btn.bgOrange {background: #ff7800; color: #fff; border-color: #ff7800}
.btn.green {background: #1b7964; color: #fff; border: none}


/* 좌,우 여백설정 */
.mar0Auto {margin: 0 auto !important;}
.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; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !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; }
.ml50 { margin-left: 50px !important; }
.ml65 { margin-left: 65px !important; }
.ml80 { margin-left: 80px !important; }
.ml100 { margin-left: 100px !important; }
.mlM100 { margin-left: -100px !important; }
.ml200 { margin-left: 200px !important; }
.ml250 { margin-left: 250px !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; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }

.pd0 {padding:0px !important; }
.pd10 {padding:10px !important; }
.pd15 {padding:15px !important; }
.pd20 {padding:20px !important; }
.pd30 {padding:30px !important; }
.pd50 {padding:50px !important; }
.pdr10 {padding-right:10px !important; }
.pdr20 {padding-right:20px !important; }
.pdr30 {padding-right:30px !important; }
.pdr50 {padding-right:50px !important; }
.pdr80 {padding-right:80px !important; }
.pdr100 {padding-right:100px !important; }
.pdl10 {padding-left:10px !important; }
.pdl20 {padding-left:20px !important; }
.pdl30 {padding-left:30px !important; }
.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:10px !important; }
.pdt20 {padding-top:20px !important}
.pdt25 {padding-top:25px !important}
.pdt35 {padding-top:35px !important}
.pdt45 {padding-top:45px !important}
.pdt50 {padding-top:50px !important}
.pdt70 {padding-top:70px !important}
.pdt85 {padding-top:85px !important}
.pdt100 {padding-top:100px !important}
.pdt110 {padding-top:110px !important}
.pdt125 {padding-top:125px !important}
.pdb5 {padding-bottom:5px !important; }
.pdb10 {padding-bottom:10px !important; }
.pdb20 {padding-bottom:10px !important; }
.pdb50 {padding-bottom:50px !important; }
.pdb70 {padding-bottom:70px !important; }
.pdb100 {padding-bottom:100px !important; }
.pdb150 {padding-bottom:150px !important; }

.wp100 { width:100% !important; }
.wp98 { width:98% !important; }
.wp95 { width:95% !important; }
.wp90 { width:90% !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; }
.wp55 { width:55% !important; }
.wp50 { width:50% !important; }
.wp45 { width:45% !important; }
.wp40 { width:40% !important; }
.wp35 { width:35% !important; }
.wp30 { width:30% !important; }
.wp25 { width:25% !important; }
.wp20 { width:20% !important; }
.wp15 { width:15% !important; }
.wp12 { width:12% !important; }
.wp5 { width:5% !important; }
.wp0 { width:0% !important; }


.wx500 { width:500px; }
.wx450 { width:450px; }
.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 !important;}
.wx30 { width:30px; }
.wx20 { width:20px; }
.wx12 { width:12px; }

.hx20{ height:20px !important; }
.hx30{ height:30px !important; }
.hx40{ height:40px !important; }
.hx50{ height:50px !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}

/* 에러처리 */
.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; }
/* //에러처리*/

/*캡챠*/
.recaptchaDiv {width: 330px; margin: 20px auto; position: relative; left: -18%}