@charset "utf-8";body,button,h1,h2,h3,h4,h5,h6,input,select,td,textarea,th{font:12px/1.5 Roboto,"Nanum Gothic",'돋움',dotum,Tahoma,AppleGothic,Sans-serif;color:#333}

/* 글 제목 글씨 크기 설정부 기본크기 60px */
.sub_tit a{font-size:60px;font-weight:700;color:#333}

/* 공지사항 추가 */
.tdiv h2 a{font-size: 60px;font-weight: 700;color: #333;}
.tdiv h2{padding-bottom: 10px;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #ddd;margin-top: 50px;
padding-top: 20px;padding-left: 50px;padding-right: 50px;}
.content > .tdiv h2{margin-top: -10px;padding-left: 50px;padding-right: 50px;}

/* GrayFillter 사용시 아래 주석해제 */
/*.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-filter,opacity;-moz-transition-property:filter,opacity;-o-transition-property:filter,opacity;transition-property:filter,opacity}.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-filter,opacity;-moz-transition-property:filter,opacity;-o-transition-property:filter,opacity;transition-property:filter,opacity}.grayscale-replaced.grayscale-fade svg{opacity:1;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-filter,opacity;-moz-transition-property:filter,opacity;-o-transition-property:filter,opacity;transition-property:filter,opacity}*/

hr{display:none}.btn{display:block;overflow:hidden;border:0 none;cursor:pointer}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0 none}dl,li,menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}button,input,select,textarea{vertical-align:middle}button{border:0 none;background-color:transparent;cursor:pointer}body,button,input,select,td,textarea,th{font:12px/1.5 Roboto,"Nanum Gothic",'돋움',dotum,Tahoma,AppleGothic,Sans-serif;color:#333}a{color:#333;text-decoration:none}a:active,a:hover{text-decoration:none}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}#masonry{position:relative}.blind{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}.gotoTop{display:none;position:fixed;bottom:50px;right:50px;width:50px;height:50px;text-align:right;z-index:15000}.header{position:fixed;top:0;bottom:0;width:500px;border-right:1px solid #ddd;box-shadow:3px 0 3px rgba(240,240,240,.5);z-index:100;left:-240px}.header .title{margin:0 30px;border-bottom:1px solid #E4E4E4;padding-bottom:136px}.header .title h1{display:block;padding-top:50px}.header .title h1 a{font:700 23px Domine,serif;color:#000}.header .category{margin-left:30px;margin-right:30px;}.header .category_list{padding:30px 10px;border-bottom:1px solid #E4E4E4;width:170px;height:380px;overflow:hidden;}.header .category_list ul li a{display:block;padding:0 10px;font-size:11px;line-height:2.5em;border-bottom:1px solid #F8F8F8;color:#494949;text-decoration:none}.header .category_list ul li a:hover{background:#000;color:#fff}.search_wrap{margin-top:25px;border:1px solid #DADADA}.search_form{padding:5px}.search_form input{width:100%;height:20px;line-height:20px;color:#000;font-size:11px;vertical-align:middle;background:0 0;border:none}.search_form button{visibility:hidden;width:0;height:0}.content{margin-left:260px;background:#fff}.article_list{overflow:hidden}.article_list li{position:relative;float:left;width:326px;height:222px;overflow:hidden}.article_list li .mask{z-index:1}.article_list li .img{width:326px;height:222px}.copy{font-size:10px;color:#666;text-align:right;clear:both}.section_link{text-align:left;position:absolute;bottom:0;left:0;padding:5px;background:rgba(0,0,0,.3);color:#fff;font-family:"Nanum Gothic",'돋움',dotum,Tahoma,AppleGothic,sans-serif;overflow:hidden;right:0}.section_title{text-align:left;position:absolute;left:0;word-break:break-all;background:rgba(0,0,0,.6);padding:5px;right:0}.section_title a{text-align:left;font-size:12px;font-weight:700;color:#fff;font-family:"Nanum Gothic",'돋움',dotum,Tahoma,AppleGothic,sans-serif;text-decoration:none}.view_more{display:none;position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px}.comment_num{text-align:left;float:right}.comment_num img{vertical-align:middle;margin-right:3px}.date{text-align:right;float:left}.date img{vertical-align:middle;margin-right:3px}.mask a{display:block;width:326px;height:222px}.search_tit p{padding:15px 35px;text-align:left;font-size:11px;color:#666;font-family:'Nanum Gothic'}.search_list_wrap{overflow:hidden}.box .section_title{top:-100px}.box .section_link{bottom:-30px}.article{padding-left:50px;padding-right:50px}.pagination{padding:20px 50px;overflow:hidden;text-align:center}.pagination .wrap{display:inline-block;*display:inline;*zoom:1;text-align:center}.pagination a{float:left;display:inline-block;*display:inline;*zoom:1;width:29px;height:29px;line-height:29px;text-align:center;font-weight:700}.pagination a+a{margin-left:5px}.pagination a span{display:block;width:29px;height:29px;line-height:29px;text-align:center;background:url(./images/btn_pagi.png) no-repeat}.pagination a span.selected{background:url(./images/btn_pagi_active.png) no-repeat;color:#fff;font-weight:700}.wrap_secret{margin-top: 5px;}.wrap_secret input{vertical-align: bottom;width: 13px;height: 13px;}.wrap_secret label{vertical-align: middle;margin-left: 5px;color: #bbb;}.pagination .interword{float:left;display:inline-block;*display:inline;*zoom:1;width:29px;height:29px;line-height:29px;text-align:center;font-weight:700}#nextPage,#prevPage{font-size:15px;font-family:dotum;background:url(./images/btn_pagi.png) no-repeat}#nextPage.no-more-next,#prevPage.no-more-prev{display:none}.sub_tit{padding-bottom:10px;border-bottom:1px solid #E4E4E4;border-top:1px solid #ddd;margin-top:50px;padding-top:20px;padding-left:50px;padding-right:50px}.entry:first-child .sub_tit{margin-top:-10px;padding-left:50px;padding-right:50px}.ect{overflow:hidden;padding-right:50px;padding-left:50px}.ect a,.ect span{display:block;padding:0 5px;float:left;color:#aaa;font-size:11px;margin:15px 0}.ect a:first-child{padding-left:0}.article .another_category{border-left:0;border-right:0;padding:10px 0}.article .another_category th{background-color: #fff;}.cb_wrt .commentWrite{border-bottom:1px solid #eee;margin-top:50px;border-top:1px solid #eee;padding:20px 50px}.cb_wrt .write_item p{margin-top:5px}.cb_wrt .write_item p.first{margin-top:0}.cb_wrt .write_item p input{width:150px;height:20px;border:1px solid #eee;border-radius:5px;padding:5px}.cb_wrt .write_item p label{vertical-align:middle;font-size:11px;margin-right:10px;color:#bbb}.cb_wrt .write_text{margin-top:10px;padding-top:10px;border-top:1px dotted #eee}.cb_wrt .write_text textarea{width:100%;height:100px;border:1px solid #eee;border-radius:5px}.cb_wrt .secretWrap{margin:5px 0}.cb_wrt .secretWrap label{color:#bbb}.cb_wrt .sdiv{text-align:center;padding-bottom:5px}.cb_wrt .sdiv a{display:inline-block;*display:inline;*zoom:1;text-align:center;width:150px;height:50px;line-height:50px;border:1px solid #eee;background:#fefefe;color:#7E7E7E;cursor:pointer}.cb_wrt .sdiv{margin-top:20px}.cb_wrt .secretWrap+.sdiv{margin-top:0}.cb_comment_area{overflow:hidden;background:#fff;padding:20px 50px;margin-top:10px;border-bottom:1px dotted #f3f3f3}.cb_info_area{overflow:hidden}.cb_info_area .cb_section{float:left}.cb_info_area .cb_section2{float:right}.cb_info_area .cb_section2 span{margin-left: 5px}.cb_thumb_off{border-top:1px dotted #fff}.cb_thumb_off .cb_thumb_off .cb_comment_area{padding:0 10px}.cb_dsc_comment{padding-bottom:15px}.hx.cmt a{color:#999}.cmt{padding-left:50px;padding-right:50px}.sidebar_wrap{float:left;position:absolute;width:249px;top:0;bottom:0;left:0;background:#000;border-right:1px solid #ddd}.header_wrap{float:right;position:absolute;width:250px;right:0;top:0;bottom:0}#sidebar{display:block;overflow:hidden;width:250px;float:left;height:100%;padding:30px;box-sizing:border-box;}#sidebar .section{width:140px;float:left;padding:20px;border-top:1px solid #1B1B1B;border-bottom:1px solid #0C0C0C}#sidebar .section h2{font-weight:700;color:#C2C2C2;padding-bottom:10px}#sidebar .section .tx p,#sidebar .section ul,#sidebar .section ul a{color:#6F6F6F;text-decoration:none;font-size:11px}.sns{position:absolute;overflow:hidden;bottom:30px;left:30px}.sns li{float:left;margin-right:10px}.header_util{margin-left:30px;margin-right:30px;overflow:hidden;margin-top:25px;padding-top:25px;border-top:1px solid #DADADA}.header_util li{float:left;margin-right:10px}@media all and (min-width :319px) and (max-width :767px){body{overflow-x:hidden;-webkit-overflow-scrolling:touch}.header{top:0;width:300px;z-index:300;border:none;background:#2B2B2B;box-shadow:none;left:-300px}.sidebar_wrap{display:none}.header_wrap{float:none;position:relative;width:100%;bottom:0;border-bottom:1px solid #CECECE;overflow:hidden;height:100%}.header .title{padding:0 20px;margin:0;display:none}.header .title h1{padding-top:20px;padding-bottom:13px;padding-right:40px}.header .category_list{padding:10px;border-bottom:none;width:240px;height:320px}.search_form input{width:200px;padding:0 10px;color: #fff;margin-top:3px;}.tistorytoolbar{display: none}.search_tit p{padding:15px 18px;}.sns{left:inherit;margin-right:30px;right:0;}.content{width:100%;margin:0}.article_list li{top:0;float:none;margin:0 auto}.entry:first-child .sub_tit{margin:0;padding:20px}.sub_tit a{font-size:24px}.article,.cmt,.ect{padding:0 20px}.gotoTop{bottom:30px;right:10px}.header .category{margin:0 20px;padding-top:70px}.btn_menu{height:40px;background:#000;padding:11px 10px 7px;width:40px;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:0;position:fixed;top:0;right:0}.btn_menu span{width:20px;height:4px;border-radius:1px;margin-bottom:3px;display:block;background:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_close .bar_2{opacity:0;visibility:hidden}.btn_close .bar_1{-ms-transform:translateY(7px) rotate(-45deg);-webkit-transform:translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg)}.btn_close .bar_3{-ms-transform:translateY(-7px) rotate(45deg);-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg)}.sub_tit{padding:20px}.article .imageblock,.article .imageblock img{width:100%!important}.article .imageblock img{height:auto!important}.pagination a{width:20px}.pagination a span{width:20px;background:#EBEBEB;border-radius:3px}#nextPage,#prevPage{background:#EBEBEB;border-radius:3px}.pagination a span.selected{background:#363636;border-radius:3px}.pagination a+a{margin-left:2px}.pagination{padding:20px 0}.header .category_list ul li a{border-bottom:1px solid #222;color:#E9E9E9;line-height:2.5em;font-size:14px;padding:0 10px}.header .category_list ul li a:hover{background:#1D1D1D;color:#FFF}.search_wrap{margin-top:25px;border:1px solid #636363;position:absolute;top:0;left:30px;right:30px;background:#525252;box-shadow:3px 3px 5px #424242 inset;border-radius:20px}.header_util{border-top:none;margin-top: 0;position: absolute;overflow: hidden;bottom: 30px;}}@media all and (min-height :200px) and (max-height :768px){.header .title{padding-bottom: 30px}.sns{display: none}}