@charset "UTF-8";
/* *********************************************
Project =====
FileName ==== default.css
Author ====== name
Date ======== 2017-09-23
Last ========
********************************************* */


/* --------------------------------------------
 * web font
/* ------------------------------------------ */

@font-face {font-family: NanumSquare;src: url('../../com/css/font/NanumSquare.eot');} 
@font-face {font-family: "Noto Sans KR"; src: url('../../com/css/font/NotoSansKR.otf');}

/* --------------------------------------------
 * 기존 폰트 : 나눔스퀘어
/* ------------------------------------------ */
	@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'NanumSquare';
	src: url('../../com/css/font/NanumSquare.eot?#iefix') format('embedded-opentype');
	src: local(" "), url("../../com/css/font/NanumSquare.woff") format("woff"), url("../../com/css/font/NanumSquare.ttf") format("truetype");
} 


/* --------------------------------------------
 * 변경된 폰트 : 본 고딕
/* ------------------------------------------ */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family:"Noto Sans KR";
	src: url('../../com/css/font/NotoSansKR.otf');
	src: local(" "), url("../../com/css/font/NotoSansKR.woff") format("woff"),  url("../../com/css/font/NotoSansKR.woff2") format("woff2");
}

/** {margin:0;padding:0;}*/
/* body {position:relative;font-family:NanumSquare, dotum, Arial, Helvetica, sans-serif !important;} */
body {position:relative;font-family: "Noto Sans KR", sans-serif !important;}
html{position:relative;}


/* h1, h2, h3, h4, h5, h6 {font-family:NanumSquare, dotum, Arial, Helvetica, sans-serif !important;} */
h1, h2, h3, h4, h5, h6 {font-family: "Noto Sans KR", sans-serif !important;}


