@charset "utf-8";
body{font-family: 돋움,Dotum,AppleGothic,sans-serif,"맑은 고딕","Malgun Gothic";font-size:12px;line-height: 1.5; color:#ddd;/*@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: #333 /*@*/;padding:0;margin:0}
a:link,a:visited,a:active{ color:#666; text-decoration:none;}
a:hover{color:#d00}
img{border:0;vertical-align:middle;max-width:100%}
dl,ul,ol,li,p {list-style: none;margin:0;padding:0}	

/* 레이아웃 */
#container { width:1500px; margin:auto; }
#header{width:100%;margin:20px 0 0 0;padding:0;
	   /*@title-background-image=background-image:*/ background-image: none /*@*/;
	   /*@title-background-image-position=background-position:*/ background-position: left top /*@*/;
	   /*@title-background-image-repeat=background-repeat:*/ background-repeat: repeat /*@*/;
	   /*@title-background-color=background-color:*/ background-color: #333333 /*@*/;
}

/* fixed_img_col */
h1.hx{margin: 0;background:#7c7c7c;padding:10px;font-size:15px;line-height:normal;color:#fff;/*@title-font-family=font-family:*/font-family: Verdana,Malgun Gothic,nanumgothic,sans-serif /*@*/;}
h1.cmt a{color:#fff}
h1.hx em, h1.cmt .cnt{ color:#fafafa; font-size:11px;font: 90% Verdana, Arial, Helvetica, sans-serif}
h1.hx{margin-top:5px}
h1.cmt{margin:15px 0 0;background:#7c7c7c;padding:10px;color:#fff}
h1.hx em{color:#eee}
#ttCanvas{margin:0 !important;padding:0 !important}

.flexible_img_col {margin-bottom: 50px;}
.flexible_img_col ul{/* margin:0; *//* padding:0; *//* font-size:12px; *//* font-family:Tahoma, Geneva, sans-serif; *//* list-style:none; */*zoom:1;margin-left: -31px;/* position: relative; *//* margin-bottom: 50px; */}
.flexible_img_col ul:after{display:block;clear:both;content:""}
.flexible_img_col li{/*float:left !important; width: 350px; */margin: 32px 0 0 32px;border:1px solid #222 !important;width: 348px;float: left;}
 
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative; color:#666;line-height:180px;text-align:center;white-space:nowrap;}
.flexible_img_col .thumb span{width:auto}
.flexible_img_col .thumb img{display:block;height:18px;width:100%;max-width: 100%; height:auto;}
.flexible_img_col .thumb img.dno{display:none}
.flexible_img_col a{display:block;width:auto !important;margin:0 auto !important;padding:0;text-decoration:none;cursor:pointer}
.flexible_img_col p.thumb2{position:absolute;top: 50%;margin-top: 10px;height:15px;width: 100%;left: 0;/* padding-left:6px; */opacity:0;vertical-align: middle;text-align: center;font-family:'Lato', 'Tang Bisuda WebFont', sans-serif;display:inline-block;width:none;font-size:13px !important;line-height:22px !important;/* padding:0 5px !important; */margin:0;color:#fff;}

.flexible_img_col p.thumb3{position:absolute;top:5%;margin-top: -15px;/* height:15px; */width: 100%;/* padding-left:6px; */opacity:0;vertical-align: middle;text-align: center;font-family:'Lato', 'Tang Bisuda WebFont', sans-serif;}
.flexible_img_col p strong{display:inline-block;width:none;font-size:18px !important;line-height:22px !important;padding:0 5px !important;margin:0;color:#fff}
.flexible_img_col p strong img{display:none !important}
.flexible_img_col p strong span{color:#c00;font-size:12px !important;margin-left:3px;}
.flexible_img_col p img{display:none}
.flexible_img_col a:hover .thumb img{opacity:0.4; text-align:center; color:#ffffff; border-color:#222 !important;transition: opacity 0.5s}
.flexible_img_col a:hover p{opacity:1; text-align:center; color:#ffffff;}
 

.w180 li{width:120px}
.w180 .thumb{width:118px}
.w180 .thumb img{width:118px}
.w180 a{width:120px}
.w180 p{width:120px}

/* content */
#sidebar{width:300px;margin-top:5px}
#sidebar .mb10{margin-bottom:10px}
#content{width:/*@post-width=*/ 100% /*@*/}
.treeComponent tr{padding:10px}
.wrap{margin:0 auto;width: 100%;}
.wrap:after{display:block;clear:both;content:""}
.p10{padding:10px 0}
.abox{width:auto;height:250px;line-height:250px;text-align:center;color:#555;font-size:12px;font-weight:bold;background:#fafafa;border:1px solid #ddd;font-family:Tahoma}
#header h1 a{float:left;
		/*@title-font-size=font-size:*/ font-size: 26px /*@*/;
		/*@title-font-family=font-family:*/ font-family: Verdana,Malgun Gothic,nanumgothic,sans-serif /*@*/;
		color:#555;
}
#header a.rss{float:left;text-indent:-8500px;display:block;background:#fff url(images/picons50.png) no-repeat;margin-left:10px;;width:32px;height:32px;}

#header:after{display:block;clear:both;content:""}
#searchBox {float: right; margin:70px 0 0 0; padding:0}
#searchBox{display: inline-block;zoom: 1;*display: inline;border: solid 0px #d2d2d2;padding: 3px 5px;}
#searchBox input{font: normal 12px/100% Arial, Helvetica, sans-serif;}
#searchBox .searchfield{background: #fff;padding: 6px 6px 6px 8px;width: 202px;border: solid 1px #bcbbbb;outline: none}
#searchBox .searchbutton {color: #fff;border: solid 1px #494949;font-size: 11px;height: 27px;width: 27px;background: #5f5f5f}

/* 블로그 메뉴 */
#blogMenu{padding:0;background:#000}
#blogMenu ul{padding:0;padding-left:5px}
#blogMenu ul:after{display:block;clear:both;content:""}
#blogMenu li{float:left;margin:15px 20px 15px 0}
#blogMenu li a{color:#fff;letter-spacing:-1px;font-family:verdana;font-size:12px;}
#blogMenu li a:hover{color:#fafafa}

/* 카테고리 */
.menu_v{clear:both;margin:0;padding:0;border:1px solid #ddd;border-top:0;size:12px;font-family:Tahoma, Geneva, sans-serif;}
.menu_v li{margin:0;padding:0;list-style-type:none;line-height:normal}
.menu_v li ul{margin:0;padding:0}
.menu_v li li{border-top:1px solid #eee}
.menu_v li a{display:block;width:auto;font-size:12px;padding:10px;text-align:left;color:#555;font-weight:normal}
.menu_v li a:hover{color:#000;background:#efefef}
.menu_v li .c_cnt {color:#666;font-size:9px}

/* section */
.section{position:relative;font-size:12px;line-height:normal;*zoom:1;margin-bottom:10px}
h3.hhx,.section .hx{margin:0;background:#7c7c7c;padding:6px 10px;font-size:12px;line-height:normal;color:#fff}
.section .tx{margin:0;border:1px solid #ddd;border-top:0}
.section a{padding:10px;color:#555;border-top:1px solid #eee;display:block}
.section a:first-child { border:0}
.section a:hover{color:#000;background:#efefef}
.section span.cmt{margin-left:5px;color:#f00;font-size:9px}

/* tdiv */
.tdiv {padding:0px;margin:5px 0 15px}
.tdiv h2{font-size:15px;background:#7c7c7c;padding:10px;margin:0;/*@title-font-family=font-family:*/ font-family: Verdana,Malgun Gothic,nanumgothic,sans-serif /*@*/;}
.tdiv h2 a{color:#fff;}
.tdiv .ect{padding:10px;background:#f5f5f5;border:1px solid #ddd;border-top:0}
.tdiv .ect span,.tdiv .ect a{margin-right:10px;color:#555;font:thaoma;font-size:11px}

p.protect_p   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
input.protect_i{ width:200px; padding:5px; border: 1px solid #ddd; margin:0 5px}

/* another__color_gray */
div.another_category{margin:15px 0 !important;padding:0;border:0 !important;font-family:tahoma}
div.another_category h4{margin:0px !important;background:#7c7c7c;color:#fff !important;padding:10px!important;font-size:15px;line-height:normal}
div.another_category h4 a{color:#fff !important;font-size:15px !important;margin:0 !important;}
div.another_category table{border: 1px solid #5c5c5c;border-top:0;margin:0 !important;}
div.another_category table td{display:none}
div.another_category th a{margin-left:12px;color:#ddd !important;padding-left:8px;background:url(images/bu.gif) no-repeat 0 8px;}
div.another_category th a.current{border-bottom:0 !important}
div.another_category th span{color:#f00 !important}
div.another_category th{padding-bottom:8px}
div.another_category table th{padding-bottom:8px !important;}
div.another_category tr:first-child th{padding-top:8px !important;}
div.another_category table th a:hover{color:#f00 !important;}

/* entry */
.article {font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #666 /*@*/; overflow:hidden;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { padding-left:25px;  margin:10px 20px;}

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

.tagTrail                { padding:8px 5px 3px 21px;  background:url(./images/tag_blue.png) center left no-repeat; clear:both}
.tagText                 { display:none}

/* comment */
.comment                          { width:auto;background:#fff;padding:0;overflow:hidden}
.commentWrite                     { overflow: hidden; color:#666}
.commentWrite #guest		      { background:#fafafa; padding-top:10px; margin:0; border:1px solid #ddd; border-top:0}
.commentWrite #guest p			  { margin:5px 10px}
.commentWrite #guest p.first		  { margin-top:0}
.commentWrite .sdiv			  { width:auto; padding:10px;margin:10px 0;}
.commentWrite #sdiv:after			  { content:"";display:block;clear:both}
.commentWrite .fr		  { float:right}
.commentWrite .fl		  { float:left}
.commentWrite input               { width:150px; color:#666; border: 1px solid #ddd; padding:5px ;}
.commentWrite .lb{width:auto;padding:0;margin:0;display:block;padding-right:22px;_padding:0;margin-bottom:0}
.commentWrite textarea            {width:100%;height:60px;overflow: auto;padding: 10px;margin:10px 0 0 0;background: #333333;color: #fff;border: 1px solid #5c5c5c;}
.commentWrite .homepage           { width:300px;}
.commentWrite .secretWrap         { padding:5px 0}
.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}

/* Default */
.cb_module{font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;font-size:12px;font-weight:normal;line-height:14px}
.cb_module p,.cb_module h1,.cb_module h2,.cb_module h3,.cb_module h4,.cb_module h5,.cb_module h6,.cb_module ul,.cb_module ol,.cb_module li,.cb_module dl,.cb_module dt,.cb_module dd,.cb_module table,.cb_module th,.cb_module td,.cb_module form,.cb_module fieldset,.cb_module legend,.cb_module input,..cb_module button,.cb_module select{margin:0;padding:0}
.cb_module img{border:none}
.cb_module a{color:#333;text-decoration:none}
.cb_module a:hover,.cb_module a:active,.cb_module a:focus{text-decoration:underline}

/* Common Selector */
.cb_module .cb_nick_name{display:inline-block;*display:inline;padding-left:1px;color:#444}
.cb_module .cb_nick_name a{display:inline-block;_position:relative;margin:-1px 0 0;color:#ddd;font-size:12px;font-weight:bold;letter-spacing:-1px}

/* Comment Input Area */
.cb_module{margin:0 auto;text-align:left}
.cb_module .cb_wrt{zoom:1}

/* Comment list */
.cb_module .cb_lstcomment {width:auto;border: 1px solid #5c5c5c;margin-bottom:15px;background: #333;}
.cb_module .cb_lstcomment li{position:relative;border-top:1px solid #eee;vertical-align:top;zoom:1}
.cb_module .cb_lstcomment li:first-child{border-top:0}
.cb_module .cb_lstcomment .cb_section span,.cb_module .cb_lstcomment .cb_section div,.cb_module .cb_lstcomment .cb_section a,.cb_module .cb_lstcomment .cb_section em,.cb_module .cb_lstcomment .cb_section input,.cb_module .cb_lstcomment .cb_section td{vertical-align:middle}
.cb_module .cb_lstcomment .cb_bu_subnode{overflow:hidden;position:absolute;top:7px;left:6px;width:14px;height:14px;color:#9e9e9e;font-family:'돋움',dotum;font-size:20px;vertical-align:baseline}
.cb_module .cb_lstcomment .cb_date{display:inline-block;color:#aaa;font-family:tahoma;font-size:10px}
.cb_module .cb_lstcomment .cb_nick_name{font-family:tahoma}
.cb_module .cb_lstcomment .cb_date{padding-left:4px}
.cb_module .cb_lstcomment .cb_info_area{overflow:hidden;padding:3px 0 5px;zoom:1}
.cb_module .cb_lstcomment .cb_section{float:left;margin-top:8px;margin-left:15px}
.cb_module .cb_lstcomment .cb_section2{position:absolute;top:11px;*top:9px;right:8px;height:15px;padding-left:6px;color:#aaa}
.cb_module .cb_lstcomment .cb_section2 span{display:inline-block;overflow:hidden;padding:0 6px 0 9px;color:#aaa}
.cb_module .cb_lstcomment .cb_section2 span.cb_nobar{margin-left:-6px;padding:0 6px;background:none}
.cb_module .cb_lstcomment .cb_section2 span.cb_first{background:none}
.cb_module .cb_lstcomment .cb_section2 a{color:#777}
.cb_module .cb_lstcomment .cb_section2 a:hover,.cb_module .cb_lstcomment .cb_section2 a:hover em{color:#ddd;text-decoration:underline}
.cb_module .cb_lstcomment .cb_section2 span span{padding:0;background:none;color:#aaa;font-family:tahoma;font-size:10px}
.cb_module .cb_lstcomment .cb_dsc_comment{overflow:hidden;clear:both;padding:0 0 10px 1px;color:#fff;line-height:20px;margin-left:15px}

/* Comment Depth Control - Large Thumb */
.cb_module .cb_lstcomment li li{clear:both;position:relative;padding-bottom:0;border-top: 1px dashed #5c5c5c !important;}
.cb_module .cb_lstcomment li li.cb_thumb_on .cb_thumb{left:30px}
.cb_module .cb_lstcomment li ul li .cb_section,.cb_module .cb_lstcomment li ul li .cb_dsc_comment{margin-left:0}
.cb_module .cb_lstcomment li li li{position:relative;margin-left:20px}
.cb_module .cb_lstcomment .cb_thumb_off{z-index:10}
.cb_module .cb_lstcomment .cb_on{z-index:20}
.cb_module .cb_lstcomment .cb_thumb_off .cb_comment_area{padding-left:0}
.cb_module .cb_lstcomment li .cb_thumb_off ul{margin-left:-20px}
.cb_module .cb_lstcomment .cb_thumb_off li.cb_thumb_off{padding-left:30px}

/* 페이징 */
.selected               { font-weight:bold; color:#333; }

/* searchList */
.section_ul{position:relative;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;margin:5px 0 10px;*zoom:1}
.section_ul a{color:#666}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline;color:#d00}
.section_ul em{font-style:normal}
.section_ul h2{margin:0;padding:6px 10px;background:#ff5f13;font-size:15px;color:#fff}
.section_ul h2 em{color:#fff;font-size:11px}
.section_ul ul{padding:0 10px 12px 0;list-style:none;background:#f5f5f5}
.section_ul li{position:relative;padding:12px 0 0 10px}
.section_ul li:after{display:block;clear:both;content:""}
.section_ul li .bu{float:left;margin:0 4px 0 0;color:#999}
.section_ul li a{float:left}
.section_ul li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap}
.section_ul li span.cmt{margin-left:5px;color:#f00;font-size:11px}

/* localog */
#localog,#taglog{position:relative;font-size:12px;line-height:normal;*zoom:1;padding:0 20px}
#localog .spot              {margin-top:5px;font-weight:bold}
#localog .info				{margin-top:2px}
#localog .bu              {margin-right:4px 0 0;color:#999}
#localog h3,#taglog h3{margin:0;padding:10px;background:#7c7c7c;font-size:15px;color:#fff;font-family:'돋움',Dotum,helvetica,sans-serif,tahoma}
#localog .tx,#taglog .tx{padding:15px;list-style:none;border:1px solid #ccc;border-top:0}

#taglog a{margin:10px 10px 0 0;color:#000;padding:5px;line-height:2}
#taglog a:hover             { background-color:#eee}
#taglog .cloud1 { font-weight:bold; font-size : 14px; color : #000; letter-spacing: -1px; }
#taglog .cloud2 { font-size : 12px; color : #000; }
#taglog .cloud3 { font-size : 12px; color : #222; }
#taglog .cloud4 { font-size : 12px; color : #444; }
#taglog .cloud5 { font-size : 12px; color : #666; }

#articleBtmWrap { width:auto; padding: 0; font-size: 11px; color: #999; margin: 0}
/*
.actionTrail             { width:auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px}
.actionTrail .cnt        { color:#ff000a; font-weight: bold; }
*/

.actionTrail{background:#7c7c7c;padding:10px;margin:0;font-size:15px;line-height:normal;width:auto}
.actionTrail a{color:#fff;font-weight:bold}
.actionTrail .cnt        { color:#fafafa; font-size:11px;font: 90% Verdana, Arial, Helvetica, sans-serif}

.trackback               { width:auto; overflow:hidden; margin:0; background:#fff; border:1px solid #ccc;border-top:0}
.trackback a             { color:#555; text-decoration: none;}
.trackback .trackback-url {color:#444}
.trackback h3          { font-size: 11px; margin: 0; padding: 12px 10px 8px; font-weight: normal; background: #fafafa}
.trackback ol            { margin:0;  padding:0; }
.trackback li, .trackback .name, .trackback p { font-size: 11px; }
.trackback li            { border-top:1px dashed #ddd;padding:10px}
.trackback .name		 { color:#999; margin-left:5px}
.trackback a.delete		 { color:#f00; margin-left:5px}
.trackback a:hover	 { color:#f00}

/* paging */
#paging {padding: 10px 0;text-align:center;line-height:normal;clear: both;}
#paging a{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#eee;line-height:normal;text-decoration:none;vertical-align:middle}
#paging .selected {color:#f60}
#paging #prevPage,#paging #nextPage{font-weight:normal;color:#767676;white-space:nowrap}
#paging #prevPage span,#paging #nextPage span{font-weight:bold;font-size:14px}
#paging .no-more-prev,#paging .no-more-next{display:none}
#paging a:hover{color:#f00}
#paging a#prevPage:hover,#paging a#nextPage:hover{color:#333}

/* footer */
#footer { clear:both; width: auto; margin:0 0 15px; padding-top: 15px; border-top: 1px solid #ddd; }
#footer .copyright {font-family: Vadana, san-serif; font-size: 11px; text-align: center; padding: 0; margin: 0; clear:both; padding: 30px 0;}
#footer .copyright p, #footer .copyright p a { color: #999; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }

hr {display:none;}

/* button */
.button {color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background: #f3f3f3;background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));border: solid 1px #dcdcdc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;margin-right: 10px;
}
.button:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.button:active {color: #000;border-color: #444;}
.left {-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius-bottomright: 0;border-bottom-right-radius: 0;
	margin: 0;}
.middle {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-left: solid 1px #f3f3f3;margin: 0;border-left: solid 1px rgba(255, 255, 255, 0)}
.middle:hover,a.right:hover { border-left: solid 1px #999 }
.right {-webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomleft: 0;border-bottom-left-radius: 0;
		border-left: solid 1px #f3f3f3;border-left: solid 1px rgba(255, 255, 255, 0);}
.small{padding:2px 8px 4px;font:normal 11px}
a.button:hover {text-decoration:none}

/* ***** minisoda TOP ***** */

.ms_icon11 { width:85px; height:427px; background:url(./images/icon_11--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon12 { width:85px; height:427px; background:url(./images/icon_12--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon13 { width:85px; height:427px; background:url(./images/icon_13--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon14 { width:85px; height:427px; background:url(./images/icon_14--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon15 { width:85px; height:427px; background:url(./images/icon_15--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon16 { width:85px; height:427px; background:url(./images/icon_16--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}

.ms_icon1 { width:85px; height:427px; background:url(./images/icon_1--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon2 { width:85px; height:427px; background:url(./images/icon_2--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon3 { width:85px; height:427px; background:url(./images/icon_3--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon4 { width:85px; height:427px; background:url(./images/icon_4--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon5 { width:85px; height:427px; background:url(./images/icon_5--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}
.ms_icon6 { width:85px; height:427px; background:url(./images/icon_6--1.png); cursor:pointer; float:left; margin-left:3px; cursor:pointer;}

.ms_icon17 {  height:70px; width:261px; line-height:70px; text-align:center; background:url(./images/icon2-1-1.png); cursor:pointer; float:left; margin-left:3px; margin-bottom:3px; cursor:pointer;}
.ms_icon7 { height:70px; width:261px; line-height:70px; text-align:center; background:url(./images/icon2-2-1.png); cursor:pointer; float:left; margin-left:3px; margin-bottom:3px; cursor:pointer;}
.ms_icon18 { height:70px; width:261px; line-height:70px; text-align:center; background:url(./images/icon2-3-1.png); cursor:pointer; float:left; margin-left:3px; margin-bottom:3px; cursor:pointer;}
.ms_icon8 { height:70px; width:261px; line-height:70px; text-align:center; background:url(./images/icon2-4-1.png); cursor:pointer; float:left; margin-left:3px; margin-bottom:3px; cursor:pointer;}

.ms_left { float:left; width:972px;}
.ms_right { float:right; }
.ms_topLog { float:left; margin-bottom:10px; }
.ms_Topcopy { clear:both; padding:7px 0 0 0; }
.ms_WLine { clear:both; width:100%; height:1px; background:#666; }
.ms_WLine2 { clear:both; width:100%; height:1px; background:#666; margin-top:15px; }
.ms_top_1 { float:left; height:70px; text-align:left; line-height:70px; }
.ms_top_1_1 { float:right; height:70px; text-align:left; line-height:70px; }

.ms_top_2 { clear:both; width:950px; height:500px; }
.ms_top_2 img{border:0;vertical-align: top;}

.ms_top_3 { float:right; width:200px; height:70px; background:url(./images/quic_menu3.png); background-repeat:no-repeat; background-position:center; cursor:pointer }
.ms_top_4 { height:70px; line-height:70px; text-align:center; }

.ms_top_4 .ms_a { font:12px/1.5 '돋움',dotum,Tahoma,AppleGothic,Sans-serif;color:#ffffff; line-height:70px; font-weight:bold; }
.ms_top_4 .ms_b { font:16px/2 '돋움',dotum,Tahoma,AppleGothic,Sans-serif;color:#fd3a3a; line-height:70px; font-weight:bold; }
.ms_top_5 { position:absolute; width:730px; height:100px; background:#ffffff; margin:-110px 0 0 110px; z-index:10000; text-align:center; line-height:100px; }
.ms_top_6 { width:100%; height:61px; background:#CCC; padding:5px 0; }

.ms_qLayer {position:absolute;width: 972px;height:100px;margin:0 0 0 0;background:url(./images/quic_menu_icons3.png);display:none;}
.ms_qLayer ul { margin:10px 0 0 122px; }
.ms_qLayer li { float:left; width:61px; height:60px; margin:0 45px 0 0; cursor:pointer; }

p.nowrap{white-space: nowrap; margin:0; padding:0;width:972px; }
p.nowrap img{width:972px; height:500px }
#adbox{ clear:both; margin:0;width:972px;}
#img02, #img03, #img04, #img05, #img06, #img07, #img08 {display:none;}


/**
17. Responsive
-------------------------------------------------------------------*/

.search-thumbs-wrap { margin: 0 auto 50px; max-width: 100.000rem; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-image-wrap { width: 100%; position: relative; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block }
.search-thumbs-wrap .grid-item .item-content-image:before { content: ""; display: block; opacity: 0; background: #000000; position: absolute; width: 100%; height: 100%; z-index: 1 }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover .item-content-image { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover .item-content-image:before { opacity: 0.4 }
.search-thumbs-wrap .grid-item .item-content-caption-wrapper { width: 100%; display: table }
.search-thumbs-wrap .grid-item .item-content-caption { display: table-cell; vertical-align: middle; text-align: center }
.search-thumbs-wrap .grid-item .item-content-caption h2 { font-size: 1.125em; line-height: 1.250em; font-weight: 400; margin-top: 5px; margin-bottom: 0; letter-spacing: .8px; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-caption .text { font-size: 0.750em; opacity: 0.6; font-weight: 400; line-height: 1.4 }
.search-thumbs-wrap .grid-item .item-content-caption .context { display: none; margin-top: 5px; font-size: 0.929em; line-height: 1.250rem }
.search-thumbs-wrap .grid-item .item-content-header { display: none }
/* masonry */
.search-thumbs-wrap .grid-item { opacity: 0; cursor: pointer; overflow: hidden; break-inside: avoid; outline: 0 }
.search-thumbs-wrap .grid-item.active { opacity: 1 }
/* tile */
.search-thumbs-wrap.tile .grid-item { margin-bottom: 0.5% }
.search-thumbs-wrap.tile .gutter-sizer { width: 0.5% }
.search-thumbs-wrap.tile .grid-item.front-image .item-content-caption { padding: 1.571em }
.search-thumbs-wrap.tile .grid-item .item-content-caption h2 { font-size: 1.143em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.07em; max-height: none }
.search-thumbs-wrap.tile .grid-item.grid-item--width-one.front-image .item-content-caption, .search-thumbs-wrap.tile .grid-item.grid-item--width-one.front-text .item-content-caption, .search-thumbs-wrap.tile .grid-item.grid-item--width-one.only-text .item-content-caption { padding: 8px 12px }
/* image aspect ratio */
.search-thumbs-wrap .grid-item .item-content-image-wrap.three-two { padding-top: 66.66% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.four-three { padding-top: 75% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.sixteen-nine { padding-top: 56.25% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.one-one { padding-top: 100% }
/* only text */
.search-thumbs-wrap .grid-item.only-text  { background-color: #c59e9b }
.search-thumbs-wrap .grid-item.only-text .item-content-image-wrap { opacity: 0 }
.search-thumbs-wrap .grid-item.only-text .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.only-text .item-content-caption { opacity: 1; position: relative; overflow: hidden; width: 100%; text-align: center; padding: 0 10px 0 10px }
.search-thumbs-wrap .grid-item.only-text .item-content-caption h2, .search-thumbs-wrap .grid-item.only-text .item-content-caption .text, .search-thumbs-wrap .grid-item.only-text .item-content-caption .context { color: #fefefe }
/* caption align */
.search-thumbs-wrap.caption-align-bottom .grid-item .item-content-caption-wrapper { margin: auto 0 0 !important }
.search-thumbs-wrap.caption-align-bottom .grid-item .item-content-caption { vertical-align: bottom; text-align: left !important }
.search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.front-image .item-content-caption, .search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.front-text .item-content-caption, .search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.only-text .item-content-caption { padding: 1.571em }
/* front image */
.search-thumbs-wrap .grid-item.front-image { background-color: transparent }
.search-thumbs-wrap .grid-item.front-image .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.front-image .item-content-caption { color: #fefefe; position:relative; opacity: 0; overflow: hidden; width: 100%; text-align: center; padding: 1em; z-index: 1 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption h2 { overflow: hidden; font-size: 0.94em; line-height: 1.5 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption h2.title { margin-top: 0 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption .context { display: none; overflow: hidden; max-height: 3.750rem }
.search-thumbs-wrap .grid-item.front-image .item-thumbnail-link:hover .item-content-caption { opacity: 1 }
/* front text */
.search-thumbs-wrap .grid-item.front-text  { background-color: transparent }
.search-thumbs-wrap .grid-item.front-text .item-content-image:before { opacity: 1; background-color: rgba(0,0,0,.4) }
.search-thumbs-wrap .grid-item.front-text .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.front-text .item-content-caption { opacity: 1; position: relative; overflow: hidden; width: 100%; text-align: center; padding: 1em; z-index: 1 }
.search-thumbs-wrap .grid-item.front-text .item-content-caption h2 { color: #fefefe }
.search-thumbs-wrap .grid-item.front-text .item-content-caption .text { color: #FEFEFF }
.search-thumbs-wrap .grid-item.front-text .item-thumbnail-link:hover .item-content-image:before { opacity: 0 }
.search-thumbs-wrap .grid-item.front-text .item-thumbnail-link:hover .item-content-caption { opacity: 0 }
/* image and text */
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption { padding: 0 3px; width: 100%; text-align: left }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2 { overflow: hidden; font-size: 1.214em }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2.title { margin-top: 0 }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .text { opacity: 0.8; margin-top: 10px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-image-wrap + .item-content-caption .text { margin-top: 15px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .context { display: block; overflow: hidden; max-height: 3.750rem }
/* front text on box */
.search-thumbs-wrap .grid-item.text-on-box .item-content-header { display: block; position: relative; padding: 1.714em 2.000em; background-color: #FEFEFF; border: 1px solid #f2f2f2 }
.search-thumbs-wrap .grid-item.text-on-box .item-content-header:before { content: ""; display: block; border: 12px solid transparent; border-top-color: #f2f2f2; position: absolute; z-index: 2; bottom: 0; left: 2.000em; margin-bottom: -24px }
.search-thumbs-wrap .grid-item.text-on-box .item-content-header:after { content: ""; display: block; border: 11px solid transparent; border-top-color: #FEFEFF; position: absolute; z-index: 3; bottom: 0; left: 2.000em; margin-left: 1px; margin-bottom: -21px }
.search-thumbs-wrap .grid-item.text-on-box .item-content-header h2 { color: #212121; font-size: 1.214em; font-weight: 400; margin-bottom: 0; line-height: 1.250em; overflow: hidden }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption { padding: 1.714em 2.000em; overflow: hidden; width: 100%; backface-visibility: hidden; background-color: #FEFEFF; border: 1px solid #f2f2f2; text-align: left }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption h2 { display: none }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption .text { color: #212121 }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption .context { color: #212121; display: block; overflow: hidden; margin-bottom: 0 }

@media only screen and (min-width: 1025px) {
.search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 28.33% }
.search-thumbs-wrap .grid-item { margin-bottom: 7.5% }
.search-thumbs-wrap .gutter-sizer { width: 7.5% }
/* expand */
.search-thumbs-wrap.expand .grid-item, .search-thumbs-wrap.expand .grid-sizer { width: 22.75% }
.search-thumbs-wrap.expand .grid-item { margin-bottom: 3% }
.search-thumbs-wrap.expand .gutter-sizer { width: 3% }
/* tile */
.search-thumbs-wrap.tile .grid-item, .search-thumbs-wrap.tile .grid-sizer { width: 16.25% }
.search-thumbs-wrap.tile .grid-item--width-one { width: 16.25% }
.search-thumbs-wrap.tile .grid-item--width-double { width: 33% }
.search-thumbs-wrap.tile .grid-item--width-triple { width: 49.75% }
}


/*하단배너*/
.footer_ban{width:22%; margin:10px; padding:10px; float:left;color:#d2d2d2;line-height: 1.8;}

.footer_ban .blogdesc img{width:410px; height:226px;}
.footer_ban h3{margin:0 0 10px 0; font-family:"Malgun Gothic"; font-size:18px;overflow:hidden;position:relative;}
.footer_ban h3 span {display:inline-block;position:relative;}
.footer_ban h3 span:after {content: "";height: 1px;margin-left: 10px;position: absolute;top: 50%;width: 75pc;left: 100%;background-color: #f2f2f2;}
.footer_ban ul{width:100%;}
.footer_ban li{font-size:12px; font-family:"Malgun Gothic"; padding:5px 0; border-bottom:1px dashed #ccc;}
.footer_ban li a{color:#d2d2d2;}

.info_wrap{float:right;}

.aboutme_ti{ font-family:"Malgun Gothic"; margin-top:10px;}
.category td{color:#fff;}
.counter { font-family:"Malgun Gothic"; font-size:16px;}
.counter .total{font-weight:bold;}

.follow_link{margin-top:5px;display:inline-block;float:right;}

.category ul {} /* width를 넣어서 카테고리 가로길이 설정, line-height로 카테고리 간격 설정 *★*/
.category ul { padding:0; margin:0; list-style-type:none; }
.category a { text-decoration:none; color:#000; }
.category a:hover { font-weight:bold; color:red; }
.category > ul > li > a { display:none; } /* 분류 전체보기 없애기 (위 스샷과 비교) *★*/
.category > ul > li > ul > li > a { font-weight:bold; display:block; font-size:14px; } /* 상위카테고리 꾸미는 부분, border-top 실선, border-bottom 점선 *★*/
.category > ul > li > ul > li > a > span.c_cnt { color:orange;} /* 상위카테고리의 글 갯수 없애기 *★*/
.category > ul > li > ul > li > ul > li > a {  } /* 서브카테고리 꾸미는 부분 *★*/
.category span.c_cnt { } /* 카테고리 글 수 꾸미는 곳 *★*/
.sub_category_list ul{border:none;}
.sub_category_list li{border:none; padding-left:20px;}
ul.tt_category > li {border-bottom:0;padding:0}
.category_list li {position:relative;cursor:pointer;}
.sub_category_list {display:none;}
.category .has-child:after {content:"\f078";font-family:FontAwesome;position:absolute;right:5px;top:7px; padding:0 15px;}
.category .has-child.open:after {content:"\f077"}
li.open .sub_category_list {display:block;}

#scroll_to_top {position:fixed; bottom:40px; right:20px;}