@charset "utf-8";
/*======================== Start Reset CSS =========================== */
html, body{height:100%;width:100%;}
html {-webkit-touch-callout:none;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);overflow-y:scroll}
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,h1,h2,h3,h4,h5,h6,form,fieldset,img {margin:0;padding:0;border:0}
body {min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;margin:0;padding:0;background:#fff;line-height:1.5;color:#222;}
body,button,input,select,table,textarea,h1,h2,h3,h4,h5,h6,p,span,a,div,th,td,tr,table,header,footer,section,nav,ul,li,label {font-size:13px; font-family:'Malgun Gothic', dotum, sans-serif;}
ul,ol,li,dl,dt,dd{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
address,cite,code{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
hr{display:none;}
pre {overflow-x:scroll;font-size:1em}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

a{color:#000;text-decoration:none;}
a:active,a:hover {outline: 0;}
a:hover,a:focus {color: #23527c;text-decoration:underline;}

b,strong {font-weight: bold;}
small {font-size: 80%;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}

h1,h2,h3,h4,h5,h6{font-weight: 500;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}

.img-responsive{display:inline-block;;max-width: 100%;height: auto;}
.responsive-video{display:block;position:relative;width:100%;padding:0px;padding-bottom: 56.25%;overflow:hidden;}
.responsive-video::before {display: block;content: "";}
.responsive-video iframe{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}

*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Form */
textarea {width:100%;height:80px;border:1px solid #ccc;overflow: auto; background:#fff; vertical-align:middle;}
select {margin:0}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {height:28px; border:1px solid #ccc; background:#fff; vertical-align:middle;}

/* Bootstrap snippet */
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 480px) {.container{width: 100%;}}
@media (min-width: 768px) {.container{width: 750px;}}
@media (min-width: 992px) {.container{width: 970px;}}
@media (min-width: 1200px) {.container{width: 1170px;}}
@media (min-width: 1360px) {.container{width: 1340px;}  }

.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {margin-right: -15px;margin-left: -15px;}

.col-xxs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xlg-1, 
.col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xlg-2,  
.col-xxs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xlg-3,  
.col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xlg-4,  
.col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xlg-5,  
.col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xlg-6, 
.col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xlg-7,  
.col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xlg-8,  
.col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xlg-9,  
.col-xxs-10,.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xlg-10,  
.col-xxs-11,.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xlg-11,  
.col-xxs-12,.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 .col-xlg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, 
.col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left;}

.col-xxs-12 {  width: 100%;}
.col-xxs-11 {  width: 91.66666667%;}
.col-xxs-10 {  width: 83.33333333%;}
.col-xxs-9 {  width: 75%;}
.col-xxs-8 {  width: 66.66666667%;}
.col-xxs-7 {  width: 58.33333333%;}
.col-xxs-6 {  width: 50%;}
.col-xxs-5 {  width: 41.66666667%;}
.col-xxs-4 {  width: 33.33333333%;}
.col-xxs-3 {  width: 25%;}
.col-xxs-2 {  width: 16.66666667%;}
.col-xxs-1 {  width: 8.33333333%;}

@media (min-width: 480px) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, 
	.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left; }

	.col-xs-12 {  width: 100%;}
	.col-xs-11 {  width: 91.66666667%;}
	.col-xs-10 {  width: 83.33333333%;}
	.col-xs-9 {  width: 75%;}
	.col-xs-8 {  width: 66.66666667%;}
	.col-xs-7 {  width: 58.33333333%;}
	.col-xs-6 {  width: 50%;}
	.col-xs-5 {  width: 41.66666667%;}
	.col-xs-4 {  width: 33.33333333%;}
	.col-xs-3 {  width: 25%;}
	.col-xs-2 {  width: 16.66666667%;}
	.col-xs-1 {  width: 8.33333333%;}
}

@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}

	.col-sm-12 {  width: 100%;}
	.col-sm-11 {  width: 91.66666667%;}
	.col-sm-10 {  width: 83.33333333%;}
	.col-sm-9 {  width: 75%;}
	.col-sm-8 {  width: 66.66666667%;}
	.col-sm-7 {  width: 58.33333333%;}
	.col-sm-6 {  width: 50%;}
	.col-sm-5 {  width: 41.66666667%;}
	.col-sm-4 {  width: 33.33333333%;}
	.col-sm-3 {  width: 25%;}
	.col-sm-2 {  width: 16.66666667%;}
	.col-sm-1 {  width: 8.33333333%;}
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  
	.col-md-12 {  width: 100%;}
	.col-md-11 {  width: 91.66666667%;}
	.col-md-10 {  width: 83.33333333%;}
	.col-md-9 {  width: 75%;}
	.col-md-8 {  width: 66.66666667%;}
	.col-md-7 {  width: 58.33333333%;}
	.col-md-6 {  width: 50%;}
	.col-md-5 {  width: 41.66666667%;}
	.col-md-4 {  width: 33.33333333%;}
	.col-md-3 {  width: 25%;}
	.col-md-2 {  width: 16.66666667%;}
	.col-md-1 {  width: 8.33333333%;}
}
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}

	.col-lg-12 {  width: 100%;}
	.col-lg-11 {  width: 91.66666667%;}
	.col-lg-10 {  width: 83.33333333%;}
	.col-lg-9 {  width: 75%;}
	.col-lg-8 {  width: 66.66666667%;}
	.col-lg-7 {  width: 58.33333333%;}
	.col-lg-6 {  width: 50%;}
	.col-lg-5 {  width: 41.66666667%;}
	.col-lg-4 {  width: 33.33333333%;}
	.col-lg-3 {  width: 25%;}
	.col-lg-2 {  width: 16.66666667%;}
	.col-lg-1 {  width: 8.33333333%;}
}
@media (min-width: 1360px) {
    
	.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, 
	.col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {float: left;}

	.col-xlg-12 {  width: 100%;}
	.col-xlg-11 {  width: 91.66666667%;}
	.col-xlg-10 {  width: 83.33333333%;}
	.col-xlg-9 {  width: 75%;}
	.col-xlg-8 {  width: 66.66666667%;}
	.col-xlg-7 {  width: 58.33333333%;}
	.col-xlg-6 {  width: 50%;}
	.col-xlg-5 {  width: 41.66666667%;}
	.col-xlg-4 {  width: 33.33333333%;}
	.col-xlg-3 {  width: 25%;}
	.col-xlg-2 {  width: 16.66666667%;}
	.col-xlg-1 {  width: 8.33333333%;}
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.container:after,
.container-fluid:after,
.row:after,
.nav:after,
.navbar:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.contblock{width:100%;} 
.contblock1000{width:1000px;} 
.contblock900{width:900px;} 
.contblock800{width:800px;}  
.contblock700{width:700px;}  

.contblock,.contblock700,.contblock800,.contblock900,.contblock1000 {position:relative;margin: 0 auto;} 
.contblock:before, .contblock:after,
.contblock700:before, .contblock700:after,
.contblock800:before, .contblock800:after,
.contblock900:before, .contblock900:after,
.contblock1000:before, .contblock1000:after {display: table; content: " ";clear: both;} 

/* 부트스트랩 기본 갭 15px 를 초기화하여 사용자 필요에 따라 갭넓이 조절 = 합이 15가 되어야 함. */
.lsh-col-gap-1{padding:0 1px;}.lsh-row-gap-14{padding:0 14px;}
.lsh-col-gap-2{padding:0 2px;}.lsh-row-gap-13{padding:0 13px;}
.lsh-col-gap-3{padding:0 3px;}.lsh-row-gap-12{padding:0 12px;}
.lsh-col-gap-4{padding:0 4px;}.lsh-row-gap-11{padding:0 11px;}
.lsh-col-gap-5{padding:0 5px;}.lsh-row-gap-10{padding:0 10px;}
.lsh-col-gap-6{padding:0 6px;}.lsh-row-gap-9{padding:0 9px;}

/* 부트스트랩 기본 갭 15px 를 초기화하여 사용자 필요에 따라 갭넓이 조절 = 합이 15가 되어야 함. */
.gallery-col-gap-1{padding:1px 1px;}.gallery-row-gap-14{padding:0 14px;}
.gallery-col-gap-2{padding:2px 2px;}.gallery-row-gap-13{padding:0 13px;}
.gallery-col-gap-3{padding:3px 3px;}.gallery-row-gap-12{padding:0 12px;}
.gallery-col-gap-4{padding:4px 4px;}.gallery-row-gap-11{padding:0 11px;}
.gallery-col-gap-5{padding:5px 5px;}.gallery-row-gap-10{padding:0 10px;}
.gallery-col-gap-6{padding:6px 6px;}.gallery-row-gap-9{padding:0 9px;}

/* Semantic 정의 */
.ellipsis {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.4em;max-height: 1.4em;text-align: justify;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis2 {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.4em;max-height: 2.8em;text-align: justify;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis3 {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.4em;max-height: 4.2em;text-align: justify;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis:before, .ellipsis2:before, .ellipsis3:before {content: '...';position: absolute;right: 0;bottom: 0;}
.ellipsis:after, .ellipsis2:after, .ellipsis3:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white;}

.fw-normal{font-weight:normal;}
.fw-bold{font-weight:bold;}
.fw-bolder{font-weight:bolder;}

.ta-left {text-align:left;}
.ta-right {text-align:right;} 
.ta-center {text-align:center;}

.po-rel{position:relative;}
.po-abs{position:absolute;}
.po-fix{position:fixed;}

.abs-mid{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);}
.hidden-form{width: 0;height: 0;font-size: 0;padding: 0;margin: 0;line-height: 0;border: none;outline: none;position: absolute;z-index: -1;}

.mg0{margin:0;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgb80{margin-bottom:80px;}
.mgb90{margin-bottom:90px;}
.mgb100{margin-bottom:100px;}

.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl70{margin-left:70px;}
.mgl80{margin-left:80px;}
.mgl90{margin-left:90px;}
.mgl100{margin-left:100px;}

.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}
.mgr60{margin-right:60px;}
.mgr70{margin-right:70px;}
.mgr80{margin-right:80px;}
.mgr90{margin-right:90px;}
.mgr100{margin-right:100px;}

.pd0{padding:0;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}

.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}
.pdb60{padding-bottom:60px;}
.pdb70{padding-bottom:70px;}
.pdb80{padding-bottom:80px;}
.pdb90{padding-bottom:90px;}
.pdb100{padding-bottom:100px;}

.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdl60{padding-left:60px;}
.pdl70{padding-left:70px;}
.pdl80{padding-left:80px;}
.pdl90{padding-left:90px;}
.pdl100{padding-left:100px;}

.pdr10{padding-right:10px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.pdr60{padding-right:60px;}
.pdr70{padding-right:70px;}
.pdr80{padding-right:80px;}
.pdr90{padding-right:90px;}
.pdr100{padding-right:100px;}

.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}

.w10pct{width:10%;}
.w15pct{width:15%;}
.w20pct{width:20%;}
.w25pct{width:25%;}
.w30pct{width:30%;}
.w35pct{width:35%;}
.w40pct{width:40%;}
.w45pct{width:45%;}
.w50pct{width:50%;}
.w55pct{width:55%;}
.w60pct{width:60%;}
.w65pct{width:65%;}
.w70pct{width:70%;}
.w75pct{width:75%;}
.w80pct{width:80%;}
.w85pct{width:85%;}
.w90pct{width:90%;}
.w95pct{width:95%;}
.w100pct{width:100%;}

/*============================== End Reset CSS ==================================== */

/*============================= Start Common CSS ================================== */
/*Preloading*/
#preloader {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;bottom: 0;background-color: #fff;z-index: 999999;}
.sk-spinner-wave.sk-spinner {margin: -15px 0 0 -25px;position: absolute;left: 50%;top: 50%;width: 50px;height: 30px;text-align: center;font-size: 10px;}
.ie8 .sk-spinner-wave.sk-spinner {display: none;}
.sk-spinner-wave div {background-color: #ccc;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}

/* toast and loading */ 
div.loadimgWrap {display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 10000;background-color: #fff;opacity: 0.5;} 
img.loadimg{display:none;width:60px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);} 
.toast{ 
    font-size:1.4rem;
	display:none;z-index:10000; width:auto;min-width:250px;height:20px;height:auto;position:fixed;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%); 
	background-color: rgba(56, 56, 56, .9);color: #F0F0F0;padding:10px;text-align:center;border-radius: 2px; 
	-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); 
} 

/* 기본테이블 */
table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
caption {padding:0;font-size:0;line-height:0;overflow:hidden}
thead th {padding:5px;font-weight:normal;text-align:center;border:1px solid #ccc;background:#fafafa;}
thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
tfoot th, tfoot td {padding:5px;border:1px solid #ccc;background:#d7e0e2;text-align:center}
tbody th {padding:5px;border:1px solid #ccc;background:#fff;}
td {background:#fff;padding:5px;border:1px solid #ccc;line-height:1.4em;word-break:break-all}
tbody tr td:hover{background:#f3f3f3;}

/*============================= End Common CSS ================================= */

/*----------------- Media Query --------------------*/
@media (max-width:1199px){
}
@media (min-width: 992px) { 
}
@media (max-width: 991px) {
}
@media (min-width: 800px) {
}
@media (max-width:767px){
}
@media (max-width: 639px) {
}
@media (max-width: 549px) {
}
@media (max-width: 479px) {
}
@media (max-width: 359px) {
}