@charset "utf-8";

/* slick-slider */
.slick-slider{box-sizing:border-box;display:block;khtml-user-select:none;moz-user-select:none;ms-touch-action:pan-y;ms-user-select:none;position:relative;touch-action:pan-y;user-select:none;webkit-tap-highlight-color:transparent;webkit-touch-callout:none;webkit-user-select:none;}
.slick-list{display:block;margin:0;overflow:hidden;padding:0;position:relative;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:hand;cursor:pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{moz-transform:translate3d(0, 0, 0);ms-transform:translate3d(0, 0, 0);o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);webkit-transform:translate3d(0, 0, 0);}
.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0;}
.slick-track:before,
.slick-track:after{content:'';display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}

/* comment-form */
#comment-form{margin:0 0 38px;}
#comment-form .comment-total{font-size:16px;color:#282828;letter-spacing:-0.016em;font-weight:500;margin:0 0 20px;}
#comment-form .comment-total i{color:#36b0c5;padding-left:2px;}

#comment-form .comment-form{position:relative;height:70px;padding:0 0 0 20px;margin:0 0 20px;border:1px solid #e2e2e2;}
#comment-form .comment-form .profile{display:inline-block;width:46px;height:46px;margin:12px 10px 0 0;border-radius:100%;overflow:hidden;border:1px solid #e3e3e3;background:#e3e3e3 url('/resource/img/pc/cm/profile_default.png') center 9px no-repeat;}
#comment-form .comment-form .profile img{width:46px;height:46px;}
#comment-form .comment-form .textarea-row{position:absolute;top:0;bottom:0;left:76px;right:80px;}
#comment-form .comment-form .textarea-row textarea{font-size:14px;padding-top:24px;border:0;}
#comment-form .comment-form .btn-apply{position:absolute;right:0;top:0;display:block;width:80px;height:70px;text-align:center;line-height:70px;font-size:14px;color:#282828;border-left:1px solid #e3e3e3;}
#comment-form .comment-form .btn-cancel{position:absolute;top:-22px;right:-50px;color:#ff4f02;font-size:12px;line-height:1;padding-bottom:1px;}
#comment-form .comment-form .btn-cancel:hover{border-bottom:1px solid #ff4f02;}
#comment-form .comment-form .sns-login{display:inline-block;width:40px;height:16px;vertical-align:middle;margin:-41px 0 0 -3px;}
#comment-form .comment-form .sns-login a{position:relative;display:block;width:40px;height:16px;font:normal 0/0 arial;text-align:center;vertical-align:middle;padding-right:10px;overflow:hidden;}
#comment-form .comment-form .sns-login a i{display:inline-block;width:30px;height:100%;vertical-align:middle;background:url('/resource/img/pc/view/spr_social_login.png') no-repeat;}
#comment-form .comment-form .sns-login a.facebook i{width:8px;height:16px;background-position:0 0;}
#comment-form .comment-form .sns-login a.naver i{width:14px;height:13px;background-position:-30px 0;}
#comment-form .comment-form .sns-login a.kakao i{width:17px;height:13px;background-position:-45px 0;}
#comment-form .comment-form .sns-login a.google i{width:20px;height:14px;background-position:-10px 0;}
#comment-form .comment-form .sns-login a span{position:absolute;top:50%;right:0;display:block;width:10px;height:5px;margin-top:-2px;background:url('/resource/img/pc/view/arrow_down.png') no-repeat;}
#comment-form .comment-form.on .textarea-row{left:120px;}

#comment-form .comment-list ul{display:block;}
#comment-form .comment-list li{padding:20px 0 16px 18px;border-top:1px solid #ebebeb;}
#comment-form .comment-list li:first-child{border:0;}
#comment-form .comment-list li .comment-form{height:56px;border:0;padding:0;margin:0;}
#comment-form .comment-list li .comment-form .textarea-row{left:55px;right:60px;height:54px;border:1px solid #e2e2e2;}
#comment-form .comment-list li .comment-form .textarea-row textarea{padding-top:15px;}
#comment-form .comment-list li .comment-form .profile{width:34px;height:34px;margin-top:8px;}
#comment-form .comment-list li .comment-form .profile img{width:34px;height:34px;}
#comment-form .comment-list li .comment-form .btn-apply{top:-1px;right:-60px;width:60px;height:56px;line-height:54px;border:1px solid #e3e3e3;}
#comment-form .comment-list li.edit{padding-top:30px;padding-bottom:30px;}
#comment-form .comment-form li.edit .textarea-row{right:0;}
#comment-form .comment-list li.reply{padding-left:56px;background:url('/resource/img/pc/view/ico_reply.png') 34px 26px no-repeat;}
#comment-form .comment-list li.reply-comment{padding-left:56px;padding-bottom:20px;background:url('/resource/img/pc/view/ico_reply.png') 34px center no-repeat;}
#comment-form .comment-list li.reply-comment.edit{padding-top:30px;padding-bottom:30px;}

