@charset "utf-8";
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 */
* {margin:0; padding:0;}
html {overflow-y:scroll}
html.noscr {overflow:hidden;}
html.fixed {overflow-y:hidden;}
body {margin:0;padding:0;font-size: 17px;font-family: 'Noto Sans KR',sans-serif;letter-spacing:-1px;}
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;}
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;max-width: 100%;}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR',sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;font-weight: 500;}

textarea, select {font-family: 'Noto Sans KR',sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;font-weight: 500;display: inline-block;}

*, :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}


/* 공통 속성 적용 */
.gft {font-family: 'GyeonggiTitle', 'Noto Sans KR', serif;}
.mft {font-family: 'Montserrat', 'Noto Sans KR', serif;}
.df {display:flex;flex-wrap:wrap;align-items: center;}
.t-cell{display:table-cell;vertical-align:middle}
.bd5{font-weight:500}
.t-el{text-overflow: ellipsis;line-height: 26px;height: 26px;-webkit-line-clamp: 1;overflow: hidden;white-space: nowrap;}

.wr-1400{max-width:1400px;margin:0 auto;}

@media (max-width:1440px){
	.wr-1400{padding:0 20px}
}


/* 팝업레이어 */
#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}

@media (max-width:1300px){
	.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;width: 95%;left: 2.5% !important;top: 50px !important}
	.hd_pops_con {width: auto !important;height: auto !important}
	.hd_pops_con img {width: 100%;height: auto}
}

/* 상단 레이아웃 */
#hd {text-align:center;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;zoom:1;border-bottom: 1px solid #ddd;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper .wr-1400{position: relative;justify-content: space-between;}
#hd_wrapper  #hd_logo {/* margin: 17px 0; */}
#hd_wrapper #hd_logo a{display:block;padding: 15px 0;}
.gnb_wr{width: 1000px;padding-left: 230px;}


/* 헤더 검색 - 검색 기능 사용 시 수정 */
.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}

