/*대표 header*/
/*header top*/
.area-layout {
  width: 1200px;
  margin: 0 auto;
}
#header {
  z-index: 200;
  background: rgba(255,255,255,.2);
  box-shadow: 0 10px 9px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 10px 9px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0 10px 9px 2px rgba(0,0,0,.1);
}
.area-header-top {
  padding: 17px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.header-top {
  width: 1200px;
  margin: 0 auto;
}
#header h1.logo {
  background: url("/frontStatics/renew/new-logo.png") no-repeat 0 0;
  width: 164px;
  height: 54px;
  margin: 0;
  position: inherit;
  float: left;
}
#header h1.logo a {
  width: 100%;
  height: 100%;
}
/*sns*/
.gnb_navi {
  position: inherit;
  float: left;
  margin: 8px 0 0 3.33%;
}
.gnb_navi > li {
  margin: 0 0 0 6px;
}
.gnb-sns li a {
  width: 31px;
  height: 31px;
  border: 1px solid rgba(255,255,255,.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.gnb-sns li a img {
  vertical-align: baseline;
}
/*검색*/
#header .mainSearch {
  float: left;
  display: block;
  position: inherit;
  margin: 8px 0px 0 55px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #ffffff;
}
#header .mainSearch input {
  background: #ffffff;
  float: left;
  margin: 0;
  height: 40px;
  width: 238px;
  border: 0;
  font-size: 15px;
  letter-spacing: -1px;
  font-family: 'Noto Sans KR', sans-serif, 'NanumG', 'Malgun Gothic', '맑은 고딕';
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#header .mainSearch button {
  float: left;
  margin: 0;
  height: 40px;
  width: 45px;
  text-indent: -9999px;
  background: url("/frontStatics/renew/icon-search.png") no-repeat 50% 50%;
  border: 0;
}
.keyboard {float: left;position: inherit;}
.keyboard a {display:block;width:51px;height:41px;background-image:url(/upload_data/board_data/BBS_5000096/152150569483488.png);background-repeat:no-repeat;background-position: left 10px;background-size: 70%;opacity:0.4;text-indent: -999px;}
/*header 오른쪽 버튼들(줌,언어)*/
.area-hd-setting {
  float: right;
  margin: 14px 0 0;
}
.area-hd-setting .btnArea {
  float: left;
}
.area-hd-setting .btnArea > span {
  float: left;
  margin: 3px 11px 0 0;
  font-size: 14px;
  color: #ffffff;
}
.area-hd-setting .btnArea .zoom {
  width: 27px;
  height: 27px;
  border: 1px solid #e0e0e0;
  display: inline-block;
  float: left;
  text-indent: -9999px;
  background: url("/frontStatics/renew/icon-zoom.png") no-repeat;
  background-position: 6px 50%;
}
.area-hd-setting .btnArea .zoom.zoom-out {
  background-position: -21px 50%;
  border-left: 0;
}
.gnb_navi_lang {
  margin: 0 0 0 10px;
  border: 1px solid #e0e0e0;
}
.gnb_navi .language {
  border: 0;
}
.gnb_navi > li > a,
.gnb_navi > li > button {
  color: #ffffff;
}
.gnb_navi .language button {
  height: 27px;
  background: none;
  border: 0;
  font-size: 13px;
  line-height: 24px;
}
.gnb_navi > li > a.btn-move {
  color: rgb(46, 90, 166);
  height: 27px;
  line-height: 25px;
  border-left: 1px solid #e0e0e0;
}
.gnb_navi .language button.lang_off {
  background: url("/frontStatics/renew/icon-down.png") no-repeat 89px 50%;
}
.gnb_navi .language ul {
  border-color: #e0e0e0;
  left: -1px;
  top: 28px;
  width: 110px;
}
.gnb_navi .language ul li {
  padding: 2px 10px;
  font-size: 14px;
  font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
}
a.btn-logout {
  float: left;
  color: #ffffff;
  margin: 0 0 0 10px;
  border: 1px solid #ffffff;
  padding: 4.5px 9px;
  font-size: 12px;
}
/*header nav*/
.gnbArea {
  background: none;
  height: 50px;
  float: left;
}
.area-mo-menu-tit {
  display: none;
}
.btn-menu {
  width: 28px;
  height: 47px;
  margin: 15px 0 0 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: none;
  cursor: pointer;
  z-index: 200;
  float: right;
}
.btn-menu span {
  position: relative;
  display: inline-block;
  margin: 0 0 5px;
}
.btn-menu span,
.btn-menu span:before,
.btn-menu span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  content: "";
}
.btn-menu span:before,
.btn-menu span:after {
  position: absolute;
  left: 0;
}
.btn-menu span:before {
  top: -9px;
}
.btn-menu span:after {
  top: 9px;
}
.gnbArea.gnbArea-pc {
  height: 50px;
}
.gnbArea .gnbInCont #gnb {
  margin: 0 auto;
  width: 975px;
}
.gnbArea .gnbInCont #gnb > li,
.gnbArea .gnbInCont #gnb > li:first-child {
  margin: 0;
}
.gnbArea .gnbInCont #gnb > li > a {
  font-size: 20px;
  height: 42px;
  padding: 11px 40px 0;
}
.dep4 {
  display: none;
}

