@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

html {
font-size:16px;
line-height:24px;
}

@font-face {
font-family:BenchNine;
font-style:normal;
font-weight:700;
src:local("BenchNine Bold"),local(BenchNine-Bold),url(http://fonts.gstatic.com/s/benchnine/v4/qZpi6ZVZg3L2RL_xoBLxWRampu5_7CjHW5spxoeN3Vs.woff2) format(woff2);
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

body {
color:#2D3135;
font-family:"Nanum Barun Gothic",sans-serif;
font-size:1em;
}

a {
color:#0054a7;
text-decoration:none;
}

a:hover {
color:#e84c00;
}

#layout,#menu,.menu-link {
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}

#layout {
padding-left:280px;
left:0;
}

.header {
color:#333;
text-align:center;
border-bottom:1px solid #eee;
margin:0;
padding:2.5em 2em 0;
}

.header h1 {
font-size:3em;
font-weight:300;
margin:.2em 0;
}

.header h2 {
font-weight:300;
color:#ccc;
margin-top:0;
padding:0;
}

.content-subhead {
font-weight:300;
color:#888;
margin:50px 0 20px;
}

#menu {
margin-left:-280px;
width:280px;
position:fixed;
top:0;
left:280px;
bottom:0;
z-index:1;
background:#2D3135;
overflow-y:hidden;
-webkit-overflow-scroll:touch;
color:#C1C9D1;
overflow:0;
-ms-overflow-style:none;
padding:0;
}

#menu .pure-menu,#menu .pure-menu ul {
border:none;
background:transparent;
overflow-y:scroll;
height:100%;
}

#main {
position:relative;
z-index:1;
}

.menu-link {
display:none;
top:0;
left:280px;
background:rgba(0,0,0,0.5);
font-size:10px;
z-index:9999999;
width:100%;
height:auto;
-moz-transition-property:all;
-o-transition-property:all;
-webkit-transition-property:all;
transition-property:all;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
padding:10px 10px 5px;
}

.menu-link:hover {
background:#000;
-moz-transition-property:all;
-o-transition-property:all;
-webkit-transition-property:all;
transition-property:all;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
}

.menu-link a {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
margin-left:10px;
color:#C1C9D1;
}

.menu-link a.miniLogo {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
font-weight:100;
-moz-transform:skew(0deg,-12deg);
-ms-transform:skew(0deg,-12deg);
-webkit-transform:skew(0deg,-12deg);
transform:skew(0deg,-12deg);
color:#C1C9D1;
letter-spacing:-1px;
margin-left:0;
}

.menu-link span {
position:relative;
display:block;
}

.menu-link span,.menu-link span:before,.menu-link span:after {
background-color:#fff;
width:100%;
height:.2em;
}

.menu-link span:before,.menu-link span:after {
position:absolute;
margin-top:-.6em;
content:" ";
}

.menu-link span:after {
margin-top:.6em;
}

.logo {
width:240px;
height:240px;
background:#16181A;
border-radius:50%;
word-wrap:break-word;
display:flex;
box-sizing:border-box;
border:2px solid #C2C9D2;
box-shadow:0 0 0 4px #16181A, 5px 5px 10px #000;
margin:26px auto 24px;
padding:0;
}

.logo a {
color:#C2C9D2;
text-transform:uppercase;
font-weight:300;
font-size:24px;
margin:auto;
}

.logo span.big {
position:absolute;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:100;
font-size:60px;
-moz-transform:skew(0deg,-12deg);
-ms-transform:skew(0deg,-12deg);
-webkit-transform:skew(0deg,-12deg);
transform:skew(0deg,-12deg);
top:125px;
left:53px;
color:#C1C9D1;
letter-spacing:-1px;
}

.logo span.small {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:400;
position:absolute;
-moz-transform:skew(0deg,-12deg);
-ms-transform:skew(0deg,-12deg);
-webkit-transform:skew(0deg,-12deg);
transform:skew(0deg,-12deg);
top:165px;
left:58px;
}

div.message {
padding-left:26px;
display:block;
}

div.message p {
color:#16181a;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:400;
font-size:1.688em;
line-height:1px;
text-shadow:0 1px #424547;
text-align:left;
}

div.skininfo {
padding-left:26px;
margin-bottom:26px;
display:block;
}

