@charset "utf-8";
/* RESET
=============================================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
/* BODY
=============================================================================*/
body{background:#fff; font:13px/1.8 '맑은 고딕','Malgun Gothic',sans-serif; color:#0D0D0D; line-height:170%;word-wrap:break-word; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body>:first-child{margin-top:0 !important}
body>:last-child{margin-bottom:0 !important}
/* LINKS
=============================================================================*/
a:link          { color:#245BDB;     text-decoration:none;}
a:visited       { color:#245BDB;     text-decoration:none;}
a:hover         { color:#E0218E;     text-decoration:underline; }
a:active        { color:#A71561;     text-decoration:none;}
/* BLOCKS
=============================================================================*/
p,blockquote,ul,ol,dl,pre{margin:15px 0}
/* HEADERS
=============================================================================*/
h1,h2,h3,h4,h5,h6{margin:20px 0 10px;padding:0;font-weight:bold;}
h1{font-size:26px}
h2{font-size:24px; font-weight:900 !important;border-left: 5px solid #87B687;border-bottom: 1px solid #E1E6E6; padding-left: 8px;padding-bottom: 4px;  margin-bottom: 18px; margin-top: 30px !important ;}
h3{font-size:18px; margin-bottom:5px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px;color:#777}

/* HORIZONTAL RULES
=============================================================================*/
hr{overflow:hidden;clear:both;height:0;margin:15px 0;padding:0;border:none;border-bottom:2px solid #e8e8e8;background:transparent}
/* SITE LAYOUT
=============================================================================*/
#container{width:98%;min-width:700px;max-width:1060px;margin:0 auto;}
#headerwrap{width:100%;margin:0 auto;background:#fff; border-top: 15px solid #ebebeb; border-bottom: 2px solid #ebebeb; }
#header{height:65px;margin:0 auto;padding:35px 20px 20px 20px;}
#navigationwrap{width:100%;margin:0 auto;}
#blogMenu{height:40px;margin:0;padding-right:15px;text-align:left; background:#D0D0D0}
#contentwrap{float:left;width:100%;border-top:0px solid #Fff;background:#fff}
#content{overflow:hidden; margin:0px 1px 15px 1px; margin-right:320px;  padding:10px 40px 5px 40px; border-right:1px solid #e1e1e1;background:#fff;}
#sidebarwrap{float:left;width:320px;margin-left:-320px;border-top:15px solid #FFF;background:#FFF}
#sidebar{padding:0 15px 15px 15px;}
#footerwrap{float:left;clear:both;width:100%;margin:0 auto;}
#footer{height:30px;background:#3c4036}
/*티스토리 메뉴바 없애기*/
#tistorytoolbarid { display:none; }
/* 페이징 - 현재 페이지 */
.selected{font-weight:bold;color:#f30}
.no-more-prev{padding-left:6px;color:#999}
.no-more-next{padding-right:6px;color:#999}
/* hrtitle 타이틀라인 속성 */
.hrtitle{margin:10px 0; padding:0px;  border-bottom:2px solid #E46C2B}
#category{ margin:0; padding:0;}
#category h3{margin:0; padding:0; font:1.7em malgun gothic; color:#ccc;}
/* 카테고리 - 이미지 버튼 */
.ib{cursor:pointer}
/* 카테고리 - 트리 셀 */
.branch3{cursor:pointer}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt{font:.75em Tahoma,Helvetica,Arial,Gulim,sans-serif;color:#A7A7A7; }	
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general{}
.rp_admin span.name{height:22px;padding-left:20px;background:url(images/iconAdmin.gif) no-repeat}
.rp_secret{color:#f30}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment{padding-left:20px;background:url(images/iconSecret.gif) no-repeat;font-weight:normal}
/* Max Image Width */
img{max-width:100%;height:auto}
.imageblock{display:inline-block; max-width:100%; itemprop:image; height:auto; border:0px; padding:0px; margin:5px 0;}
/* 이미지 블록 패딩 5->0px 효능백과 */
.cap1{font-size:14px; max-width:100%; text-align:center; margin:0;padding:4px 0;color:#888}
iframe{max-width:100%}
/* 왼쪽 */
.left{}
/* 가운데 */
.center{}
/* 오른쪽 */
.right{}
/* 그림 2개 배치 */
.dual{margin-bottom:5px;background-color:#fff}
/* 그림 3개 배치 */
.triple{margin-bottom:5px;background-color:#fff}
/* 본문 - more / less */
.moreless_fold{padding-left:20px;background:url(images/icon_view_more.gif) top left no-repeat;color:#000}
.moreless_top{padding-left:20px;background:url(images/icon_stop_view.gif) top left no-repeat;color:#000}
.moreless_body{}
.moreless_bottom{padding-right:20px;background:url(images/icon_stop_view.gif) top right no-repeat;color:#999;text-align:right}
/* 키워드 */
.key1{border-bottom:1px dotted #ccc;cursor:pointer}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* Link style */
#header h1 a:link{color:#8C9999;text-decoration:none}
#header h1 a:visited{color:#8C9999;text-decoration:none}
#header h1 a:hover{color:#E0218E;text-decoration:none}
#header h1 a:active{color:#A71561;text-decoration:none}
/* ***** content ***** */
#content .nonEntry h3{font-size:20px; margin-bottom:20px;margin-top:30px;color:#333}
#content .entryNotice,#content .entryProtected,#content .entry{margin-bottom:21px}
#searchList ol,#searchRplist ol{margin:0 0 10px;padding:0 16px;list-style:none}
#searchList li,#searchRplist li{margin-bottom:14px;padding-bottom:3px;border-bottom:2px solid #eee; font-size:16px; font-weight:bold;}
#searchList .date,#searchRplist .date{margin-right:10px;font:0.95em Verdana,Helvetica,Arial,Gulim,sans-serif}
#searchList .cnt{font:.75em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#f60; }
#searchRplist .name{padding-left:8px;font:0.95em Dotum,Arial,sans-serif;color:#999}
/*태그로그*/
#taglog ul{margin:0;padding:0;text-align:justify}
#taglog li{display:inline}
#taglog li .cloud1{font-weight:bold;font-size:25px;color:white;   border-radius: 10%; 	background-color: pink;}
#taglog li .cloud2{font-weight:bold;font-size:25px;color:white;  border-radius: 10%; 	background-color: pink;}
#taglog li .cloud3{color:white;font-size:25px; border-radius: 10%; 	background-color: orange;}
#taglog li .cloud4{color:white;font-size:25px; border-radius: 10%; 	background-color: skyblue; line-height:170%}
#taglog li .cloud5{color:white; font-size:25px;  border-radius: 10%; 	background-color: silver; line-height:170%}
/* entry */
/* 본문제목 글자 */
.entryNotice h1 {font-size:26px;line-height:26px;}
.entryProtected h1{ font-size:20.5px;line-height:26px;}
.titleWrap{margin-bottom:5px;padding-bottom:13px}
.titleWrap h1 {font-family: '맑은 고딕', sans-serif;  color:#231F20;  line-height:130%; text-decoration:none; letter-spacing: -1px; font-weight:700; margin: 2px 0 15px;}
.titleWrap .category{margin-right:6px;  }
.titleWrap .category,.titleWrap .category a{font:.95em sans-serif;color:#B8B8B8;letter-spacing:-1px;  }
.entryProtected .protectedContentWrap{padding:30px;border:1px solid #ececec}
.entryProtected .protectedForm{margin-top:30px;padding:15px 0;background-color:#f9f9f9;text-align:center}
.entryProtected .protectedForm input.pass{border:1px solid #ddd;vertical-align:middle}
.entryProtected label{vertical-align:middle}
.entryProtected p.text{width:220px;margin:0 auto;padding-left:50px;background:url(images/img_protect.gif) no-repeat left top}
.entryProtected input{width:200px}
.entryProtected
.submit{display:inline;width:41px;height:21px;border:none;background:url(images/btn_pass_confirm.gif) no-repeat;text-indent:-1000em;vertical-align:middle}

.article{overflow:hidden;margin:0; font-family:'Malgun Gothic'; font-size:15px; line-height:180%; color:#0D0D0D}
.article a:link          { color:#0055ff; }
.article a:visited       { color:#0055ff; }
.article a:hover         { color:#E0218E; }
.article a:active        { color:#A71561; }
.article dt{text-decoration:underline}
.article dd{margin-left:20px;padding-bottom:10px}
.article blockquote{margin:20px 20px;padding: 15px 25px 15px 25px; border-left: 3px solid #C8D698; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #DDDDDD;}
/* 본문 리스트 타입 */
.article ul { list-style-position: outside; margin:15px;  padding-left:5px;  display:block;  padding-left: 20px; }
.article li {  line-height: 200%;  margin-bottom:10px;}
.article ol {  list-style-position: outside;  margin:10px; padding-left:20px;  display:block;}
/* 리스트 애드센스 */
.list-adsence {border-bottom: 1px solid #ebebeb; }
/* 태그 */
.tagTrail{padding:10px 0 10px 0;letter-spacing:-1px}
.tagTrail a { color:#242424; }
//.tagTrail a{color:#999}
//.tagText{display:none}
/* 코멘트 | 트랙백 */
.actionTrail{clear:both/* @post-width:-30= */;/*@*/;padding:7px 15px;font-size:15px;font-weight:bold;color:#31377a ; }
.actionTrail .cnt{color:#f60 ;}
/* 코멘트 */
.comment{overflow:hidden;/*@*/;margin-bottom:4px;padding:5px 15px 15px;border:1px solid #e7e8e9/* @post-width:-32= */;background-color:#f9f9f9}
.comment p{clear:both;margin:3px 0 0;padding:0}
.comment h4{display:none}
.comment ol,.comment ul{margin:0;padding:0;list-style:none}
.comment .date{float:left;padding-right:15px;font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#999}
.comment .name{float:left;padding-right:15px;font:12px gulim bold;color:#333;letter-spacing:-1px}
.comment .name a{font-weight:bold;color:#333}
.comment .control{float:left}
.comment ol li{padding:10px 5px 10px 0;border-bottom:1px dotted #ccc}
.comment li ul li{padding:10px 10px 5px 25px;border:none;background:url(images/iconReComment.gif) no-repeat 0 6px}
.comment .control a{text-decoration:none}
.comment .control a.address{display:block;float:left;width:35px;height:15px;padding-bottom:2px;background:url(images/btn_b_address.gif) no-repeat}
.comment .control a.address span{display:none}
.comment .control a.modify{display:block;float:left;width:52px;height:15px;padding-bottom:2px;background:url(images/btn_b_editndel.gif) no-repeat}
.comment .control a.modify span{display:none}
.comment .control a.write{display:block;float:left;width:39px;height:15px;padding-bottom:2px;background:url(images/btn_b_reply.gif) no-repeat}
.comment .control a.write span{display:none}

.commentWrite                     { padding: 20px 0 0}
.commentWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle}
.commentWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px}
.commentWrite textarea            { width:/*@post-width:-44px=*/ 95% /*@*/;  padding: 5px; border: 1px solid #d1d3d4}
.commentWrite .homepage           { width: /*@post-width:-180px=*/ 50% /*@*/ !important; font: 0.85em verdana; color: #999; height: 16px}
.commentWrite input.submit        { background: url(images/btn_reply_input.gif) no-repeat; width: 76px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer}
.commentWrite .secretWrap         { clear: both; padding: 0 0 5px; margin-top: 10px}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px}
/* 리스트 */
.list_content {padding:40px 0 10px 0;border-bottom:1px solid #ebebeb}
.list_content::after { content:''; clear:both; display:block }
.list_content .thumbnail_post { float:right; width:120px; height:120px; margin:4px 0 4px 20px;}
.list_content img{width:120px; height:120px; border: solid 1px #ebebeb}
.list_content .link_post{display:block;overflow:hidden;text-decoration:none}
.list_content .link_post:hover .tit_post { color:#E0218E}
.list_content .tit_post{display:block;font-weight:700;font-size:20px;color:#242424;text-overflow: ellipsis;overflow: hidden;}
.list_content .txt_post{display:-webkit-box;display:-ms-flexbox;overflow:hidden;max-height:80px;margin-top:1px;font-size:14px;line-height:20px;color:#666;vertical-align:top;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.list_content .detail_info{margin-top:6px;margin-bottom:6px;font-size:13px;color:#aaa;}
.list_content .detail_info .link_cate {font-size:13px;text-decoration:none;color:#999}
/* 페이징 */
#paging{padding-top:25px; font-size:1.3em;text-align:center}
#paging .numbox{padding:0 18px;font:0.95em verdana; }
#paging .num span{width:25px;height:25px;margin-left:3px; padding:2px 5px;border-radius:40px;border:1px solid #fff}
#paging .num span.selected{border-radius:50px;border-color:#D8D8D8;background-color:#D8D8D8;color:#245BDB}
#paging a { text-decoration:none}
#paging #prevPage{height:23px;padding-left:9px;}
#paging #nextPage{height:23px;padding-right:9px;}
/* ***** 사이드바 ***** */
#sidebar ul{margin:0;padding:0;list-style:none}
#sidebar li{padding:0 0 2px 12px ;background:url(images/bullet_dot.gif) 0 6px no-repeat}
#sidebar li a{color:#666}
#sidebar h3{margin-bottom:12px;padding:15px 0px 7px 10px;border-bottom:2px solid #d4d4d4;font-family:gulim;font-size:1.1em;font-weight:bold;color:#304245;letter-spacing:-1px; }
#sidebar .cnt{font:.85em Tahoma,Helvetica,Arial,Gulim,sans-serif;color:#f60}
#sidebar .date{font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#94a0a5}
#sidebar .name{font:.9em Dotum,Arial,sans-serif;color:#94a0a5}
#blogImage img{width:150px;padding-top:20px; padding-bottom:10px}
#blogDesc{font-size:.9em;line-height:1.2em;color:#ADADAD;letter-spacing:-1px}
#blogDesc p{margin:0;padding:0}
.userID{line-height:2em;color:#999}

#searchBox{margin:15px 0 0}
#searchBox input{width:220px;height:18px;margin-bottom:1px;border:1px solid #d0d0d0;vertical-align:middle}
#searchBox .submit{width:32px;height:24px;border:0;background:url(images/btn_search.gif) no-repeat;text-indent:-5000px;vertical-align:middle;cursor:pointer}

#category li{background:none}
#category li ul li{padding-left:10px;background:url(images/bul.gif) 0 6px no-repeat}
#category li ul li ul li{margin-left:2px;padding-left:6px;border-left:1px dotted #ccc;background:none}
#category li ul li ul li a{color:#999}

#tagbox ul{padding:5px 2px;text-align:justify}
#tagbox li{display:inline;padding:0 7px 0 0;background:none}
#tagbox li .cloud1{font-weight:bold;font-size:14px;color:#366}
#tagbox li .cloud2{font-weight:bold;font-size:14px;color:#6e8a86}
#tagbox li .cloud3{font-weight:bold;font-size:14px;color:#333}
#tagbox li .cloud4{font-size:12px;color:#333}
#tagbox li .cloud5{font-size:12px;color:#333}
#tagbox a:hover{text-decoration:none}

#recentComment{overflow:hidden}
#recentComment .info_wrap{display:block;margin-bottom:3px;color:#999}
#recentTrackback{overflow:hidden}
#recentTrackback .info_wrap{display:block;margin-bottom:3px;color:#999}

#profile{ text-align:center}
#btnRSS{margin-top:20px;text-align:center}
/* ***** footer ***** */
#footer{clear:both;padding:20px 10px 9px;font:12px dotum;color:#fff;text-align:center}
#footer .footMenu{padding-bottom:8px}
#footer .footMenu span{color:#b6b6b6}
#footer a{color:#fff}
#footer .copyright,#footer .copyright a{font:11px dotum;color:#949494}


/* 커스텀 소스 */
blockquote p { color: #1F1F1F !important; line-height: 1.7 !important;}
.baro-writer {border-bottom: 4px solid #7C7C7C; margin-top: 10px; margin-bottom: 20px;}
.ad1 {margin-bottom:12px;}
#ad2 {margin:0 auto; text-align:center;margin-top:-34px; z-Index:999}
.baro-cath1 {    background-color: #C9C9C9;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px; padding-left:5px;}

/* 브레드크럼*/
.category-bread-title {color:#5B5B5B;}
/* Style the list */
ul.breadcrumb { padding: 2px 4px; list-style: none; background-color: #F3F3F3;	margin-top:4px; margin-bottom:10px; }
/* Display list items side by side */
ul.breadcrumb li { display: inline; font-size: 12px;}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before { padding: 4px; color: black; content: "\00BB"; }
/* Add a color to all links inside the list */
ul.breadcrumb li a { color: #0275d8; text-decoration: none; }
/* Add a color on mouse-over */
ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; }

/* SNS */
.social_share {margin:0 auto 15px;text-align:center}
.social_share ul{list-style:none;padding:19px}
.social_share ul li{display:inline;height:64px;margin:0!important;padding:0 5px!important;width:64px}
.social_share a{border-radius:50px;color:#363636!important;display:inline-block;font-size:.8em!important;font-weight:700!important;height:32px;margin:0px 0px 5px 0px;padding-left:3px!important;text-align:left;width:35px}

.band {background:#E8E8DF url(images/sns_share2.png) 0 0 no-repeat}
.kakao_link {background:#E8E8DF url(images/sns_share2.png) 0 -39px no-repeat}
.kakao_story {background:#E8E8DF url(images/sns_share2.png) 0 -80px no-repeat}
.facebook {background:#E8E8DF url(images/sns_share2.png) 0 -120px no-repeat}
.twitter {background:#E8E8DF url(images/sns_share2.png) 0 -160px no-repeat}
.google_plus {background:#E8E8DF url(images/sns_share2.png) 0 -200px no-repeat}
.get_naver {background:#E8E8DF url(images/sns_share2.png) 0 -240px no-repeat}
.get_pinterest {background:#E8E8DF url(images/sns_share2.png) 0 -283px no-repeat}
.social_share a.kakao_link,.social_share a.kakao_story{color:#000!important}

/* 커스텀 */
.title-home { color:#3D5356; margin-top:5px; font-size:3em:}
/* 공감버튼구걸 */
.container_postbtn:before {display: block; color: #FF3626;  font-size: 14px; font-weight: bold; content: "글이 유용하셧다면 ♡'공감'버튼이나 구독 부탁드립니다.";  position: absolute; top: 15px; }


/* ========커스텀 추가 아이패드용 패딩 줄이기======== */
@media screen and  (max-width:930px){
#container{width:98%;min-width:530px;max-width:930px;margin:0 auto;}
#headerwrap{width:100%;margin:0 auto;background:#fff }
#header{height:70px;margin:0 auto;padding:20px 50px; }
#contentwrap{float:left;width:100%;border-top:0px solid #Fff;background:#fcfcfc}
#content{overflow:hidden; margin:0px 1px 15px 1px; margin-right:320px;  padding:10px 10px 5px 5px; border:0px solid #e1e1e1;background:#fff;}
#sidebarwrap{float:left;width:320px;margin-left:-320px;border-top:15px solid #FFF;background:#FFF}
#sidebar{padding:0 15px 15px 15px;}
}
	
/* ===============( 모바일 )미디어 스크린 시작============== */
@media screen and  (max-width:850px){
.pcOnly{display:none}
#pcOnly{display:none}
.jb_admin{display:none}
/*  Hide Tistory Toolbar */
#tistorytoolbarid{display:none}
#container{float:left;width:100%;min-width:500px;max-width:850px;margin:0 auto}
#headerwrap{float:left;width:100%;margin:0 auto}
#header{height:65px;margin:0;padding:20px 0px 0px 30px;background:#fff;text-align:left ;}
#navigationwrap{float:left;width:100%;margin:0 auto}
#blogMenu{height:40px;margin:0;}
#contentwrap{float:left;width:100%}
#content{ overflow:hidden;margin:5px 0px;padding: 10px 30px 5px 30px;border:0;background:#FFF;}
.hrtitle{display: none}	
#footer {display:none}
#sidebarwrap 	{display:none}

}
/* ===============( 모바일 )미디어 스크린 시작============== */
@media screen and (max-width:530px){
.pcOnly{display:none}
#pcOnly{display:none}
	.jb_admin{display:none}	
/*  Hide Tistory Toolbar */
#tistorytoolbarid{display:none}	
/* 모바일 사이즈 */
#sidebar {display:none}
// .numbox {display: none}
//	#paging {display: none}	
#container{float:left;width:100%;min-width:300px;max-width:530px;margin:0 auto}
#headerwrap{float:left;width:100%;margin:0 auto}
#header{height:50px;margin:0;padding:10px 0px 20px 0px;background:#fff;text-align:left ;}
#navigationwrap{float:left;width:100%;margin:0 auto}
#blogMenu{height:40px;margin:0;}
#contentwrap{float:left;width:100%}
#content{overflow:hidden;margin:0px 0px;padding: 0px 10px 5px 10px;border:0;background:#FFF;}
.entry-title {font-size:23px}	
h1 {margin:15px 0 10px;}
.category-bread-title { display:none }	
#sidebarwrap{float:left;width:100%;margin:0 auto}
#sidebar{margin:10px 5px;padding:15px;background:#fff}	

/* 로딩 사이클 애니매이션 */
.loader { margin: 4% auto;height: 50px; width: 50px; border: 7px solid #fff; border-right-color: #CFCFCF; border-top-color: #CFCFCF; border-radius: 100%; -webkit-animation: spin 600ms infinite linear; animation: spin 600ms infinite linear;}
@-webkit-keyframes "spin" { from { -webkit-transform: rotate(0deg);  transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes "spin" { from {-webkit-transform: rotate(0deg);  transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg);  } }	
	
}

/* */
/* 반응형 레이아웃 */
@-ms-viewport { width: device-width;}
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
/* */
.clear{clear:both}
* html .clear{display:inline}