@charset "utf-8";
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */

@font-face {
	 font-family: 'NanumSquare';
	 font-weight: 400;
	 src: url(/fonts/NanumSquare/NanumSquareR.eot);
	 src: url(/fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	      url(/fonts/NanumSquare/NanumSquareR.woff) format('woff'),
	      url(/fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}
@font-face {
	 font-family: 'NanumSquare';
	 font-weight: 700;
	 src: url(/fonts/NanumSquare/NanumSquareB.eot);
	 src: url(/fonts/NanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	      url(/fonts/NanumSquare/NanumSquareB.woff) format('woff'),
	      url(/fonts/NanumSquare/NanumSquareB.ttf) format('truetype');
}
@font-face {
	 font-family: 'NanumSquare';
	 font-weight: 800;
	 src: url(/fonts/NanumSquare/NanumSquareEB.eot);
	 src: url(/fonts/NanumSquare/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
	      url(/fonts/NanumSquare/NanumSquareEB.woff) format('woff'),
	      url(/fonts/NanumSquare/NanumSquareEB.ttf) format('truetype');
}
@font-face {
	 font-family: 'NanumSquare';
	 font-weight: 300;
	 src: url(/fonts/NanumSquare/NanumSquareL.eot);
	 src: url(/fonts/NanumSquare/NanumSquareL.eot?#iefix) format('embedded-opentype'),
	      url(/fonts/NanumSquare/NanumSquareL.woff) format('woff'),
	      url(/fonts/NanumSquare/NanumSquareL.ttf) format('truetype');
}


/* 'Noto Sans KR' */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */

/*font-weight : 300,400,700,800*/

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;font-weight: 400;position: relative;}
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
/* 나눔스퀘어 */
body,input,select,textarea,button,fieldset {box-sizing : border-box;border:none;font-family: 'NanumSquare', sans-serif;}
/* 노토산스 */
/* body,input,select,textarea,button,fieldset {box-sizing : border-box;border:none;font-family: 'Noto Sans KR', sans-serif;} */

ul,ol,li{list-style:none;box-sizing: border-box;display: inline-block;}
div,p,a {box-sizing: border-box;}
table{width:100%;border-spacing:0; border-collapse:collapse; position: relative;}
table caption {position: absolute;text-indent: -100000px;}
table tr th, table tr td {text-align: center;padding:5px;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 20px;}
table tr th:first-child, table tr td:first-child {border-left: 1px solid #ddd;}
table thead tr th  {border-top: 1px solid #ddd;}
table tr th {background-color: #f8f8f8;text-align: center;font-weight: 700;}
a {text-decoration: none;color: #000;display: inline-block;}
.clear {clear: both;}
form {display: inline-block;}
select {
    width: 160px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 15px;
    color : #222;
    padding: 0 50px 0 20px;
    border: 1px solid #ddd;
    background-image: url('/img/selectArrow.png');
    background-repeat: no-repeat;
    /* background-position: right 20px center; */
    background-position: right 15px top 50%;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display:none;}
input[type="text"] {
    /* width: 500px; */
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 15px;
    color : #222;
    padding: 0 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    vertical-align: top;
}
input::placeholder {
    color: #ccc;
    font-size: 15px;
}
textarea {
    width: 100%;
    min-height: 300px;
    border: 1px solid #ddd;
    resize: none;
    padding: 10px;
    box-sizing: border-box;
}

/*btn*/
.shortCutBtn{
	font-size:18px;
	display:inline-block;
	margin-top:20px;
	color:#222;
	text-decoration:none;
	position:relative;
	line-height:30px;
	opacity:0.7;
}
.shortCutBtn:before{
	content:'';
	width:100%;
	height:1px;
	background:#222;
	position:absolute;
	bottom:0px;
}

.btnArea {
    width: 100%;
    text-align: center;
    /* padding-top: 30px; */
    position: relative;
}
.commBtn {
    min-width: 200px;
    padding : 0 15px;
    height: 50px;
    line-height: 50px;
    color : #fff;
    background-color: #444;
    text-align: center;
}
.commBtn1 {
    min-width: 200px;
    padding : 0 15px;
    height: 50px;
    line-height: 50px;
    color : #444;
    background-color: #444;
    text-align: center;
}
.commBtn.line2{
	line-height: 20px;
    padding: 10px 20px;
    height: 60px;
}

.commBtn.ctsm {
	min-width:80px;
}

.commBtn.blue {
    background-color: #00689f;
}
.commBtn1.white {
    background-color: #fff;
}
.commBtn.gry {
    background-color: #666;
}

.commBtn.brd {
    background-color: #fff;
    box-sizing:border-box;
    border:1px solid #222;
    color:#222;
}

.underlineBtn {
    font-size: 14px;
    color: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding-bottom: 3px;
    border-bottom: 1px solid #666;
}
.underlineBtn:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #666;
    position: absolute;
    left: 0;
    bottom: 0;
}

.underlineBtn.pre {
	position:relative;
	margin-top:20px;
}

.btnArea.type2 {
    padding: 10px 0;
    height: 40px;
    display: inline-block;
}
.underlineBtn.left {
    right: auto;
    left: 0;
}
.underlineBtn.type2 {
    position: relative;
    margin-left: 10px;
    transform: none;
}
.underlineBtn.type3 {
    position: relative;
    margin-left: 10px;
    transform: none;
    bottom: -25px;
}
.underlineBtn.block {
    position: relative;
    margin-left: 10px;
    right: auto;
    top: auto;
    transform: none;
}
.srchBtn {
    width: 90px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding-left: 40px;
    background-color: #00689f;
    background-image: url('/img/ico_search.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    /* background-position: left 20px center; */
    background-position: 20px 50%;
    float: right;
}
.btnArea.type3 {
    position: relative;
    text-align: right;
    height: 3em;
}
.btnArea.type4 {
    width: auto;
    position: absolute;
    bottom: 0;
}
.btnArea.type5 {
    text-align: left;
}
.btnArea_ab {
    position: absolute;
    width: auto;
    /* height: 2em; */
    top: 23px;
    right: 50px;
    transition: all 0.2s ease-in-out;
}
.underlineBtn.normal {
    display: inline-block;
    position: relative;
    transform :unset;
}

/*font-color*/
.fc-w {color: #fff !important;}
.fc-g {color: #44cbc0 !important;}
.fc-blue {color: #00689f !important;}
.fc-red {color: #eb1f2e !important;}
.fc-666 {color: #666 !important;}
.fc-bluew {color: #00c4ff !important; font-weight: 700; }

/*font-size*/
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-30 {font-size: 30px;}

/*font-style*/
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}

/*text-align*/
.txtC {text-align: center !important;}
.txtR {text-align: right !important;}
.txtL {text-align: left !important;}

/*margin*/
.mg-0 {margin: 0 !important;}
.mgt-0 {margin-top: 0px !important;}
.mgt-10 {margin-top: 10px;}
.mgt-20 {margin-top: 20px;}
.mgt-30 {margin-top: 30px;}
.mgt-50 {margin-top: 50px;}
.mgr-5 {margin-right: 5px;}
.mgr-10 {margin-right: 10px;}

/*padding*/
.pd-0 {padding: 0 !important;}
.pd-20 {padding: 20px !important;}
.pdt-10 {padding-top: 10px !important;}
.pdt-20 {padding-top: 20px !important;}

/*width*/
.w-30p {width: 30% !important; float: left;}
.w-33p {width: 33.3% !important; float: left;}
.w-40p {width: 40% !important; float: left;}
.w-50p {width: 50% !important; float: left;}
.w-60p {width: 60% !important; float: left;}
.w-70p {width: 70% !important; float: left;}
.w-100p {width: 100% !important;}

.w100 {width: 100px !important;}
.w221 {width: 221px !important;}
.w345 {width: 345px !important;}
.w685 {width: 685px !important;}

/*tbl border*/
tr.bdTnone th,tr.bdTnone td,.bdTnone {border-top: none !important;}
.bdT {border-top: 1px solid #ddd !important;}
.bdLnone {border-left: none !important;}
.bdRnone {border-right: none !important;}
tr th.bdL,tr td.bdL {border-left: 1px solid #ddd !important;}

.lineH0 {line-height: 0;}

/*bx-slider*/
.bx-wrapper {
    box-shadow: none;
    border: none;
    margin: 0;
}
.bx-controls{z-index:200;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #9b9b9b;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #c9c9c9;
    position :relative;
}
.mainSlideImg .bx-viewport {height: 750px !important;}
.mainSlideImg .bx-wrapper img {
    width: auto;
    height: 750px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: block;
    max-width: unset;
}
.mainSlideImg .bx-controls {width: 80px;height:15px;left: 50%;margin-left: -600px;}


.hide { display:none; }
.of-auto{ overflow:auto !important; }

body.errorBody{
	background:#f2f3f7;
}

body.errorBody a.eLogo{
	display:block;
	width:150px;
	height:auto;
	overflow:hidden;
	position:fixed;
	left:30px;
	top:30px;
}

body.errorBody a.eLogo img{
	width:100%;
}

body.errorBody .errorBox{
	width:500px;
	height:400px;
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	border:1px solid #eee;
	-webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.42);
}

body.errorBody .errorBox .errorTitle{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	background-image:url(/img/error_icon.png);
	background-size:auto 80px;
	background-repeat:no-repeat;
	background-position:right 20px center;	
}

body.errorBody .errorBox .errorTitle h2{
	display: inline-block;
	line-height: 150px;
	font-size: 35px;
	box-sizing: border-box;
	position: relative;
	color: #536067;
	padding: 0 20px;
	float: left;
	font-weight: 400;
}

body.errorBody .errorBox .errorCont{
	width:100%;
	height:200px;
	box-sizing:border-box;
	padding:20px;
	background:#f8f8f8;
}

body.errorBody .errorBox .errorCont p{
	display:block;
	line-height:30px;
}

body.errorBody .errorBox .errorCont p.sub{
	font-size:85%;
	opacity:0.8;
	margin-top:30px;
}

body.errorBody .errorBox .errorBtn{
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding:10px 20px;
}

body.errorBody .errorBox .errorBtn a{
	display:inline-block;
	line-height:30px;
	padding:0 20px;
	background:#5e5c5c;
	color:#fff;
	box-sizing:border-box;
	font-size:13px;
}

body.errorBody .errorBox .errorBtn a.prev{
	float:right;
	background:#fff;
	border:1px solid #222;
	color:#222;
}


.lt-sp-1{
	letter-spacing:-1px;
}

.popImgfigCaption{
	position:absolute;
	text-indent:-99999px;
}

.letterImgfigCaption{
	position:absolute;
	text-indent:-99999px;
}

.noline {text-decoration-line: none !important;}

.bg_disabled{
    color:#555 !important;
    cursor:default !important;
    background-color:#e2e2e2 !important;
}