@charset "utf-8";


#content_wrap{position:relative; padding-top:100px; overflow:hidden; min-width:640px}


/*new*/



.sub_content {width:640px; background:#fff; margin:0 auto;}

#sub_portal {width:640px; margin: 0 auto; background:#FFF;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border-bottom:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:70px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:30px; color:#4e4f5d; width:100%; height:70px; padding:0 0 0 25px; border:0; background:transparent url('/pyeongchon/mobile/images/arrow_down.gif') no-repeat right top; background-size:70px 70px;-webkit-background-size:70px 70px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }





/* sub_common */
.ml60 {padding-top:60px; margin-left: 32px;}
.ml100 {padding-top:100px; margin-left: 32px;}
.mb60 {margin-bottom: 60px;}
.mt60{margin-top:60px; !important;}
.mt0 {margin-top: 0 !important;}






/*�Ұ����־�*/
#sub_visual {width:640px;  margin:0 auto; padding-bottom:30px /*border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#e5f8f4;*/}
#sub_visual .v_txt2 {text-align: center; font-size: 25px; font-weight: 300; line-height: 120%; padding-bottom: 50px; }
#sub_visual h2{font-family: "GmarketSansBold"; font-size:70px; color:#fff; font-weight:900; line-height:100%; text-align:center; letter-spacing:-1px; padding-top:58px;}
#sub_visual .txt_b {font-family: "GmarketSansMedium"; font-size:32px; text-align:center;  color:#fff; font-weight:500; margin-top:30px; padding-bottom:27px; line-height: 33px;}
#sub_visual .txt_b2 {font-family: "Noto Sans KR"; font-size:24px;  text-align:center;  color:#fff; font-weight:400; padding-bottom:76px; line-height: 33px;}

#sub_visual2 {width:640px;  margin:0 auto;  background:#e5f8f4; /*border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#e5f8f4;*/}
#sub_visual2 h2{font-family: "GmarketSansBold"; font-size:70px; color:#222; font-weight:900; line-height:100%; text-align:center; letter-spacing:-1px; padding-top:58px;}
#sub_visual2 .txt_b {font-family: "GmarketSansMedium"; font-size:26px; text-align:center;  color:#222; font-weight:500; margin-top: 60px; padding-bottom:27px; line-height: 33px;}
#sub_visual2 .txt_b2 {font-family: "Noto Sans KR"; font-size:24px;  text-align:center;  color:#222; font-weight:400; padding-bottom:76px; line-height: 33px;}


#sub_visual .line {width: 63px; height: 3px; background-color: #fff; margin: 44px auto; margin-bottom: 30px;}


.bg_color02{ background:#45bea3}
.bg_color03{ background:#fb7fa8}
.bg_color01{ background:#ff8849}
.bg_color04{ background:#89a55c}
.bg_color05{ background:#ffc22b}
.bg_color06{ background:#01b1af}
.bg_color07{ background:#ed867f}
.bg_color08{ background:#0ab0d8}
.bg_color09{ background:#7f9ed7}
.bg_color10{ background:#6f54c1}



/*contents*/
#p60{padding-bottom:50px;}
#contents .cntbox {width:640px; margin:0 auto; margin-top: 0px;}
#contents .cntbox h3 {width: 550px; font-weight: 700;  letter-spacing: -0.125rem;  font-size: 40px;  line-height: 50px; margin: 0 auto; margin-bottom: 40px; font-family: 'GmarketSans';
border-bottom:1px solid #222}



/*연관시술*/
#connet_wrap {overflow: hidden; margin-bottom: 50px; background-color: #f5f0ee;  padding: 20px; margin: 0 20px 70px;}
#connet_wrap .tit { padding: 10px 10px 10px 20px; font-size: 27px; font-weight: bold; text-align:center;}
#connet_wrap .connet_cont {padding: 20px 30px; overflow: hidden; background-color: #f9f7f8; margin: 14px 5px; border-radius: 10px;}
.fl_left { float: left; border-bottom: 1px solid #b2b0b1; width: 490px; padding-bottom: 10px;}
.fl_right { float: right;  letter-spacing: -0.5px; font-size:23px; color:#666; padding-top:12px;}
#connet_wrap .connet_price { font-size: 27px; color: #c73b3e; font-weight: 600; line-height: 40px;}
#connet_wrap .connet_cont .big_txt { font-size: 27px; color: #222; font-weight:bold;}
#connet_wrap .connet_cont .s_txt { width: 490px; display: block; font-size: 23px; color: #666;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  word-wrap: normal; font-weight: 300;}
#heart { display: inline-block; margin-bottom: 7px; color: #fe6b3e;}
.before { text-decoration: line-through;  font-size: 23px;  font-weight: 300; color:#666;}
#won {font-size: 23px;  font-weight: 300; color:#666;}

.btn01 { border: 2px solid #fee500; padding: 5px 50px; font-size: 23px; color:#222;}
.btn02 { border: 1px solid #222;  padding: 5px 50px; background-color: #fee500; font-size: 23px; color:#222;}
.btn {float:right;     padding-bottom: 20px;}



/*서브탭 */

/*tab common style*/
.tab_area {position:relative; width:640px; height:70px; margin:auto;}
.sub_tabs {position:absolute; left:50%; top:0; z-index:3; margin-left:-320px; width:640px;}

/*.sub_tabs {width:1200px; margin:30px auto; border:solid 1px #d9d9d9;}*/
.sub_tabs ul {border:solid 1px #d9d9d9;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:45px;width:20%;}
.sub_tabs ul li a {display:block; text-align:center; font-size:21px; line-height:45px; color:#666; border-left:solid 1px #d9d9d9; background:#fff; cursor:pointer;}
.sub_tabs ul li:first-child a {border-left:none;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#4d4d4d;}


/*board tabs*/
.tabs {width:100%; height:39px; border-bottom:1px solid #d9d9d9; margin-bottom:15px;}
.tabs li {float:left; width:110px;}
.tabs li a {display:block; height:39px; line-height:39px; letter-spacing:-0.5px; text-align:center; border:solid 1px #d9d9d9; border-left-width:0; border-bottom:0;}
.tabs li.first a {border-left-width:1px;}
.tabs li a.on {background:#85aecc; border-color:#85aecc; color:#fff; font-weight:bold;}

/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep {width:100%; margin:0 auto; margin-bottom: 20px; text-align: center; overflow: hidden; line-height:40px; font-size:25px; border-top:2px solid #222;}
.tab_3dep li{float: left; width:33.2%; border-bottom:1px solid #999; border-right:1px solid #999; background: #fff; height:40px;}
.tab_3dep li:nth-child(3n){border-right:0px;}
.tab_3dep li a.on{background-color: #222; display:block; color:#fff; font-weight:500;}
.tab_3dep li a{display:block}


.tab_3dep02 {width:100%; margin:0 auto; margin-bottom: 20px; text-align: center; overflow: hidden; line-height:60px; font-size:25px; border-top:2px solid #222;}
.tab_3dep02 li{float: left; width:49.9%; border-bottom:1px solid #999; border-right:1px solid #999; background: #fff; height:60px;}
.tab_3dep02 li:nth-child(2n){border-right:0px;}
.tab_3dep02 li a.on{background-color: #689eda; display:block; color:#fff; font-weight:500;}
.tab_3dep02 li a{display:block}

.sub_media{width:640x; padding:50px 0; text-align:center; background:#222;}

/*둘러보기*/
#gallery {margin-top:45px;}

#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #ffd8ab; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('../images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('../images/gallery_btn_next.png');}

/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:640px; height:600px; padding-bottom:0px; background:#000; margin: 0 auto; /*border-top:1px solid #ddd*/}
#footer_wrap #footer .foot_btn{padding:30px 0 20px 0; overflow:hidden}
#footer_wrap #footer .foot_btn li{display:inline-block; margin:0 5px}
#footer_wrap #footer .foot_btn li a{line-height:36px; color:#fff; display:block; border:1px solid #fff; padding:0 1rem}
#footer_wrap #footer {margin: 0 auto; width:100%; text-align: center;}
#footer address {font-size: 20px; font-weight: 400; color:#979797; font-style: normal; padding-top:40px; line-height:32px}
#footer address span{font-size: 18px;}


/***************************** ////// 장비소개 ////// *******************************/
.Laser01{width:640px; margin-bottom:40px;}
.Laser_img01{width:400px; height:330px; border:1px solid #ebebeb; background:#f6fafd; margin: 0 auto;}
.Laser_box{width:560px; text-align:left; padding-left:40px}
.Laser01_color{margin-top:35px; font-size:26px; font-weight:500; color:#222; width:560px; height:45px; background:#e4e9ec; border:1px solid #8898a2; 
text-align:center; line-height:45px;}
.text01{margin-top:15px; font-size:23px; font-weight:400; color:#222;}
.text02{margin-top:20px; font-size:21px; font-weight:300; color:#222; word-break: keep-all;}
.line{width:640px; height:7px; background:#f1f1f1; margin-bottom:40px;}

.Laser02{width:640px; margin-bottom:40px;}
.Laser_img02{width:400px; height:330px; border:1px solid #ebebeb; background:#fafaf6; margin: 0 auto;}
.Laser02_color{margin-top:35px; font-size:26px; font-weight:500; color:#222; width:560px; height:45px; background:#ebebe7; border:1px solid #868686; 
text-align:center; line-height:45px;}



/***************************** ////// 탭 ////// *******************************/
.sub_nav{position:relative;}
.sub_nav:after{content:""; clear:both; display:block;}
.sub_nav .snav_wrap{float:left; width:50%; box-sizing:border-box;}
.sub_nav .snav_wrap.subn_01{border-right:1px solid #111;}
.sub_nav .snav_wrap.subn_02{border-right:1px solid #fff;}
.sub_nav .snav_wrap a.snav_b{display:block; box-sizing:border-box; width:100%; padding:5%; font-size:1.55rem; color:#040a1b; background:url('/sinsa/mobile/images/sub_nav_bg.png') no-repeat 92% 50%; background-size:8%; border-bottom:1px solid #111;}
.sub_nav .snav_wrap a.snav_b2{display:block; box-sizing:border-box; width:100%; padding:5%; font-size:1.36rem; color:#040a1b; background-size:8%; border-bottom:1px solid #111;}
.sub_nav .snav_wrap .sub_slide{display:none; position:absolute; width:50%; z-index:50; background:#fff; border-bottom:1px solid #111;}
.sub_nav .snav_wrap .sub_slide a{display:block; box-sizing:border-box; width:100%; padding:5px 5%; font-size:1.4rem; color:#040a1b;}
.sub_nav .snav_wrap .sub_slide .depth3{display:none;}
.sub_nav .snav_wrap .sub_slide.slid01{width:50%; border-right:1px solid #111; left:0; padding:10px 0 10px 0}
.sub_nav .snav_wrap .sub_slide.slid02{width:50%; border-left:1px solid #111; left:calc(50% - 1px); padding:10px 0 10px 0}