div.skininfo p {
color:#5d656d;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:400;
font-size:18px;
line-height:16px;
text-align:left;
margin-bottom:-15px;
text-shadow:0 -2px #16181a;
}

div.skininfo a {
display:inline;
color:#efd128;
margin:0;
padding:0;
}

.content_wrap {
margin-top:34px;
}

div.content {
overflow:hidden;
margin:0;
padding:0 5%;
}

div.post_view {
overflow:visible;
margin-top:4em;
margin-bottom:4em;
}

div.post_view div.hentry img {
width:auto;
height:auto;
max-width:100%;
}

iframe,object,embed {
max-width:100%;
}

div.post_title {
margin-bottom:20px;
}

h2.entry-title {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:900;
display:block;
width:100%;
overflow:auto;
height:auto;
margin-bottom:1em;
}

h2.entry-title a {
color:#2D3134;
text-decoration:none;
}

ul.post_info {
margin-top:1em;
line-height:24px;
color:#D5D5D6;
}

ul.post_info span.txt {
display:none!important;
}

ul.post_info li.post_info_cmtcount:before {
content:"Comments";
}

div.post_taglist {
background:none;
font-family:"Nanum Barun Gothic",sans-serif;
font-size:14px;
}

div.post_taglist:before {
content:"Tags";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
}

div.profile_image img {
border-radius:50%;
border:0;
}

.menu_profile .profile_image img {
border:10px solid rgba(0,0,0,0.5);
}

span.profile_usernick {
color:#B9C1C8;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:22px;
line-height:24px;
}

.menu_profile .profile_desc .profile_usernick {
color:#B9C1C8;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:22px;
line-height:24px;
margin:0;
}

.post_trackback .trackback_help em {
font-famliy:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
font-size:18px;
font:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
}

div.post_footer_area {
font-size:1em;
}

div.post_comment a {
color:#2D3135;
}

li.comment_item span.comment_gravatar img {
border-radius:50%;
}

li.comment_reply span.comment_gravatar img {
border-radius:50%;
width:50px;
height:50px;
border:0;
}

span.comment_datetime {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif sans-serif;
font-size:20px;
}

div.comment_info span.comment_now img {
border-radius:50%;
width:50px;
height:50px;
}

div.widget_statWgt_b {
width:180px;
color:#B9C1C8;
margin:0 auto;
}

div.widget_statWgt_b div.widget_content {
background:transparent;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif sans-serif;
color:transparent;
}

.widget_statWgt_b .widget_content .statWgt_count_b strong {
color:#B9C1C8;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif sans-serif;
font-size:30px;
font-weight:400;
}

.widget_statWgt_b .widget_content .statWgt_count_b strong:before {
content:"Today";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif sans-serif;
font-size:30px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
font-weight:400;
}

.widget_statWgt_b .widget_content .statWgt_count_b {
color:transparent;
}

div.statWgt_count_b {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
}

div.menu_calendar {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:20px;
width:160px;
margin:0 auto;
}

div.cal_month a {
padding:0;
}

.menu_calendar .tb_cal td.on a {
font-weight:900;
text-decoration:underline;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:20px;
}

.menu_calendar .tb_cal td.today {
color:#efd128;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:20px;
}

div.menu_tagcloud div.widget_content {
clear:both;
}

div.menu_tagcloud div.widget_content a {
float:left;
}

div.photolog_name a {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
line-height:27px;
display:inline;
font-weight:100;
color:#B9C1C8;
margin:0 0 0 10px;
padding:0;
}

.menu_blogroll li .blogroll_gravatar img {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
border:0;
background:none;
}

.pure-menu a {
border:0;
background:none;
color:#B9C1C8;
padding:0;
}

