@charset "utf-8";


.h1{font-weight:600; line-height:160%;  margin-bottom:20px;position: relative;}
.h2{position:relative; margin-bottom:10px;}
.h2:before{content:''; width:20px; height:15px; background:url("/theme/basic/img/pub/s2hd-icon.png") no-repeat; display:inline-block;}
.h3{position:relative; margin-bottom:10px;}
.h3:before{content:''; width:17px; height:13px; background:url("/theme/basic/img/pub/s3hd-icon.png") no-repeat; display:inline-block;}


.sb-title{font-size: 29px;font-weight: 600;line-height: 160%;margin-bottom: 20px;position: relative;}
.sb-title2{font-size: 23px;font-weight: 600;line-height: 160%;margin-bottom: 20px;position: relative;}
.sb-title3{font-size: 18px;font-weight: 600;line-height: 160%;margin-bottom: 20px;position: relative;}


.view_bo_con {word-break:keep-all;}
.view_bo_con img{max-width:100% !important;}

.block{display:block;} /* 블록 */
.inline{display:inline-block;} /* 인라인블록 */

.m-float-none{float:none !important;}
.float-left{float:left}
.float-right{float:right}

.clear{clear:both}
.clearfix::after {display: block;  clear: both;  content: "";}
.floatfix:before, .floatfix:after {content: '';display: table;}
.floatfix:after {clear: both;}