/* 메인메뉴 */
#gnb {/* display: inline-block; */}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size: 18px;padding:0;zoom:1;}
#gnb ul:after {}
#gnb .gnb_1dli {float:left;padding: 0px 10px;position:relative;line-height: 75px;width: 25%;}
#gnb .gnb_1dli:after{display:block;content:'';position:absolute;width:2px;height: 15px;background:#ddd;right:0;top:50%;transform: translateY(-50%);}
#gnb .gnb_1dli:last-child:after{display:none;}
#gnb .gnb_1dli:hover > a {color: #3f88d3;-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 {position:absolute;top:24px;right:8px;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:block;padding: 10px 50px;color: #575757;text-decoration:none;font-size: 18px;}
.gnb_2dul {display:none;position:absolute;top: 80px;/* min-width:140px; */padding-top:2px;width: 100%;z-index: 999;}
.gnb_2dul:after{display:block;content: '';position: absolute;top: -18px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-bottom: 10px solid #3f88d4;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.gnb_2dul .gnb_2dul_box {padding: 10px 0 15px;-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);border-radius: 10px;background: #3f88d3;overflow: hidden;}
.gnb_2dli {/* margin:3px 0; */padding: 0 15px;}
.gnb_2da {display:block;line-height: 45px;color:rgba(255,255,255,0.9);text-align: center;text-decoration:none;width: 100%;font-size: 16px;transition:all ease 0.3s;font-weight: 500;border-bottom: 1px solid rgba(255,255,255,0.5);}
.gnb_2da:hover {color: #fff;font-weight: 700;}
.gnb_2dli:last-child .gnb_2da{border-bottom:0;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.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:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3f88d3;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}


/* 사이트맵 */
#sitemap {float: right;position: relative;}
#sitemap .sitemap-btn {width: 30px;height: 75px;border:0;background: none;padding: 0;;;;;;;position: relative;z-index: 9999;}
#sitemap .sitemap-btn span {display: block;width: 100%;/* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); *//* border-radius: 3px; */height: 3px;background: #000;transition: all .3s;position: relative;}
#sitemap .sitemap-btn span + span {margin-top: 6px;}

#sitemap .sitemap-btn.active span:nth-child(1) {animation: ease .7s top forwards;}
#sitemap .sitemap-btn.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
#sitemap .sitemap-btn.active span:nth-child(2) {animation: ease .7s scaled forwards;}
#sitemap .sitemap-btn.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
#sitemap .sitemap-btn.active span:nth-child(3) {animation: ease .7s bottom forwards;}
#sitemap .sitemap-btn.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

@keyframes top {
  0% {top: 0;transform: rotate(0);}
  50% {top: 6px;transform: rotate(0);}
  100% {top: 6px;transform: rotate(45deg); background:#fff;}
}

@keyframes top-2 {
  0% {top: 6px;transform: rotate(45deg);}
  50% {top: 6px;transform: rotate(0deg);}
  100% {top: 0;transform: rotate(0deg);}
}

@keyframes bottom {
  0% {bottom: 0;transform: rotate(0);}
  50% {bottom: 6px;transform: rotate(0);}
  100% {bottom: 12px;transform: rotate(135deg); background:#fff;}
}

@keyframes bottom-2 {
  0% {bottom: 6px;transform: rotate(135deg);}
  50% {bottom: 10px;transform: rotate(0);}
  100% {bottom: 0;transform: rotate(0);}
}

@keyframes scaled {
  50% {transform: scale(0);}
  100% {transform: scale(0);}
}

@keyframes scaled-2 {
  0% {transform: scale(0);}
  50% {transform: scale(0);}
  100% {transform: scale(1);}
}

/* 헤더 추가 - 로그인 */
#tnb {}
#tnb .tnb_bx {display:inline-block;color:#fff;font-weight:500;transition:all 0.2s;}
#tnb .tnb_bx a{padding: 5px 10px;font-weight: 400;position: relative;display: inline-block;color: #444444;font-size: 16px;}
#tnb .tnb_bx a i{margin-right:5px;}

/* 모바일 메뉴 */
#mgnb {display:none;position: absolute;right: 0;top: 0;}
#mgnb .m-gnb-btn {width: 70px;height: 70px;border:0;background: transparent;padding: 23px;position: relative;z-index: 9999;}
#mgnb .m-gnb-btn span {display: block;width: 100%;/* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); *//* border-radius: 3px; */height: 3px;background: #fff;transition: all .3s;position: relative;}
#mgnb .m-gnb-btn span + span {margin-top: 6px;}
#mgnb .m-gnb-btn.active span:nth-child(1) {animation: ease .7s top forwards;}
#mgnb .m-gnb-btn.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
#mgnb .m-gnb-btn.active span:nth-child(2) {animation: ease .7s scaled forwards;}
#mgnb .m-gnb-btn.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
#mgnb .m-gnb-btn.active span:nth-child(3) {animation: ease .7s bottom forwards;}
#mgnb .m-gnb-btn.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

#mgnb-all{position: fixed;width: 49%;z-index: 1001;top: 0;right:-100%;background: #ffffff;height: 100%;min-width: 300px;transition: all 0.8s;}
.mgnb-overlay {display:none;width:100%;height:100%;position: fixed;top: 0;z-index: 999;display: none;background-color: rgba(0, 0, 0, 0.6);cursor: pointer;left: 0;}
#mgnb-all h2 {font-size:0; height:0;}

.mgnb-top {width:100%;height: 70px;background-size: 100%;overflow:hidden;padding: 10px;padding-right: 75px;background: #fff;border-bottom: 1px solid #ddd;}
.mgnb-top a {display:inline-block;text-align:center;position: relative;font-size: 14px;border: 1px solid #192e5f;margin: 15px 3px;font-weight: 500;padding: 2px 15px;border-radius: 50px;color: #192e5f;}

.mgnb {height: calc(100% - 125px);overflow-y:auto;overflow-x: hidden;}
.mgnb .mgnb-1dli {display:block;color: #2c3646;font-size: 17px;font-weight:500;}
.mgnb .mgnb-1dli .mgnb-1da {display: block;padding: 15px 25px 15px 20px;color: #3a3a3a;font-size: 16px;position:relative;}
.mgnb .mgnb-1dli.on .mgnb-1da {background: #006bb0;font-weight:700;color: #fff;}
.mgnb .mgnb-1dli .mgnb-1da:after {display:block;content:'';position:absolute;width: 15px;height: 2px;right: -100px;top: 21px;/* border-radius:100%; */background: #ffffff;transition:all 0.3s;}
.mgnb .mgnb-1dli.on .mgnb-1da:after {right:20px;}

.mgnb-2dul {display:none;background: #f7f7f7;padding: 10px 0;}
.mgnb-2dul .mgnb-2dli {line-height: 35px;font-size: 15px;}
.mgnb-2dul .mgnb-2dli:last-child {border-bottom:0;}
.mgnb-2dul .mgnb-2dli .mgnb-2da {display:block;color: #505050;padding: 0 40px;position:relative;font-weight:400;}
.mgnb-2dul .mgnb-2dli .mgnb-2da:before {display: none;content:'+';position:absolute;top:0px;left: 24px;color: #787878;transition:all 0.4s;}
.mgnb-2dul .mgnb-2dli.on .mgnb-2da:before {transform:rotate(90deg); color:#fff;}
.mgnb-2dul .mgnb-2dli.on .mgnb-2da {background:#494949; color:#fff;}

.mgnb-3dul {display: none;}
.mgnb_3dli {padding:3px 0;}
.mgnb-3da {display:block;padding: 5px 20px 5px 50px;position:relative;line-height:25px;color:#333;font-size:14px;word-break: keep-all;}
.mgnb-3da:before {display:block;content:''; position:absolute; left:40px; top:16px; width:3px; height:3px; background:#167ac6; border-radius:100%; }

.mgnb-bt {width:100%;}
.mgnb-bt a {background: #333;color:#fff;display:block;padding: 10px;line-height: 30px;text-align: center;font-weight: 700;font-size: 14px;}

@media (max-width:1650px){
	#gnb .gnb_1dli{line-height: 70px;}
}

@media (max-width:1440px){
	.gnb_wr{width: 900px;padding-left: 200px;}
	#gnb .gnb_1dli{line-height: 65px;}
	.gnb_1da{padding: 8px 40px;}
	.gnb_2dul{top: 65px;}
}

@media (max-width:1300px){
	.gnb_wr{width: 700px;padding-left: 100px;}
	#gnb .gnb_1dli{line-height: 60px;}
	.gnb_1da{padding: 5px 25px;font-size: 16px;}
	.gnb_2dul{top: 60px;}
	.gnb_2dul .gnb_2dul_box{padding: 8px 0 10px;}
	.gnb_2da{line-height: 38px;font-size: 15px;}
	#tnb .tnb_bx a{font-size:14px;padding: 5px;}
	#tnb .tnb_bx a i{margin-right:3px;}
}

@media (max-width: 1024px){
	#hd_wrapper{border-bottom:0;}
	.gnb_wr{display:none}
	#gnb {display:none;}
	#sitemap {display:none;}
	#tnb {display:none;}
}

@media (max-width:1024px){
	#mgnb {display:block;}
	#mgnb-all.active {right: 0;top: 0;}
	#mgnb .m-gnb-btn {background: #192e5f;}
}



/* section01 */
#sec01 {width:100%;overflow: hidden;position:relative;}
#sec01 .top-visu{position:relative;}
#sec01 .top-visu .main-visu-wr {width:100%;position:relative;}
#sec01 .top-visu .main-visu-wr .swiper-slide{width:100%;height: 675px;}
#sec01 .top-visu .main-visu-wr .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size: contain;background-position: top right;}
#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg01{background-image:url('../img/main-visual01.jpg');}
#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg02{background-image:url('../img/main-visual02.jpg');}
#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg03{background-image:url('../img/main-visual03.jpg');}
#sec01 .top-visu .main-visu-con{position:absolute;top: 20%;left: 50%;margin-left: -700px;width: 100%;max-width: 700px;z-index: 1;}
#sec01 .top-visu .main-visu-con .txt-wr{}
#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 55px;font-weight: 700;line-height: 70px;}
#sec01 .top-visu .main-visu-con .txt-wr .t02{padding-top: 20px;font-size: 19px;}
#sec01 .top-visu .main-visu-con .search-wr{}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap {width:500px;padding: 40px 0 50px;}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch {}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch legend {background:red}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch form {}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_bar {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_input {width: calc(100% - 60px);line-height: 40px;border:0;padding: 5px 20px;background: #f5f5f5;border-radius: 10px;box-shadow: inset 1px 1px 8px -5px #747474;}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_btn {width: 50px;line-height: 10px;border:0;font-size: 23px;color: #fff;border-radius: 10px;background: #15387a;box-shadow: 2px 2px 5px -3px #000;}
#sec01 .top-visu .main-visu-con .search-wr .bo_sch_bg {background:#000;background:rgba(0,0,0,0.0);width:100%;height:100%}
#sec01 .top-visu .main-visu-con .btn-wr{position:relative;}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-button{background: none;position: static;margin: 0;display: inline-block;font-weight: bold;font-size: 30px;width: 20px;height: 30px;line-height: 28px;text-align: center;vertical-align: middle;}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-button-next{}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-button-prev{}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination{position:static;display: inline-block;padding: 0;margin-right: 30px;vertical-align: middle;}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination .swiper-pagination-bullet{width: 120px;border-radius: 0;background: #e5e5e5;margin: 0;opacity: 1;}
#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination .swiper-pagination-bullet-active{background: #3f88d3;border-radius: 10px;}

#sec01 .btm-menu{max-width: 1150px;margin:0 auto;justify-content: space-between;padding: 80px 20px;}
#sec01 .btm-menu .menu-bx{max-width:20%;text-align: center;width: 100%;}
#sec01 .btm-menu .menu-bx a{text-align: center;}
#sec01 .btm-menu .menu-bx .icon-wr{width: 135px;line-height: 135px;background: #f5f5f5;border-radius: 15px;transition: all ease 0.2s;margin: 0 auto;}
#sec01 .btm-menu .menu-bx .icon-wr img{transition:all ease 0.2s;max-width: 80%;}
#sec01 .btm-menu .menu-bx .txt-wr{padding-top: 25px;font-size: 20px;color: #696969;transition: all ease 0.2s;}
#sec01 .btm-menu .menu-bx a:hover .icon-wr img{transform:scale(1.1);}
#sec01 .btm-menu .menu-bx a:hover .txt-wr{color: #4c4c4c;font-weight: 700;}

@media (max-width:1920px){
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg{background-size:cover}
}

@media (max-width:1650px){
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 600px;}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg{background-size:cover}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 48px;line-height: 60px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{font-size: 18px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap{padding: 45px 0 30px;}
	#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination .swiper-pagination-bullet{width: 110px;}
}

@media (max-width:1440px){
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 550px;}
	#sec01 .top-visu .main-visu-con{left:0;margin-left:0;width:50%;padding-left: 20px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 45px;line-height: 50px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{font-size: 17px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap{padding: 40px 0 20px;}
	#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination .swiper-pagination-bullet{width: 100px;}
	#sec01 .btm-menu{padding: 80px 100px;}
	#sec01 .btm-menu .menu-bx .icon-wr{width: 120px;line-height: 120px;}
	#sec01 .btm-menu .menu-bx .txt-wr{font-size: 18px;}
}

@media (max-width:1300px){
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 455px;}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg{background-size: 1300px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 40px;line-height: 48px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{padding-top: 15px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap{width: 450px;padding: 35px 0 15px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_input{width: calc(100% - 50px);line-height: 35px;padding: 3px 15px;font-size: 16px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_btn{width: 45px;font-size: 18px;}
	#sec01 .top-visu .main-visu-con .btn-wr .swiper-pagination .swiper-pagination-bullet{width: 80px;}
	#sec01 .btm-menu{padding: 60px 80px;}
	#sec01 .btm-menu .menu-bx .icon-wr{width: 100px;line-height: 100px;}
	#sec01 .btm-menu .menu-bx .txt-wr{font-size: 17px;padding-top: 20px;}
}

@media (max-width:1024px){
	#sec01 .top-visu .main-visu-wr{opacity: 0.6;}
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 420px;}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg{background-size:cover;background-position: center top;}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg01{background-image:url('../img/main-visual01-mo.jpg');}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg02{background-image:url('../img/main-visual02-mo.jpg');}
	#sec01 .top-visu .main-visu-wr .swiper-slide .bg.bg03{background-image:url('../img/main-visual03-mo.jpg');}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 38px;line-height: 45px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{padding-top: 13px;}
	#sec01 .top-visu .main-visu-con{width: 100%;padding: 80px 80px;top: 0;}
	#sec01 .top-visu .main-visu-con .txt-wr{text-shadow: 1px 1px 2px #fff;}
	#sec01 .btm-menu{padding: 50px 60px;}
	#sec01 .btm-menu .menu-bx .icon-wr{width: 90px;line-height: 80px;}
	#sec01 .btm-menu .menu-bx .txt-wr{padding-top: 15px;}
}

@media (max-width:768px){
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 350px;}
	#sec01 .top-visu .main-visu-con{padding: 60px 40px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap{width: 300px;max-width: 100%;padding: 30px 0 0;}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 35px;line-height: 43px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{padding-top: 10px;font-size: 16px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_input{width: calc(100% - 50px);line-height: 30px;padding: 3px 10px;font-size: 15px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch .sch_btn{width: 40px;font-size: 16px;}
	#sec01 .top-visu .main-visu-con .btn-wr{display:none;}
	#sec01 .btm-menu{padding: 40px 30px;}
	#sec01 .btm-menu .menu-bx .icon-wr{width: 80px;line-height: 75px;}
	#sec01 .btm-menu .menu-bx .txt-wr{font-size: 15px;padding-top: 10px;}
}

@media (max-width: 500px){
	#sec01 .top-visu .main-visu-wr .swiper-slide{height: 250px;}
	#sec01 .top-visu .main-visu-con{padding: 40px 20px;}
	#sec01 .top-visu .main-visu-con .search-wr .bo_sch_wrap{max-width: 100%;padding: 15px 0 0;}
	#sec01 .top-visu .main-visu-con .txt-wr .t01{font-size: 32px;line-height: 40px;}
	#sec01 .top-visu .main-visu-con .txt-wr .t02{padding-top: 8px;font-size: 15px;}
	#sec01 .btm-menu{padding: 30px 10px;justify-content: space-evenly;width: 300px;}
	#sec01 .btm-menu .menu-bx{max-width: unset;max-width: 30%;margin: 7px 0;}
	#sec01 .btm-menu .menu-bx .icon-wr{width: 75px;line-height: 60px;}
	#sec01 .btm-menu .menu-bx .txt-wr{/* font-size: 14px; */padding-top: 5px;}
}




/* section02 */
#sec02{background:#ecf3f9;padding: 100px 0 80px;}
#sec02 .top-wr{justify-content: space-between;align-items: flex-end;padding-bottom: 40px;font-weight: 700;color: #141f35;}
#sec02 .top-wr .ttl-wr{}
#sec02 .top-wr .ttl-wr p{font-size: 38px;position: relative;}
#sec02 .top-wr .ttl-wr p:before{display:block;content:'';position:absolute;width:10px;height:10px;background: #bdc2c7;left:0;top:-40px;border-radius: 100%;}
#sec02 .top-wr .side-wr{font-size: 26px;text-align: right;}
#sec02 .con-wr{padding: 20px 40px;background:#fff;border-radius: 15px;}
#sec02 .con-wr ul{justify-content: space-between;}
#sec02 .con-wr ul li{width: calc(50% - 50px);border-top: 2px solid #eee;}
#sec02 .con-wr ul li:nth-child(1),
#sec02 .con-wr ul li:nth-child(2) {border-top:0;}
#sec02 .con-wr ul li a{position:relative;padding: 10px 5px 15px;width: 100%;transition: all ease 0.3s;}
#sec02 .con-wr ul li .ttl-ln{font-size:20px;color: #696969;transition: all ease 0.2s;height: auto;line-height: unset;}
#sec02 .con-wr ul li .btm-ln{line-height: 25px;margin-top: 5px;}
#sec02 .con-wr ul li .btm-ln .dday{background: #181949;color:#fff;display:inline-block;width: 100px;text-align: center;font-size: 14px;border-radius: 6px;}
#sec02 .con-wr ul li .btm-ln .date{font-size:15px;display:inline-block;padding-left: 10px;color: #717171;}
#sec02 .con-wr ul li .stt-wr{position:absolute;right: 0;top: 50%;transform: translateY(-50%);}
#sec02 .con-wr ul li .stt-wr .stt-bx{color:#fff;width: 70px;line-height: 50px;text-align: center;border-radius: 7px;}
#sec02 .con-wr ul li .stt-wr .stt-bx.stt00{background:#ff0060;}
#sec02 .con-wr ul li .stt-wr .stt-bx.stt01{background:#327ee6;transition:all ease 0.3s;}
#sec02 .con-wr ul li .stt-wr .stt-bx.stt02{background:#14a34b;}


#sec02 .con-wr ul li a:hover .ttl-ln{color:#000;}
#sec02 .con-wr ul li a:hover .stt-wr .stt-bx.stt00{background: #ff00628e;}
#sec02 .con-wr ul li a:hover .stt-wr .stt-bx.stt01{background: #104c9d;}
#sec02 .con-wr ul li a:hover .stt-wr .stt-bx.stt02{background: #14a34b77;}

#sec02 .con-wr .nodata{height:262px;width:100%; display:flex;justify-content:center; align-items:center;}
#sec02 .con-wr .nodata::selection{display:none;}

@media (max-width:1440px){
	#sec02{padding: 80px 20px 60px;}
	#sec02 .top-wr .ttl-wr p{font-size: 34px;}
	#sec02 .top-wr .side-wr{font-size: 24px;}
	#sec02 .con-wr ul li .ttl-ln{font-size: 18px;}
}

@media (max-width: 1300px){
	#sec02{padding: 60px 20px 40px;}
	#sec02 .top-wr{padding-bottom: 25px;}
	#sec02 .top-wr .ttl-wr p{font-size: 32px;}
	#sec02 .top-wr .side-wr{font-size: 20px;}
	#sec02 .con-wr{padding: 15px 30px;}
	#sec02 .con-wr ul li{width:calc(50% - 30px)}
	#sec02 .con-wr ul li .ttl-ln{font-size: 17px;}
	#sec02 .con-wr ul li .btm-ln .dday{width: 90px;}
	#sec02 .con-wr ul li .stt-wr .stt-bx{width: 60px;font-size: 16px;}
}

@media (max-width: 1024px){
	#sec02{}
	#sec02 .top-wr{padding-bottom: 20px;}
	#sec02 .top-wr .ttl-wr p{font-size: 30px;}
	#sec02 .top-wr .side-wr{font-size: 18px;}
	#sec02 .con-wr{padding: 15px 25px;}
	#sec02 .con-wr ul li{width:calc(50% - 20px)}
	#sec02 .con-wr ul li a{padding: 8px 3px 10px;}
	#sec02 .con-wr ul li .ttl-ln{font-size: 16px;}
	#sec02 .con-wr ul li .btm-ln{line-height: 22px;margin-top: 3px;}
	#sec02 .con-wr ul li .btm-ln .dday{width: 65px;font-size: 13px;}
	#sec02 .con-wr ul li .btm-ln .date{font-size: 14px;padding-left: 6px;}
	#sec02 .con-wr ul li .stt-wr .stt-bx{width: 55px;font-size: 15px;}
}

@media (max-width:768px){
	#sec02{padding: 40px 20px 30px;}
	#sec02 .top-wr{padding-bottom: 15px;}
	#sec02 .top-wr .ttl-wr p{font-size: 26px;}
	#sec02 .top-wr .ttl-wr p:before{width: 8px;height: 8px;top: -30px;}
	#sec02 .top-wr .side-wr{font-size: 16px;}
	#sec02 .con-wr{padding: 10px;}
	#sec02 .con-wr ul{justify-content: center;}
	#sec02 .con-wr ul li{width:90%}
	#sec02 .con-wr ul li:nth-child(2){border-top: 2px solid #eee;}
	#sec02 .con-wr ul li:nth-child(5),
	#sec02 .con-wr ul li:nth-child(6){display:none;}
}

@media (max-width:500px){
	#sec02{padding: 40px 10px 30px;}
	#sec02 .top-wr .ttl-wr p{font-size: 24px;}
	#sec02 .top-wr .ttl-wr p:before{width: 6px;height: 6px;top: -15px;}
	#sec02 .top-wr .side-wr{display:none;}
	#sec02 .con-wr{padding: 10px 15px;}
	#sec02 .con-wr ul li{width:100%}
	#sec02 .con-wr ul li .btm-ln{margin-top: 5px;}
	#sec02 .con-wr ul li .btm-ln .dday{width: 55px;}
	#sec02 .con-wr ul li .btm-ln .date{padding-left: 5px;}
	#sec02 .con-wr ul li .stt-wr{top:8px;transform: translate(0);}
	#sec02 .con-wr ul li .stt-wr .stt-bx{width: 50px;font-size: 14px;line-height: 25px;}
}




/* section03 */
#sec03{}
#sec03 .sec-wr{justify-content:space-between;align-items: stretch;padding: 80px 0;}
#sec03 .ltst-bx{width: calc(50% - 40px);}
#sec03 .ltst-bx .ttl-wr{padding: 0 0 15px;font-size: 36px;border-bottom:2px solid #eee;position: relative;}
#sec03 .ltst-bx .ttl-wr .ttl{}
#sec03 .ltst-bx .ttl-wr .more{position:absolute;right:0;top: calc(50% - 10px);transform:translateY(-50%);width: 30px;text-align: center;}
#sec03 .ltst-bx .ttl-wr .more a{color:#747474;}
#sec03 .ltst-bx .con-wr{padding: 10px 0;height: 200px;}
#sec03 .ltst-bx.notice .con-wr{}
#sec03 .ltst-bx.notice .con-wr ul{}
#sec03 .ltst-bx.notice .con-wr ul li{margin: 3px 0;}
#sec03 .ltst-bx.notice .con-wr ul li a{display:flex;flex-wrap:wrap;justify-content:space-between;padding: 3px 0;}
#sec03 .ltst-bx.notice .con-wr ul li a .bo-ttl{font-size:15px;color: #3c3c3c;transition:all ease 0.2s;height: auto;line-height: unset;}
#sec03 .ltst-bx.notice .con-wr ul li a .bo-date{font-size:14px;color: #8e8e8e;}
#sec03 .ltst-bx.notice .con-wr ul li a:hover .bo-ttl{color:#000;}
#sec03 .ltst-bx.qna .con-wr{border-bottom:2px solid #eee;}
#sec03 .ltst-bx.qna .con-wr .bo-bx{display:table;width:100%;height: 100%;position: relative;}
#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{display:table-cell;vertical-align:middle;width: 275px;overflow: hidden;}
#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{display:table-cell;vertical-align:middle;padding-left: 40px;}
#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t01{font-size: 22px;}
#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t02{color:#6e6e6e;font-weight: 400;font-size: 15px;padding-top: 13px;}

#sec03 .con-wr .nodata{height:152px;width:100%; display:flex;justify-content:center; align-items:center;}
#sec03 .con-wr .nodata::selection{display:none;}

@media (max-width:1440px){
	#sec03 .sec-wr{padding: 80px 50px;}
}

@media (max-width:1300px){
	#sec03 .sec-wr{padding: 60px 50px;}
	#sec03 .ltst-bx{width:calc(50% - 30px);}
	#sec03 .ltst-bx .ttl-wr{padding: 0 0 10px;font-size: 33px;}
	#sec03 .ltst-bx .con-wr{height: 170px;}
	#sec03 .ltst-bx.notice .con-wr ul li{margin:2px 0;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{width: 200px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr img{width:auto;height:100%;object-fit:cover;object-position: center;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{padding-left: 30px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t01{font-size: 20px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t02{font-size: 14px;padding-top: 10px;}
}

@media (max-width:1024px){
	#sec03 .sec-wr{padding: 50px 50px;}
	#sec03 .ltst-bx{width:calc(50% - 20px);}
	#sec03 .ltst-bx .ttl-wr{padding: 0 0 10px;font-size: 30px;}
	#sec03 .ltst-bx .con-wr{padding:8px 0;height: 100px;}
	#sec03 .ltst-bx.notice .con-wr ul li{margin:2px 0;}
	#sec03 .ltst-bx.notice .con-wr ul li:nth-child(4),
	#sec03 .ltst-bx.notice .con-wr ul li:nth-child(5){display:none;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{width: 100px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{padding-left: 15px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t01{font-size: 18px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t02{font-size: 14px;padding-top: 5px;}
}

@media (max-width:960px){
	#sec03 .ltst-bx{width:100%;}
	#sec03 .ltst-bx .ttl-wr{padding: 0 0 10px;font-size: 26px;}
	#sec03 .ltst-bx .con-wr{padding: 10px 0;height: auto;}
	#sec03 .ltst-bx.notice{padding-bottom: 20px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{width: 276px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{padding-left: 20px;}
}

@media (max-width:768px){
	#sec03 .sec-wr{padding: 30px 50px;}
	#sec03 .ltst-bx .ttl-wr{padding: 0 0 6px;font-size: 24px;}
	#sec03 .ltst-bx.notice{padding-bottom: 15px;}
	#sec03 .ltst-bx.notice .con-wr ul li{margin: 1px 0;}
	#sec03 .ltst-bx.notice .con-wr ul li a{padding: 2px 0;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{width: 160px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{padding-left: 15px;}
}

@media (max-width:500px){
	#sec03 .sec-wr{padding: 30px 30px;}
	#sec03 .ltst-bx .ttl-wr{padding: 0 0 6px;font-size: 24px;}
	#sec03 .ltst-bx.notice{padding-bottom: 20px;}
	#sec03 .ltst-bx.notice .con-wr ul li{margin: 1px 0;}
	#sec03 .ltst-bx.notice .con-wr ul li a{padding: 2px 0;}
	#sec03 .ltst-bx.notice .con-wr ul li a .bo-ttl{font-size:14px;width: calc(100% - 85px);}
	#sec03 .ltst-bx.notice .con-wr ul li a .bo-date{font-size:13px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx{display:block;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr{width: 100%;display:block;height: 120px;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .img-wr img{width:100%;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr{width: 100%;display:block;padding: 15px 10px 5px;text-align: center;}
	#sec03 .ltst-bx.qna .con-wr .bo-bx .txt-wr .t02{}
}


/* section04 */
#sec04{}
#sec04 .sec-wr{background:#3f88d3;padding: 80px 0 50px;}
#sec04 .sec-ttl{font-size: 35px;font-weight: 500;color:#fff;text-align:center;}
#sec04 .bx-wrapper{width:100%;max-width: 100% !important;}
#sec04 .bx-wrapper .bx-viewport{padding:50px 0;}
#sec04 .slide-ul{}
#sec04 .slide-ul li{}
#sec04 .slide-ul li a{width:100%;transition:all ease 0.3s;height: 340px;}
#sec04 .slide-ul li .gal-bx{position:absolute;left:0;top:0;width:100%;border-radius:10px;overflow:hidden;transition:all ease 0.3s;}
#sec04 .slide-ul li .gal-bx .img-wr{width:100%;height: 215px;background-size:cover;background-position:center;background-repeat:no-repeat;}
#sec04 .slide-ul li .gal-bx .img-wr.img01{background-image:url('../img/album01.jpg')}
#sec04 .slide-ul li .gal-bx .img-wr.img02{background-image:url('../img/album02.jpg')}
#sec04 .slide-ul li .gal-bx .img-wr.img03{background-image:url('../img/album03.jpg')}
#sec04 .slide-ul li .gal-bx .img-wr.img04{background-image:url('../img/album04.jpg')}
#sec04 .slide-ul li .gal-bx .img-wr.img05{background-image:url('../img/album05.jpg')}
#sec04 .slide-ul li .gal-bx .img-wr.img06{background-image:url('../img/album06.jpg')}
#sec04 .slide-ul li .gal-bx .txt-wr{background:#fff;color:#8b8b8b;padding:20px 30px;transition:all ease 0.3s;height: 125px;}
#sec04 .slide-ul li .gal-bx .txt-wr .ttl{font-size:18px;color:#333;transition:all ease 0.3s;}
#sec04 .slide-ul li .gal-bx .txt-wr .txt{font-size:16px;font-weight:400;margin: 0 0 10px;height: 26px;line-height: 26px;}
#sec04 .slide-ul li .gal-bx .txt-wr .date{font-size:14px;font-weight:400;}
#sec04 .slide-ul li a:hover .gal-bx{top:-45px;}
#sec04 .slide-ul li a:hover .gal-bx .txt-wr{background:#1b3365;color:#fff;}
#sec04 .slide-ul li a:hover .gal-bx .txt-wr .ttl{color:#fff;}

#sec04 .sec-wr .nodata-ul{display:flex;justify-content:center; align-items:center;margin:30px 0;}
#sec04 .sec-wr .nodata-ul .nodata-li{width:300px;height:345px; display:block;position:relative;}
#sec04 .sec-wr .nodata-ul .nodata-li p{width:100%; line-height:340px;text-align:center;color:aliceblue;}
#sec04 .sec-wr .nodata-ul .nodata-li p::selection{display:none;}

@media (max-width:1440px){
	#sec04 .sec-wr{padding:70px 0 40px}
}
@media (max-width:1300px){
	#sec04 .sec-wr{padding:60px 0 40px}
	#sec04 .sec-ttl{font-size:32px;}
}
@media (max-width:1024px){
	#sec04 .sec-wr{padding:50px 0 30px}
	#sec04 .bx-wrapper .bx-viewport{padding: 40px 0;}
	#sec04 .slide-ul li a{height: 325px;}
	#sec04 .slide-ul li .gal-bx .img-wr{height:200px;}
	#sec04 .slide-ul li .gal-bx .txt-wr{padding:15px 20px;height: 115px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .ttl{font-size:17px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .txt{font-size:15px;height: 24px;line-height: 24px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .date{font-size:13px;}
}
@media (max-width:768px){
	#sec04 .sec-wr{padding:40px 0 30px}
	#sec04 .sec-ttl{font-size:28px;}
	#sec04 .bx-wrapper .bx-viewport{padding: 30px 0;}
	#sec04 .slide-ul li{width: 235px !important;}
	#sec04 .slide-ul li a{height: 280px;}
	#sec04 .slide-ul li .gal-bx .img-wr{height:180px;}
	#sec04 .slide-ul li .gal-bx .txt-wr{padding:10px 15px;height: 100px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .ttl{font-size: 16px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .txt{font-size: 14px;height: 20px;line-height: 20px;}
}

@media (max-width:540px){
	#sec04 .slide-ul li{width: 235px !important;}
	#sec04 .slide-ul li a{height: 250px;}
	#sec04 .slide-ul li .gal-bx .img-wr{height:160px;}
	#sec04 .slide-ul li .gal-bx .txt-wr{padding:8px 10px;height: 90px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .ttl{font-size: 15px;}
	#sec04 .slide-ul li .gal-bx .txt-wr .txt{font-size: 13px;height: 18px;line-height: 18px;margin:0 0 8px;}
}

@media (max-width:425px){
	#sec04{display:none;}
}



.aside {position: fixed;bottom: 100px;transform: translateY(-50%);right: 50px;}
.aside ul li {display: flex;justify-content: right;align-items: center;text-align: right;color: rgba(20, 31, 53, 0.27);margin: 18px 0;cursor: pointer;}
.aside ul li .page {display: inline-block;padding-right: 10px;font-weight: 700;letter-spacing: 0px;font-size: 13px;}
.aside ul li .circle {display: inline-block;width: 10px;height: 10px;background: #c6c6c4;border-radius: 100%;}

.aside ul li.active .page {font-size: 16px;color: #377afc;}
.aside ul li.active .circle {width:32px;height:32px;background: #377afc;margin-right: -11px;}


@media (max-width:1440px){
	.aside{right:20px;}
	.aside ul li{margin: 8px 0;}
	.aside ul li .page{padding-right: 8px;font-size: 0;}
	.aside ul li .circle{width: 8px;height: 8px;}
	
	.aside ul li.active .circle{width: 28px;height: 28px;margin-right: -9px;}
	.aside ul li.active .page{font-size: 13px;letter-spacing: 0;padding-right: 5px;}
}

@media (max-width:1300px) {
	.aside {right: 15px;}
	.aside ul li{margin: 5px 0;}
	.aside ul li .page{padding-right: 5px;}
	.aside ul li .circle{width: 5px;height: 5px;}
	
	.aside ul li.active .circle{width: 20px;height: 20px;margin-right: -7px;}
}

@media (max-width:1024px){
	.aside {display: none;}
}

/* 하단 레이아웃 */
#ft {margin:0 auto;position: relative;z-index: 9;}

.ft-banner{padding: 60px 0;}
.ft-banner .banner-slide-wr{position:relative;}
.ft-banner .banner-slide-wr .banner-slide{width: 100%;padding: 0 100px;}
.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx{padding: 0px 25px;}
.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a{display: block;text-align: center;}
.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a img{height: 55px;object-fit: contain;margin: 0 auto;}
.ft-banner .banner-slide-wr .banner-arr{position:absolute;top: 50%;transform: translateY(-50%);width: 65px;height: 65px;border-radius: 100%;background-color: #8a8a8a;background-size: 18%;background-repeat: no-repeat;background-position: center;transition: all ease 0.3s;}
.ft-banner .banner-slide-wr .banner-arr:hover{background-color:#15387a;}
.ft-banner .banner-slide-wr .banner-arr.banner-prev{background-image:url('../img/banner-prev.png');left:0;}
.ft-banner .banner-slide-wr .banner-arr.banner-next{background-image:url('../img/banner-next.png');right:0;}

@media (max-width:1440px){
	.ft-banner{padding:50px 40px;}
	.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a img{height: 50px;}
	.ft-banner .banner-slide-wr .banner-arr{width:60px;height:60px;}
}

@media (max-width:1300px){
	.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a img{height: 45px;}
	.ft-banner .banner-slide-wr .banner-arr{width:55px;height:55px;}
}

@media (max-width:1024px){
	.ft-banner{padding:30px 40px;}
	.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a img{height: 40px;}
	.ft-banner .banner-slide-wr .banner-arr{width:50px;height:50px;}
}

@media (max-width:768px){
	.ft-banner .banner-slide-wr .banner-slide{padding: 0 20px;}
	.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx{padding:0 10px;}
	.ft-banner .banner-slide-wr .banner-slide .banner-slide-bx a img{height: 35px;}
	.ft-banner .banner-slide-wr .banner-arr{width:40px;height:40px;}
}

@media (max-width:500px){
	.ft-banner{padding: 30px 0px;}
	.ft-banner .banner-slide-wr .banner-slide{padding:0;}
	.ft-banner .banner-slide-wr .banner-arr{display: none !important;}
}


.ft-info{background: #1b2029;padding: 45px 0 35px;color:#fff;font-size: 15px;position: relative;}
.ft-info .wr-frame{align-items:center;width: 100%;}
.ft-info .con-wr{padding: 10px 40px 15px;}
.ft-info .con-wr .wr-ttl{padding-bottom: 12px;}
.ft-info .logo-wr{width: 25%;}
.ft-info .logo-wr .logo{}
.ft-info .info-wr{width:35%;border-left: 1px solid #494d54;border-right: 1px solid #494d54;}
.ft-info .info-wr ul{}
.ft-info .info-wr ul li{line-height: 28px;}
.ft-info .info-wr ul li.copy{color: #909090;font-size: 14px;}
.ft-info .map-wr{width: 30%;}
.ft-info .map-wr .map-bx{}
.ft-info .map-wr .map-bx figure{}
.ft-info .map-wr .map-bx figure .hide{display:none;}
.ft-info .map-wr .map-bx figure .wrap_btn_zoom{display:none;}

#top_btn {width: 75px;height: 75px;border: 0;text-align:center;z-index: 1000;background: url('../img/top-img.png') no-repeat center;background-color: #13161b;border-radius: 100%;transition: background 0.2s;position: absolute;right: 50px;bottom: 30px;}
#top_btn:hover {background-color:#6c8fa3;}

@media (max-width:1300px){	
	.ft-info .map-wr{width: 35%;}

	#top_btn{width:70px;height:70px;right: 20px;}
}

@media (max-width:1024px){
	.ft-info .con-wr{padding: 10px 25px 5px;}
	.ft-info .wr-frame{align-items:baseline;justify-content: center;}
	.ft-info .logo-wr{width: 100%;text-align:center;padding: 10px 0 25px;}
	.ft-info .info-wr{width: calc(50% - 50px);border-left: 0;}
	.ft-info .map-wr{width: calc(50% - 50px);}

	#top_btn{width:60px;height:60px;}
}

@media (max-width:768px){
	.ft-info{padding: 30px 0;font-size: 14px;}
	.ft-info .con-wr{padding: 10px 25px 5px;}
	.ft-info .wr-frame{align-items:baseline;justify-content: flex-start;padding: 0;}
	.ft-info .logo-wr{width: 100%;text-align:center;padding: 10px 0 25px;}
	.ft-info .logo-wr .logo{width: 160px;}
	.ft-info .info-wr{width: 400px;margin: 0 auto;border-right: 0;}
	.ft-info .con-wr .wr-ttl{padding-bottom: 8px;}
	.ft-info .info-wr ul li{line-height: 24px;}
	.ft-info .map-wr{width: 400px;margin: 0 auto;/* text-align: center; */}

	#top_btn{width:60px;height:60px;}
}




/* 로그인 */
@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */
.login-bg {
	height: calc(100vh - 115px);
	background: url('../img/login.jpg') no-repeat center;
	background-size: cover;
	position: relative;
}

.log-wr .log-frm .frm-inner {
	max-width: 540px;
	margin: 10px auto;
	padding: 0 20px;
}

.log-wr .log-frm .frm-inner .input-box input {
	border: 0;
	background: transparent;
}

.frm-inner .input-box {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	align-items: center;
	margin: 25px 0px 30px;
}

.frm-inner .input-box span {
	width: 30px;
	font-weight: 700;
}

.frm-inner .input-box label {
	width: 25%;
	text-align: left;
	font-weight: 500;
	padding: 10px;
}

.frm-inner .input-box input {
	width: 75%;
	font-size: 16px;
	border: 0px;
	background: transparent;
	width: calc(100% - 30px);
	padding-left: 25px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.55);
}

.btn {
	border: transparent;
	border-radius: 0;
	line-height: 25px;
	font-weight: 500;
}

.btn-submit {
	background: #377afc;
	border-radius: 10px;
	border: 0;
	width: 100%;
	padding: 15px 10px;
	margin: 0px auto 20px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}

.btn-confirm {
	background: #181c2c;
	color: #fff;
	padding: 5px 20px;
}

.frm-inner .log-bt {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	grid-gap: 30px;
}

.frm-inner .log-bt a {
	display: inline-block;
	font-size: 13px;
	position: relative;
	font-weight: 500;
	width: 80px;
	height: 80px;
	padding: 20px 0;
	background: #122d58;
	border-radius: 100%;
	color: #FFF;
}

.frm-inner .log-bt a i {
	display: block;
	padding-bottom: 5px;
	font-size: 17px;
}

/* .frm-inner .log-bt a:after {display:block;content:'';position:absolute;width:1px;height:15px;background:#ccc;right:0;top: 9px;} */
.frm-inner .log-bt a:last-child:after {
	display: none;
}

.frm-inner .log-bt a:hover {
	text-decoration: none;
	font-weight: 700;
}

@media screen and (max-width: 500px) {
	.login-bg {
		min-height: 400px;
	}

	.btn-submit {
		padding: 10px;
		margin: 10px auto 20px;
		font-size: 14px
	}

	.frm-inner .input-box input {
		font-size:14px;
	}
	
	.frm-inner .log-bt a {
		display: inline-block;
		font-size: 10px;
		position: relative;
		font-weight: 500;
		width: 60px;
		height: 60px;
		padding: 15px 0;
	}
	
	.frm-inner .log-bt a i {
		font-size:15px;
		padding-bottom: 0px
	}
}

/* 버튼 */
.mbskin a.btn01 {}

.mbskin a.btn01:focus,
.mbskin .btn01:hover {}

.mbskin a.btn02 {}

.mbskin a.btn02:focus,
.mbskin .btn02:hover {}

.mbskin .btn_confirm {}

/* 서식단계 진행 */
.mbskin .btn_submit {}

.mbskin button.btn_submit {}

.mbskin fieldset .btn_submit {}

.mbskin .btn_cancel {}

.mbskin button.btn_cancel {}

.mbskin .btn_cancel:focus,
.mbskin .btn_cancel:hover {}

.mbskin a.btn_frmline,
.mbskin button.btn_frmline {}

/* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}

.mbskin .win_btn {}

/* 새창용 */
.mbskin .win_btn button {}

.mbskin .win_btn input {}

.mbskin .win_btn a {}

.mbskin .win_btn a:focus,
.mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}

.mbskin a.btn_b01:focus,
.mbskin .btn_b01:hover {}

.mbskin a.btn_b02 {}

.mbskin a.btn_b02:focus,
.mbskin .btn_b02:hover {}

.mbskin a.btn_admin {}

/* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus,
.mbskin a.btn_admin:hover {}

/* 기본박스 */
.mbskin {
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 500px;
	width: 100%;
	text-align: center
}

.mbskin:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

.mbskin .mbskin_box {
	/* border:1px solid #dde7e9; */
	border-radius: 30px 30px 20px 20px;
	height: 410px;
	margin: 20px;
}

.mbskin .mbskin_box .mb_log_cate {}

.mbskin .frm_input {
	width: 100%
}

.mbskin .btn_submit {
	width: 100%;
	margin: 10px 0 0;
	height: 45px;
	font-weight: bold;
	font-size: 1.25em
}

.mbskin h1 {
	margin: 60px 0 30px;
	font-size: 2em
}

@media screen and (max-width: 500px) {
	.mbskin {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 400px;
		width: 100%;
		text-align: center
	}
}

/* 기본테이블 */
.mbskin .tbl_head01 {}

.mbskin .tbl_head01 caption {}

.mbskin .tbl_head01 thead th {}

.mbskin .tbl_head01 thead a {}

.mbskin .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}

.mbskin .tbl_head01 tfoot td {}

.mbskin .tbl_head01 tbody th {}

.mbskin .tbl_head01 td {}

.mbskin .tbl_head01 a {}

.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}

.mbskin caption {}

.mbskin .frm_info {}

.mbskin .frm_file {}

.mbskin .tbl_frm01 {}

.mbskin .tbl_frm01 th {
	width: 85px
}

.mbskin .tbl_frm01 td {}

.mbskin .tbl_frm01 textarea,
.mb_skin tbl_frm01 .frm_input {}

.mbskin .tbl_frm01 textarea {}

.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required,
.mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}

.mbskin .td_chk {}

.mbskin .td_date {}

.mbskin .td_datetime {}

.mbskin .td_group {}

.mbskin .td_mb_id {}

.mbskin .td_mng {}

.mbskin .td_name {}

.mbskin .td_nick {}

.mbskin .td_num {}

.mbskin .td_numbig {}

.mbskin .txt_active {}

.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */
/* 회원가입 약관 */

.register {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	max-width: 1600px;
}

.register:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {
	float: left;
	height: 50px !important;
	width: 49.5%;
	font-weight: bold;
	font-size: 1.083em
}

.register .btn_confirm {
	text-align: left
}

.register .btn_confirm .btn_submit {
	margin-left: 1%
}

#fregister p {
	position: relative;
	text-align: center;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 1.1em;
	background: #039982;
	margin: 0 0 10px;
	border-radius: 5px;
	font-weight: bold
}

#fregister p:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 50px;
	border-radius: 5px 0 0 5px;
	background: #005447;
}

#fregister p i {
	font-size: 1.2em;
	vertical-align: middle
}

#fregister section {
	margin: 10px auto 15px;
	border: 1px solid #dde7e9;
	position: relative;
	border-radius: 3px
}

#fregister_chkall {
	position: relative;
	text-align: center;
	background: #f5f7fa;
	line-height: 50px;
	border: 1px solid #e5e9f0;
	border-radius: 3px;
	margin-bottom: 15px
}

#fregister h2 {
	text-align: left;
	padding: 20px;
	border-bottom: 1px solid #dde7e9;
	font-size: 1.2em
}

#fregister textarea {
	display: block;
	padding: 20px;
	width: 100%;
	height: 150px;
	background: #fff;
	border: 0;
	line-height: 1.6em
}

#fregister_private {
	position: relative
}

#fregister_private div {
	padding: 20px;
	background: #fff
}

#fregister_private table {
	width: 100%;
	border-collapse: collapse
}

#fregister_private table caption {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#fregister_private table th {
	background: #f7f7f9;
	width: 33.33%;
	color: #000;
	padding: 10px;
	border: 1px solid #d8dbdf
}

#fregister_private table td {
	border: 1px solid #e7e9ec;
	padding: 10px;
	border-top: 0
}

@media screen and (max-width:590px) {
	#fregister p {
		height: 100%;
		display: block;
		line-height: unset;
		height: auto;
		padding: 10px;
		font-size: 15px;
	}

	#fregister p:before {
		height: 100%;
	}

	#fregister_private table td {
		font-size: 14px;
	}
}

.fregister_agree {
	position: absolute;
	top: 0;
	right: 0
}

.fregister_agree input[type="checkbox"]+label {
	color: #676e70
}

.fregister_agree input[type="checkbox"]+label:hover {
	color: #2172f8
}

.fregister_agree input[type="checkbox"]+label span {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 17px;
	height: 17px;
	display: block;
	background: #fff;
	border: 1px solid #d0d4df;
	border-radius: 3px
}

.fregister_agree input[type="checkbox"]:checked+label {
	color: #000
}

.fregister_agree input[type="checkbox"]:checked+label span {
	background: url('./img/chk.png') no-repeat 50% 50% #3a8afd;
	border-color: #1471f6;
	border-radius: 3px
}

.fregister_agree.chk_all input[type="checkbox"]+label span {
	top: 18px
}

.chk_li {
	padding-left: 20px
}

#sns_register .login-sns,
#sns_register h2 {
	border: 0 !important
}

/* 회원가입 입력 */
#register_form {
	background: #fff;
	margin-bottom: 20px
}

#register_form h2 {
	padding: 20px;
	border-bottom: 1px solid #dde7e9
}

.register_form_inner {
	background: #f7f7f7;
	border: 1px solid #dde7e9;
	border-radius: 3px
}

.register_form_inner ul {
	padding: 20px
}

.register_form_inner label {
	display: block;
	margin-bottom: 10px;
	line-height: 24px
}

.register_form_inner label.inline {
	display: inline
}

#fregisterform #msg_certify {
	margin: 5px 0 0;
	padding: 5px;
	border: 1px solid #dbecff;
	background: #eaf4ff;
	text-align: center
}

#fregisterform .frm_address {
	margin: 5px 0 0
}

#fregisterform #mb_addr3 {
	display: inline-block;
	margin: 5px 0 0;
	vertical-align: middle
}

