@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Galada|Noto+Sans+KR:100,300,400,500|Playfair+Display:400,500');


/************************************** reset **************************************/
* { margin:0; padding:0; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif; color:#3d404a; 
text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color:transparent; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,
samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
a:link, a:visited, a:active, a:hover { text-decoration:none; }
li { list-style:none; }
em { font-style:normal; }
img, fieldset, iframe, i { border:0; }
img { max-width:100%; vertical-align:middle; outline:none; }
input, select, textarea { vertical-align:middle; text-transform:none; resize: horizontal; outline:none; }
button { border:0; background:transparent; cursor:pointer; vertical-align:middle; outline:none; }
hr { display:none; }
table { border-collapse:collapse; border-spacing:0; }
caption { overflow:hidden; width:1px; height:1px; *height:0; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px; }
.blind { position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px; }


/************************************** layout **************************************/
html, body { height:100%; position:relative; -webkit-text-size-adjust:100%; }
html { box-sizing:border-box; }
*, *:before, *:after { box-sizing:inherit; }
#wrap { position:relative; overflow:hidden; }

/*----- header -----*/
#header { width:100%; max-width:1850px; height:82px; margin:0 auto; padding-top:20px; border-bottom:1px solid #e9eaed; z-index:9991; overflow:hidden; }
#header .head_logo { float:left; margin:-5px 0 0 18px; }
#header .link_logo { font-family:'Galada', cursive; font-weight:normal; font-size:36px; }
#header .link_logo img { max-height:32px; margin:-6px 8px 0 0; }
#header .head_menu { float:right; margin-right:15px; }
#header .head_menu button { width:45px; height:50px; cursor:pointer; }
#header .head_menu button i { font-size:33px; }
#header .head_menu button i:hover { color:#d9b095; }

@media screen and (max-width:1023px) {
	#header { height:62px; padding-top:12px; }
	#header .head_logo { float:left; margin:-8px 0 0 15px; }
	#header .link_logo { font-size:28px; }
	#header .link_logo img { max-height:25px; }
	#header .head_menu button { width:36px; height:40px; cursor:pointer; }
	#header .head_menu button i { font-size:26px; }
}

/*----- container -----*/
#container { width:100%; position:relative; }
#container:after { content:''; display:block; clear:both; }

/*------ sidebar ------*/
.area_sidebar { position:relative; }
.area_sidebar .dimmed_sidebar { display:block; width:100%; height:100%; position:fixed; top:0; left:0; right:0; background-color: rgba(0, 0, 0, 0.5); overflow:hidden; z-index: 9998; }
.area_sidebar .inner_sidebar { display:flex; width:350px; height:100%; flex-direction:column; position:fixed; top:0; right:0; background:#fff; box-sizing:border-box; overflow-y:scroll; z-index:9999; }
.sidebar_header { margin:20px 15px; }
.sidebar_header:after { content:''; display:block; clear:both; }
.sidebar_header .btn_close { float:right; width:50px; height:50px; cursor:pointer; }
.sidebar_header .btn_close i { font-size:35px; }
.sidebar_header .btn_close i:hover { color:#d9b095; }
.sidebar_contents { height:100%; padding:30px 30px 30px 40px; display:flex; flex-direction:column; justify-content:space-between; }
.sidebar_contents .sidebar_menu { height:100%; }
.sidebar_contents .sidebar_menu .nav li { padding:5px 0; }
.sidebar_contents .sidebar_menu .nav li a { font-family:'Playfair Display', serif; font-size:28px; }
.sidebar_contents .sidebar_menu .nav li a:hover { color:#d9b095; }

@media screen and (max-width:768px) {
	.area_sidebar .inner_sidebar { width:100%; }
	.sidebar_header { margin:10px; }
	.sidebar_contents .nav li { text-align:center; }
}

/*------ search ------*/
.area_popup { width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:9999; overflow:auto; }
.area_search { width:100%; max-width:1850px; margin:0 auto; padding-top:20px; }
.search_header { margin:-5px 0 0 20px; }
.search_header .link_logo { font-family:'Galada', cursive; font-weight:normal; font-size:36px; }
.search_header .link_logo img { max-height:35px; margin:-6px 8px 0 0; }
.search_header .btn_close { float:right; width:50px; height:50px; margin-right:15px; cursor:pointer; }
.search_header .btn_close i { font-size:35px; }
.search_header .btn_close i:hover { color:#d9b095; }
.search_content { max-width:1180px; margin:0 auto; padding:50px 30px; }
.search_content .box_form { position:relative; padding:10px; border-bottom:1px solid #e4e5e7; }
.search_content .box_form .ico_search { display:inline-block; padding-top:5px; }
.search_content .box_form .ico_search i { font-size:33px; }
.search_content .box_form .inp_search { width:80%; margin-left:5px; padding:10px 5px; border:none; font-size:20px; font-weight:300; color:#3d404a; }
.search_content .box_form .inp_search::placeholder { color:#9fa1a8; }
.search_content .box_form .inp_search::-webkit-input-placeholder { color:#9fa1a8; } /* webkit, Chrome */
.search_content .box_form .inp_search::-moz-placeholder { color:#9fa1a8; opacity: 1; } /* firefox 4~8 */
.search_content .box_form .inp_search:-moz-placeholder { color:#9fa1a8; opacity: 1; } /* firefox 19+ */
.search_content .box_form .inp_search:-ms-input-placeholder { color:#9fa1a8; } /* IE 10+ */
.search_content .box_form .btn_search_del { position:absolute; top:18px; right:0; cursor:pointer; }
.search_content .box_form .btn_search_del i { font-size:30px; color:#cfd0d3; }
.search_content .box_form .btn_search_del i:hover { color:#3d404a; }

@media screen and (max-width:1023px) {
	.search_header { margin:-10px 0 0 15px; }
	.search_header .link_logo { font-size:31px; }
	.search_header .link_logo img { max-height:28px; }
	.search_content { padding:30px 15px; }
	.search_content .box_form { padding:5px; }
	.search_content .box_form .ico_search i { font-size:24px; }
	.search_content .box_form .inp_search { margin-left:0; font-size:16px; font-weight:300; }
	.search_content .box_form .btn_search_del { position:absolute; top:15px; right:0; }
	.search_content .box_form .btn_search_del i { font-size:25px; }
}

/*------ footer ------*/
#footer { clear:both; width:100%; margin-top:100px; border-top:1px solid #e4e5e7; }
#footer .copyright { padding:20px 0; font-family:'Playfair Display', serif; font-size:13px; color:#9fa1a8; text-align:center; }
#footer .copyright em { font-family:'Galada', cursive; font-size:18px; color:#ff5b4a; }
#footer .counter { padding:10px 0; background:#f5f5f7; text-align:center; }
#footer .counter span { margin:0 3px; font-size:10px; font-family:'Playfair Display', serif; font-size:13px; color:#999; vertical-align:2px; }
#footer .box_tool { margin-left:5px; display:inline-block; *display:inline; *zoom:1; }
#footer .box_tool a i { font-size:14px; color:#cfd0d3; }
#footer .box_tool a i:hover { color:#3d404a; }

@media screen and (max-width:1023px) {
	#footer .copyright { padding:18px 0; }
	#footer .counter { padding:8px 0; }
}
@media screen and (max-width:768px) {
	#footer { margin-top:70px; }
}


/************************************** main **************************************/
#main { width:100%; }
.type_featured { max-width:1850px; margin:0 auto 30px; text-align:center; }
.type_featured .visual2 { display:none; }
.title_section { margin:0 0 30px 0; font-family:'Playfair Display', serif; font-size:25px; font-weight:100; text-align:center; }
@media screen and (max-width:1023px) {
	.title_section  { font-size:20px; }
	.type_featured .visual1 { display:none; }
	.type_featured .visual2 { display:block; }
}

/*------ gallery(type_post)------*/
.type_post { max-width:1180px; margin:80px auto 0; overflow:hidden; text-align:center; }
.type_post:after { content:''; display:block; clear:both; }
.type_post .list_post, .category_type_post .list_category { margin:0 -10px; padding:0; }
.list_post .item_post, .category_type_post .item_category { float:left; width:33.3%; max-height:380px; margin-bottom:20px; }
.list_post .link_post, .category_type_post .link_category { position:relative; display:block; margin:0 10px; padding-top:80%; background-size:cover; background-position:50% 0; }
.item_post .link_post:before, .category_type_post .item_category .link_category:before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background: rgba(0, 0, 0, 0.05); }
.list_post .item_post:hover .link_post:before, .category_type_post .item_category:hover .link_category:before { background: rgba(0, 0, 0, 0.5); }
.list_post .link_post:hover .info, .category_type_post .link_category:hover .info { display:flex; }
.list_post .link_post .info, .category_type_post .link_category .info { position:absolute; display:none; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; top:0; color:#fff; text-align:center; }
.list_post .link_post .info strong, .category_type_post .link_category .info .strong { display:block; width:calc(100% - 80px); max-height:65px; margin:0 auto; font-size:16px; font-weight:lighter; color:#fff; line-height:1.33; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

@media screen and (max-width:768px) {
	.type_post { margin:50px auto 0; }
  .list_post, .category_type_post { margin: 0 -1px; }
  .list_post .item_post, .category_type_post .item_category { margin-bottom:1px; }
	.list_post .item_post, .category_type_post .item_category { width:50%; }
  .list_post .link_post, .category_type_post .link_category { margin:0 0.5px; }
  .list_post .link_post .info strong, .category_type_post .link_category .info strong { width:calc(100% - 32px); font-size:13px; } 
}

/*------ thumbnail(type_card) ------*/
.type_card { max-width:1180px; margin:80px auto 0; overflow:hidden; text-align:center; }
.type_card:after { content:''; display:block; clear:both; }
.list_type_card { margin:0; padding:0; }
.list_type_card .item_card { display:inline-block; width:32%; margin-bottom:60px; vertical-align:top; }
.list_type_card .link_card { display:block; margin:0 10px; line-height: 1.33; transition:all .2s ease-out; }
.list_type_card .link_card strong { display:block; margin:20px auto 0; font-family:'Playfair Display', serif; font-size:15px; font-weight:lighter; color:#9fa1a8; text-overflow:ellipsis; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

@media screen and (max-width:1023px) {
	.type_card { margin:50px auto 0; }
	.list_type_card .item_card { width:45%; margin-bottom:30px; }
	.list_type_card .link_card .thumnail { height:230px; }
  .list_type_card .link_card strong { margin:10px auto 0; font-size:13px; }
}
@media screen and (max-width:768px) {
	.list_type_card .link_card .thumnail { height:150px; }
}

/*------ wide banner(type_banner) ------*/
.type_banner { max-width:1180px; margin:80px auto 0; overflow:hidden; text-align:center; }
.list_type_banner { margin:0; padding:0; }
.list_type_banner .link_banner { position:relative; display:block; height:280px; font-size:24px; background-size:cover; background-position:50% 50%; transition:all .2s ease-out; }
.list_type_banner li:nth-child(even) .box_content { float:right; text-align:right; }
.list_type_banner li:nth-child(even) .btn_go { right:50px; left:auto; }
.list_type_banner .box_content { width:70%; padding:47px 45px 50px 48px; }
.list_type_banner .link_banner:hover { opacity:0.6; }
.list_type_banner .link_banner strong { display:block; max-height:58px; font-size:50px; color:#fff; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.list_type_banner .link_banner .text { max-height:80px; margin:12px 4px 0 2px; font-size:16px; color:#fff; line-height:1.62; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list_type_banner .link_banner .btn_go { position:absolute; left:50px; bottom:48px; width:42px; height:42px; background:#000; border-radius:42px; font-size:17px; font-weight:400; color:#fff; }

@media screen and (max-width: 1023px) {
  .type_banner { margin-top:60px;	padding:0 24px; }
  .list_type_banner .link_banner { height:100px; }
  .list_type_banner .box_content { width:100%; padding:25px; }
  .list_type_banner .link_banner strong { display:block; margin:0; text-overflow:ellipsis; white-space:nowrap; font-size:26px; overflow:hidden; }
  .list_type_banner .link_banner .btn_go { display:none; }
  .list_type_banner .link_banner .text { display:inline-block; width:100%; margin:2px 0 0 0; line-height:normal; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
}

/*------ list(type_notice) ------*/
.type_notice { max-width:1180px; margin:800px auto 0; overflow:hidden; }
.type_notice:after { content:''; display:block; clear:both; }
.type_notice .thumnail, .category_type_notice .thumnail { float:left; display:block; width:280px; height:160px; margin-right:24px; background-size:cover; background-position:50% 50%; }
.type_notice .info, .category_type_notice .info { padding-top:8px; overflow:hidden; }
.list_type_notice, .category_type_notice .list_category { margin:0; padding:0; list-style:none; border-top:2px solid #333; }
.list_type_notice:after, .category_type_notice .list_category:after { content:''; display:block; clear:both; }
.list_type_notice .item_notice, .category_type_notice .item_category { padding:30px 0; border-bottom:1px solid #ebebeb; }
.list_type_notice .item_notice:after, .category_type_notice .item_category:after { content:''; display:block; clear:both; }
.list_type_notice .link_notice, .category_type_notice .link_category { display:block; color:#333; transition:all .2s ease-out; }
.list_type_notice .link_notice:hover, .category_type_notice .link_category:hover { color:rgba(0, 0, 0, 0.6); }
.list_type_notice .link_notice strong, .category_type_notice .link_category strong { display:block; font-size:22px; line-height:32px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.list_type_notice .link_notice .text, .category_type_notice .link_category .text { width:5%; margin:6px 0 12px; font-size:14px; color:#777; line-height:24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.list_type_notice .link_notice .date, .category_type_notice .link_category .date { display:block; font-size:13px; line-height:20px; opacity:0.5; }
.category_type_notice .item_category:after { content:''; display:block; clear:both; }

@media screen and (max-width:1023px) {
	.type_notice, .category_type_notice { margin-top:60px; padding:0 24px;}
  .type_notice .thumnail, .category_type_notice .thumnail { width:160px; height:160px; margin-right:16px; }
  .list_type_notice .item_notice, .category_type_notice .item_category { padding:20px 0; }
}
@media screen and (max-width:768px) {
  .list_type_notice .link_notice strong, .category_type_notice .link_category strong { font-size:16px; line-height:normal; }
  .list_type_notice .link_notice .text, .category_type_notice .link_category .text { margin:4px 0 8px 0; font-size:14px; line-height:1.5; -webkit-line-clamp:2; }
  .type_notice .thumnail, .category_type_notice .thumnail { width:100px; height:100px;}
  .type_notice .info, .category_type_notice .info { padding-top:0; }
}


/************************************** list **************************************/
.area_category { max-width:1180px; margin:0 auto; padding:30px 24px 40px; }
.area_category ul { box-sizing:border-box; }

.area_category .list_title_section { margin:0 0 30px 0; font-family:'Playfair Display', serif; font-size:18px; font-weight:100; color:#9fa1a8; text-align:right; }
.area_category .list_title_section span { font-size:15px; color:#999; }
.category_type_notice, .category_type_post { margin-bottom:60px; }

/*------ list_category ------*/
.category_type_post .list_category:after { content:''; display:block; clear:both; }
.category_type_notice .link_category { background:none !important; }
.category_type_post .link_category .text { display:none; }

@media screen and (max-width:1023px) {
  .area_category { padding-top:20px; }
	.area_category .list_title_section { margin:0 0 20px 0; }
}
@media screen and (max-width:768px) {
	.area_category .list_title_section { font-size:15px; }
	.area_category .list_title_section span { font-size:12px; }
}

/*---- thumnail_category -----*/
.category_type_related .list_category { list-style:none; margin:0 -8px; padding:0; border:none; box-sizing:border-box; font-size:0; }
.category_type_related .thumnail { position:relative; display:block; width:100%; padding-top:70%; background-size:cover; background-position:50% 0; }
.category_type_related .thumnail:before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background: rgba(0, 0, 0, 0.05); }
.category_type_related .item_category { display:inline-block; width:33.3%; margin-bottom:60px; vertical-align:top; }
.category_type_related .link_category { display:block; padding:0 8px; background: none !important; color:#333; }
.category_type_related .box_content { width:100%; }
.category_type_related .link_category strong { display:block; margin:18px 0 5px 0; font-family:'Playfair Display', 'Noto Sans KR', serif; font-weight:500; font-size:16px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.category_type_related .link_related .info { display:inline-block; margin-top:20px; font-size:12px; color:#c6c8cb; line-height:20px; }
.category_type_related .link_category .text { width:95%; max-height:60px; font-size:11px; color:#c6c8cb; line-height:20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.category_type_related .link_category .date { display:block; font-family:'Playfair Display', serif; font-size:15px; }

@media screen and (max-width:1023px) {
  .category_type_related .item_category { width:50%; margin-bottom:40px !important; }
  .category_type_related .link_category strong { margin:12px 0 2px 0; }
	.category_type_related .link_category .date { font-size:13px; }
}
@media screen and (max-width:768px) {
	.category_type_related .link_category strong { margin:12px 0 0 0; font-size:14px; }
}

/*------ paging ------*/
.area_paging { max-width:1248px; margin:0 auto; padding:0 24px; text-align:center; }
.area_paging a { display:block; width:38px; height:38px; border:1px solid #ddd; }
.area_paging a i { font-size:22px; font-weight:300; color:#666; line-height:36px; }
.area_paging a:hover, .area_paging a:focus { background:#d9b095; border:1px solid #d9b095; }
.area_paging a:hover i, .area_paging a:focus i { color:#fff; }
.area_paging a.prev { float:left; }
.area_paging a.next { float:right; }


/************************************** view **************************************/
.area_view { position:relative; max-width:1248px; margin:0 auto; padding:0 24px; }
.area_view .area_article { padding-bottom: 30px; }
.area_view .article_header { position:relative; height:190px; max-height:190px; padding:85px 0 0; text-align:center; }
.area_view .article_header .inner_header { width:100%; text-align:center; }
.area_view .article_header .info_text { max-width:1248px; margin:0 auto; color:#fff; z-index:10; text-align:center; }
.type_article_header_common .info_text { /* position:absolute; bottom:32px; */ position:relative; display:flex; height:100%; -ms-display:flexbox; display:-webkit-flex; flex-direction:column; justify-content:center; z-index:20; }
.type_article_header_cover .info_text { position:relative; display:flex; height:100%; -ms-display:flexbox;/* IE 10 */ display:-webkit-flex;/* Safari */ flex-direction:column; justify-content:center; z-index:20; }
.article_content { max-width:1248px; margin:0 auto; }
.area_index_category .list_category { box-sizing:border-box; }
.area_view .article_header .title_post { display:block; font-size:30px; font-weight:400; line-height:35px; }
.area_view .article_header .info span { margin:20px 0 0 0; font-family:'Playfair Display', serif; font-size:14px; color: #aaa; }
.area_view .txt_post { height:160px; margin:40px 0 30px 0; -webkit-line-clamp:6; }
.area_view .article_header .admin { display:block; }
.area_view .article_header .admin button { margin:0 5px; font-family:'Playfair Display', serif; font-size:13px; color:#d9b095; }
.area_view .article_header .admin a { font-family:'Playfair Display', serif; font-size:13px; color:#d9b095; }
.area_view .article_header .admin i { font-size:14px; color:#d9b095; vertical-align:-2px; }
.area_view .article_header .admin .del, .area_view .article_header .admin .del i { color:#ff5b4a; }
.container_postbtn { display:none; }

@media screen and (max-width:1023px) {
	.area_view .article_header { height:150px; max-height:150px; padding:40px 0 0; }
  .area_view .article_header .inner_header { padding:0 20px; box-sizing:border-box; }
  .area_view .article_header .info_text { width:100%; padding:0 20px; box-sizing:border-box; }
  .area_view .article_header .title_post { width:100%; padding-top:30px; font-size:25px; line-height:30px; }
}
@media screen and (max-width:768px) {
	.area_view .area_article { padding-bottom:20px; }
	.area_view .article_header { height:130px; max-height:130px; padding:35px 0 0; }
}
	
/*------ view - post ------*/
.article_view { max-width:1248px; margin:20px auto 10px; }
.article_view p { font-size:14px; font-weight:300; color:#75767b; line-height:1.5em; font-family: 'Playfair Display', serif; }
.article_view b, .article_view strong { font-weight:500; }
.article_view span { font-size:14px; font-weight:300; color:#75767b; line-height:1.2em; }
.article_view blockquote { margin:0; padding-left:19px; border-left:1px solid; font-size:16px; line-height:1.75; color:rgba(0, 0, 0, 0.54); }
.article_view ul, .article_view ol { margin:0; padding:0 0 0 19px; }
.article_view ul { margin-top: 18px; }
.article_view ul li { font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.87); word-break: break-all; }
.article_view ol { margin-bottom: 32px; }
.article_view ol li { margin-bottom: 6px; font-size: 16px; line-height: 1.75; color: rgba(0, 0, 0, 0.87); word-break: break-all; }
.article_view figure { margin: 0; }
.article_view table { border: 1px solid #dadce0; border-collapse: collapse; }
.article_view table thead tr { background: rgba(0, 0, 0, 0.05); font-size: 16px; color: #000; }
.article_view table tr th, .article_view table tr td { padding: 7px; border-left: 1px solid #dadce0; }
.article_view table tr { border-bottom: 1px solid #dadce0; }
.article_view pre { background: rgba(0, 0, 0, 0.05); font-size: 16px; color: rgba(34, 85, 51, 0.87); white-space: pre-wrap; }
.article_view pre code { padding: 20px; }
.article_view .cap1 { font-size: 14px; color: rgba(0, 0, 0, 0.54); }
.article_view hr { margin: 30px 0; }
.article_view a { display: inline-block; color: #3d62ce; }
.article_view a:hover { opacity: 0.7; }
.article_view .moreless_fold span, .article_view .moreless_top span { font-size: 16px; line-height: 2.5; }
.article_view .moreless_top { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.article_view .moreless_bottom { border-top: 1px solid rgba(0, 0, 0, 0.15); }
.article_view .moreless_bottom span { display: none; }
.article_view .footnote a { text-decoration: none; }
.article_view .footnotes li { font-size: 12px; color:#ddd; }
.article_view .table-overflow { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.article_view .table-overflow { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.article_view img { max-width:100%; pointer-events : none; }

/*------ view - reply ------*/
.area_reply { width:100%; overflow:hidden; border-top:1px solid #e9eaed; }
.area_reply .box_reply_info { margin:10px 0 30px; }
.area_reply .reply_events { font-family:'Playfair Display', serif; font-size:14px; }
.area_reply .reply_events i { margin-right:3px; font-size:16px; color:#aaa; vertical-align:middle; }
.area_reply .btn_more { margin-top:5px; padding:3px 0 0 15px; border:0; background-color:transparent; background-size:10px 10px; font-size:16px; cursor:pointer; }
.area_reply .item_reply { padding:20px 0; border-bottom:1px solid #eee; }
.area_reply li:first-child { padding-top:0; }
.area_reply li:last-child { border:none; }
/*.area_reply .thumbnail_reply { float:left; width:45px; height:45px; margin-right:16px; background:none; }
.area_reply .thumbnail_reply img { width:100%; height:100%; border-radius:50%; }*/
.area_reply .box_reply_content { overflow:hidden; }
.area_reply .item_reply .user a { display:inline-block; margin-bottom:5px; font-size:13px; }
.area_reply .item_reply .date { display:inline-block; padding:0 5px; font-family:'Playfair Display', serif; font-size:14px; color:#9fa1a8; }
.area_reply .box_reply_content .txt { margin:5px 0 0 0; font-size:14px; }
.area_reply .item_reply .modify { margin-top:8px; }
.area_reply .modify a { margin-right:5px; font-family:'Playfair Display', serif; font-size:12px; color:#9fa1a8; }
.area_reply .modify a i { font-size:13px; color:#9fa1a8; vertical-align:middle; }
.area_reply .list_reply_comment { margin-top:20px !important; }
.area_reply .list_reply_comment li { margin:5px 0 0 -10px; padding:18px 0; }
.area_reply .ico_commnent { float:left; width:43px; margin-right:10px; color:#9fa1a8; text-align:right; }
.area_reply .item_comment { padding:5px; background:#fafafa; }
.area_reply .reply_write:after { content:''; display:block; clear:both; }
.area_reply .form_content { padding-bottom:10px; }
.area_reply .form_content textarea { width:100%; height:102px; padding:12px 14px; border:1px solid #e1e1e1; font-size:14px; vertical-align:top; }
.area_reply .form_guest { margin:10px -4px 0; }
.area_reply .form_guest:after { content:''; display:block; clear:both; }
.area_reply .box_inp { float:left; width:100%; margin-bottom:8px; }
.area_reply .box_inp:nth-child(-n+2) { width:50%; }
.area_reply .inner_inp { margin:0 4px; padding:9px 14px; border:1px solid #e1e1e1; box-sizing:border-box; }
.area_reply .inner_inp input { width:90%; border:none; font-size:14px; }
.area_reply .form_reg { text-align:right; }
.area_reply .form_reg label { display:inline-block; margin-right:10px; padding-top:7px; font-family:'Playfair Display', serif; font-size:13px; color:#9fa1a8; }
.area_reply .btn_register { width:110px; height:42px; background:#9fa1a8; color:#fff; cursor:pointer; }
.area_reply .btn_register:hover { background:#3d404a; color:#fff; }

@media screen and (max-width:1023px) {
	.area_reply .box_inp:nth-child(-n+2) { width:100%; }
}

/*------ guest ------*/
.area_guest { max-width:1180px; margin:80px auto; padding:0 24px; }
.area_guest .title_guest { margin:0 0 30px 0; font-family:'Playfair Display', serif; font-size:25px; font-weight:100; text-align:center; }
.area_guest .area_reply { border:none; }
.area_guest .box_comment_list { margin-top:30px; }

@media screen and (max-width:768px) {
	.area_guest .area_reply { margin-top:-25px; }
}

/*----- protected -----*/
.protected_form { padding:80px 0; text-align:center; }
.protected_form p { font-size:15px; color:#9fa1a8; }
.protected_form .pwd li { margin:0 0 8px -15px; }
.protected_form .pwd input { width:250px; border:1px solid #e1e1e1; padding:10px 12px; font-size:14px; text-align:center; }
.protected_form .pwd button { width:250px; height:42px; background:#9fa1a8; color:#fff; cursor:pointer; }
.protected_form .pwd button:hover { background:#3d404a; color:#fff; }

/* area_view - 유튜브 사이즈 제어 */
@media screen and (max-width:743px) {
  .article_view iframe { width:100%; height:56vw; -ms-height: 56vmax; }
}
@media screen and (max-width:768px) {
	.article_view { margin-top:40px; }
}

/* area_common - 티스토리 사이드바 공통 영역 */
.area_common { max-width:1180px; min-height:200px; margin:200px auto 0; padding:0 20px; }
.area_common .title_common { margin:0 0 30px 0; font-family:'Playfair Display', serif; font-size:25px; font-weight:100; text-align:center; }

/* 미디어 로그 티스토리 스타일 수정 */
#mediaLogNest { max-width:1180px; height:auto !important; margin:200px auto 0 auto; padding:0 20px; }
@media screen and (max-width:768px) {
  .area_common { margin-top:36px; }
}
.no-img { background:#eee !important; }
.btn-for-guest { display:none; }
.btn-for-user { display:none; }

/* 커버 미사용시 리스트 */
.list_index {	margin-bottom:0; margin-top:0; padding:0; }
.list_index:first-child { margin-top:168px; }
.list_index:last-child { margin-bottom:60px; }
@media screen and (max-width:1023px){
	.list_index:first-child { margin-top:100px; }
}

/* 커버 미사용시 리스트-블로그형 */
.list_index.category_type_related { display:inline-block; width:33.3%; margin-left:-2px; margin-right:-2px; }
.list_index.category_type_related:first-child {	margin-top:200px; }
.list_index.category_type_related:last-child {	margin-bottom:0; }
.list_index.category_type_related .item_category { width:100%; }
@media screen and (max-width:1023px){
	.list_index.category_type_related { width:100%; margin:0; }
	.list_index.category_type_related:first-child { margin-top:120px; }
	.list_index.category_type_related .link_category { padding:0; }
}

/* absent_post */
.area_view .absent_post { margin:180px 0 100px; font-weight:normal !important; color:#999 !important; }