@charset "utf-8";
@font-face{
font-family:'Nanum Barun Gothic';
font-style:normal;
font-weight:700;
src:url('./images/NanumBarunGothicBold.eot');
src:url('./images/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
url('./images/NanumBarunGothicBold.woff') format('woff');
}
@font-face{
font-family:'Nanum Barun Gothic';
font-style:normal;
font-weight:400;
src:url('./images/NanumBarunGothic.eot');
src:url('./images/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('./images/NanumBarunGothic.woff') format('woff');
}

/*-------brian custom-------*/
#menub	{position:absolute; border:0px solid #a00000;width:330px;right:120px;top:11px;margin:0px;padding:0px;text-align:right;z-index:11}


#header .tab_line_title a{
font-size:14px;
margin:0px;padding:0px;
color:#333;
}
#header .tab_line_title a:hover{
margin:0px;padding:0px;
background:#fff;color:#aaa;
}




/*-------reset-------*/
html{-webkit-text-size-adjust:100%;}
body * {
    font-family:'Nanum Barun Gothic', sans-serif;
}

html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,p {
    margin:0;
    padding:0;
}

fieldset,img {
    border:0 none;
}

dl,ul,ol,menu,li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,q:before, q:after {
    content:'';
    content:none;
}

* {
-o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

textarea,
input[type=text],
input[type=password],
input[type=button],
input[type=submit], 
button {
    -webkit-appearance:none;
    -moz-appearance:none;
-o-appearance:none;
    appearance:none;
}

img, .imageblock, .imageblock span{
    max-width:100%;
    height:auto;
}

span.imageblock{
display:inline !important;
}
.imageblock img{
margin:0 !important;
padding:0 !important;
}

embed, input {
    max-width:100%;
}

input[type=checkbox],
input[type=radio] {
    border:1px solid #aaa;
    width:13px;
    height:13px;
    margin:0;
    padding:0;
    vertical-align:top;
}

/*-------Layout-------*/
body {
    font-size:14px;
    color:#000;
    word-wrap:break-word;
overflow-x:hidden;
line-height:20px;
}

a {
    color:#333;
    text-decoration:none;
-webkit-transition:color 0.3s linear;
-moz-transition:color 0.3s linear;
-o-transition:color 0.3s linear;
-ms-transition:color 0.3s linear;
transition:color 0.3s linear;
}

a:hover, a:active {
    text-decoration:none;
    color:#aaa;
}

.clearfix:after {
    clear:both;
    content:"";
    display:block;
    height:0.01px;
}
/*
html{
scrollbar-3dLight-Color:#444444; 
scrollbar-base-color:#444444; 
scrollbar-Face-Color:#444444; 
scrollbar-Highlight-Color:#444444; 
scrollbar-Shadow-Color:#444444; 
scrollbar-DarkShadow-Color:#444444; 
scrollbar-arrow-color:#444444; 
scrollbar-Track-Color:#efefef; 
}
::selection{ 
color:#fff; 
background:#444444; 
} 
::-moz-selection{ 
color:#fff; 
background:#444444; 
}
::-webkit-scrollbar { 
width:8px;
height:8px;
} 
::-webkit-scrollbar-track { 
background:#efefef; 
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb { 
background:#444444; 
border-radius:10px; 
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{ 
width:8px; 
height:8px; 
background:#efefef; 
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
}
*/
#tistorytoolbarid{display:none;}

/**********************************************************/

/*-------헤더-------*/
#header{
}
#header a{
font-size:11px;
}
.tab_home{
font-weight:bold;
}
#header .title{
text-align:center;
padding:50px;
padding-top:12px;
}
#header .title a{
font-size:35px;
color:#000;
font-weight:bold;
letter-spacing:-1px;
display:inline-block;
line-height:normal;
}

/*메뉴*/
.mobile_tab{
background:#ffffff url('images/menu-icon.gif') 5% 48% no-repeat;
color:#fff;
cursor:pointer;
height:45px;
line-height:45px;
padding-left:100%;
overflow:hidden;
text-indent:100%;
width:5%;
white-space:nowrap;
-webkit-box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
position:fixed;
z-index:200;
display:none;
}

.tab_line_wrap{
padding:5px;
line-height:1.6em;
-webkit-box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
}

.tab_line{
max-width:100%;
margin:0px auto;
}

.tab_line ul{
display:inline-block;

}

.tab_line li{
display:inline-block;
position:relative;
}

#header .tab_line a{
font-size:12px;
color:#666;
letter-spacing:0.5px;
line-height: 19px;
}
#header .tab_line a:hover{
color:#aaa;
}