div.menu_category h3:before {
content:"Category";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_archive h3:before {
content:"Archive";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_blogroll h3:before {
content:"Links";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_trackback h3:before {
content:"Trackbacks";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_pingback h3:before {
content:"Pingback";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_comment h3:before {
content:"Comments";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_lifelog h3:before {
content:"Life Log";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_photolog h3:before {
content:"Photo log";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_selfmenu h3:before {
content:"Menus";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_tagcloud h3:before {
content:"Tags";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-weight:700;
font-size:36px;
color:#B9C1C8;
display:block;
margin-top:30px;
margin-bottom:-10px;
}

div.menu_search input.input_search {
border:0;
background:#16181A;
color:#B9C1C8;
font-size:32px;
font-family:"Nanum Barun Gothic",sans-serif;
outline:0;
height:40px;
width:120px;
}

div.menu_search input.input_search:focus {
background:#efd128;
color:#2D3135;
width:150px;
transition:all easei-in .2s;
}

div.menu_search input.submit {
border:0;
outline:0;
height:40px;
width:40px;
background-color:red;
background:#0054a7 url(http://pds25.egloos.com/pds/201312/28/26/a0205726_52bdd673ddaa8.png) no-repeat 12px 10px;
font:0/0 serif;
text-shadow:none;
color:transparent;
margin-left:-2px;
}

div.menu_search input.submit:hover {
background:#e84c00 url(http://pds25.egloos.com/pds/201312/28/26/a0205726_52bdd673ddaa8.png) no-repeat 12px 10px;
transition:all easei-in .2s;
}

.pure-menu li a {
background:none;
color:#B9C1C8;
padding:0;
}

.post_titlelist h2.page_title {
height:100px;
}

div.post_tagcloud {
margin-bottom:2em;
}

div.post_tagcloud h2.page_title:before {
content:"Tag Cloud";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:93px;
line-height:93px;
font-weight:900;
display:block;
text-align:left;
color:#2D3135;
}

div.post_tagcloud a {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
text-align:left;
}

div.post_tagcloud a:after {
content:",";
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
}

div.search_wrap div.search {
background:transparent;
border:0;
}

div.search_wrap input#srch_kwd {
width:500px;
height:150px;
background:#ddd;
outline:0;
font-size:90px;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-style:bold;
}

div.search_wrap input#srch_kwd:focus {
background:red;
}

.s_box .search {
background:transparent!important;
border:0!important;
}

.s_box .search .inner {
background:transparent!important;
border:0!important;
width:100%!important;
height:auto!important;
margin:0 0 20px!important;
}

.s_box .search .inner button {
float:left!important;
width:10%!important;
height:100px!important;
background:#0054A7!important;
font-size:50px!important;
color:#fff!important;
margin-top:1px!important;
}

input#srch_kwd {
width:20%;
background:#ddd!important;
outline:0;
font-size:90px;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-style:bold;
height:80px;
line-height:90px;
padding:10px;
}

input#srch_kwd:focus {
background:#0054A7!important;
color:#FFF;
width:80%;
transition:all ease-in .5s;
}

.search_result .news_sort_option li.selected a {
border:0;
background:transparent!important;
-moz-box-shadow:transparent!important;
-webkit-box-shadow:transparent!important;
box-shadow:transparent!important;
}

.search_result .news_sort_option li a {
border:0;
color:t;
}

.search_result p strong {
color:#0054A7!important;
}

.type_01 .thumb .thumb_photo {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.type_01 dt a {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
line-height:32px;
font-weight:100;
color:#2D3134;
text-decoration:none!important;
}

.type_01 dd.txt_date {
text-align:right;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
color:#2D3134;
font-size:30px!important;
float:right;
}

.paging a {
border:0!important;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
font-size:30px!important;
font-weight:100!important;
}

.paging a.on {
background:none!important;
border:0!important;
}

h2.page_title span.title {
text-align:left;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
font-size:64px;
line-height:80px;
font-weight:900;
float:left;
}

div.common_top_list ul.f_clear li a {
text-align:left;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
color:#2D3134;
}

div.common_top_list ul.f_clear li span.date {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
}

div.post_summary ul.post_info {
text-align:left;
color:#D5D5D6;
}

div.post_summary div.post_content {
text-align:left;
margin-top:1em;
font-size:16px;
line-height:24px;
}

a.sumlist,a.sumview {
background:none!important;
}

.post_paging .page {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:30px;
}

span,div#navibar,div#navibar a,div#navibar span,div#navibar p {
font-family:"Nanum Barun Gothic",sans-serif;
}

a:visited,.pure-menu a:visited,.pure-menu li a:visited {
color:#C1C9D1;
}

a:focus,.pure-menu a:focus,.pure-menu li a:focus {
color:#00e89e;
}

a:active,.pure-menu a:active,.pure-menu li a:active {
color:#00cfe8;
}

#menu ::-webkit-scrollbar,span.post_title_category,ul.post_info li.post_info_link,ul.post_info li.post_info_cmtcount span.txt,div.post_meta_area,span.profile_usernick span.by,div.widget_statWgt_b a,div.menu_search p,div.search_wrap p.powered,p.powered {
display:none;
}

.menu-link a:hover,.menu-link a.miniLogo:hover {
color:#efd128;
-moz-transition-property:all;
-o-transition-property:all;
-webkit-transition-property:all;
transition-property:all;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
}

.logo a:after,.logo a:before {
display:block;
content:"";
height:1px;
width:100%;
position:relative;
background:#C2C9D2;
margin:2px auto;
}

div.pure-menu ul.widget_content,div.pure-menu ul {
left:0;
top:0;
position:relative;
visibility:visible;
margin:auto;
padding:auto;
}

div.menu_category,div.menu_selfmenu,div.menu_archive,div.menu_lifelog,div.menu_photolog,div.menu_search {
text-align:left;
padding-left:26px;
color:#B9C1C8;
}

div.menu_category h3,div.menu_tagcloud h3,div.menu_selfmenu h3,div.menu_archive h3,div.menu_blogroll h3,div.menu_trackback h3,div.menu_pingback h3,div.menu_comment h3,div.menu_lifelog h3,div.menu_photolog h3,div.post_tagcloud h2.page_title {
text-align:left;
color:transparent;
}

div.menu_category a,div.menu_selfmenu a,div.menu_archive a {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:20px;
line-height:27px;
display:inline;
font-weight:100;
color:#B9C1C8;
margin:0 0 0 10px;
padding:0;
}

div.menu_category a:hover,div.menu_selfmenu a:hover,div.photolog_name a:hover,div.menu_archive a:hover,.pure-menu a:hover,.pure-menu li a:hover {
color:#efd128;
background:none;
transition:all easei-in .2s;
}

div.menu_category span.count,div.menu_archive span.count {
font-size:20px;
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
}

div.post_content,.post_view .post_content {
overflow:visible;
}

ul.post_info li,span.by {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif!important;
font-weight:300;
}

li.comment_reply,.post_comment .comment_list li.comment_reply,h2.page_title span.action_view_select a {
background:none;
}

.post_comment .comment_list h4.comment_writer_info span.comment_gravatar img,div.comment_write fieldset,div.menu_search fieldset,.s_box .search .inner input {
border:0;
}

.post_comment .comment_list li.comment_reply h4.comment_writer_info span.comment_gravatar img,.post_comment .comment_write .comment_info span.comment_now img {
width:50px;
height:50px;
border:0;
}

div.comment_write fieldset input,div.comment_write fieldset textarea {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
outline:0;
border:1px solid #ddd;
background:#ddd;
}

div.comment_write fieldset input:focus,div.comment_write fieldset textarea:focus {
background:#fff;
-moz-transition-property:all;
-o-transition-property:all;
-webkit-transition-property:all;
transition-property:all;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}

::-moz-selection,::selection {
color:#EFD128;
background:#2D3135;
}

div.cal_month,.menu_calendar .tb_cal th,.menu_calendar .tb_cal td {
font-family:BenchNine,Wire One,Nanum Barun Gothic,sans-serif;
font-size:20px;
}

div.menu_tagcloud,div.photolog_name,div.menu_blogroll,div.menu_trackback,div.menu_pingback,div.menu_comment {
text-align:left;
color:#B9C1C8;
padding:0 26px;
}

div.menu_selfmenu ul.widget_content li,div.post_tagcloud span,div.common_top_list ul.f_clear,div.common_top_list ul.f_clear li span.count,div.post_summary h2.entry-title {
text-align:left;
}

.type_01,.paging a.first {
border:0!important;
}

@media max-width 767px{
.header {
text-align:left;
}

#layout {
position:relative;
padding-left:0;
}

#layout.active {
position:relative;
left:280px;
}

#layout.active #menu {
left:280px;
width:280px;
}

#menu {
left:0;
}

.menu-link {
position:fixed;
left:0;
display:block;
}

#layout.active .menu-link {
left:280px;
}
}