@charset "utf-8";*{font-family:'Malgun Gothic', dotum,AppleGotihc;}
body,div,ul,ol,li,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,th,td,input,select,textarea,button {margin:0;padding:0;}
h1{margin-bottom:20px;padding:0;}
fieldset{border:0 none;}dl,ul,ol,menu,li {list-style:none;}html{width:100%;z-index:0;}
body{overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;cursor:default;opacity:0;}
a{color:#a7a5a3;text-decoration:none;cursor:default;max-width:400px;}
a:hover, a:active, a:focus {outline:0;text-decoration:none;}

/*** Works on common browsers ***/
::selection {background-color: #D2D2D2;}
::-moz-selection {background-color: #D2D2D2;}
::-o-selection {background-color: #D2D2D2;}
::-ms-selection {background-color: #D2D2D2;}
::-webkit-selection {background-color: #D2D2D2;}

#본문랩{margin:0;display:block;position:relative;text-align:center;}
#상단 {padding:30px 0;color:#fff;}
#상단 a{color:#fff;}
#본문{background-color:#fff;text-align:center;position:relative;float:none;clear:both;width:auto;padding:20px 0 20px 20px;min-height:calc(100vh - 140px);margin-right:20px;}
#본문 p{margin-top:0!important;margin-bottom:0!important;padding-bottom:0.2em!important;padding-top:0.2em!important;word-spacing:3px;}
#본문 a{/*font-style:italic;*/color:lightblue;background:transparent!important;}

#하단 {clear:both;font-size:12px;position:relative;float:none;z-index:10;width:100%;color:#fff;}
#카테고리{z-index:10;text-align:center;}
#카테고리 .범주{display:inline-block;min-width:150px;font-size:14pt;color:#dcdcdc;margin-right:-5px;} 
#카테고리 .범주 p{margin-bottom:-10px;}
#카테고리 .범주 p:hover{color:orange;}
#카테고리>ul>li>a{display:none;}
#menuWrap{margin-top:20px;display:inline-blocz;}
#카테고리 .pane{padding-top:25px;border-top:1px solid #dcdcdc;}
#카테고리 .pane>li{display:inline-block;vertical-align:top;text-align:left;padding:0 5px;font-size:15px;}
#카테고리 .pane>li span{display:none;}
#카테고리 .pane>li>ul{text-align:left;padding:10px 5px 5px 10px; font-size:12px;}
#카테고리 .pane>li>ul>li {padding-bottom:10px;color:#FAE7E7;}
#카테고리 .pane>li>ul>li span{display:inline-block;}
#카테고리 .pane>li a{color:#dcdcdc;}
#카테고리 .pane>li>ul>li>a{color:#fff;}
#카테고리 .svg{visibility:hidden;margin-bottom:-5px;padding:0;fill:#fff;}
#카테고리 a:hover{color:yellow!important;}
#하단정보{clear:both;margin:50px 0 28px 0;padding-bottom:32px;}
#하단정보 a{color:#fff;opacity:0.5;}
#하단정보 a:hover{opacity:1;}
#하단정보 li{padding-left:5px;display:inline-block;position:relative;color:#FAE7E7;} 
#하단옵션{position:fixed;right:5px;bottom:0px;height:30px;z-index:15;}
#하단옵션 li{font-size:0.8em!important;display:inline-block;opacity:0.3;color:#fff;margin-right:15px;margin-left:-5px;height:30px;line-height:30px;}
#하단바{color:#fff;position:fixed;bottom:0;width:100%;height:30px;text-align:center;z-index:12;cursor:pointer;}
#지표{line-height:30px;color:#fff;font-size:0.8em;opacity:0.6;}

/* 본문 내용 */
.mar30{margin-right:300px;}
.w100{width:135px!important;right:-25px;}
.w100_{width:110px!important;white-space: nowrap;}
.re,.dv{max-width:1200px;vertical-align:top;margin:10px 10px 20px 10px;padding:5px;width:auto;position:relative;float:none;display:inline-block;word-wrap:break-word;text-align:left;color:#000;}
.fullw,.fullw2{color:#fff;max-width:none;position:relative;clear:both;margin:20px 0;padding:0;width:100%;}
.fullw p{outline:none!important;margin-left:15px;}
.wide{min-width:90%;}
P.br{line-height:1.2em!important;}
.em{font-size:16pt;font-weight:bold;}
.p0{text-align:center;font-size:20pt;margin:20px 0!important;font-weight:bold;border-bottom:1px solid;}
.pb{font-weight:bold;}
.p2{padding-left:20px;}
.p3{padding-left:35px;}
.p4{padding-left:45px;}
.p5{padding-left:55px;}
.저자{text-align:center;font-size:15pt;font-style:italic;}
.no{background:transparent!important;}
.q,.quote{margin:20px; padding:10px; border-left:6px solid;background-color:#e5e5e5;display:block;color:#000;}
.ul{border-bottom: 1px solid;}
.Line{background-color:#e5e5e5;}
#본문 .h1{font-weight:bold; font-size:17px;line-height:50px!important;}
#본문 .h2{font-weight:bold;padding-left:20px;line-height:35px!important;color:#7F7F7F;}
#본문 .c .p0{text-align:left;border-left:6px solid #c3c3c3!important;padding-left:15px;}
#본문 .anno{font-size:0.8em;color:gray;padding-left:30px; text-indent:-25px;}
#본문 .anno2{font-size:0.8em;color:gray;padding-left:32px; text-indent:-32px;}
#본문 .annoLine{border-top:1px solid #e4e4e4;}
u {text-decoration: none;border-bottom: 1px solid;}
sup{color:gray;}

/* 테이블 */
table{width:90%;border:1px solid gray;text-align:center;margin:5% auto;}
th, td,tr {background-color:#F7F7F7;} i {color:gray;}
caption p{color:#fff;}

/* 댓글 background-color:#a7a5a3;*/
#repdv{display:inline-block;width:100%;background:transparent;margin:20px 0;}
#comment{display:block;margin:1%;background:transparent;width:96%;height:150px;position:relative;border:none;padding:5px;overflow:auto;font-size:1em;}
#입력버튼1,#입력버튼2{z-index:11;display:block;margin:0;padding:0 20px;background:#a7a5a3;width:50%;height:50px;border:none;color:#fff;position:relative;font-size:1.2em;cursor:pointer;margin-left:25%;}
.wrap_captcha_inner{clear:both!important;padding-top:10px;}
.wrap_box_border{height:135px!important;}

/* 우측탭메뉴 */
.탭박스{position:fixed;display:none;z-index:12;color:white;width:300px;right:0;top:0;bottom:28px;overflow:hidden;padding:60px 0 25px 0;}
.탭박스 a{color:white;margin-left:10px;}
.탭박스 li{display:block;padding:5px 0px 5px 10px;font-size:0.8em;}
.탭박스 p{margin:0;}
.lineT{border-top:1px solid rgba(255,255,255,0.2);font-size:0.8em;color:#D2D2D2;padding:3px!important;margin:7px 0!important;display:block!important;}
#설정,#공유,#도움말{overflow-y:auto;position:absolute;bottom:30px;min-width:300px;}
#colorSelect span{ display:inline-block;margin:5px;width:15px;height:15px;}
#설정 li{display:inline-block;}
.탭박스{overflow-y:auto;width:325px;right:-25px;}

/* 사전 */
#dic_daum {top:0;right:-25px;margin:0;padding:0;height:calc(100vh - 195px); width:325px;}
#사전판{overflow-y:auto;position:absolute;margin:0!important;padding:0!important;bottom:0!important;min-width:300px;}
#dicSel{bottom:0;right:0px;width:100px;color:#fff;position:absolute;z-index:25;}
#dicSel li{display:inline-block;} 
#popM li:hover{color:orange;}
.fullH{height:calc(100vh - 30px)!important;}
.sh{top:0!important;}

/* 목차 */
#목차{position:relative;width:300px;}
#목차 p{margin:0;color:#fff;}
#obox{position:fixed;top:30px;right:0px;width:300px;height:30px;z-index:20;}
#목차 span{display:inline-block;padding:0 0 10px 3px;z-index:10;font-size:0.8em;line-height:30px;opacity:0.4;}
#목차 span:hover{opacity:1;}
#목차 li{border-top:1px solid rgba(255,255,255,0.2);padding:10px 0px 10px 3px;z-index:10;}
#목차 li:hover{background:rgba(0,0,0,0.7);}
.liActive{background-color:rgba(0,0,0,0.2);}
.op0{color:#fff!important;background:transparent!important;}
.op1{display:block;font-size:9pt;padding:5px 4px 0 0px;margin-top:5px!important;opacity:0.7;white-space: nowrap;background:transparent!important;}
.op1:hover{ color:yellow!important;}/* .op1::before { content: "ㆍ"; } */
.accent{color:#fff;}
.emp{color:yellow!important;opacity:1;background:transparent!important;}

/* 오버레이 */
#오버레이{z-index:9000;position:fixed;display:none;background:black;opacity:0.8;top:0;left:0;right:0;bottom:0;}
#프레임{z-index:9999;position:fixed;display:none;top:40%;left:10%;right:10%;bottom:40%;padding:0;}
#프레임2{z-index:9999;position:fixed;display:none;top:40%;left:10%;right:10%;bottom:40%;background:#000;}
#yt{background-color:#fff;}
.vw {position:absolute;bottom:0;left:0;right:0;top:0;}
.vw iframe{width:100%;}

/* 유투브 */
#본문 .tube{background:none!important;text-align:center;}
#본문 .ytBox{position:relative;display:inline-block;max-width:100%;}
/*
#본문 .ytBox>img{margin-bottom:-4px;}
*/


/* 링크 */
.new:hover,.new2:hover{cursor:pointer;color:orange;}
.new,.new2{color:gray;max-width:100%;font-style:italic;background-color:transparent!important;}

/* 이미지 */
#본문 .imageblock{
	max-width:100%!important;width:auto!important;height:auto!important;
	display:inline-block;
	position:relative;
	padding-bottom:25px;margin:10px;
	/*background:#4b4645;*/
}
#본문 .imageblock>img{max-width:750px;width:auto!important;height:auto!important;}
/*#본문 .imageblock>img{display:inline-block;position:relative;}*/
#본문 .imgBg{
	position:absolute;
	bottom:0px;left:0px;right:0px;
	height:30px;line-height:30px;
	color:white;
	text-align:center;text-overflow:ellipsis;
	white-space:nowrap;overflow:hidden;
}
#본문 .re img{border:none;}
#댓스티커 img{cursor:pointer;padding-right:5px;}
#본문 .img{text-align:center;}

#공유 img{	width:32px;height:32px;border-radius:3px;display:inline-block;margin:0!important;background-size: cover;}
#공유 img:hover{opacity:0.5;}
#mes{text-align:center;color:#fff;font-size:50px;}

/*.티스토리 툴바*/
#tistorytoolbarid{left:0px;right:0px!important;z-index:2!important;opacity:0;}
#tistorytoolbarid .tt_menubar_link_tit {color:#fff!important;opacity:0.7;}

/* select */
#카{background:transparent;border:none;color:#fff;margin-left:10px;}
#카 option{ color:#000;background:#fff;}

/* hover*/
.탭박스 li:hover,.탭박스 a:hover,#하단옵션 li:hover{color:yellow;opacity:1;}
#카:hover,#본문 a:hover,#상단 a:hover{color:orange;}
#colorSelect:hover,.rep:hover{background:transparent;opacity:1;}
#colorSelect span:hover{ opacity:0.5;border:1px solid #000;margin:4px;}
#본문 .ytBox>img:hover,.fancybox img:hover{outline:orange solid 5px;cursor:pointer!important;}

/* 인라인 */
.inline{display:inline-block!important;margin-left:-5px;}
.wide p.new,.inline2{display:inline-block;padding-left:15px;}
#본문 .tube{margin-left:5px!important;}

/* opacity */
.opac{opacity:1!important;background:transparent;clear:both;float:none;text-align:center;}
.opac1{opacity:1!important;}

/* display:none; */
.pane>li>a>img,.none,#페이지,.another_category{display:none;}
.daum_like_button{width:100px;}
.daum_like_wrapper{width:130px!important;margin:15px auto 0 auto!important;}
.noSelect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* IE/Edge */
}
/* 기타 */
.hidden{opacity:0;}
.Accent{color:#fff!important;}
#본문 .write{padding:10px 0;}
#목차 li .none{display:none!important;}

#프레임{background-color:white!important;}
@media all and (max-width:1080px){

.dv{width:94%;margin:15px 3% 0 0;padding:0 3%;}
#본문 .dv img{display:inline-block;}
#본문 img{width:auto!important;max-width:100%}
#댓스티커 img,#본문 .re img{width:auto;}
.imageblock{margin:15px 0 0 0;width:100%!important;}
}
@media all and  (max-width:480px) {
#본문랩{width:100%;margin:0;padding:0;}
#입력버튼1,#입력버튼2{width:94%;margin-left:0;margin-top:10px;}
#본문{margin:0%;padding:0;}
.dv{width:97%;margin:0;padding:0;}
.dv p{margin-left:0px!important;}
#repdv,.re,{width:94%;margin:15px 3% 0 0;padding:0 3%;}
#repdv{padding:0 10px;margin:0;}
#지표{display:none;}
.new{max-width:400px;}
#key{display:none!important;}
	.fullw{margin-top:15px;}
#카테고리 .범주{min-width:0;font-size:16px;padding-right:15px;padding-left:15px;}
.pane >li >a:first-child{background-color:rgba(255,255,255,0.7);color:#000!important;padding:2px;}
#카테고리 .pane>li>ul{padding:0px;padding-top:10px;}
}