@charset "utf-8";
html { font-size:10px; overflow-y: scroll; -webkit-overflow-y: scroll;}
@media screen and (max-width:1024px) {
  html{font-size:9.5px;}
}
body{ position:relative; overflow-x:hidden !important} 
.ov-h{overflow: hidden;}
/* 아이폰 */
input{ appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;
background: url('../img/slt_arrow.svg') no-repeat 98% 50% #fff; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand{  display:none; /* 화살표 없애기 for IE10, 11*/ }
body {font-size:1.6rem;font-family:"Poppins",'Noto Sans KR', dotum, sans-serif; color:#222; font-weight:400; line-height:1.5em;}
input, button {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1.5rem}
button {border-radius: 0; -moz-appearance:none;-webkit-appearance:none;appearance:none;}
textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;}
label, input, button, select, img {font-size:1.5rem}
input[type=text]:focus,input[type=password]:focus, textarea:focus, select:focus {
  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #c6c6c6 !important;
}
a{outline: none;}
.placeholdersjs {color:#e1e1e1 !important}
#wrapper, #container_wr{min-width:100%}
#container{ max-width:2560px; min-height:500px; position:relative; float:none; margin:0 auto; font-size: inherit; width:100%; zoom:normal}

/* 기본버튼 */
a.btn{text-decoration: none;}
.btn{
  display: inline-block; padding:0 1.7em; font-size:1.6rem; height:46px; line-height:45px; font-weight: 400; border:0;cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none; appearance:none;
  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;
}
.btn.small{ padding:0 1.2em; height:34px; line-height:33px; font-size:1.5rem; cursor: pointer;}
.btn.big{ padding:0 2.2em;min-width:90px; height:60px; line-height:65px; }
.btn.linefff{border:1px solid #fff; color:#fff; background:transparent;}
.btn.linefff:hover{ background-color:#fff; color:#222;}
.btn.line{border:1px solid #e1e1e1; color:#a5a5a5; }
.btn.line:hover{ background-color:#a5a5a5; color:#fff;}
.btn.line000{border:1px solid #222; color:#222; background:#fff;}
.btn.line000:hover{ background-color:#222; color:#fff;}
.btn.linegray{border:1px solid #989898; color:#989898; background:#fff;}
.btn.linegray:hover{ background-color:#a5a5a5; color:#fff;}
.btn.bgfull{ border:1px solid #27c374; background:#27c374; color:#fff;}
.btn.bgfull:hover{ border-color:#a5a5a5; background:#a5a5a5;}

.btn.line000ovRed{border:1px solid #222; color:#222; background:#fff;}
.btn.line000ovRed:hover{ border:1px solid #27c374; background:#27c374; color:#fff;}

.btn.circle{border-radius:50%;width:40px; height:40px; padding:0; line-height:38px; font-size:2.2rem; }

/*버튼2 - box button 백그라운드 스르륵 */
.btn_slurp { display:inline-block; width:300px; height:50px; line-height:50px; padding-left:20px ; margin-bottom:10px; border:1px solid #333; font-size:1.6rem; color:#333; transition: .4s; }
.btn_slurp:hover { padding-left:35px; background-color:#27c374; border:1px solid #27c374; color:#fff; }

.btn_slurp2 { display:inline-block; width:300px; height:50px; line-height:50px; padding-left:20px ; margin-bottom:10px; border-bottom:1px solid #333; font-size:1.6rem; color:#333; transition: .4s; }
.btn_slurp2:hover { padding-left:35px; background-color:#27c374; border-bottom:1px solid #27c374; color:#fff; }


/* 스르륵 btn */
.btn.slurp { position:relative; border:1px solid #222; color:#222;}
.btn.slurp span{ position:relative; }
.btn.slurp::before { content:""; position:absolute; top:0; bottom:0; left:0; height:100%; width:0%; background-color:#F57D3D; border-radius: 1.4em; transition: all 0.4s ease-in-out;} 
.btn.slurp:hover::before { width:100%; }
.btn.slurp:hover {border:1px solid #F57D3D; color:#fff; }


@media screen and (max-width:768px){
  .btn {padding:0 1.3em; height:40px; line-height:38px; font-size:1.4rem;}
}


/*모바일 br 제거*/
@media screen and (max-width:768px){
  .dis_none::after {content:"\A"; white-space: pre;}
  .mob_none {display:none;}
}
@media screen and (max-width:560px){
  .mob2_none{display:none;}
}



/* 전체패딩 */
.inner{ margin:0 auto; width:100%; max-width:1560px; }
/*.inner.inner { max-width:1400px; }*/

@media screen and (max-width: 1630px){
  .inner {padding:0 35px;}
}
@media screen and (max-width: 1470px){
  .inner {padding:0 35px;}
}
@media screen and (max-width: 1024px){
  .inner{ padding:0 20px; }
  
}
@media screen and (max-width: 768px){
  .inner{ padding:0 15px; }
}
@media screen and (max-width: 560px){
  /*.inner{ padding:0 10px; }*/
}


.sec_pt80{ padding-top:80px; }
.sec_pb80{ padding-bottom:80px; }

.sec_pt{ padding-top:100px; }
.sec_pb{ padding-bottom:100px; }

.sec_pt130{ padding-top:130px; }
.sec_pb130{ padding-bottom:130px; }

.sub_content { overflow: hidden; padding-top:100px; padding-bottom:100px; }

@media screen and (max-width:1024px) {
  .sec_pt{ padding-top:60px; }
  .sec_pb{ padding-bottom:60px; }

  .sec_pt130{ padding-top:100px; }
  .sec_pb130{ padding-bottom:100px; }

.sub_content { overflow: hidden; padding-top:80px; padding-bottom:80px; }

}
@media screen and (max-width:768px) {
}
@media screen and (max-width:560px) {
}

/* 타이틀 */
.titleArea { border-bottom:0; font-family: "Noto Sans KR", Verdana, Dotum, AppleGothic, sans-serif; padding-bottom:40px;}
  .titleArea h2 { position:relative; display:block; color:#000; font-size:4.2rem; font-weight:700; margin-bottom:20px; line-height:1.2em; text-align:center}
  .titleArea .smllTitle{ font-size:2.4rem; line-height:1.3em; color:#27c374; margin-bottom:14px;}
  .titleArea h2.left{text-align:left;} .titleArea h2.center{text-align:center;} .titleArea h2.right{text-align:right;}
  .titleArea p{font-size:1.8rem; line-height:1.8em; color:#333; text-align: center;}
  .titleArea p.left{text-align:left;} .titleArea p.center{text-align:center;} .titleArea p.right{text-align:right;}

  @media screen and (max-width:1024px){
    .titleArea h2 {font-size:4.8rem;}
  }
  @media screen and (max-width:768px){
    .titleArea h2 {font-size:3rem;}
  }

/*내용content 타이틀*/
h3.cont_tit { position:relative; font-size:2.6rem; font-weight:600; line-height:1.4em; padding-bottom:20px;}
h3.cont_tit_big { position:relative; font-size:3.2rem; font-weight:600; line-height:1.4em; padding-bottom:20px;}
h3.cont_tit_small { position:relative; font-size:2.2rem; font-weight:500; line-height:1.4em;  padding-bottom:20px;}
p.cont_p { font-size:1.6rem; font-weight:400; line-height:1.6em; }
p.cont_p_big { font-size:1.8rem; font-weight:400; line-height:1.8em; word-break: keep-all; }
@media screen and (max-width:1024px){
  h3.cont_tit { font-size:2.3rem; }
  h3.cont_tit_big { font-size:2.8rem; }
  p.cont_p_big { font-size:1.7rem; line-height:1.7em; }
}
@media screen and (max-width:768px){
  h3.cont_tit { font-size:2rem; }
  p.cont_p { font-size:1.5rem; line-height:1.5em; }
  h3.cont_tit_big { font-size:2.6rem; }
}

/* 서브배너 */
  .ov-h.sub-img{
    position:relative; min-height:auto; height:450px; width:100%; background-position:center center; /*background-size: auto 140%;*/
  }
  .ov-h.sub-img h3.subbnnTitle{ position:absolute; display:block; width:100%; top:50%; left:50%; transform:translate(-50%,0%); font-size:6rem; line-height:1em; color:#fff; font-weight:400; text-align: center; /*letter-spacing: -0.025em;*/ }
  @media screen and (max-width:1024px){
    .ov-h.sub-img{ position:relative;height:400px; }
    .ov-h.sub-img h3.subbnnTitle{ font-size:5rem; transform:translate(-50%,-20%);}
  }
  @media screen and (max-width:768px){
    .ov-h.sub-img{ position:relative;height:350px; }
    .ov-h.sub-img h3.subbnnTitle{ font-size:4rem; }
  }
  
  .page_submenulist{margin-top:30px;}



.page_submenulist .page_submenus {
  font-size: 0;
  text-align: center;
}

.page_submenulist .page_submenus li {
  position: relative;
  display: inline-block;
  width: 25%;
  border-bottom: 1px solid #e1e1e1; /* 기본 상태에서의 밑줄 */
}

.page_submenulist .page_submenus li::after {
  content: '';
  position: absolute;
  bottom: -1px; /* 밑줄 위치 조정 */
  left: 50%;
  transform: translateX(-50%);
  width: 0%; /* 기본 상태에서는 밑줄이 보이지 않음 */
  height: 3px;
  background-color: #27c374;
  transition: width .4s ease-in-out; /* 너비 변경시 효과 적용 */
}

.page_submenulist .page_submenus li:hover::after,
.page_submenulist .page_submenus li.thispage::after {
  width: 100%; /* 마우스 오버시 및 현재 페이지에서 밑줄 전체 너비로 확장 */
}

.page_submenulist .page_submenus li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  padding: 1em 0;
  font-weight: 400;
  color: #333;
  transition: color .4s ease-in-out;
}

.page_submenulist .page_submenus li:hover a {
 /* color: #27c374;  마우스 오버시 텍스트 색상 변경 */
}

.page_submenulist .page_submenus li.thispage a {
  /* color: #27c374; */
      color: rgba(33, 88, 52, 1.0);
  font-weight: 500;
}




  .mbsubcombolink{display:none; width:100%; height:40px; padding:0 5px; border:1px solid #ccc; font-size:1.8rem;}
  
  @media screen and (max-width:1024px){
    .page_submenulist .page_submenus li{width:20%;}
  }
  @media screen and (max-width:768px){
    .page_submenulist{margin-top:25px;}
    .page_submenulist ul{display: none;}
    .mbsubcombolink{display:block; }
  }

/* 헤드 */
.header{
  position:fixed; top:0; left:0; width:100%; height:100px; z-index:100; overflow: hidden;
  -webkit-transition: padding 0.4s, height .4s, top .4s, background .4s,  top 0.4s; 
  -moz-transition: padding 0.4s, height .4s, background .4s, top .4s ; 
  -ms-transition: padding 0.4s, height .4s, background .4s, top .4s; 
  -o-transition: padding 0.4s, height .4s, background .4s, top .4s;  
  transition: padding 0.4s, height .4s, background .4s, top .4s;
}
.header.subopen{ background:rgba(255,255,255,1.9);  }
.header.headHide{top:-100px}
.header .inner{height:100%;}
.hd-wrap{display: flex;position:relative; display:flex; align-items: center; height:100px;
  -webkit-transition: padding 0.4s, height .4s, background .4s; 
  -moz-transition: padding 0.4s, height .4s, background .4s; 
  -ms-transition: padding 0.4s, height .4s, background .4s; 
  -o-transition: padding 0.4s, height .4s, background .4s;  
  transition: padding 0.4s, height .4s, background .4s;}
.header .hd-menu{
  height:100%; display:flex; align-items: center; text-align: center; justify-content:center;
}

.menu_line{position:absolute; width:0; height:3px; bottom:-1.4em; left:50%; transform:translateX(-50%); background:#fff; transition:width .4s ease-in-out}


.header .hd-menu{flex-grow: 1;}
/* .header .hd-logo img {height:55px;} */
.header .head-icons{ text-align: right;}
.header .hd-menu .category-menu, 
.header .head-icons .icons{ display:flex; align-items: center; position: relative; height:100%; }
.header .hd-menu .category-menu .main-menu,
.header .head-icons .icons a span
{font-size:1.8rem; padding:8px 2.0em; font-weight:500; letter-spacing: 0.05em;}
.header .hd-menu .category-menu .main-menu a{ color:#fff; position:relative;}
  .header.subopen .hd-menu .category-menu .main-menu a { color:#000;}



.header .hd-menu .category-menu:nth-child(1){transition:padding .4s,background 0.4s;}
.header .hd-menu:hover .category-menu:nth-child(1) {padding:8px 0.7em;transition:padding 0.4s,background 0.4s;}
.header .hd-menu .category-menu:nth-child(2){transition:padding .4s,background 0.4s;}
.header .hd-menu:hover .category-menu:nth-child(2) {padding:8px 0.7em;transition:padding 0.4s,background 0.4s;}
.header .hd-menu .category-menu:nth-child(3){transition:padding .4s,background 0.4s;}
.header .hd-menu:hover .category-menu:nth-child(3) {padding:8px 0.7em;transition:padding 0.4s,background 0.4s;}
.header .hd-menu .category-menu:nth-child(4){transition:padding .4s,background 0.4s;}
.header .hd-menu:hover .category-menu:nth-child(4) {padding:8px 0.7em;transition:padding 0.4s,background 0.4s;}
.header .hd-menu .category-menu:nth-child(5){transition:padding .4s,background 0.4s;}
.header .hd-menu:hover .category-menu:nth-child(5) {padding:8px 0.7em;transition:padding 0.4s,background 0.4s;}



/*
.header .hd-menu .category-menu a {
  -webkit-transition: padding 0.4s ease-in-out, height .4s, top .4s, background .4s,  top 0.4s; 
  -moz-transition: padding 0.4s ease-in-out, height .4s, background .4s, top .4s ; -ms-transition: padding 0.4s, height .4s, background .4s, top .4s; 
  -o-transition: padding 0.4s ease-in-out, height .4s, background .4s, top .4s;  
  transition: padding 0.4s ease-in-out;
}

.header .hd-menu .category-menu a {
  transition: padding .4s ease-in-out;
}

.header .hd-menu:hover .category-menu a {
  padding: 8px 0.7em; transition: padding .4s ease-in-out;
}
*/


.header .hd-menu .sub-block{position:absolute; width:100%; height:auto; top:100px; left:0; padding:20px 0 30px 0; 

transition: background 0.4s;}


.header .hd-menu .sub-block .sub-block-li{padding-bottom:15px;}
  .header .hd-menu .sub-block .sub-block-li a{ color:#000; font-weight:400; font-size:1.5rem; position:relative; padding:0 10px; transition:color .2s ease-in-out; }
  .header .hd-menu .category-menu:hover .main-menu a .menu_line{width:100%;}
  .header .hd-menu .category-menu{transition:background .4s ease-in-out;}

  .header .hd-menu .category-menu:hover{background:#27c374;}
  .header .hd-menu .category-menu:hover .sub-block{background:#27c374;}
  .header .hd-menu .category-menu:hover .sub-block .sub-block-li a{color:#fff;}
  .header.subopen .hd-menu .category-menu:hover .main-menu a {color: #fff;}
  /*.header .hd-menu .category-menu .sub-block .sub-block-li a:hover{color: rgba(255,255,255,0.6);}*/

.sub-block-li a {
  position: relative;
  display: inline-block; /* 또는 필요에 따라 'block' */
  text-decoration: none; /* 기본 밑줄 제거 */
}

.sub-block-li a::after {
  content: '';
  position: absolute;
  width: 0; /* 기본 상태에서는 보이지 않음 */
  height: 2px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3px; /* 텍스트 바로 아래에 위치하도록 조정 */
  transition: width 0.4s; /* 'all' 대신 'width'만 변화시킴 */
}

.sub-block-li a:hover::after {
  width: 50%; /* 마우스를 올렸을 때 전체 너비로 확장 */
}


.hd-logo img {width:295px;}



@media screen and (max-width:1400px){
  .header .hd-menu .category-menu .main-menu {padding:8px 1.5em;}
}
@media screen and (max-width:1024px){
  .header .hd-menu{display: none;}
  .header .hd-logo{flex-grow: 1;}
  .header, .hd-wrap{height:65px;}
  .header.headHide{top:-65px}

.hd-logo img {width:230px;}

}

/* 스크롤 fixed HEAD + sub메뉴 slideDown시에 */
.header.fixed{ height:80px; background:rgba(255,255,255,1.9); box-shadow: 0 3px 10px rgb(106 106 106 / 15%);}
.header.fixed .hd-wrap{height:80px;}
.header.fixed .hd-menu .sub-block{top:80px;}
.header.fixed .hd-menu .category-menu .main-menu a{ color:#000; }
.header.subopen .hd-menu .category-menu .main-menu a{ color:#000; }

.header.fixed .hd-logo .logo{display: none;}
.header .hd-logo .logo_w{display: none;}
.header.fixed .hd-logo .logo_w{display: block;}

.header.fixed .head-icons .resmenu-icon{display: none;}
.header .head-icons .resmenu-icon000{display: none;}
.header.fixed .head-icons .resmenu-icon000{display: block;}

.header.subopen .hd-logo .logo{display: none;}
.header .hd-logo .logo_w{display: none;}
.header.subopen .hd-logo .logo_w{display: block;}

.header.subopen .head-icons .resmenu-icon{display: none;}
.header .head-icons .resmenu-icon000{display: none;}
.header.subopen .head-icons .resmenu-icon000{display: block;}

/* 사이드바 */
.sidebar{ width:100%;height:100%; background:rgba(0,0,0,.3); position:fixed; top: 0; left:0; z-index: 20;display:none; }
.sidebar.show { display:block; }
  .sidebar_area{
    width:400px; height:100%; max-height:1000px; min-height:560px; transition:right .4s; position:fixed; top: 0; overflow-y: auto; right: -100%; z-index:21; overflow-x: visible;  text-align:left; background:#fff; transition:.4s; padding:100px 50px;
  }
  .sidebar_area.show{ right:0; }
  .sidebar_area .sideclose{ position:absolute; top:30px; right:30px; z-index:100; cursor: pointer; }
.sidebar_area .sidebar_menu{ padding-bottom:20px; }
.sidebar_area .sidebar_menu .sidebar_main-menu{
  position:relative; display:inline-block; width:100%; color:#222; font-size:2.4rem; line-height:1.5em; margin-bottom:10px; cursor: pointer;
}
.sidebar_area .sidebar_menu .sidebar_main-menu.subExt::after{ position:absolute; background-image:url('../img/more_plus.svg'); right:10px; top:50%; transform: translateY(-50%); display: block; width: 28px; height: 28px; background-repeat: no-repeat; content:""; }
.sidebar_area .sidebar_menu .sidebar_main-menu.subExt.active::after{background-image:url('../img/more_minus.svg');}
.sidebar_area .sidebar_menu .res_sub-block .res_sub-block-li{margin-bottom:7px; padding:0 10px}
.sidebar_area .sidebar_menu .res_sub-block .res_sub-block-li a:last-child{margin-bottom:0;}
.sidebar_area .sidebar_menu .res_sub-block a{font-size:1.6rem; color:#a5a5a5; margin-bottom:0;}

.sidebar_area .sb-btn_area{ padding-top:2em; overflow: hidden;}
.sidebar_area .sb-btn_wrap{ margin:0 -5px; font-size:0; text-align: center; }
.sidebar_area .sb-btn_wrap .btn{ display:inline-block; width:calc(40% - 20px);  margin:0 5px; padding:0; text-align: center; font-size:1.7rem; }
.sidebar_area .sbadmin{margin-top:20px;}
@media (max-width: 560px){
  .sidebar_area{ width:100%; text-align: left;}
  .sidebar_area .sb-btn_wrap .btn{ width:calc(30% - 20px);}





}
@media (max-width: 420px){
  .sidebar_area .sb-btn_wrap .btn{ width:calc(40% - 20px);}
  .sidebar_area{padding:100px 30px;}
}


/* 푸터 */
#ft { min-width:100%; background:#333; color:#fff; font-size: 1.5rem; padding-top:50px; padding-bottom:50px; text-align: left;}
#ft::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_link{ padding-bottom:1.2em; /*display: flex; align-items: center;*/}
  #ft_link .left{line-height:1.6em; text-align:center;}
    #ft_link .left a { position:relative; display:inline-block; font-size: 1.5rem;  margin:0 1em; color:#fff; }
    #ft_link .left a:first-child{margin-left:0;}
    #ft_link .left a:after{content: ""; position:absolute; display:block;width:1px; height:1em; background-color: #fff; top:50%; left:-1em; transform: translateY(-50%);}
    #ft_link .left a:first-child::after{display: none;}
  #ft_link .right{ flex-grow: 1; text-align: right;}
  #ft_link .right a{display:inline-block; margin-left:10px;}
  #ft_link .right a img{vertical-align: top;}
  #ft_company { padding-bottom:1.6em; line-height:1.5em; }
    #ft_company .infowrap{ /*max-width:768px;*/ overflow: hidden; float:center; text-align:center; }
    #ft_company .ft_info{ display: block; margin-left:-1em;}
    
/*	
	#ft_company span{ display:inline-block; min-height:1em; line-height:1em; margin:0 1em 0.6em 1em; pointer-events: none; color:#fff; text-decoration: none; }
*/
	#ft_company .tit{ display:inline-block; min-height:1em; line-height:1em; margin:0 1em 0.6em 1em; pointer-events: none; color:#fff; text-decoration: none; }

    #ft_copy {text-align:center; width:100%; margin:0 auto; padding:20px 0;color:#fff;font-size:0.92em;border-top:1px solid #383838}
  
  #ft_company::after, #ft_link::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}
  
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;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}

/*footer login*/
.ft_login {display: inline;}
.nbbtn {display: inline-block; padding:0; font-size:1.2rem; line-height:45px; font-weight: 400; border:0; cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none;  appearance:none;
  -webkit-transition: all 0.4s; -moz-transition: all 0. 3s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}

.nbbtn.font98{color:#989898; background:transparent;}
.nbbtn.font98:hover{ color:#fff;}

@media screen and (max-width:768px){
  #ft{ padding-top:40px; padding-bottom:40px; }
  #ft ,#ft_link .right, #ft_link .left {text-align:center;}
  #ft_left #ft_company .ft_info{ margin-left:0;}
  #ft_link, #ft_link .left, #ft_link .right{ display: block; }
  #ft_link .right{margin-top:1.2em;}
  #ft_link .right a img {width:25px;}
  #ft_copy {text-align:center;}

}
@media screen and (max-width:560px){
  #ft_link a.menu{display:none;}
  #ft_link a:after{display: none;}
  #ft_link .left a:nth-child(3)::after{display: none;}
}

/* 게시판 리스트 */
  /* 노이미지 */
  a.noimg{width:100%; height:100%;}
  .no_image{position:absolute; width:100%; height:100%; top:0; left:0; background:#f1f1f1; color:#fff; font-size:4.5rem; font-weight:600;text-align: center;}
  .no_image span{position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%);}


/* 갤러리 tbGall */
.GallBasic{ font-size:0; margin:0 -10px; }
.GallBasic::after{display:block;visibility:hidden;clear:both;content:"";}
.GallBasic > li {
  position:relative; width:25%; padding-left:10px; padding-right:10px; padding-bottom:25px; vertical-align: top; display:inline-block; transition:.4s;
}
.GallBasic > li.empty_list{width:100%; font-size: 1.8rem; padding:305px 0;}
.GallBasic .gall-thum{ position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; }
.GallBasic .gall-thum a{ width:100%; position:absolute; top:0; left:0; top:50%; left:50%; transform:translate(-50%, -50%);transition: width .4s; }
.GallBasic .gall-thum .ThumImg{ width:100%; height:100%; object-fit: cover; }
.GallBasic .gall-thum .thumHoverBorder{ position:absolute; background:#44b0f9; 
  -webkit-transition:background-color 0.4s ease-in-out;
  -moz-transition:background-color 0.4s ease-in-out;
  -o-transition:background-color 0.4s ease-in-out;
  transition:background-color 0.4s ease-in-out  }
.GallBasic .gall-description{ padding:1.2em 0.8em; font-size:1.5rem; font-weight:400; color:#989898; font-family:'Noto Sans KR', dotum, sans-serif;}
.gall-description .prd-title{  display:block;font-size:1.8rem; line-height:1.5em; font-weight:500; margin-bottom:10px;}
  .gall-description .prd-title.center{text-align: center;}
.gall-description p {font-size:1.5rem; line-height:1.6em; font-weight:400;}
  .gall-description p.center{text-align: center;}
  .gall-description .prd-title a{
    -webkit-transition:color 0.4s ease-in-out;
    -moz-transition:color 0.4s ease-in-out;
    -o-transition:color 0.4s ease-in-out;
    transition:color 0.4s ease-in-out
  }
.gallbasic-dim{
  position:absolute; top:0; left:0; width:100%; height:100%; transition:background .5s; 
}
.GallBasic > li:hover .gallbasic-dim{ background: rgba(0,0,0,.2); }
.GallBasic > li.li25{width:25%;}
.GallBasic > li.li33{width:33.3333%;}
.GallBasic > li.li50{width:50%;}
@media(max-width: 1200px){
  .GallBasic > li {width:33.33333%;}
  .GallBasic > li.li25{width:33.33333%;}
}
@media screen and (max-width:1024px){
  .GallBasic .gall-description{ padding:0.7em 0.5em; }
  .gall-description .prd-title{ font-size:1.7rem;margin-bottom:0.4em;}
}
@media screen and (max-width:768px){
  .GallBasic{ margin:0 -5px; }
  .GallBasic > li { padding-left:5px; padding-right:5px; }
  .GallBasic > li { width:50%; }
  .GallBasic > li.li25{width:50%;}
  .GallBasic > li.li33{width:50%;}
}
@media screen and (max-width:560px){
  .GallBasic > li { padding-left:3px; padding-right:3px; }
  .GallBasic > li.li33{width:100%;}
}
@media screen and (max-width:420px){
  .GallBasic > li { width:100%; }
}
/* 버튼 */
a.btn,.btn {/*line-height:normal;*/ height:auto; font-weight:normal; vertical-align: middle; font-size:1.5rem;}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit,.btn_close, a.btn_cancel, button.btn_cancel{ 
  background:#fff; color:#000; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; border-radius: 0;
  -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out
}
.btn_submit {border:1px solid #27c374;background:#27c374;color:#fff;}
.btn_submit:hover {border:1px solid #27c374;background:#27c374}
.btn_close {border:1px solid #a5a5a5; color:#989898; background:#fff}
.btn_close:hover{border:1px solid #333; color:#333;}
a.btn_close {}
a.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
button.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
.btn_cancel:hover {border:1px solid #333; color:#333; background:#fff; }
a.btn_frmline, button.btn_frmline {width:128px;font-size:1.4rem; padding:0 2px; } /* 우편번호검색버튼 등 */

/* 기본테이블 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f6f6f6;}
.tbl_head01 tbody th {padding:1em 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#222; padding:1em 10px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tbl_wrap table tr,.tbl_wrap table td{position: relative;}
.tbl_wrap table tr.trCont:hover{background:#f6f6f6;}

/*move.php 체크박스*/
.new_win .tbl_head01 td {color:#222; padding: 10px 5px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label { color:#bebebe; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck:checked + label { color:#222; }

.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label { color:#bebebe; } 
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check:checked + label { color:#222; }

/* 검색결과 색상 */
.sch_word {background:transparent; color:#3a8afd;font-weight:600; padding:2px; margin:0; }

/* 폼 테이블 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #e1e1e1;color:#222; padding:0.8em 10px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.wr_content textarea.bgwhite,.tbl_frm01 textarea.bgwhite,.form_01 textarea.bgwhite, .frm_input.bgwhite{background:#fff;}
.frm_input {height:auto; font-size:1.5rem; line-height:1.7em; padding:0.8em 10px; font-weight: 400;}
.frm_input::placeholder{color:#b5b5b5;}
.full_input {width:100%}
.half_input {width:calc(50% - 5px);}
#bo_w .write_div.captchabox{margin-top:1em;}
@media(max-width:768px){
  #bo_w .write_div.captchabox{margin-top:1em;}
  .half_input {width:100%;}
  #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}
}
/* 새창 기본 스타일 */
.new_win .btn_close, .new_win .btn_submit {
  overflow:hidden;cursor:pointer; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; height:auto; border:1px solid #d0d4df;background:#fff;color:#989898;
  -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;
}
.new_win .btn_submit { border:1px solid #222;background:#222;color:#fff; }
/* 페이징 */
.pg_wrap {margin-top:40px; float:none; display:block; width:100%; text-align: center;}
.pg_page, .pg_current {display:inline-block; min-width:auto; width:35px; height:35px;line-height:35px; font-size:1.5rem; font-weight: 400; border-radius: 0; padding:0;}
.pg_page {color:#222;}
.pg_page:hover {background-color:#f6f6f6}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#f6f6f6}
.pg_current {background:#27c374;border:1px solid #27c374;color:#fff;}
@media screen and (max-width:768px){
  .pg_wrap{margin-top:30px;}
}
/* 캡챠 */
#captcha #captcha_mp3 { margin:0 0 0 3px; }
#captcha #captcha_reload {margin:0 0 0 3px; }
#captcha #captcha_key {margin:0 0 0 3px; font-size:1.5rem;}



.popupBg{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} 
.popupBg .dimBackground {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: .5; filter:alpha(opacity=70);} 
.popupBg .popuplayer{display:block;} 
.popuplayer {
  background-color:#f1f1f1;
  width:100%; max-width:800px; height:100%; max-height:500px;
  display:none;
  position:absolute;
  top:50%;left:50%; transform: translate(-50%, -50%);
  z-index:100000; 
}
@media screen and (max-height:700px),
      screen and (max-width:560px){
  .popuplayer{max-height:90%;}


.popuplayer {
  width:90%; max-width:800px; height:90%; max-height:500px;
}

}
.popupPage{height:100%;}

.pdl25 {padding-left:20px;padding-top:10px;}


p {word-break: keep-all;}