/* Default CSS */
/* Default CSS */
body,div,ul,ol,li,dl,dt,dd,p {font:11px/1.25em "돋움",Dotum,sans-serif; color:#706C62;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {margin:0;padding:0;}
table,td {font:11px/1.25em "돋움",Dotum,sans-serif; color:#706C62;}
table {border-collapse:collapse;}
img,fieldset {border:none;}
h1,h2,h3,h4,div,p,ul,ol,li,dl,dt,dd,form,ul,ol {list-style:none;}
legend {height:0;font-size:0; display:none;}
label{cursor:pointer;}
a:link,a:visited,a:active {font:11px/1.25em "돋움",Dotum,sans-serif; color:#7F726B;text-decoration:none;}
a:hover {font:11px/1.25em "돋움",Dotum,sans-serif; color:#7F726B; text-decoration:underline;}
.fl {float:left;} .fl2 {_float:left;} .fr {float:right;} .clb {clear:both;} .algnm {text-align:center;} .algnr {text-align:right;}
.poab {position:absolute;} .vam {vertical-align:middle;}

/* main */
body {background:#FCF8E1;}
#puttomainWrap {background:url('/image/mainBg.gif') repeat-x;}
#puttosubWrap {background:url('/image/subBg.gif') repeat-x;}
#puttoWrap {width:1024px; margin:0 auto;}
#footer {background:url('/image/botLine.gif') no-repeat 20px top; width:940px; height:5px; padding:0 20px 40px 20px; _padding:0 20px 10px 20px; clear:both; margin:20px 0;}
#footer p.addr {float:left; padding:15px 0 0 6px}
#footer p.btn {float:right; padding-top:15px;}

.event {width:290px; height:115px; padding:10px 0 0 10px; float:left;}
.notice {width:235px; height:115px; padding:10px 0 0 10px; margin-left:40px; float:left;}
.event h3, .notice h3, .atosc h3 {float:left;}
.event span, .notice span, .atosc span {float:right; display:block; padding-top:3px;}
.contnt {padding-top:14px; clear:both;}
.event .naviBtn {position:absolute; margin:-25px 0 0 254px;}
.ncnt {margin-top:20px; clear:both;}
.atosc {width:320px;height:115px; padding:10px 0 0 0; margin-left:40px; float:left;}
.goato {position:absolute; margin:-28px 0 0 93px;}

/*090727 패밀리 사이트 관련 추가*/
.family {width:136px; position:; float:right; margin:0px 0 0 0px;}
#family_site {width:136px; position:absolute; margin:-160px 0 0 0px;}

/*090728 Cleanup Atopy_셀프테스트 결과값 수정 관련 추가*/
.result {clear:both; width:620px;}
.result_left {background:url('/image/clean_str_left.gif');}
.result_right {background:url('/image/clean_str_right.gif');}
.result_right {background:url('/image/clean_str_right.gif');}
.boxtab { background-color:#baa999; padding:5px 0 5px 12px; vertical-align:middle; color:#ffffff;}
.boxtab_name {color:#ffffff;}
.boxtab1 { background-color:#ede5dc; padding:5px 0 5px 12px;color:#847f73; letter-spacing:-1px; line-height:18px;}
.boxtab_bu {vertical-align:top; padding:3px 0 0 0;}
.boxtab1 { background-color:#ede5dc; padding:5px 0 5px 12px;color:#847f73; letter-spacing:-1px; line-height:18px;}
.boxtab_num {vertical-align:top;}
.test_text {letter-spacing:-1px;}

/* subPage */
#lnb {margin:0 19px 0 56px; float:left;}

.content {width:623px; padding:0 18px 40px 0; background:url('/image/subTitBg.gif') no-repeat -1px top; float:left;}
.content h3 {float:left;}
.subNavi {color:#7F726B; font-size:11px; font-family:dotum; margin-top:15px; float:right;}
.imgg {padding-top:40px; clear:both;}
.imgg span {float:left;}
.cartegory {width:620px; padding-top:40px; clear:both;}
.cartegory2 {width:620px; padding-top:28px; clear:both;}
.mgt20 {margin-top:20px;}
.mgt40 {margin-top:40px;}

.test_1 {background:url('/image/clean_test_01.gif') no-repeat; width:635px; height:595px; clear:both;}
.test_2 {background:url('/image/clean_test_02.gif') no-repeat; width:635px; height:595px; clear:both;}
.test_3 {background:url('/image/clean_test_03.gif') no-repeat; width:635px; height:552px; clear:both;}
.test_4 {background:url('/image/clean_test_04.gif') no-repeat; width:635px; height:592px; clear:both;}
.test_5 {background:url('/image/clean_test_05.gif') no-repeat; width:635px; height:436px; clear:both;}

.box {border:1px solid #A0938B; width:122px; height:17px; margin:405px 0 0 112px; padding:4px 0 0 4px; color:#706C62; font-family:dotum;}
.ipty {margin:40px 0 0 85px; font-size:11px; color:#706C62; vertical-align:middle;}
.ipty span {padding-left:26px; vertical-align:middle;}
.ipty span input {vertical-align:middle; margin-top:-3px;}
.nextBtn {margin:45px 0 0 280px;}
.nextBtn2 {margin:20px 0 0 240px;}
.nextBtn3 {margin:27px 0 0 0;}

.textbox2, .textbox4 {padding:236px 0 0 40px;}
.textbox2 table td, .textbox4 table td {color:#706C62; font-size:11px; letter-spacing:-1px;}

.textbox3, .textbox5 {padding:236px 0 0 0; text-align:center;}
.textbox3 table, .textbox5 table {text-align:center; margin:0 auto;}
.textbox3 table td, .textbox5 table td {color:#706C62; font-size:11px; letter-spacing:-1px; text-align:left;}

.tab01 {background:url('/image/tab_bg.gif') no-repeat; width:635px; height:29px;}
.tab01 span {float:left;}

.lnbcafe {background:url('/image/lnb_cafebg.gif') no-repeat; width:184px; height:108px;margin:0 19px 0 56px; float:left; display:inline;}
.lnbcafe ul {margin:14px 0 0 18px;}

/* 090831_putto 갤러리 추가 시작 */
.lnbputto {background:url('/image/lnb.gif') no-repeat; width:184px; height:215px;margin:0 19px 0 56px; float:left; display:inline;}
/* 090831_putto 갤러리 추가 끝 */

/*.lnbputto {background:url('/image/lnb.gif') no-repeat; width:184px; height:176px;margin:0 19px 0 56px; float:left; display:inline;}*/
.lnbputto ul {margin:10px 0 0 18px;}
.lnbputto ul li {height:34px; overflow:hidden;}

/* 090806_사이트맵 추가 css 시작*/
.lnbsitemap {background:url('/image/lnb_sitemapbg.gif') no-repeat; width:184px; height:79px;margin:0 19px 0 56px; float:left; display:inline;}
.lnbsitemap ul {margin:10px 0 0 18px;}
/* 090806_사이트맵 추가 css 끝*/

.lnbclean {background:url('/image/lnb_cleanbg.gif') no-repeat; width:184px;  height:262px; padding-top:30px; margin:0 19px 0 56px; float:left; display:inline;}
.lnbclean ul {margin:10px 0 0 18px; float:left; overflow:hidden; display:inline;}
.lnbclean ul li {font-size:0; display:inline;}
.lnbclean ul li ul {display:inline; margin:0}

.weatherBg {background:url('/image/wbg.gif') no-repeat; width:636px; height:33px; padding-top:20px;}

.pdt4 {padding-top:4px;}
.btnd {margin:33px 0 0 38px; float:left; display:inline;}
.imgN {width:260px; text-align:center; margin:0 auto;}
.btnList {position:absolute; margin:0 0 0 515px; _margin:0 0 0 -120px; *margin:0 0 0 -120px;}