/*header nav hover*/
#header.on h1.logo {
  background: url("/frontStatics/renew/new-logo.png") no-repeat 0 0;
}
.hover .gnbSubArea {
  top: 50px;
  border-top: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #ffffff;
  border-bottom: 4px solid #daaa6c;
}
#header.on .gnbArea {
  background: none;
}
#header.on .gnbArea .gnbInCont #gnb > li > a {
  color: #ffffff;
}
.hover .gnbSubCont {
  padding: 22px 0 0;
}
.hover .gnbSubCont .dep2 > li {
  border-top: none;
  width: 15.83%;
  margin: 0 1% 0 0;
  padding: 5px 0 27px 0;
}
.gnbArea .gnbInCont #gnb > li.on .gnbSubArea {
  border-top: 1px solid #ffffff;
}
#gnb li:nth-child(2) .gnbSubCont .dep2 > li:nth-child(1) {
  width: 15.83%;
  margin: 0 1% 0 0;
}
#gnb li:first-child .gnbSubCont .dep2 > li:nth-child(1),
#gnb li:nth-of-type(4) .gnbSubCont .dep2 > li:nth-child(1) {
  margin-left: 7.915%;
}
.hover .gnbSubCont .dep2 > li:nth-of-type(6n) {
  margin: 0;
}
.hover .gnbSubCont .dep2 > li:nth-of-type(6n+1) {
  clear: both;
}
.hover .gnbSubCont .dep2 > li > a {
  color: #2e5aa6;
  letter-spacing: -1px;
  font: 600 19px 'NanumS';
}
.hover .gnbSubCont .dep2 > li > a._blank {
  width: auto;
  padding: 0 20px 0 10px;
}
.hover .gnbSubCont .dep3 {
  margin-bottom: 0;
}
.hover .gnbSubCont .dep3 li a {
  color: #515151;
}
.hover .gnbSubCont .dep3 li:hover a {
  color: #2e5aa6;
}
.bg-hd-menu-mo {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 98;
  display: none;
}
.btn-main-search {
  display: none;
}
#gnb li:first-child .gnbSubCont .dep2 > li {
    width: 17%;
}
/*footer*/
#footer{
  clear: both;
}
.foot_menus > li {
  width: 33.33%;
}
.foot_menus div {
  z-index: 100;
}
.foot_menus > li > button {
  background-position: 98% 20px;
}
.foot_menus > li.active > button {
  background-position: 98% -40px;
}
.foot_menus .fm_3 {
  top: -313px;
}

/*미디어쿼리*/
@media (max-width: 1220px) {
  /*pc 작은화면*/
  /*header*/
  .area-layout,
  .header-top,
  .gnbArea .gnbInCont {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #gnb {
    display: block;
  }
  #gnbM,
  .gnb-open-btn {
    display: none;
  }
  .hover .gnbSubCont {
    width: 100%;
  }
  .gnb_navi .language ul {
    left: auto;
    top: 60px;
    width: 110px;
    right: 41px;
  }
  /*header검색*/
  #header .mainSearch {
    margin-left: -116.5px;
  }
  #header .mainSearch input {
    width: 200px;
  }
}