.tab_line>ul>li>a,
.tab_line>ul>li>ul>li>a{
padding:10px 10px;
display:inline-block;
color:#555;
border-radius:10px;
font-family:Tahoma, 'Nanum Barun Gothic', sans-serif;
-webkit-transition:color 0.3s linear;
    -moz-transition:color 0.3s linear;
    -o-transition:color 0.3s linear;
    -ms-transition:color 0.3s linear;
    transition:color 0.3s linear;
}

.tab_line>ul>li>ul>li>ul>li>a{
padding:10px;margin:0px;
-webkit-transition:color 0.3s linear;
-moz-transition:color 0.3s linear;
-o-transition:color 0.3s linear;
-ms-transition:color 0.3s linear;
transition:color 0.3s linear;
}

.tab_line>ul>li>a img{
display:none;
}

.blogMenu{
text-align:right;
padding:15px 10px;
position:fixed;
right:0;
top:0;
z-index:9999;
width:320px;
height:50px;
border:0px solid #ff8533;
}

.blogMenu a{
display:inline-block;
}

.blogMenu a img{
vertical-align:bottom;
}

.blogMenu li{
display:inline-block;
padding:0px 5px;
letter-spacing:-1px;
position:relative;
}

@media all and (max-width :580px){
#container{
margin-top:45px;
}
.entryNotice, .entry, .entryProtected{
padding:20px;
}
.blogMenu {
padding:13px 10px !important;
}
.mobile_tab{
display:block;
}
.tab_line_wrap{
display:none;
border-top:0;
padding:0;
border-bottom:1px solid #eaeaea;
background:#fff;
width:100%;
position:fixed;
z-index:199;
top:45px;
}
.tab_line a{
font-size:11px !important;
}
.tab_line ul{
display:block;
}
.tab_line li{
display:block;
}
.tab_line>ul>li>ul>li,
.tab_line>ul>li>ul>li>ul>li{
border-top:1px solid #eaeaea;
}
.tab_line>ul>li>a,
.tab_line>ul>li>ul>li>a,
.tab_line>ul>li>ul>li>ul>li>a{
display:block;
border-radius:0;
padding:13px 20px;
}
.tab_line>ul>li>ul>li>ul>li>a{
padding:13px 20px;
font-family:Tahoma,'Nanum Barun Gothic', sans-serif;
padding-left:35px;
}
.tab_line>ul>li>ul>li>ul>li>a:hover{
color:#444444;
}
.search{
top:45px !important;
}
.flexible_img_col{
margin-top:60px !important;
}
}
@media all and (min-width :581px) {
.mobile_tab{
display:none !important;
}
.tab_line_wrap{
display:block !important;
position:fixed;
width:100%;
z-index:9999;
background:#fff;
}
.tab_line li li ul {
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:120px;
z-index:200;
padding-top:5px;
}
.tab_line li li:hover ul {
display:block;
}
.tab_line li li li {
display:block;
float:none;
margin:0px;
padding:0px;
background:#fff;

}
.tab_line li li:hover li a {
background:none;
}
.tab_line li li ul a {
font-family:Tahoma,'Nanum Barun Gothic', sans-serif;
display:block;
font-size:11px;
font-style:normal;
margin:0px;
padding:15px 14px;
text-align:left;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
}
.tab_line li li ul a:hover,
.tab_line li li ul li:hover a {
color:#444444;
}
}

.tab_link .link{
position:absolute;
z-index:300;
background:#fff;
border:1px solid #eaeaea;
margin-top:4px;
margin-left:-4px;
border-bottom:0;
display:none;
}
.tab_link .link li{
display:block;
border-bottom:1px solid #eaeaea;
}
.tab_link .link li:hover{
}
.tab_link .link a{
white-space:nowrap;
display:block;
text-align:left;
padding:4px 2px;
}
.tab_link .link a:hover{

}

.search{
text-align:center;
padding:20px;
border-bottom:1px solid #eaeaea;
display:none;
position:fixed;
top:49px;
z-index:50;
width:100%;
background:#fff;
}
.search input[type=text]{
width:300px;
height:30px;
line-height:30px;
font-size:18px;
border:1px solid #eaeaea;
vertical-align:bottom;
}
.search input[type=button]{
width:60px;
height:30px;
font-size:12px;
border:1px solid #eaeaea;
vertical-align:bottom;
background:#fff;
color:#555;
}
@media all and (max-width :450px){
.search input[type=text]{
width:60%;
}
}

#container{
max-width:1001px;
margin:49px auto 10px;
background:#fff;
}

