.m_none{display: block;}


/* Visual */
.Visual{width:100%; min-width: 1200px; height: 280px; position: relative; background: #333; display: block; clear: both; overflow: hidden; animation: fadeIn ease 1s;}
.Visual .visual_txt:before,
.Visual:after{content:'';display:block;background:url('../images/common/visual_ico.png') no-repeat 0 0;position: absolute;opacity: 0.2;background-size: cover !important;}
.Visual .visual_txt:before{width:458px;height:458px;opacity: 0.5;left: -108px;bottom: -242px;}
.Visual:after{width: 367px;height:367px;right: -80px;top: -228px;}
.Visual-step-1-1{background:linear-gradient(45deg, #cbe8ed, #b1d9e0);background-size: cover;} /* 1 */
.Visual-step-2-1{background:linear-gradient(45deg, #d2e7f3, #c1d9e9); background-size: cover; } /* 2 */
.Visual-step-3-1{background:linear-gradient(45deg, #f0ebe8, #ddd2ca); background-size: cover; 	} /* 3 */
.Visual-step-4-1{background:linear-gradient(45deg, #e3e7ea, #cdd1d3); background-size: cover} /* 4 */
.Visual-step-5-1{background:linear-gradient(45deg, #d0e3df, #b9d5d1); background-size: cover} /* 5 */
.Visual-step-6-1{background:linear-gradient(45deg, #d5deec, #bbc7d9); background-size: cover} /* 6 */
.Visual-step-7-1{background:linear-gradient(45deg, #cbe8ed, #b1d9e0); background-size: cover} /* 6 */
.Visual .visual_txt{width: 1200px;margin: 0 auto;color: #fff;height: 280px; position: relative;}
.Visual .visual_txt2{width:700px; left:50%; margin-left:-600px; text-align: center; position: absolute; top:40%; color: #777;}
.Visual .visual_txt3{width:700px; left:50%; margin-left:-100px; text-align: center; position: absolute; top:40%;color: #73b9d2;}
.Visual .visual_txt h1{width:700px;text-align: center;float: right; padding-top: 120px;}
.Visual h1{font-family: 'futura-pt';font-size: 50px;font-weight: 400;line-height: 55px; animation: fadeup 1s ease-in both;}
.Visual h3{font-family: 'futura-pt'; font-size: 20px;  font-weight: 400;  letter-spacing: 10px;animation: fadeup 1s ease-in both;}
.Visual p{font-size: 20px; font-weight: normal; line-height: 30px; display: block; animation: fadeup 1s ease-in both; margin-top:10px;}


@keyframes fadeup {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 
.fadeup{animation: fadeup 0.5s ease-in both;}


.sticky-wrapper {position: relative; top:-25px; left:0; display: block; width: 100%; height: 78px; z-index: 10;}

.fadeIn {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* The style below is just for the appearance of the example div */

/* lnb */
#lnb {position: absolute; z-index: 9; width: 100%; height: 53px; }
#lnb > ul {width: 1200px; margin: 0 auto; font-size: 0; }
#lnb > ul > li {display: inline-block; width:33.33%;vertical-align: top;background: #666666; overflow: hidden;}
#lnb > ul > li > a {display: block; position: relative; box-sizing: border-box; border-right: 1px solid #7d7d7d; padding: 0 40px 0 20px; font-size: 14px; line-height: 50px; color: #fff; transition: all .3s; 
text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

#lnb > ul > li > a:after {display: block; content: ''; position: absolute; top: 22px; right: 20px; width: 9px; height: 6px; background: url('../images/common/lnb_curr.png') 0 0 no-repeat; transition: all .3s;}
#lnb ul li a.home:before{display: block; content: ''; position: absolute; top: 17px; left: 20px;width:16px; height: 17px; background:url('../images/common/icons.png') no-repeat; background-position: -30px -360px; }
#lnb ul li a.home:after, #lnb > ul > li.lnb01:hover > a:after,
#lnb > ul > li.lnb01:focus > a:after{background: none;}
#lnb ul li a.home{padding:0 40px 0 40px; }
#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after {transform: rotate(-180deg);}

#lnb > ul > li:hover > a,
#lnb > ul > li:focus > a,
#lnb > ul > li.active > a,
#lnb > ul > li > a.curr {border-color: #7d7d7d; background: #666666; font-weight: 700; color: #ffffff;}

#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after,
#lnb > ul > li > a.curr:after {background-image: url('../images/common/lnb_curr.png');}

#lnb > ul > li .depth2 { display: none; height: 0; padding: 0 18px; background: #666666; transition: all .3s;}
#lnb > ul > li .depth2 > li {margin: 10px 0 0; }
#lnb > ul > li .depth2 > li:first-child {margin: 0;}
#lnb > ul > li .depth2 > li > a {display: block; position: relative; font-size: 14px; line-height: 20px; color: #fff; /* transition: all .3s; */}
#lnb > ul > li .depth2 > li > a:before {display: block; content: ''; position: absolute; top: 50%; left: -32px; width: 11px; height: 2px; background: #ffffff; transform: translateY(-50%); transition: all .3s;}
#lnb > ul > li:hover .depth2,
#lnb > ul > li:focus .depth2,
#lnb > ul > li.active .depth2 {height: auto; padding: 17px 20px 37px; display: block;}
#lnb > ul > li .depth2 > li > a:hover,
#lnb > ul > li .depth2 > li > a:focus {font-weight: 700; color: #ffffff;}
#lnb > ul > li .depth2 > li > a:hover:before,
#lnb > ul > li .depth2 > li > a:focus:before {left: -20px;}


/* title */
.title{position: relative; width:1200px; display: block; clear: both; padding:120px 0 30px; margin:0 auto;}
.title h2{font-size: 40px; font-family: 'futura-pt'; line-height: 45px; color: #333; font-weight: bold; text-align: center; display: block;}
.title p{font-size: 20px; line-height: 24px; color: #888; margin:10px auto; text-align: center; width:90%;}
.title hr{position: relative; width:2px; height:35px; background: #65b8d6; margin:20px auto; display: block; content: ''; border:none;}
.tit_white{color: #fff !important;}


/* paging */
.paginate{text-align:center;  vertical-align: middle; display:inline-table; width:100%; clear: both}
.paginate a{display:inline-block;width:20px;height:30px;padding-top:4px;margin:0 5px 0 0;color:#777;font-size:16px;line-height:30px; vertical-align:middle; }
.paginate a:hover{color:#000 !important; text-decoration: underline}
.paginate a.on{color:#977a54 !important; text-decoration: underline}
.paginate a.pgFirst{ padding:0; margin:0 5px 0 0; background:url('../images/common/bg_pagin_fir.gif') no-repeat left 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgPrev{ padding:0; margin:0 10px 0 0; background:url('../images/common/bg_pagin_prev.gif') no-repeat left 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgNext{ padding:0; margin:0 5px 0 10px; background:url('../images/common/bg_pagin_next.gif') no-repeat right 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgLast{padding:0; margin:0 5px 0 0; background:url('../images/common/bg_pagin_last.gif') no-repeat right 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}


/* 게시물 검색 */
.ListSearch{text-align: center; margin:0 auto; padding:0; width:100%; max-width: 1200px; min-height: 40px; display: block; clear: both; position: relative;}
.ListSearch label{}
.ListSearch select{width:15%; float: left; }
.ListSearch input{height:40px; width:80%; border: 1px solid #aaa; border-width: 0 0 1px;float: left; margin-right:10px; }
.ListSearch button{height: 40px;}
.ListSearch span{font-size: 16px;}
.ListSearch .btn_sch{position: absolute; width:43px; cursor: pointer; vertical-align: top; right:0; text-align: right;}


/* BBSList01 */
.BBSList01 {margin: 30px auto; position: relative;display: block; width:100%; min-height: 100px; max-width: 1200px;}
.BBSList01 h5{color: #000; font-size: 18px; line-height: 24px; font-weight: normal; width:80%; /* text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */}
.BBSList01 h5:hover{color:#587fa7 }
.BBSList01 p{line-height: 24px; color: #777; margin-top:5px; margin-left:50px; width:75%; }

.BBSList01 ul{border-top:2px solid #666666; margin-top:10px; position: relative; }
.BBSList01 li{padding: 20px 10px 20px 60px; border-bottom: 1px solid #e5e5e5; position: relative;}
.BBSList01 li a{width:100%; height: 100%; display: block;}
.BBSList01 li strong{color: #000; margin-right: 10px;font-size:14px;}
.BBSList01 li em{color: #aaa; font-weight: normal; width:60px;display: inline-block; text-align: center; position: absolute; left: 0; }
.BBSList01 li em.notice{color: #977a54; font-size: 0; width:60px;}
.BBSList01 li em.notice:after{position: absolute; content: ''; left:20px; top:3px; width:20px; height: 20px; background:url('../images/common/icons.png')no-repeat; background-position: -15px -205px;background-size:500px auto; }
.BBSList01 li .re{font-weight: bold; color:#977a54; font-size: 16px; margin-left:10px;}
.BBSList01 li div.date2{position: absolute; width:20%; right:10px; top:24px; text-align: right; }
.BBSList01 li div.img{position: absolute; width:15%; left:10px; top:20px; vertical-align: middle; text-align: left;}
.BBSList01 li div.new{position: relative; content: '';display: inline-block; width:40px; height: 11px; background:url('../images/common/icons.png')no-repeat; background-position: -5px -230px;background-size:500px auto;}
.BBSList01 li.nolist{padding:20px 0; text-align: center;}

.BBSList01 li span{font-weight: normal; color: #666; position: relative; margin-right:20px; letter-spacing: 0px;}


/* bbsViewer */
.bbsViewer {position:relative; width:1200px; margin: 0 auto;background: #fff }
.bbsViewer .noticehead {border-bottom:1px solid #666666; position: relative;}
.bbsViewer .noticehead p{line-height:20px;}
.bbsViewer .noticehead .noticeTit { display:inline-block; width:80%; vertical-align:middle; font-size:20px; font-weight: normal; line-height:26px; color: #000; margin:15px 0; padding:0 20px;}
.bbsViewer .noticehead .noticeTit span {display:inline-block; line-height:22px;}
.bbsViewer .noticehead .noticeTit span.date {position: absolute; right:20px; bottom:15px; display:block; color:#666; font-size:14px; font-weight: normal;}
.bbsViewer .noticehead .noticeTit .ellip {width:80%;}
.bbsViewer .noticehead .sns { display:block; width:13%; min-width: 144px; height: 33px; margin:20px auto;background:url('../images/community/btn_noticeSns.png') no-repeat center center; vertical-align:middle;}
.bbsViewer .noticehead .sns li {float:left; width:25%; text-indent:-9999px; height:33px;}
.bbsViewer .noticehead .sns li a {display:block; width:100%; height:100%;}
.bbsViewer .noticeContent {padding:40px 20px; border-bottom: 1px solid #666666; min-height: 300px;}
.bbsViewer .noticeContent img{max-width: 100%;}
.bbsViewer .noticeTxt {font-size: 20px; color:#90ba6f !important;line-height:22px !important; margin-right: 10px;}
.bbsViewer .fileArea{width:100%; padding:20px 0 0;}

.noticeBtn {position:relative; width: 1200px; height:45px; margin:20px auto 0; border-bottom: 1px solid #e5e5e5;}
.noticeBtn a{display:inline-block; height:100%; margin:0 10px; padding:0; line-height: 25px;width:35%; }
.noticeBtn .btnPrev{text-align: left;background:url('../images/community/view_prev.png') no-repeat 10px top; padding-left: 45px;float: left;}
.noticeBtn .btnList{background:url('../images/community/btnList.png') no-repeat center center; width:26px; height: 22px; padding:0 20px; cursor: pointer; text-indent:-9999px; position: absolute; left:50%;margin-left:-33px; z-index: 2;}
.noticeBtn .btnNext{text-align: right; background:url('../images/community/view_next.png') no-repeat right top;padding-right: 45px; float: right;}




/* FAQ */
.faq{margin:20px 0;}
.faq .faqBody{border-top:1px solid #e7e7e7; margin-top:10px; position: relative;}
.faq .faqBody .article{padding: 20px 10px; border-bottom: 1px solid #e7e7e7; position: relative;}
.faq .q{padding-left: 35px;}
.faq em{font-family: 'futura-pt'; font-size: 25px; color: #000; font-weight: 500;line-height: 24px; width: 35px; position: absolute; left:10px; vertical-align: top;}
.faq .q a{color: #333; width:auto; font-weight: bold; font-size: 16px; }
.faq .q a, .faq div{}
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{}
.faq .a{line-height: 24px; color: #666; margin:50px 0; width:auto;padding-left: 35px;}
.faq .a em{color: #977a54; }
.faq .a span{font-size: 16px !important;}
.faq01{margin:80px auto 0; padding:50px 0 30px; background:url('../images/about/visual01-01.jpg'); background-size: cover; text-align: center;}
.faq01 h5{font-size: 23px; font-weight: bold; color: #fff;}
.faq01 p{margin-top:10px;color: #fff;}


/* contact */
.contact{position: relative;display: block; margin:50px auto 0}
.contact h3{font-size: 25px; color: #333; margin-bottom: 0; font-weight: normal;}
.contact h4{font-size: 18px; color: #333; }
.contact p{font-size: 16px; }
.contact .re{position: relative; text-align: right; min-height: 30px;}
.contact .re span{color: #bf543b;}
.contact ul{border-top:1px solid #e7e7e7;}
.contact li{border-bottom: 1px solid #e7e7e7; position: relative; padding:10px 0;line-height: 25px; vertical-align: top; display: block;}
.contact li em{font-size: 16px; font-weight: bold; color:#333; width:15%; line-height:20px; font-style: normal; vertical-align:top; position: absolute; left:10px; top:15px;}
.contact li em.ac{color: #bf543b}
.contact li em span{color: #bf543b;}
.contact li p{display: block;padding:0 0 0 15%;min-height: 25px; line-height: 25px !important; margin-top:0; font-size: 14px;}
.contact li p div{display: inline;}
.contact li strong{color: #000; font-weight: normal;}
.contact li input,textarea{width:100%; }
.contact li input [type="radio"]{display: inline-block; width: 20px; height: 25px; line-height: 25px; z-index: 10}
.contact li input [type="checkbox"]{display: inline-block;}
/* .contact li p .hid_chk {left:15%; padding-left:0 !important;} */
.contact li .checkbox {padding-top:20px;}
.contact li .checkbox .icon { /* display:block;  */text-indent:-24px; padding-left:24px; }
.contact li .radio{width:20px; top:2px;}
.contact li select{width:200px;}
.contact li .tel_sel select:after{right:10px !important; background: #eee}
.contact li button{margin-left:5px; margin-top:-0px;}
/* .contact li label{font-size: 14px;top:4px; position: relative; display: inline; vertical-align: top;} */
.contact li textarea{height:300px;width:100%; }
.contact li span{font-size: 13px; color: #888; padding-left: 5px; display: inline;}
.contact li span.red{color: #ec7070}
.contact li span.blue{color: #22a8e6}
.contact hr{width:100%; height: 1px; background: #000; margin:10px auto 10px;}
.contact .con{padding:30px 0; min-height: 100px;}
.contact .reply{background:#f2f2f2; padding:20px; min-height: 100px;}
.contact .reply h5{margin-bottom: 20px; margin-left:0;}
.contact .info{background:#f2f2f2; padding:20px; margin:20px 0; font-size: 13px;}
.contact .agreecont{margin-top:20px;}
.contact .agreecont .agreecont-pt p{padding-left:0 !important;}
.contact .email{width:25%;}


/* category */
.jbMenu {min-height:50px; text-align: center; background:none; position: relative; width: 100%;}
.smenu_tab {min-height: 50px; text-align: center; position: relative; max-width: 1200px; margin:0 auto 30px; padding:0;}
.smenu_tab li { display: inline-block; *float:left; width:40%; max-width: 400px; line-height: 34px; text-align: center; margin-top:0; }
.smenu_tab.col8 li{width:15% !important;}

.jbMenu .smenu_tab li a {font-size:14px; font-weight: bold; display: block; background: #fff; color: #999; border-bottom: 3px solid #e1e1e1; line-height: 30px; padding:8px 2px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jbMenu .smenu_tab li a:hover, .jbMenu .smenu_tab li a.subon{color:#000; border-bottom: 3px solid #65b8d6;}


.smenuArea {min-height:50px; text-align: center; position: relative; width: 100%;}
.smenu_box {min-height: 50px; text-align: center; position: relative; width: auto; margin: 0 auto; display: table;}
.smenu_box li {float:left; width:200px; text-align: center; margin-top:0; margin-right:5px; }
.smenu_box li a{font-size: 18px; color: #666; padding:8px 0; background: #fff; border:1px solid #d9d9d9; display: block; width:100%; height: 100%;}
.smenu_box li a.subon,.smenu_box li a:hover{background: #65b8d6; border:1px solid #65b8d6; color: #fff; font-weight: 400;}


/*  agree01 */
.agree01{padding-bottom: 60px; overflow: hidden;}
.agree01 h3{font-size: 20px; color: #000; font-weight: 400; padding-top:40px; margin-bottom: 20px; }
.agree01 h4{font-size: 16px; margin:0 0 5px; color: #000;font-weight: 400; margin-top:10px;}
.agree01 .imp{font-size: 16px; color: #000; }


.agreecont{width:100%; border:1px solid #d8d8d8; font-size:14px; color: #aaa; line-height: 18px; overflow-y: scroll; height:200px; background: #fff;}
.agreecont-pt{padding:10px; color: #aaa!important;}
.agreecont-pt h3{font-size: 20px; color: #aaa!important; font-weight: 300; padding-top:40px; margin-bottom: 20px; }
.agreecont-pt h4{font-size: 16px; margin:0 0 5px; color: #aaa!important;font-weight: 300; margin-top:10px;}
.agreecont-pt p{font-size: 14px; font-weight: 300; color: #aaa!important;}
.agreecont .txt{padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid #e7e7e7}
.agreecont-pt .imp{font-size: 14px; color: #328cad; }

.btn_go{ width:33px; height: 18px; display: block; background:url('../images/common/icons.png')no-repeat center; background-position: -110px -410px; padding: 10px 30px; font-size: 0; content:''; position: relative; }


.section{position: relative; display: block; clear: both; width:100%;}


/* about01 */
.about01{display: table;}
.about01 .about01_1{width:50%; float: left; text-align: center;}
.about01 .about01_1 img{display: block; margin:0px auto 50px;}
.about01 .about01_1 p{font-size:22px; color: #666; font-weight: 100;}
.about01 .about01_1 strong{font-weight: 400;}
.about01 .about01_2{width:50%; float: left;}
.about01 .about01_2 img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}


.staff01{display: table; margin-bottom: 100px; text-align: center;}
.staff01 .staff01_1{width:50%; float: left; position:relative}
.staff01 .staff01_1.right{float: right;}
.staff01 .staff01_1 img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); width: 482px}
.staff01 .staff01_2{width:50%; float: left;}
.staff01 .staff01_2 h3{font-size: 32px; color: #333; font-weight: 300;}
.staff01 .staff01_2 h3:after{width:1px; height: 30px; background: #d5d5d5; content: ''; display: block; margin:40px auto 0;}
.staff01 .staff01_2 em{font-size: 25px; margin-left:10px;}
.staff01 .staff01_2 h2{font-size: 40px; line-height: 46px; color: #65b8d6; font-weight: 100; position: relative; display: inline-block; margin:40px auto;}
.staff01 .staff01_2 h2:before{width:40px; height: 30px; content: ''; display: block; text-align: left; background:url('../images/about/rest_1.gif') no-repeat; position: absolute; top:-40px; left:-50px; }
.staff01 .staff01_2 h2:after{width:40px; height: 30px; content: ''; display: block; text-align: left; background:url('../images/about/rest_2.gif') no-repeat; position: absolute; bottom:0; right:-50px; }
.staff01 .staff01_2 p{font-weight: 300; margin-bottom: 30px;margin-left: 120px;text-align: left;}


.fade{ position:absolute; left:0; width:100%; text-align:center; }


.slider-cover{}
.slider-cover .slider {width:100%; height:auto;position: relative; display: block; margin:30px auto;}
.slider-cover .slider .bxslider1{width:100%; height:100%; z-index: 2; margin:0 auto; position: relative;}
.slider-cover .slider .bxslider1 li{width:540px; height: 100%; position: relative; display: block;}
.slider-cover .slider .bxslider1 li img{width:100%; height:100%;}
  
.slider-cover .slider .bx-controls-auto {z-index: 5; width:55px; height:16px; position: absolute; left:50%;bottom:30px; margin-left:260px;vertical-align: top; display: none;}
.slider-cover .slider .bx-controls-direction {position: absolute; width:90%;height:100%; left:5%; top:0; font: 0/0 serif; z-index: 2; }
.slider-cover .slider .bx-prev { width: 34px; height:64px; background: url("../images/common/controls.png") no-repeat; background-position: 0 0; position: absolute; left:0; top:43%; }
.slider-cover .slider .bx-next { width: 34px; height:64px; background: url("../images/common/controls.png") no-repeat; background-position: -34px 0;  position: absolute; right:0; top:43%;}


.slider-cover .slider .bx-default-pager { z-index: 10;width:100%; position: absolute; bottom:25px; text-align: center;} 
.slider-cover .slider .bx-default-pager > div { display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-right: 6px; text-align: left;}
.slider-cover .slider .bx-default-pager > div > a { float: left; width: 100%; height: 100%; font: 0/0 serif; vertical-align: top; background: url("../images/common/controls.png") no-repeat -81px -32px;}
.slider-cover .slider .bx-default-pager > div > a.active { background:url("../images/common/controls.png") no-repeat -82px -47px;}


.space02{margin-top:70px; }
.space02 h2{font-size: 40px; color: #65b8d6; font-weight: 100;}
.space02 h3{font-size: 20px; color: #333; font-weight: 300; margin-top:10px;}
.space02 p{font-size: 16px; width:800px; margin-top:50px;font-weight: 300;}

.space03{background: url('../images/about/space_01_bg.jpg') center; background-size: cover; padding:60px 0; margin-top:100px;}
.space03 .space03_name{color: #fff;}
.space03 .space03_name h2{font-size: 40px; font-weight: 400;}
.space03 .space03_name h3{font-size: 20px; margin-top:10px; font-weight: 300;}
.space03 .space03_name p{font-size: 16px; font-weight: 300; margin-top:60px;}
.space03 .space03_img{width:400px; height: 374px; position: absolute; right:0; top:-150px;}
.space03 .space03_img img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}
.space03_txt{padding:30px 0 60px;}
.space03_txt h4{font-size: 16px; font-weight: 700; margin:30px 0 5px;}
.space03_txt p{font-size: 16px;font-weight: 300;}

.space04{margin:80px auto 30px; display: table;}
.space04 .space04_img{width:50%; float: left;}
.space04 .space04_img img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}
.space04 .space04_txt{width:460px; float: left; padding:60px 70px;}
.space04 .space04_txt h2{font-size: 40px; color: #65b8d6; font-weight: 400; }
.space04 .space04_txt dt{font-size: 20px; color: #333; font-weight: 300; border-top:1px solid #d7cfc6; padding:35px 0 10px 50px;margin-top:30px; position: relative;}
.space04 .space04_txt dd{font-size: 16px;font-weight: 300; padding:10px 0 10px 50px; position:relative;}
.space04 .space04_txt em{font-size: 40px; font-family: 'futura-pt'; font-weight: bold; position: absolute; left:0; }
.space04 .space04_txt dt em{color: #bcddeb;top:20px;}
.space04 .space04_txt dd em{color: #d1d1d1;top:-5px;}


.support01{display: table;}
.support01 .support01_txt{width:50%; float: left; text-align: center;}
.support01 .support01_txt h2{font-size: 35px; color: #65b8d6; font-weight: 300; margin-top:30px;}
.support01 .support01_txt h2:after{position: relative; width:1px; height: 30px; background: #d5d5d5; display: block; margin:30px auto; content: '';}
.support01 .support01_txt h3{font-size: 20px; color: #333; font-weight: 400;}
.support01 .support01_txt p{font-size: 16px; margin-top:25px;}
.support01 .support01_img{width:50%; float: left;}
.support01 .support01_img img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}

.support02{background:url('../images/about/support02_bg.jpg') center; background-size: cover; text-align: center; color: #fff; padding:100px 0; margin-top:100px;}
.support02 h2{font-size: 35px;font-weight: 300;}
.support02 h3{font-size: 18px;font-weight: 300; margin-top:20px;}
.support02 h3:after{position: relative; width:1px; height: 30px; background: #d5d5d5; display: block; margin:30px auto; content: '';}
.support02 p{font-size: 16px;}
.support02 p a{color: #fff;}
.support02 p a:hover{text-decoration: underline;}
.support_btn{text-align: center; display: block; margin-top:50px; position: relative;}
.support_btn a{display: inline-block; border:1px solid #fff; padding:10px; font-size: 16px; color: #fff; position: relative; line-height: 26px; }
.support_btn img{ display: inline-block; margin-right: 10px}









/* location */
.location{display: table;}
.location > div{width:580px; padding:50px 40px; border:1px solid #ddd; float: left;box-sizing: border-box; margin-bottom: 40px}
.location > div:nth-child(odd){margin-right:40px; }
.location h3{font-size: 20px; color: #999;font-weight: 300;}
.location h2{font-size: 30px; color: #333;font-weight: 400;}
.location ul{margin-top:30px;}
.location li{position: relative; padding:5px 0 5px 120px;line-height: 22px;}
.location em{font-size: 16px; color: #65b8d6; position: absolute; left:0; line-height: 26px;padding-left:35px;}
.location .support_btn a{border:1px solid #dedede; color: #777; }
.location em.loc_ico_1{ background:url('/images/common/location_ico_1.gif') no-repeat left; }
.location em.loc_ico_2{ background:url('/images/common/location_ico_2.gif') no-repeat left; }
.location em.loc_ico_3{ background:url('/images/common/location_ico_3.gif') no-repeat left; }
.location em.loc_ico_4{ background:url('/images/common/location_ico_4.gif') no-repeat left; }


#snsLayer{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer button{width:100%; margin:10px auto;}
#snsLayer input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer label{font-size: 14px;}

#snsLayer1{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer1 button{width:100%; margin:10px auto;}
#snsLayer1 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer1 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer1 label{font-size: 14px;}


#snsLayer2{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer2 button{width:100%; margin:10px auto;}
#snsLayer2 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer2 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer2 label{font-size: 14px;}


#snsLayer3{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer3 button{width:100%; margin:10px auto;}
#snsLayer3 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer3 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer3 label{font-size: 14px;}


#snsLayer4{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer4 button{width:100%; margin:10px auto;}
#snsLayer4 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer4 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer4 label{font-size: 14px;}


#snsLayer5{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer5 button{width:100%; margin:10px auto;}
#snsLayer5 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer5 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer5 label{font-size: 14px;}

#snsLayer6{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer6 button{width:100%; margin:10px auto;}
#snsLayer6 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer6 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer6 label{font-size: 14px;}

#snsLayer7{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer7 button{width:100%; margin:10px auto;}
#snsLayer7 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer7 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer7 label{font-size: 14px;}

#snsLayer8{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer8 button{width:100%; margin:10px auto;}
#snsLayer8 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer8 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer8 label{font-size: 14px;}

#snsLayer9{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer9 button{width:100%; margin:10px auto;}
#snsLayer9 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer9 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer9 label{font-size: 14px;}

#snsLayer10{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer10 button{width:100%; margin:10px auto;}
#snsLayer10 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer10 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer10 label{font-size: 14px;}

#snsLayer11{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer11 button{width:100%; margin:10px auto;}
#snsLayer11 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer11 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer11 label{font-size: 14px;}

#snsLayer12{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer12 button{width:100%; margin:10px auto;}
#snsLayer12 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer12 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer12 label{font-size: 14px;}

#snsLayer13{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:175px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayer13 button{width:100%; margin:10px auto;}
#snsLayer13 input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayer13 .close{position: absolute;right:15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayer13 label{font-size: 14px;}


#snsLayerB{position:absolute; z-index:999; top:-200px; right: 0px; display:none; width:235px; height:150px; background: #fff; border: 1px solid #ced4da; padding:10px;box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); text-align: left;}
#snsLayerB button{width:100%; margin:10px auto;}
#snsLayerB input [type='text']{margin:0 1.3%; padding:10px;}
#snsLayerB .close{position: absolute;right:15px;bottom: 15px; font-size: 0; width:13px; height:13px; display: block; content: ''; background:url('../images/about/sns_close.gif')no-repeat; cursor:hand !important;}
#snsLayerB label{font-size: 14px;}
#snsLayerB label.icon { font-size: 13px; color: #666; line-height: 1.3; padding-left: 30px; position: relative; display: block; }
#snsLayerB label.icon:before { position: absolute; left: 0; top:0}


/* 시술안내 */
.treat01{display: table; margin-top:90px;}
.treat01 .treat01_1{width:50%; float: left; text-align: center;}
.treat01 .treat01_1 h2{font-size: 48px; color: #65b8d6; font-weight: 100; margin-top:150px;}
.treat01 .treat01_1 p{font-size: 16px; margin:30px auto 0; width:85%;}
.treat01 .treat01_2{width:50%; float: left;}
.treat01 .treat01_2 img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);}


.treat02{border-top:1px solid #e3e3e3; margin-top:100px; text-align: center;}
.treat02 h2{font-size: 35px;  color: #333; font-weight: 300; margin-top:100px;}
.treat02 table{margin-top:40px; width:100%;}
.treat02 caption{font-size: 18px; color: #333; text-align: left; display: block;}
.treat02 thead td{background: #65b8d6; font-size: 18px; color: #fff; padding:10px;}
.treat02 th,.treat02 td{border-bottom: 1px solid #ddd; padding:20px;font-size: 16px; color: #666; font-weight: 300;}
.treat02 p{font-size: 15px; text-align: left; margin-top:10px;}


.treat03{background:url('../images/treatment/botox03.jpg') center; background-size: cover; padding:100px 0; display: table; margin-top:100px;}
.treat03 h2{font-size: 40px; color: #000; font-weight: 300; text-align: center;}
.treat03 ul{width:320px; float: left; margin-top:150px;}
.treat03 ul.right{float: right;}
.treat03 li{width:100%; margin-bottom: 50px; position: relative; padding-left: 35px;}
.treat03 em{position: absolute; left:0; font-size: 25px; color: #65b8d6; font-family: 'futura-pt'; }
.treat03 h3{font-size: 23px; color: #000; font-weight: 400;}
.treat03 p{font-size: 15px; margin-top:10px;}


.treat04{margin-top:100px;}
.treat04 h2{font-size: 35px;  color: #333; font-weight: 300; text-align: center;}
.treat04 ul{display: table; margin-top:60px;}
.treat04 li{width:380px;float: left; margin-right:30px; text-align: center;}
.treat04 li:last-child{margin-right:0;}
.treat04 h3{font-size: 25px; color: #65b8d6;font-weight: 300; margin-top:20px;}
.treat04 p{font-size: 16px; position: relative; margin-top:10px;}
.treat04 .treat04_txt{margin-top:100px;}
.treat04 em{position: absolute; left: 0; font-size: 16px; font-family: 'futura-pt'; color: #65b8d6;}
.treat04 .treat04_txt p{padding-left: 30px;}


.treat05{border-top:1px solid #e3e3e3; margin-top:100px;}
.treat05 h2{font-size: 35px;  color: #333; font-weight: 300; text-align: center; margin-top:100px;}
.treat05 dl{margin-top:80px;}
.treat05 dt{font-size: 24px; color: #65b8d6; font-weight: 300; padding:10px 0 10px 50px; position: relative;}
.treat05 dd{font-size: 16px; line-height: 1.7; position: relative;padding:10px 0 60px 50px;}
.treat05 em{font-size: 36px; color: #65b8d6; font-family: 'futura-pt';font-weight: bold;position: absolute; left: 0; top:0; }
.treat05 dd em{color: #b1bcc2;}


.treat06{background: #f5f4f4; padding:80px 0; display: table; }
.treat06 .treat06_1{float: left; width:50%; margin-right:100px; }
.treat06 .treat06_1 img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); max-width:600px;}
.treat06 .treat06_2{float: left; width:500px;}
.treat06 h2{font-size: 30px; color: #65b8d6; font-weight: 300;}
.treat06 h3{font-size: 20px; font-weight: 300; margin-top:5px;}
.treat06 .price1{font-size: 30px; color: #000; font-family: 'futura-pt';font-weight: bold; margin-top:30px;}
.treat06 .price1 em{font-size: 20px;font-family:'Noto Sans KR'; }
.treat06 h4:before{width:100%; height: 1px; background: #dedede; display: block; margin:30px 0; content: '';}
.treat06 h4{font-size: 20px; color: #000;font-weight: 400; margin-bottom: 10px;}
.treat06 p{font-size: 15px; padding:3px 0; width:100%;}
.treat06 .price2{color: #65b8d6;margin-left:10px;}
.treat06 .price2 strong{font-size: 15px; color: #999; font-weight: bold; text-decoration:line-through; margin-rignt:10px;}

.treat07{padding:80px 0; display: table;}
.treat07 .treat07_1, .treat07 .treat07_2{width:50%; float: left;}
.treat07 h2{font-size: 20px; color: #000; font-weight: 400;width:110px; float: left;}
.treat07 .treat07_1_txt{width:490px; float: left;}
.treat07 p{font-size: 16px; position: relative; padding-left:30px;font-family: 'futura-pt';}
.treat07 em{position: absolute; left:0; font-size: 16px; color: #65b8d6; font-weight: 600;}
.treat07 p.p2{padding-left:0;}
.treat07 p.p3{padding-left:0; font-size: 14px;}

.treat08{border-top:1px solid #eaeaea; padding:80px 0;}
.treat08 h2{font-size: 20px; color: #000; font-weight: 400; margin-bottom: 30px;}
.treat08 p.p4{font-size: 16px; position: relative; padding:5px 0 5px 30px;font-family: 'futura-pt';}
.treat08 p.p4 em{position: absolute; left:0; font-size: 16px; color: #65b8d6; font-weight: 600;}
.treat08 {}

.treat09{border-top:1px solid #eaeaea;padding:80px 0 0 !important;}
h1.treat09{font-size: 30px; color: #000; font-weight: 300; text-align: center; margin-bottom: 60px;}
.border_none {border:none !important;}

.treat_step { margin-top: 20px}
.treat_step > li {position: relative;float: left; display: table}
.treat_step > li span{display: table-cell; width: 105px; height: 105px; border-radius: 50%;border: 2px solid #d8ecf5;vertical-align: middle; text-align: center; color: #74b7d8;}
.treat_step > li:after { display: table-cell; content: ""; background: url("../images/treatment/step_arrow.gif") no-repeat 50% 50%; width: 60px; height: 105px; }
.treat_step > li:last-child:after { display: none;  }
.treat_step.step4 > li span {width: 95px; height: 95px;}
.treat_step.step4 > li:after {background-image: url("../images/treatment/step_arrow2.gif"); width: 30px;height: 95px; }

/* TreatmentTop */
.TreatmentTop {position: relative; padding: 0 ; margin-top: 50px; margin-bottom: 80px; background-color: #74b7d8; text-align: center; height: 400px }
.TreatmentTop img{box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2); position: relative; top:-50px; max-width: 700px; z-index: 5}
.TreatmentTop:after,
.TreatmentTop:before { display: block; content: ""; background: url("../images/common/simbol_white.svg") no-repeat 50% 0; background-size: 100%; position: absolute;  opacity: .3}
.TreatmentTop:before {  right: 50%; margin-right: -700px; top:-200px;width: 400px; height: 400px;opacity: .2}
.TreatmentTop:after { left: 50%; margin-left: -750px; bottom:0px; width: 500px;height: 250px;}
.TreatmentTop + .treat05 {border-top: none}

.price {font-size: 20px; color: #666; font-family: 'futura-pt';font-weight: bold; }
.price em {font-size: .85em; font-family:'Noto Sans KR'; font-weight: 300}
.price STRIKE {color: #888;font-size: .95em;}


/* program01 */
.program01{background: #f4f4f4; padding:80px 0; display: table;}
.program01 .program01_1,.program01 .program01_2{width:50%; float: left; text-align: center;}
.program01 .program01_2 h3{font-size: 20px; color: #429aba; font-weight: 300; margin-top:30px;}
.program01 .program01_2 h2{font-size: 35px; color: #000; font-weight: 400; margin-top:10px;}
.program01 .program01_2 p{font-size: 20px; color: #666; margin-top:10px; font-weight: 300;}
.program01 .program01_2 .price{font-size: 25px; color: #000; font-family: 'futura-pt';font-weight: bold;}
.program01 .program01_2 .price em{font-size: 18px; font-family:'Noto Sans KR';}
.program01 .program01_2 .price:before{width:2px; height: 30px; background: #acd6e5; display: block; content: '';margin:10px auto;}
.program01 .program01_2 button{margin:20px auto;}


.program02{padding:20px 0;display: table;}
/*.program02 .program02_1{width:580px; padding:50px 40px; border:1px solid #ddd; float: left;margin-right:40px; box-sizing: border-box; position: relative;}
.program02 .program02_2{width:580px; padding:50px 40px; border:1px solid #ddd; float: left;box-sizing: border-box; position: relative;}*/
.program02 > div { float: left;width:580px; padding:50px 40px; border:1px solid #ddd; box-sizing: border-box; position: relative; margin-bottom: 40px}
.program02 > div:nth-child(odd){margin-right:40px; }
.program02 h3{font-size: 20px; color: #333;font-weight: 300;}
.program02 h3 span{color: #65b8d6;}
.program02 h2{font-size: 30px; color: #333;font-weight: 400;margin-top:10px;}
.program02 h2 span{ color: #fff; position: absolute; right:-1px; top:-1px; padding: 15px 20px; background-color: #896edc; font-size: 14px; font-weight: 400}
.pink{background-color: #dc6e9c !important;}
.orange{background-color: #e89872  !important;}
.green{background-color: #5fc9a7  !important;}

.program02 p{font-size: 15px; margin-top:5px; width: 100%; }
.program02 .price{font-size: 18px;margin-top:25px;}
.program02 button{position: absolute; right:40px; bottom:30px;}
.program02 .programBtn {}
.program02 .price + .programBtn { position: absolute; right: 15px; bottom: 15px;}

.program02 .programBtn button.btn {position:relative;right: inherit; bottom: inherit; display: inline-block;padding: 10px 0px; min-width: 140px;}

.noData { width: 100% !important; margin:0; text-align: center; border: 1px solid #eee !important; padding: 50px 0; box-sizing: border-box}
.nodata_img{ height: 70px; text-align: center; padding-top: 100px; font-size: 0.94em; color: #555; display: block; background: url('../images/common/ico_nodata.png') no-repeat center 20px;  box-sizing: content-box;}

/* program02 */
.program02.program02_col3 > div {width:31%; margin-left:3%; padding:20px; }
.program02.program02_col3 > div:nth-child(odd){margin-right:0; margin-left:3%;}
.program02.program02_col3 > div:nth-child(3n+1) {margin-left:0 !important;}
.program02.program02_col3  h2{font-size: 24px;}
.program02.program02_col3 .programBtn { position: relative;right: inherit; bottom: inherit; margin-top: 15px}

/* program03 */
.program03 {overflow:hidden}
.program03 > div {width:32%;margin-left:2%;float:left; margin-bottom:2em}
.program03 > div a { display:block}
.program03 > div img {max-width:100%}
.program03 > div:nth-child(3n+1) {margin-left:0 !important;}

/*promotion */
.promotion {}
.promotion .ttl{font-size: 30px;color: #000;font-weight: 300;text-align: center;margin-bottom: 60px;}

.promotion .list .swiper-slide {display: inline-block; text-align: left; vertical-align: top; position: relative}
.promotion .list .swiper-slide {margin-left:0;}
.promotion .list .swiper-slide .list_box a {display: block;background-color: #fff;padding-bottom: 30px;}
.promotion .list .swiper-slide .list_box a:first-child {padding-bottom: 10px;}
.promotion .list .swiper-slide .list_box .thumb {margin-bottom:20px;box-sizing: border-box;/* height: 215px; */}
.promotion .list .swiper-slide .list_box .thumb img {width:100%;}
.promotion .list .swiper-slide .list_box p {text-align: center;margin-bottom: 0;}
.promotion .list .swiper-slide .list_box .type {color: #76beea;font-size: 14px;font-weight: 400;padding: 5px;margin-bottom: 0;}
.promotion .list .swiper-slide .list_box .title,
.promotion .list .swiper-slide .list_box .desc {padding:0 20px 0 0px; box-sizing: border-box; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/ width: 100%}
.promotion .list .swiper-slide .list_box .title {font-size: 22px; color: #333; font-weight: 400; margin-bottom:5px; padding: 0 20px}
.promotion .list .swiper-slide .list_box .date {font-size:18px; color:#666; font-weight:400; margin: 15px 0 5px;min-height: 60px;padding: 0 20px}
.promotion .list .swiper-slide .list_box .desc {font-size:15px; color:#666; font-weight:300; padding: 0 20px}
.promotion .list .swiper-slide .list_box .price { padding: 10px 0 0px}
.promotion .list .swiper-slide .list_box .btnSet button.btn {display: inline-block;margin-top:0;padding: 10px 40px;}
.promotion .list .swiper-slide .list_box .gu_img_box .thumb_bg{ height:215px;}
.promotion .swiper-container-horizontal>.swiper-pagination-bullets, 
.promotion .swiper-pagination-custom, .promotion .swiper-pagination-fraction{position: relative;bottom: inherit;left: inherit;top: inherit;margin-top: 15px;}
.promotion .swiper-pagination-bullet{background: #fff;width: 15px;height: 15px;border-radius: 50%;border: 1px solid #65b8d6;}
.promotion .swiper-pagination-bullet-active{ background:#65b8d6;}
/* promotion */
.promotion .list .swiper-slide .gu_img_area.event-end {}
.promotion .list .swiper-slide .list_box a .event-end:parent {background-color: #e5e5e5;}
.promotion .list .swiper-slide .gu_img_area.event-end .event-end-cont {font-size: 14px}
.promotion .list .swiper-slide .gu_img_area.event-end .event-end-cont h4 {padding-top: 30px}
.promotion .list .swiper-slide .gu_img_area.event-end .event-end-cont p.txt { font-size: 17px;margin-top: 15px}




/* now01 */
.now01{display: table;}
.now01 .now01_1{background:url('../images/now/now01.jpg')no-repeat; width:620px;float: left; margin-right:40px; padding:70px 0 100px;}
.now01 .now01_1 h3{font-size: 20px; color: #fff; text-align: center; }
.now01 .now01_1 h2{font-size: 36px; color: #fff; font-family: 'futura-pt'; text-align: center; margin-top:10px;}
.now01 .now01_1 p{width: 400px;margin:600px 0 0 100px; color: #333; }
.now01 .now01_2{width:540px; float: left;}
.now01 .now01_2 h2{font-size: 40px; line-height: 45px; color: #65b8d6; font-weight: 100; margin-top:40px;}
.now01 .now01_2 h3{font-size: 20px; color: #333; font-weight: 300; margin-top:30px;}
.now01 .now01_2 p{font-size: 16px;margin-top:30px; font-weight: 400; }
.now01 .now01_img2{margin-top: 180px;}


.now02{background: #3e3e3e; text-align: center;margin-top:90px;}
.now03{padding:60px 0; display: table;}
.now03 .now03_1{width:600px; float: left; margin-right:27px;}
.now03 .now03_1 h2{font-size: 60px; color: #000; font-family: 'futura-pt';}
.now03 .now03_1 h3{font-size: 36px; line-height: 45px; color: #65b8d6; font-weight: 100; margin-top:40px;}
.now03 .now03_1 h4{font-size: 20px; color: #333; font-weight: 300; margin-top:30px;}
.now03 .now03_1 p{font-size: 16px;margin-top:30px; font-weight: 400; }
.now03 .now03_2{float: left;}
.now03 .now03_2 a { display:block}




/* reser01 */
.reser01{}
.reser_area{width:100%;display: table; box-sizing: border-box; border:1px solid #ddd; }
.reser_area > li{float: left; width:33.333%; height: 100%; border-right:1px solid #ddd;box-sizing: border-box; }
.reser_area > li:last-child{border-right:0;}
.reser_area > li .reser01_1{padding:30px 25px;}
.reser_area > li .reser01_2{padding:30px 25px 33px 25px; background: #eee;}
.reser_area > li .reser01_3{padding:15px 25px; border-top:1px solid #ddd;}
.reser_area > li .border_b{border-bottom:1px solid #ddd;}
.reser_area h3{font-size: 18px; color: #000; }
.reser_area h3:after{position: relative; display: block; width:30px; height: 2px; background: #94a9bf; content: ''; margin:10px 0 30px;}
.reser_area h4{font-size: 16px; color: #333; font-weight: normal; margin-bottom: 10px; }
.reser_area p{padding:5px 0; }
.treat_group { overflow: hidden; width: 100%}
.treat_group li { float: left; width: 50%; padding: 3px 0; border: none !important}
.treat_group li label { padding-right: 0px;}
.treat_group:after { display: block; content: ""; clear: both}
.reser_area label{padding-right:10px; display: inline-block;}
.reser_area .reser01_3 button{font-size: 20px; width:100%;}
.reser_area .ck_area{height: 592px;display: block; overflow: auto;}
.reser_area .ck_area p {padding: 3px 0;}
.reser_area .ck_area div.scBox1 {overflow: auto;height: 240px;}
.reser_area .ck_area div.scBox1 {overflow: auto;height: 150px;}

.reser_area > li .reser01_1.sel_office {padding:30px 25px 20px;}
.reser_area > li .reser01_1.sel_office  h3:after {margin: 10px 0 20px;}

.calendar{width:100%; min-height: 300px; display: block; position: relative;margin: 42px 0 20px;}
.calendar:after{position: absolute; right:0; top:0; content:''; width:1px; height: 100%; background: #dfdfdf; }
.calendar:last-child:after{display: none;}
.calendar dl{text-align: center;width:330px; margin:0 auto; display: block; clear: both;}
.calendar dt{width:100%; display: block;font-family: 'futura-pt'; font-size: 30px; color: #000; margin-bottom: 30px; position: relative; }
.calendar dt .mon_prev{position: absolute; left: 15px; width:20px; height: 35px; background:url('../images/reservation/calendar_arrow.gif')no-repeat left; font-size: 0; }
.calendar dt .mon_next{position: absolute; right:15px;width:20px; height: 35px; background:url('../images/reservation/calendar_arrow.gif')no-repeat right; font-size: 0;}
.calendar dd{width:47px; height: 35px; float: left; font-size: 16px; color: #000; }
.calendar .sun{color: #f66363 !important;}
.calendar .day_area {display: block;clear: both;width:330px;margin:0 auto; text-align: center;}
.calendar .day_area li{width:47px; height: 35px; float: left; border:none;}
.calendar .day_area a{width:100%; height: 100%; display: block;font-family: 'futura-pt'; font-size: 15px; color: #666; line-height: 35px; position: relative}
.calendar .day_area a.end{color: #bbb;cursor: default !important}
.calendar .day_area a.focus{color: #fff; background:url('../images/reservation/day_focus.png')no-repeat center top; background-size:35px;}
.calendar .day_area a.today{font-weight: bold; color:#65b8d6;}
/*.calendar .day_area a.today:after{position: absolute; content: ''; bottom:1px;left:50%;margin-left:-7px; width:15px; height:2px; background:#65b8d6; }*/
.calendar .day_area a.holiday{font-weight: bold; color:#f66363; cursor: default !important}
.calendar .day_area a.end.focus{ background: none ;color:#bbb}
.calendar .day_area a.holiday.focus { background: none ;color:#f66363}
.calendar .day_area a.today.focus { color:#fff}


.time_select{height: 290px; overflow: auto;}
.time_select a{border:1px solid #ddd; padding:8px 22px; margin:0 3px 3px 0; border-radius: 50px; background: #fff; width: auto; height: auto; display: inline-block; float: left }
.time_select a.timeon{background:#65b8d6; border:1px solid #65b8d6; color: #fff;}


.reser_contact{display: block; width: 100%; min-height: 300px; }
.reser_contact ul{width:100%; display: block;}
.reser_contact li{position: relative; padding:5px 0;line-height: 25px; vertical-align: top; display: block; width:100%;clear: both; border:none;}
.reser_contact p{font-size: 16px; }
.reser_contact li em{font-size: 16px; width:20%; line-height:20px; font-style: normal; vertical-align:top; position: absolute; left:0; top:15px;}
.reser_contact li p{display: block;padding:0 0 0 23%;min-height: 25px; line-height: 25px !important; margin-top:0;overflow: hidden;}
.reser_contact li input {width:100%; }
.reser_contact textarea {width:100%; padding: 10px; height: 90px ;box-sizing: border-box}

.reser_contact li input[type="radio"]{display: inline-block; width: 0px; height: 25px; line-height: 25px; z-index: 10;}
.reser_contact li input[type="checkbox"]{display: inline-block;}
/* .contact li p .hid_chk {left:15%; padding-left:0 !important;} */
.reser_contact li .checkbox {padding-top:20px;}
.reser_contact li .checkbox .icon { /* display:block;  */text-indent:-24px; padding-left:24px; }
.reser_contact li .radio{width:20px; top:2px;}
.reser_contact li select{width:100%; margin-right: 0;height: 40px;box-sizing: border-box}
.reser_contact .phoneArea * { float: left; box-sizing: border-box}
.reser_contact .phoneArea select{width: 22%;}
.reser_contact .phoneArea input[type="tel"]{ text-align: center; padding:10px 0; width: 20%}
.reser_contact .phoneArea span.txt_dash { text-align: center; width: 3%; display: inline-block;  line-height: 40px}
.reser_contact .phoneArea input[type="text"]{width: 68%; margin-right: 3%}
.reser_contact .btn-mini {width: 29%; height: 40px; padding: 10px 0;line-height: 20px; }
.reser_contact .label-text {float: left}

.time_agree{width:100%; position: relative;}
.time_agree p{width:100%; position: relative; padding-left: 33px; box-sizing: border-box}
.time_agree p .hid_chk ~ .icon:before { position: absolute; left: 0; top:3px}
.time_agree p.s_ex{font-size: 13px; line-height: 18px; color: #999; padding-left: 0;margin: 15px 0;}
.time_agree a.go_agree{position: absolute; right:0; text-decoration: underline; font-size: 14px; color: #999;}
.time_agree a.go_agree:hover{color: #000;}

.reser_end { box-sizing: border-box; border: 1px solid #ddd;padding: 70px 0 90px; text-align: center; color: #666;font-weight: 300; }
.reser_end p { margin-top: 15px}
.reser_end .ttl { font-size: 38px; color: #65b8d6; font-weight: 500;  padding-top: 135px; background: url('../../images/reservation/ico_calendar.png')no-repeat center top}
.reser_end .ttl span { display:block; font-size:.7em;font-weight:400}
.reser_end .ttl span strong { color:#ff3a12; font-weight:600}
.reser_end .txt_info {font-size: 18px; color: #333;font-weight: 400;margin-bottom: 15px }


/* popover */
.event_popover { position: relative;}
.event_popover > p:first-child { color: #000}
.event_popover .btn_xs {font-size: 12px; padding: 3px 10px; background-color: #54AAD9; color: #fff; border-radius: 3px}
.popover { display: none ; position: absolute; left: 0; top:30px; width: 300px;background-color:#FFF;  border: 1px solid #333;z-index: 500 }
.popover .event-ttl img {width: 100%}
.popover .event-body { padding: 0 10px; font-size:15px; line-height: 1.2; letter-spacing: 0.02em}
.popover .event-foot {font-size:12px; color: #666; padding: 10px; }
ul.pruce_list >li { position:relative; clear:both; padding:5px 0; border-bottom:1px dotted #CCC; overflow:hidden;}
ul.pruce_list.topLine >li:last-child {border-bottom:1px solid #CCC}
ul.pruce_list .l { float:left; font-weight: 500; color:#444; letter-spacing:-1px; padding:6px 0 3px; position:relative}
ul.pruce_list .l span.txt{ font-weight:300;color:#777; font-size:.9em}
ul.pruce_list .r { float:right; padding:3px 0px 3px 0; vertical-align:bottom; text-align: right}
ul.pruce_list .r > li { display: inline-block}
ul.pruce_list .price { display: inline-block; text-align: right;  color: #888; font-size: .9em;}
ul.pruce_list .price strong{ font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight: 400; font-size: 1.1em;}
ul.pruce_list .price.dowm { font-size: .8em;}
ul.pruce_list .price.dowm strong,
ul.pruce_list .price_num {font-size: 1.7em;color: #dc4c4c;font-weight: 600; display: inline-block; padding:0 1px }
ul.pruce_list .price_num {font-size: 1em; width: inherit}
ul.pruce_list .plus {color: #dc4c4c; font-weight: 500}
ul.pruce_list .cc { color: #2691ba!important }
ul.pruce_list .pruce_list .r .cc {font-weight: 400; }
ul.pruce_list .cc + .price.dowm {padding-left: 3px}


/* nowSns */
.nowSns{padding-bottom:80px; overflow: hidden;  position: relative;}
.nowSns:after{ content:''; display: block; width:100%; height: 1px; border-bottom:1px solid #ddd; position: absolute; bottom:0; left: 0;}
.nowSns + .nowSns:after{display: none;}
.nowSns + .content{padding:70px 0 80px; overflow: hidden;}


.tabSec.tabSns{position:relative;padding: 2px 0;margin-bottom:30px;overflow: hidden;text-align: center;}
.tabSec.tabSns li {float: none;width: 55px;display: inline-block;vertical-align: top;}
.tabSec.tabSns li:last-child {padding:0px; border-left:0;}
.tabSec.tabSns li a{ display: block; height:55px;width: 55px; line-height: 51px; box-sizing: border-box;padding: 0;border-radius: 50%;border: 2px solid transparent;background: #efefef;vertical-align: top;}
.tabSec.tabSns li.on a{border: 2px solid #65b8d6;/* background-color: #65b8d6; */color: #65b8d6;}

.tabSns li.face a,
.tabSns li.inst a,
.tabSns li.yout a{ background-image: url('../images/common/tabSns_ico.png');background-repeat: no-repeat; font-size:0;}

.tabSns li.face a {background-position: 8px 9px;}
.tabSns li.inst a {background-position: -77px 9px;}
.tabSns li.yout a {background-position: -121px 9px;}

.tabSns li a:hover,.tabSns li a:focus,.tabSns li a:active{background-color:#eee; border:2px solid #65b8d6;}
.tabSns li.face a:hover, .tabSns li.face a:focus, .tabSns li.face a:active, .tabSns li.face.on a:active{border-color:#1d53a0;}
.tabSns li.inst a:hover, .tabSns li.inst a:focus, .tabSns li.inst a:active, .tabSns li.inst.on a:active{border-color:#f00075;}
.tabSns li.yout a:hover, .tabSns li.yout a:focus, .tabSns li.yout a:active, .tabSns li.yout.on a:active{border-color:#d74435;}

.ulit {overflow: hidden;}
.ulit .hid{ font-size:0; height: 0;}
.ulit h3{font-size: 35px;font-family:'futura-pt';line-height: 45px;color: #333;font-weight: bold;text-align: left;display: block;margin-bottom: 10px;}
.ulit h3 span{ font-family: 'Apple SD Gothic Neo','Malgun Gothic',arial,sans-serif; font-size:37px;}
.ulit h3 + p{font-size: 16px; line-height: 22px; color: #888; margin:10px auto 40px auto; text-align: center; width:90%;}

.ulit li{width: 275px;display:block;float:left;margin-right:25px;}
.ulit li:nth-child(5n+5){margin-right: 0;}
.ulit li a{ display:block;}
.ulit li .img_box {overflow:hidden;width:100%;height: 260px;margin-bottom: 20px;position:relative;}
.ulit li .img_box img{width: 100%;height:100%;}
.ulit li.yout .img_box{ height:180px;}
.ulit li .txt_box{max-height: 40px; overflow: hidden;}
.ulit li .txt_box p{ line-height:1.3em;;}
.ulit li .img_box:before {content:"";display:block;position:absolute;width:100%;height:100%;z-index:2;box-sizing:border-box;border:5px solid #65b8d6;left:0;top:0;opacity:0;transition:all .3s ease}

.ulit li.face .img_box:before, .ulit.face li .img_box:before {border-color:#1d53a0}
.ulit li.inst .img_box:before, .ulit.inst li .img_box:before {border-color:#f00075}
.ulit li.yout .img_box:before,.ulit.yout li .img_box:before {border-color:#d74435}

.ulit li a:hover .img_box:before{ opacity:1;}




/* yout_banner */
.yout_banner{height:330px;}
.yout_banner a{display: block; width:100%; height: 100%; overflow: hidden;}
.yout_banner .pic{ float:left;position: relative;}
.yout_banner .txt{ float:right; width:470px; height: 100%; padding-top: 65px;}
.yout_banner .txt h2{ color:rgba(255,255,255,0.3); font-size:60px; font-family: 'futura-pt'; margin-bottom: 20px; line-height: 1.1em;}
.yout_banner .txt h3{ color:#fff; font-size:28px; font-weight: 700; margin-bottom: 20px; line-height: 1.1em;}
.yout_banner .txt p{ color:#fff; font-size:20px; font-weight: 300; line-height: 1.6em;}

.yout_banner.st1{ background:#9f9f9f;}
.yout_banner.st2{background:#74b7d9;height: 380px;}
.yout_banner.st2:before{content:''; display:block; width:100%; height:50px; background:#fff;}
.yout_banner.st2 a{}
.yout_banner.st2 .content{margin-top: -50px;}
.yout_banner.st2 .content:after{content:'';display: block;background: url('../images/common/visual_ico.png') no-repeat 0 0;width: 458px;height: 458px;opacity: 0.1;position: absolute;left: 140px;bottom: -198px;}
.yout_banner.st2 .pic{padding-left: 70px;z-index: 2;}
.yout_banner.st2 .txt{margin-top: 50px;}
.yout_banner.st7{background:#74b7d9;height: 380px;}
.yout_banner.st7:before{content:''; display:block; width:100%; height:50px; background:#fff;}
.yout_banner.st7 a{}
.yout_banner.st7 .content{margin-top: -50px;}
.yout_banner.st7 .content:after{content:'';display: block;background: url('../images/common/visual_ico.png') no-repeat 0 0;width: 458px;height: 458px;opacity: 0.1;position: absolute;left: 140px;bottom: -198px;}
.yout_banner.st7 .pic{padding-left: 70px;z-index: 2;}
.yout_banner.st7 .txt{margin-top: 50px;}

/*doctor-schdule-wrapper */
.doctor-schdule-wrapper > h3 { text-align: center; color: #65add7; padding: 0 0 1.5em; font-size: 2.5em;border-bottom: 2px solid #0c0c0d;}
.doctor-schdule-wrapper > h3 span { display: block;font-weight: 300}
.doctor-schdule-wrapper > h3 span.month { font-weight: 300; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; background-color: #65add7; color: #fff ; margin: 0 auto}
.doctor-schdule-wrapper > h3 strong {font-size:2em; line-height: 1}

.doctor-schdule-wrapper > p { text-align: center; margin: 1em}
.doctor-schdule-area {
	position: relative;
	padding-left: 235px;
	border-bottom: 1px solid #666;
}

.doctor-schdule-area .doctor-information {
	position: absolute;
	top: 0;
	left: 0;
	width: 215px;
	padding: 10px;
	text-align: center;
}

.doctor-information:after {
	content: "";
	clear: both;
	display: block;
}

.doctor-information .picR {
	width: 122px;
	height: 120px;
	margin: 0 auto  5px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
.doctor-information .picR img { max-width: 100%}

.doctor-information p {
	color: #999999;
	font-weight: 300;
	font-size: .9em;
	line-height: 22px;
}

.doctor-information p strong {
	color: #363636;
	font-weight: 600;
	font-size: 1.3em;
}

.circle {	
	color: #77beeb;
  font-size: 1.2em;
	display: block;

}

.table-schadule01 {
	border-left: 1px solid #c2c2c2
}
.table-schadule01 table {
	border-collapse: collapse;
}

.table-schadule01 table thead th {
	text-align: center;
	height: 57px;
	line-height: 57px;
	border-bottom: 1px solid #c6c6c7;
	border-left: 1px solid #c6c6c7;
	font-size: 1em;
	color: #4a4a4a;
	background-color: #f0f0f5;
}

.table-schadule01 table thead th:first-child {
	border-left: 0;
}

.table-schadule01 table tbody th {
	text-align: center;
	vertical-align: middle;
	height: 57px;
	border-top: 1px solid #c2c2c2;
	background: #f0f0f5;
	font-size: 13px;
	color: #4a4a4a;
	font-weight: 400;
}

.table-schadule01 table tbody td {
	text-align: center;
	vertical-align: middle;
	height: 42px;
	color: #999999;
	font-size: 13px;
	border-top: 1px solid #c2c2c2;
	border-left: 1px solid #c6c6c7;
	font-size: .75em;font-weight: 700;
}