/* Create By Sjiny - 2013.03.13 */
@import url("./base.css");

html { overflow-y: scroll; }
html, body { height: 100%; }
body { font: 12px "Arial","Verdana","Tahoma","돋움"; text-align: center;  background: url('../images/layout/body_bg.gif') repeat-x; }
.body_bg_right { height: 100%; background: url("../images/layout/body_bg_02.gif") repeat-x left top; position: absolute; top: 0; right: 0; z-index: -1; }

#wrap { min-width: 980px; text-align: left; overflow: hidden; }

#header { position: relative; z-index: 1000; }
h1 { margin: 18px 0 19px  10px; text-align: left; overflow: hidden; }            
.section { margin: 0 auto; width: 980px; position: relative; }

.top_menu { position: absolute; top: 15px; *top: 30px; right: 5px; overflow: hidden; }
.top_menu ul li { padding: 0 10px; height: 11px; float: left; border-right: 1px solid #e2e3e4; overflow: hidden; }
.top_menu ul li a { display: ; padding-right: 6px; }
.top_menu ul li.last { padding-right: 0; border: none; }

/*********************************************************************************************************************************
* Nav
/*********************************************************************************************************************************/
#nav { height: 40px; background: url("../images/layout/nav_last_bg.gif") no-repeat right bottom; position: relative; z-index: 1000; }
#nav > ul > li { margin: 0 20px 0 19px; float: left; position: relative; }
#nav > ul > li > a { display: block; padding-top: 14px; height: 26px; }
#nav > ul > li.first {margin-left: 10px}
#nav > ul > li.last { margin-right: 0; }

#nav > ul > li > .nav_sub { display: none; width: 155px; position: absolute; top: 56px; left: -20px; }
#nav > ul > li > .nav_sub ul {  overflow: hidden; }
#nav > ul > li > .nav_sub ul li { margin: 0; }
#nav > ul > li > .nav_sub ul li a { display: block; padding: 0 7px; height: 20px; font: 11px "Dotum"; color: #BBB; letter-spacing: -0.1em; line-height: 20px; background: #505860; }
#nav > ul > li > .nav_sub ul li a:hover { color: #FFF; background: #39424C; }

#nav > ul > li > .nav_sub .nav_sub_top { background: url("../images/layout/sub_nav_bottom.png") no-repeat left bottom; }
#nav > ul > li > .nav_sub .nav_sub_bottom { padding-top: 20px; background: url("../images/layout/sub_nav_top.png") no-repeat left top; position: relative; top: -20px; }

#nav > ul > li > .nav_sub.nav_sub_08 { left: auto; right: 0;  }

/*********************************************************************************************************************************
* Contents -- 아직 다 안됨
/*********************************************************************************************************************************/

#contents { padding: 45px 0 60px; clear: both; overflow: hidden; }
#contents.sub { padding-top: 60px; }

/* 메인
=================================================================================================================================*/
.main_area .con dl { margin-bottom: 15px; overflow: hidden; }
.main_area .con dl dt { margin: 15px 0 20px; overflow: hidden; }

.main_left { padding: 70px 0 0 285px; width: 213px; height: 360px; background: url("../images/main/main_left_bg.gif") no-repeat left top; float: left; overflow: hidden; }
.main_left .con dl dd ul li { margin-bottom: 7px; height: 12px; overflow: hidden; }

.main_right { padding-top: 70px; width: 473px; height: 360px; background: url("../images/main/main_right_bg.gif") no-repeat left top; float: right; overflow: hidden; }
.main_right .con dl dd ul li { margin-right: 15px; float: left; }
.main_right .main_r_01 { padding-left: 34px; width: 196px; float: left; }
.main_right .main_r_01 dl { margin-bottom: 103px; }
.main_right .main_r_02 { padding-left: 27px; width: 206px; float: right; }
.main_right .main_r_02 dl { margin-bottom: 79px; }
.main_right .main_r_02 h2 { background: url("../images/main/main_right_location.gif") no-repeat 120px top; overflow: hidden; }
.main_right .main_r_02 p { margin-left: -27px; }


.main_foot { height: 37px; border-top: 1px solid #EAEBEC; clear: both; overflow: hidden; }
.main_foot .news { width: 753px; float: left; }
.main_foot .news h2 { margin: 0 15px 0 0; float: left; }
.main_foot .news .latest { position: relative; top: -10px; }
.main_foot .way { margin-top: 10px; }

.banner_foot { padding: 10px 0; border-top: 1px solid #EAEBEC; clear: both; overflow: hidden; }
.banner_foot * { vertical-align: middle; }
.banner_foot ul li { padding: 0 18px; float: left; }
.banner_foot ul li.first { padding: 9px 18px 0 0; }
.banner_foot ul li.last { padding-right: 0; }


/* 서브 Aside
=================================================================================================================================*/
.aside { width: 170px; float: left; position: relative; overflow: hidden; }
.aside h2 { padding: 0 0 10px 16px; border-bottom: 2px solid #143731; overflow: hidden; }
.aside .side_menu { overflow: hidden; }
.aside .side_menu li { border-bottom: 1px solid #EDEDED;}
.aside .side_menu li a { display: block; padding: 10px 0 10px 10px;  }
.aside .side_menu li a img { filter: alpha(opacity=50); opacity: .5; }
.aside .side_menu li.on > a > img,
.aside .side_menu li a:hover > img { filter: alpha(opacity=100); opacity: 1; }
.aside .side_menu > ul > li > a.sub_on { background: url("../images/layout/aside/btn_arrow.gif") no-repeat 96% 50%; }

.aside .side_menu .sub { display: none; padding: 10px 0 10px 10px; border-top: 1px solid #EDEDED; }
.aside .side_menu .sub li { border: none;  }
.aside .side_menu .sub li a { display: block; padding: 5px 0 5px 10px;  color: #BABDC0;  background: url("../images/layout/aside/aside_sub_menu_bar.gif") no-repeat left 50%; }

.aside .event_banner p { border-bottom: 1px solid #EDEDED; overflow: hidden; }
.aside .call_banner { height: 103px; border-bottom: 1px solid #EDEDED; position: relative; overflow: hidden; }
.aside .call_banner ul { position: absolute; top: 0; }
.aside .call_banner ul li { float: left; overflow: hidden; }
.aside .call_banner .btn { display: none; position: absolute; top: 24px; right: 1px; z-index: 100; }
.aside .call_banner .btn a { margin-right: -1px; float: left; }

.cont_area { padding-left: 45px; width: 765px; float: right; }
/*

#contents { padding-bottom: 60px; clear: both; overflow: hidden; }
#contents.sub { padding-top: 60px; }
.main_lab { height: 625px; background: url("../images/main/main_visual.png") no-repeat center top; }

.aside { width: 160px; float: left; position: relative; }
.aside h2 { margin-bottom: 35px; padding-bottom: 15px; background: url("../images/layout/aside/h2_bg.gif") no-repeat 2px bottom; overflow: hidden; }
.aside .side_menu { margin-bottom: 20px; overflow: hidden; }
.aside .side_menu li a { display: block; padding: 6px 0; }
.aside .side_menu li a img { filter: alpha(opacity=60); opacity: .6; }
.aside .side_menu li a.on img,
.aside .side_menu li a:hover img { filter: alpha(opacity=100); opacity: 1; }

.cont_area { width: 707px; float: right; }

.today_product { position: absolute; top: 0; right: -90px; }
.today_product ul li { height: 49px; background: #FFF; border-bottom: 1px solid #E3E4E5; }
*/

/*********************************************************************************************************************************
* Footer
/*********************************************************************************************************************************/
#footer { padding: 20px 0 30px 10px ; border-top: 1px solid #E4E4E4; clear: both; overflow: hidden; }
#footer .section p { clear: both;   text-align: left; }
#footer .section ul { margin-bottom: 15px ;  overflow: hidden; }
#footer .section ul li { padding : 0 30px; float: left; border-right: 1px solid #cdcfd1; }
#footer .section ul li.first { padding :0; border: none;  }
#footer .section ul li.last { padding-right: 0; border: none;  }
#footer .address { margin-bottom: 10px; }

.quick { display: none; position: absolute; top: 175px; left: 0; }
.quick.fix { position: fixed; top: 30px; left: 0; }

.cont_area h3 { padding-bottom: 13px; }
.cont_area h3 img { padding-right:13px; }
.cont_area .menu_info {padding-top: 3px; font-size: 11px; color: #4f5861; font-weight: normal; display: inline-block;   }


/*드림온 소개 > 인사말*/
.intro .img {padding: 55px 0 40px 100px;  }
.intro .txt_cont { margin: 30px 10px 50px 0; line-height: 18px; color: #838a90;  }


/*드림온 소개 > 지점소개*/
.intro_branch .top_info { margin: 25px 0 30px 0;  }
.intro_branch .profile,
.intro_branch .clinic { float: left; width: 350px; overflow: hidden; color: #3F4449 ; line-height: 20px; }
.intro_branch .profile dt , 
.intro_branch .clinic dt { padding: 0 0 20px 4px; }
.intro_branch .clinic dd span ,
.intro_branch .clinic dd span { color: #33a599; }
.intro_branch  .map { clear: both; }
.intro_branch  .map dt { padding: 30px 0 13px 4px  }

.intro_branch .clinic2 {clear: both; margin: 40px 0 30px 0; width: 720px; }
.intro_branch .clinic2  ul li { width: 350px; float: left;  color: #3F4449 ; line-height: 20px;  }

/*클리닉 컨텐츠 공통*/
.clinic_cont { margin: 25px 0 30px 0; }
.clinic_cont p.tit { padding-bottom: 20px; }
.clinic_cont p.img { padding-bottom: 20px; text-align: center;  }
.clinic_cont .cont { padding-bottom: 25px; }
.clinic_cont .clear { clear: both; }
.clinic_cont .cont li { padding-bottom: 25px; width: 700px; color: #3F4449; line-height: 20px;  }
.clinic_cont .cont li.img { padding-bottom: 40px; text-align: center;  }
.clinic_cont .cont li strong { color: #2fa196;}
.clinic_cont .cont li span { font-weight: bold; color: #3F4449; }
.clinic_cont .cont li span.green { font-weight: normal; color: #2fa196; }
.clinic_cont .cont li .normal { font-weight: normal; }

.clinic_cont .ul li { padding-bottom: 0; line-height: 170%; }
.clinic_cont p.pic { margin-top: -44px; text-align: center; }

/* 홈 > 피부 클리닉 > 접촉피부염  사용*/
.clinic_cont .left_cont { float: left; width: 500px; height: 470px;  }
.clinic_cont .left_cont .cont li { width: 490px;  }
.clinic_cont .rig_img { float: right; width: 250px; height: 470px; }

/*홈 > 피부 클리닉 > 음경길이연장술 (현수인대 절개술)*/
.clinic_cont .man_left_cont { float: left; width: 400px;  }
.clinic_cont .man_left_cont .cont {  padding-bottom: 0px;}
.clinic_cont .man_left_cont .cont li { width: 400px; }
.clinic_cont .man_rig_img { float: right; width: 320px; text-align: left;   }


/* 메인 팝업 */
.main_popup { display: none; border: 3px solid #009082; position: absolute; z-index: 9999; overflow: hidden; }
.main_popup .close_sec { padding: 7px 10px 0; height: 23px; text-align: right; background: #EAEAEA; overflow: hidden; }
.main_popup .close_sec * { vertical-align: middle; }
.main_popup .close_sec .close { margin-left: 10px; cursor: pointer; }