#content{
min-height: 500px;
}

#footer{
border-top:1px solid #eaeaea;
text-align:center;
padding:25px;
font-size:11px;
}
#footer a{
color:#ccc;
font-family:tahoma;
font-size:11px;
}

/*---------본문-----------*/
.titleWrap,
.entryProtected_titleWrap{
line-height:normal;
}

.titleWrap .date{
display:inline-block;
color:#aaa;
font-size:11px;
padding-right:5px;
letter-spacing:-1px;
font-style:italic;
}
.titleWrap .slash{
font-size:11px;
color:#aaa;
}
.titleWrap .cmt{
font-family:tahoma;
font-size:11px;
margin-left:5px;
color:#aaa;
font-style:italic;
}

.titleWrap #h2{
padding:50px 0 30px 0;
text-align:center;
}

.titleWrap .category{

}
.titleWrap .category a{
font-size:12px;
border-bottom:1px solid #C69F73;
padding-bottom:2px;
color:#C69F73;
letter-spacing:2px;
}

.titleWrap .titleText{
margin:20px auto 15px;
padding: 0 20px;
}
.titleWrap .titleText a{
font-size:25px;
font-weight:normal;
}

.titleWrap #h3{
border-bottom:1px solid #444444;
display:block;
padding:0;
text-align:right;
}

.titleWrap div,
.entryProtected_titleWrap div{

}

.titleWrap div a,
.entryProtected_titleWrap div a{
font-size:14px;
color:#000;
}

.titleWrap .date,
.entryProtected .date{

}

/*.entryNotice .titleWrap,
.entryNotice .entry-ccl{
display:none;
}*/

.protected_article{
text-align:center;
margin-bottom:30px;
}
.protected_article p{
margin-bottom:10px;
}
.protected_article input[type=password]{
border:1px solid #e5e5e5;
padding:5px;
width:200px;
}
.protected_article input[type=button]{
border:1px solid #e5e5e5;
background:#fff;
border-radius:7px;
height:27px;
width:60px;
font-weight:normal;
margin-left:2px;
color:#666;
font-size:11px;
}

#content .entry_admin{
display:block;
margin-top:10px;
}
.entryAdmin_show{

}
#content .entry_admin,
#content .entry_admin a{
color:#444;
font-size:11px;
}

.entryNotice,
.entry,
.entryProtected
{
padding:20px;
position:relative;
padding-bottom:0;
}

.entry-ccl{
padding-top:10px;
}

.article .another_category_color_gray h4,
.article .another_category_color_gray h4 a{
color:#444 !important;
}

/*---------코멘트-----------*/
.comment{
border:1px solid #E5E5E5;
width:auto;
padding:0;
overflow:hidden;
margin-top:10px;
}
.comment h3{
font-size:17px;
font-weight:bold;
letter-spacing:-2px;
padding:10px;
border-bottom:1px solid #E5E5E5;
color:#E5E5E5;
}
.commentWrite{
overflow:hidden;
}
.comment_input{
padding:0px 15px;
border-bottom:1px solid #E5E5E5;
}
.comment_input p{
margin:10px 0 0 0;
}
.commentWrite #guest{
background:#fafafa;
padding-top:10px;
margin:0;
border:1px solid #E5E5E5;
border-top:0;
}
.commentWrite #guest p{
margin:5px 10px;
}
.commentWrite #guest p.first{
margin-top:0;
}
.commentWrite input{
width:150px;
border:1px solid #E5E5E5;
padding:5px;
}
.commentWrite input[type=submit]{
background: #fff;
width: 60px;
border-radius: 5px;
padding: 7px;
margin: 4px 10px;
border: 1px solid #E5E5E5;
font-size: 11px;
}

.commentWrite textarea{
width:100%;
height:120px;
overflow:auto;
padding:10px;
margin:0;
border:0;
border-bottom:1px solid #E5E5E5;
display:block;
background:#fff;
font-size:11px;
border-radius:0;
line-height: 17px;
}
.commentWrite .submit_wrap{
padding-bottom:2px;
padding-top:2px;
text-align:right;
}
.commentWrite .secretWrap{
}
.commentWrite .checkbox{
border:none;
padding:0;
margin:0;
width:25px;
}
.commentList .name {
display:inline-block;
margin-right:4px;
}
.commentList .name a{
font-weight:bold;
color:#000;
}
.commentList .date{
font-size:11px;
letter-spacing:-1px;
color:#666;
}
.commentList .control a{
color:#999;
font-size:11px;
letter-spacing:-1px;
}
.commentList>ol>li{
border-top:1px solid #E5E5E5;
}
.commentList>ol>li>div{
padding:15px;
}
.commentList li li{
padding:15px 15px 15px 50px;
border-top:1px dashed #E5E5E5;
position:relative;
}
.commentList p{
color:#333;
}
.commentList .reply_image{
position:absolute;
left:10px;
z-index:20;
display:inline-block;
font-size:24px;
color:#E5E5E5;
}

