@charset "utf-8";
@import "/static/css/Layout.css";
@import "/static/css/Table.css";
@import "/static/css/common.css";

#Wrap {background:url('/static/images/product/bg_top.gif') 0 0 repeat-x;}

body {font-size:0.75em;font-family:돋움,Dotum,AppleGothic,sans-serif;line-height:1.3em;}

/* 상단 2depth Navi */
#d2Navi {position:relative;width:740px;height:81px;}
#d2Navi #iskyLogo {position:absolute;right:10px;top:20px;}
#d2Navi ul.d2Navi {margin-top:20px;}
#d2Navi ul.d2Navi li {float:left;background:url('/static/images/product/d2navi_line.gif') 100% 50% no-repeat;}
#d2Navi ul.d2Navi li a {display:inline-block;padding:6px 20px;}
#d2Navi ul.d2Navi li a.first {padding-left:0;}
#d2Navi ul.d2Navi li.last {background:none;}

.mtitle {
/*	background:url(/static/images/story/bg_love.gif) no-repeat right top;*/
}
.mtitle .mtxt {
	background:url(/static/images/story/title_lovetxt.gif) no-repeat left top;
}
.mtitle .ttxt {
	background:url(/static/images/fun/thememessage_txt_01.gif) no-repeat left top;
}
.mtitle dd span.acc {color:#f98020;}
.drm {
	position:relative;
	margin:31px 0 8px;
	background-repeat:no-repeat;
	background-position:left top;
}
.drm h3 {margin:0;}
.drm dl.indent {margin:310px 0 0;}
.drm .btn_drm {
	position:absolute;
	left:441px;
	top:293px;
}
.drm .btn_drm a {
	display:block;
	width:166px;
	height:26px;
}
.drm .drm_qna {
	height:35px;
	padding:29px 0 0;
	background:#fff url(/static/images/common/line/linedot.gif) repeat-x left bottom;
}
.drm .drm_qna dl {
	float:left;
	height:35px;
}
.drm .drm_qna dt, .drm .drm_qna dd, .drm .drm_qna a {float:left;}
.drm .drm_qna dl dt {
	height:35px;
	padding:0 0 0 43px;
	background:url(/static/images/common/bul/bul_post.gif) no-repeat 15px 3px;
}
.drm .drm_qna dl img {margin:3px 0 0;}
.drm .drm_qna dl dd img {margin:4px 0 0 7px;}
.drm .drm_qna a {margin:-2px 0 0 12px;}

.anxious {
	height:121px;
	margin:0;
	padding:0 0 0 121px;
	background:url(/static/images/story/bg_anxious.gif) no-repeat 0 10px;
}
.anxious dt {padding-top:18px;}
.anxious .mtxt {
	background:url(/static/images/story/title_anxioustxt.gif) no-repeat left top;
}
/* total report */
.message {
	width:683px;
	padding:15px 0 0 30px;
}

/* 20090717 스토리 추가 */
.message h5 {font-weight:bold;color:#666666;padding-top:5px;}


.message .messagebox {
	float:left;
	width:134px;
	height:138px;
	background:url(/static/images/story/sms_screen.gif) no-repeat left top;
}
.message .messagebox p {
	width:96px;
	margin:25px 0 0 18px;
	color:#fff;
}
.message dl {
	position:relative;
	float:right;
	width:530px;
	height:115px;
}
.message dl dt {
	margin:6px 0 7px 0;
	font-weight:bold;
}
.message dl dt a{
	color:#fd8b25;
	font-weight:bold;
	text-decoration:none;
}
.message dl dt em {
	padding:0 4px;
	color:#68b6bd;
}
.message dl dd.con {
	height:47px;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:16px;
}

.message dl dd.con a {
	color:#666666;
}
.message dl dd.con a:hover {
	text-decoration:none;
}
.message dl dd.date {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

/* 20090717 스토리 추가 */
.message dl dd.date02 {position:relative;}

.message dl dd.more {
	position:absolute;
	bottom:3px;
	left:0;
}
.messagelist {margin:30px 0 0;}
.messagelist .message {
	width:338px;
	height:116px;
	padding-top:30px;
}
.messagelist .message dl {width:188px;}
.messagelist .message dl dd.date {
	top:100px;
	left:0;
	text-align:left;
}
.messagelist .fl .message, .messagelist .fr .message {padding-top:0;}

.love_list .paging {margin-top:10px;}

/* 20090717 스토리 추가 */
.love_list .love_all01 {padding:5px 0 20px 0;}
.love_list .love_select01 {clear:both;height:35px;}
.love_list .love_select01:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} 
.love_list .love_select01 ul {position:relative;float:right;width:220px;}
.love_list .love_select01 li.tit {width:70px;padding-top:4px;padding-right:7px;float:left;}
.love_list .love_select01 li.select {width:143px;float:left;height: 40px;vertical-align:top;}


.stitle li {
	padding-left:6px;
	background:url(/static/images/common/bul/bul_dot.gif) no-repeat 0 5px;
}
.mtitle dd {margin:0 0 29px;}
.vat {vertical-align:top;}
.cbox {margin-left:8px;}

/* research proposal */
.love_view .column .con {
	position:relative;
	display:block;
}
.love_view .column .con .txt {
	position:absolute;
	top:691px;
	left:71px;
	width:596px;
	height:410px;
	line-height:1.5;
}
.love_view .column .con .txt p {margin:0 0 28px;}
.love_view .btn {margin:12px 0 0;}
.love_comment {
	position:relative;
	margin:24px 0 0;
}
.love_comment .assistant {
	position:absolute;
	left:34px;
}
.love_comment .commentbox {
	width:560px;
	height:144px;
	margin:0 0 0 163px;
}
.love_comment .commentbox .txt img {display:block;}
.love_comment .commentbox .comment_form {margin:14px 0 0;}
.comment_form .input {
	width:503px;
	height:42px;
}
.commentlist {border-top:1px solid #ddd;}
.commentlist li {
	display:block;
	float:left;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
.commentlist li em, .commentlist li div,.commentlist li .del {float:left;}
.commentlist li em {
	width:128px;
	height:17px;
	margin-left:35px;
}
.commentlist li em img {
	margin:0 5px 0 0;
	vertical-align:middle;
}
.commentlist li div {width:510px;}
.commentlist li div .mytxt {margin-bottom:5px;}
.commentlist li div .assistxt {
	margin:8px 0 0 6px;
	padding:0 0 0 30px;
	background:url(/static/images/common/bul/bul_mtree.gif) no-repeat;
}
.commentlist li span.date {
	display:block;
	padding:0;
	margin:0;
	font-size:11px;
}
.commentlist li div .mytxt span.date{display:inline;padding:0 0 0 5px;}
.commentlist li .del {margin:0 0 0 30px;}
/* before report */
.lastlist {
	position:relative;
	float:left; 
	width:510px;
	margin-top:-8px;
}
.lastlist .more {
	position:absolute;
	top:30px;
	right:15px;
	padding:5px;
	margin-top:-3px;
}
.lastlist .smsbox .date {
	display:block;
	margin:0 0 6px;
}
.smsbox li {float:left; margin-left:10px;}
/*.smsbox .msgview {
	height:72px;
	padding:38px 25px 18px;
	background:url(/static/images/story/sms_screen.gif) no-repeat bottom;
	color:#fff;
	text-align:left;
}*/
/* .smsbox img{margin-top:10px;} */
.proposal {
	float:right;
	text-align:center;
	overflow:hidden;
	margin-top:-8px;
}
.proposal h3 {text-align:left;}
.font_st01 {
	color:#999;
	font-size:11px;
	line-height:19px;
}
/* service apply */
.stitle li {
	padding-left:6px;
	background:url(/static/images/common/bul/bul_dot.gif) no-repeat 0 5px;
}
.servie {margin:0 0 29px;}
.vat {vertical-align:top;}
.font11 {font-size:11px;}
.cbox {margin-left:8px;}

.bb {border-bottom:solid 1px #ddd;}

/* atar diary */
ul.withstar {
	border-top:1px solid #d4d4d4;
}
	ul.withstar li {
		width:100%;
		overflow:hidden;
		padding:13px 0;
		border-bottom:1px solid #d4d4d4;
	}
		ul.withstar li img.left {
			float:left;
		}
		ul.withstar li dl {
			float:left;
			height:72px;
			margin:5px 0 0 20px;
		}
			ul.withstar li dl dt {
				margin-bottom:8px;
				color:#5e5e5e;
			}
			ul.withstar li dl dt a {
				color:#5e5e5e;
			}
			ul.withstar li dl dd {
				padding:0 0 0 8px;
				background:url(/static/images/common/bul/bul_dot.gif) no-repeat left 6px;
				color:#888;
				font-family:Tahoma;
			}
				ul.withstar li dl dd img {
					margin-right:20px;
					vertical-align:middle;
				}
		ul.withstar li div.btn-open {
			float:left;
			margin:18px 0 0 22px;
		}
			ul.withstar li div.btn-open a {
				float:left;
				margin-right:3px;
			}

ul.special li {
	float:left;
	margin-right:20px;
}
	ul.special li.r {
		margin:0;
	}
		ul.special li img{
			display:block;
		}
		ul.special li div img {
			display:inline;
			margin-right:6px;
			vertical-align:middle;
		}
div.txt-subject {
	margin:7px 0 3px 0;
	color:#666;
}
span.date {
	display:block;
	margin-bottom:18px;
}
img.tong {
	margin-bottom:30px;
}

/* round box 06 */
.rbox06_top {
	width:740px;
	padding:3px 0 0;
	background:url(/static/images/common/rbox06_top.gif) no-repeat left top;
	overflow:hidden;
}
.rbox06_mid {
	clear:both;
	background:url(/static/images/common/rbox06_mid.gif) repeat-y;
}
.rbox06_btm {
	padding:0 0 3px;
	background:url(/static/images/common/rbox06_btm.gif) no-repeat left bottom;
}
/* /fun/theme.jsp */
.inflection {
	width:623px;
	height:201px;
	padding:16px 55px 0 62px;
	background:url(/static/images/fun/messagebox.gif) no-repeat left top;
}
.inflection dl {
	float:left;
	width:252px;
	letter-spacing:-1px;
}
.inflection dt {
	height:51px;
	padding-left:33px;
	background:url(/static/images/common/bul/bul_phone.gif) no-repeat left top;
}
.inflection dt img {margin-top:10px;}
.inflection dd {padding-top:10px;}
.inflection .last {
	width:305px;
	margin-left:65px;
}
.inflection .last dt {
	padding-left:33px;
	background:url(/static/images/common/bul/bul_gift.gif) no-repeat 0 5px;
}
.inflection .list_st01 {margin-top:13px;}
.list_st01 li {
	padding-left:10px;
	background:url(/static/images/common/bul/bul_orange_dot.gif) no-repeat 0 6px;
	line-height:18px;
}
.list_st01 .font11 {font-size:11px;}
.list_st01 .orange {
	background:none;
	color:#ec7e09;
	font-size:11px;
	text-align:right;
}
.newtheme {
	width:100%;
	margin-bottom:20px;
}
.newtheme02 {
	width:230px;
	margin-bottom:20px;
}
.newtheme .banner {
	float:left;
	margin-right:21px;
}
.newtheme02 .banner2 {margin:0 0 10px;}
.newtheme dt {padding:2px 0 5px;}
.newtheme dt img, .newtheme02 p img {
	margin-left:6px;
	vertical-align:middle;
}
.newtheme02 span {padding-left:8px;}
.newtheme02 span img{margin-left:6px;vertical-align:middle;}
.date02 {
	color:#b1b1b1;
	font-family:tahoma;
	font-size:10px;
}
.alltheme li {
	float:left;
	margin-right:25px;
}
.alltheme .mgnone	{margin:0;}

/* book gallery */
.anxious .mmtxt	{
	height:42px;
	background:url(/static/images/book/title_bookgallery_txt.gif) no-repeat left top;
}
.board table td {
	padding:4px 10px;
}

/*.samein input{
margin:0 0 -4px 10px;
vertical-align:middle;
}
.samein label{
padding:0 0 0 4px;
margin:3px 0 0 0;
font-size:11px;
}*/

.samein{
	padding:2px 0 0 0;
	vertical-align:middle;
}
.samein input,
.samein label{
	float:left;
	font-size:11px;
}
.samein input{margin:1px 0 0 4px;}
:root .samein input{margin:3px 0 0 7px;}
.samein label{
padding:4px 0 0 4px;
}

/* stardiary_request sanction info */
.table_st02 .useday .txt {float:left; font-size:11px; padding-top:3px;}
.table_st02 .useday .input {background:url(/static/images/fun/txt_stardiary_request01.gif) no-repeat 8px 3px;}
.table_st02 .number .input {background:url(/static/images/fun/txt_stardiary_request02.gif) no-repeat 8px 3px;}
.table_st02 .useday .input, 
.table_st02 .infile .imgin {float:left; width:94px; margin-right:6px; }
.table_st02 .trnumber .number .input, 
.table_st02 .trnumber .number .imgin {float:none;width:183px;}
.table_st02 .infile .imgin, 
.table_st02 .number .imgin {background-image:none;}

/* 공감BEST */
/*.island_best {margin-top:28px; background:url(/static/images/fun/img_yebox_bg.gif) repeat-y;}*/
.island_best {margin-top:28px;}
.island_best div.title {margin-top:14px; margin-left:19px;}
.island_best div.bext_box ul.tele_sms {height:140px; padding:10px 30px;}
.island_best div.bext_box ul.tele_sms li {float:left; padding:0 15px;}
.island_best div.bext_box ul.tele_sms li.btn {margin-top:60px; padding:0;}
.island_best div.bext_box ul.tele_sms li div.best_tele {position:relative; width:130px; height:149px; background:url(/static/images/fun/img_tele_bg.gif) no-repeat;}
.island_best div.bext_box ul.tele_sms li div.best_tele div.cont {height:80px; padding:25px 8px 0 14px; letter-spacing:-1px;}
.island_best div.bext_box ul.tele_sms li div.best_tele div.date {padding-left:14px; font-family:Tahoma; color:#a8a8a8; font-size:9px;}
.island_best div.bext_box ul.tele_sms li div.best_tele div.phone_num {padding-top:8px; text-align:center; font-family:Tahoma; color:#666666; font-size:9px;}
.island_best div.bext_box ul.tele_sms li div.best_tele div.flag {position:absolute; top:0; left:6px;}
.island_best div.bext_box ul.tele_text {clear:both; height:20px; padding:5px 45px;}
.island_best div.bext_box ul.tele_text li {float:left; width:127px; margin:0 15px; padding:0 2px;}
.island_best div.bext_box ul.tele_text dd.first {float:left;}
.island_best div.bext_box ul.tele_text dd {float:right;}
.island_best div.bext_box ul.tele_text dd.num01 {font-family:Tahoma; color:#b2b2b2; font-size:9px;}
.island_best div.bext_box ul.tele_text dd.num01 span.num_count {font-family:Tahoma; color:#5e5e5e;}
.island_best div.bext_box ul.tele_text dd.num02 {padding-right:5px;}

.request_box {clear:both;position:relative; margin-top:30px; background:url(/static/images/fun/img_yebox_bg.gif) repeat-y;}
.request_box div.img {position:relative;width:740px;height:178px;z-index:1;}
.request_box div.img div.btnreq {position:absolute;right:44px;bottom:18px;}
.request_box div.btn {position:absolute; z-index:10; top:137px; left:568px;}

.lab_img01 {margin-top:25px;clear:both;*zoom:1;}
.lab_img01 .labFlash {float:left;}
.lab_img01 .labImg {float:left;}
.lab_img01 .btn {clear:both;padding:0 25px 0 0;text-align:right;}
.lab_img02 img {vertical-align:top;}
.lab_img03 {margin-top:30px;}
.lab_tb {background:url(/static/images/story/lab_tb_bg.gif) repeat-y;}
.lab_tb div.lab_tb_img {padding-left:22px;}
.lab_tb div.lab_tb_img_m {padding-left:22px; padding-top:18px;}


/* info */
.today_cont01 {width:740px;height:410px;clear:both;margin-top:35px;}
.today_cont01 .left {position:relative;float:left;width:355px;height:404px;background:url('/static/images/info/today_txt_02.gif') no-repeat;}
.today_cont01 .left .btn01 {position:absolute;bottom:25px;left:85px;}
.today_cont01 .right {position:relative;float:right;width:356px;height:404px;background:url('/static/images/info/today_txt_03.gif') no-repeat;}
.today_cont01 .right .btn02 {position:absolute;bottom:25px;left:115px;}

.today_cont02 {width:706px;height:72px;padding:18px 0 0 34px;background:url('/static/images/info/today_boxBg.gif') no-repeat;}
.today_cont02 ul li.txt {margin-bottom:12px;}
.today_cont02 ul li.btn {}

.theme_cont01 {width:740px;}
.theme_cont01 li.txt {padding-bottom:10px;}
.theme_cont01 li.btn {padding-right:10px;text-align:right;line-height:1em;}

.theme_cont02 {width:706px;height:92px;padding:18px 0 0 34px;background:url('/static/images/info/theme_boxBg01.gif') no-repeat;}
.theme_cont02 li.dotline {height:20px;padding:10px 0 3px 0;}
.theme_cont02 li.dotline img {vertical-align:middle;}
.theme_cont02 li.acc {font-weight:bold;color:#f98020;}

.theme_cont03 {width:706px;height:48px;padding:18px 0 0 34px;background:url('/static/images/info/theme_boxBg02.gif') no-repeat;}
.theme_cont03 ul.stardiary li.txt {}

.stardiary_cont01 {position:relative;clear:both;width:740px;height:137px;}
.stardiary_cont01 .btn {position:absolute;right:1px;bottom:0;}
.stardiary_cont01 .btn img {margin-left:5px;}

.stardiary_cont02 {width:706px;height:137px;padding:18px 0 0 34px;background:url('/static/images/info/stardiary_boxBg02.gif') no-repeat;}
.stardiary_cont02 ul.stardiary li.txt {background:url('/static/images/common/bul/bul_dot04.gif') 0 5px no-repeat;padding:0 0 3px 10px;}

.info_live_txt02 {margin-top:30px;}
.info_live_img02 {margin-top:10px;}

.theme_paging {clear:both; display:block;}

.btn_msg_use {margin-top:19px; text-align:right;}

/*20091013 스타다이어리 추가*/
div.btn_guide {padding-top:10px;text-align:right;}
/*20091026 스타다이어리 추가*/
.withstar li dl dt strong img {vertical-align:middle;}
/*20091029 M-Book 추가*/
.mbmbook1 {height:278px;padding:50px 0 0 26px;background:url('/static/images/book/mbook_bg01.gif') left top repeat-x;}
.mbmbook1 ul li,.mbmbook2 ul li {float:left;}
.mbmbook1 li.img {padding-right:32px;}
.mbmbook1 li.btn {padding-top:15px;}	
.mbmbook2 {height:239px;padding:0 0 48px 26px;background:url('/static/images/book/mbook_bg01.gif') left bottom repeat-x;}
.mbmbook2 ul {padding:0 0 0 5px;}
.mbmbook2 li.mb2ex {padding-top:32px;}
.mbmbook2 li.mb2txt {padding:42px 38px 0 27px;}
.mbmbook2 li img.btn {margin-top:15px;}
.makebook {padding:33px 37px 37px 37px;}
.makebook li {padding-top:13px;}
.makebook li.btn {padding-top:20px;text-align:center;}
.makeevent {position:relative;width:700px;margin:0 auto;padding:13px 10px;background:url('/static/images/book/mbook_bg02.gif') left top repeat-x;}
.makeevent ul li.btn {position:absolute;left:600px;top:18px;}

/* 20111226 */
.snsBanner {padding-top:10px;}
.snsBanner li {margin-bottom:5px;}

