@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{font-family:'Nanum Gothic','나눔고딕',sans-serif !important;font-size:12px;color:#333;background-color: #fff; /*@*/;padding:0;margin:0}
a:link,a:visited,a:active{ color:#666; text-decoration:none;}
img{border:0;vertical-align:middle;max-width:100%;height:auto}
dl,ul,ol,li,p {list-style: none;margin:0;padding:0}

body {margin:0;padding:0}
#top {width:auto}
/* 레이아웃 */
#container{width:auto}
.wrap,#bmnu ul{width:1000px}

.wrap{margin:0 auto}
.hw{background:#14858b;border-bottom:1px solid #ccc;padding-top:20px;display:none}
.cw{margin-bottom:10px}
#top:after,#container:after,.cw:after{display:block;clear:both;content:""}
.hc{background:#fff;display:none;margin:20px auto 0;padding:15px;border:1px solid #ccc}
.hc:after{content:"";display:block;clear:both}
.ml5{margin-left:5px}

.dno{display:none}
#content{width:auto}
body.tistory_grid_1015 div#ttCanvas .tt-span-3-thumb_ratio-1_1 {height:auto !important;}
.tw,#container{padding-left:10px;padding-right:10px}

#bmnu {background:#fff;width:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
#bmnu ul{padding:0;margin:0 auto}
#bmnu:after{display:block;clear:both;content:""}
#bmnu ul li{display:block;float:left}
#bmnu ul li a{color:#333;padding:10px;background:#fafafa;}
#bmnu ul li a:hover,#footer ul li a:hover strong{color:#00c0aa;border-bottom:3px solid #1c7ebb}

.hbar{width:auto;padding:10px 20px 0;height:30px;margin-bottom:0}
.hbar:after{display:block;clear:both;content:""}
span.hx{margin:0;font-size:18px;color:#00c0aa;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-weight:bold}
span.hx em {color:#777;font: 80% Verdana, Arial, Helvetica, sans-serif}

/* Top */
#top{}
#top h1#logo{margin:0;padding:0 0 0 10px;float:left}
#top h1 a{/*@title-font-size=font-size:*/ font-size: 32px /*@*/;font-family:'Open Sans',sans-serif;line-height:50px;margin:0;color:#fff}

.trb{float:right;position:relative;padding-top:14px;padding-right:10px}
.trb li {float:left}
.trb li a{padding:0;margin-left:15px;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-weight:bold;font-size:14px;color:#fff;line-height:30px}
.trb li.last{padding-left:15px;background: url(images/search_bg.jpg) no-repeat 5px 5px;height:45px;}
#top :after,.trb:after,.hbar:after{display:block;clear:both;content:""}
#top_btn {cursor:pointer;}


/* searchBox */
#searchBox{width:auto;padding:10px 0;border-bottom:1px solid #ccc;background:#fff}
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both}
.cf{zoom:1}
.searchform{width:235px;margin:0px auto; border:0px solid #ddd7d9; border-radius:5px;margin-top:7px;}
.searchform:hover,
.searchform:focus {border:0px solid red;}
.searchform input {width:160px;height:24px;padding:5px 8px 3px 8px; line-height:34px; float:left;border:none;border-right:0;background:#fff;border-radius: 5px; color:#aaa;margin-top:3px;}
.searchform.cf button:hover, 
.searchform.cf button:focus,
.searchform input:hover, 
.searchform input:focus{outline:0;background:transparent;box-shadow:0 0 0px rgba(0,0,0,0) inset; border:none !important;}
.searchform button {overflow:visible;position:relative;border:0;padding:0;cursor:pointer;height:36px;width:36px; background-color:transparent;margin-left:6px;}
/*
.searchform button:hover{background: #e54040}
.searchform button:active,.searchform button:focus{background:#c42f2f;outline:0}
.searchform button:before {content:'';position:absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;top: 8px;left: -6px;}
.searchform button:hover:before{border-right-color: #e54040}
.searchform button:focus:before,.searchform button:active:before{border-right-color: #c42f2f}
.searchform button::-moz-focus-inner {border:0;padding:0}

.searchform button:hover{ackground: #e54040}
.searchform button:active,.searchform button:focus{background:#c42f2f;outline:0}
.searchform button:before {content:'';position:absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;
	top: 8px;left: -6px;}
.searchform button:hover:before{border-right-color: #e54040}
.searchform button:focus:before,.searchform button:active:before{border-right-color: #c42f2f}
.searchform button::-moz-focus-inner {border:0;padding:0}
*/

#sidebar{width:43px;float:right; display:block;position:absolute;top:0;margin-top:170px;left:50%;margin-left:550px;z-index:999;}
#sidebar:after{clear:both;content:'';display:block}
#sidebar img {margin-bottom:10px;}
#sidebar .sns_img {width:34px; margin-left:5px;}
#logo_2 {margin-bottom:0px;}
#logo_2 img {float:left;margin-top:-20px;}




/* 카테고리 */
.menu_v{position:relative;width:auto;font-size:13px;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;line-height:normal;text-align:right}
.menu_v ul{margin:0;padding:0;list-style:none}
.menu_v li{position:relative;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:10px;color:#565656;text-decoration:none;background:#transparent;*zoom:1}
.menu_v li li ul{background:f5f5f5}
.menu_v li li a{border-top:1px solid #e5e5e5;}
.menu_v li li li{margin:0}
.menu_v li li li a{border-top:1px dashed #eee;padding-left:20px;background:#f5f5f5;font-weight:normal}
.menu_v li span.c_cnt{color:#f60;font-size:10px;font-family:Tahoma;font-weight:normal}
.menu_v a:hover{color:#00c0aa}
.menu_v li li li a:hover{border-top:1px solid #f5f5f5}
.menu_v a.noh:hover{background:#fafafa;color:#555}

/* section */
.section{font-size:12px;font-family:'Open Sans',NanumGothic,'Malgun Gothic','돋움',Dotum,helvetica,sans-serif,tahoma;width:300px;padding:10px;margin:0 10px 10px 0;float:left;border:1px solid #eaeaea;background:#fff}
.section .hx{margin:0;padding:0;text-decoration:none !important;cursor:pointer;color:#00c0aa;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-size:15px;line-height: 20px;}
.section .tx p{font-family: Calibri,tahoma; font-size: 11px; }
.section ul{margin:10px 0 0;padding:0;width:auto}
.section ul li{line-height:2;padding-left:5px}
.section ul li i.cur{font-style:normal;font-size:12px;font-family:Tahoma;margin:0 5px 0 0;line-height:normal;}
.section ul li span.cnt{color:#f60;font-size:10px;font-family:tahoma;padding-left:5px}
.section ul a{color:#565656;white-space:nowrap}
.section ul a:hover{color:#00c0aa}

.tt-calendar{font-weight: bold}
.tt-calendar caption.cal_month {background:#fff;padding: 0 0 10px;border-bottom:1px solid #eaeaea}
.tt-calendar caption.cal_month a{color: #333;font-size: 15px}
.tt-calendar tr {height: 36px}
.tt-calendar .cal_day3 a {display:block;color:#fff;width:30px;height:30px;line-height:30px;background:#bd383b;margin: 0 auto}
.tt-calendar .cal_day4 {color: #@charset "utf-8";}

#get_new_post_sidebar {display:none;}

@media (max-width:1000px){
.wrap{width:auto}
iframe,embed{max-width:100%}
.tx{margin:0 10px}
.tab_line{display:none}
.res_div{display:block}
.res_tab{display:block;width:100%;height:36px;padding:6px 12px;font-size: 14px;line-height: 1.42857;color:#555;vertical-align:middle;border:1px solid #ccc;margin:10px 0 0}
#entry0Comment,.entry{width:auto;padding:0 10px}
.tistorytoolbar {display:none}

/*
.fixed_img_col li{padding-left:190px ;width:auto}
.fixed_img_col .thumb{width:160px;height:90px;margin-left:-180px;line-height:90px}
.fixed_img_col a strong{width:auto}
.fixed_img_col .thumb img{width:160px;height:90px}
.fixed_img_col p div{max-height:32px;display:none !important}
.ynew{display:none}
*/
}}
.tt-calendar .cal_week2,.tt-calendar .cal_day_sunday {color: #ff4081}
.tt-calendar td,.tt-calendar th {text-align: center}

div.reader{margin:10px 0;width:auto;text-align:center}

#sidebar h1,.menu_v,.section{margin-bottom:10px}

/* category */
#category ul li ul{left:-201px;margin-top:-36px}
#category ul li ul li a{border-top-width:1px !important}

/* another_category_color_gray */
div.another_category{margin-top:15px;margin-bottom:0 !important;padding:0;border:0 !important;font-family:tahoma}
div.another_category h4{margin:0px !important;border:1px solid #ddd;border-left:5px solid #035e4c !important;color:#666 !important;padding:10px!important;font-size:15px;line-height:normal}
div.another_category h4 a{color:#333 !important;font-size:15px !important;margin:0 !important;}
div.another_category table{border:1px solid #ccc;border-top:0;margin:0 !important;background:#fff}
div.another_category table td{display:none}
div.another_category th a{margin-left:12px;color:#333 !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:#00c0aa !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:#00c0aa !important;}
div.entry-ccl{margin-top:15px}

.abox{width:auto;height:300px;line-height:300px;text-align:center;color:#555;font-size:12px;font-weight:bold;background:#fafafa;border:1px solid #ddd}

/* fixed_img_col */
h1.hx{margin:0;font-size:18px;color:#0f0f0f;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;border-bottom:2px solid #bbb;padding-bottom:10px;margin-bottom:20px}
h1.cmt{margin-top:15px;margin-bottom:0;border:1px solid #ddd;border-left:5px solid #6d148a;background:#fff;padding:10px;font-family:'Open Sans';padding:10px;font-size:15px;color:#fff}
h1.cmt a{color:#333}
h1.hx em, h1.cmt .cnt{ color:#666; font-size:12px;font: 90% Verdana, Arial, Helvetica, sans-serif}
h1.hx em {color:#777;font: 80% Verdana, Arial, Helvetica, sans-serif}

.fixed_img_col{margin-bottom:10px;font-family:tahoma}
.fixed_img_col ul{margin:0;padding:0;font-size:12px;list-style:none}
.fixed_img_col li{position:relative;padding:10px 0 10px 160px ;vertical-align:top;*zoom:1}
.fixed_img_col li:after{display:block;clear:both;content:""}
.fixed_img_col a{text-decoration:none;cursor:pointer}
.fixed_img_col a .cmt{color:#00c0aa;font-size:11px}
.fixed_img_col a strong{display:inline-block;margin:0 0 4px 0;width:auto}
.fixed_img_col a strong{color:#0f0f0f;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-size:15px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.fixed_img_col .thumb{display:inline;overflow:hidden;float:left;position:relative;text-align:center;width:120px;height:90px;margin:0 15px 0 -140px;background:#eee;color:#666;line-height:90px;text-align:center;border:1px solid #e7e5e6}
.fixed_img_col .thumb img{border:0}
.fixed_img_col .thumb img.dno{display:none}
.fixed_img_col p{margin:0;color:#767676;line-height:1.4}
.fixed_img_col p div{margin:6px 0 0;color:#555;line-height:1.6;max-height:95px;overflow:hidden}
.fixed_img_col a:hover strong{text-decoration:underline}
.fixed_img_col a:hover .thumb{;border-color:#999}

.flexible_img_col{margin-left:-15px !important}
.flexible_img_col ul{margin:0;padding:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif !important;list-style:none;*zoom:1}
.flexible_img_col ul:after{display:block;clear:both;content:""}
.flexible_img_col li{float:left !important;width:298px;margin:15px 0 0 15px !important;padding:10px !important;border:1px solid #E6E6E6;background:#fff}
.flexible_img_col li.masonry-brick{margin-top:0}
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative;color:#333;width:300px !important;text-align:center;border:0 !important;background:#fafafa;line-height:172px;text-align:center;white-space:nowrap}
.flexible_img_col .noi .thumb{border-color:#ccc !important}
.flexible_img_col .thumb span{width:auto;font-weight:bold;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-size:32px;display:none}
.flexible_img_col .thumb img{width:auto;border:0}
.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 strong{display:block;width:auto;overflow:hidden;padding:10px 10px 5px;border-top:0;font-weight:normal;border-bottom:0;font-size:15px !important;color:#444;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma}
.flexible_img_col strong span{color:#00c0aa;font-size:12px;margin-left:5px}
.flexible_img_col p{display:normal;font-size:11px !important;color:#676767 !important;line-height:normal;line-height:normal !important;padding:0 10px 10px !important;}
.flexible_img_col a:hover strong{color:#00c0aa !important}
.flexible_img_col a:hover .thumb,.flexible_img_col a:hover strong,.flexible_img_col a:hover p{border-color:#ccc !important}

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

/* guestbook */
#guestList                  { padding:0}

.article p{line-height:2}
/* tdiv */
.tdiv {padding:15px 0 10px;margin:0}
.tdiv h2{margin:0 0 5px}
.tdiv h2 a{font-size:25px;color:#565656;font-weight:normal;line-height:30px;font-family:NanumGothic,'Malgun Gothic',tahoma}
.tdiv .ect{width:auto;padding:5px 0 0}
.tdiv .ect span,.tdiv .ect a{margin-right:10px;color:#8b8b8b;font-family:thaoma;font-size:12px}
.tdiv .ect span.glyphicon {margin-right:3px}

/* entry */
.entry {margin-top:20px}
.entry:first-child{margin:0}

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

.tagTrail                { padding:8px 5px 3px 0; 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-child		  { margin-top:0}
.commentWrite .sdiv			  { border:1px solid #ddd;width:auto;border-top:0;padding:10px;background:#fafafa}
.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:120px;overflow: auto;  padding: 10px; margin:0; color: #333; border:1px solid #ddd; border-top:0}
.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:#333;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 #ddd;border-top:0;margin-bottom:15px;background:#fff}
.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:#333;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:#555;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 #dfdfdf !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}

/* localog */
#localog,#taglog{position:relative;font-size:12px;line-height:normal;*zoom:1}
#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:#ff5f13;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:#fff;border:1px solid #ddd;border-left:5px solid #1c4ea7;padding:10px;margin-top:15px;font-family:'Open Sans';font-size:15px;line-height:normal;width:auto}
.actionTrail a{color:#333;font-weight:bold}
.actionTrail .cnt        { color:#666; font-size:11px;font: 90% Verdana, Arial, Helvetica, sans-serif}

.trackback               { width:auto; overflow:hidden; 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:#00c0aa; margin-left:5px}
.trackback a:hover	 { color:#00c0aa}

/* paging */
#paging {padding:10px 0;text-align:center;line-height:normal}
#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:#333;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:#00c0aa}
#paging a#prevPage:hover,#paging a#nextPage:hover{color:#333}

/* footer */

/* footer */
#footer{border-top:1px solid #ccc;margin:0;text-align:center;display:block;width:auto;height:30px;line-height:30px;background:#fff}
#footer .copyright {font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; font-size: 11px; padding: 0; margin: 0; }
#footer .copyright p, #footer .copyright p a { color: #555; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #555; }

hr {display:none;}

/* button */
.button {color:#6e6e6e;cursor:pointer;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}

#pnn{width:auto;margin-bottom:13px;color:#999}
#pnn:after{display:block;clear:both;content:""}
#pnn a{color:#666;cursor:pointer}
#pnn a.nohr{color:#bbb;cursor:auto}
#pnn li{float:left;margin-right:10px}

/* UI Object */
.hc .fl{float:left}
.hc .fr{float:right}
.hc .fr span{display:block;float:right;width:8px;height:13px;margin-left:5px;background:url(images/ico_sub.gif) no-repeat left 5px}
.hc .sideon span{background-position:0 -38px}
.hc .sideon a{text-decoration:underline}
.hc .fl ul{position:relative;margin:0;padding:0;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1}
.hc .fr:after,.hc .fl ul:after{display:block;clear:both;content:""}
.hc .fl ul li a{color:#666}
.hc .fl ul li a span.c_cnt{color:#d60;font-size:11px}
.hc .fl ul li a{display:none}
.hc .fl ul li ul li a{display:block}
.hc .fl ul li ul li{float:left;padding-right:15px}
.hc .fl ul li a{color:#666}
.hc .fl ul li a:hover{color:#00c0aa}
.hc .fl ul li ul li ul{display:none;position:absolute;top:20px;margin:0;white-space:nowrap;list-style:none;*zoom:1}
.hc .fl ul li ul li ul:after{display:block;clear:both;content:""}
.hc .fl ul li ul li ul li{overflow:visible;padding:0;margin:0;position:relative;float:none;border:1px solid #ccc;border-top:0;margin-left:-12px}
.hc .fl ul li ul li ul li a{margin:0;padding:6px 12px;border:0 !important;letter-spacing:normal;background:#fff;display:block;border-top:1px dashed #ddd}
.hc .fl ul li ul li ul li a:hover{background:#f5f5f5;color:#222}

/* UI Object */
.tab_line{margin-bottom:0;background:#fff;width:auto;border-bottom:1px solid #ddd}
.tab_line ul{width:auto}
.tab_line ul li a{display:none;padding:0;float:left}
.tab_line ul li ul{position:relative;margin:0;padding:0;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1}
.tab_line ul li ul:after{display:block;clear:both;content:""}
.tab_line ul li li{float:left}
.tab_line ul li li a{float:left;margin-bottom:-1px;position:relative;color:#666;text-decoration:none}
.tab_line ul li li a{display:inline-block;padding:12px 18px 10px;letter-spacing:-1px;cursor:pointer}
.tab_line ul li li a span{margin-left:2px;color:#00c0aa;font-size:11px;font: 90% Verdana, Arial, Helvetica, sans-serif}
.tab_line ul li li ul{display:none;z-index:10000;overflow:hidden;position:absolute;background:#fff;top:40px;margin:0;padding:10px;border:0;border:1px solid #ccc;border-top:0;white-space:nowrap;list-style:none;*zoom:1}
.tab_line ul li li ul:after{display:block;clear:both;content:""}
.tab_line ul li li li{overflow:visible;padding:0 10px}
.tab_line ul li li li a{display:block;letter-spacing:0;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_line ul li.on a{background:#fff;padding-bottom:11px;font-weight:bold;border-bottom:3px solid #be1f24;color:#333}
.tab_line ul li.on li a{padding:0}
.tab_line ul li.on li a{font-weight:normal}
.tab_line li li a:hover,.tab_line a.on{color:#1b1b1b !important}
.tab_line ul li li li a:hover {color:#00c0aa !important}
.tab_line img{display:none\9}

.res_div,.res_tab{display:none}
.res_div{width:auto;padding:0 10px}

.pagination li a{font-family:'Open Sans','Malgun Gothic',tahoma;font-size:13px;color:#2283c5;border-color:#e0e8eb}
.pagination li.disabled a,.pagination li.disabled a:hover{background-color:#6faed9;border-color:#6faed9;color:#fff}
.pagination li a.sn{font-family:tahoma}

.yview .wrap{width:auto}
.yview #sidebar{display:none}
.yview #content{width:auto;margin:0 auto;float:none;padding:0 10px}
.yview .another_category,.yview .actionTrail,.yview .trackback{display:none}
.ynew{cursor:pointer;font-size:11px;color:#676767;padding-left:10px;font-weight:normal;margin-bottom:10px}
.ynew .glyphicon{margin-right:3px}

.fixed_img_col .ribon{position: absolute; color:#fff; top: -1px; left: -1px; width: 47px; height: 46px; font: bold 11px tahoma; white-space: nowrap; background-image: url(http://cfs.tistory.com/custom/blog/55/553473/skin/images/img_tl.gif); line-height: 20px; letter-spacing: -1px;text-align:left}
.fixed_img_col .ribon#purple{background-position:-50px 0}
.fixed_img_col .ribon#orange{background-position:-100px 0}
.fixed_img_col .ribon#blue{background-position:-150px 0}
.fixed_img_col .ribon#yellow{background-position:-200px 0}

.flexible_img_col .ribon{position: absolute; color:#fff; top: -1px; left: -1px; width: 47px; height: 46px; font: bold 11px tahoma; white-space: nowrap; background-image: url(http://cfs.tistory.com/custom/blog/55/553473/skin/images/img_tl.gif); line-height: 20px; letter-spacing: -1px;text-align:left}
.flexible_img_col .ribon#purple{background-position:-50px 0}
.flexible_img_col .ribon#orange{background-position:-100px 0}
.flexible_img_col .ribon#blue{background-position:-150px 0}
.flexible_img_col .ribon#yellow{background-position:-200px 0}

.fixed_img_col .thumb .dno{display:none}
.fixed_img_col a strong img{display:none}

.flexible_img_col .thumb .dno{display:none}
.flexible_img_col a strong img{display:none}

@media (max-width:1000px){
.wrap{width:auto}
iframe,embed{max-width:100%}
.tx{margin:0 10px}
.tab_line{display:none}
.res_div{display:block}
.res_tab{display:block;width:100%;height:36px;padding:6px 12px;font-size: 14px;line-height: 1.42857;color:#555;vertical-align:middle;border:1px solid #ccc;margin:10px 0 0}
#entry0Comment,.entry{width:auto;padding:0 10px}
.tistorytoolbar {display:none}

/*
.fixed_img_col li{padding-left:190px ;width:auto}
.fixed_img_col .thumb{width:160px;height:90px;margin-left:-180px;line-height:90px}
.fixed_img_col a strong{width:auto}
.fixed_img_col .thumb img{width:160px;height:90px}
.fixed_img_col p div{max-height:32px;display:none !important}
.ynew{display:none}
*/
	#sidebar .section { margin: 0 20px 10px; float: none; width: auto; }
	.imageblock { max-width:100% }
}



/* 스마트 블로그 리뉴얼 */
/*상단로고 및 검색바*/
.thumb_img {display:none !important;}
#logo a img{max-width:100%; margin-top:10px;}
#top {padding:0;}
#yz_a_bot {display:none;}
/*상단메뉴*/
/*#container {background-image:url(./images/body_back.jpg); padding-top:30px; background-size:100% 100%;}*/
#nav_Wrap {width:100%;  background-color:#Fff; }
#nav_Wrap .nav_inner_wrap {width:100%; margin:0 auto; overflow:hidden; border-bottom:2px solid #00c0aa; background-color:#fff; position:absolute; z-index:10; padding:0 0 5px 0;}
#nav_Wrap .nav_inner_wrap .nav_list {width:1000px; margin:0 auto; overflow:hidden;}
#nav_Wrap .nav_inner_wrap .depth_1_menu {float:right; }
#nav_Wrap .nav_inner_wrap .depth_1_menu li{float:left;}
#nav_Wrap .nav_inner_wrap hr.divider { border-bottom:1px solid #00c0aa; margin:10px auto; width:20px; text-align:center; display:block;}
#nav_Wrap .nav_inner_wrap .depth_1_menu li a {display:block;}
#nav_Wrap .depth_1_menu01 { }
#nav_Wrap .depth_1_menu02 {}
#nav_Wrap .depth_1_menu03 {}
#nav_Wrap .depth_1_menu04 {}
#nav_Wrap .depth_1_menu05 {}
#nav_Wrap .depth_1_menu06 {}
#nav_Wrap .depth_1_menu07 {}
#nav_Wrap .nav_inner_wrap .depth_2_menu {float:none; display:none; width:100%;}
#nav_Wrap .nav_inner_wrap .depth_2_menu li{float:none; text-align:center;}
#nav_Wrap .nav_inner_wrap .depth_2_menu li a {display:block; margin:0 auto; font-weight:500; font-size:14px;  padding:5px 0}


/*메인슬라이드*/
.flexslider {margin:0; border:0px; position:relative;max-height:336px; }
.custom-navigation {position:relative;}
.custom-navigation .flex-prev {width:48px; position:absolute; right:40px; bottom:20px;}
.custom-navigation .flex-next {width:48px; position:absolute; right:0; bottom:20px;}
#slid_sort_top_wrap {width:1000px; margin:10px auto; height:auto; margin-top:90px; overflow:hidden;display:none;}
#slid_sort_top_wrap #main_slide {width:675px; height:auto; float:left; margin-right:5px;max-height:336px;}
#slid_sort_top_wrap .sort_box {width:320px; height:auto;float:right; }
#slid_sort_top_wrap:after{clear:both;}
.sort1 {border-top:1px solid #dbdbdb;}
.sort2 {border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.sort3 {border-bottom:1px solid #dbdbdb;}
.tab_line,
.res_div{display:none !important;}
div#ttCanvas .main-banner {padding-top:5px; padding-bottom:0px;}
div#ttCanvas #ttItem4403 {padding-bottom : 0px !important;}
div#ttCanvas #ttItem2806 {padding-bottom : 0px !important;}
body.tistory_grid_1015 div#ttCanvas {width:1000px !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-12 {width:100% !important; padding-top:0px;}
body.tistory_grid_1015 div#ttCanvas .tt-span-3 {width:228px !important;}
div#ttCanvas .tt-item-title .tt-item-title-inner {width:100%; border-bottom:1px solid #b9b9b9; padding-bottom:3px; margin-bottom:10px;}
body.tistory_grid_1015 div#ttCanvas .tt-span-3 img.tt-post-thumb {width:100% !important; margin:0 !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-3-thumb_ratio-4_3 {height:auto !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-3-border {border:0px !important;}
.tt-item-title-inner span.more_btn {float:right; margin-top:10px !important; margin-right:5px !important; }
.top-banner img {border:0px solid #dbdbdb !important;}
/*하단 배너 및 슬라이드*/
.main-banner {overflow:hidden;}
.bottom_banner_box1, 
.bottom_banner_box2, 
.bottom_banner_box3,
.bottom_banner_box4 {width:32% !important; margin-right:2% !important; float:left !important;}
.bottom_banner_box3 {margin-right:0% !important;}
.flexslider_small {position:relative;}
.flexslider_small .flex-control-nav.flex-control-paging{width:17%; position:absolute; bottom:55px; right:5px;}
.flexslider_small .flex-control-paging li a{background-color:#000000; border-radius:0px; margin-right:2px;}
.flexslider_small .flex-control-paging li a.flex-active {background-color:red;} 
.flexslider_small .flex-control-nav.flex-control-paging li{margin:1px !important;}
.flexslider_small .flex-next,
.flexslider_small .flex-prev {display:none;}

#slid_sort_top_wrap .sort_box li {float:left;width: 50%;height: 100%;text-align: center;}
#slid_sort_top_wrap .sort_box li a {
max-width : 100% !important;
	display:block;
	-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/*
#slid_sort_top_wrap .sort_box li a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
*/

/*footer*/
#footer {height:auto; background-color:#f1f1f1;}
#footer .footer_box01 {width:10%; float:left; padding:10px 0;}
#footer .footer_box02 {width:90%; float:right; border-bottom:1px solid #ddd; padding:10px 0;}
#footer .footer_box02 li,
#footer .footer_box03 li {float:right; padding:0px 0; width:100%;}
#footer .footer_box03 {width:60%; float:right;}
#footer .footer_inner_wrap {max-width:1000px; margin:0 auto;}
#footer .copyright {float:right; text-align:right;  padding:20px 0; font-size: 12px; color: #666;} 
#footer .copyright p .strong_bold {font-weight:bold;}
#footer .copyright .copy3 a {color: #999;}
#footer .footer_box02:after,
#footer .footer_box03:after,
#footer :after {clear:both;}
#floatMenu {position:absolute; width:78px; top:176px; left:50%; margin-left:520px; cursor:pointer; }
#floatMenu img {cursor:pointer;}
#floatMenu .sns_box {width:78px; display:none;}
#floatMenu .sns_box a img {width:47px; margin:0 auto; display:none; }

#mobile_banner {display:none;}
@media all and (max-width: 1220px) and (min-width: 1px){
	#floatMenu {display:none !important;}
}
@media all and (max-width: 1220px) and (min-width: 321px){

}

@media all and (max-width: 320px) and (min-width: 1px){
	#social_wrap {display:block;}
	#social_wrap {background-color:#e5e5e5; overflow:hidden; padding:2% 0;}
	#social_wrap .social_inner {width:100%; margin:0 auto; overflow:hidden; text-align:center;}
	#social_wrap .social_inner .footer-social-icon {width:320px; margin:0 auto; overflow:hidden;}
	#social_wrap .social_inner .footer-social-icon li {float:left; width:36px; text-align:center;}
	#social_wrap .social_inner .footer-social-icon li img {max-width:36x; width:100%;}
}
/*공통*/
.device_small {display:none;}
.device_big {display:block;}
#main_youtube_video h4 a, #main_best_list_news h4 a, #main_face_book_thum h4 a {float:right;margin-top:8px;}		
/*메인 컨텐츠*/




/*서브 카테코리 목록 페이지*/
#content {width:74.6%; float:left; padding-top:88px;}
#content_right_box {padding-top:88px;}
span.hx span.hx_black {color:#2f2f2f;}
span.hx em {color:#2f2f2f; font-size:100%; font-weight:bold;}
span.hx {background-color:#fff; padding:15px;}
.hbar {background-color:#00c0aa; padding: 0px 8px 0px;}
.flexible_img_col {margin-left: 0px !important;}
.flexible_img_col li {width:99.8%; float: left !important; margin:10px 0 10px 0 !important; padding: 0 !important; border:0; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; background: #fff;}
.ynew {display:none;}
.flexible_img_col .thumb {width:180px !important;  float:left;}
.flexible_img_col .thumb img {width:180px !important; max-width:180px; max-height:174px; overflow:hidden;}
#masonry {margin-bottom:10px !importnat;}
#content_right_box{float:right; width:23.5%}
.flexible_img_col li.masonry-brick { -webkit-box-shadow: 1px 1px 1px 0px rgba(158,158,158,0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(158,158,158,0.5); box-shadow: 1px 1px 1px 0px rgba(158,158,158,0.5); background-color:#fdfdfd; max-height:137px; overflow:hidden; }
#recent_list_news,
#best_list_news,
#face_book_thum  {background-color:#f9f7f7; margin-top:5%; padding:10px 10px; position:relative; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma !important; line-height:1.7;}
#youtube_video {background-color:#f9f7f7; margin-top:5%; padding:10px 10px; position:relative;}
#youtube_video  img {max-width:100%; margin-left:2px;}
#recent_list_news span.red_line,
#best_list_news span.red_line ,
#face_book_thum span.red_line,
#youtube_video span.red_line{width:60px; height:3px; background-color:#00c0aa; position:absolute; top:0;}
#recent_list_news h4,
#best_list_news h4,
#youtube_video h4,
#face_book_thum h4{ font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma !important; color:#00c0aa; font-weight:bold !importnat; margin-top:1%; font-size:14x; margin-bottom:10px;}
#recent_list_news h4:after,
#best_list_news h4:after,
#face_book_thum h4:after{clear:both;}
#recent_list_news h4 a.round_more_btn,
#best_list_news h4 a.round_more_btn { color:#00c0aa; float:right; border:1px solid #00c0aa; border-radius:3px; padding:0px 1px; font-size:11px; background-color:#f9f7f7; line-height:20px; display:none;}
#recent_list_news ul li,
#best_list_news ul li  {width:96%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; color:#666666; font-weight:500; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; line-height:1.7;}
#recent_list_news span.num_class,
#best_list_news span.num_class {font-weight:bold; color:#666666;}
#face_book_thum  img {max-width:100%; margin-left:2px;}
#youtube_video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
#youtube_video .embed-container iframe, 
#youtube_video .embed-container object, 
#youtube_video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*메인사이드*/
#main_youtube_video {margin-top:10px !important; margin-bottom:29px !important; padding:10px 10px; position:relative; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; line-height:1.7;}
#main_face_book_thum  { margin-top:10px !important; position:relative; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; line-height:1.7;}
#main_best_list_news  {margin:10px 0 !important; padding:10px 10px; position:relative; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; line-height:1.7;width:100%;}
#main_best_list_news span.red_line ,
#main_face_book_thum span.red_line,
#main_youtube_video span.red_line{width:100%; height:0px; background-color:#00c0aa; position:absolute; top:0;}
#main_youtube_video h4,
#main_best_list_news h4,
#main_face_book_thum h4{color:#000; font-weight:bold !important; margin-top:1%; font-size:20px !important; margin-bottom:10px !important;}
#main_best_list_news h4:after,
#main_face_book_thum h4:after{clear:both;}
#main_best_list_news h4 a.round_more_btn { color:#00c0aa; float:right; border:1px solid #00c0aa; border-radius:3px; padding:0px 1px; font-size:11px; background-color:#f9f7f7; line-height:20px; display:none;}
#main_best_list_news ul li  {width:96%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; color:#666666; font-weight:500;line-height:1.7;font-size:15px;padding-bottom:4px !important;}
#main_best_list_news span.num_class {font-weight:bold; color:#666666;}

#main_youtube_video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
#main_youtube_video .embed-container iframe, 
#main_youtube_video .embed-container object, 
#main_youtube_video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*카테고리 박스*/
span.glyphicon  {display:none;}
.flexible_img_col strong {color:#00c0aa; font-weight:bold;}
.searchList_txt {width:94%; padding-left:5px; overflow:hidden; color:#666666; font-weight:normal; font-size:15px; margin-top:2%; height:50px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; word-wrap:normal; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; line-height:1.7; }
.flexible_img_col strong span.list_title {display:block; width:95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-weight: bold; font-size:16px; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma}
.flexible_img_col p.date_data {display:block; padding: 0px 8px 10px !important; text-align:right; width:93%;}

/* paging */
#paging {padding:10px 0;text-align:center;line-height:normal}
#paging a{display:inline-block; position:relative;margin:0 -2px;padding:4px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle; border:1px solid #dbdbdb;}
#paging .selected {color:#00c0aa}
#paging #prevPage,
#paging #nextPage{font-weight:normal;color:#767676;white-space:nowrap; padding:2px 8px;}
#paging #prevPage span,
#paging #nextPage span{font-weight:bold;font-size:15px}
#paging .no-more-prev,
#paging .no-more-next{display:inline-block !important;}
#paging a:hover{color:#00c0aa}
#paging a#prevPage:hover,
#paging a#nextPage:hover{color:#333}


/*본문보기*/
.tdiv{border:2px solid #7f7f7f; padding:0px; position:relative;}
.tdiv .gray_line {position:absolute; width:140px; height:4px; top:0px; left:0; background-color:#7f7f7f;}
.tdiv h2{width:95%; margin:0 auto; padding:4% 0;}
.tdiv h2 a {font-weight:bold; color:#363636;}
.tdiv .ect{text-indent:5px;}
.tdiv .content_date {display:block;font-weight:bold; width:95%; margin:0 auto; margin-top:-1%; padding-bottom:3%; }
.tdiv .content_date .gray_line2 {display:block; width:38px; height:2px;background-color:#333333; margin:5px 0;}
#category {font-weight:bold; color:#333333;}
.content_share_box {width:100%;  overflow:hidden; padding:2% 0; position:relative}
.content_share_box ul {width:200px; float:right;}
.content_share_box ul li {float:right; margin:0 5px;}
.content_share_box:after{clear:both;}
.content_share_box li a {display:block; width:30px; height:30px;}
.content_share_box li a.kakaostory {display:block; background-image: url('./images/con_kakao.png'); width:30px; height:30px; text-indent:-999px;}

div.another_category h4{padding: 20px 14px !important; width:90%; margin:0 auto !important; font-size: 14px !important; font-weight: bold; color: #00c0aa !important; border-left:0px !important; border:none!important; border-bottom: 1px solid #E5E5E5 !important;  }
div.another_category h4 a {color: #00c0aa !important;}
div.another_category {width: 100%;margin-top: 20px; background: #f0f0f0;}
div.another_category table {width:95% !important; margin:15px auto !important; padding:15px !important; background: #fff; border:0;}
div.another_category table th{display: table-cell; padding: 10px !important; font-weight: normal; text-align: left; letter-spacing: 0; border-bottom: 1px dashed #f0f0f0; text-align: left; font-size: 12px !important; font-weight: normal; word-break: break-all; overflow: hidden; line-height: 1.5;}
div.another_category th a { margin-left:0px; background:none; padding-left:0px;}
div.another_category table td {display: table-cell; padding: 10px 10px 10px 0 !important; font-size: 11px; color: #888; text-align: right; border-bottom: 1px dashed #f0f0f0; width:80px;}
div.another_category.another_category_color_gray {overflow:hidden;}

.disqus {margin:3% 0; padding:2% 0;}
.tagTrail {display:block; min-height: 25px; padding: 0 15px 0 20px; margin: 10px 0; line-height: 2; color: #fff;}
.tagTrail a:before,
.tagTrail a:hover:before{position: absolute; top: 0; right: 100%; width: 0; height: 0; content: ''; border: solid transparent; border-width: 12px; border-right-color: #eee}
.tagTrail a:after {position: absolute; top: 10px; left: -1px; content: '';border: 2px solid #fff; border-radius: 50%;}
.tagTrail a{ position: relative; display: inline-block; padding: 0 6px 0 8px; margin: 4px 12px 4px 5px; font-size: 12px; color: #222; text-decoration: none; background-color: #eee; border-radius: 0 2px 2px 0;}

.actionTrail {background: #fff; border:none; border-left: 0px; padding: 0px; margin-top: 0px; font-family: 'Open Sans'; font-size: 12px; line-height: normal; width: auto;}
.entry-footer {padding-top: 20px; padding-bottom: 20px; margin-top: 10px; border-top: 3px solid #ddd; border-bottom: 1px solid #ddd}
.trackback { padding-top: 10px; padding-bottom: 10px; overflow: hidden; border:none; }
.comment {padding-top:15px;}
.comment-form, .guestbook-form { padding-top: 20px; padding-bottom: 20px }
.comment-form label, .guestbook-form label {display: block }
.comment-form input[type=text], .guestbook-form input[type=text], .comment-form input[type=password], .guestbook-form input[type=password], .comment-form input[type=url], .guestbook-form input[type=url], .comment-form textarea, .guestbook-form textarea {width: 100%; padding: 10px; margin: 5px 0; font-size: 16px; line-height: 1.5; border-top: 0; border-right: 0; border-bottom: 1px solid #eee; border-left: 0; border-radius: 0; outline: none; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box; }
.comment-form input[type=text]:focus, .guestbook-form input[type=text]:focus, .comment-form input[type=password]:focus, .guestbook-form input[type=password]:focus, .comment-form input[type=url]:focus, .guestbook-form input[type=url]:focus, .comment-form textarea:focus, .guestbook-form textarea:focus {border: 1px solid #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999}
.comment-form input[type=text], .guestbook-form input[type=text], .comment-form input[type=password], .guestbook-form input[type=password], .comment-form input[type=url], .guestbook-form input[type=url] {height: 50px}
.comment-form textarea, .guestbook-form textarea {height: 150px; background-color: #eee}
.comment-form button[type=submit], .guestbook-form button[type=submit] { padding: 5px 30px; margin: 5px 0; font-size: 16px; font-weight: 900; color: #000; text-decoration: none; background-color: #eee; border: 0; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc}
.comment-form button[type=submit]:hover, .guestbook-form button[type=submit]:hover {color: #fff; background-color: #333}
.checkbox {padding: 0 15px}
.checkbox strong {padding-left: 10px}
h1.cmt {margin-top: 0px; margin-bottom: 0; border: none; border-left: 0px; background: #fff; padding: 0px; font-family: 'Open Sans'; padding: 0px; font-size: 12px; color: #fff;}

/*검색페이지*/
#taglog .tx {padding: 15px 15px 30px 15px; list-style: none; border: 0px;}
#taglog ul li {display:block;}
#taglog .cloud5 {position:relative; display:inline-block; padding:4px 12px 4px 5px; font-size:12px; color:#222; text-decoration:none; background-color:#eee; border-radius: 0 2px 2px 0;}
#taglog .tx li a:before { position: absolute; top: 0; right: 100%;  width: 0; height: 0; content: ''; border: solid transparent; border-width: 16px; border-right-color: #eee;}
#taglog .tx li a:after { position: absolute; top: 10px; left: -1px; content: ''; border: 2px solid #fff; border-radius: 50%;}
#mobile_search {position: relative; display: block; width: 100%; color: #000; vertical-align: middle; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0);}
#mobile_search fieldset {padding:0; margin:0; border:0;     border: 1px solid #eee; border-radius: 10px;}
#mobile_search:focus,
#mobile_search fieldset:focus,
#mobile_search fieldset:hover{border: 1px solid red; outline:none; border-radius: 10px;}
#mobile_search fieldset:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ""; }
#mobile_search legend {overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
#mobile_search .input-search{ display: block; float: left; width: 82%; -webkit-appearance: none; padding: 10px; margin: 5px; font-size: 16px; line-height: 1.5; border: 0; border-radius: 0; outline: none; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.flexslider_small:after {clear:both;}
div#ttCanvas ol.flex-control-nav.flex-control-paging:after {clear:both;}
/*구글 검색기능 부분*/
#search-result {padding: 20px 0;}
input.gsc-search-button {background-color:#4d90fe !important; margin-top:0px !important;}
input.gsc-search-button:hover, input.gsc-search-button:focus{background-color:#00c0aa !important; border-color:#00c0aa;}
input.gsc-search-button-v2 {padding: 12px 28px !important; font-family: inherit !important; font-size: 11px !important; font-weight: bold !important; color: #fff !important; background-color: #4d90fe !important; background-image: -moz-linear-gradient(center top, #4d90fe, #4787ed) !important; border: 1px solid #3079ed !important; border-radius: 2px !important;}
.gsc-input-box {height:26px !important; padding:5px 0;}

.searchform.cf button:hover,
.searchform.cf button:focus{outline-none;}
.gsc-result .gs-title {height: 1.5em !important;}

/*모바일 상단으로 이동 밑 전 페이지 이동*/
#scrollTop {position: fixed; bottom: 30px; right:2%; cursor: pointer; width: 48px; height: 48px; display: none; z-index:20; filter: alpha(opacity=70);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.7 }
#history_back {position: fixed; bottom: 30px; left: 2%; cursor: pointer; width: 48px; height: 48px; display: none; z-index:20; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.7 }
#mobile_layer_menu {display:none;}
#bottom_slide {display:none;}

@media all and (min-width: 769px){
	#mobile_layer_menu,
	#scrollTop,
	#history_back{display:none !important;}
	.content_share_box #kakaoLink {display:none;}
	
	
	
.recent-post .sub-tit{height:12px;margin-bottom:11px !important;}
/*
.recent-post .fl{float:left;width:680px;}
.recent-post .fr{float:right;width:318px;}
*/
.recent-post .full{float:left;width:100%;}

.recent-post .full ul li:nth-child(3n) {margin-right:0 !important; }
	.recent-post .full li {padding-bottom:0px !important;}
.recent-post .fl{float:left;width:68%;}
.recent-post .fl .item {width:49%;display:inline-block;}
.recent-post .fr{float:right;width:32%;}
.recent-post .fr .tt-post-title, .recent-post .fr .tt-post-etcinfo{background-color:#f0f0f0;}
.recent-post .tt-span-4{width:318px !important; margin:1% 0% !important;}
.recent-post .tt-span-4-border{width:318px !important;border:none !important;}
.recent-post .tt-span-4-thumb_ratio-4_3{height:133px !important;background-color:#e8e8e8 !important;}
.recent-post .tt-span-4-thumb_ratio-4_3 .tt-post-thumb{/*margin-top:0 !important;margin-left:0 !important;*/}
.recent-post .tt-wrap-post-thumb{margin-bottom:0 !important;}
.recent-post img.tt-post-thumb {margin:0 0 0 0 !important;}
.recent-post .tt-post-title{height:40px !important;margin-bottom:0 !important;padding:15px 15px 0px 15px !important;border-top:none !important;background-color:#fff;overflow:hidden;text-overflow:ellipsis;}
.recent-post .tt-post-title a{font-size:14px !important;color:#1f2026 !important;line-height:1.5em !important;}
.recent-post .tt-post-etcinfo{position:relative;height:25px;padding:10px 15px 0px 15px !important;background-color:#fff;}
.recent-post .tt-post-etcinfo, .recent-post .tt-post-etcinfo span, .recent-post .tt-post-etcinfo span a{font-family:Malgun Gothic !important;font-weight:bold !important;color:#00c0aa !important;letter-spacing:0 !important;opacity:1 !important;filter: alpha(opacity=100) !important;}
.recent-post .tt-post-etcinfo .tt-post-date{font-weight:normal !important;color:#999 !important;}
	
	.recent-post .item {width:32% !important; margin-right:2% !important; float:left !important; }
	.recent-post .item:last-child {margin-right:0 !important;}

.recent-post #kt-youtube-1, .recent-post #kt-youtube-2{background-size:100%;}
.recent-post #kt-youtube-2{margin-top:15px;}
.recent-post iframe{width:242px !important;height:200px !important;}
.recent-post:after{content:"";clear:both;display:block;}
.recent-post .fl ul li .tt-post-summary{display:none !important;}

.recent-post .tt-span-4 {border-width:1px;border-style:solid;border-color:#e0e0e0; margin-right:20px !important;}
	
#main_youtube_video .thum,
#main_face_book_thum  .thum  {max-width:100%; margin-left:2px; width:333px; height:209px;}	


}

@media all and (max-width: 1040px) and (min-width: 769px){
	.wrap {width:100%;}
	#container { padding-left: 3px; padding-right: 3px;}
  .tw {padding-left:0 !important; padding-right:0 !important;}
	#logo a img{max-width:90%; margin-top:10px;}
	.searchform input {width:170px;height:34px;padding:5px;}
	.searchform button {width:40px; height:40px; margin-top:1.5px; margin-right:1px;}
	#nav_Wrap .nav_inner_wrap .nav_list {width:100%;}
	#nav_Wrap .nav_inner_wrap .depth_2_menu li a {font-size:11px; letter-spacing:-1px}
	#slid_sort_top_wrap {width:100%;  margin-top:100px;}
	#slid_sort_top_wrap #main_slide {width:68%; height:auto; float:left;}
  #slid_sort_top_wrap .sort_box {width:31%; height:auto;float:right; margin-top:1%;margin-bottom:1%;}
	#ttItem2558 {width:100%;}
	body.tistory_grid_1015 div#ttCanvas {width:100% !important;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-12 {width:100% !important;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3-border {width:95% !important;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3 {width:23.15% !important; margin-right:2%!important; }
	body.tistory_grid_1015 div#ttCanvas .tt-span-3 img.tt-post-thumb {width:100% !important; margin:0 !important;}
	div#ttCanvas .tt-item-title .tt-item-title-inner,
	div#ttCanvas .tt-item-title .tt-item-title-bg{margin-left:1% !important; width:98.5%;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3.tt-first{margin-left:1.15% !important;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3.tt-last {margin-right:0% !important;}
	#footer .footer_box01 {width:15%; float:left; padding:20px 0;} 
	#footer .footer_box02 {width: 80%; float: right; border-bottom: 1px solid #ddd; padding: 20px 0; margin: 0 2%; box-sizing: border-box;}
	#footer .footer_box03,
	#footer .copyright{margin-right:2%;} 
	#floatMenu {display:block; position: absolute; width: 78px; top: 172px; right: 1%; margin-right: 0px; cursor: pointer; }
	.flexslider_small .flex-control-paging li a {width:10px !important; height:10px !important;}
	#mobile_layer_menu,
	.device_small{display:none;}
	.recent-post .tt-span-4 {width:31% !important;}
}
@media all and (max-width: 768px) and (min-width: 1px){
#main_best_list_news .best_box{height:270px;}
	#sidebar {display:none;}
		#social_wrap {display:block;}
	#social_wrap {background-color:#e5e5e5; overflow:hidden; padding:2% 0;}
	#social_wrap .social_inner {width:100%; margin:0 auto; overflow:hidden; text-align:center;}
	#social_wrap .social_inner .footer-social-icon {width:320px; margin:0 auto; overflow:hidden;}
	#social_wrap .social_inner .footer-social-icon li {float:left; width:40px; text-align:center;}
	#social_wrap .social_inner .footer-social-icon li img {max-width:40x; width:100%;}
.recent-post .tt-span-4{width:48% !important; margin:10px 5px 17px 0px !important;}
	.recent-post .tt-span-4:nth-child(2n){margin:10px 0px 17px 0px !important;}
	#mobile_banner {display:none;}
	#mobile_banner .left_banner1,
	#mobile_banner .left_banner2 {float:left; width:48%; margin:1% 0;}
	#mobile_banner .right_banner1 ,
	#mobile_banner .right_banner2{float:right; width:48%;  margin:1% 0;}

	#mobile_banner .left_banner1 img ,
	#mobile_banner .right_banner1 img,
	#mobile_banner .left_banner2 img ,
	#mobile_banner .right_banner2 img{width:100%; margin:0 auto;}
	#last_banner_wrap {display:block;}
	#last_banner_wrap .bottom_banner_box1 {display:block;}
  #container {
		background-color:#fff; padding-top:20px; width:98%;  
		background-image: none;
	}
	#content {width:100%; float:none; padding-top:0px;}
 .cw {margin-bottom:0px;}
 .tw, #container {padding-left:1%; padding-right:1%;}
 .wrap {width:98%;}
  #top {border-bottom:0px solid #e51937; position:relative; padding:0px; max-height:90px;}
	#top .wrap.tw {padding:1.5% 0; }
  #top h1#logo {float:none; padding:0px; margin:0 auto; width:35%;}
	#top h1#logo a {display:block;}
	#top h1#logo img.device_small {max-width:144px; width:100%; display:block; margin:0 auto;margin-top:2%;}
  #top .mobile_menu {position:absolute; width:10%; top:30%; text-align:center; cursor:pointer;}
  #top .mobile_menu img {width:60%; min-width:27px; max-width:35px; }
 .device_small {display:block;}
 .device_big {display:none;}
	.foot_win {display:block !important;}
  #nav_Wrap {display:none;}
  #slid_sort_top_wrap {margin-top:0px; width:100%; margin:0 auto;}
	#slid_sort_top_wrap #main_slide {width:100%;}
	.mobile_search_btn {position:absolute; top:28%; right:10px; width:20%; z-index:10; text-align:right;}
	.mobile_search_btn img {width:38%; min-width:32px; max-width:40px;} 
	#floatMenu {display:none;}
	#slid_sort_top_wrap {margin-top:0px; width:100%;}
	#slid_sort_top_wrap #main_slide {width:100%;}
	#slid_sort_top_wrap .flex-prev,
	#slid_sort_top_wrap .flex-next {display:none;}
	#slid_sort_top_wrap .flex-control-nav { bottom:20px;}
	#slid_sort_top_wrap .flex-control-paging li a.flex-active {width:22px; background-color:#Fff;}
	#slid_sort_top_wrap .flex-control-paging li a{background-color:#Fff; background: rgba(255, 255, 255, 1); box-shadow:inset 0 0 0px rgba(255, 255, 255, 1);}
	#slid_sort_top_wrap .sort_box {width:100%; margin-top:70px;}
	#slid_sort_top_wrap .sort_box ul {display:block;margin:13px;}
	#slid_sort_top_wrap .sort_box ul li {float:left; width:50%;}
	#slid_sort_top_wrap .sort_box {border-bottom:0px solid #3d3c3e; border-top:0px solid #3d3c3e;}
	#slid_sort_top_wrap .sort_box .sort1,
	#slid_sort_top_wrap .sort_box .sort2,
	#slid_sort_top_wrap .sort_box .sort3 {border-bottom:0px; border-top:0px;}
	body.tistory_grid_1015 div#ttCanvas {width:98% !important; margin:0 auto;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3 {width:48% !important; margin-right:0px !important; float:left;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3 img {width:100%;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3.tt-first { margin-right:4% !important;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3-border {width:100% !important; margin:0 auto;}
	body.tistory_grid_1015 div#ttCanvas .tt-span-3-border img {width:100%; display:block; margin:0 auto;}
	.tt-item-title-inner span.more_btn {float:right; margin-top:5px !important; margin-right:0px !important; }
	div#ttCanvas .main-banner {padding-top:5%;}
	#footer {width:100%; overflow:hidden;}
	#footer .footer_box01 {width:100%;}
	#footer .footer_box01 img {max-width:20%;}
	#footer .footer_box02 {display:none;float:none; clear:both; width:98%; overflow:hidden; padding:2% 1%;}
	#footer .footer_box02 li {float:left;}
	/*#footer .footer_box02 li:first-child {margin-left:1%;} */
	#footer .footer_box02 li img.device_small {margin:0 auto}
	#footer .footer_box02 li.other_right_img img.device_small {padding-left:6%;}
	#footer .footer_box03 {width:80%; padding:2% 0;}
	#footer .footer_box03 li {float:left; width:48%; margin-right:1%;}
	#footer .footer_box03 li:first-child {margin-right:2%;} 
	#footer .footer_box02 li, 
	#footer .footer_box03 li{padding:0; margin-left:0; width:50%; text-align:center;}
	#footer .copyright {width:100%;}
	#footer .copyright {text-align:center; clear:both;}
	div#ttCanvas #ttItem1934 {padding-bottom:0px !important;}
	div#ttCanvas #ttItem1461227697 {padding-bottom:0px !important;}
	.bottom_banner_box2 .flexslider_small .flex-control-nav li {margin:0 1px !important; padding-bottom:0px !important}
	.bottom_banner_box2 .flexslider_small .flex-control-nav.flex-control-paging {width:30px; margin:0 auto;}
	.bottom_banner_box2 .flexslider_small .flex-control-paging li a {width:6px; height:6px;}
	.foot_win img {width:96%;margin-top:0%;margin-left:2%;}

	/*모바일 메뉴*/
	.nav a,
	.nav label {display: block; padding: .8rem; font-size:1em; background-color: #00c0a9; box-shadow: inset 0 -1px #fff;}
	.nav li {border-bottom:1px solid #fff;}
  /*.nav a:focus, 
	.nav a:hover, 
	.nav label:focus, 
	.nav label:hover {color: rgba(255, 255, 255, 0.5); background: #fff; }*/
  .nav label { cursor: pointer; }
	.nav {background-color:#00c0a9;padding:0px 20px 20px 20px;}
	.group-list a,
	.group-list label {padding: .4rem; color:#fff; background: #00c0a9; box-shadow: inset 0 0px #373737;}
	.group-list li {    border-bottom: 0px solid #fff;}
  /*.group-list a:focus, 
	.group-list a:hover, 
	.group-list label:focus, 
  .group-list label:hover { background: #eee; color:#424242; }*/
  .group-list { height: 100%; max-height: 0; overflow: hidden; z-index:19;margin:0px 20px;}
  .nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */max-height: 1000px; }
	label > span.fa {float: right; text-align:center;}
	.nav__list input[type=checkbox]:checked + label > span.fa {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
	.nav__list li img {max-width:60%; vertical-align:middle; max-height:24.5px;}
	.nav__list li span.fa img {max-width:100%; vertical-align:middle; max-height:24.5px;}
	#mobile_layer_menu {display:none; width:100%; height:auto; position:absolute;  z-index:999;    min-height: 115px;}
	.flexible_img_col .thumb {width:180px !important;}
	#content_right_box {display:none;}
	.searchList_txt {width:92%;}	
	.content_share_box ul {width:168px; overflow:hidden; margin:0 auto; float:none;}
	.recent-post ul li {float:left !important;margin-bottom:10px !important;}
	.recent-post .fl{float:left;width:100% !important;}
	.recent-post .fr{float:right;width:100% !important;}
	.recent-post .fr div {float:left;}
	/*#main_face_book_thum {margin:33px 0 29px 10px !important;}*/
	.recent-post .tt-span-4 {width:47% !important;}
	.recent-post .tt-span-4 .tt-post-category {display:none !important;}
	.recent-post .tt-span-4-border {width:100% !important; border:0px solid !important;}
	.recent-post .tt-wrap-post-thumb {max-height:175px !important;}
	.recent-post .tt-post-title {padding:0px 5px 0 10px !important;height:35px;line-height: 1.5em !important;}
	.recent-post .tt-post-etcinfo {padding:0px 15px 0 10px !important;}
	.recent-post .item {width:100% !important;}
	.recent-post .item img {width:100% !important;}
		.tt-post-thumb {width:100%;height:100%;position:static;}
	.recent-post .fl ul li .text_area,
	.recent-post .fl ul li .text_area {margin:10px !important;}
	.recent-post .fl ul li a.tt-span-4-border {width:100% !important;border:none !important;}
	#main_youtube_video {margin-top:15px !important; }
}

@media all and (max-width: 600px) and (min-width: 1px){
#main_best_list_news .best_box{height:240px;}
	.bottom_banner_box2 .flexslider_small .flex-control-nav li {margin:0 1px !important; padding-bottom:0px !important}
	.bottom_banner_box2 .flexslider_small .flex-control-nav.flex-control-paging {width:25px;bottom:20%;}
	.bottom_banner_box2 .flexslider_small .flex-control-paging li a {width:6px; height:6px;}
	.flexible_img_col .thumb {width:130px !important;  float:left;}
	.flexible_img_col .thumb img {width:130px !important; max-width:130px; max-height:126px; overflow:hidden;}
	.flexible_img_col li.masonry-brick {max-height:125px;}
	#slid_sort_top_wrap .sort_box {width:100%; margin-top:0px !important;}
	.recent-post .tt-span-4 {width: 48% !important;border-width:1px;border-style:solid;border-color:#e0e0e0;}
	.recent-post .tt-span-4 .tt-span-4-thumb_ratio-7_4 {height:auto !important;}
	.recent-post .fl ul li {position:relative;border:none !important;padding-bottom:20px !important;}
	.recent-post .fl ul li .text_area {position:absolute; margin-left:135px !important;top:0px;margin-top:0px !important;}
	.recent-post .fl ul li p {float:left;}
	.recent-post .fl ul li .tt-wrap-post-thumb {width:135px !important;margin:0 !important;height:90px;}
	.recent-post .fl ul li a.tt-span-4-border {width:100% !important;border:none !important;}
	.recent-post .fl ul li .tt-post-title {padding-left:10px !important;font-size:13px !important;}
	.recent-post .fl ul li .tt-post-summary{display:block !important;padding-left:10px !important;font-size:13px !important; max-height:57px; overflow:hidden;}
	.recent-post .tt-wrap-post-thumb {max-height:115px !important;}
	.recent-post .tt-post-title a {    line-height: 1.5em !important;}
	#main_best_list_news ul li {font-size:13px;}
	#main_face_book_thum {margin:0 0 30px 0 !important;}
	div#ttCanvas .tt-item {position:unset !important;}
		
	/*
	#recent-3rd {position:absolute; top:0px;}
	#recent-2nd {position:absolute; top:680px;}
	#recent-4th {position:absolute; top:910px;}
	#social_wrap {position:absolute; top:2040px;width:100%;}
	#footer {position:absolute; top:2090px;}
	#main_youtube_video img {height:280px !important;} 
	#main_face_book_thum img {height:245px !important;} 
	*/
	#footer .footer_box01 {padding-bottom:0px !important;}
	#footer .device_small {padding-top:0px !important;}
	.foot_win img {width:96%;margin-top:0%;margin-left:2%;}
}
@media all and (max-width: 416px) and (min-width: 1px){
	.main-banner {display:none !important;}
	#bottom_slide {display:block;width:85%;margin:20px auto;}
	#bottom_slide .custom-navigation-bottom {position: relative; top: -160px; text-align:right;}
}
@media all and (max-width: 416px) and (min-width: 361px){
.recent-post img.tt-post-thumb {margin:0 0 0 0 !important;}
	span.hx {font-size:15px; padding: 4px 15px;}
	.hbar {height:23px;}
	.flexible_img_col strong span.list_title {font-size:15px;}
	.searchList_txt {font-size:14px;}
	.s_cont {margin-top:30px;}
	
}
@media all and (max-width: 360px) and (min-width: 1px){
.recent-post img.tt-post-thumb {margin:0 0 0 0 !important;}
	span.hx {font-size:14px; padding: 15px 5px;}
	.hbar {height:23px;}
	.flexible_img_col strong span.list_title {font-size:15px;}
	.searchList_txt {font-size:13px;}
	#footer .copyright {width:100%; font-size:11px;}
	#footer .copyright .copy1 {font-size:12px;}
	#footer .copyright .copy2 {letter-spacing:-1px;}
.s_cont {margin-top:30px;}
}


/*컨텐츠 슬라이드 배너 관련 스타일*/
#thum_wrap {position:relative;}

#thum_wrap .flex-direction-nav .flex-nav-prev .flex-prev { background-image: url("images/left_arr.png"); background-repeat:no-repeat; left:10px; cursor: pointer; background-color:#444; opacity:0.6; background-position:center center; filter:alpha(opacity:0.6); text-indent:-99999px;}
#thum_wrap .flex-direction-nav .flex-nav-next .flex-next { background-image: url("images/right_arr.png"); background-repeat:no-repeat; text-align: right; cursor: pointer; background-color:#444; opacity:0.6; background-position:center center; filter:alpha(opacity:0.6); right:10px; text-indent:-99999px;}

#thum_wrap .flex-control-nav.flex-control-paging {display:none;}

#thum_wrap .flex-control-nav  {display: block;}
#thum_wrap .flex-control-nav {bottom:20px;}
#thum_wrap .flex-direction-nav a:before {content:"" !important; font-family:""; text-shadow:none;}


#left_contents {width:80%;}
#right_contents {width:20%;}


div#ttCanvas #ttItem1461227691 .tt-post-category {padding-top:10px;padding-left:10px;z-index:11111;position: absolute;font-size:14px;}

div#ttCanvas #ttItem1461227691 .라운 {padding:5px 30px;     background-color: rgba(255, 0, 0, 0.7);border-bottom-right-radius: 13px;}
div#ttCanvas #ttItem1461227691 .서비 {padding:5px 30px;     background-color: rgba(255, 0, 0, 0.7);border-bottom-right-radius: 13px;}
div#ttCanvas #ttItem1461227691 .라이 {padding:5px 30px;     background-color: rgba(255, 0, 0, 0.7);border-bottom-right-radius: 13px;}
div#ttCanvas #ttItem1461227691 .s5G {padding:5px 30px;     background-color: rgba(255, 0, 0, 0.7);border-bottom-right-radius: 13px;}

div#ttCanvas #ttItem1461227691 .라운 b,
div#ttCanvas #ttItem1461227691 .서비 b,
div#ttCanvas #ttItem1461227691 .라이 b,
div#ttCanvas #ttItem1461227691 .s5G b  {color:#ffffff;}