/* BASIC css start */
/* =============================================================================
   상단 header.html
   ========================================================================== */
@import "http://fonts.googleapis.com/earlyaccess/nanumgothic.css";
/* 마진과 패딩의 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}
em,address{font-style:normal;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}

table {border:0;width:100%;}
table th{word-wrap:break-word}
table td{word-wrap:break-word}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img {border:0;}
img{vertical-align:middle;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}
.header{width:100%;height:80px;margin:0 auto;position:relative;background:url(http://chagachaga.img10.kr/images/mobile/common/top_bg.png);}
.header h1{/*position:absolute;*/width:100%;text-align: center; }
.header span.back{position:absolute;padding-top:12px;left:10px}
.header span.home{position:absolute;right:10px;padding-top:12px;}

#header-container { padding: 0; }
#header-container .wrapper { min-height: 23px;background:url(http://chagachaga.img10.kr/images/common/top_bg.png) no-repeat; }
#header-container h1 { font-size: 1em; margin: 0; padding: 0; /*float: left;margin-left: 10px; */}
#header-container #logo {height:100px;}
#header-container #logo img {width: 181px;margin:0 auto;}
#header-container nav { position: absolute; right: 0; text-align: right; }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }
/* 홈|장바구니|관심상품|로그인 */
#menu-container {padding-top:5px;}
#menu-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; padding-left: 3.125%; padding-right: 3.125%; height:50px;}
#menu-container .menus ul li { float: left; background: url(/images/d3/m_01/bull/menus_li@2x.gif) no-repeat 100% 50%; background-size: 1px 13.5px; height: 50px; line-height: 34.5px; text-align: center; width: 25%; }
#menu-container .menus ul li:last-child { background-image: none; }
#menu-container .menus ul li a { color: #000; font-weight: bold; font-size:13px;font-family:'Nanum Gothic'; line-height:50px;}
#menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }
/*
#menu-container .menus ul li.wish { width: 19.286% }
#menu-container .menus ul li.home,
#menu-container .menus ul li.cart { width: 29.688% }
#menu-container .menus ul li.login { width: 19.286% }
*/
.sub_wrap{padding:10px;font-family:Nanum Gothic;}
/* s_btn */
.s_btn{overflow:hidden;}
.s_visual img{width:100%}
.s_btn .btn_mult{padding-top:15px;}
.s_btn .btn_mult span{display:block; cursor:pointer; text-align:center;font-family:Nanum Gothic;}
.s_btn .btn_set{display:block;color:#fff;text-align:center;font-weight:bold;}
.s_btn .btn_set span{padding:10px 1px;font-size:11px; line-height:20px;}
.s_btn .btn_set+.btn_set{margin-left:1px;margin-bottom:1px;}
.s_btn .btn_set:first-child{width:100%}
.s_btn .btn_set:not(:last-child), .btn_set+.btn_set{width:22.9999%;float:left; height:40px;}
.s_btn .btn_stA {background:#5c5c5c; color:#fff;border:1px solid #ddd;}
.s_btn .btn_stB {background:#0089bf;border:1px solid #ddd;}
.s_btn .btn_stC {background:#5c5c5c; color:#fff;border:1px solid #ddd;}
.s_btn .btn_stD {background:#0089bf;border:1px solid #ddd;}


/* tit_area */
.tit_area{position:relative;padding-top:15px;padding-bottom:15px;background:url(http://chagachaga.img10.kr/images/mobile/common/sub_tit_bg.gif) no-repeat right 13px;}
.tit_area h2{color:#333;font-size:26px;font-weight:700;line-height:24px;padding-bottom:10px;}
.tit_area h2 span{font-size:11px;color:#999;font-weight:normal;line-height:24px;}
.tit_area ul{position:absolute;right:15px;top:60px;}
.tit_area ul li{display:inline;color:#999;}
.tit_area ul li span{color:#333;font-weight:700;}
.tit_area table{border-top:2px solid #27513f;border-bottom:2px solid #27513f;}
.tit_area tr{}
.tit_area td{width:50%;height:45p;line-height:45px;padding:0 10px;color:#666;font-size:13px;border-bottom:1px solid #27513f;text-align:left;font-weight:700;}
.tit_area td.left{border-left:1px solid #27513f;}
.tit_area td a.on{font-size:12px;color:#ff6600; font-weight:700;background:url(http://chagachaga.img10.kr/images/mobile/common/tit_on.gif) no-repeat 95%;}
.tit_area td a{display:block;font-size:12px;color:#666; font-weight:700;display:block;background:url(http://chagachaga.img10.kr/images/mobile/common/tit_off.gif) no-repeat 95%;}
.tit_area td a:hover{font-size:12px;color:#ff6600; font-weight:700;background:url(http://chagachaga.img10.kr/images/mobile/common/tit_on.gif) no-repeat 95%;}


/* sub_tit */
.sub_tit{height:40px;background:url(http://chagachaga.img10.kr/images/mobile/common/t_bullet.gif) no-repeat 0 3px;}
.sub_tit h3{float:left;font-size:20px;color:#286a4e;font-weight:bold;padding-left:23px;}
.sub_tit ul{overflow:hidden;float:right;padding-top:10px;color:#383838;}
.sub_tit ul li{float:left;padding-left:3px;font-size:11px;}
.sub_tit ul li span{font-size:11px;}
.sub_tit ul li.first{background:url(http://chagachaga.img10.kr/images/mobile/common/t_home.gif) no-repeat 0 2px;padding-left:12px}


.sample img{width:100%}
/* contents_area */
.contents_area{font-size:13px;line-height:24px;}
.contents_area img{width:100%;}
.contents_area p{padding-top:10px;font-size:13px;}
.contents_area p.sign{text-align:right;font-size:15px;font-weight:700;padding-top:30px;color:#666}
/*.contents_area span{font-size:20px;color:#333}*/
.contents_area p.c_tit{font-size:16px;font-weight:bold;padding-bottom:10px;line-height:26px;}
/*.contents_area p span{font-size:20px;color:#338f04;font-weight:bold;}*/
.contents_area p.explain{text-align:center;font-size:14px;background:#003300;color:#fff;padding:10px 0px;}



/* 건강정보 */
#contentWrapper{width:100%}
#content table img{width:100%;font-family:나눔고딕;}
#content table td{font-size:13px;line-height:24px;}
#content table td a.top{font-size:13px;text-align:right;padding-right:10px;padding-bottom:10px;}
/* BASIC css end */