.paging{
margin-bottom:20px;
text-align:center;
margin-top:20px;
font-size:16px;
padding:5px;
}
.paging a{
font-family:Calibri,'Nanum Barun Gothic', sans-serif;
color:#333;
padding:1px;
font-size:16px;
padding:5px;
}

.paging a:hover, a:active {
font-family:Calibri,'Nanum Barun Gothic', sans-serif;
color:#fff;
}



/*---------방명록-----------*/
.guestbook{
border:1px solid #E5E5E5;
width:auto;
padding:0;
overflow:hidden;
margin:79px 25px 20px 25px;
}
.guestWrite{
overflow:hidden;
}
.guest_input{
padding:0px 15px;
border-bottom:1px solid #E5E5E5;
padding-bottom:10px;
}
.guest_input p{
margin:10px 0 0 0;
}
.guestWrite #guest{
background:#fafafa;
padding-top:10px;
margin:0;
border:1px solid #E5E5E5;
border-top:0;
}
.guestWrite #guest p{
margin:5px 10px;
}
.guestWrite #guest p.first{
margin-top:0;
}
.guestWrite input{
width:150px;
border:1px solid #E5E5E5;
padding:5px;
}
.guestWrite input[type=submit]{
background: #fff;
width: 60px;
border-radius: 5px;
padding: 7px;
margin: 4px 10px;
border: 1px solid #E5E5E5;
font-size: 11px;
}

.guestWrite textarea{
width:100%;
height:120px;
overflow:auto;
padding:10px;
margin:0;
border:0;
border-bottom:1px solid #E5E5E5;
display:block;
background:#fff;
font-size:11px;
border-radius:0;
line-height: 17px;
}
.guestWrite .submit_wrap{
padding-bottom:2px;
padding-top:2px;
text-align:right;
}
.guestWrite .homepage{
width:300px;
}
.guestWrite .secretWrap{
}
.guestWrite .checkbox{
border:none;
padding:0;
margin:0;
width:25px;
}
.guestList .name {
display:inline-block;
margin-right:4px;
}
.guestList .name a{
font-weight:bold;
color:#000;
}
.guestList .date{
font-size:11px;
letter-spacing:-1px;
color:#666;
}
.guestList .control a{
color:#999;
font-size:11px;
letter-spacing:-1px;
}
.guestList>ol>li{
border-top:1px solid #E5E5E5;
}
.guestList>ol>li>div{
padding:15px;
}
.guestList li li{
padding:15px 15px 15px 50px;
border-top:1px dashed #E5E5E5;
position:relative;
}
.guestList p{
color:#333;
}
.guestList .reply_image{
position:absolute;
left:10px;
z-index:20;
display:inline-block;
font-size:24px;
color:#E5E5E5
}

/*---------리스트-----------*/
h1.hx{
display:none;
margin:21px;
padding:6px 10px;
font-size:18px;
line-height:normal;
color:#444444;
font-family:Calibri,'Nanum Barun Gothic', sans-serif;
letter-spacing:-1px;
margin-bottom:0;
}
h1.hx em{
font-size:11px;
font-style:normal;
}
.flexible_img_col ul{
margin:0;
padding:0;
font-size:11px;
list-style:none;
*zoom:1;
}
.flexible_img_col ul:after{
display:block;
clear:both;
content:"";
}
.flexible_img_col li{
float:left;
/*width:280px;*/
width:33.3%;
padding:10px;
margin:0;
}
.flexible_img_col li.masonry-brick{margin-top:0}
 .flexible_img_col .thumb{
display:block;
overflow:hidden;
position:relative;
width:100%;
background:#eee;
color:#666;
line-height:180px;
text-align:center;
white-space:nowrap;
}
.flexible_img_col .thumb img{
display:block;
width:100%;
border:0;
transition:all 0.35s;
-moz-transition:all 0.35s;
-webkit-transition:all 0.35s;
-o-transition:all 0.35s;
}

.flexible_img_col .thumb:hover img,
.flexible_img_col .thumb:active img{
padding:10px;}

