@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family:'LSR';
    src: url('./images/LexiSaebomR.eot');
    src: url('./images/LexiSaebomR.eot?#iefix') format('embedded-opentype'),
         url('./images/LexiSaebomR.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

/*
 * 사용자 설정
 */
#content #entry #title .writer { display: none; } /*작성자 none: 숨기기, block : 보이기*/


html, body { margin: 0; padding: 0; font-size: 13px; letter-spacing: 1px; }

a { color: #000; text-decoration: none; }
a:hover { color: #28415C; text-decoration: none; }

input:focus,
textarea:focus { outline: none; }

img { border: 0; max-width: 100%; }
iframe, video, embed, object { max-width: 100%; }

p { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0; }

hr { border: none; border-top: 1px solid #eee; }

fieldset { border: 1px solid #eee; padding: 2%; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 10px; }
sup { bottom:1ex; }
sub { top:.5ex; }

pre { padding: 10px; margin: 5px 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #eee; font: 12px/180% Lucida Console; background: #fafafa; border-radius: 3px; }

blockquote { position: relative; color: #444; font-style: italic; margin: 0 0 0 50px; }
blockquote:before { position: absolute; top: 7px; left: -45px; content: "\f10d"; font-family: "FontAwesome"; color: #bbb; font-size: 30px; }

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

input[type="text"],
input[type="password"],
textarea { box-shadow: inset 1px 1px 6px #f5f5f5; background: #fcfcfc; border: 1px solid #eee; padding: 10px; }

cite, em { font-style: italic; }

div,
img,
span,
input,
textarea,
#header,
#sidebar,
#footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

a,
#search input,
#content #list li,
#content #entry #title,
#content #admin-button,
#content #entry #article .download,
#sidebar div,
#commentWrite textarea,
#guestWrite textarea {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.clear { clear: both; height: 0; overflow: hidden; }

body,
input,
textarea,
blockquote,
#content #entry #title h2,
#content #entry #title span,
#sidebar div h3 { font-family: 'Open Sans', verdana, 'LSR', '나눔고딕', '맑은 고딕'; }


#wrap { max-width: 1220px; width: 100%; }
#header,
#container,
#footer { width: 100%; }
#content { width: 850px; }
#sidebar { width: 330px; }

#tistorytoolbarid { display: none !important; }

/*
 * wrap
 */
#wrap { margin: 0 auto; text-shadow: 1px 1px #dedede; padding: 0 10px; position: relative; }

#search { position: absolute; right: 10px; top: 165px; float: right; }
#search:after {	position: absolute; content: "\f002"; font-family: "FontAwesome"; color: #bbb; font-size: 13px; margin-top: 8px; right: 8px; top:0 }
#search input { width: 180px; border: 1px solid #ddd; box-shadow: 1px 1px 10px #eee; border-radius: 5px; padding: 5px 25px 5px 10px; color: #888; }
#search input:hover,
#search input:focus { width: 330px; border: 1px solid #ccc; box-shadow: 1px 1px 10px #ddd; }

/*
 * header
 */
#header	{ padding: 0px 0 5px; overflow: auto; border-bottom: 1px solid #ddd; }
#header #title { float: left; font-size: 22px; padding-left: 10px; }
#header #title a { color: #000; }
#header #title a:hover { color: #203449; }

#blog_menu { font-size: 15px; float: right; }
#blog_menu ul { padding: 0; height: 31px; margin: 0; line-height: 31px; }
#blog_menu li { float: left; list-style: none; margin-left: 20px; }
#blog_menu li.first { margin-left: 0; }
#blog_menu a { padding: 10px; }
#blog_menu a:hover { color: #555; background: #f1f1f1; text-decoration: none; border-radius: 5px; text-shadow: 1px 1px #fff; }


/*
 * container
 */
#container { margin-top: 20px; }

/*
 * content
 */
#content { float: left; position: relative; }

#content #list { border-bottom: 1px solid #ddd; margin-bottom: 50px; }
#content #list h2 { border-top: 2px solid #eee; border-bottom: 1px solid #ddd; background: #fff; padding: 30px 10px; margin: 1px 0 50px; letter-spacing: 2px; color: #555; }
#content #list li { list-style: none; line-height: 190%; border-top: 1px solid #ddd; padding: 10px 5px; overflow: auto; }
#content #list li:hover { background: #f9f9f9; cursor: pointer; }
#content #list li:hover a { color: #28415C; }
#content #list li .date { float: right; font-size: 11px; color: #555; }
#content #list li .cnt { font-size: 11px; color: #555; }

#content #entry #title { background: #f1f1f1; padding: 15px 10px; border-radius: 5px; border: 1px solid #ddd; box-shadow: 1px 1px 10px #eee; overflow: auto; }
#content #entry #title h2 { margin: 0 0 10px; padding: 0; font-size: 22px; font-weight: normal; }
#content #entry #title div { font-style: italic; color: #555; font-size: 13px; float: left; }

#content #entry #title span.line,
#content #entry #admin-box span.line { padding: 0 10px; color: #bbb; text-shadow: none; }

#content #entry #admin-button { padding: 10px 13px; font-size: 15px; color: #888; border-bottom-left-radius: 5px; border-top-right-radius: 5px; position: absolute; top: 1px; right: 1px; cursor: pointer; }
#content #entry #admin-button:hover { background: #f8f8f8; }
#content #entry #admin-box { display: none; padding: 10px; text-align: center; }

#content #entry #article { margin: 50px 0; line-height: 170%; font-size: 14px; }
#content #entry #article a { color: #203449; font-weight: bold; }
#content #entry #article a:hover { color: #203449; text-decoration: underline; }

#content #entry #article table { max-width: 100%; width: 100%; }

#content #entry #article a[href*="attachment"]:hover { text-decoration: none; }
#content #entry #article .download { background: #f9f9f9; box-shadow: 1px 1px 10px #ddd; border-radius: 15px; font-size: 12px; font-weight: normal; position: relative; padding: 20px 10px 8px; margin-bottom: 10px; min-width: 150px; text-align: left; }
#content #entry #article .download:hover { background: #f1f1f1; box-shadow: 1px 1px 10px #ccc; color: #05a; }
#content #entry #article .download:before { content: "\f019"; font-family: "FontAwesome"; font-size: 30px; }
#content #entry #article .download:after { content: "DOWNLOAD"; font-size: 15px; position: absolute; top: 10px; left: 42px; font-weight: bold; }

#content #entry #article .txc-info { font-size: 13px !important; max-width: 100%; min-width: 100%; }
#content #entry #article .txc-info hr { max-width: 100%; width: 100% !important; }
#content #entry #article .txc-info img.photo { max-width: 100%; }

#content #entry #article .imageblock { max-width: 100% !important; width: auto !important; height: auto; }
#content #entry #article .imageblock img { max-width: 100% !important; height: auto; }
#content #entry #article .imageblock span img[src*="cfile"] { padding: 10px; border: 1px solid #eee; box-shadow: 1px 1px 10px #eee; }
#content #entry #article .imgblock { display: block; }
#content #entry #article .imgblock td { display: block; }
#content #entry #article .tt-gallery-box img { max-width: 100%; height: auto !important; }

#content #entry #article .moreless_fold:before { content: "\f107"; font-family: "FontAwesome"; padding-right: 5px; }
#content #entry #article .moreless_fold { border: 1px solid #ddd; padding: 10px !important; background: #f9f9f9; }
#content #entry #article .moreless_top:before { content: "\f106"; font-family: "FontAwesome"; padding-right: 5px; }
#content #entry #article .moreless_top { border: 1px solid #ddd; padding: 10px !important; background: #f9f9f9; }
#content #entry #article .moreless_content { border: 1px solid #ddd; border-top: none; padding: 10px !important; background: #f9f9f9; }
#content #entry #article .moreless_bottom { display: none; }

#content #entry #article div.footnotes { border-top: 1px solid #ddd; margin-top: 30px; }
#content #entry #article div.footnotes ol { padding: 0; margin: 10px 0 0 30px; list-style: decimal-leading-zero; }
#content #entry #article div.footnotes ol li { font-size: 12px; }
#content #entry #article div.footnotes ol li a { color: #888; }

#content #entry #article .cap1 { padding: 0 10px; color: #888; max-width: 100%; font-size: 12px; word-break: break-all; }
#content #entry #article .another_category { text-shadow: none; }

#content #entry #tag_label { padding-bottom: 20px; }
#content #entry .locationTag:before { content: "\f124"; font-family: "FontAwesome"; font-size: 14px; padding: 0 5px 0 10px; }

#content #entry hr.line { height: 1px; overflow: hidden; width: 100%; border-top: 2px solid #e9e9e9; border-bottom: 2px solid #f7f7f7; }

#content #entry #actionTrail { text-align: right; padding: 8px 5px 0; height: 40px; }
#content #entry #actionTrail a { background: #ddd; padding: 5px; border-radius: 10px; margin-right: 5px; }
#content #entry #actionTrail a:hover { background: #555; color: #fff; text-shadow: 1px 1px #000; box-shadow: 1px 1px 3px #888; }

#content #tag { margin-bottom: 50px; word-break: break-all; }
#content #tag h2 { border-top: 2px solid #eee; border-bottom: 1px solid #ddd; background: #fff; padding: 30px 10px; margin: 1px 0 50px; letter-spacing: 2px; color: #555; } {  }
#content #tag a { margin-right: 8px; }
#content #tag a:hover { background: #eee; }
#content #tag .cloud5 { color: #555; font-size: 13px; }
#content #tag .cloud4 { color: #000; font-size: 16px; }
#content #tag .cloud3 { color: #DF7401; font-size: 19px; }
#content #tag .cloud2 { color: #045FB4; font-size: 21px; }
#content #tag .cloud1 { color: #FA5858; font-size: 24px; }

#content #local  { margin-bottom: 50px; }
#content #local h2 { border-top: 2px solid #eee; border-bottom: 1px solid #ddd; background: #fff; padding: 30px 10px; margin: 1px 0 50px; letter-spacing: 2px; color: #555; } {  }
#content #local .sopt {  }
#content #local .info {  }

#content #paging { margin: 0 0 50px; text-align: center; width: 100%; font-size: 11px; font-family: verdana; overflow: auto; }
#content #paging ul { padding: 0; margin: 0; }
#content #paging span.interword,
#content #paging ul li { float: left; list-style: none; padding: 10px 10px 0; }
#content #paging ul li .selected { color: #077; font-weight: bold; }

/*
 * trackback, comment, guestbook
 */
#trackback { margin: 0 0 40px; padding: 0; width: 100%; }
#trackback h3 { margin: 0; padding: 20px 10px 18px; color: #888; font-family: tahoma; font-size: 11px; text-shadow: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; background: #f9f9f9; }
#trackback h3 span { font-weight: normal; color: #000; }
#trackback ol { list-style: none; margin: 0; padding: 0; background: #f9f9f9; }
#trackback ol li { border-bottom: 1px dashed #ddd; font-size: 12px; padding: 10px; }
#trackback ol li h4 { margin: 0; padding: 0; font-size: 13px; }
#trackback ol li span { font-style: italic; }
#trackback ol li span.line { padding: 0 5px; color: #999; }
#trackback ol li p { color: #888; }

#commentWrite, #guestWrite { margin: 0; padding: 0; width: 100%; }
#commentWrite input, #guestWrite input { margin-bottom: 10px; }
#commentWrite input.name, #guestWrite input.name { width: 100%; }
#commentWrite input.password, #guestWrite input.password { width: 100%; }
#commentWrite input.homepage, #guestWrite input.homepage { width: 100%; }
#commentWrite textarea, #guestWrite textarea { width: 100%; height: 100px; }
#commentWrite textarea:focus, #guestWrite textarea:focus { height: 200px; }

#commentWrite .submit, #guestWrite .submit { text-align: center; margin: 10px 0 50px; }
#commentWrite .submit input, #guestWrite .submit input { color: #666; width: 160px; height: 50px; background: #eee; border: 1px solid #ddd; box-shadow: 1px 1px 10px #ddd; cursor: pointer;
background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
background: linear-gradient(#fff, #f1f1f1);
}

#commentList, #guestList { margin: -45px 0 50px; padding: 0; width: 100%; overflow: auto; }
#commentList img[src$=".gif"], #guestList img[src$=".gif"] { float: right; margin-left: 10px; width: 60px; height: 60px; border-radius: 50px; box-shadow: 1px 1px 10px #ccc; }
#commentList p, #guestList p { padding: 10px 0; min-height: 40px; word-break: break-all; }
#commentList ol, #guestList ol { margin: 0; padding: 0; list-style: none; }
#commentList ol li, #guestList ol li { margin-bottom: 20px; padding: 25px 20px; background: #f9f9f9; position: relative; border-radius: 5px; border: 1px solid #eee; box-shadow: 1px 1px 10px #eee; }
#commentList ol li ul, #guestList ol li ul { margin: 10px 0 0 10px; padding: 0; list-style: none; }
#commentList ol li ul li, #guestList ol li ul li { margin: 10px 0 0; padding: 25px 20px; background: #fff; position: relative; }
#commentList .rp_secret p, #guestList .guest_secret p { color: #FF9000; }
#commentList .name, #guestList .name { font-weight: bold; letter-spacing: 2px; }
#commentList .date, #guestList .date { font-size: 12px; letter-spacing: -1px; }
#commentList .control, #guestList .control { font-size: 13px; padding-left: 5px; letter-spacing: 1px; }
#commentList .tistoryProfileLayerTrigger, #guestList .tistoryProfileLayerTrigger { display: none; }

/*
 * sidebar
 */
#sidebar { float: right; }
#sidebar div { margin-bottom: 20px; padding: 15px; background: #f8f8f8; border-radius: 5px; border: 1px solid #fff; word-break: break-all; }
#sidebar div:hover,
#sidebar div.opacity:hover { background: #f1f1f1; opacity: 1; border: 1px solid #ddd; box-shadow: 1px 1px 10px #eee;
-ms-filter: "progid:DXImageTransForm.Microsoft.Alpha(Opacity=100)"; /* IE8 */
filter: alpha(opacity=100); /* IE5 ~ IE7 */
}
#sidebar div.opacity {
opacity: 0.6;
-ms-filter: "progid:DXImageTransForm.Microsoft.Alpha(Opacity=60)"; /* IE8 */
filter: alpha(opacity=60); /* IE5 ~ IE7 */
}
#sidebar div h3 { margin: 0 0 5px; }
#sidebar div li { list-style-type: none; line-height: 190%; }

#sidebar div.category ul { margin: 0; padding: 0; }
#sidebar div.category ul li ul li ul { margin: 0 0 0 10px; padding: 0; }
#sidebar div.category ul li ul li ul li:before { content: "\f0da"; font-family: "FontAwesome"; padding-right: 5px; }
#sidebar span.c_cnt { font-size: 11px; color: #555; }

#sidebar div.blog-img { overflow: auto; }
#sidebar div.blog-img img { max-width: 50%; height: auto; float: left; margin-right: 5px; border-radius: 3px; cursor: pointer; border: 1px solid #e5e5e5; box-shadow: 1px 1px 5px #e9e9e9; }
#sidebar div.blog-img h4 { font-style: italic; }

#sidebar ins { width: 300px; margin: 0 auto; }

/*
 * footer
 */
#footer { font-family: verdana; padding: 50px 0 100px; margin-top: 50px; overflow: auto; border-top: 1px solid #ddd; font-size: 11px; color: #555; }
#footer a { color: #333; }
#footer a:hover { color: #111; text-decoration: underline; }
#footer .copyright { float: left; }
#footer .copyright-mobile { float: left; display: none; }
#footer .designed { float: right; }

/*
 * go top
 */
#go-top { display: none; position: fixed; bottom: 50px; right: 50px; }
#go-top a { display: block; font-size: 30px; background: #ccc; border: 1px solid #bbb; box-shadow: 1px 1px 10px #bbb; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center;

-ms-filter: "progid:DXImageTransForm.Microsoft.Alpha(Opacity=50)"; /* IE8 */
filter: alpha(opacity=50); /* IE5 ~ IE7 */
opacity: 0.5;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#go-top a:hover {
-ms-filter: "progid:DXImageTransForm.Microsoft.Alpha(Opacity=100)"; /* IE8 */
filter: alpha(opacity=100); /* IE5 ~ IE7 */
opacity: 1;
}

/*
 * ie warning
 */
#ie { position: fixed; z-index: 111111; font-family: 'Gulim'; width: 100%; top: 0px; left: 0px; border-bottom: 1px solid #A29330; background: #FDF2AB; text-align: left; color: #000; font-size: 12px; padding: 10px 0 8px; text-align: center; }
#ie a { font-weight: bold; }
#ie b { color: #f00; }

/*
 * responsive web
 */
.videoWrap { position: relative; width: 100%; padding-bottom: 56.25%; }
.videoWrap iframe,
.videoWrap embed,
.videoWrap video,
.videoWrap object { position: absolute; width: 100%; height: 100%; }

#responsive_blog_menu,
#responsive_blog_menu_button,
#admin { display: none; }

@media all and (max-width:1219px) {
#wrap { max-width: 1024px; width: 100%; }
#content { width: 650px; }
#sidebar { width: 330px; }
}

@media all and (max-width:1023px) {
#content { float: none; width: 100%; }
#sidebar { float: none; width: 100%; }
#sidebar div { width: 30%; margin: 0 1.66% 10px; float: left; }
}

@media all and (max-width:959px) {
#search { position: relative; top: 0; right: 0; margin: 20px auto 0; float: none; width: 100%; text-align: right; }
#search:after { top: 4px; right: 10px; font-size: 15px; }
#search input { width: 100%; padding: 10px 32px 10px 10px; }
#search input:hover,
#search input:focus { width: inherit; }

#header { padding-bottom: 20px; }
#header #title { float: none; text-align: center; }
#blog_menu { display: none; }
#responsive_blog_menu_button { display: block; width: 100%; border: 1px solid #d1d1d1; padding: 10px; margin-top: 20px; cursor: pointer; }
#responsive_blog_menu_button span { float: right; color: #555; }
#responsive_blog_menu { display: none; margin-top: -1px; padding: 5px 0 0; border: 1px solid #d1d1d1; }
#responsive_blog_menu ul { margin: 0; padding: 0; }
#responsive_blog_menu ul li { padding: 10px; }

#responsive_blog_menu .category_button { border-top: 1px solid #d1d1d1; padding: 10px; margin-top: 5px; cursor: pointer; }
#responsive_blog_menu .category_button span { float: right; color: #555; }
#responsive_blog_menu .category_list { padding: 10px 10px 15px 10px; border-top: 1px solid #d1d1d1; display: none; }
#responsive_blog_menu .category_list ul li { padding: 0; margin: 0; list-style: none; }
#responsive_blog_menu .category_list ul li ul li { padding-top: 15px; }
#responsive_blog_menu .category_list ul li ul li ul li { padding: 5px 0 0 10px; }
#responsive_blog_menu .category_list ul li ul li ul li:before { content: "\f0da"; font-family: "FontAwesome"; padding-right: 5px; }
#responsive_blog_menu .category_list span.c_cnt { font-size: 11px; color: #555; }

#content #entry #title div { float: none; line-height: 250%; }
#content #entry #title span.line { display: none; }






#entryProtected { text-align: center; }
#sidebar div { float: none; width: 100%; margin: 0 0 10px 0; }

#sidebar div { background: #f1f1f1; opacity: 1 !important; border: 1px solid #ddd; box-shadow: 1px 1px 10px #eee; }
#sidebar div input.search { padding: 8px 5px; box-shadow: 1px 1px 10px #ccc; font-size: 13px; box-shadow: inset 1px 1px 6px #f5f5f5; background: #fcfcfc url('./images/search.png') right center no-repeat; }

#footer .copyright { float: none; width: 100%; text-align: center; }
#footer .designed { float: none; width: 100%; text-align: center; margin-top: 10px; }

#admin { position: absolute; top: 10px; right: 10px; font-size: 25px; display: block; }
#admin a { color: #bbb; }
#go-top { right: 10px; bottom: 10px; }
}

/*
 * adsense
 */
#content #entry #adsense { margin-top: 50px; text-align: center; width: 100%; }

/*
 * tedition
 */
#ttLinkEditMode { top: 185px !important; }
div#ttCanvas { max-width: 100%; width: 100% !important; }
div#ttCanvas a:hover { text-decoration: none !important; color: inherit !important; }
div#ttCanvas div.tt-panel { padding: 0 !important; }
div#ttCanvas .tt-post-title { font-size: 18px !important; }
div#ttCanvas .tt-item-330020 .tt-post-title a { font-size: 14px !important; font-family: inherit !important; }

.hbar{background:#fff;margin:0;width:auto;padding:10px 20px 15px;height:30px}
.trb:after,.hbar:after{display:block;clear:both;content:""}


/* fixed_img_col */
.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:200px;margin:15px 0 0 15px !important;padding:0 !important;background:#fff}
.flexible_img_col li.masonry-brick{margin-top:0}
 
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative;color:#333;width:200px; !important;text-align:center;border:1px; solid #ccc !important;border-bottom:0; !important;background:#fafafa;line-height:100px;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}
.flexible_img_col .thumb img{width:auto;border:1}
.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:1px solid #ccc ;border-top:1;border-bottom:1;font-size:15px !important;color:#0f0f0f;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma}
.flexible_img_col strong span{color:#f00;font-size:12px;margin-left:5px}
.flexible_img_col p{display:normal;font-size:11px !important;color:#444 !important;line-height:normal;line-height:normal !important;padding:0 10px 10px !important;border:1px solid #ccc !important;border-top:0 !important}

.flexible_img_col a:hover strong{color:#f00 !important}
.flexible_img_col a:hover .thumb,.flexible_img_col a:hover strong,.flexible_img_col a:hover p{border-color:#333 !important}