#comment-form .comment-box{position:relative;}
#comment-form .comment-box .photo{position:absolute;top:0;left:0;display:block;width:34px;height:34px;margin-right:10px;border-radius:100%;overflow:hidden;background:url('/resource/img/pc/cm/profile_default_small.png') no-repeat;}
#comment-form .comment-box .photo img{width:34px;height:34px;}
#comment-form .comment-box .comment-info{margin:0 45px;}
#comment-form .comment-box .comment-info .comment-top{position:relative;top:-3px;line-height:1;margin:0 0 3px;}
#comment-form .comment-box .comment-info .comment-top .user{font-size:14px;font-weight:500;color:#282828;margin-right:8px;}
#comment-form .comment-box .comment-info .comment-top .date{font-size:12px;color:#989898;}
#comment-form .comment-box .comment-info .comment{color:#777;font-size:14px;line-height:23px;letter-spacing:-0.018em;}
#comment-form .comment-box .comment-info .comment em{color:#282828;margin-right:2px;}
#comment-form .comment-box .comment-info .comment span{color:#999;}
#comment-form .comment-box .comment-function{position:absolute;top:-13px;right:0;bottom:0;}
#comment-form .comment-box .comment-function .btn-function{position:absolute;top:0;right:0;display:block;width:37px;height:37px;font:normal 0/0 arial;}
#comment-form .comment-box .comment-function .btn-function span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('/resource/img/pc/view/ico_function.png') center no-repeat;}
#comment-form .comment-box .comment-function .comment-layer{display:none;z-index:2;position:absolute;top:40px;right:0;background:#FFF;border:1px solid #888;}
#comment-form .comment-box .comment-function .comment-layer a{display:block;width:60px;height:32px;line-height:30px;color:#777;font-size:12px;text-align:center;}
#comment-form .comment-box .comment-function .comment-layer a:hover{background:#f3f3f3;}
#comment-form .comment-box .comment-function .btn-reply{position:absolute;bottom:0;right:10px;}
#comment-form .comment-box .comment-function .btn-reply a{color:#989898;font-size:12px;}
#comment-form .comment-box .comment-function .btn-reply a:hover{border-bottom:1px solid #989898;}

#comment-form .more-bar{text-align:center;margin-top:10px;border-top:1px solid #ccc;}
#comment-form .more-bar .btn-more{display:inline-block;font-size:16px;color:#777;line-height:1;padding:20px;background:url('/resource/img/pc/view/arrow_down_more.png') right center no-repeat;}

/* recommend-content */
.recommend-content{position:relative;}
.recommend-content .list-default{margin:0;}
.recommend-content .list-default ul{position:relative;height:313px;margin-left:0;}
.recommend-content .list-default li{width:276px;height:280px;padding-right:24px;margin-left:0;}
.recommend-content .list-default .thumb{height:167px;}
.recommend-content .list-default .title{font-size:18px;line-height:28px;margin-bottom:11px;}
.recommend-content .list-default.no-slider li{margin-left:24px;}
.recommend-content .list-default.no-slider li:first-child{margin-left:0;}
.recommend-content .btn_area{position:absolute;top:-64px;right:0;width:79px;height:40px;}
.recommend-content .btn_area button{position:relative;float:left;display:inline-block;width:40px;height:40px;text-indent:-9999px;background:url('/resource/img/pc/cm/spr_ico.png') no-repeat 0 0;}
.recommend-content .btn_area button.btn_next{margin-left:-1px;background-position:-39px 0;}