#fregisterform #mb_addr_jibeon {
	display: block;
	margin: 5px 0 0
}

#fregisterform .btn_confirm {
	text-align: center
}

#fregisterform .form_01 div {
	margin: 0 0 20px
}

#fregisterform .captcha {
	display: block;
	margin: 5px 0 0
}

#fregisterform .reg_mb_img_file img {
	max-width: 100%;
	height: auto
}

#reg_mb_icon,
#reg_mb_img {
	float: right
}

/* 회원가입 완료 */
#reg_result {
	padding: 40px 30px;
	text-align: center;
	background: #edf3fc;
	border: 1px solid #d6e2f4;
	border-radius: 5px
}

#reg_result h2 {
	font-size: 2em;
	margin: 0 0 20px
}

#reg_result h2 strong {
	color: #ed6478
}

#reg_result #result_email {
	margin: 20px 0;
	padding: 10px 50px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #dde4e9;
	background: #fff;
	line-height: 2em
}

#reg_result #result_email span {
	display: inline-block;
	width: 150px
}

#reg_result #result_email strong {
	color: #e8180c;
	font-size: 1.2em
}

#reg_result p {
	line-height: 1.8em
}

#reg_result .result_txt {
	text-align: left
}

#reg_result .btn_confirm {
	margin: 50px 0
}