.mo-none{display:block;} /* PC - 노출, 모바일에서 숨김처리!! */
.hidden{display:none !important;}
.hide{display:none !important;}
.d-none {display: none !important;}
.d-table {display: table !important;}
.d-table-row {display: table-row !important;}
.d-table-cell {display: table-cell !important;}
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.hide_box{width:0px !important;height:0px  !important;border:0px !important;background-color:#fff !important;padding:0px !important;}

.text-hide {  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.visible {  visibility: visible !important;}
.invisible {  visibility: hidden !important;}

.overflow-visible {overflow: visible !important;}
.overflow-hidden {overflow: hidden !important;}

.scroll-x{width:100%; overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;min-width:600px}


.gap{clear:both;display:inline-block;margin-bottom:10px;width:100%}
.con-xs-gap, .xs-gap{clear:both;display:inline-block;margin-bottom:20px;width:100%}
.con-sm-gap, .sm-gap{clear:both;display:inline-block;margin-bottom:40px;width:100%}
.con-gap, .md-gap{clear:both;display:inline-block;margin-bottom:60px;width:100%}
.con-lg-gap, .lg-gap{clear:both;display:inline-block;margin-bottom:80px;width:100%}
.con-xl-gap, .xl-gap{clear:both;display:inline-block;margin-bottom:100px;width:100%}
.last-gap{clear:both;display:inline-block;margin-bottom:20px;width:100%}


.con-img{display: block;  margin-left: auto;  margin-right: auto;text-align:center}
.con-img img{max-width:100% !important;}
.img_fix {width:100%;height:auto} /* ie6 이미지 너비 지정 */
.img-thumbnail {padding: 0.25rem;background-color: #fff;border: 0.0625rem solid #dee2e6;border-radius: 0.25rem;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);max-width: 100%;height: auto;}

.img-hover:hover img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}
.bg-hover {-webkit-transition: transform .3s ease-out;-moz-transition: transform .3s ease-out;-ms-transition: transform .3s ease-out;-o-transition: transform .3s ease-out;transition: transform .3s ease-out;}
.bg-hover:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */-o-transform: scale(1.2);transform: scale(1.2);}

.point, .text-point{color:#e76523;} /* 주의문구 */


/*포지션*/
.position-static {position: static !important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-sticky {position: sticky !important;}
.fixed-top {position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;}
.fixed-bottom {position: fixed;  right: 0;  bottom: 0;  left: 0;  z-index: 1030;}

/*라운드*/
.round {border-radius: 0.375rem !important;}
.rounded-sm {border-radius: 0.2rem !important;}
.rounded-lg {border-radius: 0.3rem !important;}
.round-top {  border-top-left-radius: 0.375rem !important;  border-top-right-radius: 0.375rem !important;}
.round-right {  border-top-right-radius: 0.375rem !important;  border-bottom-right-radius: 0.375rem !important;}
.round-bottom {  border-bottom-right-radius: 0.375rem !important;  border-bottom-left-radius: 0.375rem !important;}
.round-left {  border-top-left-radius: 0.375rem !important;  border-bottom-left-radius: 0.375rem !important;}
.round-circle {  border-radius: 50% !important;}
.rounded-pill {border-radius: 50rem !important;}
.round-0 {  border-radius: 0 !important;}


/*그림자*/
.shadow-none {box-shadow: none !important;}
.shadow{box-shadow: 0 0 0.5rem rgba(136, 152, 170, 0.075) !important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.shadow-lg {box-shadow: 0 0 3rem rgba(136, 152, 170, 0.175) !important;}


.w-auto {width: auto !important;}
.h-auto {height: auto !important;}
.mw100 {max-width: 100% !important;}
.mh100 {max-height: 100% !important;}
.min-vw100 {min-width: 100vw !important;}
.min-vh100 {min-height: 100vh !important;}
.vw100 {width: 100vw !important;}
.vh100 {height: 100vh !important;}

/* box */
.box, .box-gray{border:1px solid #ddd; background:#f3f3f3;} /* 회색테두리, 회색배경 */
.box1{background:#fafafa;} /*테두리없음, 연회색배경 */
.box2{background:#f6f6f6;} /*테두리없음, 회색배경 */
.box3, .box-white{border:1px solid #ddd;background:#fff} /* 회색테두리, 흰배경*/
.box-size{box-sizing:content-box;}

/*모눈종이 box*/
.closs-box, .ts {background:url('/theme/basic/img/closs_bg.png');width:100%;border:1px solid #ddd;display:inline-block;text-align: center;}

/* 테이블 */
.tbl-wrap{border-top:2px solid #6a4a9a; width:calc(100% - 1px);display:inline-block;}
.con-tbl-width{width:calc(100% - 2px)}
.con-tbl {border-spacing: 0px; border-collapse: collapse; display:table;margin:0 auto}
.con-tbl caption{position:absolute; top:-5000px; left:0; text-indent:-99999px;}
.con-tbl thead th{background:#fafafa; border:1px solid #ddd; padding:10px;}
.con-tbl tbody th{background:#f9f9f6; border:1px solid #ddd; padding:10px; text-align:center}
.con-tbl td{border:1px solid #ddd; background:#fff; padding:10px; white-space: normal; word-break: break-all;}
.con-tbl .need-bg{background:#fafafa; color:#739b42;}

/*네임팬 효과*/
.namepen {width: fit-content;padding: 0 0.25%;position: relative;z-index: 1;}
.namepen::after {position: absolute;display: block;content: '\00a0';width: 100%;left: 0;right: 0;top: 50%;height: 60%;background-color: #ffe360;transform: skew(-5deg);z-index: -1;}


/*버튼*/
.btn-wr{text-align:center;display:inline-block;width:100%;}
.btn-download {display:inline-block;background:linear-gradient(to right, #06aa70, #8c75b8); color: #fff; padding: 15px 40px !important; font-size: 14px; font-weight: 600; text-align: center; transition:all ease 0.5s;}
.btn-download:hover{background:linear-gradient(to right, #9173b1, #eb6163);transition:all ease 0.5s; color:#fff;}
.btn-md{display:inline-block;padding: 7px 20px; font-size: 14px; font-weight: 600; text-align: center;  transition:all ease 0.5s;}

.btn-service{clear:both;width:100%;text-align:center}
.btn-service a{background:#9274B2;padding:10px 80px;text-align:center;color:#fff;margin:40px 10px;display:inline-block;}
.btn-service a:hover{color:#ffeb3b}

.btn-privacy{width:100%;background:linear-gradient(to right, #06aa70, #8c75b8); color: #fff; padding: 10px 20px; font-size: 14px; font-weight: 600; text-align: center; transition:all ease 0.5s;margin:0 auto}
.btn-privacy a{color: #fff !important; }
.btn-privacy:hover{background:linear-gradient(to right, #9173b1, #eb6163);transition:all ease 0.5s; color:#fff;}
.btn_confirm {text-align:center;}

.btn {
  position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
 color: #fff;
  font-size: 0.875rem;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  /*background-color: transparent;*/
  padding: 0.4rem 0.7rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  border: 0px !important;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-sm {
  position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
  /*color: #525f7f;*/
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  line-height: 1.3;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
   transition:all ease 0.5s;
	border: 0px !important;
}

.btn-lg, .btn-group-lg>.btn {
position: relative;
  text-transform: uppercase;
  will-change: transform;
  letter-spacing: 0.025em;
  /*color: #525f7f;*/
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  /*border: 1px solid transparent;*/
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  padding: 0.8rem 1.2rem;
  font-size: 1.2rem;
   transition:all ease 0.5s;
}

.btn:hover {box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);transform: translateY(-1px);}
.btn-sm:hover {box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transform: translateY(-1px);}


.line-highlight {
	background: rgba(107, 115, 148, 0.2);
	background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
	background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
}



/* 컨텐츠 정렬 */
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-bottom {vertical-align: text-bottom !important;}
.text-top {vertical-align: text-top !important;}
.text-justify {text-align: justify !important;}

.text-baseline, .align-baseline {vertical-align: baseline !important;}
.align-top {vertical-align: top !important;}
.text-middle, .align-middle {vertical-align: middle !important;}
.text-bottom, .align-bottom {vertical-align: bottom !important;}

.text-nowrap {white-space: nowrap !important;}
.text-truncate {overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.text-underline {text-decoration: underline;}
.text-through {text-decoration: line-through;}
.text-bold{font-weight:bold;font-weight:600}
.text-light, .font-light, .text-normal {font-weight: 300 !important;}
.text-italic, .font-italic {font-style: italic !important;}

.text-spacing-1 {letter-spacing: .0625rem;}
.text-spacing-15 {letter-spacing: .09375rem;}
.text-spacing-2 {letter-spacing: 0.125rem;}
.ls-1, .text-spacing1 {letter-spacing: .0625rem;}
.ls-2, .text-spacing2 {letter-spacing: 0.125rem;}
.ls-15, .text-spacing3 {letter-spacing: .09375rem;}

.text-lowercase {text-transform: lowercase !important;}
.text-uppercase {text-transform: uppercase !important;}
.text-capitalize {text-transform: capitalize !important;}
.text-break {word-break: break-word !important; overflow-wrap: break-word !important;}
.text-decoration-none {text-decoration: none !important;}

.text-small, .small{font-size: 80%;}
.text-big{font-size:160%}
.text-xs {font-size: 0.75rem !important;}
.text-sm {font-size: 0.875rem !important;}
.text-lg {font-size: 1.45rem !important;}
.text-xl {font-size: 1.6rem !important;}


.text-300, .font-weight-300 {font-weight: 300 !important;}
.text-400, .font-weight-400 {font-weight: 400 !important;}
.text-500, .font-weight-500 {font-weight: 500 !important;}
.text-600, .font-weight-600 {font-weight: 600 !important;}
.text-700, .font-weight-700 {font-weight: 700 !important;}
.text-800, .font-weight-800 {font-weight: 800 !important;}
.text-900, .font-weight-900 {font-weight: 900 !important;}

.lh-100 {line-height: 1;}
.lh-110 {line-height: 1.1;}
.lh-120 {line-height: 1.2;}
.lh-130 {line-height: 1.3;}
.lh-140 {line-height: 1.4;}
.lh-150 {line-height: 1.5;}
.lh-160 {line-height: 1.6;}
.lh-170 {line-height: 1.7;}
.lh-180 {line-height: 1.8;}

.wd-100{width:100%;}
.wd-50{width:calc(50% - 3px);}
.wd-33{width:calc(33.3% - 3px);}
.wd-25{width:calc(25% - 3px);}
.wd-20{width:calc(20% - 4px);}

.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-33 {width: 33.333% !important;}
.w-40 {width: 40% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.w-100 {width: 100% !important;}



.wc-50-10{width:calc(50% - 10px);}
.wc-50-20{width:calc(50% - 20px);}
.wc-33{width:calc(33.333333% - 10px);}
.wc-25{width:calc(25% - 15px);}
.wc-20{width:calc(20% - 15px);}


.cal-box3 .cbox{float:left;display:inline-block;width:calc(33.3333% - 13.4px);margin-right:20px}
.cal-box3 .cobx img{max-width:100%}
.cal-box3 .cbox:last-child{margin-right:0px}


.w-auto {width: auto !important;}
.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}
.h-100 {height: 100% !important;}
.h-auto {height: auto !important;}
.h-100vh {height: 100vh !important;}

.text-9{font-size:9pt}
.text-10{font-size:10pt}
.text-11{font-size:11pt}
.text-12{font-size:12pt}
.text-13{font-size:13pt}
.text-14{font-size:14pt}
.text-15{font-size:15pt}
.text-16{font-size:16pt}
.text-17{font-size:17pt}
.text-18{font-size:18pt}
.text-19{font-size:19pt}
.text-20{font-size:20pt}
.text-21{font-size:21pt}
.text-22{font-size:22pt}
.text-23{font-size:23pt}
.text-24{font-size:24pt}
.text-25{font-size:25pt}
.text-26{font-size:26pt}
.text-27{font-size:27pt}
.text-28{font-size:28pt}
.text-29{font-size:29pt}
.text-30{font-size:30pt}
.text-40{font-size:40pt}



.center {left: 50%;transform: translateX(-50%);}

.top-0 {top: 0;}
.right-0 {right: 0;}
.bottom-0 { bottom: 0;}
.left-0 {left: 0;}
.top-1 {top: 0.25rem;}
.right-1 {right: 0.25rem;}
.bottom-1 {bottom: 0.25rem;}
.left-1 {left: 0.25rem;}
.top-2 {top: 0.5rem;}
.right-2 {right: 0.5rem;}
.bottom-2 {bottom: 0.5rem;}
.left-2 {left: 0.5rem;}
.top-3 {top: 1rem;}
.right-3 {right: 1rem;}
.bottom-3 {bottom: 1rem;}
.left-3 {left: 1rem;}
.top-4 {top: 1.5rem;}
.right-4 {right: 1.5rem;}
.bottom-4 {bottom: 1.5rem;}
.left-4 {left: 1.5rem;}
.top-5 {top: 3rem;}
.right-5 {right: 3rem;}
.bottom-5 {bottom: 3rem;}
.left-5 {left: 3rem;}
.top-6 {top: 4.5rem;}
.right-6 {right: 4.5rem;}
.bottom-6 {bottom: 4.5rem;}
.left-6 {left: 4.5rem;}
.top-7 {top: 6rem;}
.right-7 {right: 6rem;}
.bottom-7 {bottom: 6rem;}
.left-7 {left: 6rem;}
.top-8 {top: 8rem;}
.right-8 {right: 8rem;}
.bottom-8 {bottom: 8rem;}
.left-8 {left: 8rem;}
.top-9 {top: 10rem;}
.right-9 {right: 10rem;}
.bottom-9 {bottom: 10rem;}
.left-9 {left: 10rem;}

/* 컨텐츠 글자 컬러 */
.text-white{color:#fff !important;}
.text-dark{color:#333 !important;}
.text-brown{color:#4B2D27 !important;}
.text-green{color:#336600 !important;}
.text-orange{color:#e58e67 !important;}
.text-yellow{color:#FDD000 !important;}
.text-blue{color:#0e6ba0 !important;}
.text-skyblue{color:#249cd9 !important;}
.text-warning{color:#f29600 !important;}
.text-indigo {color: #5603ad !important;}
.text-purple {color: #6a4a9a  !important;}
.text-pink {color: #f3a4b5 !important;}
.text-red {color: #f5365c !important;}
.text-danger{color:#e7374c !important;}
.text-cyan {color: #9999ff !important;}
.text-gray {color: #8898aa !important;}
.text-lightgray {color: #ced4da !important;}
.text-light {color: #fafafa !important;}
.text-darkgray{color: #808080 !important;}
.text-darkpink{color:#DC287C !important;}
.text-hotpink{color:#ff66cc !important;}

.text-black-50 {color: rgba(0, 0, 0, 0.5) !important;}
.text-white-50 {color: rgba(255, 255, 255, 0.5) !important;}
.text-reset {color: inherit !important;}




/* 컨텐츠 배경 컬러 */
.bg-white{background-color:#fff !important;}
.bg-dark{background-color:#000033 !important;}
.bg-gray{background-color:#939598 !important;}
.bg-lightgray{background-color:#f3f3f3 !important;}
.bg-brown{background-color:#4B2D27 !important;}
.bg-lightgreen{background-color:#3dab33 !important;}
.bg-green{background-color:#36ac37 !important;}
.bg-orange{background-color:#f97846 !important;}
.bg-yellow{background-color:#f7b41f !important;}
.bg-blue{background-color:#3c5da2 !important;}
.bg-warning{background-color:#f4646d !important;}
.bg-purple{background-color:#6a4a9a !important;}
.bg-darkpink{background-color:#DC287C !important;}
.bg-pink{background-color:#ff66cc !important;}
.bg-mint{background-color:#1cbbb4 !important;}
.bg-none {background-color: transparent !important;}

.bg-gradient-primary {background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;}
.bg-gradient-secondary {background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;}
.bg-gradient-success {background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;}
.bg-gradient-info {background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;}
.bg-gradient-warning {background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;}
.bg-gradient-danger {background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;}
.bg-gradient-light {background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;}
.bg-gradient-dark {background: linear-gradient(87deg, #212529 0, #212229 100%) !important;}
.bg-gradient-default {background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;}
.bg-gradient-white {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}
.bg-gradient-neutral {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}
.bg-gradient-darker {background: linear-gradient(87deg, #000 0, #000 100%) !important;}
.bg-gradient-blue {background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important;}
.bg-gradient-indigo {background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important;}
.bg-gradient-purple {background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important;}
.bg-gradient-pink {background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important;}
.bg-gradient-red {background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important;}
.bg-gradient-orange {background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important;}
.bg-gradient-yellow {background: linear-gradient(35deg, #ffd600 0, #beff00 100%) !important;}
.bg-gradient-green {background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important;}
.bg-gradient-teal {background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important;}
.bg-gradient-cyan {background: linear-gradient(35deg, #2bffc6 0, #2be0ff 100%) !important;}
.bg-gradient-white {background: linear-gradient(35deg, #fff 0, #fff 100%) !important;}
.bg-gradient-gray {background: linear-gradient(35deg, #8898aa 0, #888aaa 100%) !important;}
.bg-gradient-gray-dark {background: linear-gradient(35deg, #32325d 0, #44325d 100%) !important;}
.bg-gradient-light {background: linear-gradient(35deg, #ced4da 0, #cecfda 100%) !important;}
.bg-gradient-lighter {background: linear-gradient(35deg, #e9ecef 0, #e9eaef 100%) !important;}
.bg-translucent-primary {background-color: rgba(63, 87, 223, 0.6) !important;}


/* 컨텐츠 간격 */
.m-auto{margin:0 auto}

.mg0{margin:0px !important;}
.mg2{margin:2px !important;}
.mg3{margin:3px !important;}
.mg4{margin:4px !important;}
.mg5{margin:5px !important;}
.mg10{margin:10px  !important;}
.mg15{margin:15px  !important;}
.mg20{margin:20px !important; }
.mg30{margin:30px  !important;}
.mg40{margin:40px  !important;}
.mg50{margin:50px  !important;}
.mg60{margin:60px  !important;}
.mg70{margin:70px  !important;}
.mg80{margin:80px  !important;}
.mg90{margin:90px  !important;}
.mg100{margin:100px  !important;}
.mg200{margin:200px  !important;}
.mg300{margin:300px  !important;}
.mg400{margin:400px  !important;}
.mg500{margin:500px  !important;}

.mt0{margin-top:0px  !important;}
.mt5{margin-top:5px  !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt200{margin-top:200px !important;}
.mt300{margin-top:300px !important;}
.mt400{margin-top:400px !important;}
.mt500{margin-top:500px !important;}



.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.ml200{margin-left:200px !important;}
.ml300{margin-left:300px !important;}
.ml400{margin-left:400px !important;}
.ml500{margin-left:500px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr80{margin-right:90px !important;}
.mr100{margin-right:100px !important;}
.mr200{margin-right:200px !important;}
.mr300{margin-right:300px !important;}
.mr400{margin-right:400px !important;}
.mr500{margin-right:500px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}
.mb300{margin-bottom:300px !important;}
.mb400{margin-bottom:400px !important;}
.mb500{margin-bottom:500px !important;}


.pd0{padding:0px !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}
.pd60{padding:60px !important}
.pd70{padding:70px !important}
.pd80{padding:80px !important}
.pd90{padding:90px !important}
.pd100{padding:100px !important}
.pd200{padding:200px !important}
.pd300{padding:300px !important}
.pd400{padding:400px !important}
.pd500{padding:500px !important}


.pt0{padding-top:0px  !important}
.pt5{padding-top:5px  !important}
.pt10{padding-top:10px  !important}
.pt15{padding-top:15px  !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}
.pt200{padding-top:200px !important}
.pt300{padding-top:300px !important}
.pt400{padding-top:400px !important}
.pt500{padding-top:500px !important}
.pt-100 {padding-top: 100px !important;}
.pt-150 {padding-top: 150px !important;}
.pt-200 {padding-top: 200px !important;}
.pt-250 {padding-top: 250px !important;}
.pt-300 {padding-top: 300px !important;}


.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}
.pb60{padding-bottom:60px !important}
.pb70{padding-bottom:70px !important}
.pb80{padding-bottom:80px !important}
.pb90{padding-bottom:90px !important}
.pb100{padding-bottom:100px !important}
.pb200{padding-bottom:200px !important}
.pb300{padding-bottom:300px !important}
.pb400{padding-bottom:400px !important}
.pb500{padding-bottom:500px !important}
.pb-100 {padding-bottom: 100px !important;}
.pb-150 {padding-bottom: 150px !important;}
.pb-200 {padding-bottom: 200px !important;}
.pb-250 {padding-bottom: 250px !important;}
.pb-300 {padding-bottom: 300px !important;}

.pl0{padding-left:0px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}
.pl70{padding-left:70px !important}
.pl80{padding-left:80px !important}
.pl90{padding-left:90px !important}
.pl100{padding-left:100px !important}
.pl200{padding-left:200px !important}
.pl300{padding-left:300px !important}
.pl400{padding-left:400px !important}
.pl500{padding-left:500px !important}

.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr30{padding-right:30px !important}
.pr40{padding-right:40px !important}
.pr50{padding-right:50px !important}
.pr60{padding-right:60px !important}
.pr70{padding-right:70px !important}
.pr80{padding-right:80px !important}
.pr90{padding-right:90px !important}
.pr100{padding-right:100px !important}
.pr200{padding-right:200px !important}
.pr300{padding-right:300px !important}
.pr400{padding-right:400px !important}
.pr500{padding-right:500px !important}


.opacity-1 {opacity: .1 !important;}
.opacity-2 {opacity: .2 !important;}
.opacity-3 {opacity: .3 !important;}
.opacity-4 {opacity: .4 !important;}
.opacity-5 {opacity: .5 !important;}
.opacity-6 {opacity: .6 !important;}
.opacity-7 {opacity: .7 !important;}
.opacity-8 {opacity: .8 !important;}
.opacity-9 {opacity: .9 !important;}
.opacity-10 {opacity: 1 !important;}



.border {border: 1px solid #d3d3d3 !important;}
.border-top {border-top: 0.0625rem solid #d3d3d3 !important;}
.border-right {border-right: 0.0625rem solid #d3d3d3 !important;}
.border-bottom {border-bottom: 0.0625rem solid #d3d3d3 !important;}
.border-left {border-left: 0.0625rem solid #d3d3d3 !important;}

.border-0 {border: 0 !important;}
.border-top-0 {border-top: 0 !important;}
.border-right-0 {border-right: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}
.border-left-0 {border-left: 0 !important;}

.border-gray{border-color:#d3d3d3 !important;}
.border-primary {border-color: #5e72e4 !important;}
.border-secondary {border-color: #f4f5f7 !important;}
.border-success {border-color: #2dce89 !important;}
.border-info {border-color: #11cdef !important;}
.border-warning {border-color: #fb6340 !important;}
.border-danger {border-color: #f5365c !important;}
.border-light {border-color: #adb5bd !important;}
.border-dark {border-color: #212529 !important;}
.border-default {border-color: #172b4d !important;}
.border-white {border-color: #fff !important;}
.border-neutral {border-color: #fff !important;}
.border-darker {border-color: #000 !important;}
.border-white {border-color: #fff !important;}





@media (min-width: 992px) {
	.float-lg-left {float: left !important;}
	.float-lg-right {float: right !important;}
	.float-lg-none {float: none !important;}
	.text-lg-left {text-align: left !important;}
	.text-lg-right {text-align: right !important;}
	.text-lg-center {text-align: center !important;}
}


@media (min-width: 768px) {
	.float-md-left {float: left !important;}
	.float-md-right {float: right !important;}
	.float-md-none {float: none !important;}
	.text-md-left {text-align: left !important;}
	.text-md-right {text-align: right !important;}
	.text-md-center {text-align: center !important;}

	.m-mg0{margin:0px !important;}
	.m-mg2{margin:2px !important;}
	.m-mg3{margin:3px !important;}
	.m-mg4{margin:4px !important;}
	.m-mg5{margin:5px !important;}
	.m-mg10{margin:10px  !important;}
	.m-mg15{margin:15px  !important;}
	.m-mg20{margin:20px !important; }
	.m-mg30{margin:30px  !important;}
	.m-mg40{margin:40px  !important;}
	.m-mg50{margin:50px  !important;}
	.m-mg60{margin:60px  !important;}
	.m-mg70{margin:70px  !important;}
	.m-mg80{margin:80px  !important;}
	.m-mg90{margin:90px  !important;}
	.m-mg100{margin:100px  !important;}

	.m-mt0{margin-top:0px  !important;}
	.m-mt5{margin-top:5px  !important;}
	.m-mt10{margin-top:10px !important;}
	.m-mt15{margin-top:15px !important;}
	.m-mt20{margin-top:20px !important;}
	.m-mt30{margin-top:30px !important;}
	.m-mt40{margin-top:40px !important;}
	.m-mt50{margin-top:50px !important;}
	.m-mt60{margin-top:60px !important;}
	.m-mt70{margin-top:70px !important;}
	.m-mt80{margin-top:80px !important;}
	.m-mt90{margin-top:90px !important;}
	.m-mt100{margin-top:100px !important;}


	.m-ml0{margin-left:0 !important;}
	.m-ml5{margin-left:5 !important;}
	.m-ml10{margin-left:10px !important;}
	.m-ml15{margin-left:15px !important;}
	.m-ml20{margin-left:20px !important;}
	.m-ml30{margin-left:30px !important;}
	.m-ml40{margin-left:40px !important;}
	.m-ml50{margin-left:50px !important;}
	.m-ml60{margin-left:60px !important;}
	.m-ml70{margin-left:70px !important;}
	.m-ml80{margin-left:80px !important;}
	.m-ml90{margin-left:90px !important;}
	.m-ml100{margin-left:100px !important;}

	.m-mr0{margin-right:0 !important;}
	.m-mr5{margin-right:5 !important;}
	.m-mr10{margin-right:10px !important;}
	.m-mr15{margin-right:15px !important;}
	.m-mr20{margin-right:20px !important;}
	.m-mr30{margin-right:30px !important;}
	.m-mr40{margin-right:40px !important;}
	.m-mr50{margin-right:50px !important;}
	.m-mr60{margin-right:60px !important;}
	.m-mr70{margin-right:70px !important;}
	.m-mr80{margin-right:80px !important;}
	.m-mr80{margin-right:90px !important;}
	.m-mr100{margin-right:100px !important;}

	.m-mb0{margin-bottom:0px !important;}
	.m-mb5{margin-bottom:5px !important;}
	.m-mb10{margin-bottom:10px !important;}
	.m-mb15{margin-bottom:15px !important;}
	.m-mb20{margin-bottom:20px !important;}
	.m-mb30{margin-bottom:30px !important;}
	.m-mb40{margin-bottom:40px !important;}
	.m-mb50{margin-bottom:50px !important;}
	.m-mb60{margin-bottom:60px !important;}
	.m-mb70{margin-bottom:70px !important;}
	.m-mb80{margin-bottom:80px !important;}
	.m-mb90{margin-bottom:90px !important;}
	.m-mb100{margin-bottom:100px !important;}


	.m-pd0{padding:0px !important}
	.m-pd5{padding:5px !important}
	.m-pd10{padding:10px !important}
	.m-pd15{padding:15px !important}
	.m-pd20{padding:20px !important}
	.m-pd25{padding:25px !important}
	.m-pd30{padding:30px !important}
	.m-pd35{padding:35px !important}
	.m-pd40{padding:40px !important}
	.m-pd45{padding:45px !important}
	.m-pd50{padding:50px !important}
	.m-pd60{padding:60px !important}
	.m-pd70{padding:70px !important}
	.m-pd80{padding:80px !important}
	.m-pd90{padding:90px !important}
	.m-pd100{padding:100px !important}

	.m-pt0{padding-top:0px  !important}
	.m-pt5{padding-top:5px  !important}
	.m-pt10{padding-top:10px  !important}
	.m-pt15{padding-top:15px  !important}
	.m-pt20{padding-top:20px !important}
	.m-pt30{padding-top:30px !important}
	.m-pt40{padding-top:40px !important}
	.m-pt50{padding-top:50px !important}
	.m-pt60{padding-top:60px !important}
	.m-pt70{padding-top:70px !important}
	.m-pt80{padding-top:80px !important}
	.m-pt90{padding-top:90px !important}
	.m-pt100{padding-top:100px !important}
	.m-pt150{padding-top: 150px !important;}
	.m-pt200{padding-top: 200px !important;}
	.m-pt250{padding-top: 250px !important;}
	.m-pt300{padding-top: 300px !important;}


	.m-pb0{padding-bottom:0px !important}
	.m-pb5{padding-bottom:5px !important}
	.m-pb10{padding-bottom:10px !important}
	.m-pb15{padding-bottom:15px !important}
	.m-pb20{padding-bottom:20px !important}
	.m-pb30{padding-bottom:30px !important}
	.m-pb40{padding-bottom:40px !important}
	.m-pb50{padding-bottom:50px !important}
	.m-pb60{padding-bottom:60px !important}
	.m-pb70{padding-bottom:70px !important}
	.m-pb80{padding-bottom:80px !important}
	.m-pb90{padding-bottom:90px !important}

	.m-pb100 {padding-bottom: 100px !important;}
	.m-pb150 {padding-bottom: 150px !important;}
	.m-pb200 {padding-bottom: 200px !important;}
	.m-pb250 {padding-bottom: 250px !important;}
	.m-pb300 {padding-bottom: 300px !important;}

	.m-pl0{padding-left:0px !important}
	.m-pl10{padding-left:10px !important}
	.m-pl15{padding-left:15px !important}
	.m-pl20{padding-left:20px !important}
	.m-pl30{padding-left:30px !important}
	.m-pl40{padding-left:40px !important}
	.m-pl50{padding-left:50px !important}
	.m-pl60{padding-left:60px !important}
	.m-pl70{padding-left:70px !important}
	.m-pl80{padding-left:80px !important}
	.m-pl90{padding-left:90px !important}
	.m-pl100{padding-left:100px !important}

	.m-pr0{padding-right:0px !important}
	.m-pr5{padding-right:5px !important}
	.m-pr10{padding-right:10px !important}
	.m-pr15{padding-right:15px !important}
	.m-pr20{padding-right:20px !important}
	.m-pr30{padding-right:30px !important}
	.m-pr40{padding-right:40px !important}
	.m-pr50{padding-right:50px !important}
	.m-pr60{padding-right:60px !important}
	.m-pr70{padding-right:70px !important}
	.m-pr80{padding-right:80px !important}
	.m-pr90{padding-right:90px !important}
	.m-pr100{padding-right:100px !important}
}


@media (min-width: 576px) {

	.float-sm-left {float: left !important;}
	.float-sm-right {float: right !important;}
	.float-sm-none {float: none !important;}
	.text-sm-left {text-align: left !important;}
	.text-sm-right {text-align: right !important;}
	.text-sm-center {text-align: center !important;}

	.d-sm-none {display: none !important;}
	.d-sm-inline {display: inline !important;}
	.d-sm-inline-block {display: inline-block !important;}
	.d-sm-block {display: block !important;}
	.d-sm-table {display: table !important;}
	.d-sm-table-row {display: table-row !important;}
	.d-sm-table-cell {display: table-cell !important;}
	.d-sm-flex {display: flex !important;}
	.d-sm-inline-flex {display: inline-flex !important;}

}

@media (min-width: 768px) {

	.d-md-none {display: none !important;}
	.d-md-inline {display: inline !important;}
	.d-md-inline-block {display: inline-block !important;}
	.d-md-block {display: block !important;}
	.d-md-table {display: table !important;}
	.d-md-table-row {display: table-row !important;}
	.d-md-table-cell {display: table-cell !important;}
	.d-md-flex {display: flex !important;}
	.d-md-inline-flex {display: inline-flex !important;}

}


@media (min-width: 992px) {

	.d-lg-none {display: none !important;}
	.d-lg-inline {display: inline !important;}
	.d-lg-inline-block {display: inline-block !important;}
	.d-lg-block {display: block !important;}
	.d-lg-table {display: table !important;}
	.d-lg-table-row {display: table-row !important;}
	.d-lg-table-cell {display: table-cell !important;}
	.d-lg-flex {display: flex !important;}
	.d-lg-inline-flex {display: inline-flex !important;}

}

@media (min-width: 1100px) {

	.d-xl-none {display: none !important;}
	.d-xl-inline {display: inline !important;}
	.d-xl-inline-block {display: inline-block !important;}
	.d-xl-block {display: block !important;}
	.d-xl-table {display: table !important;}
	.d-xl-table-row {display: table-row !important;}
	.d-xl-table-cell {display: table-cell !important;}
	.d-xl-flex {display: flex !important;}
	.d-xl-inline-flex {display: inline-flex !important;}

}

@media print {

	.d-print-none {display: none !important;}
	.d-print-inline {display: inline !important;}
	.d-print-inline-block {display: inline-block !important;}
	.d-print-block {display: block !important;}
	.d-print-table {display: table !important;}
	.d-print-table-row {display: table-row !important;}
	.d-print-table-cell {display: table-cell !important;}
	.d-print-flex {display: flex !important;}
	.d-print-inline-flex {display: inline-flex !important;}

}

@media (min-width: 1100px) {

	.text-xl-left {text-align: left !important}
	.text-xl-left {text-align: left !important;}
	.text-xl-right {text-align: right !important;}
	.text-xl-center {text-align: center !important;}

}








/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff;line-height:180%;word-break:keep-all;letter-spacing:-0.5px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] { cursor: pointer; -webkit-appearance: none;-webkit-border-radius: 0;}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}
a:hover{color:#114287 !important}

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

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-top:2px solid #00529b}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#00529b;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #ddd;background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#00529b;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:500;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#00529b;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#00529b;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
#gnb .gnb_1dli:hover{background:#1a30a7;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:500;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #00529b}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:none}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555}

/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:875px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:500;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {display:none;position:fixed;bottom:20px;right:20px;width:30px;height:30px;line-height:26px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
/* #top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} */

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:500;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:calc(100% - 196px); height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:500;text-align:left;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:500;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:none;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#00529b;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#000}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff !important;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#00529b;padding:0 10px;color:#fff !important;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#2680d0}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff !important;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:1px solid #333;}
.tbl_wrap caption {padding:10px 0;font-weight:500;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:none}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em; color:#000; font-weight:500;}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 게시판 글쓰기 */
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
/* #bo_w .bo_w_tit .frm_input{padding-right:120px;} */
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{height:40px;border-radius:3px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:10px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#00529b;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#00529b;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:500;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00529B}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:500;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 버튼 */
.bo_fx{text-align:right;}
.bo_fx .btn_bo_user li{display:inline-block;}

/* 카테고리 */
#bo_cate {margin:0 0 40px;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float: left; width: 25%; font-size:16px;}
#bo_cate a {display: block; text-align: center; line-height: 48px; background: #fafafa; color: #888; font-weight: 500; border: 1px solid #ddd; border-left: none;}
#bo_cate li:first-child > a  {border-left:1px solid #ddd}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {background: url('/theme/business08/img/bg_btn_bg.png'); color: #fff;font-weight:600; border: 2px solid #114287; line-height: 46px;}
#bo_cate #bo_cate_on a:hover{color:#fff !important}

/* 검색 */
#bo_sch {float:left;border:1px solid #ddd;background:#fff;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
#bo_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{width:calc(100% - 40px) !important;height:38px;border:0;background-color:transparent;float:left; padding-left:5px !important;}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
.sch_word {color:#00c4ac} /* 검색결과 색상 */
.ft_sns{float:right; margin-top:20px;}
.ft_sns ul li{float:left; margin-left:10px;}


@media screen and (max-device-width:768px){ /* 태블릿용 미디어쿼리 */
	#bo_sch {margin:10px 0;}
}

select {padding:7px !important}

/* Content Style */
.view_con img{max-width:100%; height:auto;}
.view_con .box{border:1px solid #ddd; background:#fafafa;border-radius:5px;width:100%;padding:15px}
.view_con .cbox{border:1px solid #ddd; background:#fafafa;border-radius:5px;width:100%;padding:25px 20%;text-align:center}
.view_con .cbox2{border:1px solid #ddd; background:#fafafa;border-radius:5px;width:100%;padding:15px 15%}

.view_bo_con  h2{font-size:18px;font-weight:bold;margin-top:30px;padding-left:15px;position:relative;}
.view_bo_con  h2:before{content: ''; width: 5px; height: 25px; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, #0066cc 0%,#0066cc 50%,#0066cc 50%,#000000 50%,#000000 100%);}

.btn-wr{text-align:center;}
.m-btn{border:1px solid #114287; color:#fff; background:#114287; border-radius:5px; padding:5px 10px; margin:0 10px; display:inline-block;}
.m-btn:hover{background:#fff;}

@media screen and (max-width: 480px) {
	.view_con .cbox{padding:25px;}
	.view_con .cbox2{padding:15px;}
	.m-btn{display:block; width:200px; margin:10px auto;}




	#captcha.m_captcha audio {width:100%; margin-bottom:20px;}
	#captcha.m_captcha #captcha_img {width:100%; height:auto;}
	#captcha.m_captcha #captcha_key {height:40px; width:calc(100% - 48px); }
	.wrap_map{height:250px !important;}
	}