@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:413px) {
    body {zoom:59.6%;}
}
 @media screen and (min-width:414px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#404040; margin: 0 auto;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:600px !important;margin:auto;clear:both}
.c_main {color:#23b1d2 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_white {color:#fff !important}
.c_black {color:#101010 !important}
.roboto{font-family:'Roboto', sans-serif;}
.NnMj{font-family: 'Nanum Myeongjo', serif;}

h1 {font-size:50px;}
h2 {font-size:36px; font-weight:600;}
h3 {font-size:30px; font-weight:500; line-height: 1.45}
h4 {font-size:22px; font-weight:400;}
h5 {font-size:20px;line-height:1.5; font-weight:300;}
p {font-size:17px;font-weight:400;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}

.clearfix:after {content: ""; display: block; clear: both;}

hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:0px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:3px #23b1d2 solid}
.bd_t {border-top:3px #23b1d2 solid}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}

/*#sub 컬럼*/
.w580{width: 580px; margin: 0 auto;}
.w560{width: 560px;}


/* 공통 */
#wrap {width:100%; max-width:640px; min-width: 320px; margin:0 auto; position:relative;}

#header {width:640px; max-width:640px; min-width: 320px; height:80px; background-color: #fff; box-shadow: 0px 1px 2px rgb(0 0 0 / 20%); z-index:10 }
#header .inner {}
#header .logo {width: 250px; position:absolute;top:50%; left:50%; transform: translate(-50%, -50%)}
#header .logo a {display: block;}
#header .logo a img {width: 100%; display: block;}
#header .menu {float:right;margin-top:15px;}
#header .menu i {font-size:50px;color:#9f843f;}



#footer{width: 100%; background-color: #755d50; padding: 70px 0;}
#footer .inner{position: relative; padding: 0 20px; color: rgba(255,255,255,0.8);}
#footer .icon .n_blog {width: 36px; height: 31px; display: block; margin-bottom: 20px;}
#footer .icon .n_blog img {width: 100%; display: block;}
#footer .txt span {display: inline-block; font-weight: 300; line-height: 30px; margin-right: 10px;}
#footer .txt span.line:after {content: url(images/liiLine.gif); opacity: 0.6; margin-left: 10px;}






/* 메인 */
#main {width:100%; max-width:640px; min-width: 320px; position:relative; height: 100%;}
#main .flexslider.visual {text-align:center;height:842px !important;}
#main .flexslider.visual ul li > div {margin-top: 80px; overflow: hidden;}
#main .main_sl1 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_01.jpg) center no-repeat;}
#main .main_sl2 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_02.jpg) center no-repeat;}
#main .main_sl3 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_03.jpg) center no-repeat;}
#main .main_sl4 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_04.jpg) center no-repeat;}
#main .main_sl5 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_05.jpg) center no-repeat;}
#main .main_sl6 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_06.jpg) center no-repeat;}
#main .main_sl7 {width:100%;height:842px;background:url(/base/img/2022/m/images/main_slide_07.jpg) center no-repeat;}
#main .flexslider.visual .inner {color:#101010;}

#main .flexslider.visual ul li > div .inner{overflow: hidden; width: 640px; height: 548px;}

#main .flexslider.visual .inner img{position: absolute; top:0; }
#main .flexslider.visual .flex-direction-nav {bottom:70px; width:600px;}
#main .flexslider.visual .flex-direction-nav a.flex-prev {left: 257px;}
#main .flexslider.visual .flex-direction-nav a.flex-next {left: 307px;}


#main .content .inner{padding: 50px 0px;}

#main .para1 {margin-top: 80px; width: 100%; background: #faf8f7;}
#main .para1 .btn {padding: 12px 26px; color: #fff; background: #38261c; font-size: 19px; width: 170px; display: block; margin: 0 auto; margin-top: 50px; text-align: center;}

#main .para2 {width: 100%; background: #f2eeeb;}

#main .para3 {width: 100%; background:#faf8f7;}
#main .para3 .btn {padding: 12px 26px; color: #fff; background: #38261c; font-size: 19px; width: 170px; display: block; margin: 0 auto; margin-top: 50px; text-align: center;}

#main .para4 {position: relative; width: 100%;}
#main .para4 .btn {position: absolute; top: 80%; left: 50%; transform: translate(-50%, 50%); color: #fff; font-size: 19px; width: 170px; border: 1px solid #fff; padding: 10px 34px; text-align: center;}

#main .para5 {width: 100%; background:#faf8f7;}
#main .para5 h2 {font-size: 30px; text-align: center; margin-bottom: 30px; color: #38261c; font-weight: 500;}
#main .para5 .second {margin-top: 50px;}
#main .para5 .swiper-container {width: 100%; height: 648px;}
#main .para5 .swiper-container .swiper-slide .img_box {position: relative; display: block; width: 100%; height: 570px; overflow: hidden; cursor: pointer;}
#main .para5 .swiper-container .swiper-slide .img_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
#main .para5 .swiper-container .swiper-slide .text_box {margin-top: 14px; color: #a4a3a3;}
#main .para5 .swiper-container .swiper-slide .text_box p {font-size: 25px;}

#main .para6 {width: 100%; background:#f2eeeb;}

#main .para7 {width: 100%; background:#faf8f7; text-align: center; color: #38261c;}
#main .para7 h2 {font-size: 36px; margin-bottom: 30px;}
#main .para7 .btn {font-size: 19px; color: #fff; padding: 10px 38px; background-color: #38261c;}
#main .para7 p {font-size: 21px; font-weight: 600; margin-top: 30px;}


/*sub*/
.sub1 {padding: 180px 0 150px 0; background-color: #f2eeeb;}
.sub1 .b_title {text-align: center; margin-bottom: 50px; font-size: 40px; font-weight: 700; color: #38261c;}

#sub_main .center {width: 100%; float: left;}
.b_title {text-align: center; margin-bottom: 30px; font-size: 40px; font-weight: 700; color: #38261c;}
.left_title {float: left; width: 45%; line-height:80px; margin-bottom: 0; font-size: 25px; color: #38261c;}
#sub_main .center .btns ul {display: inline-block; width: 52%; height: 80px;}
#sub_main .center .btns ul li {width: 320px; height: 100%;}
#sub_main .center .btns ul li:last-child {margin-right: 0;}
#sub_main .center .btns ul li a {width: 320px; height: 80px; display: block; text-indent: -9999px;}

#sub_main .center1 .btns {width: 100%; margin: 60px 0;}
#sub_main .center1 .btns ul {position: relative; width: 100%;}
#sub_main .center1 .btns li.pcm {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(images/sub1_pcm.png) no-repeat center;}

/* 심리평가센터 */
#sub_main .center2 {height:480px;}
#sub_main .center2 .btns ul li.hys {background: url(images/sub1_hys.png) no-repeat center;}
#sub_main .center2 .btns ul li.jhg {background: url(images/sub1_jhg.png) no-repeat center;}
#sub_main .center2 .btns ul li.hjh {background: url(images/sub1_hjh.png) no-repeat center;}
#sub_main .center2 .btns ul li.cms {background: url(images/sub1_cms.png) no-repeat center;}
#sub_main .center2 .btns ul li.pje {background: url(images/sub1_pje.png) no-repeat center;}
#sub_main .center2 .btns ul li.gsb {background: url(images/sub1_gsb.png) no-repeat center;}
#sub_main .center2 .btns ul li.jeb {background: url(/base/img/2022/images/sub1_jeb.png) no-repeat center;}

/* 심리치료센터 */
#sub_main .center3 {height:580px;}
#sub_main .center3 .btns ul li.kej {background: url(images/sub1_kej.png) no-repeat center;}
#sub_main .center3 .btns ul li.khb {background: url(images/sub1_khb.png) no-repeat center;}
#sub_main .center3 .btns ul li.ldh {background: url(images/sub1_ldh.png) no-repeat center;}
#sub_main .center3 .btns ul li.leh {background: url(images/sub1_leh.png) no-repeat center;}
#sub_main .center3 .btns ul li.yig {background: url(images/sub1_yig.png) no-repeat center;}
#sub_main .center3 .btns ul li.jhj {background: url(/base/img/2022/images/sub1_jhj.png) no-repeat center;}
#sub_main .center3 .btns ul li.bds {background: url(/base/img/2022/images/sub1_bds.png) no-repeat center;}
#sub_main .center3 .btns ul li.jhn {background: url(/base/img/2022/images/sub1_jhn.png) no-repeat center;}
#sub_main .center3 .btns ul li.kbk {background: url(/base/img/2022/images/sub1_kbk.png) no-repeat center;}


/* 전자약 센터 */
#sub_main .center4 {height: 380px;}
#sub_main .center4 .btns ul li.lsh_2 {background: url(/base/img/2022/images/sub1_lsh_2.png) no-repeat center;}
#sub_main .center4 .btns ul li.bjh {background: url(images/sub1_bjh.png) no-repeat center;}
#sub_main .center4 .btns ul li.ssm {background: url(/base/img/2022/images/sub1_ssm.jpg) no-repeat center;}
#sub_main .center4 .btns ul li.kyj {background: url(images/sub1_kyj.png) no-repeat center;}

/* 원무팀 */
#sub_main .center5 .btns ul li.pkj {background: url(images/sub1_pkj.png) no-repeat center;}
#sub_main .center5 .btns ul li.lsh {background: url(images/sub1_lsh.png) no-repeat center;}
#sub_main .center5 .btns ul li.kyy {background: url(images/sub1_kyy.png) no-repeat center;}
#sub_main .center5 .btns ul li.jss {background: url(images/sub1_jss.png) no-repeat center;}
#sub_main .center5 .btns ul li.lsh_2 {background: url(images/sub1_lsh_2.png) no-repeat center;}

/* 연세정담 사람들 팝업 */
.popup_back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99;
    display: none;
}

#popup {
    position: sticky;
    top: 10%;
    width: 600px;
    margin: 0 auto;
    padding: 50px 0;
    background-color: #fff;
    z-index: 100;
    display: none;
}


#popup .people {
    display: block;
    width: 100%;
    margin: 0 auto;
}


#popup .btn_close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    display: block;
    cursor: pointer;
}

.stop-scroll{
    height: 100%;
    overflow: hidden;
}


/* 테이블 */
#sub #content .paragraph .table_area {display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 40px;}
  #sub #content .paragraph .table_area table.basic {width: 150% !important;}
  
  #sub #content .paragraph table.basic {border-top:2px #746f6c solid;background:#fff; width: 100%; border-collapse: collapse;}
  #sub #content .paragraph table.basic.pricelist {font-size: 15px; }
  #sub #content .paragraph table.basic th {padding:10px}
  #sub #content .paragraph table.basic td {padding:8px 10px}
  #sub #content .paragraph table.basic th {background:#f5f5f5;border-left:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;}
  #sub #content .paragraph table.basic td {border-bottom:1px #d0d0d0 solid;border-left:1px #e0e0e0 solid}
  #sub #content .paragraph table.basic .first {border-left:0;}
  #sub #content .paragraph table.basic td.price {text-align:right}


  #sub #content .paragraph .title {}


/* 게시판 */
#sub #sub_cont .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;min-height:500px; font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif;}
#sub #sub_cont .board_box .att_title font {font-size:15px !important;}


#sub #sub_cont .board_box .board td.bbsnewf5 a img {width:285px !important; height:222px;}
#sub #sub_cont .board_box #post_area img {max-width:580px !important; height:auto !important;}

.board_description #post_area img {width: 100% !important; height: 100% !important;}