#reg_result i {
	font-size: 3em
}

#reg_result .reg_result_p {
	font-size: 1.25em;
	margin: 0 0 10px;
	color: #3684fa
}

.btn_confirm_reg {
	margin: 20px 0;
	text-align: center
}

.reg_btn_submit {
	display: inline-block;
	background: #3a8afd;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	width: 280px;
	height: 57px;
	line-height: 57px;
	font-size: 1.2em;
	margin: 0 auto;
	font-weight: bold
}

.mb_log_cate h2 {
	padding: 20px 0;
	color: #FFF;
	text-align: center;
	background: #003a6f;
	border-radius: 20px 20px 0 0;
	font-family: 'Montserrat';
}

.mb_log_cate .join {
	width: 50%;
	float: left;
	padding: 20px 0;
	text-align: center;
	background: #f7f7f7;
	color: #6e6e6e
}

.mb_log_cate:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.tooltip_icon {
	display: inline-block;
	vertical-align: baseline;
	color: #b3b5b8;
	border: 0;
	font-size: 1.4em;
	background: transparent;
	cursor: pointer
}

.tooltip_icon:hover {
	color: #448bf5
}

.tooltip {
	position: relative;
	width: auto;
	color: #fff;
	background: #000;
	padding: 10px;
	font-size: small;
	line-height: 18px;
	display: none;
	position: absolute;
	z-index: 9;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 10px
}