/*탭*/
@media (max-width: 991px) {
  .no-scroll {
    overflow: hidden;
  }
  a.btn-logout {
    display: none;
  }
  .no-scroll #header {
    height: 100%;
  }
  /*header*/
  .area-header-top {
    padding: 17px 0 0;
  }
  .btn-main-search {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-indent: -9999px;
    background: url("/frontStatics/renew/btn-search.png") no-repeat 0 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 56px;
  }
  .area-hd-setting .btnArea {
    display: none;
  }
  .header-top {
    float: left;
    margin-top: 22px;
    border-top: 1px solid rgba(255,255,255,.3);
  }
  .gnb_navi {
    top: 6px;
    left: 10px;
    position: absolute;
    margin: 0;
  }
  .gnb_navi .language button {
    height: 24px;
    line-height: 23px;
    border-left: 0;
    color: #eeeeee;
    font-size: 12px;
    padding-left: 5px;
    width: 85px;
    border: 1px solid rgba(255,255,255,.3);
    border-right: 0;
  }
  .gnb_navi .language button.lang_off {
    background: url("/frontStatics/renew/icon-down.png") no-repeat 68px 50%;
  }
  .gnb_navi .language ul {
    top: 30px;
    width: 83px;
    right: 40px;
    left: auto;
  }
  .gnb_navi > li > a.btn-move {
    height: 24px;
    background: rgba(0,0,0,.7);
    line-height: 23px;
    border-left: 0;
    color: #eeeeee;
    font-size: 12px;
  }
  .gnb-sns li a {
    width: 23px;
    height: 23px;
    line-height: 2em;
  }
  .gnb-sns li a img {
    width: 15px;
  }
  .gnb_navi_lang {
    right: 10px;
    left: auto;
    border: 0;
  }
  #header h1.logo {
    margin: 10px 0 10px 40%;
    margin: 10px 0 10px calc(50% - 70px);
    width: 140px;
    background-size: contain;
  }
  #header .mainSearch {
    top: 115px;
    margin-left: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-radius: 0;
    background: rgba(255,255,255,.4);
    display: none;
  }
  #header .mainSearch input {
    width: 200px;
    margin: 0 0 0 35%;
    margin: 0 0 0 calc(50% - 141.5px);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
  }
  #header .mainSearch button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    background-color: #ffffff;
  }
  /*메뉴*/
  .area-mo-menu-tit {
    display: block;
    background: #00BCD4;
    padding: 15px 0 15px 18px;
  }
  .area-mo-menu-tit > h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
  }
  .gnbArea-mob .btn-hd-menu-mo {
    width: 15%;
    float: left;
    display: inline-block;
    height: 50px;
    position: relative;
    cursor: pointer;
  }
  .gnbArea-mob .btn-hd-menu-mo::before,
  .gnbArea-mob .btn-hd-menu-mo::after {
    width: 20px;
    height: 2px;
    background: #0dabb3;
    content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: calc(50% - 1px);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
  .gnbArea-mob .btn-hd-menu-mo::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }
  .gnbArea-mob .btn-hd-menu-mo.menu-arrow-active::before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
  .gnbArea-mob .btn-hd-menu-mo.menu-arrow-active::after {
    -webkit-transition-delay: 0.09s;
    -moz-transition-delay: 0.09s;
    -o-transition-delay: 0.09s;
    -ms-transition-delay: 0.09s;
    transition-delay: 0.09s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  .btn-menu {
    display: block;
  }
  .btn-menu.mo-active {
    margin: -25px 14px 0;
    display: none;
  }
  #gnb li:first-child .gnbSubCont .dep2 > li:nth-child(1),
  #gnb li:nth-of-type(4) .gnbSubCont .dep2 > li:nth-child(1) {
    margin-left: 0;
  }
  .gnbArea-mob .gnbSubArea {
    display: block !important;
  }
  #gnb ul {
    display: none;
    float: left;
    width: 100%;
  }
  #gnb ul li {
    float: left;
    width: 100% !important;
    margin: 0 !important;
  }
  .gnbArea {
    height: 100% !important;
  }
  .gnbArea .gnbInCont {
    width: 400px;
    height: 100% !important;
    position: fixed;
    right: -400px;
    top: 0;
    padding: 0;
    background: #000000;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
  .gnbArea .gnbInCont #gnb {
    width: 100%;
    margin: 0;
    height: 100%;
  }
  .gnbArea .gnbInCont #gnb > li {
    width: 100%;
    background: rgba(0,0,0,.2);
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.3);
  }
  .gnbArea .gnbInCont #gnb > li > a {
    font-size: 17px;
    height: auto;
    padding: 12px 0 15px 8%;
    float: left;
    width: 77%;
  }
  .gnbArea-mob .dep2 {
    background: #313131;
  }
  .gnbArea-mob .dep2 li {
    border-bottom: 1px solid rgba(255,255,255,.3);
  }
  .gnbArea-mob .dep2 li:last-child {
    border-bottom: 0;
  }
  .gnbArea-mob .dep2 li a {
    font-size: 16px;
    padding: 12px 0 13px 10%;
    float: left;
    width: 75%;
    color: #dddddd;
  }
  .gnbArea-mob .dep3 {
    background: #504f4f;
  }
  .gnbArea-mob .dep3 li a {
    font-size: 15px;
    padding: 11px 0 12px 12%;
    width: 73%;
    color: #eeeeee;
  }
  .gnbArea .gnbInCont.mo-active {
    right: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    z-index: 100;
    overflow: scroll;
  }
  /*menu active*/
  .btn-menu.mo-active span::before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    top: -9px;
  }
  .btn-menu.mo-active span::after {
    -webkit-transition-delay: 0.09s;
    -moz-transition-delay: 0.09s;
    -o-transition-delay: 0.09s;
    -ms-transition-delay: 0.09s;
    transition-delay: 0.09s;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    top: -9px;
  }
  .btn-menu.mo-active span {
    background: transparent;
  }
  .sub-menu-on {
    display: block !important;
  }
  .gnbArea-mob .dep2 li .btn-hd-menu-mo,
  .gnbArea-mob .dep3 li .btn-hd-menu-mo{
    height: 47px;
  }
  .gnbArea-mob .dep4 {
    background: rgb(142, 142, 142);
  }
  .gnbArea-mob .dep4  li  a {
    padding: 10px 0 11px 13%;
    width: 71%;
  }
}