/* layer-wrap */
.layer-wrap{display:none;z-index:5;position:fixed;top:50%;left:50%;width:318px;text-align:center;padding:66px 70px 60px 70px;margin:-303px 0 0 -230px;border:1px solid #888;background:#FFF;}
.layer-wrap h2{font-size:36px;font-weight:300;letter-spacing:-0.007em;margin:0 0 15px;}
.layer-wrap p{display:block;line-height:25px;color:#888;font-size:15px;margin:0 0 34px;}
.layer-wrap ul{display:block;margin:0 0 40px;}
.layer-wrap li{display:block;height:44px;margin-top:10px;border:1px solid #cfcfcf;}
.layer-wrap li:first-child{margin:0;}
.layer-wrap li a{position:relative;display:block;width:100%;height:100%;text-align:left;color:#222;font-size:15px;line-height:40px;text-indent:70px;}
.layer-wrap li a span{position:absolute;top:-1px;left:-1px;display:block;width:46px;height:44px;background:url('/resource/img/pc/view/spr_social_login.png') 0 -20px no-repeat;}
.layer-wrap li a.facebook span{background-position:0 -20px;}
.layer-wrap li a.kakao span{background-position:-46px -20px;}
.layer-wrap li a.google span{background-position:-92px -20px;}
.layer-wrap li a.naver span{background-position:-138px -20px;}
.layer-wrap p.bottom{padding-top:25px;margin:0 0 10px;border-top:1px solid #e1e1e1;}
.layer-wrap .btn-login{display:block;height:46px;color:#FFF;font-size:18px;line-height:44px;background:#36b0c5;}
.layer-wrap .close-layer{position:absolute;top:0;right:0;display:block;width:60px;height:60px;}
.layer-wrap .close-layer span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;font:normal 0/0 arial;background:url('/resource/img/pc/cm/ico_close.png') center no-repeat;}

/* tag-area */
.tag-area{padding:0;margin:0 40px 30px 0;border:0;background:none;}
.tag-area h3{font-size:16px;color:#222;font-weight:500;margin:0 0 15px;}
.tag-area a{height:34px;line-height:30px;font-size:14px;padding:0 20px;}

/* profile-area */
.profile-area{min-height:152px;padding:25px 40px;margin:0 0 54px;border:1px solid #e7e7e7;}
.profile-area .photo{left:20px;top:25px;}
.profile-area .info-area{margin:0 0 0 132px;}
.profile-area .info-area p{margin-bottom:25px;}

/* view-content */
#view-content{position:relative;margin-top:-5px;}
#view-content .view-header{padding:0 0 20px;border-bottom:1px solid #e8e8e8;}
#view-content .view-header h1{display:block;font-size:26px;line-height:30px;color:#222;letter-spacing:-0.010em;font-weight:400;margin:0 0 27px;}
#view-content .view-body{font-family:"Malgun Ghothic", "맑은 고딕";line-height:23px;font-size:16px;color:#777;padding:30px 0;}
#view-content .view-body h1{display:block;font-size:2em;line-height:1.2;color:#333;margin:0.67em 0;}
#view-content .view-body h2{display:block;font-size:1.5em;font-weight:400;color:#333;margin:0.83em 0;}
#view-content .view-body h3{display:block;line-height:1.2;font-size:1.17em;color:#333;margin:1em 0;}
#view-content .view-body p{margin-bottom:30px;}
#view-content .view-body a{text-decoration:underline;}
#view-content .view-body img{max-width:100%;height:auto;}
#view-content .view-body img:not([width]){width:100%;}
#view-content .view-body i,
#view-content .view-body em{font-style:italic;}
#view-content .view-body strong{font-weight:bold;}
#view-content .view-body ol{list-style:decimal;margin-left:30px;}
#view-content .view-body ul{list-style:disc;margin-left:30px;}
#view-content .view-body table{table-layout:auto;width:100%;max-width:800px;text-align:left;border:1px solid #d2d2d2;background:#FFF;border-collapse:collapse;}
#view-content .view-body th,
#view-content .view-body td{padding:10px;border-collapse:collapse;}
#view-content .view-body hr{border:0;border-top:1px solid #d2d2d2;margin:30px 0;}
#view-content .view-body span.figure{display:block;font-family:"Malgun Gothic", "맑은 고딕";font-size:14px;color:#777;text-decoration:none;}
#view-content .view-body blockquote{position:relative;display:block;font-size:20px;color:#222;font-family:"Noto Sans KR","Malgun Gothic";line-height:140%;font-weight:normal;padding:0 0 0 22px;margin:17px 0 40px 0;}
#view-content .view-body blockquote:before{content:'';position:absolute;top:5px;bottom:4px;left:0;display:block;width:8px;background:#777;}
#view-content .view-body blockquote.v02{position:relative;text-align:center;padding:35px 0 31px 0;}
#view-content .view-body blockquote.v02 p{margin-bottom:0;}
#view-content .view-body blockquote.v02:before,
#view-content .view-body blockquote.v02:after{content:'';position:absolute;left:50%;display:block;width:22px;height:18px;margin-left:-11px;background:url('/resource/img/pc/view/ico_blockquote.png') 0 0 no-repeat;}
#view-content .view-body blockquote.v02:before{top:0;}
#view-content .view-body blockquote.v02:after{bottom:0;height:19px;background:url('/resource/img/pc/view/ico_blockquote_bottom.png') 0 0 no-repeat;}
#view-content .view-foot{height:40px;padding-top:20px;margin-top:80px;border-top:1px solid #e1e1e1;}
#view-content .view-foot:after{content:'';display:block;clear:both;}
#view-content .view-foot a{display:inline-block;height:40px;line-height:38px;}
#view-content .view-foot .foot-left{float:left;display:inline-block;width:50%;text-align:left;}
#view-content .view-foot .foot-left a{float:left;width:40px;font:normal 0/0 arial;background:url('/resource/img/pc/cm/spr_ico.png') 0 0 no-repeat;}
#view-content .view-foot .foot-left .btn-next{background-position:-40px 0;}
#view-content .view-foot .foot-right{float:left;display:inline-block;width:50%;text-align:right;}
#view-content .view-foot .foot-right a{font-size:14px;color:#222;padding:0 30px;border:1px solid #ddd;background:#FFF;}
@media \0screen {
    #view-content .view-foot .foot-right a{line-height:35px;}
}
#view-content.notice .share-area{top:inherit;bottom:81px;}
#view-content.notice .writer-area .date{border:0;margin:0;padding:0;}

#view-wrap{position:relative;}

#view-article{position:relative;display:inline-block;width:800px;}
#view-article:before{content:'';position:absolute;top:-50px;bottom:-66px;left:819px;display:block;width:1px;background:#e8e8e8;}
#view-article #view-content .view-header{padding-bottom:11px;}

#view-side{position:absolute;top:0;display:inline-block;width:240px;margin-left:40px;}
#view-side h3{font-weight:500;font-size:16px;margin:0 0 10px;}
#view-side h3 em{color:#36b0c5;}
#view-side .share-area{top:-91px;bottom:inherit;right:-1px;}
#view-side .share-area .share-layer{top:48px;}
#view-side.sticky{position:fixed;top:103px;}
#view-side.sticky-b{position:absolute;top:inherit;bottom:-60px;}

/* side-post */
#view-side .side-post{position:relative;margin:0 0 40px;}
.side-post ul{display:block;border-top:1px solid #e8e8e8;}
.side-post li{display:block;padding:12px 0;border-bottom:1px solid #e8e8e8;}
.side-post li:after{content:'';display:block;clear:both;}
.side-post li a{display:block;width:100%;height:44px;vertical-align:middle;}
.side-post li a:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.side-post li .thumb{position:relative;display:inline-block;width:66px;height:44px;vertical-align:middle;margin-right:5px;border:1px solid #e7e7e7;overflow:hidden;box-sizing:border-box;}
.side-post li .thumb .thumb-in{position:absolute;top:50%;left:50%;width:200%;height:200%;display:table;text-align:center;margin:-64% 0 0 -100%;}
.side-post li .thumb .thumb-in .img-box{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.side-post li .thumb .thumb-in img{height:44px;vertical-align:middle;}
.side-post li .title{display:inline-block;width:152px;max-height:40px;vertical-align:middle;color:#777;font-size:14px;line-height:20px;overflow:hidden;}
.side-post .view-all{position:absolute;top:4px;right:0;font-size:11px;line-height:130%;color:#36b0c5;border-bottom:1px solid #36b0c5;}

/* category-area */
.category-area{color:#36b0c5;margin:28px 0 0 0;}
.category-area h4{display:inline-block;width:83px;height:30px;line-height:28px;text-align:center;color:#222;font-size:14px;margin:0 5px 0 0;border:1px solid #e1e1e1;border-radius:30px;}
.category-area a{font-size:14px;}

/* view-tags */
.view-tags{position:relative;vertical-align:middle;margin:0 0 40px;overflow:hidden;}
.view-tags .tags-in{overflow:hidden;transition:all 0.3s ease-in-out;}
.tags-box{position:relative;vertical-align:middle;margin-top:-3px;}
.tags-box a{display:inline-block;height:30px;line-height:30px;color:#777;font-size:14px;margin:10px 0 0 0;background:#f3f3f3;border-radius:30px;}
.tags-box a span{padding:0 10px;}
.tags-box a:focus{outline:none;}
.view-tags .btn-tags{display:none;position:absolute;top:-24px;right:0;width:52px;height:18px;padding:0;margin:0;}
.view-tags .btn-tags span{position:absolute;top:0;left:0;display:block;font-size:12px;color:#989898;padding-left:20px;background:url('/resource/img/pc/cm/bu_btn_tags.png') 0 center no-repeat;}
.view-tags .btn-tags.on{width:43px;}
.view-tags .btn-tags.on span{position:absolute;top:0;left:0;display:block;font-size:12px;color:#989898;padding-left:20px;background:url('/resource/img/pc/cm/bu_btn_tags_on.png') 0 center no-repeat;}

/* best-month */
.best-month{margin:0 0 45px;}
.best-month .best-month-slide{position:relative;width:240px;overflow:hidden;}
.best-month .best-month-slide .slider{position:relative;width:240px;height:150px;}
.best-month .best-month-slide .slider a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.best-month .best-month-slide .slider .thumb{z-index:1;position:relative;width:240px;height:240px;margin-top:-46px;overflow:hidden;}
.best-month .best-month-slide .slider .thumb .thumb-in{position:absolute;top:50%;left:50%;width:300%;height:300%;display:table;text-align:center;margin:-150% 0 0 -150%;}
.best-month .best-month-slide .slider .thumb .thumb-in .img-box{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.best-month .best-month-slide .slider .thumb .thumb-in .img-box img{width:auto;min-width:240px;height:240px;margin:0 auto;}
.best-month .best-month-slide .slider .info{z-index:3;position:absolute;top:0;left:0;display:table;width:100%;height:150px;vertical-align:middle;text-align:center;}
.best-month .best-month-slide .slider .info .info-in{display:table-cell;height:100%;color:#FFF;font-size:14px;vertical-align:middle;}
.best-month .best-month-slide .slider .info .info-in .title{display:block;line-height:20px;font-weight:400;padding:0 20px;margin:0 0 15px;}
.best-month .best-month-slide .slider .info .info-in .editor{display:block;}
.best-month .best-month-slide .slider .cover{z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.4;filter:alpha(opacity=40);}
.best-month .best-month-slide .slick-dots{display:table;table-layout:fixed;width:100%;height:2px;font:normal 0/0 arial;margin:10px 0 0 0;}
.best-month .best-month-slide .slick-dots:after{display:none;}
.best-month .best-month-slide .slick-dots li{display:table-cell;padding-left:3px;}
.best-month .best-month-slide .slick-dots li:first-child{padding:0;}
.best-month .best-month-slide .slick-dots li button{display:block;width:100%;height:2px;text-indent:-9999em;font:normal 0/0 arial;background:#e8e8e8;transition:all 0.3s;}
.best-month .best-month-slide .slick-dots li.slick-active button{background:#36b0c5;}
.best-month .best-month-slide .slick-arrow{z-index:2;position:absolute;top:56px !important;display:block;width:22px !important;height:38px;font:normal 0/0 arial;background:url('/resource/img/pc/cm/spr_best_slider.png') 0 0 no-repeat;transform:none !important;}
.best-month .best-month-slide .slick-prev{left:0;}
.best-month .best-month-slide .slick-next{right:0;left:inherit !important;background-position:100% 0;}

.page-navigation .share-area{display:block;}