.tooltip:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 0;
	border-right: 10px solid #000
}

.login_error {
	position:relative;
	padding:0 0 20px;
}

.login_error h3{
	color:crimson;
}

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {
	display: inline-block;
	margin-left: 10px
}

#find_info p {
	line-height: 1.5em
}

#find_info #mb_email {
	margin: 10px 0
}

/* 로그인 */
#mb_login {}

#mb_login h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#login_fs {
	padding: 35px;
	display: block;
	border-radius: 30px;
	background: #FFF;
}

#mb_login #login_fs .btn_submit {
	margin: 0 0 15px;
	background: #22927d;
	font-size: 14px;
}

#login_info {}

#login_info:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#login_info .login_if_auto {
	float: left
}

#login_info .login_if_auto label {
	vertical-align: baseline;
	padding-left: 5px
}

#login_info .login_if_lpl {
	float: right
}

#login_password_lost {
	display: inline-block;
	border-radius: 100%;
	line-height: 20px;
	background: #98a6b9;
}

#mb_login_notmb {
	margin: 30px auto;
	padding: 20px 30px
}

#mb_login_notmb h2 {
	font-size: 1.25em;
	margin: 20px 0 10px
}

#guest_privacy {
	border: 1px solid #ccc;
	text-align: left;
	line-height: 1.6em;
	color: #666;
	background: #fafafa;
	padding: 10px;
	height: 150px;
	margin: 10px 0;
	overflow-y: auto
}

