@charset "utf-8";


/*********************************************
 *********************************************
	@ Creator Info.
	- Author : DESIGNPIXEL(Web-Agency) _ 디자인픽셀
	- Web-site: http://www.designpixel.co.kr
	- Published by ssavio ( Sang-Ho, Kim ) / e-mail : freegp@nate.com
	- Last Date : Jan.xx.2010

	- ssavio²PENSOXECT!

 *********************************************
**********************************************/





/* common type */
html{margin:0;padding:0;width:100%;height:100%;}
body{margin:0;padding:0;color:#999; font-size:0.75em;font-family:dotum,verdana,sans-serif;
	/*background:#fff;*/
}

a {color:#7d7d7d;text-decoration:none;}
a:hover {color:#333;}
a { selector-dummy : expression(this.hideFocus=true);} 


img {border:0;}
object {display:block;}
ul {list-style:none;margin:0;padding:0;}
ul.listH li {float:left;display:inline;}
ul.listV li {margin:0;padding:0;}
ul.listH li img, ul.listH li img{vertical-align:bottom;}

h1.tit {margin:0;padding:0 0 0 10px;}
h2.tit {margin:0;padding:0;}
h3.tit {margin:0;padding:0;}


.point{color:#a565ed;}
.floatL{float:left;}
.floatR{float:right;}
.cBoth {clear:both;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.txtC {text-align:center;}
.txtM {vertical-align:top;}
.txtM {vertical-align:middle;}
.txtB {vertical-align:bottom;}


.fit{margin:0;padding:0;}
.block {display:block;}
.inBlock {display:inline-block;}
.borN {border:1px solid #333;}
.borB {border-bottom:1px solid #739d22;}
.txtForm {background:#1b1b1b;border:1px solid #353535;height:18px;line-height:1.2em;font-size:0.9em;}

.mTxxl {margin-top:60px !important;}
.mTxl {margin-top:50px !important;}
.mTl {margin-top:40px !important;}
.mTm {margin-top:30px !important;}
.mTs {margin-top:20px !important;}
.mTxs {margin-top:10px !important;}
.mTxxs {margin-top:5px !important;}

.pTxxl {padding-top:60px !important;}
.pTxl {padding-top:50px !important;}
.pTl {padding-top:40px !important;}
.pTm {padding-top:30px !important;}
.pTs {padding-top:20px !important;}
.pTxs {padding-top:10px !important;}
.pTxxs {padding-top:5px !important;}

.pLxxl {padding-left:60px !important;}
.pLxl {padding-left:50px !important;}
.pLl {padding-left:40px !important;}
.pLm {padding-left:30px !important;}
.pLs {padding-left:20px !important;}
.pLxs {padding-left:10px !important;}
.pLxxs {padding-left:5px !important;}


.wMax {width:100%;}

.alpha10 {-moz-opacity:0.1;filter:Alpha(opacity=10);opacity:0.1;}
.alpha20 {-moz-opacity:0.2;filter:Alpha(opacity=20);opacity:0.2;}
.alpha30 {-moz-opacity:0.3;filter:Alpha(opacity=30);opacity:0.3;}
.alpha40 {-moz-opacity:0.4;filter:Alpha(opacity=40);opacity:0.4;}
.alpha50 {-moz-opacity:0.5;filter:Alpha(opacity=50);opacity:0.5;}
.alpha60 {-moz-opacity:0.6;filter:Alpha(opacity=60);opacity:0.6;}
.alpha70 {-moz-opacity:0.7;filter:Alpha(opacity=70);opacity:0.7;}
.alpha80 {-moz-opacity:0.8;filter:Alpha(opacity=80);opacity:0.8;}
.alpha90 {-moz-opacity:0.9;filter:Alpha(opacity=90);opacity:0.9;}
.alpha95 {-moz-opacity:0.95;filter:Alpha(opacity=95);opacity:0.95;}




/****************************
					 layout 
*****************************/


/* bg */
.bgM1 {width:100%;background:url('/images/bgM1.jpg') 50% 0 no-repeat;}
.bgM2 {width:100%;background:url('/images/bgM2.jpg') 50% 0 no-repeat;}
.bgM3 {width:100%;background:url('/images/bgM3.jpg') 50% 0 no-repeat;}
.bgM4 {width:100%;background:url('/images/bgM4.jpg') 50% 0 no-repeat;}
/*
.bgM5 {width:100%;background:#f1f1f1 url('/images/bgM1.jpg') 50% 0 no-repeat;}
.bgM6 {width:100%;background:#f1f1f1 url('/images/bgM1.jpg') 50% 0 no-repeat;}
.bgM7 {width:100%;background:#f1f1f1 url('/images/bgM1.jpg') 50% 0 no-repeat;}
*/
.bgS {width:100%;background:#fff url('/images/bg_sub.gif') 0 0 repeat-x;}


/* index */
#visualM {margin:0;padding:0;}

/* index & subP FOOT */
#footGRM {clear:both;background:#f9f9f9;margin:0; padding:0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;position:relative;left:0;top:0;}
	#footMA { margin:0 auto;padding:15px;width:950px;overflow:hidden;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;position:relative;left:0;top:0;}
	#footMA .footL {/*float:left;*/margin:5px 0 0;padding:0;/*position:absolute;*/bottom:15px;}
	#footMA .footList {margin:0;padding:0;}
	#footMA .footList li {margin:0;padding-left:10px;background:url('/images/foot_part.gif') 3px 30% no-repeat;display:inline;}
	#footMA .footList li.first {padding:0 !important;background:none;}
	#footMB {clear:both;margin:0 auto;padding:15px 15px 50px;width:950px;background:transparent;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
	#footMB .footL {/*float:left;*/margin:0px 0 0;padding:0;}
	#footMB .footList {margin:0;padding:0;}
	#footMB .footList li {margin:0;padding-left:10px;background:url('/images/foot_part.gif') 3px 30% no-repeat;display:inline;}
	#footMB .footList li.first {padding:0 !important;background:none;}


	#footGR {clear:both;margin:0px 0 0;}
		#footW {background:#fff; padding:10px 0;}
		#foot {margin:0 auto;width:1000px;overflow:hidden;padding:0;}
		#foot .footL {/*float:left;*/border-left:1px solid #ddd;margin:10px 0;padding:0 10px 0;}
		#foot .footList {margin:0;padding:0;}
		#foot .footList li {margin:0;padding-left:10px;background:url('/images/foot_part.gif') 3px 30% no-repeat;display:inline;}
		#foot .footList li.first {padding:0 !important;background:none;}



#subM_bnM {width:980px;margin:0 auto;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
#subM_bn {width:980px;margin:0 auto;}



/* 센터별 페이지 : m1, m2, m3 ... */

	#subC1 {clear:both;width:920px;padding:50px 30px;margin:0 auto;position:relative;border:1px solid #fa6c92;overflow:hidden;}
	#subC2 {clear:both;width:920px;padding:50px 30px;margin:0 auto;position:relative;border:1px solid #34c2c2;overflow:hidden;}
	#subC3 {clear:both;width:920px;padding:50px 30px;margin:0 auto;position:relative;border:1px solid #a8ca2b;overflow:hidden;}
	#subC4 {clear:both;width:920px;padding:50px 30px;margin:0 auto;position:relative;border:1px solid #fc9a1a;overflow:hidden;}
	#subC5 {clear:both;width:920px;padding:50px 30px;margin:0 auto;position:relative;border:1px solid #34c2c2;overflow:hidden;}

		.leftC {float:left;width:255px;z-index:30;position:relative;}
		.centerC {width:345px;overflow:hidden;margin:0 auto;z-index:30;position:relative;}
		.rightC {float:right;width:255px;z-index:30;position:relative;}
		.subC_bg{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:#fff;
								-moz-opacity:0.4;filter:Alpha(opacity=40);opacity:0.4;_height:1000em;_padding:30px;}
		dl.newsArea {margin:0;padding:0;}
		/*dl.newsArea span {float:right}*/
		dl.newsArea dt {border-bottom:1px solid #ddd;height:19px;}
		dl.newsArea dt img {vertical-align:bottom;}
		dl.newsArea dd {clear:both;margin:0;padding:10px 0 0;}
			ul.newsList {padding:0 5px 0 0; }
			ul.newsList li {clear:both;padding:3px 0 3px 8px;height:12px;background:url('/images/bul_dot.gif') 3px 50% no-repeat;}
			ul.newsList span.sbj {float:left;}
			ul.newsList span.date {float:right;}
			.selectMn {font-size:11px;font-family:dotum,verdana,sans-serif;border:1px solid #ccc;color:#555;}
			#vodScreen {float:left;width:135px;height:105px;}
			#vodDesc {float:right;width:105px;height:65px; padding:2px 0 0 15px;background:url('/images/bul_dot.gif') 8px 10% no-repeat;}
		#newsRV {float:right;width:135px;}
		#newsRV div.sbj {background:url('/images/bul_dot.gif') 3px 7px no-repeat;padding:1px 0 1px 8px;}
		#newsRV div.date {padding:1px 0 1px 8px;}

	/* subP : 전문마취, 더라인소개 */
	#subP {position:relative;left:0;top:0;z-index:30;margin:0;padding:0;height:220px;}
	#sub_middleGR {position:relative;left:0;top:0;width:100%;_margin-top:-86px; border-top:1px solid #eaeaea;background:#fff;}
	#sub_middleGR #container {width:980px;margin:0 auto;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;/*overflow:hidden;display:table;table-layout:fixed;*/ *height:1%;}




		#sub_left {float:left;padding:50px 0 0;position:relative;left:0;top:-85px;}
		#sub_cont {float:left;border-left:1px solid #eaeaea;position:relative;left:0;top:0;
		width:700px;padding:50px 40px 0px;}
		/*width:675px; padding:50px 90px 200px 10px; ///  width:755px;padding:50px 10px 200px;*/
		#sub_cont .localList {float:right;padding:0 0 30px;}
		#sub_cont .localList li {margin:0;padding:0;background:url('/images/bul_arr.gif') 3px 40% no-repeat;padding-left:10px;display:inline;font-size:0.95em;}
		#sub_cont .localList li.first {background:none;}





/* sub page(contents) : 가슴, 체형, 리프팅&동안성형, 안면 */

	#subT {position:relative;left:0;top:0;z-index:30;}
	#middleGR {position:relative;/*left:0;top:-56px;*/z-index:20;margin:-56px auto 0;width:1000px;/*overflow:hidden;*/}
	#middleGR #container {position:relative;}
	#middleGR #subL {float:left;position:relative;}
	#middleGR #subR {position:relative;float:left;padding:60px 90px 0 40px;
								_padding:60px 40px 0 40px;width:670px;/*_border:1px solid #f00;*/}
		#middleGR #subR #subRC {position:relative;left:0;top:0px;z-index:20;width:680px;}
		#middleGR #subR #subRC .localList {position:relative;left:0;top:0px;z-index:30;float:right;margin:0;padding:0 0 30px;list-style:none;display:inline;}
		#middleGR #subR #subRC .localList li {margin:0;padding:0;background:url('/images/bul_arr.gif') 3px 40% no-repeat;padding-left:10px;display:inline;font-size:0.95em;}
		#middleGR #subR #subRC .localList li.first {background:none;}
		#middleGR #subR .subR_bg {position:absolute;left:0;top:0px;z-index:10; width:100%;_width:790px;height:100%;}







	/* 1step ~ 4step  m61 & m71 각 센터별 온라인상담 */

	#onBoard{padding:0 30px 0 5px;width:650px;}
	#onBoard2{padding:0 40px 0 5px;width:650px;} /* 더라인 소개, */
	#tabBg {background: url('/images/tabbg.gif') 0 0 no-repeat;/*width:672px;*/height:123px;padding: 0 17px; }
	#bbs_heart {position:relative;top:-20px;*top:-35px;left:0;}
	#bestReviewTab {position:relative;top:-5px;*top:-10px;left:0;}



		/* 1뎁스 탭 메뉴 */
		#tabBg .tabM li {float:left;display:inline;margin:0;padding:0;}
		#tabBg .tabM li img, .tabS li img{vertical-align:bottom;}

		/* 2뎁스 탭 메뉴 */
		#tabBg .tabS_out {clear:both;padding:10px 5px 0;}
		#tabBg .tabS {margin:0 40px 0 0;padding:0;}
		#tabBg .tabS li {margin:0;padding:0 5px 0 0;display:inline;float:left;}
		#tabBg .tabS li a {display:block;}
		#tabBg .tabS li a img {vertical-align:bottom;}
		#tabBg .tabS li.first {background:none; padding-left:0px;}

		/* m13 : 학술활동 */
		ul.tabS {margin:0;padding: 0 0 10px 10px;}
		ul.tabS li {margin:0;padding:0;display:inline;}
		ul.tabS li a img {vertical-align:bottom;}
		ul.tabS li.first {background:none; padding-left:0px;}




	/* 온라인상담&고객센터*/
	#reservation {margin:30px 0 0 20px;padding:0;width:610px;border-top:2px solid #b784f1;border-bottom:2px solid #b784f1;overflow:hidden;}
	#reservation * {font-size:11px;font-family:dotum,verdana,sans-serif;}
		#reservation dt {margin:0;padding:0;clear:both;float:left;width:100px;height:15px;padding:5px 0;background:#f0f0f0;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;text-align:center;}
		#reservation dt.descT {height:300px;border-bottom:none;}
		#reservation dd {float:left;width:499px;height:21px;margin:0;padding:2px 5px;border-bottom:1px solid #cfcfcf;}
		#reservation dd.desc {height:300px;border-bottom:none;}
		#reservation dd input {width:150px;}
		#reservation dd input.txt {border:1px solid #bbb;padding:2px;}
		#reservation dd input.radio {width:15px;margin:0;vertical-align:middle;}
		#reservation dd select.select {border:1px solid #bbb;padding:0;margin:0;}
		#reservation dd textarea {width:99%;_width:98%;height:300px;border:1px solid #bbb;}
		#reservationBtn {clear:both;width:610px;text-align:right;margin-left:20px;}











/* m6,7,8 */

#csList li {float:left;margin-right:7px;}




/* 
	페이지별 하단 퀵메뉴(온라인상담,전후사진,수술후기)
	- bot_qmnS : 가슴, 체형, 리프팅&동안성형, 안면
	- bot_qmn : 전문마취, 온라인상담&고객센터, 온라운후기&전후사진, 더라인소개
*/
#bot_qmnGR {clear:both;position:relative;margin:0;padding:50px 0 30px;height:65px;}
#bot_qmn{position:absolute;right:0;margin:0 25px 0 0;padding:10px;border:1px solid #eee;}
#bot_qmnS{position:absolute;right:0;margin:0 95px 0 0;padding:10px;border:1px solid #eee;}
#bot_qmn dt,#bot_qmn dd,#bot_qmnS dt,#bot_qmnS dd{float:left;margin:0;padding:0;display:table}
#bot_qmn #bot_qmnList li,#bot_qmnS #bot_qmnList li {display:inline;}




/* 퀵메뉴 */

.qmn_bg {background:url('/images/qmn_bg.gif')  0 0 repeat-y;}
.qmn_bgT {background:url('/images/qmn_bgT.gif')  0 0 no-repeat;padding:10px 0 0;}
.qmn_bgB {background:url('/images/qmn_bgB.gif')  0 bottom no-repeat;padding:0 0 10px;text-align:center;}

.qmnDL dd {margin:0;padding:0;}
.qmnList{margin:0;padding:0;}
.qmnList li {background:url('/images/qmn_part.gif')  0 bottom no-repeat;margin:0;padding:3px 0;_padding:5px 0;}
.qmnList li.last {background:none;padding:3px 0 0;}


