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

/* 초기화 */
* {box-sizing: border-box;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em; font-family: 'Nanum Gothic', 'CentGothWGL', sans-serif; color: #6b6c6c;}
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-weight: 400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul {margin:0;padding:0;list-style:none}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;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-size:1em}
button, input[type=button] {cursor:pointer; -webkit-appearance: none; border-radius: 0; border: 0;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none; height: 24px; border: 0;}
textarea, select {font-size:1em;font-family:dotum;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0; height: 24px; border: 1px solid #e4eaec; -webkit-appearance: none; border-radius: 0; background: url('/../images/new/select.png') 97% center no-repeat; background-size: 12px;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color: #6b6c6c;}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}
select:focus,
  textarea:focus,
  input:focus {
    font-size: 13px;
  }

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;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:relative;background:#fff; }
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:22px 17px; text-align: left;}
#logo img {width: 200px;}

#gnb_open {position: relative; padding:0 10px;height:1em;border:0;color:#00a1df;font-size:28px;background: #f6f6f6;letter-spacing:-0.1em}
#gnb {position: fixed; width: 100%; height: 100%; top: 0; left: -100%; display: block; z-index: 10000;transition: left 0.6s;}
#gnb .dim_bg {position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.5s;}
#gnb.active .dim_bg {background: rgba(0,0,0,0.6); opacity: 1;}
#gnb.active {display: block}
#gnb a {display:block; color:#525252; font-size: 14px;}
#gnb .gnb_wrap {position: absolute; top: 0; left: 0; width: 242px; height: 100%; background: #fff; z-index: 1000; box-shadow: 2px 0px 10px rgba(0,0,0,0.07); }
#gnb.active {left: 0;}
.gnb_1dli {border-bottom:1px solid #dfdfdf;}
.gnb_1da {padding:22px 16px; }
.depth .gnb_1da {background: url('/../images/new/select.png') 200px center no-repeat;}
#gnb .depth.open .gnb_1da {background: url('/../images/new/select_close.png') 200px center no-repeat; color: #00a1df;}
#gnb .gnb_2dul {display: none; padding: 10px 10px; background:#fff; border-top:1px solid #f1f1f1;}
#gnb .gnb_2da {padding:11px 14px; font-size: 13px;}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close {position: absolute; width: 36px; height: 36px; top: 10px; right: 10px; font-size: 16px; display:block;margin:0;padding:10px 0;border:0;background: transparent;color:#fff; z-index: 10000;}
#gnb .sns_category {display: flex; margin-top: 20px;}
#gnb .sns_category li {flex: 1;}
#gnb .sns_category li img {display: block; width: 22px; margin: auto;}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_wrapper {position: fixed; top: 0; background: #fff; width: 100%; z-index: 10; box-shadow: 0px 1px 3px rgba(0,0,0,0.05);}
#hd_sch_open {position:absolute;top:18px;right:10px;padding:0 10px;height:1.3em;border:0;color:#00a1df;font-size:18px;background: #fff;letter-spacing:-0.1em}
#hd_sch {position:fixed;left: 0; top: 58px; width: 100%; display: block; padding-top: 33px; padding-bottom: 40px; background:#fff;text-align:center; box-shadow: 0px 1px 5px rgba(0,0,0,0.07); transform: translateY(-274px); transition:1.3s; z-index: 4;}
#hd_sch.active {transform: translateY(0px);}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch h3 {font-weight: 400; color: #777; font-size: 13px; line-height: 1.4;}
#hd_sch form {position:relative;padding:14px 0; width: 292px; margin: auto;}
#hd_sch #sch_stx {width: 292px; height:32px;border:1px solid #e4e4e4;background:#fff !important;line-height:2.5em;vertical-align:middle;color:#bbb}
#hd_sch #sch_submit {position: absolute; top: 14px; right: 0px; height:32px; width: 32px; border:0;background:#00a1df;color:#fff; font-size: 18px;vertical-align:middle}
#hd_sch #sch_close {position: absolute; top: 22px; right: 11px; color: #777; width: 30px; height: 30px; font-size: 17px; background: #fff; border: 0;}
.popular_keyword li {display: inline-block; color: #00a1df; font-size: 13px;}
.popular_keyword li a {color: #00a1df;}
.popular_keyword ul li:before {content:'#'; }

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}
.Pc {display: none !important;}
/* 중간 레이아웃 */
#wrapper {margin:0; padding-top: 58px; transition: 1s;}
#wrapper.none{padding-top: 0;}
#wrapper.down {padding-top: 229px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.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: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px 30px 35px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 300;
  background: #fff;
}
.pop_con .close {
  display: block;
  width: 31px;
  height: 31px;
  margin-left: 229px;
  cursor: pointer;
}
.pop_con .close i {
  font-size: 31px;
  color: #888;
}
.pop_con dl {
  margin-bottom: 20px;
}
.pop_con dt {
  display: inline-block;
  width: 70px;
  font-size: 15px;
}
.pop_con dd {
  display: inline-block;
  margin: 0;
}
.pop_con p {
  margin: 10px 0 25px;
  font-size: 13px;
  line-height: 1.6;
}
.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: 35px;
  padding: 6px;
  font-size: 13px;
  margin: 0;
  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: 38px;
  margin-bottom: 0;
  line-height: 38px;
  font-size: 15px;
  cursor: pointer;
}
.hero_section .bx-wrapper {max-width: 100% !important;}
.bx-wrapper {margin: 0; box-sizing: 0; border: 0; box-shadow: none;}
.bx-wrapper .bx-pager {bottom: 18px;}
.bx-wrapper .bx-pager-item { height: 18px; margin: 0 6px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 10px; margin: 0; border-radius: 7px; height: 10px; background: #fff; vertical-align: middle;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {width: 60px; background: #00a1df;}
.slides .slides_title {position: absolute; bottom: 54px; width: 300px; left: 50%; transform: translateX(-50%); text-align: center;}
.slides .slides_title h3 {font-size: 15px; margin-bottom: 5px; font-family: ''CentGothWGL'', sans-serif;}
.slides .slides_title h2 {font-size: 20px; margin-bottom: 15px;}
.slides .slides_title .More_view {display: inline-block; padding: 6px 20px; background: #00a1df; color: #fff; font-size: 14px; line-height: 17px; text-align: center; font-family: ''CentGothWGL'', sans-serif;}

/* .t_middle {margin-top: 30px;} */
.sub_hero {padding: 16px 0;
  /* height: 70px; */
  text-align: center;}
.sub_hero .sub_title {font-size: 20px;}
.sub_hero .sub_des {font-size: 15px; font-weight: 300; display: none;}
.sub_hero .sub_des span {color: #1c99d1;}
#sub02 {background: #d3d3d3;}

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

.section {position: relative; padding-bottom: 30px;}
.section img {max-width: 100%; width: 100%;}
.section .Title {margin: 18px 0 18px; font-size: 20px; font-weight: 600;text-align: center; line-height: 22px; color: #6b6c6c;}
.en {font-family: 'CentGothWGL', sans-serif !important;}
.kr {font-family: 'Nanum Gothic', sans-serif !important;}
.section .sm_Title {margin: 15px 0 20px; font-size: 20px; text-align: center; color: #00a1df;}
.section .doc_sub { text-align: center; font-size: 15px; line-height: 23px; margin-bottom: 14px;}
.section .doc_sub span {font-size: 13px; color: #aaa;}
.ls_article {padding: 16px 0; font-size: 13px; line-height: 22px; }
.sm_article {padding-bottom: 14px; font-size: 13px; line-height: 1.55; text-align: center; font-weight: 300;}
.sm_article span {font-weight: 500; color: #00a1df;}
.brow_check {color: #b1572a; font-size: 14px; vertical-align: middle;}
.mid_Sec {padding-bottom: 15px;}
.mid_Sec .imp_tt {font-size: 13px; color: #6b6c6c; padding: 0 10px 0 0px;}
.mid_Sec span {font-size: 13px; color: #888;}
.front_check {color: #1c99d1; font-size: 20px; vertical-align: middle;}
.footnote {padding: 0 0 10px; font-size: 13px; line-height: 18px; color: #777;}
.t_small {margin-top: 15px;}
.bd_bwrap {padding: 30px 0; border-bottom: 1px solid #c2c2c2;}
.che_tt {font-size: 13px; font-weight: 400; text-align: left; line-height: 1.7;}
.start_btn {display: block; width: 90%; height: 40px; margin: 0 auto 20px; line-height: 40px; text-align: center; color: #fff; font-size: 15px; font-weight: 500; background: #1c99d1;}

.root_daum_roughmap_landing {width: 100% !important; }
.root_daum_roughmap .wrap_map {height: 240px !important;}

.cols2:last-child .time_add {border-bottom: 0;}

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

.round_col {text-align: center;}
.round_col:after {display: block; clear: both; content: '';}
.round_col .round_col3 {display: inline-block; width: 105px; height: 105px; padding-top: 19px; margin: 20px auto; text-align: center; border-radius: 50%; box-shadow: 2px 2px 6px rgba(200,200,200,0.3);
transform: translateY(30px); transition: all 0.8s; opacity: 0; vertical-align: top;}
.round_col .round_col3 h5 {font-size: 15px; font-weight: 300;}
.round_col .round_col3 p {padding: 6px 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;}

.img_con {padding: 0 0 25px;}
.img_con img {width: 100%; max-width: 100%;}
.right_type, .left_type {transform: translateY(0px); transition: 1s;}
.right_type.on, .left_type.on {transform: translateY(0px); opacity: 1;}
.tt_img {margin-top: 20px;}
.img_con h3 { display: block; margin-bottom: 10px; color: #555; font-size: 15px; font-weight: 600; line-height: 20px; }
.img_con h3 span {font-size: 15px; font-weight: 300;}
.img_con article {display: block; }
.cross_type h3 { display: block; margin-bottom: 10px; color: #555; font-size: 15px; font-weight: 600; line-height: 20px; }
.cross_type h3 span {font-size: 15px; font-weight: 300;}
.cross_type article {display: block; }
.line_con { border-bottom: 1px solid #666; margin-top: 30px;}
.line_con:last-child {border-bottom: 0;}
.line_con h3 {font-size: 18px; margin-bottom: 18px; font-weight: 600; color: #525252; transform: translateY(0px); transition: 1s; opacity: 0;}
.line_con.on h3{opacity: 1; transform: translateY(0px);}
.line_con .l_article {transform: translateY(20px); transition: 1s; opacity: 0;}
.line_con.on .l_article {opacity: 1; transform: translateY(0px);}

.l_article {padding: 0px 0 16px; font-size: 13px; line-height: 22px; }
.step_li_process {text-align: center;}
.step_li_process img {width: 32%; 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) {}
.step_li_process img:nth-child(2) {transition-delay: 0.6s; }
.step_li_process img:nth-child(3) {transition-delay: 1.2s; }
.step_li_process img:nth-child(4) {transition-delay: 1.8s; }
.step_li_process img:nth-child(5) {transition-delay: 2.4s; }

.wrap_border {border: 1px solid #c2c2c2; border-bottom: 0;}
.col3_wrap {margin-top: 40px; margin-bottom: 20px; }
.col3_wrap:after {display: block; content: ''; clear: both;}
.col3_wrap .line_col3 {display: block; width: 100%; padding: 20px 20px; border: 1px solid #c2c2c2; border-bottom: 0;transform: translateY(0px); transition: all 0.6s;}
.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) {transition-delay: 0.4s;}
.col3_wrap .line_col3:nth-child(4) {transition-delay: 0.6s;}
.col3_wrap .line_col3:nth-child(5) {transition-delay: 0.8s;}
.col3_wrap .line_col3:nth-child(6) {transition-delay: 1s;} */
.col3_wrap .line_col3:last-child {border-bottom: 1px solid #c2c2c2; }
.col3_wrap .line_col3 h3 {font-size: 15px; line-height: 22px; color: #6b6c6c; font-weight: 600;}
.col3_wrap .line_col3 h3.Num {position: relative; font-size: 20px;}
.col3_wrap .line_col3:last-child > .Num:after {position: absolute; top: 0; right: 0; display: block; content:''; width: 51px; height: 43px;background: url('/../images/new/he_logo.png') right no-repeat;}
.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 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 14px; }
.col3_wrap .line_col3 .sh_article {font-size: 13px; line-height: 22px;}
.col3_wrap .line_col3 .lit_article {font-size: 13px; line-height: 18px; word-break: break-all;}

.col4_wrap {margin: 40px 0 20px;}
.col4_wrap:after {display: block; content: ''; clear: both;}
.col4_wrap .line_col4 {display: block; width: 100%; padding: 20px 10px; border: 1px solid #c2c2c2; border-bottom: 0; transform: translateY(0px); transition: all 1s;}
.col4_wrap .line_col4:last-child {border-bottom: 1px solid #c2c2c2;}
.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;}
.col4_wrap .line_col4:nth-child(5) {transition-delay: 0.6s;}
.col4_wrap .line_col4:nth-child(6) {transition-delay: 0.6s;}
.col4_wrap .line_col4:nth-child(7) {transition-delay: 0.6s;}
.col4_wrap .line_col4:nth-child(8) {transition-delay: 0.6s;} */
/* .col4_wrap .line_col4:last-child {border-bottom: 0} */
.col4_wrap .line_col4 h3 {font-size: 15px; line-height: 22px; color: #6b6c6c; margin-bottom: 10px; font-weight: 600; }
.col4_wrap .line_col4 h4 {font-size: 15px; 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: 0px 0 14px; }
.col4_wrap .line_col4 .sh_article {font-size: 14px; line-height: 22px;}
.col4_wrap .line_col4 .lit_article {font-size: 12px; line-height: 18px;}

.tree_round { position: relative; width: 310px; margin: auto; height: 260px; 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: -15px; z-index: 1; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; border-radius: 50%; border: 6px solid #f4f4f4; content: '';}
.tree_round .ra_stem:after {position: absolute; z-index: 2;display: block; width: 372px; height: 65px; bottom: -18px; left: 16%; background: #fff; content: '';}
.tree_round .ra_stem h2 {position: relative; z-index: 10; display: block; vertical-align: middle; width: 110px; height: 110px; font-size: 22px;
  padding-top: 46px; 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 img {display: block; width: 80px; margin: auto;}
.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: 28px; width: 90px; height: 90px; text-align: center; border-radius: 50%; border: 10px solid #fff; z-index: 1;
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: 16px; height: 16px; content: ''; border-radius: 50%; box-shadow: 2px 2px 6px rgba(0,0,0,0.15); }
.tree_round .round_leaf:before {position: absolute; width: 20px; height: 4px; content:''; z-index: 9;}
.tree_round .round_leaf h3 {font-size: 13px; font-weight: 400;}
.tree_round #Leaf1 {padding-top: 20px; bottom: 15px; left: -15px; border-color: #d5dabb;}
.tree_round #Leaf1:after {top: 27px; right: -28px; background: #e2e9bb;}
.tree_round #Leaf1:before {top: 33px; right: -20px; background: #e2e9bb;}
.tree_round #Leaf1 h3 {color: #b3b773;}
.tree_round #Leaf2 {top: 65px; left: 19px; padding-top: 11px; border-color: #c6dabb; transition-delay: 0.4s;}
.tree_round #Leaf2:after {top: 65px; right: -13px; background: #cde9bd; }
.tree_round #Leaf2:before {top: 63px; right: -8px; background: #cde9bd; transform: rotate(45deg); }
.tree_round #Leaf2 h3 {color: #9eb773;}
.tree_round #Leaf3 {top: 28px; left: 110px; border-color: #bbdace; transition-delay: 0.8s;}
.tree_round #Leaf3:after {bottom: -27px; right: 27px; background: #bae6d5; }
.tree_round #Leaf3:before {top: 78px; right: 25px; background: #bae6d5; transform: rotate(90deg);}
.tree_round #Leaf3 h3 {color: #73b7a2;}
.tree_round #Leaf4 {padding-top: 20px; top: 65px; right: 19px; border-color: #bbcfda; transition-delay: 1.2s;}
.tree_round #Leaf4:after {top: 65px; left: -13px; background: #b7d7e9; }
.tree_round #Leaf4:before {top: 63px; left: -8px; background: #b7d7e9; transform: rotate(-45deg);}
.tree_round #Leaf4 h3 {color: #7ea7bd;}
.tree_round #Leaf5 {bottom: 15px; right: -15px; border-color: #bbc5da; transition-delay: 1.6s;}
.tree_round #Leaf5:after {top: 27px; left: -28px; background: #bfcdec;}
.tree_round #Leaf5:before {top: 33px; left: -20px; background: #bfcdec;}
.tree_round #Leaf5 h3 {color: #7395b7;}

.center {text-align: center;}
.left {text-align: left;}

.bd_bbwrap {padding: 30px 10px; margin-top: 40px; border: 1px solid #c2c2c2;}
.Step_imG {position: relative; max-width: 100%;transform: translateY(0px); transition: all 1s; opacity: 0;}
.Step_img {margin-left: -7px; position: relative;}
.Step_img:nth-child(6) {z-index: 3;}
.Step_img:nth-child(7) {z-index: 2; transition-delay: 0.6s;}
.Step_img:nth-child(8) {z-index: 1; transition-delay: 1.2s;}
.Step_img:nth-child(9) {transition-delay: 1.8s;}
.Step_imG.on {transform: translateY(0px); opacity: 1;}
.imag_skin {width: 24%;}
.mid_banner{display: none;}
.mid_banner img {max-width: 100%;}
.banner_clear .col2 {box-shadow: none;}
.col2 {box-shadow: 1px 1px 8px rgba(200,200,200,0.2); }
.col3, .col2 { transform: translateY(0px); transition: 1s; }
.col3.on {transform: translateY(0px); opacity: 1;}
.col2.on {transform: translateY(0px); opacity: 1;}
.banner_clear h2 {font-size: 15px; margin-top: 38px; margin-bottom: 14px; text-align: center; font-family: ''CentGothWGL'', sans-serif; text-transform: uppercase; font-weight: 600;}
.container {position: relative; margin-left: 18px !important; margin-right: 18px !important;}
.sm_container {position: relative; padding: 0 18px;}
.text-box {padding: 15px 0 36px; text-align: center;}
.text-box .sub_tt {font-size: 15px; text-transform: uppercase; font-family: ''CentGothWGL'', sans-serif; font-weight: 600;}
.section .sTitle {margin: 0 0 36px; font-size: 20px; font-weight: 600;text-align: center; line-height: 38px; color: #6b6c6c; font-family: 'CentGothWGL', sans-serif;}
.col2 .text-box .sub_tt {color: #519be0;}
.text-box h3 {font-size: 15px; margin-top: 15px; margin-bottom: 6px; font-weight: 400;}
.text-box p {font-size: 13px; line-height: 21px; color: #868686;}

.mid_section {padding: 78px 0; text-align: center; }
.mid_section div {display: block;}
.mid_section h2 {font-size: 15px; padding-bottom: 10px;color: #6b6c6c; fontfamily: 'CentGothWGL', sans-serif; }
.mid_section h3 {padding-bottom: 20px; font-size: 20px; line-height: 24px; color: #6b6c6c; }
.mid_section p {font-size: 14px; line-height: 22px; color: #525252;}

.ft_banner {padding: 231px 0 42px; text-align: left; background-size: 100% !important;}
.ft_banner a {display: block; text-align: center;}
.ft_banner h2 {font-size: 15px; 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-top: 22px; padding-bottom: 6px;font-size: 20px; line-height: 24px; color: #6b6c6c; transform: translateY(30px); transition: 1s; transition-delay: 1s; opacity: 0;}
.ft_banner p {font-size: 13px; line-height: 20px; color: #525252; transform: translateY(30px); transition: 1s; transition-delay: 1.5s;opacity: 0;}
.ft_banner p strong {font-size: 15px;}
#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;}

@media (max-width: 1024px) and (min-width: 993px) {
  .ft_banner {padding: 600px 0 120px; text-align: left; background-size: cover !important; background-position: top !important;}
}

#Mainslider .slides {
  width: 100% !important;
}
#Mainslider .slides img {
  max-width: none;
  width: 100%;
}
#Mainslider .slides a {
  display: block;
}
.hero_section .bx-wrapper .bx-prev:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
  content: '';
}
.hero_section .bx-wrapper .bx-prev:after {
  position: absolute;
  top: 22px;
  left: 0;
  width: 18px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  content: '';
}
.hero_section .bx-wrapper .bx-next:before {
  position: absolute;
  top: 10px;
  right: 0;
  width: 18px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  content: '';
}
.hero_section .bx-wrapper .bx-next:after {
  position: absolute;
  top: 22px;
  right: 0;
  width: 18px;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
  content: '';
}

@media (max-width: 992px) and (min-width: 768px) {
  .ft_banner {padding: 500px 0 120px; text-align: left; background-size: cover !important; background-position: top !important;}
}

#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}

.col3 .image_box {box-shadow: 3px 3px 6px rgba(200,200,200,0.3);}
.image_box img {max-width: 100%; width: 100%;}

.stepper {margin: 30px 0 0px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 0;}
.stepper:after {clear: both; content: ''; display: block;}
.stepper .step_col {position: relative; flex: 1; float: left; display: inline-block; text-align: center; font-size: 13px; border: 1px solid #ccc; padding: 14px 7px; margin-right: 3px; }
.stepper .step_col:last-child {margin-right: 0;}
.stepper .step_col h2 {font-size: 15px; padding-bottom: 40px; color: #00a1df; font-weight: 600; font-family: 'CentGothWGL', sans-serif;}
.stepper .step_col p {font-size: 11px; line-height: 1.3;}
.stepper .step_col.on {color: #fff;}
.stepper .step_col.on h2 {color: #fff;}
.stepper .step_col:after {position: absolute; top: 42px; right: -12px; width: 18px; height: 18px; padding-left: 0px; content:''; font-size: 13px; line-height: 18px; 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 42px no-repeat;}
.stepper #steP2 { background: url('/../images/new/sensitive.png') #fff center 42px no-repeat;}
.stepper #steP3 { background: url('/../images/new/ink.png') #fff center 42px no-repeat;}
.stepper #steP4 { background: url('/../images/new/wrinkle.png') #fff center 42px no-repeat;}
.stepper #steP5 { background: url('/../images/new/result.png') #fff center 42px no-repeat;}
.stepper #steP1.on { background: url('/../images/new/oil_on.png') #00a1df center 42px no-repeat;}
.stepper #steP2.on { background: url('/../images/new/sensitive_on.png') #00a1df center 42px no-repeat;}
.stepper #steP3.on { background: url('/../images/new/ink_on.png') #00a1df center 42px no-repeat;}
.stepper #steP4.on { background: url('/../images/new/wrinkle_on.png') #00a1df center 42px no-repeat;}
.stepper #steP5.on { background: url('/../images/new/result_on.png') #00a1df center 42px no-repeat;}
.stepper .step_col {background-size: 18px !important;}

.tp_section {padding: 20px 0; border-bottom: 1px solid #b3b3b3;}
.tp_section h3 {font-size: 15px; line-height: 22px; color: #00a1df; padding-bottom: 20px;}
.tp_section h3 strong {font-size: 20px;}
.tp_section:last-child .label_box {padding-bottom: 0;}
.label_box {padding-left: 0px;}
.label_box label {display: block; line-height: 2.6; font-size: 13px;}
.label_box label input[type="radio"] {display:none;}
.label_box label input[type="radio"] + span {display: inline-block; width: 17px; height: 17px; margin-right: 6px; 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: 0px; text-align: center;}
.result_summary h1 {font-size: 20px; line-height: 27px; margin-top: 20px; font-weight: 300; margin-bottom: 30px;}
.result_summary h1 span {font-weight: 600;}
.result_summary .type_img {width: 260px; display: block; margin: auto;}

.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: 112px; height: 25px; margin: 18px auto 56px; text-align: right; background: url('/../images/new/download.png') left no-repeat;
background-size: 16px; line-height: 28px; font-family: 'CentGothWGL', sans-serif; font-size: 15px; cursor: pointer; color: #000;}

.result_type:after {display: block; content: ''; clear: both;}
.result_type .result_col {display: block;  width: 100%; margin-bottom: 23px; border: 1px solid #c2c2c2; box-shadow: 3px 3px 10px rgba(200,200,200,0.2);}
.recom.result_type .result_col { }
.result_type .result_col:nth-child(odd) { }
.result_type .result_col .res_tt {font-size: 15px; padding: 14px 0 14px 48px; margin-bottom: 18px; border-bottom: 1px solid #c2c2c2; background-size: 20px !important; }
.result_type .result_col .th_cap {display: block; width: 100%; padding: 20px 0; text-align: center;  border-bottom: 1px solid #c2c2c2;}
.result_type .result_col .day {background: url('/../images/new/day.png') 20px center no-repeat; }
.result_type .result_col .night {background: url('/../images/new/night.png') 20px center no-repeat; }
.result_type .result_col .th_cap h1 {font-size: 26px; font-weight: 600;}
.result_type .result_col .th_cap h3 {font-size: 20px; font-weight: 600; margin-bottom: 5px;}
.result_type .result_col .th_cap h5 {font-size: 15px;}
.result_type .result_col .td_cap {display: table; width: 100%; height: 100%; padding: 20px; color: #525252;}
.result_type .result_col .td_cap > div {display: table-cell; vertical-align: middle;}
.result_type .result_col .oneline{
   padding: 5px 0;
}
.result_type .result_col .oneline:last-child {padding-bottom: 0;}
.result_type .result_col .oneline h5{
  display: inline-block;
}
.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 h5 {font-size: 15px; font-weight: 600;}
.result_type .result_col .td_cap span {font-size: 13px; line-height: 25px;font-weight: 300;}
.result_col dl {margin-bottom: 17px; margin-top: 0; padding: 0;}
.result_col dl:after {clear: both; display: block; content:'';}
.result_col dl dt {float: left; display: inline-block; padding-left: 25px; width: 85px; font-size: 13px; color: #b58167;}
.result_col dl dd {float: left; display: inline-block; margin: 0; width: calc(100% - 85px);padding-left: 10px; padding-right: 25px; font-size: 13px;}


.ctt_lapeauan .col4_wrap .line_col4 .Num {font-size: 30px; line-height: 33px; font-weight: 300; font-family: 'Roboto', sans-serif;}
.bd_bottom { padding-bottom: 30px; border-bottom: 1px solid #c2c2c2; }
.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: 15px; margin-bottom: 20px; padding-top: 30px;}
.round_recom {position: relative; font-size: 13px; line-height: 20px; padding-left: 10px; margin-bottom: 22px; font-weight: 300;}
.round_recom:before {position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #a1a1a1; content:'';}
.round_recom span {display: block; font-size: 13px;}

#sch_result {margin: 30px 0;}

.address {  }
.address > div { padding-top: 20px; padding-bottom: 20px;}
/* .address .info_dc {border-top: 1px solid #c2c2c2;} */
.address > div:first-child {margin-bottom: 0; margin-top: 0; padding: 10px; border: 1px solid #c2c2c2; border-bottom: 0;}
.address > .col4_wrap {
  margin-top: 0;
  padding: 0;
}
.address .col3 {display: inline-block; width: 100%; vertical-align: top;}
.address .col3:nth-child(3) { border-top: 1px solid #f4f4f4; border-bottom: 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 .add_logo {padding-top: 24px; text-align: left;}
.address .add_logo img {width: 230px;}
.address span {display: block; text-align: center; font-size: 13px; line-height: 27px; font-weight: 300; color: #868686;}
.address span > span {font-size: 13px;}
.address span strong {display: block; text-align: left; margin-bottom: 10px; color: #6b6c6c; font-size: 15px; font-weight: 500;}
.address table {width: 100%; border: 1px solid #ccc; border-right: 0; border-bottom: 0; border-collapse: collapse; font-size: 13px;}
.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: 300;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;}

.time_add {font-size: 13px; line-height: 24px;text-align: left; margin-top: 30px; padding-bottom: 22px; color: #868686; }
.time_add a {color: #868686;}
.time_add span {display: inline-block; color: #b1572a;}
.time_add img {width: 26px; vertical-align: top;}

#wrapper.none .page_sec {
  padding-top: 0;
}
#wrapper.none .mbskin{
  padding-top: 30px;
}
#wrapper.none .dsv_login_container .mbskin{
  padding-top: 0;
}
.page_sec {
  padding-top: 30px;
}
.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 center;
    overflow: hidden;
    clear: both;
}
.noticeList ul li.on {
  background: url("/images/ico/ico_up_arrow.gif") no-repeat right 10px top 32px;
}
.noticeList ul li .noticeTitle {
    font-size: 15px;
    margin-bottom: 8px;
    /* color: #32353b; */
}
.noticeList ul li .noticeDate {
    font-size: 13px;
    color: #666666;
    font-weight: 300;
}
.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% !important;
}
.eventList {
  margin-top: 30px;
}
.eventList ul {
    overflow: hidden;
}
.eventList ul li {
        /* float: left; */
    width: 100%;
    padding: 13px;
    border: 1px solid #ddd;
    border-top: 2px solid #43c2f5;
    margin-bottom: 10px;
}
.eventList ul li:last-child {
  margin-bottom: 0;
}
.eventList ul li.empty_list {
  width: 90%;
  float: none;
  margin: 40px 5%;
}
.eventList ul li .eventPart {
    position: relative;
}
.eventList ul li .eventImg img {
    width: 100%;
    height: auto;
}
.eventList ul li .eventText {
    padding: 10px;
}
.eventList ul li .eventTitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #333;
    margin: 8px 0;
}
.eventList ul li .eventText .EventTitle a {
    display: block;
    height: 26px;
    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: 13px;
    color: #999999;
    line-height: 18px;
    display: block;
    height: 35px;
    overflow: hidden;
}
.eventList ul li .eventDate {
    font-size: 13px;
    color: #777777;
}
.eventList ul li .eventText .eventTitle a {
  display: block;
  height: 43px;
  overflow: hidden;
}
.eventList ul li span.eventSubject {
    font-size: 15px;
    color: #333;
}
/*login */
#wrapper.none .memberLayout{
  margin-top: 50px;
}
#wrapper.none .dsv_login_container .memberLayout{
  margin-top: 0;
}
#wrapper.none .dsv_login_container .info_text{
    text-align: center;
    margin-top: 35px;
    font-size: 14px;
    /* font-weight: bold; */
    line-height: 1.5;
    color: #000;
}
#wrapper.none .dsv_login_container .info_text span{
  display: block;
}
.memberLayout {
    overflow: hidden;
    padding: 0 20px;
}

.memberLayout .login_box {
  width: 100%;
  margin: 50px auto 0;
  min-height: 400px;
}
#wrapper.none .dsv_login_container .memberLayout .login_box{
  margin-top: 40px;
}
/* .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: 14px;
    padding: 6px;
    border: 0;
    border-bottom: 1px solid #ddd;
    transition: 0.4s;
}
.loginSection .txt:focus {
  outline: none;
  border-bottom: 1px solid #72cef3;
}
.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: 39px;
    height: 40px;
    font-size: 15px;
    display: block;
    color: #fff;
    background-color: #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 {
  line-height: 30px;
}
.login_box .meb_list li a {
  font-weight: 600;
  line-height: 13px;
  height: 20px;
  margin-top: 3px;
  display: inline-block;
  float: right;
  font-family: 'CentGothWGL', sans-serif;
}
.login_box .meb_list li:after {
  clear: both;
  content:'';
  display: block;
}
.agree_box .Sns_login {
  border: 1px solid #E2E2E2;
}
.agree_box .Sns_login ul {
  margin: 15px 0;
}
.Sns_login ul {
  margin: 30px 0 0;
  text-align: center;
  font-size: 0;
}
.Sns_login li {
  display: inline-block;
  margin: 0 4px;
  width: auto;
}
.Sns_login li:first-child {
  margin-left: 0;
}
.Sns_login li:last-child {
  margin-right: 0;
}
.Sns_login li img {
  max-width: 38px;
  display: block;
  margin: auto;
}

/* join */
/* .agree_area {
  margin-top: 62px;
} */
.agree_area .agree_box {
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
}
.agree_area .agree_box h5 {
    margin-bottom: 10px;
    font-weight: 600;
}
.agree_area .agree_box .txt_box {
    margin-bottom: 10px;
    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 30px;
}
.agree_area .btn_set a,
.agree_area .btn_set button,
.agree_area .btn_set input {
    width: 110px;
    /* float: left; */
    display: inline-block;
    font-size: 15px;
    color: #1c99d1;
    height: 32px;
    vertical-align: top;
    line-height: 32px;
    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;
}
.agree_area .btn_set a {
    background-color: #fff;
}
.section .my_title {position: relative; margin: 0px 0 15px; font-size: 20px; font-weight: 500; text-align: left; line-height: 20px; color: #6b6c6c; font-family: 'CentGothWGL', sans-serif;}
.section .my_title > span > span { display: none; font-size: 13px; font-weight: 300;}
.section .my_title a {text-align: center; font-size: 12px; line-height: 23px; font-weight: 300; width: auto; height: 23px; padding: 0 6px;}
.section .my_title .btn_group {position: relative; display: block; text-align: right;}
.section .my_title.tt_mo .btn_group {position: absolute; right: 0; bottom: 0; display: block; text-align: right;}
.mb_input_area {
  margin: 0px auto 0;
  width: 100%;
}
.modify-section {
  padding-top: 30px;
}
.middle_sec {
  padding: 64px 0;
}
.hiding {display: none !important;}
.Hiding {display: block !important; width:78px; text-align: center; margin: 0 auto;}
.mb_input_area table {
    margin-bottom: 20px;
    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: 7px 0;
    /* border-bottom: 1px solid #E4E4E4; */
}
.mb_input_area table tr th {
  text-align: left;
  font-size: 13px;
}
.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: 40px;
  line-height: 40px;
  font-size: 14px;
  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 #72cef3;
}
.mb_input_area input::-webkit-input-placeholder {
color: #bbb;
font-family: 'Nanum Barun Gothic', 'CentGothWGL', sans-serif;
}
.mb_input_area input::-moz-input-placeholder {
color: #bbb;
font-family: 'Nanum Barun Gothic', 'CentGothWGL', sans-serif;
}
.mb_input_area input::-ms-input-placeholder {
color: #bbb;
font-family: 'Nanum 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: 15px 0px;
  color: #777;
  font-size: 15px;
}
.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; background-size: 30px; vertical-align: middle; margin-right: 6px; }
.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 {
  /* text-align: center; */
    padding: 3px 0;
}
.mb_input_area table tr td.kcaptcha input[type="text"] {
    width: 80px;
}
.mb_input_area .btn_set {
    text-align: center;
    overflow: hidden;
    width: 305px;
    margin: 0 auto 20px;
}
.mb_input_area .btn_set a,
.mb_input_area .btn_set button,
.mb_input_area .btn_set input {
  width: 110px;
  /* float: left; */
  display: inline-block;
  font-size: 15px;
  color: #1c99d1;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border: 1px solid #1c99d1;
}
.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;
}
.xs_margin_top_10{
  margin-top: 10px;
}
.mb_input_area .btn_set a {
    background-color: #fff;
}
.joinFinalArea {
  width: 100%;
  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: #72cef3;
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    border: none;
}

/* mypage */
.flexing_info {width: 100%;
  margin-top: 16px;
  margin-bottom: 15px;
  font-size: 0;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
  padding: 15px 0;}
.flexing_info:after {clear: both; content: ''; display: block;}
.flexing_info .info_col {
  float: left;
  width: 33.332%;
  font-size: 18px;
  text-align: center;
  border-right: 1px solid #eee;
}
.flexing_info .info_col:last-child {
  border-right: 0;
}
.flexing_info .info_col h5 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #1c99d1;
}
.flexing_info .info_col p {
  font-size: 12px;
}
.inlist {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-top: 1px solid #919191;
}
.inlist .tr {
  display: block;
  width: 100%;
}
.inlist .tr:after {
  display: block;
  content: '';
  clear: both;
}
.inlist .thead .th {
  display: none;
}
.inlist .td span.wait {
  padding: 2px 10px;
  background-color: #fff;
  border: 1px solid #1c99d1;
  color: #1c99d1;
}
.inlist .td span.finish {
  padding: 2px 10px;
  background-color: #1c99d1;
  color: #fff;
}
.inlist .tbody .td {
  display: inline-block;
  float: left;
  padding: 6px;
  text-align: center;
  /* border-bottom: 1px solid #dcdcdc; */
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 300;
}
.bau_list .tbody .td:nth-child(1) {
  width: 100%;
  height: 32px;
  line-height: 26px;
}
.bau_list .tbody .td:nth-child(2) {
  font-weight: 400;
  width: 50%;
  line-height: 26px;
  height: 40px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.bau_list .tbody .td:nth-child(3) {
  width: 50%;
  border-bottom: 1px solid #dcdcdc;
  height: 40px;
  text-align: right;
  line-height: 17px;
  font-size: 12px;
}
.bau_list .tbody .td:nth-child(4) {
  width: 50%;
  border-bottom: 1px solid #dcdcdc;
  height: 32px;
  text-align: right;
  padding-top: 0;
}
.mi_bau_list.bau_list .tbody .td:nth-child(1) {
  display: none;
}
.mi_bau_list.bau_list .tbody .td:nth-child(2) {
  font-weight: 400;
  width: 100%;
  line-height: 26px;
  height: 40px;
  border-bottom: 0;
  text-align: left;
}
.mi_bau_list.bau_list .tbody .td:nth-child(3) {
  width: 50%;
  border-bottom: 1px solid #dcdcdc;
  height: 32px;
  text-align: left;
  line-height: 17px;
  font-size: 12px;
}
.mi_bau_list.bau_list .tbody .td:nth-child(4) {
  width: 50%;
  border-bottom: 1px solid #dcdcdc;
  height: 32px;
  text-align: right;
  padding-top: 0;
}
#bo_v_sns li a img {
  width:35px;
}
.con_list .tbody .td:nth-child(1) {
  width: 20%;
  height: 32px;
  line-height: 25px;
}
.con_list .tbody .td:nth-child(2) {
  width: 23%;
  height: 32px;
  color: #00a1df;
  text-align: left;
  line-height: 25px;
  font-weight: 400;
}
.con_list .tbody .td:nth-child(3) {
  width: 55%;
  line-height: 25px;
  height: 32px;
}
.con_list .tbody .td:nth-child(3) a {
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 200px;
  white-space: nowrap;
}
.con_list .tbody .td:nth-child(4) {
  float: right;
  width: 100%;
  height: 28px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.con_list .tbody .td:nth-child(5) {
  float: left;
  width: 60%;
  height: 31px;
  line-height: 22px;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.inlist .tbody .view_btn {
  font-size: 12px;
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #aaa;
}
.inlist .tbody .left {
  text-align: left;
}
.inlist .label {
  color: #43c2f5;
}

.counselingList table {
    width: 100%;
    border-top: 1px solid #32353b;
    border-collapse: collapse;
}
.counselingList table th {
    padding: 6px 0;
    font-size: 13px;
    text-align: center;
    color: #32353b;
    border-bottom: 1px solid #ddd;
}
.counselingList table td {
    padding: 10px 0;
    font-size: 13px;
    color: #32353b;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.counselingList table td:last-child {
  text-align: center;
  font-size: 12px;
}
.counselingList table td.tit a {
  display: inline-block;
  overflow: hidden;
  max-width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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: 4px;
  margin-top: -7px;
}
.counselingList table td.cat {
    color: #1c99d1;
    text-align: center;
}
.counselingList table td span.finish {
    padding: 5px 10px;
    background-color: #1c99d1;
    color: #fff;
}
.counselingList table td span.wait {
    padding: 5px 10px;
    border: 1px solid #1c99d1;
    color: #1c99d1;
}
.counselingBtn {
    margin-top: 10px;
    position: relative;
    text-align: right;
}
.counselingBtn a.rigth_btn {
    position: relative;
    width: 60px;
    padding: 10px;
    background-color: #727272;
    color: #fff;
}
.counselingView table {
    width: 100%;
    border-collapse: collapse;
    /* border-top: 2px solid #494949; */
}
.counselingView table tr td,
.counselingView table tr th {
    /* padding: 0 10px; */
    height: 30px;
    text-align: left;
    border-bottom: 1px solid #E2E2E2;
}
.counselingView table thead tr td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 17px;
    font-size: 15px;
}
.counselingView table td .counsel_type {
  display: inline-block;
  padding: 5px 10px 4px;
  line-height: 15px;
  font-size: 13px;
  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.content p {
  text-align: center;
} */
.counselingView table tr td.answer {
  font-size: 15px;
  padding: 26px 0 15px;
}
.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: 18px;
    vertical-align: middle;
}
.counselingView table tr td input[type="image"] {
    vertical-align: middle;
    width: 37px;
    height: auto;
}

.counselingView table tr td.ans_line {
    border-bottom: 2px solid #63c7ef;
}
.counselingView table tr td span.date {
    float: right;
    padding-top: 5px;
    font-size: 13px;
}

.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: 35px;
    line-height: 35px;
    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;
}
/* .counselingList {
  margin-top: 20px;
} */
/* .counselingWrite {
  margin-top: 20px;
    margin-bottom: 20px;
} */

.btn_set_right {
  margin-top: 8px;
  text-align: right;
  /* margin-bottom: 30px; */
}
.counselingWrite table {
    width: 100%;
    border-top: 2px solid #00a1df;
    border-collapse: collapse;
}
.counselingWrite table tr td,
.counselingWrite table tr th {
  position: relative;
  padding: 5px;
  vertical-align: middle;
  font-size: 12px;
  border-bottom: 1px solid #e2e2e2;
}
.counselingWrite table tr th label {
  font-size: 12px;
}
.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;
}
#smart_editor2 {
  width: 100%;
  min-width: 200px !important;
}
#wr_email3 {
  margin-top: 5px;
}
.counselingWrite table tr td select {
  height: 32px;
  padding: 4px 6px;
  width: 160px;
  border: 1px solid #ddd;
}
.counselingWrite table tr td #wr_hp1 {
  width: 50px;
}
.counselingWrite table tr td input {
  height: 32px;
  padding: 4px 6px;
  border: 1px solid #ddd;
}
.counselingWrite table tr td input[type="file"] {
  width: 80%;
}
.cke_sc {
  display: none;
}
.counselingWrite table tr td textarea {
  display: block !important;
  font-size: 13px;
}
.counselingWrite table tr td input[type="text"],
.counselingWrite table tr td textarea {
    width: 100%;
}
.counselingWrite table tr td.name input[type="text"],
.counselingWrite table tr td.password input[type="password"] {
    width: 40%;
}
.counselingWrite table tr td.email input[type="text"] {
    width: 40%;
}
.counselingWrite table tr td.email span {
    margin: 0 5px;
}
.counselingWrite table tr td.tel input[type="text"] {
    width: 20%;
}
.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 {
  position: absolute;
  top: 5px;
  right: 0px;
    height: 26px;
}
.counselingWrite .content {
    /* padding-top: 3px;
    padding-bottom: 7px;
    padding-right: 7px; */
    font-size: 0.9em;
}
.counselingWrite .content iframe {
  display: none;
}
.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;
}

.bx-wrapper .bx-controls-direction a {z-index: 1 !important;}

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

/* 하단 레이아웃 */
#counsel {padding: 20px 0 10px; margin-top: 15px; background: #fff; border-top: 1px solid #ddd;}
#counsel h3 {font-size: 15px; line-height: 1.7; font-weight: 600; color: #1c99d1; }
#counsel h5 {font-size: 13px; line-height: 1.4;color: #6b6c6c; font-weight: 300; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
#counsel .coun_wra {margin-bottom: 0px;}
#counsel .coun_wra:after {clear: both; content: ''; display: block;}
#counsel .tt_lab {display: inline-block; width: 88px; line-height: 32px; margin-bottom: 5px; font-size: 15px; color: #6b6c6c;}
#counsel input[type="text"] {display: inline-block; width: 100%; height: 32px; margin-bottom: 5px; border: 0; border-bottom: 1px solid #1c99d1; float: right;}
#counsel input[type="text"]:last-child {margin-right: 0;}
#counsel select {width: 100%; height: 32px; border: 0; border-bottom: 1px solid #1d99d1; background: url('/../images/new/select.png') right 0px top 7px no-repeat;
color: #6b6c6c; border-radius: 0; -webkit-appearance: none; appearance: none; }
.check_wra {margin-right: 14px; font-size: 13px;}
.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') 1px no-repeat; background-size: 30px;}
#counsel textarea {float: right; display: inline-block; border: 0; border-bottom: 1px solid #1c99d1; padding: 12px 0; width: 100%; height: 140px;}
.agreement {text-align: center; font-size: 15px; color: #1778a4; margin: 15px 0;}
.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') 1px no-repeat; background-size: 30px;}
#counsel .con_submit {font-size: 13px; width: 100%; height: 40px; line-height: 30px; border: 0; font-family: 'Nanum Barun Gothic', 'CentGothWGL', sans-serif;}

#wrapper.none ~ #ft{
  padding: 0;
}
#ft {width: 100%; background:#fff; font-size: 0; padding: 0px 0 58px;}
#ft:after {display: block; content: ''; clear: both;}
#ft .ft_col:first-child {border-top:1px solid #ebebeb;}
#ft .ft_col {position: relative;width: 100%; padding: 20px 0 16px; line-height: 33px; font-size: 16px; border-bottom: 1px solid #ebebeb;}
/* #ft .ft_col:nth-child(3) {border-bottom: 0;} */
#ft .ft_col h3 {font-size: 12px; line-height: 18px; font-weight: 600; background: url('/../images/new/select_close.png') right center no-repeat; }
#ft .ft_col h3.close {background: url('/../images/new/select.png') right center no-repeat;}
#ft .ft_col ul {display: none; padding-top: 14px;}
.ft_col li {line-height: 22px; font-size: 12px;}
.ft_col li a {color: #525252;}
#ft .copy {clear:both; text-align: left; font-size: 11px; background: #fff; padding: 18px 17px; font-family: 'CentGothWGL', sans-serif;}
.kk_view {display: inline-block; padding: 4px 7px; margin-left: 5px; font-weight: 600; line-height: 12px; border: 1px solid #a6a6a6; color:  }

.float_bo {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; background: #f6f6f6;}
.float_bo .sns_category {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 15px 0;}
.float_bo .sns_category li {flex: 1; text-align: center; height: 28px; }
.float_bo .sns_category img {height: 27px; }

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

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

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

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha.m_captcha audio {display:block;margin:0 0 8px;width:187px;}
#captcha.m_captcha #captcha_img {width:110px;height:29px;border:1px solid #e9e9e9;display:inline-block;}
#captcha.m_captcha #captcha_reload {width:29px;height:29px;background:url('../../../img/captcha.png') no-repeat -2px -31px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width: calc(100% - 145px);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}


/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.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:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 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:8px 7px 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}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 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 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}


/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:4px 7px 3px;border:1px solid #727272;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:5px 7px 4px;background:#00a1df;color:#fff;text-decoration:none;vertical-align:middle}
input.btn_b02 {display:inline-block;padding:2px 7px; height: 23px; 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:4px 10px 3px;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;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;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 {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead {display: none;}
.tbl_head01 thead th {padding:12px 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_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:7px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; background: #fff !important;}
#bo_list .tbl_head01 .bo_cate_link {display: none;}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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 {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;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_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {height: 24px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

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

/* 필수입력 */
.required, textarea.required {background: #fff;}

/* 테이블 항목별 정의 */
.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:150px;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 #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.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;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

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

/* 사이드뷰 */
.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;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 7px;height:25px;color:#6b6c6c;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff; text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_start, .pg_end {letter-spacing: -8px;}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;border-bottom:2px solid #00a1df;color:#00a1df;font-weight:normal}

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


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

.gnb_1dli:nth-child(3),.gnb_1dli:nth-child(4),.gnb_1dli:nth-child(5) { display:none !important;}

.counsel_mtm #counsel .con_submit { margin-bottom: 15px; }
.counsel_mtm #counsel .link_kakao  { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 13px; text-align: center; margin: 0 auto 20px; border: 1px solid #ddd; }
.counsel_mtm #counsel .link_kakao img { display: inline-block; width: 25px; margin-right: 5px; }