#mb_login_notmb .btn_submit {
	display: block;
	text-align: center;
	line-height: 45px
}

#mb_login_od_wr {
	margin: 30px auto;
	padding: 20px 30px
}

#mb_login_od_wr h2 {
	font-size: 1.25em;
	margin: 20px 0 10px
}

#mb_login_od_wr .frm_input {
	margin: 10px 0 0
}

#mb_login_od_wr p {
	background: #f3f3f3;
	margin: 20px 0 0;
	padding: 15px 20px;
	line-height: 1.5em
}

#mb_login #sns_login {
	margin-top: 0;
	border-color: #edeaea;
	padding: 25px
}

#mb_login #sns_login:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#mb_login #sns_login h3 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#mb_login #sns_login .sns-wrap {
	margin: 0 !important
}

#mb_login #sns_login .sns-icon {
	width: 49% !important;
	float: left !important
}

#mb_login #sns_login .sns-icon:nth-child(odd) {
	margin-right: 2%
}

#mb_login #sns_login .txt {
	font-size: 0.95em;
	padding-left: 5px !important;
	border-left: 0 !important
}

/* 쪽지 */
.memo_list {
	border-top: 1px solid #ececec
}

.memo_list li {
	border-bottom: 1px solid #ececec;
	background: #fff;
	padding: 10px 15px;
	list-style: none;
	position: relative
}

