@charset "utf-8";
/* ------------------------------------------------------------
* Name      : main.css
* Desc      : BR / common Style Sheet
* Created   : 2013-07-16 by Boram
* Updated   :
------------------------------------------------------------ */
body {height:100%;width:100%;text-align:left;margin:0;padding:0;font-size:12px;line-height:1em;font-family:Dotum, Arial, verdana;color:#666; overflow-Y:scroll; *overflow-Y:;}

td, th{font-size:1em;line-height:15px;}
optgroup label{font-style:normal; font-weight:normal;}
form, p, blockquote, dl, dd, dt {margin:0; padding:0;}
ul, li, ol{list-style:none; margin:0; padding:0px;}
fieldset{margin:0; padding:0; border:0}
legend{display:none;}
img, input.type-image, a img{border:0 none;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}

/*INPUT*/
textarea.text{border:1px solid #d7d7d7; background:#fff; padding:10px; line-height:15px; color:#666}
input, textarea {vertical-align:middle;font-size:1em;color:#000;font-family:Dotum, Arial, verdana;padding:0; margin:0;}
input.text{border:1px solid #d7d7d7; padding:2px 2px 0 7px; height:20px; color:#666;}
input.radio{vertical-align:middle;}
input.checkbox{border:0; height:15px; width:15px; padding:0; margin:0;}
input.file{border:1px solid #d7d7d7; background:#fff; padding:4px; line-height:15px; color:#666}
input.text2{border:1px solid #b8b8b8; padding:2px 2px 2px 7px; height:27px;}
input.text2:focus{border:2px solid #e86d37; padding:1px 1px 1px 6px; height:27px;}

select{vertical-align:middle; color:#666; font-family:Dotum, Arial, verdana; padding:0; margin:0; height:23px; background:#fff; border:1px solid #e2e3ea; border-top:1px solid #abadb3; font-size:12px; padding:1px 1px 1px 5px;}

table{border-collapse:collapse; width:100%;}
table caption{display:none;}
hr{display:none;}

/*btn*/
.btnType1{clear:both; text-align:left; padding:10px 0 0 0;}
.btnType1 .btn{float:right;}
.btnType2{clear:both; text-align:center;}
.btnType3{clear:both; text-align:right; padding:0 25px 0 0;}
.btnType4{text-align:center;}

/*LINK*/
a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active, a:focus {color:#ff7e45; text-decoration:underline;}

/*코멘트*/
.comment{position:absolute; left:-10000px;width:1px; height:1px; overflow:hidden;}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/*id:after{content:"";display:block;clear:both;height:0;visibility:hidden;}*/

/*contents*/
#wrapper{width:100%; position:relative;}


#header{}
#header, #container, #footer{clear:both;}

#wrapper #skipNavi{position:absolute; z-index:99; top:-50px; left:0; width:100%; font-size:1px;}
#wrapper #skipNavi.focus{position:absolute; top:0; font-size:14px; z-index:100;}
#wrapper #skipNavi.focus ul{position:relative; margin:0 auto; width:996px; height:40px; text-align:center; background:#5a5a5a; }
#wrapper #skipNavi ul li{z-index:99;}
#wrapper #skipNavi.focus ul li{position:absolute; top:10px; left:45%; z-index:190;}
#wrapper #skipNavi.focus ul li a:focus{font-weight:bold; color:#fff;}

.headerWrap{width:100%; min-width:996px; position:relative;}
.headerWrap .headerIn{width:996px; margin:0 auto; position:relative; height:115px; z-index:90; overflow:hidden;}
.headerWrap .headerIn .globalArea{position:absolute; top:15px; right:0; /*width:270px;*/}
.headerWrap .headerIn .globalArea ul li{float:left; background:url("../images/common/icon_bar01.gif") no-repeat left 3px; padding:0 8px 0 9px;}
.headerWrap .headerIn .globalArea ul li.first-child{background:none; padding:0 8px 0 0;}
.headerWrap .naviArea{position:absolute; top:33px; left:0; width:100%; z-index:990; overflow:hidden; height:82px;}
.headerWrap .openSub{height:303px; background:url("../images/subDepth_bg.png") no-repeat center 82px; min-width:980px;}/*sub menu open*/
.headerWrap .naviArea .naviIn{position:relative; width:980px; margin:0 auto; z-index:990;}
.headerWrap .naviArea .naviIn h1{padding:0;}
.headerWrap .naviArea .naviIn ul.gnbNavi{ position:absolute; top:30px; left:217px; overflow:hidden; width:100%; float:left;}
.headerWrap .naviArea .naviIn ul.gnbNavi>li{float:left; background:url("../images/common/icon_dot01.gif") no-repeat left 7px; padding:0 0 0 10px; overflow:hidden;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.first-child{background:none;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb1,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb1 ul.subDepth li>a{width:115px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb2,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb2 ul.subDepth li>a{width:133px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb3,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb3 ul.subDepth li>a{width:123px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb4,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb4 ul.subDepth li>a{width:138px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb5,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb5 ul.subDepth li>a{width:128px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.gnb6,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn.gnb6 ul.subDepth li>a{width:78px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li>a{display:inline-block; height:18px; overflow:hidden; font-size:11px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li>a:focus>img,
.headerWrap .naviArea .naviIn ul.gnbNavi li>a:hover>img,
.headerWrap .naviArea .naviIn ul.gnbNavi li.on>a>img,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn>a>img{margin-top:-20px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li ul.subDepth{margin:62px 0 0 10px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li ul.subDepth li{line-height:14px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li ul.subDepth li>a,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn ul.subDepth li>a{display:inline-block; width:auto; overflow:hidden; font-size:11px;}
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn ul.subDepth li>a:focus>img,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn ul.subDepth li>a:hover>img,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn ul.subDepth li.on a img,
.headerWrap .naviArea .naviIn ul.gnbNavi li.selectOn ul.subDepth li.selectOn a img{margin:0 0 0 -130px;}



#footer{position:relative; width:100%; min-width:996px; clear:both; background:#ebeaea; padding:30px 0 35px 0;}
.footerWrap{position:relative; width:980px; margin:0 auto; overflow:hidden;}
.footerWrap p.logo{float:left;}
.footerWrap ul.quickUrl{float:left; margin:8px 0 0 60px;}
.footerWrap ul.quickUrl li{float:left; padding:0 10px 0 10px; background:url("../images/common/icon_bar01.gif") no-repeat left 2px;}
.footerWrap ul.quickUrl li.first-child{background:none; padding:0 10px 0 0;}
.footerWrap address{float:left; margin:8px 0 0 10px;}
.footerWrap .copyright{float:left; margin:10px 0 0 60px;}
.footerWrap .snsArea{ width:80px; float:right; text-align:right;}
.footerWrap .snsArea ul{float:left;}
.footerWrap .snsArea ul li{display:inline-block; margin:0 0 6px 3px;}

/*main*/
.main #container{width:100%; background:url("../images/mainL_bg.gif") no-repeat left 763px;}

.mainBody{width:100%; min-width:996px; margin:0 auto; overflow:hidden; text-align:center;}
.mainBody:after{content:"";display:block;clear:both;height:0;visibility:hidden;}

.mainBody .bigBannerSection{position:relative; z-index:0; width:100%; height:535px; overflow:hidden; min-width:996px; text-align:center; }
.mainBody .bigBannerSection .rollingArea{z-index:990; position:absolute; top:0; left:0; background:#d2d1d1 url("../images/bg_main_tab.png") repeat-x left top; width:100%; height:535px; overflow:hidden;}
.mainBody .bigBannerSection .rollingArea .btnArea{position:absolute; z-index:997; bottom:130px; left:50%; margin:0 0 0 -498px; width:996px; text-align:center;}
.mainBody .bigBannerSection .rollingArea .btnArea button{background:url("../images/common/icon_dot_off.png") no-repeat left top; border:none; padding:0; margin:0; width:20px; height:20px; text-indent:-10000px; cursor:pointer;}
.mainBody .bigBannerSection .rollingArea .btnArea button.active{background:url("../images/common/icon_dot_on.png") no-repeat left top; border:none; padding:0; margin:0; width:20px; height:20px;}


.mainBody .bigBannerSection .rollingArea ul.showBox{z-index:995; width:100%; margin:0 auto;}
.mainBody .bigBannerSection .rollingArea ul.showBox li{width:100%; height:535px;}
.mainBody .bigBannerSection .rollingArea ul.showBox li a{width:906px; height:535px; position:absolute; left:50%; margin:0 0 0 -408px; /*border:1px dashed #f60;*/ display:table-cell; vertical-align:middle; text-align:center; .display:inline-block; z-index:995; overflow:hidden; text-indent:-10000px;}
.mainBody .bigBannerSection .rollingArea ul.showBox li:first-child a{z-index:995;}
.mainBody .bigBannerSection .rollingArea ul.showBox li:nth-child(2) a{z-index:994;}
.mainBody .bigBannerSection .rollingArea ul.showBox li:nth-child(3) a{z-index:993;}

.mainBody .tabLi{position:absolute; top:150px; left:50%; z-index:1; width:80px; /*min-width:980px;*/ height:357px; margin:0 0 0 -490px;#margin:0 0 0 -964px; background:url("../images/main_tab_bg.png") no-repeat left top;#background-position:462px top;}
.mainBody .tabLi ul{padding:70px 0 0 0; width:73px; float:left;}
.mainBody .tabLi ul li{float:left; width:73px; height:71px; overflow:hidden; margin:0 0 7px 0}
.mainBody .tabLi ul li.selectT img,
.mainBody .tabLi ul li a:hover>img,
.mainBody .tabLi ul li a:focus>img{margin:0 0 0 -73px;}

.mainBody .tabQuickSection{ position:absolute; top:537px; left:0; clear:both; width:100%; min-width:996px; height:113px; overflow:hidden; background:url("../images/tabQuickSection_bg.png") repeat;} /*#404040; -ms-filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60); opacity:0.6; */
.mainBody .tabQuickSection a{display:inline-block; width:332px; height:113px; overflow:hidden;}
.mainBody .tabQuickSection a:hover>img,
.mainBody .tabQuickSection a:focus>img{margin:-113px 0 0 0;}

.mainBody .quickMenu{width:996px; margin:0 auto; position:relative;}
.mainBody .quickMenu ul{position:absolute; top:-535px; right:0; z-index:989;}
.mainBody .quickMenu ul.close{top:-788px;}
.mainBody .quickMenu ul.close li.btn img{margin-top:-28px;}
.mainBody .quickMenu ul li.btn{height:28px; overflow:hidden; position:absolute; bottom:-28px}
#kakao{position:absolute; top:-1230px; right:20px; z-index:991;}
#kakao a{position:absolute; top:20px; right:20px;}
#kakaoSub{position:absolute; top:350px; left:35%; z-index:991; display:none;}
#kakaoSub a{position:absolute; top:20px; right:20px;}


.mainCnt{background:#fff; overflow:hidden; width:996px; margin:0 auto;}
.mainCnt .mainL{float:left; width:332px; height:573px;}
.mainCnt .mainL a{display:inline; float:left;}
.mainCnt .mainC{float:left; width:331px; height:573px; border-right:1px solid #e2e2e2;}
.mainCnt .mainC .mainOnline{float:left; width:100%; height:228px; border-bottom:1px solid #e2e2e2; overflow:hidden;}
.mainCnt .mainC .mainOnline p.title{margin:20px 20px 10px 20px; padding:0 0 8px 0; border-bottom:1px solid #e2e2e2;}
.mainCnt .mainC .mainOnline p span.more{float:right; #margin-top:-22px;}
.mainCnt .mainC .mainOnline ul{margin:0 20px;}
.mainCnt .mainC .mainOnline ul li{overflow:hidden; padding:0 0 0 10px; background:url("../images/common/icon_dot02.gif") no-repeat 1px 8px; line-height:22px;}
.mainCnt .mainC .mainOnline ul li a{display:block; float:left; width:210px;
	overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.mainOnline ul li a
.mainCnt .mainC .mainOnline ul li span.date{display:block; float:right;}
.mainCnt .mainC .mainInterview{float:left; width:100%; height:344px; overflow:hidden;}
.mainCnt .mainC .mainInterview p.title{margin:20px 20px 10px 20px;}
.mainCnt .mainC .mainInterview p span.more{float:right; #margin-top:-22px;}
.mainCnt .mainC .mainInterview .interviewMov{text-align:center;}
.mainCnt .mainC .mainInterview .interviewDesc{margin:10px 20px 0 20px; color:#666; font-size:12px; line-height:18px;}
.mainCnt .mainR{float:left; width:332px; height:573px;}
.mainCnt .mainR .mainClinic{height:198px; position:relative; margin:0 20px;}
.mainCnt .mainR .mainClinic p.title{margin:20px 0 0 0;}
.mainCnt .mainR .mainClinic p span.more{float:right; #margin-top:-22px;}
.mainCnt .mainR .mainClinic h5{border:1px solid #eaeaed; width:96px; float:left; text-align:center; height:16px; padding:6px 0 0 0; font-weight:normal; position:absolute; top:23px; left:0px; background:#f3f3f3; color:#999; font-size:11px;}
.mainCnt .mainR .mainClinic h5.on,
.mainCnt .mainR .mainClinic h5:focus,
.mainCnt .mainR .mainClinic h5:hover{border:1px solid #eaeaed; border-bottom:1px solid #fff; font-weight:bold; background:#fff; color:#666;}
.mainCnt .mainR .mainClinic h5 a{color:#999;}
.mainCnt .mainR .mainClinic h5 a:hover,
.mainCnt .mainR .mainClinic h5.on a{text-decoration:none; color:#666;}
.mainCnt .mainR .mainClinic #clinicTab01{left:0;}
.mainCnt .mainR .mainClinic #clinicTab02{left:97px;}
.mainCnt .mainR .mainClinic #clinicTab03{left:194px;}
.mainCnt .mainR .mainClinic .clinicCnt{width:292px;clear:both; position:absolute; top:54px; left:0;}
.mainCnt .mainR .mainClinic .left{position:absolute; top:100px; left:0;}
.mainCnt .mainR .mainClinic .right{position:absolute; top:100px; right:0;}
.mainCnt .mainR .mainReview{position:relative; height:344px;}
.mainCnt .mainR .mainReview .revievImg{margin:0 20px; height:185px; overflow:hidden;}
.mainCnt .mainR .mainReview .revievImg .reviewTxt{position:absolute; top:115px; left:0; width:261px; height:50px; margin:0 20px; overflow:hidden; padding:10px 15px; background:url("../images/bg_mainReview.png") repeat; color:#fff; line-height:16px; font-size:11px;}
.mainCnt .mainR .mainReview .revievImg .reviewTxt p.title{padding:0 0 8px 0;}
.mainCnt .mainR .mainReview .revievImg .reviewTxt a{color:#fff;}
.mainCnt .mainR .mainReview .infobox {padding:30px;}
.infobox {padding:20px;}


.sitemapLi{clear:both; width:100%; min-width:996px; background:#f5f4f4; border-top:1px solid #e2e2e2;}
.sitemapLi ul{width:996px; margin:0 auto; overflow:hidden;}
.sitemapLi ul li{float:left; width:145px; padding:17px 0 0 20px; border-left:1px solid #e2e2e2; text-align:left; }
.sitemapLi ul li.first-child{border:none;}
.sitemapLi ul li>a{font-size:14px; line-height:18px; font-weight:bold;}
.sitemapLi ul li ul{float:left; height:160px; margin:15px 0 0 0;}
.sitemapLi ul li ul li{display:inline-block; width:100%; padding:0; border:none; line-height:18px;}
.sitemapLi ul li ul li>a{font-size:12px;  font-weight:normal;}

/*sub*/
#container{width:100%;}
.subDeco{width:100%; min-width:996px; text-align:center;}
.subDeco img{.display:block;}
.subCnt{width:996px; margin:0 auto; clear:both;}

/* lnb 있을경우 */
#navSection{width:170px; float:left; position:relative;}
	#navSection ul{width:170px; overflow:hidden; text-align:left;}
	#navSection ul li{height:35px; overflow:hidden; line-height:14px; color:#464646; border-bottom:1px solid #e6e6e6;}
	#navSection ul li a:hover img,
	#navSection ul li a:focus img,
	#navSection ul li.current a img{margin-left:-170px;}
	#navSection .banner img{.display:block;}

#articleSection{position:relative; width:720px; float:left; margin:0 0 0 106px;}
	#articleSection h2{padding:30px 0 0 0;}
	#articleSection p.locationMap{margin:-21px 0 9px 0; text-align:right;}
	#articleSection p.locationMap a{background:url("../images/common/icon_bar02.gif") no-repeat 6px top; padding:0 0 0 16px; color:#999}
	#articleSection p.locationMap a:hover{text-decoration:none;}
	#articleSection p.locationMap a.first-child{background:none;}
	#articleSection p.locationMap span{background:url("../images/common/icon_bar02.gif") no-repeat 6px top; padding:0 0 0 16px; color:#333;}
	#articleSection .cntArea{padding:40px 0 100px 0;}



/*서브 공통 - 상담하기*/
#counsel{clear:both; width:100%; min-width:996px;background:#5c5e62;}
.extendArea{width:996px; height:238px;  margin:0 auto; overflow:hidden;}
.extendArea .qLink{float:left; width:248px; }
.extendArea .qLink a{display:block;}
.extendArea .counselNote{float:left; width:720px; margin:0 0 0 28px;}
.extendArea .counselNote .notice{padding:25px 0 20px  0;}
.extendArea .counselNote dl{width:580px;}
.extendArea .counselNote dl dt{height:35px; float:left; width:60px; text-align:right;}
.extendArea .counselNote dl dt img{padding:5px 10px 0 0;}
.extendArea .counselNote dl dd{height:35px; float:left; width:200px;}
.extendArea .counselNote dl dd input.text{float:left; margin-right:7px;}
.extendArea .counselNote dl dd.middle{width:260px;}
.extendArea .counselNote dl dd.wide{width:520px;}
.extendArea .counselNote dl dd textarea.text{border:none;width:481px; height:64px}
.extendArea .counselNote input.text{height:23px; border:none;}
.extendArea .counselNote .checkAuth{margin:7px 0 0 60px; color:#fff;}
.extendArea .counselNote .checkAuth *{vertical-align:top; line-height:26px;}
.extendArea .counselNote .checkAuth input.checkbox{margin:3px 5px 0 0; border:none;}
.extendArea .counselNote .checkAuth a{padding:2px 0 0 0;display:inline-block;}

.boublePop{position:absolute; z-index:999; bottom:153px; left:50%; margin:0 0 0 -275px; width:719px; height:253px; overflow:hidden; background:url("../images/bg_boublePop.png") no-repeat left top}
.boublePop p{padding:32px 0 0 35px; font-size:14px; font-weight:bold;}
.boublePop .popCnt{color:#666; margin:20px 0 0 35px; padding:10px; border:1px solid #d7d7d7; width:630px; height:120px; line-height:15px; overflow:scroll; overflow-X:hidden;}
.boublePop .closeLayer{position:absolute; top:24px; right:33px;}

.layerWrapper{position:relative; width:996px; margin:0 auto;}
#layerTerms{position:absolute; bottom:-110px; left:157px; display:none;}
#layerPolicy{position:absolute; bottom:-110px; left:235px; display:none;}

/*sub (in) - 온바디 소개 */
.introduce{}
.introduce .subDeco{background:#ebe3db;}
.introduce .cntArea .cntLi{position:relative; margin:40px 0 0 0;}
.introduce .cntArea .cntLi a.onlineMap{position:absolute; bottom:20; right:30px;}
.introduce .cntArea .cntLi a.mapPrint{position:absolute; bottom:0; right:0;}
.introduce .cntArea .cntLi a.moreSlineGo5{position:absolute; top:200px; left:366px;}


/*sub (cb) - 가슴성형클리닉 */
.clinicBrest{}
.clinicBrest .subDeco{background:#ebe3db;}
.clinicBrest .cntArea .movArea{position:relative; margin:20px 0;}
.clinicBrest .cntArea .movArea .player{position:absolute; top:4px; left:4px;}
.clinicBrest .cntArea .movArea .player p{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.clinicBrest .cntArea .whyNot{margin:40px 0 60px 0;}
.clinicBrest .cntArea .whyNot p{margin:0 0 23px 0;}
.clinicBrest .cntArea .whyNot ul li{margin:0 0 18px 0;}
.clinicBrest .cntArea .principle{position:relative;}
.clinicBrest .cntArea .principle p{margin:0 0 18px 0;}
.clinicBrest .cntArea .principle a{position:absolute; bottom:0; right:118px;}
.clinicBrest .cntArea .cntLi{position:relative; margin:40px 0 0 0;}
.clinicBrest .cntArea .cntLi a.moreExample{position:absolute; top:0; right:0;}
.clinicBrest .cntArea .nextDiv{margin:45px 0 0 0;}

/*sub co - 비만클리닉*/
.clinicObesity{}
.clinicObesity .subDeco{background:#ebe3db;}
.clinicObesity .cntArea .movArea{position:relative; margin:20px 0;}
.clinicObesity .cntArea .movArea .player{position:absolute; top:4px; left:4px;}
.clinicObesity .cntArea .movArea .player p{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.clinicObesity .cntArea .whyNot{margin:40px 0 60px 0;}
.clinicObesity .cntArea .whyNot p{margin:0 0 23px 0;}
.clinicObesity .cntArea .whyNot ul li{margin:0 0 18px 0;}
.clinicObesity .cntArea .principle{position:relative;}
.clinicObesity .cntArea .principle p{margin:0 0 18px 0;}
.clinicObesity .cntArea .principle a{position:absolute; bottom:0; right:100px;}
.clinicObesity .cntArea .cntLi{position:relative; margin:40px 0 0 0;}
.clinicObesity .cntArea .cntLi a.moreExample{position:absolute; top:0; right:0;}
.clinicObesity .cntArea .cntLi a.moreSlineGo1{position:absolute; top:174px; left:287px;}
.clinicObesity .cntArea .cntLi a.moreSlineGo2{position:absolute; top:366px; left:287px;}
.clinicObesity .cntArea .cntLi a.moreSlineGo3{position:absolute; top:560px; left:287px;}
.clinicObesity .cntArea .cntLi a.moreSlineGo4{position:absolute; top:755px; left:287px;}
.clinicObesity .cntArea .nextDiv{margin:45px 0 0 0;}

/*sub (cb) - 얼굴/피부클리닉 */
.clinicSkin{}
.clinicSkin .subDeco{background:#ebe3db; url("../images/sub_deco_cs_bg.gif") repeat-x;}
.clinicSkin .cntArea .movArea{position:relative; margin:20px 0;}
.clinicSkin .cntArea .movArea .player{position:absolute; top:4px; left:4px;}
.clinicSkin .cntArea .movArea .player p{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.clinicSkin .cntArea .whyNot{margin:40px 0 60px 0;}
.clinicSkin .cntArea .whyNot p{margin:0 0 23px 0;}
.clinicSkin .cntArea .whyNot ul li{margin:0 0 18px 0;}
.clinicSkin .cntArea .principle{position:relative;}
.clinicSkin .cntArea .principle p{margin:0 0 24px 0;}
.clinicSkin .cntArea .principle a.moreFace{position:absolute; top:0; right:0;}
.clinicSkin .cntArea .cntLi{position:relative; margin:40px 0 0 0;}
.clinicSkin .cntArea .cntLi a.moreExample{position:absolute; top:0; right:0;}
.clinicSkin .cntArea .nextDiv{margin:45px 0 0 0;}

/*sub (rv) - 치료시술후기 */
.review{}
.review .subDeco{background:#ebe3db;}


/*sub (bk) - 상담 예약 */
.booking{}
.booking .subDeco{background:#ebe3db;}
.counselBox{border-top:2px solid #e86d37; padding:20px 20px 40px 20px; overflow:hidden;}
.counselBox .userBox{width:690px; float:left; margin-bottom:2px;}
.counselBox .userBox ul li{margin:0 0 9px 0; width:50%; float:left;}
.counselBox .userBox ul li.wideRow{width:100%;}
.counselBox .userBox ul li label{margin:2px 8px 0 0;}
.counselBox .userBox ul li *{vertical-align:middle; }
.counselBox .userBox ul li a{display:inline-block; margin:0 10px 0 0;}
.counselBox .userBox input.hasDatepicker{margin:0 4px 0 0;} /*calendar*/
.counselBox .userBox .ui-datepicker-trigger{margin:0 10px 0 0;}/*calendar*/
.counselBox .cmtBox{clear:both; width:690px; margin-bottom:7px;}
.counselBox .cmtBox label{vertical-align:top;}
.counselBox .cmtBox label img{ padding:5px 5px 0 0;}
.counselBox .terms{clear:both; margin:20px 0 0 55px; border:1px solid #d7d7d7; padding:10px; height:85px; overflow:scroll; overflow-x:hidden; line-height:15px;}
.counselBox .termsCheck{text-align:left; margin:10px 0 10px 55px; color:#666; font-weight:bold;}
.counselPassCheck{border-top:1px solid #e86d37; border-bottom:1px solid #c7c7c7; padding:90px 0 110px 0; text-align:center;}
.counselPassCheck p{margin:0 0 30px 0;}
.counselPassCheck *{vertical-align:middle;}
.counselPassCheck input{height:22px; margin:0 0 0 5px;}

/*sub (etc) - 로그인,회원가입,사이트맵 */
.etc{}
.etc .subDeco{background:#e86d37;}
.etc .subDeco a{display:inline-block; width:332px; height:96px; overflow:hidden;}
.etc .subDeco a:hover img, .etc .subDeco a.section img{margin-top:-96px;}
.etc #loginBox{margin:60px 125px; border:2px solid #d2d2d2;}
.etc #loginBox .tit{padding:22px 0 28px 30px; border-bottom:1px solid #e8e8e8;}
.etc #loginBox .formBox{position:relative; width:340px; margin:50px auto;}
.etc #loginBox .formBox .text2{width:150px;}
.etc #loginBox .formBox label{clear:both; float:left; width:63px; padding:12px 0 0 0; color:#333; font-weight:bold; font-size:12px;}
.etc #loginBox .formBox input{float:left; margin:0 0 6px 0; .margin:0 0 6px -53px}
.etc #loginBox .formBox .logBtn{position:absolute; top:0; right:0; .float:right;.position:relative;.margin:-39px 0 0 0;}
.etc #loginBox .formBox .check{clear:both; float:left; width:142px; margin:5px 0 0 63px;}
.etc #loginBox .formBox .check input{float:left; border:none; padding:0; margin:0 2px 0 0;}
.etc #loginBox .formBox .check label{float:left; width:142px; font-weight:normal; padding:0; line-height:18px;}
.etc #loginBox .formBox .findLink{float:right; margin:5px 0 0 0; width:135px; color:#e86d37; font-size:11px; font-family:Dotum;}
.etc #loginBox .formBox .findLink a{color:#e86d37;}
.etc #loginBox .formBox .note{clear:both; margin:0 0 0 63px;}
.etc #loginBox .formBox dl{clear:both; width:340px; margin:25px 0 0 0; overflow:hidden;}
.etc #loginBox .formBox dl dt{clear:both; float:left; width:212px; height:17px; padding:7px 0 0 8px; color:#666; background:url("../images/common/icon_dot01.gif") no-repeat left 8px;}
.etc #loginBox .formBox dl dd{float:left; width:120px; height:24px; text-align:right;}
.etc #loginBox .formBox .btnType{margin:20px 0 0 63px;}
.etc #loginBox .formIdBox{position:relative; width:340px; margin:50px auto;}
.etc #loginBox .formIdBox label{clear:both; float:left; width:63px; padding:12px 0 0 0; color:#333; font-weight:bold; font-size:12px;}
.etc #loginBox .formIdBox input{ margin:0 0 6px 0;}
.etc #loginBox .formIdBox .text2{width:230px;}
.etc #loginBox .formIdBox .note{clear:both; margin:0 0 0 63px;}
.etc #loginBox .formIdBox .btnType{margin:20px 0 0 63px;}
.etc #loginBox .desc{padding:28px 0 28px 30px; border-top:1px solid #e8e8e8;}
.etc #joinBox{padding:50px 125px;}
.etc #joinBox .tit{border-bottom:2px solid #e86d37; padding:0 0 15px 0;}
.etc #joinBox .sTit{padding:30px 0 10px 0;}
.etc #joinBox .sTit label{float:right; font-weight:bold; color:#666; .margin:-25px 0 0 0; }
.etc #joinBox .sTit label input{margin-right:5px;}
.etc #joinBox .termsBox{clear:both; border:1px solid #d7d7d7; padding:10px; line-height:15px; color:#666; height:90px; overflow:scroll; overflow-X:hidden;}
.etc #joinBox .btnType2{padding-top:25px;}
.etc #joinBox .joinComplete{text-align:center; border-bottom:1px solid #8f8f8f; padding-bottom:80px; margin-bottom:50px;}
.etc #joinBox .joinComplete p.user{width:400px; padding:9px 50px; margin:70px auto 30px auto; background:#f5f5f5; text-align:center; color:#666; font-size:20px; line-height:16px;}
.etc #joinBox .joinComplete p.user strong{vertical-align:5px; font-weight:bold;}
.etc #joinBox .joinComplete p.user img{padding:0 0 0 30px;}
.etc #sitemap{padding:50px 125px;}
.etc #sitemap .tit{padding:0 0 15px 0;}
.etc #sitemap .siteLink{margin:0 0 0 -9px; overflow:hidden;}
.etc #sitemap .siteLink ul li{width:169px; margin:0 0 0 9px; padding:10px 0 50px 10px; border-top:2px solid #e86d37; float:left;}
.etc #sitemap .siteLink ul li ul{ margin:10px 0 0 -9px; padding:10px 0 0 0; border-top:1px solid #d3d3d3;}
.etc #sitemap .siteLink ul li ul li{border:none; padding:5px 0 0 0;}
.wating .subDeco{text-indent:-90000px; background:#e86d37 url("../images/bg_etc.gif") repeat-x left top; height:36px;}
.wating .thankU{margin:120px 125px; padding:80px 0 60px; text-align:center; border-top:2px solid #e86d37; border-bottom:1px solid #8f8f8f;}
.wating .thankU .btnType2{padding-top:40px;}

/*board*/
.tbBoard{}
.tbBoard table.boardType{width:100%; border-top:2px solid #e86d37; border-bottom:1px solid #c7c7c7;}
.tbBoard table.boardType a:hover, .tbBoard table.boardType a:focus{text-decoration:none;}
.tbBoard table.boardType thead th{border-bottom:1px solid #c7c7c7; padding:10px 0 6px 0; line-height:16px; color:#666; text-align:center;}
.tbBoard table.boardType tbody td{border-top:1px solid #edeeef; padding:10px 0 8px 0; line-height:16px; text-align:center; color:#666;}
.tbBoard table.boardType tbody td.sbj{text-align:left;}
.tbBoard table.boardType tbody td.sbj a{display:block; width:420px;
	overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}/*말줄임 적용*/
.tbBoard table.boardType tbody td .cate{width:52px;}
.tbBoard table.boardType tbody td.type{color:#e86d37}

.tbBoard table.boardType2{width:715px; border-top:1px solid #0155c3;}
.tbBoard table.boardType2 thead th{border-bottom:1px solid #b0b0b0; padding:12px 0 8px 30px; line-height:16px; color:#111; text-align:left;}
.tbBoard table.boardType2 thead th.date{font-weight:normal; color:#636363; background:url("../images/common/icon_bar02.gif") no-repeat left 45%; padding:0 0 0 20px;}
.tbBoard table.boardType2 tbody td.boardCnt{text-align:left; line-height:18px; padding:30px;}

.boardBtn{text-align:right; margin-top:-23px;}
/*회원가입 tb*/
.formTb{}
.formTb table{border-bottom:1px solid #999;}
.formTb table th{color:#333; padding:10px 0 5px 25px; border-top:1px solid #e2e3e4; text-align:left; font-weight:normal;}
.formTb table td{color:#666; padding:5px 0 5px 15px; border-top:1px solid #e2e3e4; border-left:1px solid #e2e3e4;}
.formTb table td span.state{font-size:11px; color:#666; padding:0 0 0 5px;}
.formTb table td span.state input{margin-right:5px;}
.formTb table td span.state.waring{color:#e86d37;}
.formTb table td p.desc{font-size:11px; color:#666; margin:7px 0 3px 0; padding:0;}
.formTb table td p.desc input{margin-right:5px;}
.formTb table td .btnZip{vertical-align:-6px;}


/*category*/
.category{margin-bottom:20px;}
.category a{display:inline-block; background:url("../images/common/icon_bar03.gif") no-repeat left top; padding:0 5px 0 10px;}
.category a.first-child{background:none; padding:0 5px 0 0;}
/*게시판의 category*/
.cate{display:block; float:left; margin-right:10px; font-size:0; width:26px; height:14px; background:url("../images/common/icon_cate.gif") no-repeat left 0;}
.cate.brest{width:26px; background-position:left 0;}
.cate.scar{width:26px; background-position:left -35px;}
.cate.acne{width:35px; background-position:left -70px;}
.cate.baby{width:35px; background-position:left -105px;}
.cate.diet{width:45px; background-position:left -140px;}
.cate.face{width:51px; background-position:left -175px;}


/*게시판 - 전후사진*/
.changeBoard{}
.changeBoard ul{}
.changeBoard ul li{clear:both; padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden; border-bottom:1px solid #c7c7c7;}
.changeBoard ul li .photo{float:left; width:270px; height:99px; background:url("../images/common/icon_bar04.gif") no-repeat 122px 50%;}
.changeBoard ul li .photo img{display:block; float:left; width:114px; height:99px; margin:0 20px 0 0;}
.changeBoard ul li dl{float:right; overflow:hidden; width:450px; }
.changeBoard ul li dl dt{width:100%; float:left; font-weight:bold;}
.changeBoard ul li dl dd{width:100%; float:left; margin:20px 0 0 0; line-height:15px;}

.changeBoard .name{float:left; margin:2px 0 0 0;}
.changeBoard .age{float:right; margin:2px 5px 0 0;}

.changeBoardView{}
.changeBoardView table{border-top:2px solid #e86d37; border-bottom:1px solid #c7c7c7;}
.changeBoardView thead th{border-bottom:1px solid #c7c7c7; padding:8px 0 6px 0;}
.changeBoardView thead th.sbj{text-align:left; font-weight:normal;}
.changeBoardView thead th.desc{font-weight:normal;}
.changeBoardView tbody td .viewArea{padding:20px; line-height:25px;}
.changeBoardView tbody td .viewArea.movPlayer{padding:30px 0; text-align:center;}
.changeBoardView tbody td .answerArea{padding:20px; line-height:25px; border-top:1px solid #c7c7c7;}
.changeBoardView tbody td .answerAreaWrite{padding:10px; width:696px; height:70px; line-height:25px; border:1px solid #b8b8b8;}
.changeBoardView tbody td .file{width:380px; border:1px solid #d7d7d7;}
.changeBoardView tbody .answerWrite td{padding:10px 0 25px 0;}
.changeBoardView tbody .answerWrite td label{font-weight:bold; padding-right:20px;}
.changeBoardView tbody td.btn{text-align:right;}

.changeBoardWrite{}
.changeBoardWrite table{}
.changeBoardWrite thead th{ padding:8px 0 6px 0; text-align:left;}
.changeBoardWrite thead th *{vertical-align:middle}
.changeBoardWrite thead th.file{text-align:right;}
.changeBoardWrite thead th.desc{font-weight:normal;}


/*게시판 - 인터뷰*/
.viewBoard{}
.viewBoard ul{}
.viewBoard ul li{clear:both; padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden; border-bottom:1px solid #c7c7c7;}
.viewBoard ul li .photo{float:left; width:235px;}
.viewBoard ul li .photo img{display:block; float:left; width:213px; height:152px; border:1px solid #a4a4a4;}
.viewBoard ul li dl{float:right; overflow:hidden; width:485px; }
.viewBoard ul li dl dt{width:100%; float:left; font-weight:bold;}
.viewBoard ul li dl dd{width:100%; float:left; margin:20px 0 0 0; line-height:18px;}
.viewBoard .subject{float:left; margin:2px 0 0 0;}
.viewBoard .date{float:right; margin:2px 5px 0 0; font-weight:normal;}
.viewBoard .date strong{margin:0 3px 0 10px;}
.viewBoard .date em{color:#e86d37; font-style:normal;}

/*게시판 상세 하단 바로 가기*/
.quickPass{margin:40px 0 10px 0; border-top:1px solid #c7c7c7;  overflow:hidden;}
.quickPass ul{margin-top:-1px;border-bottom:1px solid #c7c7c7}
.quickPass ul li{ border-top:1px solid #e9ebec; overflow:hidden; font-size:12px; color:#676767;}
.quickPass ul li span{width:11%; float:left; padding:9px 0 7px 2%; background:#f7f7f7;}
.quickPass ul li em{width:84%; float:left; padding:9px 0 7px 3%; font-style:normal;
	overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}/*말줄임 적용*/


/*paging*/
.paging{text-align:center; padding:15px 25px 0 0; color:#666;}
.paging *{vertical-align:middle;}
.paging .prev a,
.paging .next a{padding:0 6px;}
.paging .prev,
.paging .next{display:inline-block; margin:-2px 0 0 0;}
.paging .numbering{padding:2px 0; vertical-align:middle;}
.paging .numbering a{color:#636363; line-height:18px; padding:0 8px; background:url("../images/common/icon_bar05.gif") no-repeat left 2px;}
.paging .numbering a.first-child{background:none; padding:0 6px 0 0;}
.paging .numbering a.current{font-weight:bold; text-decoration:underline;}