@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
* {box-sizing: border-box;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size: 0.96em; color: #6b6c6c; font-weight: 400; font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif; letter-spacing: -0.02em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif; font-weight: 400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul {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}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer; border: 0; font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif;}
button:focus {outline: none;}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color: #6b6c6c;text-decoration:none;}
a:hover, a:focus, a:active {text-decoration: none;}
.cursor {cursor: pointer;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;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_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:fixed;top:0;z-index:1000 !important;background:#fff; width: 100%; border-bottom: 1px solid #dbdbdb;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;width: 100%; zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left; padding-top: 32px; padding-left: 32px;}
#logo img {width: 240px;}

/* 전체 검색 */
#hd_sch {position: fixed; display: none; padding-top: 87px; width: 100%; background: #fff; box-shadow: 3px 0 28px rgba(100,100,100,0.36); text-align: center; z-index: 10; transition: top 1s;}
#hd_sch.open {display: block;}
/* #hd_sch.close {} */
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding:6px;width:725px;height:42px;border:0;background:#fff;line-height:1.9em !important;border: 1px solid #bababa; border-right: 0;}
#hd_sch #sch_submit {position: relative; width: 50px; height: 42px; margin-left: -4px; border: 0; color: #fff; font-size: 28px; background: #00a1df; cursor:pointer; font-family: 'xeicon';}
#hd_sch h3 {padding-top: 54px; padding-bottom: 11px; font-size: 15px; color: #7f7f7f;}
.popular_keyword { position: relative; width: 775px; display: block; margin: 10px auto  0; padding-bottom: 55px;}
.popular_keyword ul {font-size: 0;}
.popular_keyword ul li {display: inline-block; font-size: 15px; color: #00a1df; padding: 0 3px; }
.popular_keyword ul li a {color: #00a1df;}
.popular_keyword ul li:before {content:'#'; }
#hd_sch .Close_btn {position: absolute; top: -50px; right: -265px; display: block; background: #fff; color: #7f7f7f; font-size: 35px;}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding: 0 18px 0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 41px}
#tnb a {display:inline-block; letter-spacing:-0.04em;line-height:86px; font-size: 17px;font-weight: 400;font-family: 'CentGothWGL'; color: #6b6c6c;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb .search_btn {color: #00a1df; height: 86px; cursor: pointer; line-height: 86px; background: #fff;}
/* #tnb .search_btn.off {color: #6b6c6c;} */
#tnb img {margin-right:3px}

/* 메인메뉴 */
#gnb {position:relative; float: left; margin-left: 37px; display: block;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left; line-height: 86px;}
.gnb_1dli:first-child .gnb_2dul {width: 160px;}
.gnb_1dli:nth-child(2) .gnb_2dul {width: 144px;}
.gnb_1dli:last-child .gnb_2dul {width: 194px;}
.gnb_1dli:first-child a {padding-left: 0; border-left: 0;}
.gnb_1da {display:inline-block;padding:0 24px;font-size: 18px;line-height:1.1em;text-decoration:none; border-left: 1px solid #dbdbdb; white-space: nowrap; color: #6b6c6c
;}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
/* .gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff} */
.gnb_2dul {display:none;position:absolute;top:83px;width:auto; border-bottom: 1px solid #dbdbdb; border-top: 3px solid #519be0; box-shadow: 3px 3px 7px rgba(190,190,190,0.4);}
.gnb_2dli {padding: 0 15px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.gnb_2dul .gnb_2dli:first-child {padding-top: 10px;}
.gnb_2dul .gnb_2dli:last-child {padding-bottom: 10px;}
.gnb_2da {display:block;text-align: left; color: #878787; line-height: 40px; font-size: 15px;}
.gnb_2dli:hover .gnb_2da {color: #519be0; text-decoration: none;}
/* .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none} */
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;left:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

.search_btn i {font-size: 21px; vertical-align: middle;}
/* 중간 레이아웃 */
#wrapper {position: relative; padding-top: 294px; padding-right: 68px; z-index:5;margin:0 auto; width: 100%; zoom:1; transition: all 0.5s;}
#wrapper.on {padding-top: 87px;}
#wrapper.none {padding-top: 0; padding-right: 0;}

#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.hero_section .bx-wrapper { max-width: 100% !important; height: 100%; border: 0; box-shadow: none; margin-bottom: 0; background: transparent;}
.hero_section .bx-wrapper .slides { box-shadow: inset 6px 0 30px rgba(200,200,200,0.3);}
.hero_section .bx-wrapper .bx-viewport {background: #fff;}
/* #Mainslider {position: relative; width: 100%; padding-top: 35%; overflow: hidden; background: #fff;}
#Mainslider .slides {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#Mainslider .slides img {max-width: 100%;} */
.slides .slides_title {position: absolute; top: 220px; width: 1000px; left: 50%; transform: translateX(-50%); text-align: right; z-index: 2; transition: 1s;}
.slides .slides_title h3 {font-size: 24px; margin-bottom: 10px; font-family: 'CentGothWGL', sans-serif;}
.slides .slides_title h2 {font-size: 36px; margin-bottom: 24px;}
.slides .slides_title .More_view {display: inline-block; padding: 10px 24px; background: #00a1df; color: #fff; font-size: 15px; line-height: 17px; text-align: center; font-family: 'CentGothWGL', sans-serif;}
  .hero_section .bx-wrapper .bx-controls-direction  {position: relative; top: -307px; width: 1300px; margin: 0 auto;}
.hero_section .bx-wrapper .bx-controls-direction a {width: 118px; height: 60px;}
.hero_section .bx-wrapper .bx-prev {background: url('/../images/new/prev.png') center no-repeat;}
.hero_section .bx-wrapper .bx-prev:before {position: absolute; top: 0; left: 0; width: 56px; height: 56px; display: block; content:''; border-radius: 50%; border: 2px solid #fff; background: transparent}
.hero_section .bx-wrapper .bx-next:before {position: absolute; top: 0; right: 0; width: 56px; height: 56px; display: block; content:''; border-radius: 50%; border: 2px solid #fff; background: transparent}
.hero_section .bx-wrapper a:hover:before {border-color: rgba(255,255,255,0.4);}
.hero_section .bx-wrapper .bx-prev:after {position: absolute; top: 0; left: 0; width: 60px; height: 60px; content: ''; background: url('/../images/new/rotate.png') center no-repeat; z-index: 3;}
.hero_section .bx-wrapper .bx-next:after {position: absolute; top: 0; right: 0; width: 60px; height: 60px; content: ''; background: url('/../images/new/rotate.png') center no-repeat; z-index: 3;}
.hero_section .bx-wrapper a:hover:after {animation: spin 1s linear infinite;}
.hero_section .bx-wrapper .bx-next {background: url('/../images/new/next.png') center no-repeat;}
.hero_section .bx-wrapper .bx-pager {bottom: 34px;}
.hero_section .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; margin: 0 6px; transition: all 0.3s;}
.hero_section .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
.hero_section .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #00a1df; width: 97px;}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);} }
/* #aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff} */

.slider {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 35%;
}
.slider > input {
  display: none;
}
/* .slider > input:nth-of-type(6):checked ~ .slide-wrap > .slides:first-of-type {
  margin-left: -500%;
}
.slider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after {
  opacity: 1;
}
.slider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5) {
  display: block;
  left: 0;
  right: auto;
  transform: rotate(45deg);
}
.slider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7) {
  display: block;
  right: 0;
  left: auto;
  transform: rotate(225deg);
}
.slider > input:nth-of-type(5):checked ~ .slide-wrap > .slides:first-of-type {
  margin-left: -400%;
}
.slider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after {
  opacity: 1;
}
.slider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4) {
  display: block;
  left: 0;
  right: auto;
  transform: rotate(45deg);
}
.slider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6) {
  display: block;
  right: 0;
  left: auto;
  transform: rotate(225deg);
} */
/* .slider > input:nth-of-type(4):checked ~ .slide-wrap > .slides:nth-child(4) {
  opacity: 1;
  z-index: 2;
}
.slider > input:nth-of-type(4):checked ~ .slide-wrap > .slides:nth-child(4) img {
  transform: scale(1.1,1.1);
}
.slider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4) {
  width: 97px;
  background: #00a1df;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3) {
  display: block;
  left: 0;
  right: auto;
  background: url('/../images/new/prev.png') center no-repeat;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3):hover:after {
  animation: spin 1s linear infinite;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3):hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5) {
  display: block;
  right: 0;
  left: auto;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5):before {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5):hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5):hover:after {
  animation: spin 1s linear infinite;
} */
.slider > input:nth-of-type(3):checked ~ .slide-wrap > .slides:nth-child(3) {
  opacity: 1;
  z-index: 2;
}
.slider > input:nth-of-type(3):checked ~ .slide-wrap > .slides:nth-child(3) img {
  transform: scale(1.1,1.1);
}
.slider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3) {
  width: 97px;
  background: #00a1df;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2) {
  display: block;
  left: 0;
  right: auto;
  background: url('/../images/new/prev.png') center no-repeat;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2):hover:after {
  animation: spin 1s linear infinite;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2):hover:before {
  border-color: rgba(255,255,255,0.4);
}
/* .slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4) {
  display: block;
  right: 0;
  background: url('/../images/new/next.png') center no-repeat;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4):hover:after {
  animation: spin 1s linear infinite;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4):before {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4):hover:before {
  border-color: rgba(255,255,255,0.4);
} */

.slider > input:nth-of-type(2):checked ~ .slide-wrap > .slides:nth-child(2) {
  opacity: 1;
  z-index: 2;
}
.slider > input:nth-of-type(2):checked ~ .slide-wrap > .slides:nth-child(2) img {
  transform: scale(1.1,1.1);
}
.slider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2) {
  width: 97px;
  background: #00a1df;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1) {
  display: block;
  left: 0;
  /* right: auto; */
  background: url('/../images/new/prev.png') center no-repeat;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1):hover:after {
  animation: spin 1s linear infinite;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1):before {
  position: absolute;
  top: 0;
left: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1):hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3) {
  display: block;
  right: 0;
  /* right: auto; */
  background: url('/../images/new/next.png') center no-repeat;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3):hover:after {
  animation: spin 1s linear infinite;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3):before {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3):hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > input:nth-of-type(1):checked ~ .slide-wrap > .slides:nth-child(1) {
  opacity: 1;
  z-index: 2;
}
.slider > input:nth-of-type(1):checked ~ .slide-wrap > .slides:nth-child(1) img {
  transform: scale(1.1,1.1);
}
.slider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1) {
  width: 97px;
  background: #00a1df;
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0) {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2) {
  display: block;
  right: 0;
  background: url('/../images/new/next.png') center no-repeat;
  left: auto;
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2):before {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2):hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2):hover:after {
  animation: spin 1s linear infinite;
}
.slider > .slide-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.slider > .slide-wrap > .slides {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  line-height: normal;
  opacity: 0;
  transition: all 2s;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  z-index: 1;
}
.slider > .slide-wrap > .slides {
  display: block;
}
.slider > .slide-wrap > .slides.scrollable {
  overflow-y: auto;
}
.slider > .slide-wrap > .slides img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 2s ease-in-out;
  transform: scale(1,1);
  z-index: 1;
}
.slider > .navigation {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-bottom: 20px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  user-select: none;
  z-index: 10;
}
.slider > .navigation div {
  margin-left: -100%;
}
.slider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  margin: 0 6px;
  width: 12px;
  height: 12px;
  background: #fafaff;
  transition: 0.5s;
  -webkit-touch-callout: none;
  user-select: none;
}
.slider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}
.slider.inside .navigation label {
  border: 1px solid #7e7e7e;
}
.slider.infinity > input:first-of-type:checked ~ .arrows label.goto-last {
  display: block;
  left: 0;
  right: auto;
  background: url('/../images/new/prev.png') center no-repeat;
}
.slider.infinity > input:first-of-type:checked ~ .arrows label.goto-last:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider.infinity > input:first-of-type:checked ~ .arrows label.goto-last:hover:after {
  animation: spin 1s linear infinite;
}
.slider.infinity > input:first-of-type:checked ~ .arrows label.goto-last:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider.infinity > input:first-of-type:checked ~ .arrows label.goto-last:hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider.infinity > input:last-of-type:checked ~ .arrows label.goto-first {
  display: block;
  right: 0;
  background: url('/../images/new/next.png') center no-repeat;
}
.slider.infinity > input:last-of-type:checked ~ .arrows label.goto-first:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  content: '';
  background: url('/../images/new/rotate.png') center no-repeat;
  z-index: 3;
}
.slider.infinity > input:last-of-type:checked ~ .arrows label.goto-first:hover:after {
  animation: spin 1s linear infinite;
}
.slider.infinity > input:last-of-type:checked ~ .arrows label.goto-first:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: block;
  content:'';
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
}
.slider.infinity > input:last-of-type:checked ~ .arrows label.goto-first:hover:before {
  border-color: rgba(255,255,255,0.4);
}
.slider > .arrows {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  width: 1300px;
  height: 0px;
  box-sizing: content-box;
  -webkit-touch-callout: none;
  user-select: none;
  z-index: 10;
}
.slider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  width: 118px;
  height: 60px;
  cursor: pointer;
  -webkit-touch-callout: none;
  user-select: none;
}