.flexible_img_col a{
display:block;
width:100%;
margin:0 auto;
padding:0;
text-decoration:none;
cursor:pointer;
max-width:none;
position:relative;
left:0;
top:0;
z-index:20;
border:1px solid #eaeaea;
}
.flexible_img_col strong{
margin:4px 0 0 0;
color:#333;
font-size:16px;
font-weight:normal;
}
.flexible_img_col p.date{
width:100%;
margin:0 auto;
font-size:11px;
color:#B6C0C0;
font-family:tahoma;
margin-top:4px;
}
.flexible_img_col .slash{
margin:0 5px;
}
.flexible_img_col a:hover strong{

}
.flexible_img_col a:hover .thumb{

}
.flexible_img_col .img_title{
padding:15px;
width:100%;
display:none;
line-height:16px;
background:#fff;
}
.flexible_img_col .img_title:nth-child(n) { 
filter:none; 
}

.flexible_img_col{
width:1001px;
margin:64px auto 0px;
max-width:100%;
overflow:visible !important;
}

.flexible_img_col *{
max-width:100%
}

.flexible_img_col .list_hover {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:50;
background:rgb(0,0,0); 
background:transparent\9; 
background:rgba(0,0,0,0.7); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); 
zoom:1;
}
.flexible_img_col .list_hover:nth-child(n) { 
filter:none; 
}
.flexible_img_col .noThumb{display:none;}
#w660-indicator, #w400-indicator{
    display:none;
}
@media all and (max-width:660px) {
.flexible_img_col li{
width:49.9%;
}
#w660-indicator{
display:block;
}
}
@media all and (max-width:400px) {
.flexible_img_col li{
width:320px;
}
#w400-indicator{
display:block;
}
.flexible_img_col {
width:320px;
}
}

/*-------jwplayer-------*/
.jwvideo video,
.jwvideo iframe{
height:100% !important;
width:100% !important;
-webkit-transform:none !important;
-moz-transform:none !important;
-ms-transform:none !important;
-o-transform:none !important;
transform:none !important;
}
.article *{max-width:100%;}
.jwcontrolbar *{
max-width:none;
}

/*---------기타설정-----------*/
.moreless_fold span {
/*더 보기 - more*/
    color:#000;
    background:url('images/plus.png');
    background-size:auto 100%;
    background-repeat:no-repeat;
    padding-left:18px;
    padding-bottom:3px;
}

.moreless_top span {
/*그만보기 - less*/
    color:#000;
    background:url('images/minus.png');
    background-size:auto 100%;
    background-repeat:no-repeat;
    padding-left:18px;
    ;
}

.moreless_content {
/*더보기,그만보기 본문*/
padding: 15px 15px;
margin: 5px 0;
background: #eee;
}

.moreless_bottom {
    display:none;
}

.entry blockquote{
font-size:13px;
font-style:italic;
margin-left: 35px;
padding-left: 10px;
border-left: 3px solid #444444;
background: #f5f5f5;
padding: 10px;
}

.rp_secret p,.hiddenComment p,.guest_secret p{color:#C69F73;}
.txc-info{width:auto !important;}

#ie8{
background:#000;
color:#fff;
text-align:center;
padding:15px 0;
font-weight:bold;
}

/***태그로그***/
.taglog {overflow:hidden;min-height: 500px;}
.taglog h3 {
padding:40px;
width:100%;
text-align:center;
font-size:25px;
font-weight:normal;
line-height:25px;
color: #444;
letter-spacing: 2px;
}
.taglog h3 span{
border-bottom: 2px solid #444;
}
.taglog ul {list-style:none;padding: 0 20px 30px 20px;}
.taglog li {display:inline-block;list-style:none;margin-bottom:5px;}
.taglog li a {
padding:5px;
text-decoration:none;
display:block;
}
.taglog li a:hover {

}
.taglog li a:before{
content:"#";
}
.taglog .cloud1 {
font-size:18px;
font-weight:bold;
text-shadow:0px 0px 8px rgba(150, 150, 150, 1);
}
.taglog .cloud2 {
font-size:16px;
font-weight:bold;
background:#FFDF00;
color:#fff;
}
.taglog .cloud3 {
font-size:14px;
font-weight:bold;
}
.taglog .cloud4 {
font-size:14px;
}
.taglog .cloud5 {
font-size:12px;
}
.tagText{
color:#fff;
background:#FFDF00;
margin-right:5px;
display:inline-block;
padding:2px 6px;
}
.tagTrail{
line-height:14px;
}
.tagTrail img{
height:12px;
vertical-align:middle;
}
.tagTrail a{
margin-left:3px;
vertical-align:middle;
color:#666;
}
.tagTrail a:before{
content:"#";
}