@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:"Nanum Gothic" !important }
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
	body {
	   font-family: 돋움,Dotum,AppleGothic,sans-serif;
	   font-size:12px;
	   line-height: 1.5;

	   /*@background-image=background-image:*/ background-image: none /*@*/;
	   /*@background-image-position=background-position:*/ background-position: left top /*@*/;
	   /*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;
	   /*@background-color=background-color:*/ background-color: #FFFFFF /*@*/;
	   padding:0; margin:0;
	}
	a:link { color:#666; text-decoration:none;}
	a:visited { color:#666; text-decoration:none;}
	a:hover { color:#666; text-decoration:underline;}
	a:active { color:#666; text-decoration:none;}
	img { border: 0; }
/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold; color:#333; }
	.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
	.ib { 	cursor: pointer; }
/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }
/* 6. 트리 테이블 */
	.branch2 { }
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
	.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
	.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
	.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
	.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
	.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 { 	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
	.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font-size: 11px; color : #999; }

#header { width:1000px; margin:0 auto; position:fixed; z-index:1000; background-color:#fff; height:126px;  }
#header h1 { width:100%; float:left; position:relative; margin-top:45px; }
.mobilelogo { display:none }
#container { width:1000px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:57px;}
#sidebar { width:210px; float:left; margin:33px 0 0 22px; display:none; }
#searchBox { width:200px; height:27px; border:1px solid #d5d5d5; position:absolute; z-index:10; top:-2px; right:22px;}
#searchBox input.search_keyword { border:none; background:none; float: left; width:160px; height:22px }
#searchBox input.button {background: url(./images/btn_search.gif) no-repeat center center; width: 21px; height: 21px;  text-indent: -1000em; border: 0px; cursor: pointer; float:right; margin:2px 4px 0 0 ;}
.newmenu { width:1000px; float:left; margin-top:10px;}
.newmenu ul { padding:0; margin:0; }
.newmenu li { float:left; list-style:none; padding:0 10px; }
.newmenu li:first-child { padding-left:20px;}
.newmenu li ul { display:none; }
.newmenu li:hover ul { display:block; position:absolute; z-index:10; width:120px; margin-left:-12px; padding-top:18px; }
@media screen and (-webkit-min-device-pixel-ratio:0){.newmenu li:hover ul { padding-top:13px; }}
html[xmlns*=""] body:last-child .newmenu li:hover ul { padding-top:6px; }
@-moz-document url-prefix() { .newmenu li:hover ul { padding-top:6px; } }



.newmenu li ul li { width:100%; float:left; text-align:center; list-style:none; padding-left:0px; }
.newmenu li ul li:first-child { padding-left:0px;}

.newmenu li ul li img { float:left;}
.menuopen { display:none;}

.logoclass { margin-left:22px; }
/* content */
#content{  width:/*@post-width=*/ 1000px /*@*/; overflow:hidden; position:relative; margin:126px auto 0 auto;}
#tistorytoolbarid { display:none; }
#ttLinkEditMode { display:none;}

body.tistory_grid_630 div#ttCanvas { width:100% !important; margin:-80px auto 0 auto; position:relative; overflow:hidden;  }
.tt-span-4  { width:310px !important; float:left; margin:-12px 0 -10px 13px !important; position:relative !important;}
.tt-wrap-item li:first-child { margin-left:22px !important;}
body.tistory_grid_630 div#ttCanvas .tt-span-4-border { width:310px !important; height:auto !important; border:none !important; overflow:hidden !important;}
body.tistory_grid_630 div#ttCanvas .tt-span-12 { width:100% !important; }

#new-copy { width:100%; margin:0 auto 0 auto; position:relative; background-color:#000; }
#new-copy .copy-new { width:1000px; margin:0 auto; text-align:center; padding:64px 0 77px 0; }
.sns_wrap { display:inline-block; float:right; margin-right:22px; }
.sns_wrap ul { padding:0; margin:0; float:right; }
.sns_wrap li { float:left; }
.sns_wrap li a:hover { text-decoration:none; }
.sns_wrap li:last-child { padding-right:0px; }

#content .entry  { width:/*@post-width=*/ 719px !important; margin:33px 22px 0 0;  float:right;padding:0 0 0 0; overflow:hidden;   }
#content .nonEntry { width:719px !important; margin:33px 22px 0 0 !important;  float:right; padding:0; overflow:hidden;   }

div#ttCanvas .tt-post-thumb { margin:0 !important;  width:100% !important; position:relative !important;}
div#ttCanvas .tt-post-title { width:100% !important; text-align:left !important; padding-top:5px;}
div#ttCanvas .tt-post-title a { font-size:14px !important; font-weight:bold !important;}
div#ttCanvas .tt-post-title a { color:#454243 !important;}
div#ttCanvas .tt-item-title { width:956px !important; margin-left:22px !important; position:relative; margin-bottom:0px; float:left !important;  overflow:hidden; padding:40px 0 10px 0; border-bottom:2px solid #d5d5d5}
@media screen and (-webkit-min-device-pixel-ratio:0){div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}}
html[xmlns*=""] body:last-child div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}






div#ttCanvas .tt-span-4:hover .hover_thumb { background:url(./images/slideon.png) no-repeat center center; }
div#ttCanvas .hover_thumb { position:absolute; z-index:100; right:10px; top:20px; width:20px; height:20px;  background:url(./images/slideoff.png) no-repeat center center; }
div#ttCanvas .tt-span-4:hover .black_bg { display:block; position:absolute; z-index:10; width:310px; height:auto;  }
div#ttCanvas .tt-span-4 .black_bg { display:none;}


div#ttCanvas .hover_blackbg  { background:url(./images/black_bg.png) no-repeat center center; display:none; position:absolute; z-index:90; width:100%; height:100%; }
.mobile-menuwrap { display:none; }
.another_category { border:none !important; padding:10px 0 !important;}
.another_category h4 { border-bottom:1px solid #7b7b7b !importnat;  font-size:14px !important; font-weight:bold;}
.article { width:100% !important; float:left; margin:0 0 0 0 !important; padding:10px 0 !important;}

#paging            { padding-top:88px; width:719px; float:right; margin-right:20px; text-align:center;  font-size:0.95em;}
#paging .numbox    { padding-left:6px; margin-left:6px;  font:12px verdana;}
#paging .num       { padding-right:8px; margin-right:5px;}
#paging #prevPage { float:left; padding:0 !important; margin:0 !important;}
#paging #nextPage { float:right; padding:0 !important; margin:0 !important; }
#paging span .selected { color: #ff000a; }
.no-more-prev { background:url() !important; }
.no-more-next { background:url() !important; }

#visual { margin-top:-13px;}

#guest-hidden { width:719px; float:right;   padding:88px 0 0 0; } 

div#ttCanvas .tt-item-130031 li { padding-bottom:0px !important;}


.title-view-nav { width:100%; float:left; letter-spacing:1px; text-align:left; padding:10px 0 12px 0; font-weight:bold; margin-top:-2px; font-family:'lato' !important; color:#454243; font-size:15px; border-bottom:1px solid #000}
.title-view-nav span { display:inline-block; float:right; font-size:13px; color:#c0c1c0; letter-spacing:1px; font-weight:normal}
@media screen and (-webkit-min-device-pixel-ratio:0){.title-view-nav { padding:10px 0 5px 0; font-weight:bold; margin-top:-2px; }}
html[xmlns*=""] body:last-child .title-view-nav { padding:10px 0 5px 0; font-weight:bold; margin-top:-2px; }

.daum_like_wrapper { padding-bottom:10px;}

#guest_secret { width:100%; margin:0 auto; position:relative; overflow:hidden; text-align:left; padding:10px 0; }
#guest_secret input { vertical-align:middle; width:10px; height:10px; }
#guestsecret { width:13px !important; height:13px !important;}




@media screen and (max-width:1000px) {
.article { width:100% !important; float:left; margin:0 0 0 0 !important; padding:10px 0 !important;}
.mobilelogo { display:none}

.actionTrail { padding-top:40px; }


#header { width:100%; margin:0 auto; position:fixed; z-index:1000; background-color:#fff; height:126px; }
#header h1 { width:100%; float:left; position:relative; margin-top:45px; }
#container { width:100%; margin:0 auto; position:relative; overflow:hidden; padding-bottom:57px;}
.newmenu { width:100%; float:left; margin-top:10px; }
.newmenu ul { padding:0; margin:0; }
.newmenu li { float:left; list-style:none; padding:0 10px; }

.newmenu li:first-child { padding-left:20px;}
.newmenu li ul { display:none; }
.newmenu li:hover ul { display:block; position:absolute; z-index:10; width:120px; margin-left:-12px; padding-top:18px; }
@media screen and (-webkit-min-device-pixel-ratio:0){.newmenu li:hover ul { padding-top:13px; }}
html[xmlns*=""] body:last-child .newmenu li:hover ul { padding-top:6px; }
@-moz-document url-prefix() { .newmenu li:hover ul { padding-top:6px; } }

.newmenu li ul li { width:100%; float:left; text-align:center; list-style:none; padding-left:0px; }
.newmenu li ul li:first-child { padding-left:0px;}
.menuopen { display:none;}
.logoclass { margin-left:22px; }

#searchBox { width:200px; height:27px; border:1px solid #d5d5d5; position:absolute; z-index:10; top:-2px; right:22px;}
#searchBox input.search_keyword { border:none; background:none; float: left; width:160px; height:22px }
#searchBox input.button {background: url(./images/btn_search.gif) no-repeat center center; width: 21px; height: 21px;  text-indent: -1000em; border: 0px; cursor: pointer; float: right; margin:2px 4px 0 0;}
#content .entry  { width:/*@post-width=*/ 719px /*@*/ !important; margin:33px 22px 0 0;  float:right; padding:0 0 0 0; overflow:hidden; }
#content .nonEntry {  width:719px !important; margin:33px 22px 0 0 !important; float:right;padding:0; overflow:hidden;  }


#sidebar { width:210px; float:left;  margin:33px 0 0 22px; display:none; }

#content{ width:/*@post-width=*/ 1000px /*@*/; margin:126px auto 0 auto !important; overflow:hidden; position:relative;}
body.tistory_grid_630 div#ttCanvas { width:100% !important; margin:-80px auto 0 auto; position:relative; overflow:hidden; }
.tt-span-4  { width:310px !important; float:left; margin:-12px 0 -10px 13px !important; position:relative !important;}
.tt-wrap-item li:first-child { margin-left:22px !important;}
body.tistory_grid_630 div#ttCanvas .tt-span-4-border { width:310px !important; height:auto !important; border:none !important; overflow:hidden !important; }

body.tistory_grid_630 div#ttCanvas .tt-span-12 { width:100% !important; }
div#ttCanvas .tt-span-4:hover .black_bg { display:block; position:absolute; z-index:10; width:310px; height:auto;  }

#new-copy { width:100%; margin:0 auto 0 auto; position:relative; background-color:#000; }
#new-copy .copy-new { width:1000px; margin:0 auto; text-align:center;  padding:64px 0 77px 0;}
.sns_wrap { display:inline-block; float:right; margin-right:22px;}
.sns_wrap ul { padding:0; margin:0; float:right; }
.sns_wrap li { float:left; }
.sns_wrap li:last-child { padding-right:0px; }


div#ttCanvas .tt-item-title { width:956px !important; margin-left:22px !important; position:relative; margin-bottom:0px; float:left !important;  overflow:hidden; padding:40px 0 10px 0; border-bottom:2px solid #d5d5d5}
@media screen and (-webkit-min-device-pixel-ratio:0){div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}}
html[xmlns*=""] body:last-child div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}
.mobile-menuwrap { display:none; }


#paging            { padding-top:88px; width:719px; float:right; margin-right:20px; text-align:center;  font-size:0.95em;}
#paging .numbox    { padding-left:6px; margin-left:6px;  font:12px verdana;}
#paging .num       { padding-right:8px; margin-right:5px;}
#paging #prevPage { float:left;}
#paging #nextPage { float:right;}
#paging span .selected { color: #ff000a; }


#guest-hidden { width:719px; float:right;   padding:88px 0 0 0; } 








}


@media screen and (max-width:768px) {
.article { width:100% !important; float:left; margin:0px 0 0 0 !important; padding:10px 0 !important;}
.mobilelogo { display:none}
.actionTrail { padding-top:40px; }
#header { width:100%; margin:0 auto; position:fixed; z-index:1000; background-color:#fff; height:67px;}
#header h1 { width:100%; float:left; position:relative; text-align:center; margin-top:23px;  }
#container { width:100%; margin:0 auto; position:relative; overflow:hidden;  padding-bottom:57px;}
#searchBox { display:none}
#sidebar { display:none !important;}
.newmenu { display:none;  }
.menuopen { display:block; position:absolute; z-index:100; cursor:pointer; left:10px; top:0px; max-width:20px;}

.logoclass { margin-left:12px; }
#searchBox { display:none;}

#content{ width:/*@post-width=*/ 98% /*@*/ !important; margin:67px auto 0 auto !important; overflow:hidden !important;   }
body.tistory_grid_630 div#ttCanvas { width:96% !important; margin:-80px auto 0 auto; position:relative; overflow:hidden; }
.tt-span-4  { width:32% !important; float:left; margin-left:2% !important; position:relative !important;}
.tt-wrap-item li:first-child { margin-left:0% !important;}
body.tistory_grid_630 div#ttCanvas .tt-span-4-border { width:100% !important; height:auto !important; border:none !important; overflow:hidden !important;}
div#ttCanvas .tt-span-4:hover .black_bg { display:none; position:absolute; z-index:10; width:100%; height:auto;  }
body.tistory_grid_630 div#ttCanvas .tt-span-12 { width:100% !important; }

#new-copy { width:100%; margin:0 auto 0 auto; position:relative; background-color:#000; }
#new-copy .copy-new { width:100%; margin:0 auto; text-align:center; padding:64px 0 77px 0; }
#new-copy .copy-new img { max-width:90%;}
.sns_wrap { display:none;  }

#content .entry  {  width:/*@post-width=*/ 96% !important;  margin:33px 2% 0 auto !important; padding:0 !important; overflow:hidden;   }
#content .nonEntry { width:96% !important; margin:33px 2% 0 auto !important; padding:0 !important; overflow:hidden; }


div#ttCanvas .tt-item-title { width:100% !important;  position:relative; float:left !important;  margin-left:0px !important; margin-bottom:0px; overflow:hidden; padding:40px 0 10px 0; border-bottom:2px solid #d5d5d5}
@media screen and (-webkit-min-device-pixel-ratio:0){div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}}
html[xmlns*=""] body:last-child div#ttCanvas .tt-item-title { padding:40px 0 5px 0 !important;}

.mobile-menuwrap { display:block; width:180px; height:100%; position:fixed; overflow-y:auto; z-index:10000; top:0px; left:-180px; background-color:#fff; border-right:1px solid #d5d5d5; }
.mobile-menuwrap ul { padding:0; margin:0; }
.mobile-menuwrap li { float:left; width:100%; list-style:none; position:relative; }
.mobile-menuwrap li:first-child { padding:24px 0 25px 0; text-align:center;}
.mobile-menuwrap li:first-child img { width:18px; margin-left:30px;}
.mobile-menuwrap li img { width:100%; float:left;}
.menuclose { width:20px !important; position:absolute; z-index:10; right:10px; top:10px; cursor:pointer;}
.mobile-sns { width:20px !important; float:left; margin-left:20px;}

#paging            { padding-top:88px; width:96%; float:right; margin-right:2%;  text-align:center;  font-size:0.95em;}
#paging .numbox    { padding-left:6px; margin-left:6px;  font:12px verdana;}
#paging .num       { margin-right:5px;}
#paging #prevPage { float:left;}
#paging #nextPage { float:right;}
#paging span .selected { color: #ff000a; }

#guest-hidden { width:100%; float:left; padding:88px 0 0 0; } 
#guestbook { margin-right:0px !important;}


#searchBox2 { width:170px; border:1px solid #d5d5d5; position:absolute; z-index:10; top:5px; right:5px; padding:2px 0;}
#searchBox2 input.search_keyword2 { border:none; background:none; float: left; width:125px; height:22px }
#searchBox2 input.button {background: url(./images/btn_search.gif) no-repeat center center; width: 21px; height: 21px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }






}

@media screen and (max-width:480px) {
.article { width:100% !important; float:left; margin:-40px 0 0 0 !important; padding:10px 0 !important;}
.actionTrail { padding-top:40px; }
#header { width:100%; margin:0 auto; position:fixed; z-index:1000; background-color:#fff; height:51px;}
#header h1 { width:100%; float:left; position:relative; text-align:center; margin-top:21px;  }
.logoclass { display:none; }
.mobilelogo { display:block; max-width:230px; margin:0 auto !important; }
#container { width:100%; margin:0 auto; position:relative; overflow:hidden; padding-bottom:57px; }
#searchBox { display:none}
#sidebar { display:none !important;}
.newmenu { display:none;  }
.menuopen { display:block; position:absolute; z-index:100; cursor:pointer; left:10px; top:-3px; max-width:18px;}
#header_bottom { margin-top:-1px !important;}

#content{ width:/*@post-width=*/ 98% /*@*/ !important; margin:55px auto 0 auto !important;  overflow:hidden !important;  }
body.tistory_grid_630 div#ttCanvas { width:96% !important; margin:-50px auto 0 auto; position:relative; overflow:hidden; }
@media screen and (-webkit-min-device-pixel-ratio:0){body.tistory_grid_630 div#ttCanvas { margin:-80px auto 0 auto;}}
html[xmlns*=""] body:last-child body.tistory_grid_630 div#ttCanvas { margin:-80px auto 0 auto;}



.tt-span-4  { width:100% !important; float:left; position:relative !important; margin-left:0px !important;}
.tt-wrap-item li:first-child { margin-left:0px !important;}
body.tistory_grid_630 div#ttCanvas .tt-span-12 { width:100% !important; }
div#ttCanvas .tt-span-4:hover .black_bg { display:none; position:absolute; z-index:10; width:100%; height:auto;  }
body.tistory_grid_630 div#ttCanvas .tt-span-4-border { width:100% !important; height:auto !important;  border:none !important; overflow:hidden !important; }
#new-copy { width:100%; margin:0 auto 0 auto; position:relative; background-color:#000; }
#new-copy .copy-new { width:100%; margin:0 auto; text-align:center; padding:34px 0 47px 0; }
#new-copy .copy-new img { max-width:70%;}
#content .entry  { width:/*@post-width=*/ 96% /*@*/ !important;  margin:33px 2% 0 auto;  padding:0 0 0 0; overflow:hidden;  }
#content .nonEntry { width:96% !important; margin:33px 2% 0 auto !important; padding:0 !important; overflow:hidden;  }

div#ttCanvas .tt-item-title { width:100% !important; position:relative; float:left !important;  margin-bottom:0px; margin-left:0px !important; overflow:hidden; padding:0 0 5px 0; border-bottom:2px solid #d5d5d5}
@media screen and (-webkit-min-device-pixel-ratio:0){div#ttCanvas .tt-item-title { padding:20px 0 5px 0 !important;}}
html[xmlns*=""] body:last-child div#ttCanvas .tt-item-title { padding:20px 0 5px 0 !important;}
.mobile-menuwrap { display:block; width:180px; height:100%;  position:fixed; overflow-y:auto;  z-index:10000; top:0px; left:-180px; background-color:#fff; border-right:1px solid #d5d5d5; }
.mobile-menuwrap ul { padding:0; margin:0; }
.mobile-menuwrap li { float:left; width:100%; list-style:none; position:relative; }
.mobile-menuwrap li:first-child { padding:16px 0 17px 0; text-align:center;}
.mobile-menuwrap li:first-child img { width:18px; margin-left:30px;}
.mobile-menuwrap li img { width:100%; float:left;}
.menuclose { width:20px !important; position:absolute; z-index:10; right:10px; top:10px; cursor:pointer;}
.mobile-sns { width:20px !important; float:left; margin-left:20px;}


#searchBox2 { width:170px; border:1px solid #d5d5d5; position:absolute; z-index:10; top:5px; right:5px; padding:2px 0;}
#searchBox2 input.search_keyword2 { border:none; background:none; float: left; width:125px; height:22px }
#searchBox2 input.button {background: url(./images/btn_search.gif) no-repeat center center; width: 21px; height: 21px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }
#paging            { padding-top:88px; width:96%; float:right; margin-right:2%;  text-align:center;  font-size:0.95em;}
#paging .numbox    { padding-left:6px; margin-left:6px;  font:12px verdana;}
#paging .num       {  margin-right:5px; padding-top:7px; display:inline-block;}
#paging #prevPage { float:left;}
#paging #prevPage img { width:120px;}
#paging #nextPage { float:right;}
#paging #nextPage img { width:120px;}
#paging span .selected { color: #ff000a; }

#guest-hidden { width:100%; float:left; padding:88px 0 0 0; } 
div#ttCanvas .tt-item-130031 li { padding-bottom:15px !important; }


.title-view-nav span { display:none;}



.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
}


.bx-wrapper .bx-pager {
	text-align: center !important;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-prev {
	left: 3px !important;
	background: url(./images/btn_prev.png) no-repeat center center;
}

.bx-wrapper .bx-next {
	right: 3px !important;
	background: url(./images/btn_next.png) no-repeat center center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	
	text-indent:-9999px;
	font-size:0px;
	display: block;
	width: 12px !important;
	height: 12px !important;
	margin: 0 10px 0 0;
	background:url(./images/slideoff.png) no-repeat center center;
	background-size:12px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:url(./images/slideon.png) no-repeat center center;
}


.titleWrap h2 { margin-bottom:0px !important;}





}


	
	

	/* sidebar */
	#blogImage {margin-bottom: 5px; }
	#blogImage img { width: 190px; }
	#blogDesc { font-size: 11px; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #ececec;}

  #blogMenu { margin: 0; padding: 0; }
	#blogMenu ul { list-style:none; margin: 0; padding: 0;}
	#blogMenu li {
		border-bottom:1px solid #ececec;
	}

	#blogMenu li a {
		list-style:none;
		text-decoration:none;
		display:block;
		color:#666;
		letter-spacing:-1px;
		font-family:verdana;
		font-size:12px;
		padding:10px 0;
	}

	#blogMenu li a:hover {
		color:#ff000a;
	}

	/* category */
	#category { border: 1px solid #ececec; margin-top: 10px;}
	#treeComponent #cafegoryWrapTd { padding: 10px; }
	#category h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
	#category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* tag cloud */
	#tagbox { border: 1px solid #ececec; margin-top: 12px; }
	#tagbox ul {text-align: justify; margin: 10px;}
	#tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
	#tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#tagbox li .cloud2 { font-size : 12px; color : #000; }
	#tagbox li .cloud3 { font-size : 12px; color : #ddd; }
	#tagbox li .cloud4 { font-size : 12px; color : #999; }
	#tagbox li .cloud5 { font-size : 12px; color : #999; }
	#tagbox h3 { width: 170px; padding: 10px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

	/* notice */
	#notice { border: 1px solid #ececec; margin-top: 10px; }
	#notice ul { padding: 0; list-style: none; margin: 10px;}
	#notice li { list-style: none; line-height: 1.4; }
	#notice h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

	/* recentPost */
	#recentPost { width:210px; float:left; margin-top:-17px;}
	#recentPost ul { padding: 0; list-style: none; margin:0; }
	@media screen and (-webkit-min-device-pixel-ratio:0){#recentPost ul li:first-child { margin-top:-6px; }}
	html[xmlns*=""] body:last-child #recentPost ul li:first-child { margin-top:-6px; }

	#recentPost li { list-style: none; width:100%; float:left; position:relative;  }
	#recentPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
	#recentPost h3 { width: 100%; float:left; padding:10px 0 12px 0; box-sizing:border-box; font-family:'lato' !important;  color:#454243; font-size:15px; font-weight:bold; display:block; border-bottom:1px solid #000;   }
	@media screen and (-webkit-min-device-pixel-ratio:0){#recentPost h3 { width: 100%; float:left; padding:10px 0 5px 0;  }}
	html[xmlns*=""] body:last-child #recentPost h3 { width: 100%; float:left; padding:10px 0 5px 0;  }

	
	
	
	
	
	#recentPost li span.thumb { display:block; width:100%; }
	#recentPost li span.thumb img { max-width:100%; }
	#recentPost li span.re_title { display:block;position:absolute; z-index:10; background-color:#fff; width:100%; text-align:left; height:45px; bottom:0px; word-break:break-all; }
	#recentPost li span.re_title a {font-size:13px; font-weight:bold; color:#454243; display:block;  float:left; margin-top:5px; }


	/* recentComment */
	#recentComment { border: 1px solid #ececec; margin-top: 10px; }
	#sidebar ul { padding: 0; list-style: none; margin: 0;}
	#recentComment li { list-style: none; line-height: 1.4; }
	#recentComment li.cnt { font-family: verdana; font-size: 10px; color: #999; }
	#recentComment h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
	#recentComment li .info { color: #999; }

	/* recentTrackback */
	#recentTrackback { border: 1px solid #ececec; margin-top: 10px; }
	#recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
	#recentTrackback li { list-style: none; line-height: 1.4; }
	#recentTrackback h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
	#recentTrackback li .info { color: #999; }

	/* archive */
	#archive { border: 1px solid #ececec; margin-top: 10px; }
	#archive ul { padding: 0; list-style: none; margin: 10px;}
	#archive li { list-style: none; line-height: 1.4; }
	#archive li .cnt { font-family: verdana; font-size: 10px; color: #999; }
	#archive h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

	/* calendar */
	#calendar { border: 1px solid #ececec; margin-top: 10px; }
	#calendar .tt-calendar { width: 170px; }
	#calendar .wrapAbContent { padding: 0 10px 10px 10px; }

	/* Links */
	#link { border: 1px solid #ececec; margin-top: 10px; }
	#link ul { padding: 0; list-style: none; margin: 10px;}
	#link li { list-style: none; line-height: 1.4; }
	#link h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

	/* Counter */
	#counter { width: 190px; height: 31px; border-bottom: 1px solid #ececec; font-family: verdana,san-serif; font-size:10px; color: #999;}
	#counter li { display: inline; margin-right: 7px; }

	/* RSS */
	#btnRSS { width: 190px; border-bottom: 1px solid #ececec; }
	#btnRSS img {margin-left: 6px;}

	
	/* ***** content ***** */
	#content .nonEntry {  }
	#content .nonEntry h3 {
		  /*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		  /*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		  /*@post-title-color=color:*/ color: #333333 /*@*/;
		  margin: 0; padding: 10px 0 11px 0;
		  font-weight: bold;
		  border-bottom: 1px solid #494949;
		  margin-bottom: 14px;
		}
	@media screen and (-webkit-min-device-pixel-ratio:0){#content .nonEntry h3 { width: 100%; float:left; padding:10px 0 4px 0;  }}
	html[xmlns*=""] body:last-child #content .nonEntry h3 { width: 100%; float:left; padding:10px 0 4px 0;  }







	#searchList ol,
	#searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
	#searchList li,
	#searchRplist li            { border-bottom:1px dotted #7b7b7b;  padding: 10px 0;}
	#searchList .date,
	#searchRplist .date         { color: #999; margin-right:10px; }
	#searchList .cnt            { color: #999; }
	#searchRplist .name         { color:#999;  padding-left:8px;}

	#localog .spot              { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
	#localog .info              { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
	#localog                    { color: #666;}
	#localog a:link             { color: #999;}
	#localog a:visited          { color: #999;}
	#localog a:hover            { color: #999;  text-decoration: none;}

	#taglog ul                  { padding:5px; margin:0; text-align:justify;}
	#taglog li                  { display:inline;}
	#taglog a:hover             { background-color:#eee;  color:#000;}
	#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#taglog li .cloud2 { font-size : 12px; color : #000; }
	#taglog li .cloud3 { font-size : 12px; color : #ddd; }
	#taglog li .cloud4 { font-size : 12px; color : #999; }
	#taglog li .cloud5 { font-size : 12px; color : #999; }

	


	   /* entry */
	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
		
	}
	.entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
	}
	.titleWrap { width:/*@post-width=*/ 100% /*@*/; overflow: hidden; color: #999; margin:0 auto; }
	.titleWrap h2 { margin: 0; padding: 10px 0 9px 0; /*@post-title-color=color:*/ color: #333333 /*@*/; margin-bottom: 14px; width:100%; float:left; display:block; box-sizing:border-box;}
@media screen and (-webkit-min-device-pixel-ratio:0){.titleWrap h2 {padding:4px 0 9px 0;  }}
html[xmlns*=""] body:last-child .titleWrap h2 {padding:4px 0 9px 0;  }

	.titleWrap h2 a:link { /*@post-title-color=color:*/ color: #454243 /*@*/; text-decoration:none; }
	.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #454243 /*@*/; text-decoration:none; }
	.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #454243 /*@*/; text-decoration:none; }
	.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #454243 /*@*/; text-decoration:none; }

	.entryProtected { color: #666; }
	.entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
	.entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
	.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

	.article                 {  width:/*@post-width:-68=*/ 100% !important /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #666666 /*@*/; overflow:hidden; padding: 40px 0;  }

	.article a:link          { color:#666;  text-decoration:none;}
	.article a:visited       { color:#666;  text-decoration:none;}
	.article a:hover         { color:#666;  text-decoration:underline;}
	.article a:active        { color:#666;  text-decoration:none;}

	.article dt              { text-decoration:underline;}
	.article dd              { margin-left:20px;  padding-bottom:10px;}

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

	.author                  { text-align:right; color:#888; padding:20px 20px;}
	.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}

	.tagTrail                { padding:8px 5px 5px 30px;  background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
	.tagText                 { display:none;}

	#articleBtmWrap { width:/*@post-width:-68=*/ 100% !important /*@*/; font-family: verdana; font-size: 11px; color: #999; margin: 0 auto;  padding-top:30px; }

	.actionTrail             { width:/*@post-width:-98=*/ 100% /*@*/; margin-left:1%; font-size:14px; font-weight:bold; overflow: hidden; box-sizing:border-box;  border-bottom: 1px solid #fff; margin: 0; padding-bottom: 5px; padding-top:40px;}
	.actionTrail .cnt        { color:#7b7b7b; font-weight: bold; }
	.actionTrail a:hover { text-decoration: none; }

	.trackback               { width:/*@post-width:-98=*/ 100%; box-sizing:border-box; overflow:hidden;  margin: 0; padding-left:15px;}
	.trackback a             { color:#666; text-decoration: none;}
	.trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
	.trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
	.trackback ol            { margin:0;  padding:0; }
	.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
	.trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
	.trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
	.trackback p             { margin:2px 0 0 0; padding:0;}
.commentList { background-color:#f6f6f6; width:100%; float:left;}
.commentList ol li ul li:first-child { border-top:1px solid #d5d5d5; }	
.commentList .control { padding-left:10px;}
	.comment                          { width:/*@post-width:-98=*/ 100%; box-sizing:border-box; overflow:hidden; border-top:1px solid #d7d7d7 ; float:left; }
	.comment .rp_secret { padding:10px 0; }
	.comment .rp_admin { padding:10px 0;}
	.comment .name a { color:#e60a16;}
	.comment p                        { margin:3px 0 0 0; padding:0;}
	.commentList ol li div p { text-align:left; margin:5px; line-height:20px; box-sizing:border-box; padding:0 0 0 5px; text-indent:0 !important; }
	.comment h3                       { display:none; }
	.comment ol,
	.comment ul                       { padding: 0; margin: 0; }
	.comment ol li                    { padding:0; border-bottom:1px solid #d7d7d7; }
	.comment ol li div {text-indent:10px; padding:10px 0;}
	.comment li ul li                 { padding:10px 0 10px 20px;  background-color:#fff; border-bottom:1px solid #d7d7d7}
	.comment li ul li:last-child { border-bottom:0px} 
	.commentWrite                     { overflow: hidden; color:#666;  width:100%; float:left;}
	.commentWrite input               { width:150px; color:#666; border: 1px solid #888888; }
	
	.commentWrite .input-name {/* background:url(./images/comment-writebg01.jpg) no-repeat left center;*/ height:25px; text-indent:10px;}
	.commentWrite .input-pw {/*background:url(./images/comment-writebg02.jpg) no-repeat left center;*/ height:25px; text-indent:10px;}
	.commentWrite .input-page {/*background:url(./images/comment-writebg03.jpg) no-repeat left center;*/ height:25px; text-indent:10px;}
	.commentWrite .input-area {/*background:url(./images/comment-writebg04.jpg) no-repeat left center;*/}
	
	.commentWrite textarea            {  width:/*@post-width:-98=*/ 100% /*@*/; overflow: hidden;  color: #666; border: 1px solid #888888; box-sizing:border-box;}
	.commentWrite .homepage           { width:80%;}
	.commentWrite .submit             { font-family:'lato' !important; font-size:15px; color:#fff; font-weight:bold; width:100%; padding:15px 0; background-color:#000; overflow:hidden; display:block; border:0; cursor:pointer; margin:10px auto; text-align:center; }
	.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
	.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}
	.commentBorder { width:100%; float:left; background:url(./images/curve_line.jpg) no-repeat top center; height:14px; }
	
	
	#guestbook p                { padding:2px 0; margin:0;}
	@media screen and (-webkit-min-device-pixel-ratio:0){#guestbook h3 { width: 100%; float:left; padding:8px 0 6px 0 !important;  }}
	html[xmlns*=""] body:last-child #guestbook h3 { width: 100%; float:left; padding:8px 0 6px 0 !important;  }


	#guestWrite                 { width:100%; color:#666; float:left;}
	@media screen and (-webkit-min-device-pixel-ratio:0){#guestWrite  { margin-top:-6px; }}
	html[xmlns*=""] body:last-child #guestWrite  { margin-top:-6px; }

	#guestWrite input           { width:150px; border:1px solid #888888; color: #666; text-indent:10px;}
	#guestWrite textarea        { width:/*@post-width:-38=*/100% /*@*/; overflow: hidden; border:1px solid #888888; box-sizing:border-box;}
	#guestWrite .homepage       { width:80%;}
	#guestWrite .submit             { font-family:'lato' !important; font-size:15px; font-weight:bold; color:#fff; width:100%; padding:15px 0; background-color:#000; overflow:hidden; display:block;border:0; cursor:pointer; margin:10px auto; text-align:center; }

	#guestList                  { width:/*@post-width:-98=*/ 100%; box-sizing:border-box; overflow:hidden; border-top:1px solid #d7d7d7 ; float:left; background-color:#f6f6f6 ; margin-top:20px;}
	#questList li { }
	#guestList ol,
	#guestList ul               { margin:0; padding:0;  list-style:none;}
	#questList ol li div {text-indent:10px;}
	#guestList li p             {}
	#guestList > ol > li { border-bottom:1px solid #d5d5d5} 
	#guestList ol li            { padding:10px 0 0 0;  }
	#guestList li ul li         { padding:10px 0 10px 20px;  background-color:#fff;   }
	#questList li ul li:last-child { border-bottom:0px} 
	#guestList li .name         { color:#e60a16; }
	#guestList li .name a		{ color:#e60a16;}
	#guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
	#guestList .control a span  { font-size: 11px; color: #999; }
	#guestList ol li ul li:first-child { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5}
	#guestList ol li ul li:last-child { border-top:1px solid #d5d5d5}
	/* footer */
	span.control {  width:100%; display:block; text-indent:0 !important; box-sizing:border-box;}

	#blogMenu ul {margin: 0; padding: 0;}

	#footer .adTistory .logoTistory {
		background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
	}
	* html #footer .adTistory .logoTistory {
		background-image:none;
		cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');
	}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
		height:auto !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	z-index:20;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(./images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	
	text-indent:-9999px;
	font-size:0px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	background:url(./images/slideoff.png) no-repeat center center;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:url(./images/slideon.png) no-repeat center center;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(./images/btn_prev.png) no-repeat center center;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(./images/btn_next.png) no-repeat center center;
}



.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 900;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(./images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(./images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.imageblock { width:100% !important; }
.imageblock img { max-width:100% !important; height:auto !important;}