@charset "utf-8";
/* CSS Document */
html { overflow: scroll; overflow-x: auto; }
/*메인*/
#warp { width:1024px; height:auto; position:absolute; left:50%; margin-top:0px; margin-left:-512px; font-family:dotum; font-size:12px; }
#logo { width:234px; height:99px; padding:30px 0 0 29px; position:absolute; left:50%; margin-left:-512px; z-index:99; }
#left_area { width:175px; height:auto; float:left; padding:182px 0 98px 35px; }
#loginbox { width:130px; height:auto; float:left; margin-top:15px; padding-left:20px; }
.input_tf { height:12px; padding:3px 3px 2px; border:1px solid #d6d6d6; color:#d6d6d6; font-family:dotum; font-size:12px; }
#main_flash { width:814px; height:770px; float:right; }

/*메인메뉴*/
#main_menu { float:left; width:131px; height:auto; }
#main_menu li { float:left; }
ul#nav li, ul#nav li a { background: url(../images/main_menu.gif) no-repeat left top; height: 23px; width: 131px; }
ul#nav li { float: left; border: 0px solid #243e3b; border-left: none; display:inline; }
ul#nav li a { display: block; text-indent: -9999px; }
ul#nav li.menu01 { background-position: 0px 0px; }
ul#nav li.menu02 { background-position: 0px -23px; }
ul#nav li.menu03 { background-position: 0px -46px; }
ul#nav li.menu04 { background-position: 0px -69px; }
ul#nav li.menu05 { background-position: 0px -92px; }
ul#nav li.menu06 { background-position: 0px -115px; }
ul#nav li.menu07 { background-position: 0px -138px; }
ul#nav li.menu08 { background-position: 0px -161px; }
ul#nav li.menu09 { background-position: 0px -184px; }
ul#nav li.menu10 { background-position: 0px -207px; }
ul#nav li.menu11 { background-position: 0px -266px; }
ul#nav li.menu12 { background-position: 0px -289px; }
ul#nav li.menu13 { background-position: 0px -312px; }
ul#nav li.menu14 { background-position: 0px -335px; }
ul#nav li.menu15 { background-position: 0px -358px; }
ul#nav li.menu16 { background-position: 0px -381px; }

ul#nav li.menu01 a { background-position: -138px 0px; }
ul#nav li.menu02 a { background-position: -138px -23px; }
ul#nav li.menu03 a { background-position: -138px -46px; }
ul#nav li.menu04 a { background-position: -138px -69px; }
ul#nav li.menu05 a { background-position: -138px -92px; }
ul#nav li.menu06 a { background-position: -138px -115px; }
ul#nav li.menu07 a { background-position: -138px -138px; }
ul#nav li.menu08 a { background-position: -138px -161px; }
ul#nav li.menu09 a { background-position: -138px -184px; }
ul#nav li.menu10 a { background-position: -138px -207px; }
ul#nav li.menu11 a { background-position: -138px -266px; }
ul#nav li.menu12 a { background-position: -138px -289px; }
ul#nav li.menu13 a { background-position: -138px -312px; }
ul#nav li.menu14 a { background-position: -138px -335px; }
ul#nav li.menu15 a { background-position: -138px -358px; }
ul#nav li.menu16 a { background-position: -138px -381px; }

/*서브*/
#right_area { width:731px; height:auto; float:right; padding:185px 0 0; }
#right_area .title, #right_area .photo { width:731px; height:auto; float:left; }
#right_area .text { width:731px; height:auto; float:left; padding-top:37px; }
#right_area .list { width:731px; height:auto; float:left; margin-top:63px; }
#right_area .list .title { width:591px; height:auto; float:left; padding:19px 0; border-top:1px dashed #d8e3f0; }
#right_area .list li { width:567px; height:auto; float:left; padding:7px 0 7px 24px; border-bottom:1px dashed #e4e1df; background:url(../images/ic_arr_r.gif) no-repeat left 7px;  }
#right_area .list li.on { background:url(../images/ic_arr_b.gif) no-repeat left 7px;  }

#right_area02 { width:731px; height:auto; float:right; padding:167px 0 0; }
#right_area02 .title, #right_area .photo { width:731px; height:auto; float:left; }
#right_area02 .list { width:731px; height:auto; float:left; margin-top:33px; }
#right_area02 .list .title { width:596px; height:auto; float:left; padding:1px 0;  }
#right_area02 .list li { width:596px; height:auto; float:left; padding:7px 0 ; border-bottom:1px dashed #e4e1df;  }
#right_area02 .board { width:731px; height:auto; float:left; }


.list_contents { width:567px; height:auto; float:left; padding:20px 0 ; text-align:left; }
.list_arrow { width:567px; height:auto; float:left; text-align:right; }
.list_contents02 { width:572px; height:auto; float:left; padding:20px 0 0; text-align:left; padding-left:0px; }
.list_contents03 { width:572px; height:auto; float:left; padding:20px 0 15px; text-align:left; padding-left:0px; }
.list_contents04 { width:572px; height:auto; float:left; padding:20px 0 0; text-align:left; padding-left:37px; }
.list_arrow02 { width:567px; height:auto; float:left; padding:20px 0 0; text-align:right; }
.list_bt { width:591px; height:auto; float:left; text-align:right; margin-top:7px; }
.list_bt2 { width:591px; height:auto; float:left; text-align:right; margin-top:7px; padding-left:12px;}
#footer { width:820px; height:auto; margin:135px 0 16px; float:right; }
#footer_main { width:1024px; height:auto; margin:0 0 0; left:50%; float:right; margin-top:-10px;}

#sub_menu { width:590px; height:auto; padding-bottom:17px; border-bottom:1px solid #; margin-bottom:21px; float:left; }
#sub_menu li { margin-right:47px; float:left; display:inline; }
#sub_menu2 { width:590px; height:auto; padding-bottom:17px; border-bottom:1px solid #; margin-bottom:21px; float:left; border-bottom:1px solid #b1c6e0; }
#sub_menu2 li { margin-right:47px; float:left; display:inline; }
#sub_menu3 { width:590px; height:auto; padding-bottom:17px; border-bottom:1px solid #; margin-bottom:21px; float:left; border-bottom:1px solid #b1c6e0; }
#sub_menu3 li { margin-right:38px; float:left; display:inline; }

#counsel_photo { width:591px; height:auto; float:left; }
#counsel_photo .view { width:591px; height:446px; float:left; border-top:2px solid #2c75b4; margin-top:70px; }
#counsel_photo .guide { width:591px; height:auto; float:left; border-top:1px dashed #2e1e2e2; border-bottom:2px solid #2c75b4; padding:22px 0 24px; }
.bt { width:591px; height:auto; float:left; margin-top:15px; text-align:right; }

.cost { width:571px; height:auto; float:left; border-top:1px solid #2c75b4; padding:22px 10px ; }
.cost .s01 { width:110px; height:auto; float:left; text-align:center; }
.cost .s02 { width:461px; height:auto; float:left;  }

.cost_result { width:591px; height:auto; float:left; border-top:1px solid #2c75b4; border-bottom:1px solid #2c75b4; margin-top:18px; }
.cost_result .line01 { width:551px; height:auto; float:left; padding:39px 20px; }
.cost_result .line01 .ca01 { width:70px; height:auto; float:left; text-align:center; }
.cost_result .line01 .ca02 { width:42px; height:auto; float:left; padding:3px 0 0; }
.cost_result .line01 .ca03 { width:439px; height:auto; float:left; padding:3px 0 0; }
.cost_result .line02 { width:551px; height:auto; float:left; border-top:1px dashed #e4e1df; padding:13px 20px; }
.cost_result .line02 .ca01 { width:70px; height:auto; float:left; text-align:center; }
.cost_result .line02 .ca02 { width:42px; height:auto; float:left; padding:3px 0 0; }
.cost_result .line02 .ca03 { width:439px; height:auto; float:left; padding:3px 0 0; }
.cost_result_guide { width:591px; height:auto; float:left; margin:13px 0 37px; }

#faq_search { width:589px; height:auto; float:left; padding-left:0 2px; margin-top:15px; margin-bottom:30px;  }
#faq_search .form { width:415px; height:34px; float:left; }
#faq_search .search-bt { width:174px; height:34px; float:left; }
#faq_search .guide { width:589px; height:12px; float:left; }
.search_form { width:392px; height:12px; padding:4px 0 3px; border:1px solid #c0c1c2; }

#faq_list { width:600px; height:auto; float:left; margin-bottom:60px; }
#faq_list li { width:571px; height:auto; float:left; padding:0px 0 7px 10px;; background:url(images/ic_q.gif) no-repeat left top; padding-left:20px; }
#faq_list li ul li { margin:20px 0; background:none; padding:0; }


/* 2015-10-25 성형스토리 */
.story_area {
	width: 615px;
	overflow: hidden;
	background: url('../images/bbs_line.gif') left top repeat-x;
}
.story_area a {
	display: block;
	color: #006699;
	text-decoration: none;
}
.story_area a:hover {
	color: #ff6699;
	text-decoration: underline;
}
.story_head {
	background: url('../images/bbs_line.gif') left bottom repeat-x;
	padding: 10px 0;
	overflow: hidden;
}
.story_head li {
	float: left;
	display: inline-block;
	text-align: center;
}
.title_num, .title_cate, .list_num, .list_cate {
	width: 80px;
}
.title_subject, .list_subject {
	width: 335px;
}
.title_name, .list_name {
	width: 120px;
}
.story_list {
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}
.story_list span {
	float: left;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.story_list h3.list_subject {
	float: left;
	display: inline-block;
	padding: 10px 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
.story_view {
	clear: both;
	padding: 10px;
	border: 1px solid #ededed;
	text-align: left;
	overflow: hidden;
	line-height: 18px;
}
.story_view .story_view_img {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.story_view .story_view_img li {
	float: left;
	display: inline-block;
	width: 290px;
	margin-top: 20px;
}
.story_view .story_view_img img {
	width: 230px;
	border: 1px solid #f8f8f8;

}
.story_pagine {
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
}
.story_pagine img {
	vertical-align: middle;
	margin-top: -3px;
}
.story_pagine a {
	display: inline-block;
	padding: 3px;
	color: #006699;
}
.story_pagine span:after {
	content: " | ";
	font-weight: normal;
	color: #535353;
}
.story_pagine .active {
	font-weight: bold;
	color: #535353;
}

/* popup */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: auto; height:auto;  background-color:#fff; border: 1px solid #ededed; z-index: 10;}
.pop-layer .pop-container {padding: 0;}