﻿@charset "utf-8";

/* Reset */
body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ul, ol {list-style:none;}
table {margin:0; padding:0; border-spacing:0; border:0; _border-collapse:collapse;}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
q:before, q:after {content: '';}
input, select, button, textarea {color:#6d6d6d;font-size:100%; font-family:'dotum';}

/* Base */
body {color:#3e3e3e; font:12px/18px Dotum, '蹈框', sans-serif;}
hr {display:none}
caption, legend, #skipNavi {width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
a {color:#6d6d6d; text-decoration:none;}
a:focus, a:hover, a:active {color:#6d6d6d;}
input.text, input.password, textarea {padding:2px 0; border:1px solid #d3d1d1; margin:0;}
label, input.button, input.submit , input.image, button { cursor:pointer;}
textarea, pre {overflow:auto;}
.clearfix:after  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */
.cboth {clear:both;}
.invisible {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}

/* style */
body {width:100%; background:url('../images/common/bg_body_bottom.jpg') repeat-x 0 bottom;}
img {vertical-align:top;}
#wrap {width:100%; background:url('../images/common/bg_body.jpg') repeat-x 0 0; overflow:hidden;}
#head {width:900px; margin:0 auto;}
#control {position:relative; width:900px; height:89px; margin:0 auto;}
#control a {position:absolute; top:22px;}
.btn_prev {left:0;}
.btn_home {left:410px;}
.btn_print {left:462px;}
.btn_next {right:0;}
#container {width:100%; overflow:hidden;}
#container01 {width:100%; padding-bottom:20px; background:#e9f7fb; overflow:hidden;}
#container02 {width:100%; padding-bottom:20px; background:#e9fbf6; overflow:hidden;}
#container03 {width:100%; padding-bottom:20px; background:#fbeae9; overflow:hidden;}
#container04 {width:100%; padding-bottom:20px; background:#e9f2fb; overflow:hidden;}
#container05 {width:100%; padding-bottom:20px; background:#f8fbe9; overflow:hidden;}
#container06 {width:100%; padding-bottom:20px; background:#fff9e5; overflow:hidden;}
#container07 {width:100%; height:1250px; padding-bottom:20px; background:#e9f9fb; overflow:hidden;}
#container08 {width:100%; padding-bottom:20px; background:#fbf2e9; overflow:hidden;}
#container09 {width:100%; padding-bottom:20px; background:#d9effe; overflow:hidden;}


#contents {position:relative; width:900px; margin:0 auto;}
.in_bg {position:absolute; left:-142px; top:0; width:900px; padding-left:142px; background:url('../images/common/img_sub07_02.jpg') no-repeat  0 720px; z-index:500;}

#footer {width:900px; height:200px; margin:0 auto; background:url('../images/common/bg_footer.jpg') no-repeat 0 0;}
.h_top {width:100%; overflow:hidden;}
.h_top h1 {float:left; margin-top:32px;}
.h_top span {float:right; margin-top:26px;}
.h_top .img {vertical-align:top;}
.h_bottom {position:relative; width:100%; margin-top:38px; z-index:999;}
.gnb {width:100%; height:83px; background:url('../images/common/bg_gnb.jpg') no-repeat 0 0;}
.gnb li {display:inline; float:left; width:96px; height:43px; margin-top:6px; overflow:hidden;}
.gnb li.first {width:115px; margin-left:7px;}
.gnb li a:hover {border:none;}
.gnb li.on a img, .gnb li a:hover img {margin-top:-43px;}
.gnb_cont li {display:none; position:absolute; top:64px; width:261px; height:90px; padding:25px 0 0 0px; background:url('../images/common/bg_menucont.png') no-repeat 12px 0; overflow:hidden;}
.gnb_cont li a {display:block; height:90px; overflow:hidden;}
.gnb_cont li a:hover {border:none;}
.gnb_cont li a:hover img {margin-top:-90px;}
.gnb_cont li.first {left:-9999px; width:0; height:0; padding:0; background:none;}
.gnb_cont li.menu02_cont {left:38px;}
.gnb_cont li.menu03_cont {left:137px;}
.gnb_cont li.menu04_cont {left:234px;}
.gnb_cont li.menu05_cont {left:328px;}
.gnb_cont li.menu06_cont {left:425px;}
.gnb_cont li.menu07_cont {left:521px;}
.gnb_cont li.menu08_cont {left:615px;}
.gnb_cont li.menu09_cont {left:716px;}

/*main*/
.main_txt {margin:155px 0 0 202px;}
.main_txt img {vertical-align:top;}
.main_banner {margin:189px 0 0 381px;}
.btn_sub {position:absolute; top:222px; right:1px;}

/*sub*/
.h2tit {height:30px; margin-top:25px;}
.mgt0 {margin-top:0 !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt45 {margin-top:45px !important;}
.mgt55 {margin-top:55px !important;}
.mgl60 {margin-left:60px !important;}
.c_foot {margin-top:30px; padding-bottom:32px;}
.greetings {width:100%; margin-top:47px; overflow:hidden;}
.greetings img {vertical-align:top;}
.greetings .g_left {float:left;}
.greetings .g_right {display:inline; float:left; width:560px; margin-left:97px; overflow:hidden;}
.greetings .g_right .g_r_top {width:100%; overflow:hidden;}
.greetings .g_right .g_r_top span {float:left;}
.greetings .g_right .g_r_top p {display:inline; float:left; margin-left:21px;}
.greetings .g_right .sign {display:block; margin-top:8px; text-align:right;}

.health_report {width:100%; margin-top:47px; overflow:hidden;}
.health_report .hr_left {float:left;}
.health_report .hr_left div {margin-top:97px;}
.health_report .hr_right {display:inline; float:left; width:555px; margin-left:86px;}

.breast_cancer {width:100%; margin-top:47px; overflow:hidden;}
.breast_cancer .bc_left {float:left; width:215px;}
.breast_cancer .bc_right {float:left;}
.breast_cancer .bc_right .b_r_hid {width:100%; margin-top:40px; overflow:hidden;}
.breast_cancer .bc_right .b_r_hid .b_r_left {float:left; width:378px;}
.breast_cancer .bc_right .b_r_hid .b_r_right {float:left;}
.bc_flash {margin-top:23px; padding-top:32px; border-top:1px dashed #58390d;}

.bg_type {height:134px; margin-top:45px; background:url('../images/common/bg_type.gif') repeat-x 0 0;}
.eat_list {width:100%; padding-bottom:32px; margin-top:35px; border-bottom:1px dashed #58390d; overflow:hidden;}
.eat_name {padding-top:19px;}
.eat_img {float:left;}
.eat_cont {float:left; margin-left:19px;}
.eat_cont dl dt {font-size:0; line-height:0;}
.eat_cont dl dd {margin-top:11px; font-size:0; line-height:0;}
.eat_cont strong {display:block; margin-top:25px;}
.recipe {margin-top:9px;}
.recipe li {height:14px; padding-left:17px; margin-top:8px;}
.recipe li.one {background:url('../images/common/icon/icon_one.gif') no-repeat 0 0;}
.recipe li.two {background:url('../images/common/icon/icon_two.gif') no-repeat 0 0;}
.recipe li.three {background:url('../images/common/icon/icon_three.gif') no-repeat 0 0;}
.recipe li.four {background:url('../images/common/icon/icon_four.gif') no-repeat 0 0;}
.recipe li.five {background:url('../images/common/icon/icon_five.gif') no-repeat 0 0;}
.eat_type {padding-bottom:0 !important; border:none !important;}

.health_knowledge {width:100%; margin-top:45px; overflow:hidden;}
.health_knowledge .hk_left {float:left;}
.health_knowledge .hk_right {display:inline; float:left; width:660px; margin-left:73px; background:url('../images/common/img_sub07_01.jpg') no-repeat 433px 0;}
.hk_b_box {margin-left:435px;}

.h4tit {margin-top:43px;}
.weight_box {overflow:hidden; width:100%; padding-bottom:22px;}
.s_weight {display:block; padding-bottom:42px; margin-top:42px;}
.weight {width:517px; float:left;}
.weight_img {float:right;}
.d_foot strong {float:left;}
.d_foot ol {float:left; margin-left:3px;}
.d_foot ol li {margin-top:10px;}
.d_foot ol li.first {margin-top:0;}
.d_foot .bmi {float:left; margin-left:5px;}

.h4tit02 {margin-top:45px;}
.symptom {margin-top:37px;}
.reason_box {width:100%; padding-bottom:10px; margin-top:18px; overflow:hidden;}
.reason_left {float:left;}
.reason_right {float:right;}

.sub0501 {padding:53px 0 0 45px; background:url("../images/common/case1.gif") no-repeat 0 22px;}
.sub0502 {padding:53px 0 0 45px; background:url("../images/common/case2.gif") no-repeat 0 22px;}
.psub01 {padding:14px 0 0 45px;}

.health_report .hr_left .img_sub09 {margin-top:27px;}
.health_report .hr_left .ptit09 {margin:25px 0 39px;}
.health_report .hr_right01 {width:374px; margin:66px 0 0 31px; display:inline; float:left;}
.s09box_01 {width:900px; height:230px; padding-top:18px; border-top:1px dashed #58390d; background:#c0e1f7;}
.stit {margin-top:-18px; padding-top:38px; background:#d9effe;}
.ptit01 {padding:19px 0 0 16px;}
.con01 {padding:25px 0 0 18px;}
.con01 p {padding:8px 0 0 21px;}
.pd17 {padding-top:17px; display:block;}
.con01 {overflow:hidden;}
.con01 .c01 {padding-right:93px; float:left; display:block;}
.con01 .c02 {float:left;}

.s09box_02 {padding-top:51px; overflow:hidden;}
.s09box_02 .s09a {width:292px; height:286px; margin-right:11px; padding-top:18px; float:left; background:#c8e8ec;}
.s09box_02 .s09a.stp {margin:0; background:#cfe8e6;}
.s09box_02 .ptit02 {padding:21px 0 0 18px;}
.s09box_02 strong {display:block;}
.s09box_02 .ptit03 {padding:8px 0 0 34px;}

.ol01 {padding-top:17px;}
.ol01 li {margin-top:9px; line-height:0;}