/* BASIC css start */
/* mainvisual 공통 */
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}

.blue {color:#00abef}
.green {color:#029344}
.orange {color:#f57c00}
.red {color:#e2421f}
.Byellow-green {color:#60a430}

#main-content {position:relative;width:920px;margin:0;left:-50px}

/* mainvisual */
.mainvisual {position:relative;width:670px;height:399px}
.mainvisual .visual-cont {position:relative;width:399px;}
.mainvisual .visual-cont a {display:block;width:399px;}

#slides {position:relative;height:399px;font-size:0;z-index:0} /* Slide */
#slides .slidesjs-navigation {filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;display:none;font-size:0;} /* Slide Control */

.slidesjs-pagination {position:absolute;top:30px;left:570px;z-index:9999} /* Slide Navigation */
.slidesjs-pagination li {float:left;margin:0;}
.slidesjs-pagination li a {display:block;font-size:0;background:url() no-repeat left top;background-position:0 0;padding:0 3px;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -22px}
.slidesjs-pagination li a:hover.active {background-position:0 -22px}
.slidesjs-pagination li a.sm_pic1 {background:url(/design/chagachaga/2015_images/cont/imgtab1.png) no-repeat left top;text-align:left;margin:0;width:22px;height:22px}
.slidesjs-pagination li a.sm_pic2 {background:url(/design/chagachaga/2015_images/cont/imgtab2.png) no-repeat left top;text-align:left;margin:0;width:22px;height:22px}
.slidesjs-pagination li a.sm_pic3 {background:url(/design/chagachaga/2015_images/cont/imgtab3.png) no-repeat left top;text-align:left;margin:0;width:22px;height:22px}

.slidesjs-pagination li a.sm_pic1.active,
.slidesjs-pagination li a.sm_pic2.active,
.slidesjs-pagination li a.sm_pic3.active {background-position:0 -22px}


/* 희망을 보여준 상락수 고객님들, 무료샘플신청 */
.srq-cont {position:absolute;top:0;left:0;margin:0 0 0 670px;width:250px;height:399px;}

/* 희망을 보여준 상락수 고객님들 */
.main-hope {width:250px;height:260px;background:url(/design/chagachaga/2015_images/cont/main_product_bg.jpg) no-repeat center top;}
.main-hope .mhope-title .mhope-txt1 {font-size:22px;color:#684a38;padding:30px 0 0 60px;margin:0;}
.main-hope .mhope-title .mhope-txt1 .Byellow-green {font-weight:600;*font-weight:bold;color:#60a330}
.main-hope .mhope-title .mhope-txt2 {font-size:15px;font-weight:600;*font-weight:bold;color:#dfedd6;background:#60a330;padding:3px 5px;margin:5px 53px 0 54px;}
.main-hope a.more {position:absolute;top:0;right:0;}
.main-hope .mhope-cont {position:absolute;top:0;left:0;margin:100px 0 0 20px;width:195px;height:130px;padding:5px;overflow:hidden;}
/* 희망을 보여준 상락수 고객님들 흐르는 배너 */
.scroller_roll{padding:0;margin:0;overflow:hidden;}
.scroller_roll ul{width:1220px;padding: 0px;margin: 0px;float: left;}
.scroller_roll ul li{padding: 0px;margin: 0px;list-style: none;float:left;text-align: center;display:inline;overflow: hidden;}
.scroller_roll ul li a{text-decoration: none;}
.scroller_roll ul li a:hover{text-decoration: underline;}
.scroller_roll ul li a img{border: none;}

/* 무료샘플신청*/
.main-sample {width:250px;height:139px;background:url(/design/chagachaga/2015_images/cont/main_sample_bg.jpg) no-repeat;}
.main-sample a {display:block;padding:20px;height:99px;}
.main-sample .msample-txt1 {font-size:13px;font-weight:600;*font-weight:bold;color:#725539;padding:0;margin-top:10px;}
.main-sample .msample-txt2 {font-size:24px;font-weight:600;*font-weight:bold;color:#fff;padding:0;width:100px;margin-top:-5px;}
.main-sample .msample-txt2 .brown-bg {display:block;background:#9e6937;text-align:center;}
.main-sample .msample-txt2 .orange-bg {display:block;background:#f68410;text-align:center;margin-top:1px;}


/* 서울대학교, kbs 굿모닝 대한민국 */
.main-cont1 {position:relative;width:920px;height:350px;margin:10px 0 0 0}
.main-cont1 .mBanner {position:relative;width:920px;}
.main-cont1 .mBanner li {float:left;width:460px;height:350px;}
.main-cont1 .mBanner li a {display:block;}


/* 게시판 공통 타이틀 */
h2.main-cont2-title {width:275px;padding:24px 24px 0 24px;margin:0;font-size:16px;font-weight:600;*font-weight:bold;color:#444;}

/* 공지사항, 샘플신청게시판, 고객상담전화 */
.main-cont2 {position:relative;width:920px;height:200px;margin:10px 0 0 0}
/* 공지사항 */
.main-notice {position:relative;float:left;width:323px;height:198px;background:#fcfcfc;border:1px solid #ddd;}
.main-notice ul.notice-list {width:275px;padding:15px 24px 0 24px}
.main-notice ul.notice-list li {position:relative;width:265px;display:block;overflow:hidden;background:url(/design/chagachaga/2015_images/cont/mDot.gif) no-repeat left center;padding-left:10px}
.main-notice ul.notice-list li a {line-height:23px;}
.main-notice ul.notice-list li a:hover {font-weight:600;*font-weight:bold;color:#00abef}
.main-notice ul.notice-list li span {position:absolute;top:0px;right:0;font-size:11px;color:#888;line-height:20px}
.main-notice a.more {position:absolute;top:28px;right:24px;font-size:11px;background:url(/design/chagachaga/2015_images/btn/blue_more.gif) no-repeat right center;padding-right:12px;}
.main-notice a:hover.more { text-decoration: underline;color:#444}
/* 고객게시판 */
.main-customer {position:relative;float:left;width:323px;height:198px;background:#fcfcfc;border:1px solid #ddd;margin:0 10px}
.main-customer ul.customer-list {width:275px;padding:15px 24px 0 24px}
.main-customer ul.customer-list li {position:relative;width:265px;display:block;overflow:hidden; background:url(/design/chagachaga/2015_images/cont/mDot.gif) no-repeat left center;padding-left:10px}
.main-customer ul.customer-list li a {line-height:23px;}
.main-customer ul.customer-list li a:hover {font-weight:600;*font-weight:bold;color:#1fa762}
.main-customer ul.customer-list li span {position:absolute;top:0px;right:0;font-size:11px;color:#888;line-height:20px}
.main-customer a.more {position:absolute;top:28px;right:24px;font-size:11px;background:url(/design/chagachaga/2015_images/btn/green_more.gif) no-repeat right center;padding-right:12px;}
.main-customer a:hover.more { text-decoration: underline;color:#444}
/* 전화번호 */
.mBan-Tel {float:left;width:250px;height:180px}


/* 유투브, 고객게시판, 주요암정보 */
.main-cont3 {width:920px;height:180px;margin:10px 0 20px 0}
/* 유투브 */
.youtube {float:left;width:325px;height:180px;}
/* 샘플신청게시판 */
.main-sample-board {position:relative;float:left;width:323px;height:178px;background:#fcfcfc;border:1px solid #ddd;margin:0 10px}
.main-sample-board ul.sample-list {width:275px;padding:15px 24px 0 24px}
.main-sample-board ul.sample-list li {position:relative;width:265px;display:block;overflow:hidden;background:url(/design/chagachaga/2015_images/cont/mDot.gif) no-repeat left center;padding-left:10px}
.main-sample-board ul.sample-list li a {line-height:23px;}
.main-sample-board ul.sample-list li a:hover {font-weight:600;*font-weight:bold;color:#df4429}
.main-sample-board ul.sample-list li span {position:absolute;top:0px;right:0;font-size:11px;color:#888;line-height:20px}
.main-sample-board a.more {position:absolute;top:28px;right:24px;font-size:11px;background:url(/design/chagachaga/2015_images/btn/red_more.gif) no-repeat right center;padding-right:12px;}
.main-sample-board a:hover.more { text-decoration: underline;color:#444}


/* 주요암정보 보기 */
.mBan-Cancer {float:left;width:250px;height:180px}

/* BASIC css end */