@import url("cell.css");
@import url("hotissue-grid.css");
@import url("subgnb.css");
.content-area.article .article-wrapper article .related-issue li:after, .group:after { content: ""; display: table; clear: both; }

.pagination { line-height: 0; font-size: 0; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; min-width: 300px; width: 100%; text-align: center; }
.pagination.articlenevent { margin-top: -20px; margin-bottom: 80px; }
.pagination li { display: inline-block; width: 32px; height: 32px; border-right: none; font-size: 14px; line-height: 32px; text-align: center; }
.pagination li a { color: #525252; }
.pagination li.arrow { border: none; font-size: 16px; font-weight: 300; width: 18px; }
.pagination li.arrow.first, .pagination li.arrow.last { width: 10px; }
.pagination li.arrow.prev { background-position: -10px 0; }
.pagination li.arrow.next { background-position: -20px 0; }
.pagination li.arrow.last { background-position: -30px 0; }
.pagination li:not(.arrow) { border: 1px solid #cccccc; margin-right: -1px; }
.pagination li.current { border: 1px solid black; }
.pagination li.current a { color: #e80000; }
.pagination li.current + li { border-left: 1px solid black; }

iframe { width: 100%; max-width: 100%; }

.wrapper { overflow: hidden; max-width: 1280px; width: 100%; margin: 0 auto; position: relative; }

/*.header-wrapper { width: 100%; background-color: black; margin: 0 auto; min-height: 48px; }*/
.header-wrapper { width: 100%; max-width: 100%; }
.header-wrapper header { position: relative; }


.content-area.article { width: 100%; margin: 0 auto; max-width: 1180px; }
.content-area.article .article-wrapper { width: 100%; margin: 0 auto; margin-top: 45px; max-width: 746px; -webkit-transition: max-width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: max-width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: max-width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: max-width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: max-width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 1024px) { .content-area.article .article-wrapper { margin-left: 0; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .content-area.article .article-wrapper { margin-left: 40px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .content-area.article .article-wrapper { max-width: 596px; } }
@media only screen and (min-width: 1152px) and (max-width: 1279px) { .content-area.article .article-wrapper { max-width: 672px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) { .content-area.article .article-wrapper { max-width: 688px; } }
@media only screen and (max-width: 767px) { .content-area.article .article-wrapper { max-width: 300px; } }
@media only screen and (min-width: 1280px) { .content-area.article .article-wrapper { min-height: 3800px; } }
.content-area.article .article-wrapper article.ceci .issue-date { color: #e5176c; }
.content-area.article .article-wrapper article.ceci .related-issue .magazine-name { color: #e5176c; }
.content-area.article .article-wrapper article.instyle .issue-date { color: #d31145; }
.content-area.article .article-wrapper article.instyle .related-issue .magazine-name { color: #d31145; }
.content-area.article .article-wrapper article.sure .issue-date { color: black; }
.content-area.article .article-wrapper article.sure .related-issue .magazine-name { color: black; }
.content-area.article .article-wrapper article.woman .issue-date { color: #8483bf; }
.content-area.article .article-wrapper article.woman .related-issue .magazine-name { color: #8483bf; }
.content-area.article .article-wrapper article.lemontree .issue-date { color: #64bc92; }
.content-area.article .article-wrapper article.lemontree .related-issue .magazine-name { color: #64bc92; }
.content-area.article .article-wrapper article.heren .issue-date { color: #dd9195; }
.content-area.article .article-wrapper article.heren .related-issue .magazine-name { color: #dd9195; }
.content-area.article .article-wrapper article.gentleman .issue-date { color: #102759; }
.content-area.article .article-wrapper article.gentleman .related-issue .magazine-name { color: #102759; }
.content-area.article .article-wrapper article { color: #525252; }
.content-area.article .article-wrapper article p { line-height: 1.8; }
.content-area.article .article-wrapper article .issue-date { padding: 0; margin: 0; margin-bottom: 12px; font-size: 0.875em; }
.content-area.article .article-wrapper article .issue-date:before { content: "ISSUE / "; font-weight: 700; }
.content-area.article .article-wrapper article .header { text-align: center; }
.content-area.article .article-wrapper article .header h1 { padding: 0; margin: 0; font-size: 2.125em; color: #525252; line-height: 1.2941; }
.content-area.article .article-wrapper article .header .lead-text { font-size: 0.85em; padding: 0; margin-top: 18px; margin-bottom: 38px; }


.content-area.article .article-wrapper article .paragraph-box { width: 100%; max-width: 100%; text-align: center; }
.content-area.article .article-wrapper article .paragraph-box p { text-align: left; font-size: 0.8em; padding-top: 2em; padding-bottom: 2em; }
.content-area.article .article-wrapper article .paragraph-box img { max-width: 100%; }

@media only screen and (max-width: 767px) {
.content-area.article .article-wrapper article .header h1 {letter-spacing:-0.5px;}
.content-area.article .article-wrapper article .header .lead-text {  font-size: 0.95em; color:#222; letter-spacing:-0.5px;  }
.content-area.article .article-wrapper article .paragraph-box p  {  font-size: 0.95em; color:#222; letter-spacing:-0.5px; }
}

/*header2추가*/
.content-area.article .article-wrapper article .header2 { text-align: center; }
.content-area.article .article-wrapper article .header2 h1 { padding: 0; margin: 0; font-size: 2.125em; color: #525252; line-height: 1.2941; }
.content-area.article .article-wrapper article .header2 .lead-text { font-size: 0.75em; padding: 0; margin-top: 18px; margin-bottom: 38px; }
@media only screen and (max-width: 767px) {
.content-area.article .article-wrapper article .header2 h1 {letter-spacing:-0.5px;}
.content-area.article .article-wrapper article .header2 .lead-text {  font-size: 0.95em; color:#222; letter-spacing:-0.5px;  }
}
/*header2추가*/



.facebooklike {width:100%; text-align:right;}
.facebooklike iframe {width:1000px; max-width:1000px;}
@media only screen and (max-width: 767px) {

.facebooklike {text-align:center; margin-left:4px;}
.facebooklike.fb_iframe_widget_fluid {display:inline-block;}
}

/***start:20150115 뷰티톡 pc이미지 수정***/
@media only screen and (min-width: 1280px) { 
.content-area.article .article-wrapper article.beautytalk .paragraph-box img { max-width: 80%; }
.content-area.article .article-wrapper article.beautytalk .paragraph-box a { max-width: 80%; margin:0 auto; text-align:center;}
.content-area.article .article-wrapper article.beautytalk .paragraph-box p { padding:0;  text-align:center;}
}
/***end:20150115 뷰티톡 pc이미지 수정***/

.content-area.article .article-wrapper article .footer { border-top: 1px solid gainsboro; border-bottom: 2px solid black; }
.content-area.article .article-wrapper article .footer .masterhead { padding: 15px 0 15px 0; font-size: 0.75em; line-height: 1.8; }
.content-area.article .article-wrapper article .footer .masterhead .title { padding-right: 0.5em; }
.content-area.article .article-wrapper article .footer .masterhead aside { color: #b7b7b7; }
.content-area.article .article-wrapper article .sns-box ul { padding-top: 10px; text-align: left; }
@media only screen and (max-width: 767px) { .content-area.article .article-wrapper article .sns-box ul { text-align: center; } }

.content-area.article .article-wrapper article .sns-box ul li { background: url("../img/common/sns_btns.png"); width: 35px; height: 36px; text-indent: -9999px; display: inline-block; padding: 0; line-height: 0; margin-right: 6px; cursor: pointer; }
.content-area.article .article-wrapper article .sns-box ul li.twitter { background-position: 0px 0; }
.content-area.article .article-wrapper article .sns-box ul li.facebook { background-position: -36px 0; }
.content-area.article .article-wrapper article .sns-box ul li.naverblog { background-position: -71px 0; }
.content-area.article .article-wrapper article .sns-box ul li.urlcopy { background-position: -106px 0; }
.content-area.article .article-wrapper article .sns-box ul li.kakaostory { display:none;}
.content-area.article .article-wrapper article .sns-box ul li.kakaoTalk { background-position: -177px 0; }


@media only screen and (max-width: 767px) {.content-area.article .article-wrapper article .sns-box ul li.kakaostory { background-position: -141px 0;  display:inline-block;}}
.content-area.article .article-wrapper article .related-issue { margin-top: 40px; margin-bottom: 60px; }
.content-area.article .article-wrapper article .related-issue a { color: #525252; }
.content-area.article .article-wrapper article .related-issue a:hover { color: black; }
.content-area.article .article-wrapper article .related-issue h4 { font-size: 0.95em; color: #878787; text-transform: uppercase; }
.content-area.article .article-wrapper article .related-issue li { position: relative; font-size: 0.8em; line-height: 32px; border-bottom: 1px solid #e0e0e0; }
.content-area.article .article-wrapper article .related-issue li .title { display: inline; }
@media only screen and (max-width: 767px) { .content-area.article .article-wrapper article .related-issue li .title { display: block; line-height: 12px; } }
.content-area.article .article-wrapper article .related-issue li .magazine-name { font-weight: 500; padding-right: 0.5em; }
.content-area.article .article-wrapper article .related-issue li .magazine-name:before { content: "[ "; }
.content-area.article .article-wrapper article .related-issue li .magazine-name:after { content: " ]"; }
.content-area.article .article-wrapper article .related-issue li .date { float: right; }
@media only screen and (max-width: 767px) { .content-area.article .article-wrapper article .related-issue li .date { float: left; } }
.content-area.article .article-wrapper article .related-issue li .bullet { display: none; width: 6px; height: 9px; background: url("../img/common/subpage_gnb_inlink_bullet.png") no-repeat; }
@media only screen and (max-width: 767px) { .content-area.article .article-wrapper article .related-issue li .bullet { display: inline-block; position: absolute; top: 50%; margin-top: -4px; right: 0; } }

/*20150128 추가

 .related-issue { margin-top: 40px; margin-bottom: 60px;}
@media only screen and (min-width: 768px) and (max-width: 1023px){  .related-issue {max-width:688px; margin:0 auto; display:block;}}
@media only screen and (max-width: 767px) { .related-issue {max-width:300px; margin:0 auto; display:block;} }
  .related-issue a { color: #525252; }
  .related-issue a:hover { color: black; }
  .related-issue h4 { font-size: 0.875em; color: #878787; text-transform: uppercase; }
 .related-issue li { position: relative; font-size: 0.75em; line-height: 32px; border-bottom: 1px solid #e0e0e0; }
  .related-issue li .title { display: inline; }
@media only screen and (max-width: 767px) { .related-issue li .title { display: block; line-height: 12px; } }
 .related-issue li .magazine-name { font-weight: 500; padding-right: 0.5em; }
 .related-issue li .magazine-name:before { content: "[ "; }
  .related-issue li .magazine-name:after { content: " ]"; }
 .related-issue li .date { float: right; }
@media only screen and (max-width: 767px) {  .related-issue li .date { float: left; } }
 .related-issue li .bullet { display: none; width: 6px; height: 9px; background: url("../img/common/subpage_gnb_inlink_bullet.png") no-repeat; }
@media only screen and (max-width: 767px) { .related-issue li .bullet { display: inline-block; position: absolute; top: 50%; margin-top: -4px; right: 0; } }


/*****/


.content-area.article .hotissue-wrapper { margin: 0 auto; }
.content-area.article .hotissue-wrapper h2 { text-align: center; text-transform: uppercase; font-size: 1.875em; }
@media only screen and (min-width: 1280px) { .content-area.article .hotissue-wrapper { position: absolute; top: 500px; right: 50px; } }

.page-btn { text-align: center; margin-top: 10px; margin-bottom: 80px; }
.page-btn .btn { width: 90px; height: 24px; line-height: 24px; display: inline-block; margin: 0 10px 0 10px; cursor: pointer; }
.page-btn .btn .icon-home, .page-btn .btn .icon-top { display: inline-block; margin-right: 8px; background: url("../img/common/subpage_home_btn.png") no-repeat; width: 8px; height: 9px; }
.page-btn .btn .icon-top { background-position: -8px 0; }

.wing-ad { max-width: 374px; width: 100%; text-align: center; position: absolute; top: 200px; right: 50px; -webkit-transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .wing-ad { max-width: 300px; right: 40px; } }
@media only screen and (max-width: 1023px) { .wing-ad { right: -400px; } }
.wing-ad img:first-child { margin-bottom:30px; }
.wing-ad object { margin-bottom:30px; }
.wing-ad .glam  {margin:0 auto; width:300px;}

/**/
@media only screen and (max-width: 767px) {
.wing-ad {position:relative; top:0; left:0;  margin: 0 auto; margin-top:50px;}
.wing-ad .glam { display:none;}
}
/**/

.top-ad { position: relative; max-width: 1440px; width: 100%; margin: 0 auto; background-color: black; }
.top-ad img { max-width: 100%; width: 100%; }
.top-ad .close-ad { position: absolute; top: 10px; left: 100%; margin-left: -40px; background-image: url("../img/common/topad_close.png"); width: 24px; height: 24px; cursor: pointer; z-index: 19999; }
@media only screen and (max-width: 767px) { .top-ad .close-ad { width: 12px; height: 12px; background-size: 12px 12px; margin-left: -24px; } }

.body2 { font-family: "Ubuntu", NanumGothic, "나눔고딕", ng, sans-serif; font-size: 0.75em; line-height: 1.8;  padding-bottom: 2em; }
.body2 img { max-width: 100%; margin:0 auto; display:block; }