@charset "euc-kr";
/* CSS Document */

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
 
@media (max-width: 360px) { html { font-size: 11px; } }
@media (min-width: 361px) and (max-width: 399px) { html { font-size: 12px; } }
@media (min-width: 400px) and (max-width: 439px) { html { font-size: 13px; } }
@media (min-width: 440px) and (max-width: 479px) { html { font-size: 14px; } }
@media (min-width: 480px) and (max-width: 519px) { html { font-size: 15px; } }
@media (min-width: 520px) and (max-width: 559px) { html { font-size: 16px; } }
@media (min-width: 560px) { html { font-size: 17px; } }
 
 
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: 'Nanum Gothic', serif; }
ul, ol, li { list-style: none; }
a { color: #555; text-decoration: none; }
textarea, input[type="text"], select { border: 1px solid #e1e1e1; }
img { max-width: 100%; }
img.img-responsive { width: 100%; }
textarea { resize: none; overflow-y: auto;} 

/*헤더, 네비게이션, 푸터*/
.sr-only { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }
.header-wrap { display: block; background: #ffffff; width: 100%; width: 100%; padding-left: 4.7%; padding-right: 4.7%; padding-top: 1.4em; padding-bottom: 1.3em;   position: fixed; top:0; left:0;  z-index: 999;   border-bottom: 2px solid #1367ae; }
.header-wrap .logo { text-align: center; position: relative; }
.header-wrap .logo .logoimg img { width: 48%; max-width: 197px; }
.header-wrap .logo .counseling_icon {position: absolute; right: 0; top: 0; width:7.7%; max-width:49px; }
.header-wrap .logo .counseling_icon img {width:100% }
.header-wrap .toggle { display: block; border: 1px solid transparent; border-radius: 4px; background-color: transparent; background-image: none; position: absolute; left: 0; top: 50%; margin-top: -6px; }
.header-wrap .toggle .icon-bar { display: block; width: 22px; height: 2px; background-color: #b0b0b0; }
.header-wrap .toggle .icon-bar + .icon-bar { margin-top: 0.2em; }

#footer {background-color:#646464; padding:2rem 1.5rem 2rem 1.5rem; text-align:center;border-top:1px solid #878787  }
#footer .sns {margin-bottom:1.2rem;  }
#footer .sns li {display:inline-block; width:12%; margin-right:0.5rem; margin-left:0.5rem;  }
#footer .sns li img {width:100%; max-width:54px; }
#footer .site { margin-bottom:0.7rem; }
#footer .site li {display:inline-block; padding-right:0.3rem; padding-left:0.3rem;  border-right:1px solid #f5f5f5 ; margin-bottom:0.5rem;  }
#footer .site .last {border-right:0 }
#footer .site li a {font-size:1.188rem; color:#ffffff; display:block;  }
#footer p {font-size:0.9rem; color:#b2b2b2; line-height:1.2rem  }

.f_quick { overflow: hidden;  background-color:#636363; border-bottom:1px solid #282828;  }
.f_quick li { float: left; width: 25%; height:auto;     }
.f_quick li a {text-align: center; display: block; width: 100%; color: #fff; font-weight: 700; font-size:0.9rem; border-right:1px solid #878787; border-left:1px solid #282828;  padding: 1rem;    }
.f_quick .first a{border-left:0; }
.f_quick .four a{border-right:0; }
.f_quick li a img {width:70%; max-width:90px;  }
.f_quick li a span {display:block; }
.kakao_bnr {text-align:center; width:100%; background-color:#fed700; display:block; }
.kakao_bnr img {max-width:640px; width:100%;  }

.gnb-wrap { position: fixed; width:100%; height:auto; left: 0; right: 0; top: 0; bottom: 0; display: none; background: url("../images/common/gnb-bg.png") repeat center; z-index: 1000;    }
#gnb { background: #646464; height: 100%; position: fixed; left: 0; right: 14.5%; overflow-y: auto;  padding-bottom: 5rem; border-right:1px solid #6b6b6b; }
#gnb .gnb { overflow-y: auto; overflow-x: hidden; width: 100%; }
#gnb a { font-weight: 700; color: #cccccc; display: block; } 
#gnb .depth1 > li > a { font-size: 1.3rem; padding :1.5rem 4.3rem; border-bottom: 1px solid #8f8f8f; border-top: 1px solid #2b2b2b; background: url(../images/common/gnb-of.png), url(../images/common/gnb_d1t.png); background-repeat: no-repeat ; background-position:95% center, 2rem center; }
#gnb .depth1 > li .depth2 { display: none; }
#gnb .depth1 > li.on > a { color: #fff;   background: url(../images/common/gnb-on2.png), url(../images/common/gnb_d1ton.png); background-repeat: no-repeat ; background-position:95% center, 2rem center;  }
#gnb .depth1 > li.on .depth2 { display: block;  }
#gnb .depth2 { background-color:#464646;   }
#gnb .depth2 a { font-size: 1.2rem; padding:1.5rem 0 1.5rem 6rem; border-bottom: 1px solid #8f8f8f; border-top: 1px solid #2b2b2b; color:#fff; background: url(../images/common/gnb_d2t.png) no-repeat 3rem center;}
#mobile-close { position: fixed; top: 0; right: 0; z-index: 200; }
#mobile-close img {position: fixed; top: 0; right: 0; z-index: 200;  }
body.swipe { overflow-y: hidden; }


.section-tit {
  font-size: 20px;
  color: #252525; }
  .section-tit:before {
    display: block;
    width: 45px;
    height: 2px;
    background: #132652;
    content: "";
    margin-bottom: 15px; }




/*greetings*/
.greetings {
  background: url(../images/bg_greetings.jpg) no-repeat right bottom;
  padding-bottom: 165px; }
  .greetings strong {
    display: block;
    font-size: 24px;
    color: #252525;
    line-height: 166%; }
    .greetings strong:before {
      display: block;
      width: 45px;
      height: 2px;
      background: #132652;
      content: "";
      margin-bottom: 15px; }
  .greetings em {
    font-size: 18px;
    display: block;
    color: #1367ae;
    line-height: 166%; }
  .greetings p {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 180%; }


/* overview */
.overview .company-info dl {
  border-top: 1px solid #1367ae;
  border-bottom: 1px solid #1367ae;
  line-height: 45px;
  margin-top: 30px;
  margin-bottom: 70px; }
  .overview .company-info dl:after {
    clear: both;
    display: block;
    content: ""; }
  .overview .company-info dl dt {
    background: #f8f8f8;
    color: #1367ae;
    padding-left: 35px;
	width:20%; 
    max-width: 200px;
    float: left;
    border-bottom: 1px solid #dadbdd; }
  .overview .company-info dl dd {
    padding-left: 35px;
    color: #5a5a5a;
    float: left;
	width:80%; 
    max-width: 610px;
    border-bottom: 1px solid #dadbdd; }
.overview .history {
  background: url(../images/bg_history.png) no-repeat center 70px; }
  .overview .history:after {
    clear: both;
    display: block;
    content: ""; }
  .overview .history dl {
    width: 100%;
     }
    .overview .history dl.fl {
      text-align: right; }
    .overview .history dl.fr {
      text-align: left; }
    .overview .history dl dt {
      font-size: 1.2rem;
      color: #1367ae;
      display: block;
       
      margin-top: 30px; }
    .overview .history dl dd {
      line-height: 157%;
      color: #5a5a5a; }
    .overview .history dl dd img {
        margin-top: 10px; }
 

/* vison */
.vision .vision-top {
  margin-bottom: 70px; }
  .vision .vision-top strong {
    font-size: 18px;
    color: #1367ae;
    display: block;
    line-height: 122%;
    margin-top: 25px; }
  .vision .vision-top p {
    line-height: 157%;
    padding-right: 30px; }
.vision .vision-contents {
  padding-left: 15px;
  padding-right: 15px; }
  .vision .vision-contents:after {
    clear: both;
    display: block;
    content: ""; }
.vision div {
  width: 100%;
  max-width:500px; 
  text-align: center;
  }
  .vision div img {
    margin-bottom: 30px;
	margin-top:50px; }
  .vision div strong {
    display: block;
    margin-bottom: 30px;
    color: #1367ae;
    font-size: 18px;
    font-weight: 800; }
  .vision div p {
    color: #5a5a5a;
    line-height: 157%; }

 
/*business*/
.business-type .line {
  width: 45px;
  height: 1px;
  background: #183067;
  display: block;
  margin-bottom: 45px; }
.business-type figcaption {
  margin-top: 40px;
  color: #5a5a5a;
  line-height: 157%; }
.business-type strong {
  font-size: 16px;
  color: #1367ae;
  margin-bottom: 30px;
  display: block; }
  .business-type strong:before {
    width: 25px;
    height: 2px;
    content: "";
    background: #1367ae;
    margin-bottom: 10px;
    margin-top: 80px;
    display: block; }

 





/*메인스타일*/
#main-visual img {width:100%;  } 

.main {  }
.main .quick { overflow: hidden; padding: 2rem 1.3rem; }
.main .quick li { float: left; width: 25%; }
.main .quick li a {text-align: center; display: block; width: 100%; color: #999999; font-weight: 700; font-size: 1.25rem;  text-align:center; }
.main .quick li a:hover, .quick li a:focus { color: #ee3212; }
.main .quick li a img {width:70%; max-width:90px;  }
.main .quick li a span {display:block; }
 
.cube_list_wrap {width:100%; height:auto; background-color:#f5f5f5; }
.cube_list{max-width:640px; width:100%; margin:auto; background-color:#fff;}
.cube_list li {width:100%; display:table;  }
.cube_list li:after {content:""; display:block; clear:both;}
.cube_list li span {width:50%; height:auto; display:table-cell; vertical-align:middle }
.cube_list li .cube_img img {width:100%}
.cube_list li .cube_txt {text-align:center; }
.cube_list li .cube_txt img {width:30%; }
.cube_list li .cube_txt p {font-size:0.8rem;  color:#949494 ; line-height:1.5rem; text-transform: uppercase}
.cube_list li .cube_txt p strong {font-size:1.25rem;  color:#676767 ; display:block; }




/*서브레이아웃 공통*/
.sub_visual {width:100%; text-align:center;    padding:2rem 0 ;  height:auto; min-height:40px;  position: relative; border-bottom:2px solid #1367ae }
.sub_visual a {position:absolute; width:21px;   height:28px; margin-top:-14px; padding:0 !important; }
 
.sub_visual:after {content:""; display:block; clear:both;} 
.sub_visual .subvisual_tit {width:75%; max-width:486px;    }
.sub_visual .left_btn { top:50%; left:5%; background:url(../images/page/subvisual_left.png) no-repeat  }
.sub_visual .left_btn img { width:4% ; max-width: 21px   }
.sub_visual .right_btn { top:50%; right:5%;  background:url(../images/page/subvisual_right.png) no-repeat; }
.sub_visual .right_btn img { width:4% ; max-width: 21px   }
  
  

.page_contents {padding:3rem 1.3rem 1.3rem 1.3rem ; position:relative;} /*패딩있는 컨텐츠*/
 
 

/*서브페이지 공통스타일*/
 .redpoint_table {width:100%;  height: auto; border-top:1px solid #1367ae;     padding:1rem;   margin:1rem 0 2rem 0  ; }
 .redpoint_table tr {width:100%;  border-bottom: 1px solid #d8d8d8;    }
 .redpoint_table th {width:30%; background-color:#f8f8f8; font-size:1rem; color:#1367ae; padding:0.8rem; vertical-align:middle;    }
 .redpoint_table td {width:65%; background-color:#fff;		font-size:0.9rem; color:#7b7b7b; padding:0.8rem 1rem ;  line-height:1.5rem;}

 .greenpoint_table {width:100%;  height: auto; border-top:2px solid #899f00; border-right: 1px solid #d8d8d8; border-left:1px solid #d8d8d8;   padding:1rem;   margin-bottom:0.5rem; }
 .greenpoint_table tr {width:100%;  border-bottom: 1px solid #d8d8d8;    }
 .greenpoint_table tr:first-child th {background-color:#d4d7c1;   }
 .greenpoint_table th {width:30%; background-color:#f8f8f8; font-size:1.2rem; color:#7b7b7b; padding:1.1rem 0.8rem; vertical-align:middle;  }
 .greenpoint_table td {width:65%; background-color:#fff;		font-size:1.1rem; color:#7b7b7b; padding:0.8rem 1rem; line-height:1.8rem; }

 .greenpoint_table2 {width:100%;  height: auto; border-top:2px solid #899f00; border-right: 1px solid #d8d8d8; border-left:1px solid #d8d8d8;   padding:1rem;   margin-bottom:0.5rem; }
 .greenpoint_table2 tr {width:100%;  border-bottom: 1px solid #d8d8d8;    }
 .greenpoint_table2 tr:first-child th {background-color:#d4d7c1;   }
 .greenpoint_table2 th {width:25%; background-color:#f8f8f8; font-size:1.2rem; color:#7b7b7b; padding:1.1rem 0.8rem; vertical-align:middle;  }
 .greenpoint_table2 td {width:37%; background-color:#fff;		font-size:1.1rem; color:#7b7b7b; padding:0.8rem 1rem; line-height:1.8rem; }


.redpoint_list {width:100%;  height: auto; border-top:2px solid #ee3212; border-right: 1px solid #d8d8d8; border-left:1px solid #d8d8d8;     }
.redpoint_list li {border-bottom:1px solid #d8d8d8;  padding:1.6rem 1rem 1rem 1rem  ; background-color:#fff; }
.redpoint_list li a{display:block; width:100%; }

.redpoint_view {width:100%;  height: auto; border-top:2px solid #ee3212; border-right: 1px solid #d8d8d8; border-left:1px solid #d8d8d8;     }
.redpoint_view li {border-bottom:1px solid #d8d8d8;  padding:1.6rem 1rem 1rem 1rem  ; background-color:#fff; }
.redpoint_view li a{display:block; width:100%; }
.redpoint_view .board_con {line-height:1.6rem; color:#9d9d9d; font-size:1.125rem;  }

.redpoint_sum {width:100%; height:auto;    }
.redpoint_sum li {border:1px solid #d8d8d8; margin-bottom:1.5rem; background-color:#fff;  }
.redpoint_sum li .img_sum {width:100%; height: 3rem; display:block;    }
.redpoint_sum li img {width:100%;   }
.redpoint_sum li .con_sum { width:100%;  border-top:2px solid #ee3212; display:block; padding:1.1rem;  }

.redpoint_sum2 {width:100%; height:auto;  margin-top:2rem;   }
.redpoint_sum2:after {content:""; display:block; clear:both;} 
.redpoint_sum2 li {border:1px solid #d8d8d8; margin-bottom:1.3rem; background-color:#fff; width:48%; float:left; margin:1%;  }
 
.redpoint_sum2 li .img_sum {width:100%; height: 5rem;      }
.redpoint_sum2 li img {width:100%;   }
.redpoint_sum2 li .con_sum { width:100%;  border-top:2px solid #ee3212; display:block; padding:1.1rem;  }

.center_introduce_tab {width:100%; height:auto; border-bottom:3px solid #ee3212; }
.center_introduce_tab:after {content:""; display:block; clear:both;} 
.center_introduce_tab li {float:left; width:33.1%; background-color:#aaaaaa;  }
.center_introduce_tab li .active {background-color:#ee3212;  }
.center_introduce_tab li:nth-child(2) {margin:0 0.33% }
.center_introduce_tab li:nth-child(3) {float:right; margin-right:0;}
.center_introduce_tab li a {display:block; width:100%; padding-top:12px; padding-bottom:12px; text-align:center; color:#fff; font-size:1.2rem; }

.center_introduce_tab2 {width:100%; height:auto; border-bottom:3px solid #ee3212; }
.center_introduce_tab2:after {content:""; display:block; clear:both;} 
.center_introduce_tab2 li {float:left; width:49.8%; background-color:#aaaaaa;  }
.center_introduce_tab2 li .active {background-color:#ee3212;  }
.center_introduce_tab2 li:nth-child(2) {float:right; margin-right:0;}
 .center_introduce_tab2 li a {display:block; width:100%; padding-top:12px; padding-bottom:12px; text-align:center; color:#fff; font-size:1.2rem; }


.second.textarea, .second.text, .second.password, .second.num, .second.email, .second.select { border: 1px solid #cfcece; font-size: 1.2rem; width: 44%; background: #fff; color: #7b7b7b; }
.second.text, .second.password, .second.num, .second.email, .second.select  { padding-left: 5px; padding-right: 5px; line-height: 1.8rem; height: 3rem;  }
.third.textarea, .third.text, .third.password, .third.num, .third.email, .third.select { border: 1px solid #cfcece; font-size: 1.2rem; width: 28%; background: #fff; color: #7b7b7b; }
.third.text, .third.password, .third.num, .third.email { padding-left: 5px; padding-right: 5px; line-height: 1.8rem; height: 3rem;  }
.full.textarea, .full.text, .full.password, .full.num, .full.email, .full.select, .full.date { border: 1px solid #cfcece; font-size: 1.2rem; width: 100%; background: #fff; color: #7b7b7b; }
.full.text, .full.password, .full.num, .full.email, .full.date { padding-left: 5px; padding-right: 5px; line-height: 1.8rem; height: 3rem;  }
.full.textarea { padding: 5px; font-size: 0.8rem; height: 8rem; }
.full.select { padding-left: 5px; line-height: 1.8rem; height: 3rem;  }
.full.radio, .full.checkbox { position: relative; top: 0.188rem; }
.full.radio + label.label, .full.checkbox + label.label { line-height: 4rem; height: 4rem; margin-bottom: 1.128rem; }
.clause {line-height:0.8rem; margin-top:1.3rem;  }

.custom-chkbox{position: absolute; top:-9999px; height: 0; width:0; left:-9999px; }
.custom-chkbox:checked+label{background-position:0 -50px}
.chkbox-label{padding-left:30px !important; background: url(../images/page/checkbox.png) no-repeat; font-size: 1.2rem; color:#7b7b7b ; padding-top:5px; padding-bottom:5px}
.page_btn {  width:100%; text-align:center;  padding-top:1rem; padding-bottom:1rem;}
.page_btn:after {content:""; display:block; clear:both;} 
.page_btn a { display:inline-block; width:45%;max-width:233px;   }
.page_btn a:nth-child(1) {  margin-right:7px; }
.page_btn a img {width:100% }
.one_btn {width:100%;  display:block; text-align:center; background-color:#9d9d9d; cursor:pointer; 
			  line-height:40px; color:#fff ; font-size:1.1rem; font-weight:bold; letter-spacing:-2px;  margin-top:1.3rem; padding-top:0.2rem; padding-bottom:0.2rem;    }
.one_btn:hover {background-color:#7a7a7a; color:#fff; }
.board_prev {width:20%; max-width:110px;   display:inline-block;  text-align:center; background-color:#9d9d9d; cursor:pointer; 
			  line-height:40px; color:#fff; font-size:1.1rem; font-weight:bold; letter-spacing:-2px;  margin-top:1.1rem; padding-top:0.2rem; padding-bottom:0.2rem;  margin-right:10px}
.board_prev span {color:#Fff}
.board_prev:hover {background-color:#7a7a7a; color:#fff; }
.board_next {width:20%;  max-width:110px;  display:inline-block; text-align:center; background-color:#9d9d9d; cursor:pointer; 
			  line-height:40px; color:#fff; font-size:1.1rem; font-weight:bold; letter-spacing:-2px;  margin-top:1.1rem; padding-top:0.2rem; padding-bottom:0.2rem;  }
.board_next span {color:#fff}
.board_next:hover {background-color:#7a7a7a; color:#fff; }
.board_list { float:right; width:20%; max-width:110px;  display:inline-block; text-align:center; background-color:#9d9d9d; cursor:pointer; 
			  line-height:40px; color:#fff; font-size:1.1rem; font-weight:bold; letter-spacing:-2px;  margin-top:1.1rem; padding-top:0.2rem; padding-bottom:0.2rem;  }
.board_list:hover {background-color:#7a7a7a; color:#fff; }
.board_list span {color:#fff}

.txt.type1 {font-size:1.3rem; color:#484343; letter-spacing:-1px; font-weight:700; } /*작은제목*/
.txt.type2 {font-size:1.18rem; color:#7b7b7b; letter-spacing:-1px; text-indent:-1.2rem; padding-left:1.2rem; line-height:1.5rem; text-align:left; } /*참조설명 스타일*/
.txt.type3 {font-size:1.3rem; color:#5a5555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  letter-spacing:-2px; font-weight:600; margin-bottom:0.5rem;  } /*게시판 큰제목*/
.txt.type3on {font-size:1.3rem; color:#5a5555; overflow: hidden;   letter-spacing:-2px; font-weight:600; margin-bottom:0.5rem; line-height:1.8rem;  } /*뷰페이지 제목*/
.txt.type4 {font-size:1.1rem; color:#7b7b7b; letter-spacing:-1px;} /*날짜*/
.txt.type5 {font-size:1.1rem; color:#7b7b7b; letter-spacing:-1px; line-height:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  margin-bottom:0.5rem;} /*리스트 두줄설명 ex)시술후기*/
.txt.type6 {font-size:1.1rem; color:#7b7b7b; letter-spacing:-1px; line-height:1.4rem;   margin-bottom:0.5rem; text-align:left; } /*기본 텍스트*/
.txt.type8 {font-size:1.5rem; color:#7f7f7f; letter-spacing:-1px; line-height:1.4rem;   margin-bottom:0.5rem; font-weight:700; } /*진료문의 및 전화 연락처*/
.txt.type6_c {text-align:center; font-size:1.1rem; color:#7b7b7b; letter-spacing:-1px; line-height:1.4rem;   margin-bottom:0.5rem;   } /*기본 텍스트*/

 

  .contact .contact-tab ul {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    height: 130px;
    padding-top: 15px; margin-bottom:30px;}
    .contact .contact-tab ul:after {
      clear: both;
      display: block;
      content: ""; }
    .contact .contact-tab ul li {
      float: left;
      width: 100px;
      padding-top: 75px;
      background: url(../images/contact_tab.jpg) no-repeat;
      text-align: center;
      cursor: pointer;
      height: 100px;
    
}
      .contact .contact-tab ul li.active {
        border-bottom: 3px solid #1367ae;
        color: #1367ae; }
    .contact .contact-tab ul .shanghai {
      background-position: 10px 0px; }
      .contact .contact-tab ul .shanghai.active {
        background-position: 10px -120px; }
    .contact .contact-tab ul .seoul {
      background-position: -95px 0px; }
      .contact .contact-tab ul .seoul.active {
        background-position: -95px -120px; }
    .contact .contact-tab ul .tokyo {
      background-position: -200px 0px; }
      .contact .contact-tab ul .tokyo.active {
        background-position: -200px -120px; }