@charset "utf-8";

/* 문서 공통 --------------------------------------------------------- */
/* ------------------------------------------------------------------- */

*	{ margin:0; padding:0; border:none;}
body	{ color:#333; font:12px Verdana, 돋움, Dotum, AppleGothic, sans-serif; background-color:#FFFFFF;}
a:link,
a:visited,
a:active	{ color:#333; text-decoration:none;}
a:hover	{ color:#c5003d; text-decoration:none;}

h1, h2, h3, h4, h5, h6	{ font-size: 18px;}
h7, h8, h9 {font-size: 20px;}
input { height:18px;}
button,
input,
textarea	{ vertical-align:middle; border:1px solid #ccc; font:12px Verdana, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, sans-serif; color:#333;}
input:focus,
textarea:focus	{ background-color:#ddd;}

hr	{ display:none;}
.clearer { clear:both; display:block; width:100%; height:0; font-size:1px; line-height:1px;}

.cnt	{ color:#e76801; font-size:11px;}
.date_page { color:#aaa; font-size:12px;}
.date,
.control,
.control a:link,
.control a:visited	{ color:#aaa; font-size:9px;}
.control a:hover	{ color:#c5003d;}


/* 블로그 레이아웃 --------------------------------------------------- */
/* ------------------------------------------------------------------- */

#container	{ width:900px; margin:auto; background-color:#FFFFFF;}
#header { width:900px; padding:15px 0 0 0px 0;}
#content	{ float:left; width:620px; padding:0 0 0 20px; overflow:hidden; line-height:20px;}
#sidebar	{ float:right; width:260px; padding:0 20px 0 0;}


/* Header ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */

#header h1	{ float:left; }
#header h1 a.title { display:block; width:360px; height:100px; background:url("images/lge_top.gif") left top no-repeat; text-indent:-1000em;}
#header a.titleLg { float:right; display:block; width:100px; height:100px; background:url("images/titleImgLg.jpg") right top no-repeat; text-indent:-1000em;}

/*#mainTop { display:block; width:900px; height:138px; background:url("images/lge_top.gif") left top no-repeat; text-indent:-1000em;} */

#header .blogMenu	{ margin-top:0px;}
#header .blogMenu ul	{ list-style:none;}
#header .blogMenu li	{ float:left; border-right:1px solid #fff;}
#header .blogMenu li a	{ display:block; width:179px; height:30px; text-indent:-1000em;}
#header .blogMenu li a:hover	{ text-decoration:none;}

#header .blogMenu li.tab_1 a	{ background:url("images/lge_menu_out1.gif") left bottom no-repeat;}
#header .blogMenu li.tab_2 a	{ background:url("images/lge_menu_out2.gif") left bottom no-repeat;}
#header .blogMenu li.tab_3 a	{ background:url("images/lge_menu_out3.gif") left bottom no-repeat;}
#header .blogMenu li.tab_4 a	{ background:url("images/lge_menu_out4.gif") left bottom no-repeat;}
#header .blogMenu li.tab_5 a	{ background:url("images/lge_menu_out5.gif") left bottom no-repeat;}

#header .blogMenu li.tab_1 a:hover { background:url("images/lge_menu_over1.gif") left bottom no-repeat;}
#header .blogMenu li.tab_2 a:hover { background:url("images/lge_menu_over2.gif") left bottom no-repeat;}
#header .blogMenu li.tab_3 a:hover { background:url("images/lge_menu_over3.gif") left bottom no-repeat;}
#header .blogMenu li.tab_4 a:hover { background:url("images/lge_menu_over4.gif") left bottom no-repeat;}
#header .blogMenu li.tab_5 a:hover { background:url("images/lge_menu_over5.gif") left bottom no-repeat;}




/* content ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#content .taglog, #content .entryNotice, #content .entry, #content .searchList, #content .guestbook	{ padding-bottom:40px;}
h2	{ height:50px;}

H2_title {
	font-size:15px; 
               font-family:돋움, Arial;
	color:#8c8c8c;
	font-weight:bold;
}

h10 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT: bold 2.6em dotum;
	PADDING-TOP: 0px
}


.searchList {font-size:14px; font-family : 돋움; letter-spacing:-1px;}
.searchList ol	{ list-style:none;}
.searchList li	{ margin-bottom:7px; line-height:130%;}
.searchList li a:visited	{ padding-left:0px; background:url("images/valid.gif") bottom left no-repeat;}
.searchList .date	{font:bold 12px Arial; margin-left:5px; letter-spacing:normal;}
.searchList .cnt	{font:bold 12px Arial; letter-spacing:normal;}

.taglog ul	{ list-style:none; text-align:justify;}
.taglog li	{ display:inline;}
.taglog li li .cloud1 { font:bold 16px verdana, Dotum, 돋움; color:#c5003d; }	
.taglog li li .cloud2 { font:bold 16px verdana, Dotum, 돋움; color:#00a99d;}
.taglog li li .cloud3 { font:bold 12px verdana, Dotum, 돋움; color:#605ca8;}
.taglog li li .cloud4 { font:bold 12px verdana, Dotum, 돋움;}
.taglog li li .cloud5 { }

.taglog li a:hover	{ color:#c5003d;}

.guestWrite p	{ margin:2px 0;}
.guestWrite label { font-size:9px;}
.guestWrite input	{ width:150px;}
.guestWrite textarea	{ width:548px; padding:5px;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit		{ height:22px; font-size:9px;}
.guestWrite .warn	{ margin-left:20px;}
.guestWrite input.checkbox	{ width:auto; border:none; background:none;}

.guestList	{ width:100%; margin:50px 0 0 0;}
.guestList ol,
.guestList ol ul	{ list-style:none;}
.guestList ol li	{ margin:25px 0 0 0;}
.guestList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}
.guestList ol li p a	{ color:#c5003d;}
.guestList ol li ul li	{ margin:15px 0 0 60px;}
.guestList .name	{ font-weight:bold;}

.guestList .guest_general	{ }
.guestList .guest_admin	{ }
.guestList .guest_secret	{ color:#c5003d;}


/* entry ------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

.entryNotice ul	{ list-style:none; margin-bottom:40px;}
.entryNotice li	{ margin-bottom:7px; line-height:100%; font-variant:small-caps;}
.entryNotice li a:visited	{ padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}
.entryNotice .date	{ margin-left:10px;}

.entryProtected { padding-bottom:40px;}
.entryProtected input	{ vertical-align:middle; width:160px; height:18px; color:#333; background-color:#eee; }
.entryProtected button	{ vertical-align:middle; width:60px; height:20px; color:#333; font-size:9px;}

.admin, .author, .entryInfo, .tagTrail, .actionTrail	{ padding-left:35px;}
.admin, .admin a	{ color:#aaa;}
.author, .author a	{ color:#aaa;}
.entryInfo	{ background:url("images/entryInfo.gif") 0% 50% no-repeat;}
.entryInfo a:link,
.entryInfo a:visited	{ color:#aaa;}
.entryInfo a:hover	{ color:#c5003d;}

.tagTrail	{ clear:both; text-align: justify; color:#888; background:url("images/tagTrail.gif") 0% 50% no-repeat;}
.tagTrail a	{ color:#888;}
.tagText	{ display:none;}

.actionTrail, .actionTrail a	{ color:#888;}
.actionTrail .cnt	{ color:#e76801; font-size:12px; font-weight:bold;}

.trackback		{ overflow:hidden;}
.trackback a	{ color:#333;}
.trackback h3	{ margin:15px 0 10px 0px; color:#888; font-size:11px;}
.trackback h4	{ }
.trackback h4 a	{ color:#333;}
.trackback ol	{ list-style:none;}
.trackback li	{ padding:7px 0;}
.trackback p	{ margin:3px 0 0 0; padding:0; text-align: justify;}
.trackback .name,
.trackback .name a	{ color:#aaa;}

.comment	{ margin-top:5px;} 
.commentList	{ padding-bottom:15px; border-bottom:1px solid #eee;}
.comment h3 { display:none;}
.comment p	{ text-align:justify;}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li.normalComment	{ margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.comment li ul li	{ margin:15px 0 0 40px; padding:10px; border:1px solid #eee;}
.comment .name	{ font-weight:bold;}
.commentList img	{ vertical-align:bottom;}
.comment .date	{ color:#888;}
.comment .control,
.comment .control a:link,
.comment .control a:visited,
.comment .control a:hover	{ font-size:10px; color:#c5003d;}

.rp_general	{ }	
.rp_admin	{ }
.rp_secret	{ color:#c5003d;}
.hiddenComment 	{ color:#c5003d; font-weight:normal;}

.commentWrite	{ margin-top:20px; padding-top:15px; }
.commentWrite label { font-size:10px;}
.commentWrite p { margin:3px 0;}
.commentWrite .commentWriteName	{ float:left; width:260px;}
.commentWrite .commentWritePass	{ float:right; width:273px;}
.commentWrite .commentWriteName input,
.commentWrite .commentWritePass input	{ float:right; width:195px;}
.commentWrite .commentWriteName label	{ float:left;}
.commentWrite .commentWritePass label	{ float:left;}
.commentWrite .commentWriteUrl	{ width:560px;}
.commentWrite .commentWriteUrl input	{ float:right; width:495px;}
.commentWrite .commentWriteUrl label	{ float:left;}
.commentWrite .commentWriteSubmit input	{ float:right; height:22px; width:113px; font-size:10px; border:1px solid #c5003d; background-color:#e76801; color:#fff;}

.commentWrite textarea	{ width:548px; padding:5px;}
.commentWrite .homepage	{ width:300px;}
.commentWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.paging		{ margin:0 0 0 0; color:#ccc; font-size:9px; text-align:center;}
.paging a:link	{ color:#777;}
.paging a:visited	{ color:#aaa;}
.paging a:hover	{ color:#c5003d;}
.paging .prev	{ margin-right:15px;}
.paging .next	{ margin-left:15px;}
.selected	{ color:#c5003d;}	/* 페이징 - 현재 페이지 */


/* article ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

.article	{ width:100%; text-align: justify; color:#333;} 
.entry-ccl	{ padding-top:30px !important;}

.article a:link,
.article a:active	{ color:#c5003d; }
.article a:visited	{ color:#333; }
.article a:hover	{ color:#333;}

.article img,
.article table,
.article div	{ margin:0 0 10px 0; padding:0;}
.article h3	{ margin:30px 0 10px 0; padding-left:3px; color:#c5003d; border-left:5px solid #c5003d; line-height:12px; font-weight:normal;} 
.article h4	{ margin:25px 0 10px 0; padding-left:3px; border-left:5px solid #333; line-height:12px; font-weight:normal;}
.article h3:first-child	{ margin-top:0;}
.article p	{ margin:0 0 15px 0; padding:0;}

.article ol,
.article ul	{ padding:0 0 0 25px;}
.article li	{ }
.article ul.pad		{ }
.article ul.pad li	{ margin-bottom:10px;}

.article pre { margin-bottom:10px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}
.article code { font-family:'Courier New', Courier,'bitstream vera sans mono', mono, 돋움, Dotum, monospace;}

.article dt	{ margin:10px 0 0 0; font-weight:bold; color:#aaa;}
.article dd	{ padding:0 0 0 40px; border-top:1px solid #eee; color:#aaa;}

.article blockquote	{ margin-left:10px; padding-left:30px; background:url("images/iconBlockquote.gif") top left no-repeat;}

.article abbr,
.article acronym	{ border-bottom:1px dotted #c5003d; cursor: help;}

.article sup,
.article sub	{ color:#c5003d;}

.article address a:hover	{ border:none; color:#c5003d;}

p.cap1	{ color:#999;  text-align:center; padding:4px 0; margin:0;} /* 이미지 아래 캡션 스타일 */

.imageblock      { border:none; line-height:normal;}
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img	{ margin:0; vertical-align:top;}

div.left	{ margin:4px 0 0 0;}
.center	{ }
div.right	{ margin:4px 0 0 0;}
.dual	{ }
.triple	{ }

.key1	{ border-bottom:1px dotted #c5003d; color:#c5003d;}
.key1:hover	{ color:#333; border:none;}

/* 본문 - more / less */
p.moreless_fold	{ margin:0 0 10px 0; padding-left:25px; background:url("images/iconMore.gif") top left no-repeat; color:#333; font-weight:bold;}
p.moreless_top	{ padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#333; font-weight:bold;}
.moreless_body	{ }
p.moreless_bottom	{ padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#333; font-weight:bold; text-align:right;}


/* Sidebar ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#sidebar	{ margin-top:3px;}
#sidebar h2	{ display:none;}
#sidebar #sMovie	{ margin:8px 0 10px 0; font-size:10px;}
#sidebar #sMovie .sMovie1	{ padding-left:10px; background:url("images/videoArrow.gif") 0% 50% no-repeat;}
#sidebar #sMovie .sMovie1 a	{ padding:0; background:none;}
#sidebar #sMovie .sMovie2 a	{ color:#185481; padding:0 10px; background:url("images/videoArrow2.gif") 100% 50% no-repeat;}

#sidebar #rssButton	{ margin:10px 0 10px 0;}


#sidebar #searchBox input	{ height:19px; float:left; width:223px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #eee; background-color:#eee;}
#sidebar #searchBox input.button	{ width:33px; height:21px; color:#fff; font-weight:bold; border:none; background:url("images/searchButton_new.gif") left top no-repeat; text-indent:-1000em;}

#sidebar ul	{ list-style:none; }
#sidebar ul li	{ padding:5px 0 4px 15px; background:url("images/ico_dot.gif") 0% 50% no-repeat; border-bottom:1px solid #f4f4f4;}
#sidebar ul li.nameInfo	{ background:none;}
#sidebar ul	li.nameInfoC	{ border:none; padding:5px 0 0 15px;}

#sidebar h3 { margin:20px 0 0 0; border-bottom:1px solid #dfdfdf;}
#sidebar h3 a	{ display:block; width:260px; height:26px; text-indent:-1000em;}

#sidebar h3 a.open	{ background:url("images/open_Arrow.gif") left top no-repeat;}
#sidebar h3 a.close	{ background:url("images/close_Arrow.gif") left top no-repeat;}

#sidebar h3.notice	{ margin:15px 0 0 0; background:url("images/Title_Notice.gif") left top no-repeat;}
#sidebar h3.countryblog	{ margin:15px 0 0 0; background:url("images/Title_Countryblog.gif") left top no-repeat;}
#sidebar h3.category	{ margin:15px 0 0 0; background:url("images/Title_Category.gif") left top no-repeat;}
#sidebar h3.recentPost	{ background:url("images/Title_RecentPost.gif") left top no-repeat;}
#sidebar h3.tagBox	{ background:url("images/Title_TagBox.gif") left top no-repeat;}
#sidebar h3.flickr_badge_wrapper	{ background:url("images/Title_Photo.gif") left top no-repeat;}
#sidebar h3.recentComment	{ background:url("images/Title_RecentComment.gif") left top no-repeat;}
#sidebar h3.recentTrackback	{ background:url("images/Title_Trackback.gif") left top no-repeat;}
#sidebar h3.link	{ background:url("images/Title_Links.gif") left top no-repeat;}

#sidebar #tagBox ul	{ padding:7px 9px 5px 9px; text-align:justify; letter-spacing:-1px; border-bottom:1px solid #f4f4f4;}
#sidebar #tagBox li	{ display:inline; padding:0; line-height:24px; background:none; border:none;}
#sidebar #tagBox li .cloud1 { font:bold 16px verdana, Dotum, 돋움; color:#c5003d; }	
#sidebar #tagBox li .cloud2 { font:bold 14px verdana, Dotum, 돋움; color:#00a99d;}
#sidebar #tagBox li .cloud3 { font:bold 14px verdana, Dotum, 돋움; color:#605ca8;}
#sidebar #tagBox li .cloud4 { font:bold 12px verdana, Dotum, 돋움;}
#sidebar #tagBox li .cloud5 { }

#sidebar .etcLink	{ padding:20px 0;}
#sidebar .name	{ color:#aaa;}

#sidebar #countryblog {border-bottom:#f4f4f4 solid 1px;}
#sidebar #countryblog ul{text-align:left; background:none; border:none;}
#sidebar #countryblog li{ padding:8px 5px 3px 12px; height:16px; margin-bottom:3px; background:none; border:none;}

#category a	{ font:bold 12px georgia; font-style:italic; color:#555; }
#category	{ padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
#category ul li	{ text-indent:18px; border:none; margin:0; padding:0 0 0 0; background:url("images/ico_nemo.gif") left top no-repeat;} /* all에 해당하는 부분 */
#category ul li ul li	{ text-indent:30px; margin:5px 0 0 0; padding:5px 0 0 0; background:url("images/ico_nemo1.gif") left top no-repeat; border-top:1px solid #f4f4f4;} /* 첫번째 하위 */
#category ul li ul li ul li	{ margin:5px 0 0 0; padding:5px 0 0 0; border-top:1px solid #f4f4f4;} /* 두번째 하위 */

.branch3	{ cursor:pointer; }	/* 카테고리 - 트리 셀 */
.c_cnt	{ color:#e76801; font:normal 9px verdana;}	/* 카테고리 - 카테고리 옆 개수 스타일 */

#category li          { background:none;}
#category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
#category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#category li ul li ul li a{ font:bold 12px georgia; font-style:italic; color:#555;}

#category 	{ font:bold 15px georgia; font-style:italic; color:#555; }

.article #flickr_badge_wrapper2 { line-height:0;}
.article .flickr_badge_image { margin:0; padding:0;}
.article .flickr_badge_image img { margin:0; padding:0;}
.article #flickr_badge_image1,
.article #flickr_badge_image2,
.article #flickr_badge_image3,
.article #flickr_badge_image4,
.article #flickr_badge_image5,
.article #flickr_badge_image6,
.article #flickr_badge_image7,
.article #flickr_badge_image8,
.article #flickr_badge_image9,
.article #flickr_badge_image10  { float:left; margin:0; padding:0;}

.article #flickr_badge_uber_wrapper a:hover,
.article #flickr_badge_uber_wrapper a:link,
.article #flickr_badge_uber_wrapper a:active,
.article #flickr_badge_uber_wrapper a:visited { display:block; margin:0 5px 5px 0 !important; text-decoration:none !important; border:none; background:inherit !important;color:#3993ff; padding:0;}
.article #flickr_badge_wrapper2 {}

#sidebar #flickr_badge_wrapper { line-height:0px; padding-left:3px; border-bottom:1px solid #f4f4f4;}
#sidebar #flickr_badge_wrapper .clearer	{ width:100%; height:10px;}
#sidebar .flickr_badge_image { }
#sidebar .flickr_badge_image img {  width:44px; height:44px; border:1px solid #ccc;}
#sidebar #flickr_badge_image1,
#sidebar #flickr_badge_image2,
#sidebar #flickr_badge_image3,
#sidebar #flickr_badge_image4,
#sidebar #flickr_badge_image5,
#sidebar #flickr_badge_image6,
#sidebar #flickr_badge_image7,
#sidebar #flickr_badge_image8,
#sidebar #flickr_badge_image9,
#sidebar #flickr_badge_image10	{ float:left; }

#sidebar #flickr_badge_wrapper a:hover,
#sidebar #flickr_badge_wrapper a:link,
#sidebar #flickr_badge_wrapper a:active,
#sidebar #flickr_badge_wrapper a:visited { display:block; margin:2px 0 2px 4px; padding:0; text-decoration:none !important;}

/* footer ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */

#footer	{ width:900px; margin:auto; padding-top:35px; background:url("images/footer.jpg") left top no-repeat;}
#footer,
#footer a	{ font-size:10px; color:#7e7e7e;}



/* 2010 04 02  추가 */
/* CSS Document */


/----------------------------- Contents Area ----------------------------------/


/*****************************************************************************/
/* 문서공통  */
/*****************************************************************************/

body	{ font-family: " 돋움, Dotum, Verdana,AppleGothic, sans-serif"; font-size: 12px; color: #666666; line-height:15px;}

td {  font-family: "돋움, Dotum, Verdana, AppleGothic, sans-serif"; font-size: 12px; color: #666666; line-height: 14pt;}
a:link {text-decoration: none ; color: #666666;}
a:visited {text-decoration: none ; color: #666666;}
a:active {text-decoration: underline ; color: #666666;}
a:hover {text-decoration: none ; color: #e76801;}

.date{
	font-family: "돋움, Dotum, AppleGothic, Verdana, sans-serif";
	font-size: 11px;
	color: #999999;
	padding: 0 0 15 0px;
}

.textarea{
	font-family: "돋움, Dotum,Verdana,  AppleGothic, sans-serif";
	font-size: 12px;
	padding: 23 0 40 0px;
}

.TitleIMG{
	text-align: bottom;
	padding: 18 0 0 0px;
}

.TitleMenu{
	text-align: bottom;
	height: 25px;
	padding: 6 0 4 0px;
}

.TitleMenu2{
	height: 25px;
	font-family: "돋움, Dotum, Verdana, AppleGothic, sans-serif";
	font-size: 12px;
	padding: 6 0 4 0px;
}

.copyright{
	font-family: "돋움, Dotum, Verdana, AppleGothic, sans-serif";
	font-size: 11px;
	color: #999999;
	padding: 10 0 0 0px;
}



/*****************************************************************************/
/* 블로그 레이아웃  */
/*****************************************************************************/

.hr {
	height: 1px;
	background-color: #e76801;
}

.hr2{
	height: 1px;
	background-color: #dfdfdf;
}

.hr3{
	height: 1px;
	background-color: #f4f4f4;
}

.hr4{
	height: 4px;
	background-color: #e76801;
}

.hr5{
	height: 5px;
	background-color: #c6c6c6;
}








/*****************************************************************************/
/* Header */
/*****************************************************************************/


.header_1{
	font-family: "돋움, Dotum, AppleGothic, sans-serif";
    font-weight: bold;
	font-size: 18px;
	color: #e76801;
	line-height:25px
	padding: 0 0 5 0px;
}

.header_2{
	font-family: "돋움, Dotum, AppleGothic, sans-serif";
    font-weight: bold;
	font-size: 14px;
	color: #121111;
	padding: 10 0 5 0px;
}