ul, ol, li {list-style-type:none;}
fieldset{margin:0;padding:0;border:0;}
legend {display:none}
caption {
	text-indent: -10000px;
    padding: 0px;
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
address, em, cite {font-style:normal;}
input, button, textarea, select {/*font-size:1em;*/}
button, textarea, input, object, select {/*display:inline-block;vertical-align:middle;*/}
code, pre {font-size:1em;}
button{overflow:visible;border:none}

.inpRadio, .inpCheck{width:13px;height:13px;margin-top:-1px;margin-left:15px}
.inpRadio:first-child, .inpCheck:first-child{margin-left:0}
.inpTxt{color:#4f565b;height:18px;padding:0 7px;line-height:18px;border-top:1px solid #c1c6cd;border-left:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;background:#fff}
.readonly{color:#adb1b9;height:18px;padding:0 7px;line-height:18px;border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
.inpTxt:focus, .coltype td select:focus, .coltypeScroll td select:focus, .rowtype td select:focus, .titleArea1 select:focus{color:#4f565b;border:1px solid #00a2e2;background:#edf6fb}
:root .inpTxt{height:18px;padding-top:1px}

select{height:20px;*margin-top:2px;padding:1px 1px 1px 4px;font-size:12px;line-height:20px;border-top:1px solid #c1c6cd;border-left:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;color:#4f565b}
textarea {padding:5px;border:1px solid #bababa;line-height:1.167;}
img {border:0 none;}
label {display:inline-block;*display:inline;vertical-align:middle;margin:0px;}
p {margin: 10px 0;}


/* --------------------------------------------
 * link
/* ------------------------------------------ */


a:link {color: #686e70; text-decoration: none;}
a:visited {color: #686e70; text-decoration: none;}
a:active {color: #686e70; text-decoration: none;}
a:hover {color: #0098de; text-decoration: none;}

.clear{*height:1%;}
.clear:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
* html .clear{height:1%;}

.contentsRow {position:relative;width:100%; /* display:table; */ box-sizing:border-box;}
.contentWrapper {position:relative;width:100%; /* display:table; */ box-sizing:border-box; padding:27px 27px 27px 27px; }

.block-row {position:relative;width:100%; display:table; box-sizing:border-box;}

.cBoth{clear:both;}
.cBothWrap {clear:both; *zoom:1;}
.cBothWrap:after{content:"";clear:both;display:block;}


.font-bold {font-weight:bold;}

.word-break { word-break:break-word; }
.word-break-all { word-break:break-all; }


/* --------------------------------------------
 * 폰트색상
/* ------------------------------------------ */
.textB{color:#008ac4 !important;}
.textB *:link, .textB *:hover, .textB *:active, .textB *:visited{color:#0071a5 !important;text-decoration:none}
.textG{color:#3b874d !important;}
.textG *:link, .textG *:hover, .textG *:active, .textG *:visited{color:#3b874d !important;text-decoration:none}
.textY{color:#ffcc00 !important;}
.textY *:link, .textY *:hover, .textY *:active, .textY *:visited{color:#ffcc00 !important;text-decoration:none}
.textO{color:#fdb149 !important;}
.textO *:link, .textO *:hover, .textO *:active, .textO *:visited{color:#fdb149 !important;text-decoration:none}
.textR{color:#ed2227 !important;}
.textR *:link, .textR *:hover, .textR *:active, .textR *:visited{color:#ed2227 !important;text-decoration:none}
.textW{color:#ffffff !important;}
.textW *:link, .textW *:hover, .textW *:active, .textW *:visited{color:#ffffff !important;text-decoration:none}
.textWB{color:#afcad6 !important;}
.textWB *:link, .textWB *:hover, .textWB *:active, .textWB *:visited{color:#afcad6 !important;text-decoration:none}




/* --------------------------------------------
 * important
/* ------------------------------------------ */

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.f-left {float:left !important;}
.f-center {float:center !important;}
.f-right {float:right !important;}
.v-middle {vertical-align:middle !important;}
.v-top {vertical-align:top !important;}

.t-underline {text-decoration:underline;}
.t-strike {text-decoration:line-through;}

.t-normal{font-weight:normal !important}
.t-sp{letter-spacing:-1px !important}

.disBl{display:block;}
.disInBl{display:inline-block;}
.disIn{display:inline;}

.scrollOption {overflow: hidden; overflow:auto;}
.scrollOptionX {overflow: hidden; overflow-x:auto;}
.scrollOptionY {overflow: hidden; overflow-y:auto;}
.scrollOptionXnone {overflow-x:hidden !important;}
.scrollOptionYnone {overflow-y:hidden !important;}

.cursor-pointer {cursor: pointer !important;}
.cursor-default {cursor: default !important;}
.cursor-text {cursor: text !important;}
.cursor-copy {cursor: copy !important;}
.cursor-help {cursor: help !important;}
.cursor-move {cursor: move !important;}

.pointerEventNone {pointer-events: none; opacity: 0.3;}

.content-full-height {height: calc(100vh);}

.contentFullHeight-100 {height: calc(100vh - 100px) !important;}
.contentFullHeight-150 {height: calc(100vh - 150px) !important;}
.contentFullHeight-200 {height: calc(100vh - 200px) !important;}
.contentFullHeight-250 {height: calc(100vh - 250px) !important;}
.contentFullHeight-300 {height: calc(100vh - 300px) !important;}
.contentFullHeight-350 {height: calc(100vh - 350px) !important;}
.contentFullHeight-400 {height: calc(100vh - 400px) !important;}
.contentFullHeight-450 {height: calc(100vh - 450px) !important;}
.contentFullHeight-500 {height: calc(100vh - 500px) !important;}
.contentFullHeight-550 {height: calc(100vh - 550px) !important;}
.contentFullHeight-600 {height: calc(100vh - 600px) !important;}
.contentFullHeight-650 {height: calc(100vh - 650px) !important;}
.contentFullHeight-700 {height: calc(100vh - 700px) !important;}
.contentFullHeight-750 {height: calc(100vh - 750px) !important;}
.contentFullHeight-800 {height: calc(100vh - 800px) !important;}
.contentFullHeight-850 {height: calc(100vh - 850px) !important;}

.border-none {border:0 !important;}
.borderT-none {border-top:0 !important;}
.borderR-none {border-right:0 !important;}
.borderB-none {border-bottom:0 !important;}
.borderL-none {border-left:0 !important;}
.border3-Gray {border:3px solid #dfe2e4 !important;}

.w50 {width:50% !important;}
.wAuto {width:auto !important;}

.f-black {color:#000;}
.f-green {color:#39b54a;}
.f-blue {color:#0259dc;}
.f-red {color:#f20000;}
.f-gray {color:#72727a;}

.mar0{margin:0px !important}
.mar5{margin:5px !important}
.mar10{margin:10px !important}
.mar15{margin:15px !important}
.mar20{margin:20px !important}
.mar25{margin:25px !important}
.mar30{margin:30px !important}
.mar35{margin:35px !important}
.mar40{margin:40px !important}
.mar45{margin:45px !important}
.mar50{margin:50px !important}
.mar55{margin:55px !important}
.mar60{margin:60px !important}
.mar65{margin:65px !important}

.marT0{margin-top:0px !important}
.marT5{margin-top:5px !important}
.marT10{margin-top:10px !important}
.marT15{margin-top:15px !important}
.marT20{margin-top:20px !important}
.marT25{margin-top:25px !important}
.marT30{margin-top:30px !important}
.marT35{margin-top:35px !important}
.marT40{margin-top:40px !important}
.marT45{margin-top:45px !important}
.marT50{margin-top:50px !important}
.marT55{margin-top:55px !important}
.marT60{margin-top:60px !important}
.marT65{margin-top:65px !important}

.marL0{margin-left:0px !important}
.marL5{margin-left:5px !important}
.marL10{margin-left:10px !important;}
.marL15{margin-left:15px !important;}
.marL20{margin-left:20px !important;}
.marL25{margin-left:25px !important;}
.marL30{margin-left:30px !important;}
.marL35{margin-left:35px !important;}
.marL40{margin-left:40px !important;}
.marL45{margin-left:45px !important;}
.marL50{margin-left:50px !important;}
.marL55{margin-left:55px !important;}
.marL60{margin-left:60px !important;}
.marL65{margin-left:65px !important;}

.marR0{margin-right:0px !important}
.marR5{margin-right:5px !important}
.marR10{margin-right:10px !important}
.marR15{margin-right:15px !important}
.marR20{margin-right:20px !important}
.marR25{margin-right:25px !important}
.marR30{margin-right:30px !important}
.marR35{margin-right:35px !important}
.marR38{margin-right:38px !important}
.marR40{margin-right:40px !important}
.marR45{margin-right:45px !important}
.marR50{margin-right:50px !important}
.marR55{margin-right:55px !important}
.marR60{margin-right:60px !important}
.marR65{margin-right:65px !important}

.marB0{margin-bottom:0 !important;}
.marB5{margin-bottom:5px !important;}
.marB10{margin-bottom:10px !important;}
.marB15{margin-bottom:15px !important;}
.marB20{margin-bottom:20px !important;}
.marB25{margin-bottom:25px !important;}
.marB30{margin-bottom:30px !important;}
.marB35{margin-bottom:35px !important;}
.marB40{margin-bottom:40px !important;}
.marB45{margin-bottom:45px !important;}
.marB50{margin-bottom:50px !important;}
.marB55{margin-bottom:55px !important;}
.marB60{margin-bottom:60px !important;}
.marB65{margin-bottom:65px !important;}


.pad0{padding:0px !important}
.pad5{padding:5px !important}
.pad10{padding:10px !important}
.pad15{padding:15px !important}
.pad20{padding:20px !important}
.pad25{padding:25px !important}
.pad30{padding:30px !important}
.pad35{padding:35px !important}
.pad40{padding:40px !important}
.pad45{padding:45px !important}
.pad50{padding:50px !important}
.pad55{padding:55px !important}
.pad60{padding:60px !important}
.pad65{padding:65px !important}

.padT0{padding-top:0px !important}
.padT5{padding-top:5px !important}
.padT8{padding-top:8px !important}
.padT10{padding-top:10px !important}
.padT15{padding-top:15px !important}
.padT20{padding-top:20px !important}
.padT25{padding-top:25px !important}
.padT30{padding-top:30px !important}
.padT35{padding-top:35px !important}
.padT40{padding-top:40px !important}
.padT45{padding-top:45px !important}
.padT50{padding-top:50px !important}
.padT55{padding-top:55px !important}
.padT60{padding-top:60px !important}
.padT65{padding-top:65px !important}

.padL0{padding-left:0px !important}
.padL5{padding-left:5px !important}
.padL10{padding-left:10px !important;}
.padL15{padding-left:15px !important;}
.padL20{padding-left:20px !important;}
.padL25{padding-left:25px !important;}
.padL30{padding-left:30px !important;}
.padL35{padding-left:35px !important;}
.padL40{padding-left:40px !important;}
.padL45{padding-left:45px !important;}
.padL50{padding-left:50px !important;}
.padL55{padding-left:55px !important;}
.padL60{padding-left:60px !important;}
.padL65{padding-left:65px !important;}

.padR0{padding-right:0px !important}
.padR5{padding-right:5px !important}
.padR10{padding-right:10px !important}
.padR15{padding-right:15px !important}
.padR20{padding-right:20px !important}
.padR25{padding-right:25px !important}
.padR30{padding-right:30px !important}
.padR35{padding-right:35px !important}
.padR38{padding-right:38px !important}
.padR40{padding-right:40px !important}
.padR45{padding-right:45px !important}
.padR50{padding-right:50px !important}
.padR55{padding-right:55px !important}
.padR60{padding-right:60px !important}
.padR65{padding-right:65px !important}

.padB0{padding-bottom:0 !important;}
.padB5{padding-bottom:5px !important;}
.padB8{padding-bottom:8px !important;}
.padB10{padding-bottom:10px !important;}
.padB15{padding-bottom:15px !important;}
.padB20{padding-bottom:20px !important;}
.padB25{padding-bottom:25px !important;}
.padB30{padding-bottom:30px !important;}
.padB35{padding-bottom:35px !important;}
.padB40{padding-bottom:40px !important;}
.padB45{padding-bottom:45px !important;}
.padB50{padding-bottom:50px !important;}
.padB55{padding-bottom:55px !important;}
.padB60{padding-bottom:60px !important;}
.padB65{padding-bottom:65px !important;}

.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}