.memo_list li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.memo_list li.read {
	background: #f6f6f6
}

.memo_list li.empty_li {
	text-align: center;
	padding: 20px 0;
	color: #666
}

.memo_list .memo_li {
	float: left
}

.memo_list .profile_big_img {
	position: relative;
	margin-right: 15px
}

.memo_list .profile_big_img img {
	border-radius: 50%;
	width: 52px;
	height: 52px
}

.memo_list .memo_li.memo_name {
	padding-top: 5px;
	float: none
}

.memo_list .memo_preview a {
	display: block;
	margin-right: 30px;
	padding-top: 10px;
	font-weight: normal !important;
	font-size: 1.2em
}

.memo_list .memo_preview a:hover {
	text-decoration: underline
}

.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {
	font-weight: bold
}

.memo_list .no_read {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	background: #3a8afd;
	border: 1px solid #e1edff;
	text-indent: -9999px;
	border-radius: 10px;
	width: 10px;
	height: 10px;
	box-shadow: 0 0 10px 3px #9ec3f9
}

.memo_list .no_read {
	animation: blinker 1s linear infinite
}

@keyframes blinker {
	50% {
		opacity: 0
	}
}

#memo_list h1#win_title {
	padding: 10px 10px 10px 20px
}

#memo_list .memo_datetime {
	font-size: 0.92em;
	color: #888d92
}

#memo_list .memo_del {
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 10px;
	color: #c7c9cb;
	font-size: 1.4em
}

#memo_list .memo_cnt {
	margin-top: 5px;
	font-weight: normal;
	display: inline-block;
	font-size: 1.2em
}

#memo_list .pg_wrap {
	margin-top: 10px;
	width: 100%;
	float: inherit;
	text-align: center
}

#memo_view_contents {
	margin-bottom: 20px;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec
}

#memo_view_contents h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#memo_view_ul {
	margin: 0;
	list-style: none;
	background: #f6f6f6
}

#memo_view_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.memo_view_li {
	position: relative;
	/*padding:10px;float:left;width:50%*/
}

.memo_view_li .profile_img img {
	display: none
}

.memo_from {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ececec;
	padding: 15px 20px
}

.memo_from li {
	float: left
}

.memo_from li.memo_profile img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.memo_from li:first-child {
	margin-right: 10px
}

.memo_from li.memo_view_nick {
	width: 80%
}

.memo_from li.memo_view_nick a {
	font-weight: bold !important
}

.memo_from li.memo_view_date {
	display: block;
	color: #555;
	line-height: 24px
}

.memo_from li.memo_op_btn {
	position: absolute
}

.memo_from li.list_btn {
	right: 53px;
}

.memo_from li.del_btn {
	right: 15px;
}

.memo_from:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.memo_btn {
	width: 100%
}

.memo_btn a {
	display: inline-block;
	width: 50%;
	font-size: 1em;
	color: #888d92;
	padding: 20px
}

.memo_btn a.btn_right {
	float: right;
	text-align: right
}

.memo_btn a i {
	font-size: 1.2em;
	color: #acabab;
	vertical-align: bottom
}

#memo_view p {
	padding: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	background: #fff;
	line-height: 1.8em
}

#memo_view textarea {
	height: 100px
}

#memo_write .form_01 {
	padding: 20px;
	border-top: 1px solid #ececec
}

.reply_btn {
	display: inline-block;
	width: 150px;
	height: 45px;
	line-height: 50px;
	padding: 0 10px;
	font-weight: bold;
	background: #3a8afd;
	color: #fff;
	border-radius: 3px;
	vertical-align: bottom;
	margin-right: 5px
}

#memo_write .reply_btn {
	font-size: 1em
}

/* 스크랩 */
#scrap li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#scrap li {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #ececec
}