#container {z-index:4;position:relative;min-height:500px;height:auto !important;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
.bread {position: relative; margin: 30px 0 50px; padding-bottom: 25px; color: #6b6c6c; font-size: 30px; line-height: 1; border-bottom: 1px solid #ddd; font-weight: 400;}
#container_title {display: inline-block; width: auto;}
.bread .location {position: absolute; top: 5px; right: 0; font-size: 15px;}
.bread .location a {font-size: 17px; vertical-align: top;}
.bread .location span, .bread .location strong, .bread .location a {vertical-align: middle;}
.container {position: relative;margin: 0 auto; width: 1300px;}
.bg_white {background: #fff;}
#main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.Mo {display: none !important; }
.banner_clear {position: relative; width: 100%; padding-bottom: 60px;}
.banner_clear:after {display: block; content:''; clear: both;}
.banner_clear > div {float: left;}
.banner_clear > div:last-child {margin-right: 0;}
.banner_clear h2 {position: relative; font-size: 26px; color: #6b6c6c; text-align: center; font-weight: 700; margin-bottom: 50px; font-family: 'CentGothWGL', sans-serif; text-transform: uppercase;}
.banner_clear h2:before {position: absolute; content:''; width: 452px; height: 1px; background: #dedede; top: 18px; left: 0;}
.banner_clear h2:after {position: absolute; content:''; width: 452px; height: 1px; background: #dedede; top: 18px; right: 0;}
.col3 {width: 421.333px; margin-right: 18px; transform: translateY(0px); transition: 1s; }
.col3:nth-child(2) {transition-delay: 0.2s;}
.col3:nth-child(3) {transition-delay: 0.4s;}
.col3:nth-child(4) {transition-delay: 0.6s;}
.col3.on {transform: translateY(0px); opacity: 1;}
.col2 {width: 639px; margin-right: 22px; box-shadow: 1px 1px 8px rgba(200,200,200,0.2); border: 1px solid #f4f4f4; transform: translateY(0px); transition: 1s; }
.col2.on {transform: translateY(0px); opacity: 1;}
.col2:last-child {transition-delay: 0.2s;}
.Col3_shadow {width: 418px; margin-right: 22px; box-shadow: 1px 1px 8px rgba(200,200,200,0.2); border: 1px solid #f4f4f4; transform: translateY(0px); transition: 1s; }
.Col3_shadow.on {transform: translateY(0px); opacity: 1;}
.Col3_shadow:last-child {transition-delay: 0.2s;}
.Col3_shadow .text-box {padding-bottom: 32px;}
.Col3_shadow .text-box p {font-size: 13px;}
.col3 .image_box {box-shadow: 3px 3px 6px rgba(200,200,200,0.3);}
.image_box img {max-width: 100%;}
.col2 .text-box {padding-bottom: 32px;}
.col2 .text-box .sub_tt {color: #519be0;}
.text-box {padding-top: 33px; text-align: center;}
.text-box .sub_tt {display: block; font-size: 16px; letter-spacing: 0.03em; font-weight: 700; color: #6b6c6c; line-height: 18px; padding-bottom: 8px; text-transform: uppercase; font-family: 'CentGothWGL', sans-serif;}
.text-box h3 {font-size: 20px; line-height: 1.2; padding-bottom: 26px; font-weight: 400;}
.text-box p {font-size: 15px; line-height: 24px; color: #868686;}
.text-box .view {display: inline-block; margin-top: 16px; color: #00a1df; font-size: 13px; line-height: 1.5; font-weight: 700; border-bottom: 1px solid #00a1df; text-transform: uppercase;}

.cols2 .Title {margin-top: 0 !important;}
.cols2 {display: inline-block; width: 637px; margin-top: 50px; margin-right: 22px; border-right: 1px solid #f4f4f4; vertical-align: top;}
.cols2:last-child {margin-right: 0; border-right: 0;}

.mid_section {padding: 204px 0; text-align: center; overflow: hidden;}
.mid_section div {position: relative; z-index: 3; display: block;}
.mid_section h2 {font-size: 35px; padding-bottom: 10px;color: #6b6c6c; font-family: 'CentGothWGL', sans-serif; }
.mid_section h3 {padding-bottom: 32px; font-size: 30px; line-height: 24px; color: #6b6c6c; }
.mid_section p {font-size: 23px; line-height: 37px; color: #6b6c6c;}
.ft_banner {padding: 99px 0; cursor: pointer;}
#parallax {
  background-image: url('/../images/new/test_bg.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ft_banner {padding: 204px 0 204px 598px; text-align: left;}
.ft_banner a {display: block;}
.ft_banner h2 {font-size: 35px; padding-bottom: 10px;color: #6b6c6c; font-family: 'CentGothWGL', sans-serif; text-transform: uppercase; transform: translateY(30px); transition: 1s; transition-delay: 0.5s;opacity: 0;}
.ft_banner h3 {padding-bottom: 32px; font-size: 25px; line-height: 24px; color: #6b6c6c; transform: translateY(30px); transition: 1s; transition-delay: 1s; opacity: 0;}
.ft_banner p {font-size: 19px; line-height: 26px; color: #6b6c6c; transform: translateY(30px); transition: 1s; transition-delay: 1.5s;opacity: 0;}
#in_footter {transform: translateY(30px); transition: 1s; opacity: 0;}
#in_footter.on {transform: translateY(0px); opacity: 1;}
#in_footter.on h2, #in_footter.on h3, #in_footter.on p {transform: translateY(0px); opacity: 1;}

/* #in_mid, #in_footter {display: none;} */
/* 하단 레이아웃 */

#Quickmenu {position:fixed; display: block; top: 0; right: 0; z-index: 7; width: 68px; height: 100%; background: #fff; box-shadow: -1px 0 4px rgba(200,200,200,0.26);}
#Quickmenu .quick {padding-top: 297px; display: block; transition: all 0.5s;}
#Quickmenu .quick.up {padding-top: 86px;}
#Quickmenu .quick li {position: relative; display: block; margin: 20px 20px;}
#Quickmenu .quick .open_tel span {display: none; position: absolute; top: -16px; right: 43px; padding: 20px 34px; background: #fff; font-size: 20px; color: #535353; border-radius: 6px; white-space: nowrap; box-shadow: 2px 2px 20px rgba(0,0,0,0.2);}
#Quickmenu .quick .open_tel span i {color: #00a1df; height: 22px; vertical-align: bottom;}
#Quickmenu .quick .open_tel span:after {position: absolute; content:''; right: -10px;
top: 26px; width: 0; height: 0;
border-top: 5px solid transparent; border-left: 5px solid #fff; border-right: 5px solid transparent; border-bottom: 5px solid transparent;}
#Quickmenu .quick li {background-size: 28px !important;}
#Quickmenu .quick li a {width: 28px; height: 28px; display: block;}
#Quickmenu .quick li img {width: 28px;}
#Quickmenu .quick li:first-child {background: url('/../images/new/quick_01.png') center no-repeat;}
#Quickmenu .quick li:first-child:hover {background: url('/../images/new/quick_01_on.png') center no-repeat;}
#Quickmenu .quick li:nth-child(2) {background: url('/../images/new/quick_02.png') center no-repeat;}
#Quickmenu .quick li:nth-child(2):hover {background: url('/../images/new/quick_02_on.png') center no-repeat;}
#Quickmenu .quick li:nth-child(3) {background: url('/../images/new/quick_03.png') center no-repeat;}
#Quickmenu .quick li:nth-child(3):hover {background: url('/../images/new/quick_03_on.png') center no-repeat;}
#Quickmenu .quick li:nth-child(4) {background: url('/../images/new/quick_04.png') center no-repeat;}
#Quickmenu .quick li:nth-child(4):hover {background: url('/../images/new/quick_04_on.png') center no-repeat;}
#Quickmenu .quick li:nth-child(5) {background: url('/../images/new/quick_05.png') center no-repeat;}
#Quickmenu .quick li:nth-child(5):hover {background: url('/../images/new/quick_05_on.png') center no-repeat;}

#Quickmenu .top_btn {position: absolute; bottom: 0px; right: 0; width: 68px; height: 62px; padding-top: 19px; padding-right: 22px; background: #00a1df; text-align: right; }
#Quickmenu .top_btn i {color: #fff; font-size: 24px; vertical-align: middle;}
#ft {position: relative; width: calc(100% - 68px); border-top:1px solid #ebebeb; background:#fff; font-size: 0; z-index: 5;}
#ft:after {display: block; content: ''; clear: both;}
#ft .ft_col {position: relative;width: 33.332%; line-height: 33px; float: left; font-size: 13px;}
/* #ft .ft_col:nth-child(2) {padding-left: 80px;}
#ft .ft_col:nth-child(3) {padding-left: 142px;} */
#ft .ft_col:nth-child(3):after {display: none;}
/* #ft .ft_col:after {position: absolute; right: 0; top: 0; content: ''; display: inline-block; width: 1px; height: 198px; background: #ebebeb;} */
#ft .ft_col h3 {font-weight: 700; font-size: 16px; font-family: 'CentGothWGL', sans-serif; }
.kk_view {display: inline-block; padding: 4px 7px; margin-left: 5px; font-weight: 700; line-height: 13px; border: 1px solid #a6a6a6; }
#ft .ft_topper {padding: 21px 0; margin-bottom: 34px; border-bottom: 1px solid #ddd;}
#ft .ft_topper li {display: inline-block; padding-right: 15px; margin-right: 15px; border-right: 1px solid #a6a6a6;}
#ft .ft_topper li:last-child {padding-right: 0; margin-right: 0; border-right: 0;}
#ft .ft_topper li a {font-size: 13px;}
#ft .copyright {padding: 20px 0; margin-top: 34px; border-top: 1px solid #ddd; }
#ft .copy {clear:both; text-align: left; font-size: 13px; font-family: 'CentGothWGL', sans-serif;}

#counsel {padding: 61px 0 46px; background: #fff; width: calc(100% - 68px); border-top: 1px solid #ddd;}
#counsel:after {clear: both; display: block; content; '';}
#counsel > div > div {float: left; display: inline-block; width: 430px;}
#counsel h3 {font-size: 26px; line-height: 1.4;color: #1c99d1; margin-bottom: 8px;}
#counsel h5 {font-size: 16px; line-height: 1.4; color: #6b6c6c; }
#counsel .from_prv {width: 866px; float: right;}
#counsel .coun_wra {}
#counsel .coun_wra.lin {border-bottom: 1px solid #1c99d1; padding-bottom: 20px; margin-bottom: 6px;}
#counsel .coun_wra:after {clear: both; content: ''; display: block;}
#counsel .tt_lab {display: inline-block; width: 95px; font-size: 15px; color: #6b6c6c;}
#counsel input[type="text"] {width: 100%; line-height: 16px; padding: 15px 0; border: 0; border-bottom: 1px solid #1c99d1; margin-bottom: 6px;}
#counsel input[type="text"]::-webkit-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel input[type="text"]:-ms-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel input[type="text"]::-moz-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel select {width: 100%; padding: 15px 0; border: 0; border-bottom: 1px solid #1d99d1; background: url('/../images/new/select.png') right 0px top 15px no-repeat;
color: #6b6c6c; border-radius: 0; -webkit-appearance: none; appearance: none; font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel select:focus {outline: 0;}
.check_wra {margin-right: 14px;}
.check_wra input {display: none;}
.check_wra input[type="radio"] + span {display: inline-block; width: 15px; height: 16px; background: url('/../images/new/coun_chk.png') -15px no-repeat; background-size: 30px; vertical-align: middle; margin-right: 6px; }
.check_wra input[type="radio"]:checked + span {background: url('/../images/new/coun_chk.png') 0px no-repeat; background-size: 30px;}
#counsel textarea {border: 0; border-bottom: 1px solid #1c99d1; padding: 14px 0; width: 100%; height: 140px; resize: none;}
#counsel textarea::-webkit-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel textarea:-ms-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
#counsel textarea::-moz-input-placeholder {font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}
.agreement {text-align: left; font-size: 15px; color: #1778a4; margin-bottom: 18px; margin-top: 16px;}
.agreement .check_wra input[type="checkbox"] + span {display: inline-block; width: 15px; height: 16px; background: url('/../images/new/agree_chk.png') -15px no-repeat; background-size: 30px; vertical-align: middle; margin-right: 2px; }
.agreement .check_wra input[type="checkbox"]:checked + span {background: url('/../images/new/agree_chk.png') 0px no-repeat; background-size: 30px;}
#counsel .con_submit { width: 100%; font-size: 15px;height: 48px; line-height: 49px; border: 0; font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;}


/* .hero_section .bx-wrapper .slides {display: block !important;}
.hero_section .bx-wrapper .slides img {transform: scale(1,1); transition: all .8s ease-in-out; opacity: 0;}
.hero_section .bx-wrapper .slides.active-slide1 img {transform: scale(1.1,1.1); transition: all 7s ease-in-out;}
.hero_section .bx-wrapper .slides.active-slide img {opacity: 1; transition: all 0.5s ease-in-out;} */

/* .hero_section .slides img {transform: translateY(60px); transition: all .4s;}
.hero_section .slides.active-slide img {transform: translateY(0px); transition: all .4s;} */
/* SUB */

.scrollUp {transition: all 0.7s; transform: translateY(60px); opacity: 0;}
.scrollUp.on {transform: translateY(0px); opacity: 1;}
.scrollUp1 {transition: all 0.7s; transform: translateY(60px); opacity: 0;}
.scrollUp1.on {transform: translateY(0px); opacity: 1;}

.center {text-align: center;}

.comming {margin: 80px auto; padding: 40px; width: 360px; height: 360px; border-radius: 50%;background: #b7d7e9; text-align: center; box-shadow: 2px 1px 15px rgba(28,70,89,0.4);}
.comming h2 {position: relative; margin: 106px auto 0; color: #fff; font-weight: 600; font-size: 26px; letter-spacing: 4px; font-family: 'CentGothWGL', sans-serif;}
.comming h4 {font-size: 18px; margin: 20px 0 20px; color: #fafafa;}

.sm_container {width: 900px; margin: 0 auto;}
.sub_hero {padding: 110px 0 55px; height: 260px; text-align: center;}
.sub_hero .sub_title {position: relative; font-size: 26px; padding-bottom: 4px;}
.sub_hero .sub_title:before {position: absolute; top: -40px; left: 50%; content: '';transform: translateX(-50%); width: 6px; height: 30px; background: #439fc8;}
.sub_hero .sub_title:after {position: absolute; top: -28px; left: 50%; content: '';transform: translateX(-50%); width: 30px; height: 6px; background: #439fc8;}
.sub_hero .sub_des {font-size: 18px; padding-top: 15px; line-height: 1.6; font-weight: 400;}
.sub_hero .sub_des span {color: #1c99d1;}
#sub02 {background: url('/../images/new/sub_02_bg.jpg') center no-repeat;}

.section {position: relative; padding-bottom: 60px;}
.tp_section {position: relative; padding: 33px 27px; border-bottom: 1px solid #b3b3b3;}
.container .section:last-child {padding-bottom: 60px;}
.section .Title {margin: 62px 0 36px; font-size: 26px; font-weight: 700;text-align: center; line-height: 38px; color: #6b6c6c;}
.en {font-family: 'CentGothWGL', sans-serif !important;}
.kr {font-family: 'Nanum Gothic', sans-serif !important;}
.section .sTitle {margin: 0px 0 36px; font-size: 26px; font-weight: 700;text-align: center; line-height: 38px; color: #6b6c6c; font-family: 'CentGothWGL', sans-serif;}
.section .my_title {position: relative; margin: 72px 0 15px; font-size: 26px; font-weight: 500; text-align: left; line-height: 34px; color: #6b6c6c; font-family: 'CentGothWGL', 'Nanum Gothic', sans-serif;}
.section .my_title > span > span {font-size: 20px; font-weight: 400;}
.section .my_title a {text-align: center; font-size: 15px; line-height: 25px; font-weight: 400; height: 42px;}
.section .my_title .btn_group {position: absolute; bottom: 0px; right: 0;}
.section .doc_sub { text-align: center; font-size: 20px; line-height: 1.5; margin-top: 20px; margin-bottom: 50px;}
.section .doc_sub span {font-size: 15px; color: #aaa;}
.section .sm_Title {margin: 70px 0 40px; font-size: 26px; text-align: center; color: #00a1df;}
.line_con { border-bottom: 1px solid #666; margin-bottom: 30px;}
.line_con h3 {font-size: 20px; margin-bottom: 24px; font-weight: 700; color: #6b6c6c; transform: translateY(0px); transition: 1s; }
.line_con.on h3 {opacity: 1; transform: translateY(0px);}
.line_con .l_article {transform: translateY(0px); transition: 1s;}
.line_con.on .l_article {opacity: 1; transform: translateY(0px);}
.l_article {padding: 0px 0 24px; font-size: 15px; line-height: 27px; }
.ls_article {padding: 24px 0; font-size: 15px; line-height: 21px; }
.sm_article {padding-bottom: 14px; font-size: 15px; line-height: 1.55; text-align: center; font-weight: 400;}
.sm_article span {font-weight: 500; color: #00a1df;}
.ssm_t_art {width: 940px; margin-left: -20px; padding-bottom: 14px; font-size: 15px; line-height: 1.55; text-align: center; font-weight: 400; white-space: nowrap; text-align: center;}
.footnote {padding: 0 0px !important; font-size: 13px; line-height: 22px; color: #777;}

.time_add {display: inline-block; font-size: 15px; line-height: 29px;text-align: left; color: #868686; font-weight: 400; }
.time_add span {color: #b1572a !important; line-height: 20px;}
.time_add img {width: 26px; vertical-align: top;}

.address { margin-top: 30px; }
.address .add_logo {padding-top: 1px; padding-right: 22px; float: left;}
/* .address > div {margin-bottom: 30px; margin-top: 30px; padding-top: 20px; border-bottom: 1px solid #f4f4f4;} */
.address > div:last-child {margin-bottom: 0; padding-bottom: 0px; margin-top: 0;}
.address > div:first-child {padding: 24px 28px; border: 1px solid #c2c2c2; border-bottom: 0;}
.address .col3 {display: inline-block; width: 300px; vertical-align: top;}
.address .col3:nth-child(3) {width: 657px; padding-left: 30px; padding-right: 30px; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4;}
.address .col3:last-child {margin-right: 0;}
.address > div:after {display: block; clear: both; content:''}
.address .address_icon {display: none; width: 60px; height: 60px; margin: 0 auto 20px; line-height: 42px; font-size: 50px; color: #00a1df; border-radius: 50%; text-align: center; vertical-align: top;}
.address span {display: inline-block; font-size: 15px; line-height: 27px; font-weight: 400; color: #868686;}
.address .line_col4 > span {display: block;}
.address span > span {font-size: 14px;}
.address span strong {display: block; margin-bottom: 10px; color: #6b6c6c; font-size: 20px; font-weight: 500;}
.address table {width: 100%; border: 1px solid #ccc; font-size: 15px;border-right: 0; border-bottom: 0; border-collapse: collapse;}
.address table thead th {background: #5ac1e8; color: #fff; text-align: left; padding: 10px; border-right: #ccc;}
.address table td {border-right: 1px solid #ccc; color: #868686; font-weight: 400;border-bottom: 1px solid #ccc; padding: 10px;}
.adr_info {width: 100%; padding: 20px 0px 8px; border-bottom: 1px solid #f4f4f4; border-top: 0; }
.adr_info span strong {color: #6b6c6c; display: inline-block; padding-right: 10px;}
.adr_info span {color: #868686;}

.start_btn {display: block; width: 432px; height: 49px; margin: auto; line-height: 49px; text-align: center; color: #fff; font-size: 15px; font-weight: 500; background: #1c99d1;}

.bd_top {border-top: 1px solid #c2c2c2; }
.bd_bottom {border-bottom: 1px solid #c2c2c2; }
.lbd_bottom {border-bottom: 1px solid #f1f1f1; }
.t_high {padding-top: 100px;}
.t_middle {margin-top: 60px;}
.t_small {margin-top: 30px;}
.che_tt {font-size: 15px; font-weight: 400; text-align: center; line-height: 1.7;}

/* .bd_bwrap {padding: 100px 63px; border-bottom: 1px solid #c2c2c2;} */
.bd_bwrap {padding: 50px 0px !important; margin-top: 70px; border: 1px solid #c2c2c2;}
.front_check {color: #1c99d1; font-size: 24px; vertical-align: middle;}
.brow_check {color: #b1572a; font-size: 18px; vertical-align: middle;}
.mid_Sec {text-align: center; padding-top: 20px;}
.mid_Sec .imp_tt {font-size: 15px; padding: 0 10px 0 8px;}
.mid_Sec span {font-size: 13px;}

.img_con {padding: 35px 0; }
.img_con:last-child {padding-bottom: 0;}
.img_con:after {display: block; content: ''; clear: both;}
/* .img_con:last-child {margin-bottom: 20px;} */
.right_type, .left_type {transform: translateY(0px); transition: 1s; opacity: 1;}
.right_type.on, .left_type.on {transform: translateY(0px); opacity: 1;}
.right_type img {float: left;}
.left_type img {float: right;}
.tt_img {width: 652px;}
.right_type .tt_img {float: right;display: inline-block; vertical-align: top; padding-left: 31px;}
.left_type .tt_img {float:left; display: inline-block; vertical-align: top; padding-right: 31px;}
.img_con h3 { display: block; color: #555; font-size: 20px; font-weight: 700; line-height: 30px; }
.img_con h3 span {font-size: 15px; font-weight: 400;}
.img_con article {display: block; }

.round_col {text-align: center;}
.round_col:after {display: block; clear: both; content: '';}
.round_col .round_col3 {display: inline-block; width: 235px; height: 235px; padding-top: 90px; margin: 10px; text-align: center; border-radius: 50%; box-shadow: 2px 2px 6px rgba(200,200,200,0.3);
transform: translateY(60px); transition: all 0.8s; opacity: 0;}
.round_col .round_col3 h5 {font-size: 22px; font-weight: 400;}
.round_col .round_col3 p {padding: 10px 0;}
.round_col .round_col3.on {transform: translateY(0px); opacity: 1;}
.round_col #li01 {background: #f1e8da;}
.round_col #li02 {background: #e5f3e2; transition-delay: 0.6s;}
.round_col #li03 {background: #dbecf0; transition-delay: 1.2s;}

.step_li_process {position: relative; height: 240px; width: 100%;}

#sch_result {margin: 40px 0;}

.step_li_process img {position: absolute; top: 0; transform: translateY(30px); transition: all 1s; opacity: 0;}
.step_li_process img.on {transform: translateY(0px); opacity: 1;}
.step_li_process img:nth-child(1) {left: 0;}
.step_li_process img:nth-child(2) {left: 264px; transition-delay: 0.6s;}
.step_li_process img:nth-child(3) {left: 528px; transition-delay: 1.2s;}
.step_li_process img:nth-child(4) {left: 792px; transition-delay: 1.8s;}
.step_li_process img:nth-child(5) {right: 0px; transition-delay: 2.4s;}

.Step_imG {transform: translateY(30px); transition: all 1s; opacity: 0;}
.img_skin {position: relative; margin-left: -17px; }
.img_skin:nth-child(2) {z-index: 3;}
.img_skin:nth-child(3) {z-index: 2; transition-delay: 0.6s;}
.img_skin:nth-child(4) {z-index: 1; transition-delay: 1.2s;}
.img_skin:nth-child(5) {transition-delay: 1.8s;}
.Step_imG.on {transform: translateY(0px); opacity: 1;}

.col3_wrap {margin-top: 60px;}
.col3_wrap:after {display: block; content: ''; clear: both;}
.col3_wrap .line_col3 {float: left; display: inline-block; width: 33.332%; padding: 24px 28px; min-height: 704px; border: 1px solid #c2c2c2; border-right: 0; transition: all 1s;}
.col3_wrap .line_col3.on {transform: translateY(0px); opacity: 1;}
.col3_wrap .line_col3:nth-child(2) {transition-delay: 0.2s;}
.col3_wrap .line_col3:nth-child(3) {border-right: 1px solid #c2c2c2; transition-delay: 0.4s;}
.col3_wrap .line_col3:nth-child(4) {border-top: 0; transition-delay: 0s;}
.col3_wrap .line_col3:nth-child(5) {border-top: 0; transition-delay: 0.2s;}
.col3_wrap .line_col3:nth-child(6) {border-top: 0; transition-delay: 0.4s;}
.col3_wrap .line_col3:last-child {border-right: 1px solid #c2c2c2; }
.col3_wrap .line_col3:last-child > .Num {background: url('/../images/new/he_logo.png') right no-repeat;}
.col3_wrap .line_col3 h3 {font-size: 20px; line-height: 25px; color: #6b6c6c; font-weight: 700; font-family: 'Nanum Gothic', sans-serif;}
.col3_wrap .line_col3 h3 span {font-weight: 400;}
.col3_wrap .line_col3 h4 {font-size: 15px; line-height: 18px; color: #b1572a;}
.col3_wrap .line_col3 > span {display: block; font-size: 15px; margin-top: 12px;}
.col3_wrap .line_col3 h4 i {width: 15px; height: 15px; background: #b1572a; border-radius: 50%; line-height: 15px; font-size: 13px; text-align: center; color: #fff; margin-right: 4px; }
.col3_wrap .line_col3 article {padding: 14px 0 26px; }
.col3_wrap .line_col3 .sh_article {font-size: 15px; line-height: 24px; padding: 28px 0 26px;}
.col3_wrap .line_col3 .lit_article {font-size: 13px; line-height: 22px; word-break: break-all;}

.ctt_more_health .col3_wrap .line_col3 {min-height: 590px;}

.Hiding {display: none !important;}
.wrap_border {border: 1px solid #c2c2c2; border-bottom: 0; border-right: 0;}
.wrap_border.col3_wrap .line_col3 {border-bottom: 1px solid #c2c2c2; min-height: 579px;}
.wrap_border.col3_wrap .line_col3:last-child {border-right: 1px solid #c2c2c2;}
.wrap_border.col3_wrap .line_col3 h3 {color: #555; line-height: 29px; margin-bottom: 12px;}
.wrap_border .line_col3 span {font-size: 15px; line-height: 18px;}
.wrap_border.col3_wrap .line_col3 .sh_article {font-size: 16px; line-height: 24px; height: 212px; padding-top: 20px;}
.wrap_border.col3_wrap .line_col3 .sh_article h5 {margin-bottom: 10px;}
.wrap_border.col3_wrap .line_col3 .lit_article {height: 86px; padding-bottom: 0;}
.wrap_border.col3_wrap .line_col3 {font-size: 16px; padding: 24px 0 24px 28px;}
.wrap_border.col3_wrap .line_col3:nth-child(3) .sh_article {height: 194px;}
.ctt_lapeauan .col3_wrap .line_col3 { min-height: 280px;}
.ctt_lapeauan .col3_wrap .line_col3 .Num {font-size: 60px; line-height: 43px; font-weight: 400; font-family: 'Roboto', sans-serif; margin-bottom: 20px;}
.ctt_lapeauan .col3_wrap .line_col3 h3 {font-size: 15px;}

.col4_wrap {margin-top: 60px; }
.col4_wrap:after {display: block; content: ''; clear: both;}
.col4_wrap .line_col4 {float: left; display: inline-block; width: 25%; padding: 24px 28px; min-height: 730px; border: 1px solid #c2c2c2; border-right: 0; transform: translateY(0px); transition: all 1s;}
.col4_wrap.info_dc .line_col4 {min-height: 380px; }
.col4_wrap .line_col4.on {transform: translateY(0px); opacity: 1;}
.col4_wrap .line_col4:nth-child(2) {transition-delay: 0.2s;}
.col4_wrap .line_col4:nth-child(3) {transition-delay: 0.4s;}
.col4_wrap .line_col4:nth-child(4) {transition-delay: 0.6s; border-right: 1px solid #c2c2c2;}
.col4_wrap .line_col4:nth-child(5) {border-top: 0;}
.col4_wrap .line_col4:nth-child(6) {border-top: 0; transition-delay: 0.2s;}
.col4_wrap .line_col4:nth-child(7) {border-top: 0; transition-delay: 0.4s;}
.col4_wrap .line_col4:nth-child(8) {border-top: 0; transition-delay: 0.6s; }
.col4_wrap .line_col4:last-child {border-right: 1px solid #c2c2c2;}
.col4_wrap .line_col4 h3 {font-size: 20px; line-height: 22px; color: #6b6c6c; margin-bottom: 15px; font-weight: 700; font-family: 'Nanum Gothic', sans-serif;}
.col4_wrap .line_col4 h4 {font-size: 16px; line-height: 18px; color: #b1572a;}
.col4_wrap .line_col4 h4 i {width: 15px; height: 15px; background: #b1572a; border-radius: 50%; line-height: 15px; font-size: 13px; text-align: center; color: #fff; margin-right: 4px; }
.col4_wrap .line_col4 article {padding: 0 0 26px; }
.col4_wrap .line_col4 .sh_article {font-size: 15px; line-height: 26px;}
.col4_wrap .line_col4 .lit_article {font-size: 13px; line-height: 24px;}

.tree_round { position: relative; width: 100%; height: 440px; margin-top: 250px; padding-top: 140px;}
.tree_round .ra_stem {position: relative; transition: all 0.5s; transform: translateY(60px); opacity: 0; }
.tree_round .ra_stem.on {transform: translateY(0px); opacity: 1;}
.tree_round .ra_stem:before {position: absolute; top: -35px; z-index: 1; left: 464px; width: 360px; height: 360px; border-radius: 50%; border: 6px solid #f4f4f4; content: '';}
.tree_round .ra_stem:after {position: absolute; z-index: 2;display: block; width: 372px; height: 170px; bottom: -38px; left: 36%; background: #fff; content: '';}
.tree_round .ra_stem h2 {position: relative; z-index: 10; display: block; vertical-align: middle; width: 300px; height: 300px; font-size: 30px;
  padding-top: 130px; text-align: center; color: #777; font-weight: 200; border-radius: 50%; margin: 0 auto; background: #fff;
  box-shadow: 5px 5px 20px rgba(180,180,180,0.4);}
.tree_round .ra_stem h2 span {display: none; margin: auto; width: 80px; height: 2px; background: #ddd;}
.tree_round .round_leaf {position: absolute; display: block; padding-top: 56px; width: 170px; height: 170px; text-align: center; border-radius: 50%; border: 20px solid #fff; z-index: 11;
box-shadow: 5px 5px 20px rgba(0,0,0,0.15); transition: all 1s; transform: translateY(60px); opacity: 0;}
.tree_round .round_leaf.on {transform: translateY(0px); opacity: 1;}
.tree_round .round_leaf:after {position: absolute; display: block; width: 46px; height: 46px; content: ''; border-radius: 50%; box-shadow: 2px 2px 6px rgba(0,0,0,0.15); }
.tree_round .round_leaf:before {position: absolute; width: 138px; height: 4px; content:''; z-index: 9;}
.tree_round .round_leaf h3 {font-size: 18px; font-weight: 400;}
.tree_round #Leaf1 {bottom: 50px; left: 200px; border-color: #d5dabb;}
.tree_round #Leaf1:after {top: 41px; right: -143px; background: #e2e9bb;}
.tree_round #Leaf1:before {top: 63px; right: -138px; background: #e2e9bb;}
.tree_round #Leaf1 h3 {color: #b3b773;}
.tree_round #Leaf2 {bottom: 310px; left: 291px; padding-top: 44px; border-color: #c6dabb; transition-delay: 0.4s;}
.tree_round #Leaf2:after {top: 168px; right: -95px; background: #cde9bd; }
.tree_round #Leaf2:before {top: 155px; right: -103px; background: #cde9bd; transform: rotate(45deg); }
.tree_round #Leaf2 h3 {color: #9eb773;}
.tree_round #Leaf3 {top: -181px; left: 566px; border-color: #bbdace; transition-delay: 0.8s;}
.tree_round #Leaf3:after {bottom: -164px; right: 42px; background: #bae6d5; }
.tree_round #Leaf3:before {top: 197px; right: -4px; background: #bae6d5; transform: rotate(90deg);}
.tree_round #Leaf3 h3 {color: #76b773;}
.tree_round #Leaf4 {bottom: 310px; right: 291px; border-color: #bbcfda; transition-delay: 1.2s;}
.tree_round #Leaf4:after {top: 168px; left: -95px; background: #b7d7e9; }
.tree_round #Leaf4:before {top: 155px; left: -103px; background: #b7d7e9; transform: rotate(-45deg);}
.tree_round #Leaf4 h3 {color: #7ea7bd;}
.tree_round #Leaf5 {bottom: 50px; right: 200px; border-color: #bbc5da; transition-delay: 1.6s;}
.tree_round #Leaf5:after {top: 41px; left: -143px; background: #bfcdec;}
.tree_round #Leaf5:before {top: 63px; left: -138px; background: #bfcdec;}
.tree_round #Leaf5 h3 {color: #7395b7;}

/* .form {amrgin-top: } */
.stepper {margin: 66px 0 29px; font-size: 0;}
.stepper:after {clear: both; content: ''; display: block;}
.stepper .step_col {position: relative; width: 247px; float: left; display: inline-block; text-align: center; font-size: 18px; border: 1px solid #ccc; padding: 19px; margin-right: 14px;}
.stepper .step_col:last-child {margin-right: 0;}
.stepper .step_col h2 {font-size: 26px; padding-bottom: 93px; color: #00a1df; font-weight: 700; font-family: 'CentGothWGL', sans-serif;}
.stepper .step_col.on {color: #fff;}
.stepper .step_col.on h2 {color: #fff;}
.stepper .step_col p {font-size: 20px; font-weight: 400;}
.stepper .step_col:after {position: absolute; top: 64px; right: -29px; width: 42px; height: 42px; padding-left: 4px; content:''; font-size: 28px; line-height: 40px; box-sizing: border-box; border: 1px solid #c2c2c2; color: #c2c2c2; border-radius: 50%; background: #fff; font-family: 'xeicon'; z-index: 6;}
.stepper .step_col:last-child:after {display: none;}
.stepper #steP1 { background: url('/../images/new/oil.png') #fff center no-repeat;}
.stepper #steP2 { background: url('/../images/new/sensitive.png') #fff center no-repeat;}
.stepper #steP3 { background: url('/../images/new/ink.png') #fff center no-repeat;}
.stepper #steP4 { background: url('/../images/new/wrinkle.png') #fff center no-repeat;}
.stepper #steP5 { background: url('/../images/new/result.png') #fff center no-repeat;}
.stepper #steP1.on { background: url('/../images/new/oil_on.png') #00a1df center no-repeat;}
.stepper #steP2.on { background: url('/../images/new/sensitive_on.png') #00a1df center no-repeat;}
.stepper #steP3.on { background: url('/../images/new/ink_on.png') #00a1df center no-repeat;}
.stepper #steP4.on { background: url('/../images/new/wrinkle_on.png') #00a1df center no-repeat;}
.stepper #steP5.on { background: url('/../images/new/result_on.png') #00a1df center no-repeat;}

.tp_section h3 {font-size: 20px; line-height: 32px; color: #00a1df; padding-bottom: 20px;}
.tp_section h3 strong {font-size: 26px;}
.label_box {padding-left: 40px;}
.label_box label {display: block; line-height: 2.6; font-size: 15px;}
.label_box label input[type="radio"] {display:none;}
.label_box label input[type="radio"] + span {display: inline-block; width: 17px; height: 17px; margin-right: 14px; vertical-align: middle; background: url('/../images/new/check_box.png') -18px no-repeat;}
.label_box label input[type="radio"]:checked + span {background: url('/../images/new/check_box.png') left no-repeat;}

.result_summary {padding-top: 54px; text-align: center;}
.result_summary h1 {font-size: 26px; line-height: 38px; font-weight: 400; margin-bottom: 30px;}
.result_summary h1 span {font-weight: 700;}

.result_summary .skin1 {color: #c469aa;}
.result_summary .skin2 {color: #f49ac1;}
.result_summary .skin3 {color: #f16789;}
.result_summary .skin4 {color: #f3b5a8;}
.result_summary .skin5 {color: #f7966e;}
.result_summary .skin6 {color: #fdd6b9;}
.result_summary .skin7 {color: #fcb85c;}
.result_summary .skin8 {color: #ffe3a3;}
.result_summary .skin9 {color: #b5d336;}
.result_summary .skin10 {color: #cce29d;}
.result_summary .skin11 {color: #83c15d;}
.result_summary .skin12 {color: #9fd5bc;}
.result_summary .skin13 {color: #45a4c3;}
.result_summary .skin14 {color: #9ec1e6;}
.result_summary .skin15 {color: #4e7fb9;}
.result_summary .skin16 {color: #b3a8d3;}

.result_summary .downL_btn {display: block; width: 139px; height: 25px; margin: 18px auto 76px; text-align: right; background: url('/../images/new/download.png') left no-repeat; line-height: 34px; font-family: 'CentGothWGL', sans-serif; font-size: 20px; cursor: pointer; padding-left: 30px;}

.result_type:after {display: block; content: ''; clear: both;}
.result_type .result_col {display: inline-block; float: left; width: 637px; height: 222px; margin-bottom: 23px; border: 1px solid #c2c2c2; box-shadow: 3px 3px 10px rgba(200,200,200,0.2);}
.recom.result_type .result_col {height: 330px;}
.result_type .result_col:nth-child(odd) {margin-right: 26px;}
.result_type .result_col .res_tt {font-size: 20px; padding: 20px 0 20px 58px; margin-bottom: 18px; border-bottom: 1px solid #c2c2c2;}
.result_type .result_col .th_cap {display: inline-block; width: 176px; padding: 74px 0; text-align: center; }
.result_type .result_col .day {background: url('/../images/new/day.png') 25px center no-repeat; }
.result_type .result_col .night {background: url('/../images/new/night.png') 25px center no-repeat; }
.result_type .result_col .th_cap h1 {font-size: 26px; font-weight: 700;}
.result_type .result_col .th_cap h3 {font-size: 20px; font-weight: 700;}
.result_type .result_col .th_cap h5 {font-size: 15px;}
.result_type .result_col .td_cap {display: table; float: right; width: calc(100% - 176px); height: 100%; padding: 22px 20px 22px 24px; color: #6b6c6c; border-left: 1px solid #c2c2c2;} /* padding: 22px 54px 22px 24px; */
.result_type .result_col .td_cap > div {display: table-cell; vertical-align: middle;}
.result_type .result_col .oneline h5, .result_type .result_col .oneline span {display: inline-block;}
.result_type .result_col .td_cap h5 {font-size: 15px; font-weight: 700;}
.result_type .result_col .td_cap span:after{
  content: "";
  display: inline-block;
  width: 8px;
  height: 1px;
  background: #6b6c6c;
  vertical-align: middle;
  margin: 0 2px 0 9px;
  font-weight: 300;
}
.result_type .result_col .td_cap span {font-size: 13px; line-height: 20px;font-weight: 400; padding: 6px 0 14px;}
.result_type .result_col .td_cap span:last-child {padding-bottom: 0;}
.result_col dl {margin-bottom: 17px; margin-top: 0; padding: 0;}
.result_col dl dt {display: inline-block; padding-left: 24px; font-size: 15px; color: #b58167;}
.result_col dl dd {display: inline-block; margin: 0; padding-left: 36px; font-size: 15px;}

.result_col#O {color: #f16789;}
.result_col#D {color: #f7a4b8;}
.result_col#S {color: #c5dc6f;}
.result_col#R {color: #b5d336;}
.result_col#P {color: #c469aa;}
.result_col#N {color: #d18ebd;}
.result_col#W {color: #7d9dc8;}
.result_col#T {color: #4e7fb9;}
.recom_title {font-size: 20px; margin-bottom: 40px;}
.round_recom {position: relative; font-size: 15px; line-height: 24px; padding-left: 25px; margin-bottom: 22px; font-weight: 400;}
.round_recom:before {position: absolute; top: 6px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #a1a1a1; content:'';}
.round_recom span {display: block; font-size: 15px;}

.popUp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.popUp .dim {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.6);
}
.pop_con {
  display: block;
  width: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px 30px 35px;
  font-size: 16px;
  line-height: 1.76;
  font-weight: 400;
  background: #fff;
}
.pop_con .close {
  display: block;
  width: 31px;
  height: 31px;
  margin-left: 400px;
  cursor: pointer;
}
.pop_con .close i {
  font-size: 31px;
}
.pop_con dl {
  margin-bottom: 20px;
}
.pop_con dt {
  display: inline-block;
  width: 90px;
  font-size: 15px;
}
.pop_con dd {
  display: inline-block;
  margin: 0;
}
.pop_con p {
  margin: 10px 0 25px;
  font-size: 15px;
}
.pop_con .dotted {
  padding-left: 20px;
  margin-bottom: 15px;
}
.pop_con .dotted li {
  list-style: disc;
  list-style-type: disc;
  font-size: 13px;
}
.pop_con dd select {
  width: 162px;
  height: 30px;
  padding: 6px;
  margin: 0;
  font-size: 13px;
  border: 1px solid #bbb;
  border-radius: 0;
  -webkit-appearance: none;
  background: url('/../images/new/select.png') 133px no-repeat;
}
.pop_con dd select::-ms-expand {
  display: none;
}
.pop_con .start_btn {
  width: 170px;
  height: 47px;
  line-height: 47px;
  font-size: 15px;
  cursor: pointer;
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

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

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

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:148px;height:60px;border:1px solid #ddd;background:#fff !important;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:none;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

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

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

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

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

.btn_submit {padding:8px;border:0;background:#00a1df;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 7px;height:32px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;font-size: 14px;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:14px;}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:9px 18px;background:#727272;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:9px 20px;background:#00a1df;color:#fff;text-decoration:none;vertical-align:middle}
input.btn_b02 {display:inline-block;padding:8px 20px; height: 36px; border: 0;background:#00a1df;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_b03 {display:inline-block;padding:8px 20px;background:#fff;color:#00a1df;border: 1px solid #00a1df;text-decoration:none;vertical-align:middle}
a.btn_b03:focus, .btn_b03:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:9px 18px;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.cross_type {
  border: 1px solid #ddd;
  /* border-bottom: 0; */
  margin-bottom: 25px;
}
.cross_type:last-child {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
.cross_type:after {
  clear: both;
  display: block;
  content: '';
}
.cross_type img {
  width: 649px;
  /* height: 300px; */
}
.cross_type .tt_img {padding: 26px 18px; width: 649px;}
.cross_type h3 { display: block; color: #555; font-size: 20px; font-weight: 700; line-height: 26px; font-family: 'Nanum Gothic', sans-serif; }
.cross_type h3 span {font-size: 15px; font-weight: 400; display: block;}
.cross_type article {display: block; padding-top: 18px;}

.eventList ul {
    overflow: hidden;
}
.eventList ul li {
        float: left;
    width: 294px;
    margin: 13px 13px;
    border: 1px solid #ddd;
    border-top: 2px solid #1c99d1;
}
.eventList ul li.empty_list {
  width: 100%;
  float: none;
  margin: 0px;
}
.eventList ul li .eventPart {
    position: relative;
}
.eventList ul li .eventImg img {
    width: 100%;
    height: auto;
}
.eventList ul li .eventText {
    padding: 25px;
}
.eventList ul li .eventTitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #333;
    margin: 15px 0;
}
.eventList ul li .eventText .EventTitle a {
    display: block;
    height: 34px;
    overflow: hidden;
}
.eventList ul li .EventTitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #333;
    margin: 15px 0;
}
.eventList ul li .eventContents {
    font-size: 15px;
    color: #999999;
    line-height: 22px;
    display: block;
    height: 44px;
    overflow: hidden;
}
.eventList ul li .eventDate {
    margin-top: 10px;
    font-size: 13px;
    color: #777777;
}
.eventList ul li .eventText .eventTitle a {
  display: block;
  height: 45px;
  overflow: hidden;
}
.eventList ul li span.eventSubject {
    font-size: 20px;
    color: #333;
}
/*login */
#wrapper.none .info_text{
  font-size: 18px;
  margin: 50px 0 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
#wrapper.none .memberLayout{
  margin-top: 136px;
}
#wrapper.none  .dsv_login_container .memberLayout{
  margin-top: 10px;
}
/* .dsv_login_sub{
  padding: 100px 0 0px;
} */
.memberLayout {
    overflow: hidden;
    padding: 0 20px;
}
.memberLayout .login_box {
  width: 570px;
  margin: 50px auto 0;
  min-height: 400px;
}
/* .loginSection {
    width: 48%;
    float: left;
    margin: 50px 0 0;
} */
.loginSection label {
    display: block;
    margin: 0 0 3px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.loginSection input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 6px;
    border: 0;
    border-bottom: 1px solid #ddd;
    transition: 0.4s;
}
.loginSection .txt:focus {
  outline: none;
  border-bottom: 1px solid #1c99d1;
}
.loginSection input::-webkit-input-placeholder {
  color: #bbb;
}
.loginSection input::-moz-input-placeholder {
  color: #bbb;
}
.loginSection input::-ms-input-placeholder {
  color: #bbb;
}
.loginSection .loginPw, .loginSection .findPhone, .loginSection .findName {
    margin: 15px 0 0;
    /* padding: 6px; */
}
.loginSection .btnWrap {
    margin: 20px 0 0;
    text-align: center;
    background-color: #fff;
}
.loginSection .btnWrap input {
    max-width: 100%;
}
.loginSection .btnWrap button {
    border: none;
    width: 100%;
    min-width: 0;
    line-height: 40px;
    height: 49px;
    font-size: 18px;
    display: block;
    color: #fff;
    background-color: #1c99d1;
    /* border: 1px solid #1c99d1; */
    font-weight: 500;
    font-family: 'CentGothWGL', sans-serif;
}
.loginSection .btnL {
    width: 100%;
    margin: 0;
}
.login_box .meb_list {
  margin-top: 30px;
}
.login_box .meb_list li {
  text-align: left;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 28px;
}
.login_box .meb_list li a {
  float: right;
  line-height: 12px;
  height: 22px;
  font-size: 13px;
  padding: 5px 10px;
  font-weight: 600;
  font-family: 'CentGothWGL', sans-serif;
}
.agree_box .Sns_login {
  border: 1px solid #E2E2E2;
}
.Sns_login ul {
  margin: 30px 0;
  font-size: 0;
  text-align: center;
}
.Sns_login li {
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
}
.Sns_login li:first-child {
  margin-left: 0;
}
.Sns_login li:last-child {
  margin-right: 0;
}

/* join */
.agree_area {
  margin-top: 62px;
}
.agree_area .agree_box {
    margin-bottom: 25px;
    overflow: hidden;
}
.agree_area .agree_box h5 {
  font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
.agree_area .agree_box .txt_box {
    margin-bottom: 10px;
    font-size: 13px;
    padding: 15px;
    height: 250px;
    text-align: justify;
    line-height: 150%;
    border: 1px solid #E2E2E2;
    overflow: auto;
}
.agree_area .agree_box .txt_box.privacy,
.agree_area .agree_box .txt_box.service {
    height: 100%;
}
.agree_area .agree_box .agree * {
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}
.agree_area .btn_set {
    text-align: center;
    overflow: hidden;
    width: 305px;
    margin: 0 auto;
}
.agree_area .btn_set a, .agree_area .btn_set input,
.agree_area .btn_set button {
    width: 150px;
    float: left;
    display: block;
    font-size: 18px;
    color: #1c99d1;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
    border: 1px solid #1c99d1;
}
.agree_area .btn_set button {
    background-color: #1c99d1;
    color: #fff;
    margin-right: 4px;
}
.agree_area .btn_set input{
  background-color: #1c99d1;
  color: #fff;
  margin-right: 4px;
  letter-spacing: normal;
  font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif;
}
.agree_area .btn_set a {
    background-color: #fff;
}
#wrapper.none .mb_input_area{
  margin-top: 115px;
}
.mb_input_area {
  margin: 62px auto 0;
  width: 700px;
}
.mb_input_area table {
    margin-bottom: 40px;
    width: 100%;
    /* border: 1px solid #E4E4E4; */
    border-collapse: collapse;
}
.mb_input_area table tr td *,
.mb_input_area table tr th * {
    vertical-align: middle;
}
.mb_input_area table tr td,
.mb_input_area table tr th {
    padding: 10px 0;
    /* border-bottom: 1px solid #E4E4E4; */
}
.mb_input_area table tr th {
  text-align: left;
  font-size: 16px;
}
.mb_input_area table tr th span {
    color: #52C1EF;
}
.mb_input_area table thead tr th {
    font-weight: bold;
}
.mb_input_area input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  padding: 6px;
  border: 0;
  border-bottom: 1px solid #ddd;
  transition: 0.4s;
  color: #555;
}
.mb_input_area input:focus {
outline: none;
border-bottom: 1px solid #1c99d1;
}
.mb_input_area input::-webkit-input-placeholder {
color: #bbb;
font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;
}
.mb_input_area input::-moz-input-placeholder {
color: #bbb;
font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;
}
.mb_input_area input::-ms-input-placeholder {
color: #bbb;
font-family: 'Barun Gothic', 'CentGothWGL', sans-serif;
}
.mb_input_area input[type="text"].on {
    border: 1px solid #C9EBF9;
}
/* .mb_input_area table tr td input {
    width: 100%;
    height: 33px;
} */
.mb_input_area table tr .sms {
  padding: 20px 0px;
  color: #777;
  font-size: 18px;
}
.mb_input_area table tr td.sms * {
    /* float: left; */
    width: inherit;
    height: auto;
}
.mb_input_area table tr td.sms label {
    display: inline-block;
    margin: 0px 20px 0 0px;
    color: #6b6c6c;
}
.mb_input_area table tr td.sms input[type="radio"] {display: none;}
.mb_input_area table tr td.sms input[type="radio"] + span {display: inline-block; width: 15px; height: 16px; background: url('/../images/new/coun_chk.png') -15px no-repeat; vertical-align: middle; margin-right: 6px;  background-size: 30px;}
.mb_input_area table tr td.sms input[type="radio"]:checked + span {background: url('/../images/new/coun_chk.png') 0px no-repeat; background-size: 30px;}
.mb_input_area table tr td.kcaptcha {
    padding: 3px 0;
}
.mb_input_area table tr td.kcaptcha input[type="text"] {
    width: 80px;
}
.margin_right_04{
  margin-right: 4px;
}
.mb_input_area .btn_set {
    text-align: center;
    overflow: hidden;
    width: 458px;
    margin: 0 auto;
}
.mb_input_area .btn_set a,
.mb_input_area .btn_set button,
.mb_input_area .btn_set input {
    width: 150px;
    float: left;
    display: block;
    font-size: 18px;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
}
.mb_input_area .btn_set button {
    background-color: #1c99d1;
    color: #fff;
    margin-right: 4px;
}
.mb_input_area .btn_set input {
    background-color: #1c99d1;
    color: #fff;
    margin-right: 4px;
    font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif;
}
/* .mb_input_area .btn_set a {
    background-color: #505152;
} */
.joinFinalArea {
  width: 600px;
  margin: auto;
}
.joinFinalArea .joinCom {
    padding: 62px 0 130px;
    text-align: center;
    /* border-bottom: 1px solid #efefef; */
    margin-bottom: 0px;
}
.joinFinalArea .joinCom p {
    font-size: 18px;
    color: #777;
    line-height: 1.7;
    margin-bottom: 20px;
}
.joinFinalArea .joinCom p strong {
    font-size: 36px;
    color: #1a1a17;
}
.joinFinalArea .btn_set {
    text-align: center;
    margin-bottom: 30px;
}
.joinFinalArea .btn_set a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background-color: #1c99d1;
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    border: none;
}

/* mypage */
.flexing_info {width: 100%; margin-top: 28px; font-size: 0;border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2;}
.flexing_info:after {clear: both; content: ''; display: block;}
.flexing_info .info_col {
  float: left;
  width: 33.332%;
  height: 91px;
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  border-right: 1px solid #c2c2c2;
}
.flexing_info .info_col h5 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #1c99d1;
}
.flexing_info .info_col p {
  font-size: 15px;
}
.inlist {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #919191;
}
.inlist .tr {
  display: table;
  width: 100%;
}
.inlist .thead .th {
  display: table-cell;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
}
.inlist .td span.wait {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #1c99d1;
  font-size: 13px;
  color: #1c99d1;
}
.inlist .td span.finish {
  padding: 5px 10px;
  background-color: #1c99d1;
  font-size: 13px;
  color: #fff;
}
.inlist .tbody .td {
  display: table-cell;
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 400;
}
.inlist .tbody .td a {
  color: #3a3a3a;
}
.bau_list .tbody .td:nth-child(1) {
  width: 6%;
  text-align: center;
}
.bau_list .tbody .td:nth-child(2) {
  width: 71%;
}
.bau_list .tbody .td:nth-child(3) {
  width: 13%;
}
.bau_list .tbody .td:nth-child(4) {
  width: 10%;
}
.bau_list .thead .th:nth-child(1) {
  width: 6%;
  text-align: center;
}
.bau_list .thead .th:nth-child(2) {
  width: 71%;
}
.bau_list .thead .th:nth-child(3) {
  width: 13%;
}
.bau_list .thead .th:nth-child(4) {
  width: 10%;
}
.con_list .tbody .td:nth-child(1) {
  width: 6%;
  text-align: center;
}
.con_list .tbody .td:nth-child(2) {
  width: 8%;
  text-align: center;
}
.con_list .tbody .td:nth-child(3) {
  width: 10%;
  color: #1c99d1;
}
.con_list .tbody .td:nth-child(4) {
  width: 66%;
}
.con_list .tbody .td:nth-child(5) {
  width: 10%;
}
.con_list .thead .th:nth-child(1) {
  width: 6%;
  text-align: center;
}
.con_list .thead .th:nth-child(2) {
  width: 8%;
  text-align: center;
}
.con_list .thead .th:nth-child(3) {
  width: 10%;
}
.con_list .thead .th:nth-child(4) {
  width: 66%;
}
.con_list .thead .th:nth-child(5) {
  width: 10%;
}
.inlist .tbody .view_btn {
  font-size: 13px;
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #aaa;
}
.inlist .tbody .left {
  text-align: left;
}
.inlist .label {
  color: #43c2f5;
}

.counselingList table {
    width: 100%;
    border-top: 1px solid #919191;
    border-collapse: collapse;
}
.counselingList table th {
    padding: 12px 10px;
    font-size: 15px;
    color: #3a3a3a;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}
.counselingList table td {
    padding: 12px 10px;
    font-size: 15px;
    color: #3a3a3a;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.counselingList table th:nth-child(1), .counselingList table th:nth-child(2), .counselingList table td:nth-child(1), .counselingList table td:nth-child(2) {
  text-align: center;
}
.counselingList table td.tit {
  text-align: left;
}
.counselingList table td .reply {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid #1c99d1;
  border-left: 1px solid #1c99d1;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-top: -2px;
}
.counselingList table td.cat {
    color: #1c99d1;
}
.counselingList table td span.finish {
    padding: 5px 10px;
    background-color: #1c99d1;
    font-size: 13px;
    color: #fff;
}
.counselingList table td span.wait {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #1c99d1;
    font-size: 13px;
    color: #1c99d1;
}
.mid_banner {
  padding-top: 30px;
  display: none;
}
.counselingBtn {
    margin-top: 40px;
    position: relative;
}
.counselingBtn a.btn_b03 {
    position: absolute;
    right: 0;
}
.counselingView table {
    width: 100%;
    border-collapse: collapse;
    /* border-top: 2px solid #00a1df; */
    margin-bottom: 20px;
}
.counselingView table tr td,
.counselingView table tr th {
    padding: 12px 10px;
    height: 30px;
    text-align: left;
    border-bottom: 1px solid #E2E2E2;
}
.counselingView table tr th {
  color: #485058;
}
.counselingView table thead tr td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 17px;
    font-size: 20px;
}
.counselingView table td .counsel_type {
  display: inline-block;
  padding: 5px 10px 4px;
  line-height: 20px;
  font-size: 15px;
  background: #1c99d1;
  color: #fff;
}
.counselingView table tr td.cat {
    color: #00a1df;
}
.counselingView table tr td.content {
    padding: 15px 0;
    width: 100%;
    text-align: justify;
    line-height: 18px;
}
.counselingView table tr td.answer {
  font-size: 20px;
  padding: 26px 0 17px;
}
.counselingView table tr td p.pwd_wrong {
    color: #F00;
}
.counselingView table tr td input[type="password"],
.counselingView table tr td input[type="text"] {
    border: 1px solid #C9EBF9;
    width: 100px;
    height: 12px;
    vertical-align: middle;
}
.counselingView table tr td input[type="image"] {
    vertical-align: middle;
}

.counselingView table tr td.ans_line {
    border-bottom: 2px solid #6b6c6c;
}
.counselingView table tr td span.date {
    float: right;
    padding-top: 10px;
    font-size: 15px;
}

.counselingView table tr td .txt {
    padding: 5px 0;
    line-height: 140%;
}
.counselingView table tr td .cont_box {
    color: #FFF;
    position: relative;
    overflow: hidden;
}
.counselingView table tr td .cont_box h4 {
    padding-bottom: 15px;
    font-size: 30px;
    color: #5ABAE0;
    font-weight: bold;
    background: url("../images/counseling/h4_bar.gif") no-repeat left bottom;
    position: absolute;
    top: 30px;
    left: 15px;
}
.counselingView table tr td .cont_box .info_box {
    position: absolute;
    top: 80px;
    left: 15px;
}
.counselingView table tr td .cont_box .info_box p {
    margin-bottom: 15px;
}
.counselingView table tr td .cont_box .info_box p span {
    display: block;
}
.counselingView table tr td .cont_box .info_box span {
    color: #5ABAE0;
}
.counselingView table tr td .opinion {
    padding: 10px;
    overflow: hidden;
}
.counselingView table tr td .opinion p {
    margin-right: 40px;
    padding-top: 40px;
    width: 113px;
    height: 73px;
    color: #FFF;
    text-align: center;
    background: url("../images/counseling/opinion_bg.gif") no-repeat left top;
    float: left;
    overflow: hidden;
}
.counselingView table tr td .opinion p * {
    display: block;
}
.counselingView table tr td .opinion p strong {
    font-size: 18px;
}
.counselingView table tr td .opinion p span {
    font-size: 14px;
}
.counselingView table tr td .opinion ul {
    margin-top: 13px;
    float: left;
}
.counselingView table tr td .opinion ul li {
    font-size: 18px;
    color: #3DAFDC;
    font-weight: bold;
    line-height: 160%;
}

.counselingView .pre_next {
    clear: both;
    padding: 20px 0;
    width: 100%;
}
.counselingView .pre_next ul {
    border: 1px solid #ddd;
    border-bottom: 0;
}
.counselingView .pre_next ul li {
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 0 14px;
}
.counselingView .pre_next ul li span {
    display: inline-block;
    padding-right: 9px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
    line-height: 15px;
    color: #00a1df;
}

.counselingWrite {
    margin-bottom: 20px;
}

.btn_set_right {
  text-align: right;
}
.counselingWrite table {
    width: 100%;
    border-top: 2px solid #00a1df;
    border-collapse: collapse;
}
.counselingWrite table tr td,
.counselingWrite table tr th {
  padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2;
}
.counselingWrite table tr th label {
  font-size: 15px;
}
.counselingWrite table tr th {
    color: #485058;
    text-align: left;
}
.counselingWrite table thead tr th {
    color: #fff;
    background-color: #00a1df;
    font-size: 14px;
    font-weight: normal;
}
.counselingWrite table tr td select {
  height: 32px;
  padding: 4px 6px;
}
.counselingWrite table tr td input {
  height: 32px;
  padding: 4px 6px;
}
.counselingWrite table tr td input[type="text"],
.counselingWrite table tr td textarea {
    width: 570px;
}
.counselingWrite table tr td.name input[type="text"],
.counselingWrite table tr td.password input[type="password"] {
    width: 95px;
}
.counselingWrite table tr td.email input[type="text"] {
    width: 150px;
}
.counselingWrite table tr td.email span {
    margin: 0 5px;
}
.counselingWrite table tr td.tel input[type="text"] {
    width: 53px;
}
.counselingWrite table tr td textarea {
    margin: 10px 0;
    padding: 2px;
    height: 146px;
    border: 1px solid #E1E1E1;
}
.counselingWrite table tr td .input_file {
    margin-right: 3px;
    float: left;
    position: relative;
}
/*.counsel_input_area table tr td .input_file input[type="file"] { width: 23px; height: 22px; filter: alpha(opacity: 0); opacity: 0; cursor: pointer; position: absolute; top: 0; right: 0; }*/
.counselingWrite table tr td .input_file input[type="text"] {
    width: 515px;
}
.counselingWrite table tr td p {
    width: 100%;
    text-align: justify;
    line-height: 18px;
    font-size: 12px;
}
.counselingWrite table tr td .add_file {
    height: 26;
    padding-top: 2px;
    padding-right: 5px;
    float: right;
}
.counselingWrite .content {
    /* padding-top: 3px;
    padding-bottom: 7px;
    padding-right: 7px; */
    font-size: 0.9em;
}
.counselingWrite .file {
    padding: 3px;
    border: 1px solid #DDD;
}
#variableFiles {
    padding: 0;
    border: none;
    background: none;
}
#variableFiles td {
    height: 28px;
    padding: 0;
    border: none;
}
#variableFiles td:nth-child(1) {
    padding: 0;
    background: none;
    border: none;
}
#variableFiles td:nth-child(3) {
    padding: 0;
    background: none;
    border: none;
}
#variableFiles tr:nth-child(1) td {
    background: none;
    border: none;
    padding: 0;
}

.noticeList {
    border-top: 2px solid #494949;
}
.noticeList ul li {
    padding: 20px 0;
    cursor: pointer;
    border-bottom: 1px solid #e2e2e2;
    background: url("/images/ico/ico_down_arrow.gif") no-repeat right 10px top 36px;
    overflow: hidden;
    clear: both;
}
.noticeList ul li.on {
  background: url("/images/ico/ico_up_arrow.gif") no-repeat right 10px top 36px;
}
.noticeList ul li .noticeTitle {
    font-size: 20px;
    margin-bottom: 8px;
    /* color: #32353b; */
}
.noticeList ul li .noticeDate {
    font-size: 13px;
    color: #666666;
    font-weight: 400;
}
.noticeList ul li.on .cont {
    display: block;
}
.noticeList ul li.on .cont img {
    max-width: 665px;
    width:100%;
    height:auto;
}
.noticeList ul li .cont {
    display: none;
    padding: 40px 0;
    margin: 20px auto;
    clear: both;
    overflow: hidden;
    background-color: #f0f5f7;
}
.noticeList ul li .cont p {
    height: auto;
    width: 100%;
}

.bnaList {
    overflow: hidden;
}
.bnaList ul {
    margin-left: -11px;
}
.bnaList ul li {
    margin: 1%;
    width: 31.3%;
    float: left;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}
.bnaList ul li a {
    display: block;
}
.bnaList ul li .pic {
    height: 300px;
    overflow: hidden;
    position: relative;
    background-color: #cccccc;
}
.bnaList ul li .subject {
    font-size: 18px;
}
.bnaList ul li .clinic_info {}
.bnaList ul li .state {
    width: 53px;
    height: 53px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.bnaList ul li .state span {
    display: block;
    width: 53px;
    height: 53px;
    color: #fff;
}
.bnaList ul li .state span.ing {
    line-height: 53px;
    background: url("../images/counseling/state_bg.png") no-repeat left top;
}
.bnaList ul li .state span.complete {
    padding-top: 12px;
    height: 53px;
    line-height: 130%;
    background: url("../images/counseling/state_bg.png") no-repeat -53px top;
}

.bnaView table {
    width: 100%;
    border-top: 2px solid #494949;
}
.bnaView table tr td,
.bnaView table tr th {
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    border-bottom: 1px solid #E2E2E2;
}
.bnaView table thead tr td {
    background: #F4F4F5;
}
.bnaView table tr td.cat {
    color: #52C1EF;
}
.bnaView table tr td.content {
    padding: 15px 0;
    width: 100%;
    text-align: justify;
    line-height: 18px;
}
.bnaView table tr td p.pwd_wrong {
    color: #F00;
}
.bnaView table tr td input[type="password"],
.bnaView table tr td input[type="text"] {
    border: 1px solid #C9EBF9;
    width: 100px;
    height: 12px;
    vertical-align: middle;
}
.bnaView table tr td input[type="image"] {
    vertical-align: middle;
}

.bnaView table tr td.ans_line {
    border-bottom: 2px solid #63c7ef;
}
.bnaView table tr td span.date {
    float: right;
    padding: 0 15px 0 0;
}

.bnaView table tr td .txt {
    padding: 5px 0;
    line-height: 140%;
}
.bnaView table tr td .cont_box {
    float: left;
    width: 50%;
    color: #FFF;
    position: relative;
    overflow: hidden;
}
.bnaView table tr td .cont_box h4 {
    padding-bottom: 15px;
    font-size: 30px;
    color: #5ABAE0;
    font-weight: bold;
    background: url("../images/counseling/h4_bar.gif") no-repeat left bottom;
    position: absolute;
    top: 30px;
    left: 15px;
}
.bnaView table tr td .cont_box p img {
    width: 100%;
}
.bnaView table tr td .cont_box .info_box {
    position: absolute;
    top: 80px;
    left: 15px;
}
.bnaView table tr td .cont_box .info_box p {
    margin-bottom: 15px;
}
.bnaView table tr td .cont_box .info_box p span {
    display: block;
}
.bnaView table tr td .cont_box .info_box span {
    color: #5ABAE0;
}
.bnaView table tr td .opinion {
    padding: 10px;
    overflow: hidden;
}
.bnaView table tr td .opinion p {
    margin-right: 40px;
    padding-top: 30px;
    width: 113px;
    height: 113px;
    color: #FFF;
    text-align: center;
    background: url("../images/counseling/opinion_bg.gif") no-repeat left top;
    float: left;
    overflow: hidden;
}
.bnaView table tr td .opinion p * {
    display: block;
}
.bnaView table tr td .opinion p strong {
    font-size: 18px;
}
.bnaView table tr td .opinion p span {
    font-size: 14px;
}
.bnaView table tr td .opinion ul {
    margin-top: 13px;
    float: left;
}
.bnaView table tr td .opinion ul li {
    font-size: 18px;
    color: #3DAFDC;
    font-weight: bold;
    line-height: 160%;
}
.bnaView .pre_next {
    clear: both;
    padding: 20px 0;
    width: 100%;
}
.bnaView .pre_next ul {
    border-top: 1px solid #ebebeb;
}
.bnaView .pre_next ul li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ebebeb;
    background-color: #f9f9fa;
}
.bnaView .pre_next ul li span {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
}
.bnaView p.btn_set {
    margin: 20px 0;
    overflow: hidden;
}

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

.btn_bo_adm input {padding:8px;border:0;background:#777;color:#fff;text-decoration:none;vertical-align:middle}

.tbl_head01 a {}

.tbl_head01 ul li {position: relative; padding: 20px 0; border-bottom: 1px solid #e2e2e2;}
.tbl_head01 ul li .td_chk {position: absolute; top: 32px; left: -30px; width: }
.tbl_head01 ul li .td_subject {font-size: 20px; color: #6b6c6c; line-height: 26px; }
.tbl_head01 ul li .td_subject a {color: #6b6c6c;}
.tbl_head01 ul li .td_date {font-size: 13px; color: #555; text-align: left !important;}

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

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:110px;padding:10px 13px;border:1px solid #e9e9e9;border-left:0;background:#f3f3f3;text-align:center; font-weight: 400;}
.tbl_frm01 td {padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:32px}
.tbl_frm01 select {height: 32px;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

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

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

/* 테이블 항목별 정의 */
.td_board {width:120px;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:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

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

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

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

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

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;letter-spacing:0;line-height:1.9em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff; border-bottom: 2px solid transparent; text-decoration:none}
.pg_start, .pg_prev {border: 0; line-height: 2.1em;}
.pg_start, .pg_end {letter-spacing: -9px;}
.pg_end, .pg_next {border: 0; line-height: 2.1em;}
.pg_current {display:inline-block;background:#fff; border-bottom: 2px solid #1c99d1; color:#1c99d1;font-weight:normal}

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

.address .add_logo img{
  width: 60%;
}



/* 2020-08-24 1:1상담 페이지 추가 */
.counsel_mtm #counsel { width: 100%; }
.counsel_mtm #counsel .from_prv { float: none; margin: 0 auto; }

.counsel_mtm #counsel .link_kakao  { display: block; width: 866px; height: 48px; line-height: 48px; font-size: 15px; text-align: center; margin: 20px auto 0; border: 1px solid #ddd; }
.counsel_mtm #counsel .link_kakao img { display: inline-block; width: 28px; margin-right: 5px; }