/*모바일*/
@media (max-width: 500px){
  /*header*/
  #header h1.logo {
    margin: 10px 0 10px 35%;
    margin: 10px 0 10px calc(50% - 65px);
    width: 100px;
    height: 37px;
  }
  .btn-main-search {
    top: 49px;
  }
  .btn-menu {
    margin: 5px 0 0 0;
    width: 23px;
  }
  .btn-menu span:before {
    top: -8px;
  }
  .btn-menu span:after {
    top: 8px;
  }
  /*검색창*/
  #header .mainSearch {
    padding: 6px 0;
    top: 98px;
  }
  #header .mainSearch input {
    height: 35px;
    font-size: 13px;
  }
  #header .mainSearch button {
    height: 35px;
  }
  .gnbArea .gnbInCont {
    width: 80%;
    right: -80%;
  }
}

/* 인기검색어*/
.ingee{}
.ingee ul{}
.ingee ul li{ float:left; width:47%; margin-bottom:10px; line-height: 26px;padding-left:10px}
.ingee ul li:nth-child(2n) { margin-left:1%; }
.ingee ul li:nth-child(10n),
.ingee ul li:nth-child(9),
.ingee ul li:nth-child(19) {border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:15px}
.ingee ul li span{width:25px; height:30px; text-align:center;font-weight:bold;font-size:16px;display: inline-block;margin-top: -3px;margin-right: 10px;color: #a9a7a7;border:1px solid #ddd;  }

/* .ingee ul li:nth-child() */
/* 1 -10 */
.ingee ul li:nth-child(1),
.ingee ul li:nth-child(2),
.ingee ul li:nth-child(3),
.ingee ul li:nth-child(4),
.ingee ul li:nth-child(5){}
.ingee ul li:nth-child(6),
.ingee ul li:nth-child(7),
.ingee ul li:nth-child(8),
.ingee ul li:nth-child(9),
.ingee ul li:nth-child(10){/* border-bottom:1px solid #eeee; */font-size: 18px;line-height: 2;}
.ingee ul li:nth-child(1) span,.ingee ul li:nth-child(2) span,.ingee ul li:nth-child(3) span,.ingee ul li:nth-child(4) span,.ingee ul li:nth-child(5) span,.ingee ul li:nth-child(6) span,.ingee ul li:nth-child(7) span, .ingee ul li:nth-child(8) span, .ingee ul li:nth-child(9) span, .ingee ul li:nth-child(10) span{color:#388fd9; }
/* 11-20 */
.ingee ul li:nth-child(11) span,.ingee ul li:nth-child(12) span,.ingee ul li:nth-child(13) span,.ingee ul li:nth-child(14) span,.ingee ul li:nth-child(15) span,.ingee ul li:nth-child(16) span,.ingee ul li:nth-child(17) span, .ingee ul li:nth-child(18) span, .ingee ul li:nth-child(19) span, .ingee ul li:nth-child(20) span{color: #3a3a3a;}
/* 21-30 */
.ingee ul li:nth-child(21) span,.ingee ul li:nth-child(22) span,.ingee ul li:nth-child(23) span,.ingee ul li:nth-child(24) span,.ingee ul li:nth-child(25) span,.ingee ul li:nth-child(26) span,.ingee ul li:nth-child(27) span, .ingee ul li:nth-child(28) span, .ingee ul li:nth-child(29) span, .ingee ul li:nth-child(30) span{color: #dd}
.ingee ul li:nth-child(21),.ingee ul li:nth-child(22),.ingee ul li:nth-child(23),.ingee ul li:nth-child(24),.ingee ul li:nth-child(25),.ingee ul li:nth-child(26),.ingee ul li:nth-child(27), .ingee ul li:nth-child(28), .ingee ul li:nth-child(29), .ingee ul li:nth-child(30){color: #868585;}