#scrap .scrap_tit {
	font-weight: bold;
	display: block;
	font-size: 1.083em;
	margin-bottom: 10px;
	line-height: 1.3em
}

#scrap .scrap_cate {
	float: left;
	display: block;
	color: #ac92ec;
	background: #eeeaf8;
	padding: 3px;
	border-radius: 3px;
	font-size: 0.92em;
	margin-right: 10px
}

#scrap .scrap_datetime {
	color: #777;
	line-height: 18px
}

#scrap .scrap_del {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 18px;
	color: #c7c9cb
}

#scrap .scrap_del:hover {
	color: #3a8afd
}

#scrap_do .new_win_con {
	padding: 0 20px
}

#scrap_do textarea {
	width: 100%;
	height: 100px
}

#scrap_do .scrap_tit {
	margin-bottom: 10px;
	background: #f3f3f3;
	padding: 10px 15px;
	font-size: 1.2em;
	font-weight: bold
}

#scrap_do label {
	display: block;
	margin: 0 0 5px;
	font-size: 1em
}

#scrap_do .win_btn:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#scrap .win_btn,
#scrap_do .win_btn {
	margin: 20px 0;
	text-align: center
}

#scrap_do .win_btn .btn_submit {
	float: inherit
}

#scrap_do .win_desc {
	margin: 0 20px
}

/*포인트*/
#point {
	text-align: center
}

#point h1 {
	text-align: left
}

#point .point_all {
	margin: 20px 20px 15px;
	border-radius: 5px;
	background: #edf3fc;
	border: 1px solid #d6e2f4;
	color: #485172;
	font-size: 1.083em
}

#point .point_all:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#point .point_all li {
	float: left;
	width: 50%;
	padding: 20px;
	text-align: left
}

#point .point_all li span {
	float: right;
	color: #485172;
	font-weight: bold
}

#point .point_all li:last-child {
	border-left: 1px solid #d6e2f4
}

#point .point_all .full_li {
	width: 100%;
	border-bottom: 1px solid #d6e2f4;
	text-align: left
}

#point .point_all .full_li span {
	color: #000;
	font-weight: bold;
	font-size: 1.2em
}

#point .point_status {
	background: #737373;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.083em;
	text-align: left
}

#point .point_status:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#point .point_status span {
	margin-left: 10px;
	float: right
}

.point_list {}

.point_list li:first-child {
	border-top: 1px solid #ececec
}

.point_list li {
	border-bottom: 1px solid #ececec;
	background: #fff;
	padding: 15px;
	list-style: none;
	position: relative
}

.point_list li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.point_list .point_use {
	background: #f6f6f6
}

.point_list .point_use .point_num {
	font-size: 1.25em;
	color: #ff4f76;
	font-weight: bold;
	float: right
}

.point_list .point_num {
	font-size: 1.25em;
	color: #3a8afd;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 25px
}

.point_list .point_top {
	line-height: 15px;
	margin: 0 0 5px
}

.point_list .point_top:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.point_list .point_tit {
	font-weight: bold;
	float: left;
	font-size: 1.083em;
	display: block
}

.point_list .point_date1 {
	float: left;
	color: #888d92
}

.point_list .point_date {
	float: left;
	color: #888d92
}

.point_list .txt_expired {
	color: red;
	margin-left: 5px
}

#point .pg_wrap {
	width: 100%;
	float: inherit;
	text-align: center
}

#point .btn_close {
	margin: 20px auto
}

/* 회원 비밀번호 확인 */
#mb_confirm {}

#mb_confirm h1 {
	margin: 60px 0 30px;
	font-size: 2em
}

#mb_confirm p {
	padding: 0 20px 40px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 1.083em;
	line-height: 1.4em;
	color: #656565
}

#mb_confirm p strong {
	display: block;
	color: #3ca1ff;
	font-size: 1.167em;
	margin: 0 0 5px
}

#mb_confirm fieldset {
	;
	padding: 50px;
	text-align: left
}

#mb_confirm fieldset .frm_input {
	background-color: #fff !important
}

#mb_confirm label {
	letter-spacing: -0.1em
}

#mb_confirm_id {
	display: block;
	margin: 5px 0 10px;
	font-weight: bold
}

#mb_confirm .confirm_id {
	font-size: 0.92em;
	color: #666
}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {
	margin: 60px 20px 30px;
	font-size: 2em
}

#pw_confirm p {
	padding: 0 20px 40px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 1.083em;
	line-height: 1.4em;
	color: #656565
}

#pw_confirm p strong {
	display: block;
	color: #3ca1ff;
	font-size: 1.167em;
	margin: 0 0 5px
}

#pw_confirm fieldset {
	padding: 50px;
	text-align: center
}

#pw_confirm fieldset .frm_input {
	background-color: #fff !important
}

#pw_confirm label {
	letter-spacing: -0.1em
}

#pw_confirm_id {
	display: inline-block;
	margin-right: 20px;
	font-weight: bold
}

#mb_confirm_id {}

/* 폼메일 */
#formmail textarea {
	height: 100px
}

#formmail .formmail_flie {
	position: relative
}

#formmail .formmail_flie .file_wr {
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	vertical-align: middle;
	border-radius: 3px;
	padding: 5px;
	height: 40px;
	margin: 0
}

#formmail .lb_icon {
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 3px 0 0 3px;
	height: 38px;
	line-height: 38px;
	width: 40px;
	background: #fff;
	text-align: center;
	color: #b2b2b2
}

#formmail .frm_file {
	padding-left: 50px
}

#formmail .frm_info {
	color: #3497d9;
	font-size: 0.92em
}

.chk_box {
	position: relative
}

.chk_box input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	outline: 0;
	z-index: -1;
	overflow: hidden
}

.chk_box input[type="radio"]+label {
	position: relative;
	padding-left: 23px;
	display: inline-block;
	color: #676e70
}

.chk_box input[type="radio"]+label span {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	display: block;
	background: #f7f8f9;
	border: 1px solid #cdd6df;
	border-radius: 50%
}

.chk_box input[type="radio"]:checked+label {
	color: #3a8afd
}

.chk_box input[type="radio"]:checked+label span {
	border-color: #3a8afd
}

.chk_box input[type="radio"]:checked+label span:before {
	width: 7px;
	height: 7px;
	background: #3a8afd;
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%
}

.chk_box input[type="checkbox"]+label {
	position: relative;
	color: #676e70
}

.chk_box input[type="checkbox"]+label:hover {
	color: #2172f8
}

.chk_box input[type="checkbox"]+label span {
	float: left;
	width: 15px;
	height: 15px;
	display: block;
	background: #fff;
	border: 1px solid #d0d4df;
	border-radius: 3px
}

.chk_box input[type="checkbox"]:checked+label {
	color: #000
}

.chk_box input[type="checkbox"]:checked+label span {
	background: url(./img/chk.png) no-repeat 50% 50% #3a8afd;
	border-color: #1471f6;
	border-radius: 3px
}

.selec_chk {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	outline: 0;
	z-index: -1;
	overflow: hidden
}


/* 자기소개 */
#profile h1 a {}

#profile table {
	margin-bottom: 0
}

#profile table th {
	text-align: left;
	padding: 10px;
	width: 100px
}

#profile section {
	color: #6794d3;
	background: #fff;
	padding: 10px;
	border: 1px solid #eee;
	margin: 10px 0
}

#profile h2 {
	margin: 0 0 5px
}

#profile .profile_name {
	text-align: center;
	font-weight: bold
}

#profile .my_profile_img {
	display: block;
	margin: 20px 0 5px
}

#profile .my_profile_img img {
	border-radius: 50%
}

#profile .profile_img img {
	border-radius: 50%
}

#profile .profile_name .sv_wrap {
	font-weight: bold;
	text-align: left
}


@media screen and (max-width:500px) {
	#login_fs {
		padding: 20px;
	}

	.mbskin .mbskin_box {
		height: auto;
	}

	.frm-inner .input-box {
		margin: 15px 0px;
	}
}

/* 로그인 */
.save-info {
	padding: 10px 10px 20px;
}

.where {
  display: block;
  margin: 25px 15px;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-family: verdana;
  font-style: italic;
}

.checks {position: relative;padding: 0 0 20px;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #000;
  text-shadow: 1px 1px #fff;
}

.checks.small input[type="checkbox"] + label {
  font-size: 16px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 25px;
  height: 25px;
  border: 4px solid #e5e5e5;
  border-radius: 5px;
  line-height: 15px;
  font-size: 17px;
}


.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}








/* 화면낭독기 사용자용 */
#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;width:0;height: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:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 자료 없는 목록 */
.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 center !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:110px;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}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#192e5f;padding:2px 5px 3px;line-height:18px;margin:0 2px}


/* 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;
}