@charset "UTF-8";
/***************************************************************************************
   Plugin
***************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; padding: 0; }

.wrap { width: 100%; height: 100%; }

.container { width: 100%; height: 100%; }

section { width: 100%; }

section > .inner { width: 1200px; margin: 0 auto; }

.rower { width: 100%; }

.rower .inner { width: 1200px; margin: 0 auto; }

header { width: 100%; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; resize: none; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

li { list-style: none; }

body, p, h1, h2, h3, h4, h5, h6, div, a, ol, ul, li, dl, dt, dd, section, article, figcaption, figure { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: inherit; }

button { background: none; border: none; color: #000; cursor: pointer; }

a, button { outline: none; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[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 { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("/css/lib/slick/ajax-loader-c5cd7f5300576ab4c88202b42f6ded62.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("/css/lib/slick/fonts/slick-ced611daf7709cc778da928fec876475.eot"); src: url("/css/lib/slick/fonts/slick-ced611daf7709cc778da928fec876475.eot?#iefix") format("embedded-opentype"), url("/css/lib/slick/fonts/slick-b7c9e1e479de3b53f1e4e30ebac2403a.woff") format("woff"), url("/css/lib/slick/fonts/slick-d41f55a78e6f49a5512878df1737e58a.ttf") format("truetype"), url("/css/lib/slick/fonts/slick-526d7fdf63614222d376257221e8b754.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/***************************************************************************************
   기본설정, 공통 SCSS
***************************************************************************************/
.icon-more-blue, .btn-box span.icon-refresh, .btn-more .icon-arrow, .toast-popup .inn strong.icon-loading, .popup-login .login-sns .naver .icon, .popup-login .login-sns .facebook .icon, .popup-login .login-sns .kakao .icon, .main .issue-1st .type-default .headline-iss .inn .iss-more li::before, .full-headline .inn .text-box .iss-more li::before, .sub-contents.view-ground .view-area .img_list .day-view-area .prev-day a, .sub-contents.view-ground .view-area .img_list .day-view-area .next-day a, .sub-contents.view-ground .view-area .img_list .day-view-area .day-view .icon-calendar, .sub-contents.news-daily-area a.calendar-btn.calendar-monthly:after, .sub-section .sub-contents .calendar-btn-gray:before, .sub-section .sub-contents .calendar-btn-black:before, .sub-section .date-ctr.show-date .calendar-btn:before, .sub-contents.focus .focus-controller .filter-area .open-filter, .sub-contents.focus .series-focus-list ul li.on:before, .sub-contents.focus .series-focus-list .btn-list-more:after, .sub-contents.focus .end-series-list ul li.on:before, .sub-contents.focus .btn-list-more:after, .sub-contents.focus .btn-list-more.on:after, .search .searched-box-list li .detail-info .btn-close, .search .searched-box-list li.on:before, .search .searched-box-list.video-type .img-box:after, .search .searched-box-list.video-type .detail-info .img-box:after, .search .btn-list-more:after, .end .end-header .logo, .end.blog .end-header .logo, .end.blog .end-header.is-black .logo, .end.blog .end-header.on .logo, .end.print .end-top .logo, .end-body .calendar-btn-gray:before, .end.read-mode .end-header .logo { display: inline-block; background-image: url("/images/sprite/sprite_web.png"); background-repeat: no-repeat; }

.morenews .tab-contents .text { -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.main .icon-play, .main .issue-1st .type-default .hook-box .special-type .inn .icon-play { background-color: #fff; width: 30px; height: 30px; border-radius: 50%; }

.main .icon-play:before, .main .issue-1st .type-default .hook-box .special-type .inn .icon-play:before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -2px; background-color: transparent; border-left: 8px solid rgba(0, 0, 0, 0.6); border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

a { display: inline-block; }

.text a { height: 100%; }

.clearfix:after { display: table; content: ''; clear: both; }

.img-box { background-color: #dedede; text-align: center; overflow: hidden; }

.img-box img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.img-box > a { display: block; height: 100%; }

.title-section h3 { font-size: 24px; font-weight: 400; letter-spacing: -.042em; color: #111; }

.text-bit { font-size: 12px; line-height: 24px; color: #666; }

.ttl { font-size: 14px; color: #5291ab; }

.date { font-size: 14px; color: #666; }

.normal { font-weight: 400; }

p.strong { font-weight: 500; }

.va-bottom { vertical-align: bottom; }

.blind { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }

.underline { text-decoration: underline; }

.btn-box.btn-more { position: absolute; top: 45px; right: 0; width: 107px; }

.btn-box.btn-more a { top: 10px; text-align: left; padding-left: 24px; overflow: hidden; }

.btn-box.btn-more a .icon-more-blue { position: relative; right: 0; -webkit-transition: right 0.3s cubic-bezier(0.87, 0, 0.14, 1); -o-transition: right 0.3s cubic-bezier(0.87, 0, 0.14, 1); transition: right 0.3s cubic-bezier(0.87, 0, 0.14, 1); will-change: right; }

.btn-box.btn-more a:hover .icon-more-blue { right: -6px; }

.icon-more-blue { background-position: -68px -154px; width: 16px; height: 16px; margin-top: 0; margin-left: 10px; }

.btn-sch { float: right; width: 32px; height: 32px; margin: 9px 16px; font-size: 1px; line-height: 1px; color: transparent; border: 0; cursor: pointer; background-size: 100%; background-image: url("/images/svg/icon-search.svg"); }

.only-number { font-family: 'Roboto', serif; }

.warn { color: #ee5d5d; }

.btn-main { font-size: 16px; width: 100%; height: 54px; line-height: 52px; background-color: #02a37f; border-radius: 3px; color: #fff; }

.btn-main.stroke { color: #02a37f; background-color: #fff; border: 1px solid #02a37f; }

.btn-main.disabled { background-color: #91c2b7; }

.btn-empty-main { display: inline-block; vertical-align: middle; text-align: center; font-size: 14px; font-weight: 500; color: #02a37f; width: 70px; height: 46px; line-height: 42px; border: 1px solid #02a37f; border-radius: 3px; }

.btn-read { display: inline-block; width: 64px; height: 30px; margin: 14px auto 0; font-size: 12px; font-weight: 500; letter-spacing: -.05em; color: #666; border: 1px solid #999; border-radius: 20px; padding-top: 7px; z-index: 2; }

.btn-read.on { background-color: #02a37f; border: none; color: #fff; }

.btn-read span { display: inline-block; vertical-align: middle; }

.btn-read .icon-plus, .btn-read .icon-check { background-repeat: no-repeat; background-size: 100%; width: 12px; height: 12px; margin-left: 2px; }

.btn-read .icon-plus { background-image: url("/images/svg/icon-plus.svg"); }

.btn-read .icon-check { background-image: url("/images/svg/icon-check.svg"); }

/***************************************************************************************
   Web Font
   font-family, font-file
***************************************************************************************/
@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Black.eot"); src: url("/fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Black.woff2") format("woff2"), url("/fonts/NotoSansKR-Black.woff") format("woff"), url("../fonts/NotoSansKR-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Bold.eot"); src: url("/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Medium.eot"); src: url("/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Regular.eot"); src: url("/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Light.eot"); src: url("/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: "Noto Sans KR"; src: url("/fonts/NotoSansKR-Thin.eot"); src: url("/fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("/fonts/NotoSansKR-Thin.woff") format("woff"), url("../fonts/NotoSansKR-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Thin.eot"); src: url("/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Thin.woff2") format("woff2"), url("/fonts/Roboto-Thin.woff") format("woff"), url("/fonts/Roboto-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Light.eot"); src: url("/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Light.woff2") format("woff2"), url("/fonts/Roboto-Light.woff") format("woff"), url("/fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Regular.eot"); src: url("/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff"), url("/fonts/Roboto-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Medium.eot"); src: url("/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff"), url("/fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Bold.eot"); src: url("/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Bold.woff2") format("woff2"), url("/fonts/Roboto-Bold.woff") format("woff"), url("/fonts/Roboto-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: "Roboto"; src: url("/fonts/Roboto-Black.eot"); src: url("/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Black.woff2") format("woff2"), url("/fonts/Roboto-Black.woff") format("woff"), url("/fonts/Roboto-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: "Nanum Myeongjo"; src: url("/fonts/nanum-myeongjo-v15-korean-800.eot"); src: url("/fonts/nanum-myeongjo-v15-korean-800.eot?#iefix") format("embedded-opentype"), url("/fonts/nanum-myeongjo-v15-korean-800.woff2") format("woff2"), url("/fonts/nanum-myeongjo-v15-korean-800.woff") format("woff"), url("/fonts/nanum-myeongjo-v15-korean-800.ttf") format("truetype"); font-weight: 800; font-style: normal; }

@font-face { font-family: "Nanum Myeongjo"; src: url("/fonts/nanum-myeongjo-v15-korean-700.eot"); src: url("/fonts/nanum-myeongjo-v15-korean-700.eot?#iefix") format("embedded-opentype"), url("/fonts/nanum-myeongjo-v15-korean-700.woff2") format("woff2"), url("/fonts/nanum-myeongjo-v15-korean-700.woff") format("woff"), url("/fonts/nanum-myeongjo-v15-korean-700.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: "Nanum Myeongjo"; src: url("/fonts/nanum-myeongjo-v15-korean-regular.eot"); src: url("/fonts/nanum-myeongjo-v15-korean-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/nanum-myeongjo-v15-korean-regular.woff2") format("woff2"), url("/fonts/nanum-myeongjo-v15-korean-regular.woff") format("woff"), url("/fonts/nanum-myeongjo-v15-korean-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

/***************************************************************************************
   Setting
***************************************************************************************/
body { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.125; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

.container { width: 100%; min-width: 1200px; }

.container .inner { width: 1200px; margin: 0 auto; padding-left: 10px; padding-right: 10px; }

/* IE input clear icon cancel input[type=text]::-ms-clear { display:none; } */
header { min-width: 1200px; }

header .sub-gnb-area { height: 48px; }

header nav li { display: inline-block; vertical-align: middle; color: #666; letter-spacing: 0.0001em; }

header .sub-gnb { display: inline-block; vertical-align: middle; padding-top: 14px; padding-left: 15px; }

header .sub-gnb li { height: 24px; padding: 0px 15px 0px; }

header .sub-gnb img { vertical-align: middle; }

header .sub-gnb .search { position: relative; margin: -1px 0 0 -15px; width: 157px; height: 28px; border: 1px solid #ddd; border-radius: 14px; overflow: hidden; }

header .sub-gnb .search input { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: 100%; border: 0; outline: 0; }

header .sub-gnb .search .submit { position: absolute; right: 0; top: 0; width: 40px; height: 100%; text-indent: -9999px; background: #fff url(/images/svg/icon-stiky-search.svg) no-repeat 50% 50%; background-size: 16px; }

header .sub-gnb .tip-off { position: relative; padding-left: 20px; padding-right: 18px; }

header .sub-gnb .tip-off:before { position: absolute; top: 2px; left: 0; content: ''; width: 1px; height: 12px; background-color: #e2e2e2; }

header .sub-util-nav { padding-top: 14px; float: right; }

header .sub-util-nav .today-date { padding-right: 26px; }

header .sub-util-nav .today-temperature { padding-right: 18px; }

header .sub-util-nav .tip-off { position: relative; padding-left: 20px; padding-right: 18px; }

header .sub-util-nav .tip-off:before { position: absolute; top: 2px; left: 0; content: ''; width: 1px; height: 12px; background-color: #e2e2e2; }

header .sub-util-nav .weather { display: block; width: 100px; height: 20px !important; }

header .sub-util-nav .weather li { display: block; height: 20px; line-height: 20px; }

header .sub-util-nav .weather li span { vertical-align: top; }

header .sub-util-nav .weather li span.img-icon { margin-left: 5px; }

header .sub-util-nav .weather li span.img-icon img { width: 20px; height: 20px; }

footer { width: 100%; margin-top: 120px; border-top: 2px solid #111; }

footer .inner { position: relative; width: 1180px; margin: 0 auto; padding-bottom: 145px; /* .family-site{ position: absolute; top:38px; right:0; button{ width:200px; height:42px; padding:11px 44px 14px 20px; text-align: left; color:#111; line-height:17px; border:1px solid #999; } .family-list{ position: absolute; right:0; bottom:0; width:200px; } } */ }

footer .inner .dir-menu { display: block; padding-top: 44px; }

footer .inner .dir-menu a { display: inline-block; padding-right: 5px; }

footer .inner .dir-menu a span { display: inline-block; margin-right: 6px; }

footer .inner .dir-menu a::after { content: ' '; display: inline-block; width: 1px; height: 10px; border-right: 1px solid #e2e2e2; }

footer .inner .dir-menu a:last-child::after { border-right: 0; }

footer .inner .footer-link { padding-top: 47px; display: block; }

footer .inner .footer-link a { margin-left: 10px; display: inline-block; line-height: 20px; color: #222; letter-spacing: -.05em; }

footer .inner .footer-link a:first-child { margin-left: 0; padding-left: 0; }

footer .inner .footer-link a:first-child span { display: block; }

footer .inner .footer-link a:first-child span::before { padding-right: 0; border-left: 0; }

footer .inner .footer-link a span { display: block; }

footer .inner .footer-link a span::before { content: ' '; display: inline-block; height: 10px; padding-right: 10px; border-left: 1px solid #e2e2e2; }

footer .inner address { margin-top: 41px; font-style: normal; font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #999; }

footer .inner address span { margin-right: 20px; }

footer .inner address p { margin-top: 10px; }

/* The Magic */
.family-site:hover .family-site-inner:hover .family-list, .family-site .family-site-inner--default .family-list { height: 580px; bottom: 40px; border: 1px solid #666; border-bottom: 0; }

.family-list { position: absolute; left: 0; bottom: 56px; width: 172px; padding: 0 15px; background: #fff; }

.family-list .inn { overflow-y: scroll; height: 580px; width: 185px; }

.family-list .inn li { margin-bottom: 3px; font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: -.05em; color: #666; }

.family-list .inn li:first-child { padding-top: 14px; }

.family-list .inn li:last-child { padding-bottom: 30px; }

.family-list .inn li.group1 { padding-top: 16px; font-size: 14px; font-weight: 700; color: #111; }

.family-list::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 142px; margin: 0 15px; border-bottom: 1px solid #e2e2e2; }

.family-list, .family-site:hover .family-list { height: 0; overflow: hidden; -webkit-transition: height .25s; -o-transition: height .25s; transition: height .25s; }

.family-site { position: absolute; top: 28px; right: 0; padding: 0; margin: 0 auto; width: 172px; }

.family-site h2, .family-site strong { margin: 0; font-size: 14px; font-weight: 400; }

.family-site .family-site-inner { padding: 14px 15px 15px; color: #111; cursor: pointer; border: 1px solid #666; background: #ffffff url(/images/svg/arrow-family-dn.svg) 143px 50% no-repeat; }

.family-site .family-site-inner:hover { background: #ffffff url(/images/svg/arrow-family-up.svg) 143px 50% no-repeat; }

@-webkit-keyframes rank_rolling { from { -webkit-transform: translateX(270px); }
  to { -webkit-transform: translateX(-100%); } }

@-o-keyframes rank_rolling { from { -o-transform: translateX(270px); transform: translateX(270px); }
  to { -o-transform: translateX(-100%); transform: translateX(-100%); } }

@keyframes rank_rolling { from { -webkit-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); }
  to { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } }

@-webkit-keyframes rank_rolling_small { from { -webkit-transform: translateX(80px); }
  to { -webkit-transform: translateX(-100%); } }

@-o-keyframes rank_rolling_small { from { -o-transform: translateX(80px); transform: translateX(80px); }
  to { -o-transform: translateX(-100%); transform: translateX(-100%); } }

@keyframes rank_rolling_small { from { -webkit-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); }
  to { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } }

.gnb { display: block; position: fixed; min-width: 1180px; left: 10px; bottom: 10px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); z-index: 10; }

.gnb .gnb-main { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 18px; height: 70px; background: #ededed; font-size: 0; z-index: 1; }

.gnb .gnb-main .btn-whole-menu { display: inline-block; background: url("/images/svg/icon-whole-menu.svg") no-repeat center; background-size: contain; width: 32px; height: 32px; padding: 0; margin: 19px 22px 0 0; }

.gnb .gnb-main .logo { display: none; vertical-align: top; margin: 24px 28px 0 0; background-image: url("/images/gnb_logo.png"); background-repeat: no-repeat; background-position: center; background-size: 72px 26px; width: 72px; height: 26px; }

.gnb .gnb-main .div-line { display: inline-block; vertical-align: top; width: 1px; height: 16px; background: rgba(0, 0, 0, 0.22); margin: 28px 20px 0; }

.gnb .gnb-main .menu-list { display: inline-block; vertical-align: top; margin-top: 23px; line-height: 24px; }

.gnb .gnb-main .menu-list li { display: inline-block; vertical-align: top; font-size: 16px; color: #111; letter-spacing: -.5px; }

.gnb .gnb-main .menu-list li:last-child { margin-right: 16px; }

.gnb .gnb-main .menu-list li + li { margin-left: 18px; }

.gnb .gnb-main .menu-list.bold { font-weight: 700; }

.gnb .gnb-main .toggle-area { display: none; vertical-align: top; }

.gnb .gnb-main .toggle-area.on { display: inline-block; }

.gnb .gnb-main .alarm-box { display: inline-block; vertical-align: top; top: -5px; }

.gnb .gnb-main .alarm-box .tooltip { display: block; background-image: url("/images/svg/alert-box-black.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center bottom; left: -15px; bottom: 55px; width: 280px; height: 160px; font-size: 14px; font-weight: 400; letter-spacing: -.05em; text-align: left; background-color: transparent; color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; }

.gnb .gnb-main .alarm-box .tooltip .cont { position: relative; margin: 20px; }

.gnb .gnb-main .alarm-box .tooltip .btn-close { position: absolute; top: 40px; right: 40px; z-index: 500; background-image: url("/images/svg/btn-close-white.svg"); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 16px; height: 16px; }

.gnb .gnb-main .alarm-box .cont p { display: inline-block; vertical-align: middle; width: 175px; white-space: normal; }

.gnb .gnb-main .alarm-box .icon-article { display: inline-block; vertical-align: middle; background-image: url("/images/svg/al-icon-article.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; width: 15px; height: 15px; margin-right: 4px; }

.gnb .gnb-main .alarm-box .article { display: block; color: #999; margin-top: 8px; }

.gnb .gnb-main .alarm-box .article .text { display: inline-block; vertical-align: middle; font-size: 12px; width: 145px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.gnb .gnb-main .btn-my { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; background: url("/images/svg/icon-my.svg") no-repeat left center; background-size: 32px; }

.gnb .gnb-main .btn-my .count { display: inline-block; vertical-align: bottom; margin-left: 23px; width: 18px; height: 18px; line-height: 18px; border-radius: 9px; background: #141414; text-align: center; font-size: 12px; font-weight: 500; color: #fff; font-family: 'Roboto', serif; }

.gnb .gnb-main .btn-my ins { font-size: 10px; font-weight: 400; text-decoration: none; margin-top: -1px; margin-left: 1px; }

.gnb .gnb-main .btn-open-search { display: inline-block; position: relative; vertical-align: top; margin: 13px 0 0; width: 340px; height: 44px; padding: 10px 50px 10px 18px; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #02a37f; background: #fff; }

.gnb .gnb-main .btn-open-search .rank-list { display: block; position: relative; text-align: left; overflow: hidden; }

.gnb .gnb-main .btn-open-search .rank-list ul { display: inline-block; vertical-align: top; white-space: nowrap; line-height: 20px; font-size: 0; -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); }

.gnb .gnb-main .btn-open-search .rank-list ul.is-play { -webkit-animation: 20s linear 0s infinite normal rank_rolling; -o-animation: 20s linear 0s infinite normal rank_rolling; animation: 20s linear 0s infinite normal rank_rolling; }

.gnb .gnb-main .btn-open-search .rank-list ul li { display: inline-block; vertical-align: top; font-size: 14px; letter-spacing: -.5px; color: #666; font-weight: 500; }

.gnb .gnb-main .btn-open-search .rank-list ul li + li { margin-left: 10px; }

.gnb .gnb-main .btn-open-search:after { content: ''; display: block; position: absolute; right: 12px; top: 50%; background: #fff url("/images/svg/icon-stiky-search.svg") no-repeat center; background-size: contain; width: 26px; height: 26px; margin-top: -13px; }

.gnb .gnb-main .btn-open-search.on { border-color: #fff; }

.gnb .gnb-main .btn-open-search.on .rank-list { opacity: .3; }

.gnb .gnb-main .btn-open-search.on .rank-list ul.is-play { -webkit-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }

.gnb .gnb-main .btn-open-search.on:after { opacity: .3; }

.gnb .gnb-main .gnb-total-search { display: inline-block; position: relative; vertical-align: top; margin: 13px 0 0; width: 340px; height: 44px; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #02a37f; background: #fff; }

.gnb .gnb-main .gnb-total-search input { margin-right: 50px; padding: 0 0 0 20px; width: 266px; height: 40px; font-size: 16px; border: 0; outline: 0; background-color: transparent; }

.gnb .gnb-main .gnb-total-search button { display: block; position: absolute; right: 0; top: 0; background: url("/images/svg/icon-stiky-search.svg") no-repeat center; background-size: 26px; width: 50px; height: 40px; }

.gnb .gnb-main .btn-gnb-close { display: inline-block; vertical-align: top; margin: 19px 0 0 14px; width: 32px; height: 32px; background: url("/images/svg/icon-close-gnb.svg") no-repeat center; background-size: 32px; }

.gnb .gnb-main .sub-menu { display: inline-block; vertical-align: top; position: relative; margin: 18px 0 0 0; }

.gnb .gnb-main .sub-menu .sub-menu-anchor { display: block; padding: 0; padding-right: 22px; height: 34px; line-height: 34px; font-size: 18px; letter-spacing: -1px; color: #111; font-weight: 500; background: url("/images/svg/arrowup-solid-12.svg") no-repeat right center; background-size: 12px; }

.gnb .gnb-main .sub-menu .sub-menu-anchor.on { background: url("/images/svg/arrowdown-solid-12.svg") no-repeat right center; }

.gnb .gnb-main .sub-menu .sub-menu-anchor.on + .sub-menu-list { display: block; }

.gnb .gnb-main .sub-menu .sub-menu-list { display: none; position: absolute; min-width: 180px; left: -7px; bottom: 72px; padding: 30px; border: 1px solid #e2e2e2; -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1); background: #fff; font-size: 16px; line-height: 24px; letter-spacing: -.5px; color: #111; }

.gnb .gnb-main .sub-menu .sub-menu-list ul + ul { margin-top: 20px; border-top: 1px solid #e2e2e2; padding-top: 20px; }

.gnb .gnb-main .sub-menu .sub-menu-list li + li { margin-top: 8px; }

.gnb .gnb-main .col-left { display: table-cell; vertical-align: top; white-space: nowrap; }

.gnb .gnb-main .col-right { display: table-cell; vertical-align: top; white-space: nowrap; padding-left: 40px; text-align: right; }

.gnb .gnb-main.logo-on .logo { display: inline-block; }

.gnb .gnb-whole-menu { display: none; position: absolute; left: 0; bottom: 70px; width: 100%; padding: 50px 0; background: #fff; -webkit-box-shadow: 0 2px 33px -12px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 33px -12px rgba(0, 0, 0, 0.3); }

.gnb .gnb-whole-menu .inner { position: relative; width: 1200px; margin: 0 auto; padding-left: 10px; padding-right: 10px; }

.gnb .gnb-whole-menu .col-menu-wrap { font-size: 0; }

.gnb .gnb-whole-menu .col-menu-wrap .col-menu { display: inline-block; vertical-align: top; white-space: nowrap; width: 118px; letter-spacing: -.5px; }

.gnb .gnb-whole-menu .col-menu-wrap .col-menu .tit { font-size: 16px; color: #111; font-weight: 500; margin-bottom: 12px; }

.gnb .gnb-whole-menu .col-menu-wrap .col-menu .list { font-size: 14px; line-height: 20px; color: #666; }

.gnb .gnb-whole-menu .col-menu-wrap .col-menu .list li + li { margin-top: 8px; }

.gnb .gnb-whole-menu .link-list { display: block; font-size: 0; margin-top: 60px; }

.gnb .gnb-whole-menu .link-list dl { display: inline; font-size: 14px; line-height: 30px; letter-spacing: -.05em; color: #111; }

.gnb .gnb-whole-menu .link-list dl + dl { margin-left: 40px; }

.gnb .gnb-whole-menu .link-list dt { display: inline; font-weight: 500; margin-right: 24px; }

.gnb .gnb-whole-menu .link-list dd { display: inline; color: #666; }

.gnb .gnb-whole-menu .link-list dd + dd { margin-left: 24px; }

.gnb .gnb-whole-menu .link-list .another { display: inline-block; position: relative; margin-left: 40px; padding-left: 40px; }

.gnb .gnb-whole-menu .link-list .another:before { content: ''; position: absolute; top: 10px; left: 0; width: 1px; height: 13px; background-color: #e2e2e2; }

.gnb .gnb-whole-menu .link-list li { display: inline; font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: -.05em; color: #111; }

.gnb .gnb-whole-menu .link-list li + li { margin-left: 30px; }

.gnb .gnb-whole-menu .line-div { width: 100%; height: 1px; background: #e2e2e2; margin: 22px 0 32px; }

.gnb .gnb-whole-menu .link-list-gray { display: block; font-size: 0; }

.gnb .gnb-whole-menu .link-list-gray li { display: inline; font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #111; }

.gnb .gnb-whole-menu .link-list-gray li + li { margin-left: 24px; }

.gnb .gnb-whole-menu .link-list-gray img { vertical-align: middle; }

.gnb .gnb-whole-menu .link-list-others { position: absolute; bottom: 3px; right: 10px; display: block; font-size: 0; }

.gnb .gnb-whole-menu .link-list-others li { display: inline; font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #666; }

.gnb .gnb-whole-menu .link-list-others li + li { margin-left: 24px; }

.gnb .gnb-whole-menu .link-list-others img { vertical-align: middle; }

.gnb .gnb-whole-menu.on { display: block; }

.gnb .gnb-search { display: none; position: absolute; left: 0; bottom: 70px; width: 100%; padding: 50px 0 60px 0; background: #fff; -webkit-box-shadow: 0 2px 33px -12px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 33px -12px rgba(0, 0, 0, 0.3); }

.gnb .gnb-search .inner { width: 1200px; margin: 0 auto; padding-left: 10px; padding-right: 10px; }

.gnb .gnb-search .search-header { margin: 0 0 40px; padding-top: 56px; }

.gnb .gnb-search .search-header .search-bar { width: 420px; }

.gnb .gnb-search .search-header form { height: 56px; }

.gnb .gnb-search .search-header fieldset { position: relative; }

.gnb .gnb-search .search-header .input-box { height: 56px; padding: 15px 18px 15px 28px; border: 2px solid #02a37f; font-size: 0; }

.gnb .gnb-search .search-header .input-box input { width: 336px; height: 22px; line-height: 22px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gnb .gnb-search .search-header .input-box .btn-sch { width: 32px; height: 32px; margin: -5px 0; font-size: 0; }

.gnb .gnb-search .hotkeyword-area { display: block; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab { float: right; width: 340px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .title { margin: -50px 0 21px 40px; line-height: 29px; font-size: 26px; letter-spacing: -1px; font-weight: 400; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .title strong { font-weight: 700; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .date { font-weight: 400; letter-spacing: -.0125em; color: #999; margin-top: -35px; float: right; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list > li > a { height: 24px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li { line-height: 56px; padding: 16px 20px 16px 40px; background: #fff; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li a { display: block; line-height: 24px; font-size: 16px; font-weight: 400; color: #111; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li .num { display: inline-block; vertical-align: baseline; width: 24px; font-size: 18px; line-height: 21px; font-family: 'Roboto'; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li .hotkeyword-related-list { display: none; background: transparent; overflow: hidden; height: 80px; margin: 12px 0 20px 24px; padding: 12px 0 0 0; border-top: 1px solid #e2e2e2; font-size: 0; line-height: 0; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li .hotkeyword-related-list li { display: inline-block; vertical-align: top; background: transparent; padding: 0; margin: 12px 30px 0 0; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li .hotkeyword-related-list li a { display: block; font-size: 14px; line-height: 22px; letter-spacing: -.5px; color: #666; font-weight: 400; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li.on { background: #f4f4f4; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li.on a { font-weight: 500; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-tab .hotkeyword-list li.on .hotkeyword-related-list { display: block; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content { display: none; float: left; width: 840px; height: 280px; padding: 40px; background: #f4f4f4; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main { float: left; width: 400px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box { font-size: 0; margin-bottom: 10px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .text-box { display: inline-block; vertical-align: top; width: 260px; margin-right: 20px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .text-box .ttl { display: block; margin-bottom: 5px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .text-box .tit { display: block; font-size: 22px; line-height: 32px; letter-spacing: -1px; max-height: 64px; overflow: hidden; margin: 0; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .text-box .date { display: block; margin-top: 5px; line-height: 20px; font-size: 12px; letter-spacing: -.5px; color: #666; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .img-box { display: inline-block; vertical-align: top; width: 120px; height: 90px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .img-box > a { display: block; height: 100%; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .info-box .img-box img { overflow: hidden; display: block; width: 100%; height: 100%; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-main .text { font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #666; max-height: 72px; overflow: hidden; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-list { float: right; width: 320px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-list li { font-size: 16px; line-height: 24px; letter-spacing: -.5px; color: #111; font-weight: 500; max-height: 48px; overflow: hidden; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content .hotkeyword-news-list li + li { margin-top: 28px; }

.gnb .gnb-search .hotkeyword-area .hotkeyword-content.on { display: block; }

.gnb .gnb-search .hotkeyword-area:after { content: ''; display: block; clear: both; }

.gnb .gnb-search.on { display: block; }

.gnb .btn-gnb-open { display: none; position: absolute; right: 0; bottom: 0; width: 70px; height: 70px; background: #1f1f1f url("/images/svg/menu-white-32.svg") no-repeat center; background-size: 37px; }

.gnb.closed { left: auto; right: 10px; width: 70px; }

.gnb.closed .btn-gnb-open { display: block; }

.gnb.closed .gnb-main { display: none; }

@media (max-width: 1350px) { .gnb .gnb-main .btn-open-search { width: 120px; }
  .gnb .gnb-main .btn-open-search .rank-list ul.is-play { -webkit-animation: 20s linear 0s infinite normal rank_rolling_small; -o-animation: 20s linear 0s infinite normal rank_rolling_small; animation: 20s linear 0s infinite normal rank_rolling_small; } }

.slick-slider .slick-slide { outline: none; }

.slick-arrow { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -10px; }

.slick-arrow:before { content: ''; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; width: 60px; height: 60px; }

.slick-arrow.slick-prev { left: -60px; }

.slick-arrow.slick-prev:before { background-image: url("/images/svg/icon-op-indi-prev.svg"); }

.slick-arrow.slick-next { right: -60px; }

.slick-arrow.slick-next:before { background-image: url("/images/svg/icon-op-indi-next.svg"); }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.datepicker { width: 312px; }

.datepicker--content { padding-left: 0; padding-right: 0; }

.datepicker--content .datepicker--months, .datepicker--content .datepicker--years { width: 260px; margin: 0 auto; }

.datepicker--content .datepicker--days { width: 280px; margin: 0 auto; }

.datepicker--cell.-weekend-.-disabled- .saturday { color: #aeaeae; }

.datepicker--cell.-weekend-.-disabled- .sunday { color: #aeaeae; }

.datepicker--nav-action:hover, .datepicker--nav-title:hover { background: transparent; }

.datepicker--cell.-other-month- { color: #aeaeae; }

.datepicker--cell.-other-month-.-weekend- span { color: #aeaeae; }

.datepicker--cells-months { height: auto; }

.datepicker--cells-years, .datepicker--years { height: auto; }

.datepicker--days-names { margin: 0; }

.datepicker--day-name { font-size: 14px; font-weight: 700; color: #111; width: 40px; height: 40px; }

.datepicker--content { padding-top: 0; }

.datepicker--content .datepicker--cell.-selected- { background-color: #02a37f; color: #fff; border-radius: 0; }

.datepicker--content .datepicker--cell-day.-current- { position: relative; font-weight: 500; background-color: #fff; color: #02a37f; }

.datepicker--content .datepicker--cell-day.-current-.-selected- { background-color: #02a37f; color: #fff; }

.datepicker--nav { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom: none; padding-top: 24px; padding-bottom: 24px; }

.datepicker--nav .icon-prev, .datepicker--nav .icon-next { text-indent: -9999px; background-repeat: no-repeat; background-size: 100%; background-position: center; width: 24px; height: 24px; }

.datepicker--nav .icon-prev { background-image: url("/images/svg/calendar-prev-arrow.svg"); }

.datepicker--nav .icon-next { background-image: url("/images/svg/calendar-next-arrow.svg"); }

.datepicker--nav .datepicker--nav-action:first-child { position: relative; top: 2px; margin-right: 20px; }

.datepicker--nav .datepicker--nav-action:last-child { position: relative; top: 2px; margin-left: 20px; }

.datepicker--cell { font-family: 'Roboto', serif; font-size: 22px; width: 19%; height: 50px; margin-right: 18px; padding: 12px; color: #111; cursor: pointer; }

.datepicker--cell:nth-child(1) { margin-bottom: 30px; }

.datepicker--cell:nth-child(2) { margin-bottom: 30px; }

.datepicker--cell:nth-child(3) { margin-bottom: 30px; }

.datepicker--cell:nth-child(4) { margin-bottom: 30px; }

.datepicker--cell:nth-child(5) { margin-bottom: 30px; }

.datepicker--cell:nth-child(6) { margin-bottom: 30px; }

.datepicker--cell:nth-child(7) { margin-bottom: 30px; }

.datepicker--cell:nth-child(8) { margin-bottom: 30px; }

.datepicker--cell:nth-child(4n) { margin-right: 0; }

.datepicker--cell.-disabled- { color: #aeaeae; }

.datepicker--cell.-disabled-.-focus- { background-color: transparent; }

.datepicker--cell.-disabled-.-focus-:after { content: none; }

.datepicker--cell-day.-focus- { border-radius: 0; position: relative; background-color: transparent; }

.datepicker--cell-day.-focus-:after { content: ''; position: absolute; bottom: 2px; left: 10px; width: 20px; height: 2px; background-color: #02a37f; }

.datepicker--pointer { display: none; }

.datepicker--nav-title { font-size: 32px; color: #111; }

.datepicker--nav-title .year, .datepicker--nav-title .month { font-size: 26px; }

.datepicker--cell.-focus- { border-radius: 0; position: relative; background-color: transparent; }

.datepicker--cell.-focus-:after { content: ''; position: absolute; bottom: 2px; left: 10px; right: 10px; height: 2px; background-color: #02a37f; }

.datepicker--cell.-current- { color: #02a37f; }

.datepicker--cell.-current-.-focus- { color: #02a37f; border-radius: 0; position: relative; background-color: transparent; }

.datepicker--cell.-current-.-focus-:after { content: ''; position: absolute; bottom: 2px; left: 10px; right: 10px; height: 2px; background-color: #02a37f; }

.datepicker--cells-years .datepicker--cell.-focus-:after { left: 0; right: 0; }

.days-calendar .datepicker--content { padding-top: 0; }

.days-calendar .datepicker--cells { width: auto; height: auto; }

.days-calendar .datepicker--cell-day { font-size: 16px; width: 40px; height: 40px; margin: 0; }

.month-calendar .datepicker--cell-month.-selected-.-focus- { background-color: #02a37f; color: #fff; }

.month-calendar .datepicker--cell-month.-selected-.-focus-:after { content: none; }

.month-calendar .datepicker--cell-month.-focus- { position: relative; background-color: transparent; }

.month-calendar .datepicker--cell-month.-focus-:after { content: ''; position: absolute; bottom: 2px; left: 10px; width: 30px; height: 2px; background-color: #02a37f; }

.month-calendar .datepicker--cell-month.-current- { position: relative; font-weight: 500; color: #02a37f; }

.month-calendar .datepicker--cell-month.-current-.-selected- { color: #fff; }

.month-calendar .datepicker--cell-month.-current-.-selected-.-focus- { color: #fff; }

.month-calendar .datepicker--content { width: 260px; margin: 0 auto; }

.month-calendar .datepicker--cell-month.-disabled-.-focus- { background-color: transparent; color: #aeaeae; }

.month-calendar .datepicker--cell-month.-disabled-.-focus-:after { content: none; }

.datepicker--content { padding-bottom: 16px; }

.story-film .section-recent { padding-bottom: 10px; }

.section-recent { padding-top: 43px; padding-bottom: 50px; }

.section-recent .title-area { border-bottom: 2px solid #333; margin-bottom: 60px; padding-bottom: 15px; }

.opinion .section-recent .title-area { margin-bottom: 50px; }

.section-recent .title-area h2, .section-recent .title-area p, .section-recent .title-area div { display: inline-block; vertical-align: bottom; }

.section-recent .title-area h2 { font-size: 46px; font-weight: 700; letter-spacing: -.033em; padding-right: 18px; }

.section-recent .title-area .category, .section-recent .title-area .section-title { position: relative; top: -4px; letter-spacing: -.004em; }

.section-recent .title-area .category { line-height: 1.4em; }

.section-recent .title-area .section-title { display: inline-block; vertical-align: middle; letter-spacing: -0.0125em; width: 100%; max-width: 650px; height: 17px; line-height: 18px; overflow: hidden; padding-left: 4px; }

.section-recent .title-area .section-title a { width: 100%; line-height: 16px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; }

.section-recent .title-area .right-area { float: right; margin-top: -20px; }

/*
.mac, .ios {
    .section-recent .title-area .section-title {
        top: -2px
    }
}
*/
.grid-type .recent-large { position: relative; display: inline-block; vertical-align: top; width: 800px; margin-right: 36px; }

.grid-type .recent-area h3 { font-size: 36px; font-weight: 500; line-height: 46px; letter-spacing: -.05em; color: #111; width: 360px; height: 138px; margin-bottom: 8px; overflow: hidden; }

.grid-type .recent-area h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.grid-type .recent-area .date { display: block; letter-spacing: -.036em; margin-bottom: 28px; }

.grid-type .recent-area .text { font-size: 16px; letter-spacing: -.035em; height: 112px; line-height: 28px; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.grid-type .recent-area .text a { display: inline-block; }

.grid-type .recent-area .inn { display: inline-block; vertical-align: top; width: 360px; margin-right: 36px; }

.grid-type .recent-area .img-box { display: inline-block; vertical-align: top; width: 400px; height: 300px; }

.grid-type .recent-area .img-box a { height: 100%; }

.grid-type .recent-area .img-box.video { position: relative; cursor: pointer; }

.grid-type .recent-area .img-box.video:after { content: ''; display: inline-block; position: absolute; bottom: 20px; left: 20px; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.magazine-type .recent-large { display: inline-block; width: 699px; margin-right: 36px; }

.magazine-type .recent-large h3 { font-size: 32px; font-weight: 500; text-align: center; }

.magazine-type .recent-large h3 a { display: inline-block; }

.magazine-type .recent-large .text { font-size: 16px; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.magazine-type .recent-large .img-box { width: 700px; height: 525px; margin-bottom: 29px; }

.magazine-type .recent-large .ttl { margin-bottom: 7px; }

.magazine-type.culture .recent-large { width: 700px; }

.magazine-type.culture .recent-large h3 { width: 315px; }

.magazine-type.culture .recent-large .img-box { width: 700px; height: 525px; }

.magazine-type.culture .recent-large .img-box img { width: 700px; height: 525px; }

.magazine-type.culture .recent-list { width: 440px; }

.magazine-type.culture .recent-list .inn { width: 240px; }

.magazine-type.culture .recent-list .inn h3 { height: 93px; margin-bottom: 16px; }

.magazine-type.culture .recent-list .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.magazine-type.special .recent-large .img-box { width: 700px; height: 526px; }

.magazine-type.sports .recent-large .recent-area h3 { display: inline-block; text-align: left; letter-spacing: -.05em; width: 290px; line-height: 42px; margin-right: 36px; margin-bottom: 0; }

.magazine-type.sports .recent-large .recent-area .text { display: inline-block; font-size: 16px; width: 370px; height: 110px; line-height: 28px; overflow: hidden; }

.ratio-type .recent-large { display: inline-block; vertical-align: top; width: 800px; margin-right: 36px; }

.ratio-type .recent-area .img-box { display: inline-block; vertical-align: top; width: 400px; height: 300px; margin-left: 36px; }

.ratio-type .recent-area .img-box.video { position: relative; }

.ratio-type .recent-area .img-box.video:after { content: ''; position: absolute; bottom: 20px; left: 20px; display: inline-block; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.ratio-type .recent-area .inn { display: inline-block; vertical-align: top; width: 360px; }

.ratio-type .recent-area h3 { font-size: 32px; font-weight: 500; height: 138px; line-height: 42px; letter-spacing: -.05em; margin-bottom: 28px; overflow: hidden; }

.ratio-type .recent-area h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.ratio-type .recent-area .text { font-size: 16px; height: 112px; line-height: 28px; letter-spacing: -0.074em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.ratio-type .section-large-list { position: relative; border-top: 1px solid #e2e2e2; margin-top: 35px; padding-top: 25px; }

.ratio-type .section-large-list .inn { display: inline-block; vertical-align: top; width: 280px; height: 64px; margin-right: 16px; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.ratio-type .section-large-list h3 { font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -.065em; color: #111; }

.ratio-type .section-large-list .text { display: inline-block; vertical-align: top; line-height: 24px; width: 400px; height: 72px; letter-spacing: -.05em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.animal-serial { position: relative; }

.animal-serial .btn-more { border: 1px solid rgba(82, 145, 171, 0.2); }

.ratio-type.entertainment .recent-large .recent-area .img-box { margin-right: 36px; margin-left: 0; }

.section-recent .recent-list { position: relative; display: inline-block; vertical-align: top; width: 341px; }

.section-recent .recent-list > li { margin-bottom: 23px; }

.section-recent .recent-list > li:last-child { margin-bottom: 0; }

.section-recent .recent-list h3 { font-size: 18px; font-weight: 500; letter-spacing: -.065em; line-height: 26px; overflow: hidden; }

.section-recent .recent-list .text { height: 96px; line-height: 24px; letter-spacing: -.04em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.section-recent .recent-list .img-box { display: inline-block; vertical-align: top; width: 136px; height: 102px; }

.section-recent .recent-list .img-box.video { position: relative; cursor: pointer; }

.section-recent .recent-list .img-box.video:after { content: ''; position: absolute; left: 6px; bottom: 6px; display: inline-block; width: 24px; height: 24px; background-image: url("/images/svg/icon-play-24.svg"); background-repeat: no-repeat; background-size: 24px; }

.section-recent .recent-list .long-type .img-box, .section-recent .recent-list .long-type .inn { vertical-align: bottom; }

.section-recent .recent-list .video-article { position: relative; }

.section-recent .recent-list .video-article .title-box { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 10px 50px 10px 18px; }

.section-recent .recent-list .video-article h3 { font-size: 16px; line-height: 24px; letter-spacing: -0.032em; }

.section-recent .recent-list .video-article .btn-play { position: absolute; bottom: 15px; right: 12px; background-image: url("/images/svg/icon-mv-video.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; width: 30px; height: 30px; }

.grid-type.politics .section-large-list .text, .grid-type.economy .section-large-list .text, .grid-type.social .section-large-list .text, .grid-type.global .section-large-list .text, .grid-type.region .section-large-list .text { height: 72px; }

.grid-type.economy .section-recent .recent-list .inn { margin-bottom: 10px; }

.grid-type.economy .section-recent .recent-list > li { margin-bottom: 20px; }

.grid-type .section-large-list { position: relative; border-top: 1px solid #e2e2e2; margin-top: 45px; padding-top: 29px; }

.grid-type .section-large-list .inn { display: inline-block; vertical-align: top; width: 360px; margin-right: 37px; }

.grid-type .section-large-list .inn .ttl { padding-bottom: 5px; }

.grid-type .section-large-list .inn h3 { font-size: 22px; font-weight: 500; height: 64px; line-height: 32px; letter-spacing: -0.04em; color: #111; overflow: hidden; }

.grid-type .section-large-list .inn h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.grid-type .section-large-list .text { display: inline-block; vertical-align: top; font-size: 14px; width: 400px; height: 96px; line-height: 24px; letter-spacing: -0.045em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.grid-type .recent-list .inn { display: inline-block; vertical-align: top; margin-bottom: 14px; }

.grid-type .recent-list .inn h3 { display: inline-block; vertical-align: top; }

.grid-type .recent-list .inn .title-box { display: inline-block; vertical-align: top; width: 184px; margin-right: 16px; }

.grid-type .recent-list .inn .title-box .ttl { margin-bottom: 4px; }

.grid-type .recent-list .inn .title-box h3 { display: block; height: 78px; overflow: hidden; }

.grid-type .recent-list .inn .title-box h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.magazine-type .recent-list { width: 440px; }

.magazine-type .recent-list .img-box { width: 180px; height: 135px; margin-right: 16px; }

.magazine-type .recent-list .img-box a { height: 100%; }

.magazine-type .recent-list .inn { display: inline-block; vertical-align: top; }

.magazine-type .recent-list h3 { font-size: 22px; line-height: 32px; overflow: hidden; }

.life .recent-list > li { margin-bottom: 24px; }

.life .recent-list .rowner { margin-bottom: 10px; }

.life .recent-list .img-box { width: 180px; height: 135px; }

.life .recent-list .inn { width: 240px; }

.life .recent-list .inn h3 { height: 100px; }

.life .recent-list .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.life .recent-list .text { height: 72px; }

.life .recent-list .cartoon { border: 1px solid #e2e2e2; height: 204px; padding: 20px; }

.life .recent-list .cartoon .img-box { width: 164px; height: 164px; }

.life .recent-list .cartoon .inn { text-align: center; width: 207px; margin: 0 auto; padding-top: 8px; }

.life .recent-list .cartoon .ttl { font-weight: 500; padding-bottom: 5px; }

.life .recent-list .cartoon .date { line-height: 24px; margin-bottom: 24px; }

.life .recent-list .cartoon .text { font-size: 18px; height: 90px; line-height: 30px; letter-spacing: -.05em; color: #111; overflow: hidden; }

.life .recent-list .cartoon .text a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.ratio-type .recent-list .inn { display: inline-block; vertical-align: top; margin-bottom: 14px; }

.ratio-type .recent-list .inn h3 { display: inline-block; vertical-align: top; }

.ratio-type .recent-list .inn .img-box { width: 136px; height: 102px; }

.ratio-type .recent-list .inn .title-box { display: inline-block; vertical-align: top; width: 184px; margin-right: 16px; }

.ratio-type .recent-list .inn .title-box .ttl { margin-bottom: 4px; }

.ratio-type .recent-list .inn .title-box h3 { display: block; height: 78px; overflow: hidden; }

.ratio-type .recent-list .inn .title-box h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.ratio-type .section-large-list .inn { width: 360px; margin-right: 36px; }

.ratio-type .section-large-list .inn h3 { font-size: 22px; font-weight: 400; width: 100%; line-height: 32px; color: #111; }

.ratio-type .section-large-list .content-area { display: inline-block; vertical-align: top; width: 460px; }

.sports .recent-list .inn { width: 100%; margin-bottom: 10px; }

.sports .recent-list h3 { display: inline-block; vertical-align: top; width: 180px; margin: 0; }

.sports .recent-list.embeded-long-type .text { height: 48px; }

.sports .recent-list .text { height: 71px; }

.sports .recent-list .long-type .img-box { height: 255px; }

.sports .recent-list .long-type .inn { width: 180px; margin-bottom: 0; }

.sports .recent-list .long-type h3 { height: 100px; margin-bottom: 18px; }

.sports .recent-list .long-type .text { letter-spacing: -.05em; height: 94px; }

.special .section-recent .recent-list .long-type .inn h3 { height: 62px; }

.special .section-recent .recent-list .long-type .inn h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.special .section-recent .recent-list .long-type .inn .text { height: 96px; }

.special .section-recent .recent-list .long-type .inn .text a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.topic-section ol > li { border: 1px solid transparent; height: 99px; margin-bottom: 2px; -webkit-transition: border .3s ease, -webkit-box-shadow .3s ease; transition: border .3s ease, -webkit-box-shadow .3s ease; -o-transition: border .3s ease, box-shadow .3s ease; transition: border .3s ease, box-shadow .3s ease; transition: border .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease; }

.topic-section ol > li.on { border: 1px solid #f2f2f2; -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1); }

.topic-section h3 { font-size: 18px; letter-spacing: -.05em; color: #111; margin-bottom: 10px; }

.topic-section .inn, .topic-section .img-box, .topic-section .text { display: inline-block; vertical-align: middle; }

.topic-section .inn { text-align: center; width: 49px; }

.topic-section .ranking { font-family: 'roboto'; font-size: 28px; font-weight: 300; letter-spacing: -0.021em; padding-bottom: 3px; }

.topic-section .img-box { width: 100px; height: 75px; margin: 12px 12px 12px 0; }

.topic-section .img-box.video { position: relative; cursor: pointer; }

.topic-section .img-box.video:after { content: ''; position: absolute; left: 6px; bottom: 6px; display: inline-block; width: 24px; height: 24px; background-image: url("/images/svg/icon-play-24.svg"); background-repeat: no-repeat; background-size: 24px; }

.topic-section .text { font-size: 16px; width: 173px; height: 47px; line-height: 24px; overflow: hidden; }

.topic-section .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.recent-list .with-ttl .rowner { padding-bottom: 14px; }

.recent-list .with-ttl .inn { display: inline-block; vertical-align: top; margin-bottom: 0; }

.recent-list .with-ttl .inn h3 { height: 66px; }

.recent-list .with-ttl .ttl { padding-bottom: 6px; }

.global .interview-type.section-large-list { margin-top: 50px; }

.politics .interview-type.section-large-list { margin-top: 45px; }

.interview-type.section-large-list { border-top: 1px solid #e2e2e2; position: relative; margin-top: 55px; padding-top: 29px; }

.interview-type.section-large-list .up-title { position: absolute; top: -8px; left: 0; font-size: 16px; font-weight: 500; letter-spacing: -.06em; background-color: #fff; color: #111; padding-left: 20px; padding-right: 20px; }

.interview-type.section-large-list .up-title:before, .interview-type.section-large-list .up-title:after { content: ''; position: absolute; top: 2px; width: 2px; height: 11px; background-color: #e2e2e2; }

.interview-type.section-large-list .up-title:before { left: 0; }

.interview-type.section-large-list .up-title:after { right: 0; }

.interview-type.section-large-list .inn { width: 300px; }

.interview-type.section-large-list .inn h3 { font-family: 'Nanum Myeongjo', serif; font-size: 24px; line-height: 36px; height: 72px; }

.interview-type.section-large-list .content-area { width: 420px; }

.interview-type.section-large-list .text { width: 460px; height: 74px; }

.btn-box { position: relative; width: 118px; height: 40px; line-height: 36px; border-radius: 20px; background-color: #fff; }

.btn-box.btn-border { border: solid 1px rgba(82, 145, 171, 0.2); }

.btn-box a { display: block; font-size: 14px; color: #666; text-align: center; }

.btn-box a:hover .icon-refresh { -webkit-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.btn-box span { display: inline-block; vertical-align: middle; line-height: 1.25em; }

.btn-box span.icon-refresh { position: relative; width: 16px; height: 16px; margin-left: 10px; background-position: -88px -154px; width: 16px; height: 16px; }

.btn-box span.icon-more-blue { height: 16px; }

.full-btn-box { width: 100%; text-align: center; }

.btn-more { text-align: center; }

.btn-more .icon-arrow { background-position: -100px -60px; width: 18px; height: 19px; vertical-align: middle; }

.full-width { background: #f1f3f5; }

/* 문화 기획연재 */
.culture-serial { position: relative; padding: 50px 10px 60px; }

.culture-serial .btn-box { position: absolute; top: 44px; right: 10px; line-height: 36px; }

.culture-serial .title-section { margin-bottom: 26px; }

.culture-serial .list-serialize { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.culture-serial .list-serialize li { width: 280px; height: 466px; padding: 25px 0 0; margin-left: 20px; background: #fff; line-height: 20px; letter-spacing: -.05em; }

.culture-serial .list-serialize li .ttl { font-weight: 400; height: 24px; margin-bottom: 4px; padding: 0 20px; overflow: hidden; }

.culture-serial .list-serialize li .ttl-sub { font-size: 14px; letter-spacing: -.05em; height: 40px; margin-bottom: 12px; padding: 0 20px; overflow: hidden; color: #999; }

.culture-serial .list-serialize li .ttl-sub a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.culture-serial .list-serialize li h4 { font-size: 16px; font-weight: 500; line-height: 24px; color: #111; margin-bottom: 14px; }

.culture-serial .list-serialize li h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.culture-serial .list-serialize li .txt { font-size: 14px; max-height: 44px; line-height: 24px; color: #666; overflow: hidden; }

.culture-serial .list-serialize li .txt a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.culture-serial .list-serialize li .txt.line-2 { margin-top: 12px; }

.culture-serial .list-serialize li:first-child { margin-left: 0; }

.culture-serial .list-serialize li .content-box { padding: 0 20px; }

.opinion .serial-section { position: relative; margin-bottom: 60px; }

.opinion .serial-section .list-serialize .category { margin-bottom: 6px; }

.opinion .serial-section .list-serialize li { height: 466px; }

.opinion .serial-section .list-serialize .img-box { margin-bottom: 23px; }

.opinion .serial-section .list-serialize h4 { font-size: 18px; max-height: 56px; line-height: 26px; overflow: hidden; }

.opinion .serial-section .list-serialize h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .serial-section .list-serialize .txt { height: auto; line-height: 24px; max-height: 44px; }

.opinion .serial-section .list-serialize .txt a { height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .serial-section .btn-more { top: 0; }

.list-serialize.border-frame li { border: 1px solid #e2e2e2; }

.list-serialize .image-box, .list-serialize .img-box { background-color: #fff; background-color: transparent; width: 100%; height: 210px; margin-bottom: 20px; }

.list-serialize .img-box.video { position: relative; cursor: pointer; }

.list-serialize .img-box.video:after { content: ''; display: inline-block; position: absolute; bottom: 20px; left: 20px; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.list-serialize .content-box { margin-bottom: 27px; }

.serial-section { margin-top: 50px; }

.serial-section .title-section { margin-bottom: 32px; }

.serial-section .list-serialize li { position: relative; display: inline-block; vertical-align: top; width: 280px; height: 466px; padding-top: 24px; margin-left: 16px; }

.serial-section .list-serialize li:first-child { margin-left: 0; }

.serial-section .list-serialize .category { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700; margin-bottom: 15px; padding-left: 20px; }

.serial-section .list-serialize .more { position: absolute; top: 27px; right: 20px; display: inline-block; vertical-align: middle; font-size: 12px; color: #999; }

.serial-section .list-serialize .sub-ttl { letter-spacing: -.05em; height: 22px; line-height: 22px; color: #808080; margin-bottom: 17px; padding-left: 20px; padding-right: 20px; overflow: hidden; }

.serial-section .list-serialize .content-box { padding-left: 20px; padding-right: 20px; }

.serial-section .list-serialize h4 { font-size: 16px; font-weight: 500; width: 240px; line-height: 24px; color: #111; margin-bottom: 10px; }

.serial-section .list-serialize .txt { width: 240px; max-height: 46px; line-height: 24px; color: #666; overflow: hidden; }

.serial-section .list-serialize .txt a { height: 100%; }

.story-animal .culture-serial { padding-bottom: 10px; }

.story-animal .title-section { margin-bottom: 38px; }

.story-animal .list-serialize { text-align: left; }

.story-animal .list-serialize .sub-ttl { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 15px; }

.story-animal .list-serialize .image-box { margin-bottom: 20px; }

.story-animal .list-serialize li h4 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }

.story-film .recent-list { width: 540px; }

.story-film .recent-list li { display: inline-block; vertical-align: top; width: 250px; margin-right: 36px; margin-bottom: 40px; }

.story-film .recent-list li:nth-child(2n) { margin-right: 0; }

.story-film .recent-list .img-box { width: 250px; height: 140px; margin-bottom: 16px; }

.story-film .recent-list h3 { font-size: 18px; line-height: 26px; color: #111; }

/* PO_H */
/* [공통]section_morenews, section_morenews_bnn */
.inner.morenews { margin-top: 50px; }

.morenews { position: relative; margin: 50px auto; }

.morenews .tab { width: 842px; min-height: 780px; margin-right: 340px; }

.morenews .search-result { font-size: 16px; line-height: 28px; margin-top: 30px; margin-left: 0; }

.morenews .search-result > p { display: inline-block; vertical-align: middle; letter-spacing: -.05em; }

.morenews .search-result strong { color: #02a37f; }

.morenews .search-result .col-right { float: right; }

.morenews .search-result .col-right a { font-size: 14px; }

.morenews .tab-menu { position: relative; height: 72px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; }

.morenews .tab-menu .inn { height: 70px; line-height: 70px; }

.morenews .tab-menu .inn a { position: relative; display: inline-block; font-size: 16px; letter-spacing: -.063em; padding: 18px 0; color: #666; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; will-change: color; padding-top: 0; padding-bottom: 0; margin-right: 46px; }

.morenews .tab-menu .inn a:after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background-color: #111; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; will-change: width; }

.morenews .tab-menu .inn a:hover:after { width: 100%; }

.morenews .tab-menu .inn a.on { font-weight: bold; color: #000; }

.morenews .tab-menu .inn a.on:after { left: 0; width: 100%; height: 2px; background-color: #111; }

.morenews .tab-menu .inn a:last-of-type { margin-right: 0; }

.morenews .tab-menu .inn a:hover { font-weight: bold; }

.morenews .tab-menu .search { position: absolute; top: 0; right: 0; width: 240px; height: 50px; border: 1px solid #e2e2e2; border-radius: 25px; background: #fafafa; }

.morenews .tab-menu .search input[type='text'] { width: 156px; height: 30px; margin: 9px 0 9px 16px; line-height: 30px; border: 0; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.morenews .tab-contents li { position: relative; padding: 30px 0; border-bottom: 1px solid #e2e2e2; }

.morenews .tab-contents .visited > div { opacity: .6; }

.morenews .tab-contents .inn { margin-right: 240px; }

.morenews .tab-contents .inn a { display: inline-block; }

.morenews .tab-contents .ttl { line-height: 18px; letter-spacing: -.05em; margin-bottom: 5px; }

.morenews .tab-contents h4 { font-size: 18px; height: 21px; line-height: 21px; font-weight: 700; margin-bottom: 6px; overflow: hidden; }

.morenews .tab-contents h4 .picture-count { font-size: 12px; font-weight: 400; background-image: url("/images/svg/img-window.svg"); background-repeat: no-repeat; background-position: center; background-size: 100%; display: inline-block; vertical-align: top; width: 21px; height: 21px; color: #999; margin-left: 9px; padding-top: 1px; padding-left: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.morenews .tab-contents .date { margin-bottom: 9px; }

.morenews .tab-contents .date span { margin-right: 5px; font-family: 'Roboto', serif; font-size: 12px; line-height: 14px; color: #999; letter-spacing: -.05em; }

.morenews .tab-contents .text { height: 48px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.morenews .tab-contents .text a { display: block; }

.morenews .tab-contents .img-box { position: absolute; top: 30px; right: 0; width: 160px; height: 120px; }

.morenews .tab-contents .img-box a { position: relative; width: 100%; height: 120px; text-align: right; }

.morenews .tab-contents .img-box a img { display: block; }

.morenews .tab-contents .img-box .icon-play { position: absolute; bottom: 10px; left: 10px; display: block; background-image: url("/images/svg/icon-mv-video.svg"); background-repeat: no-repeat; background-size: 100%; height: 22px; width: 22px; }

.morenews .tab-contents .img-box.video { position: absolute; }

.morenews .full-btn-box { padding-top: 20px; padding-bottom: 20px; }

.morenews .full-btn-box .btn-more span { font-weight: 700; line-height: 25px; }

.morenews .banner-right { position: absolute; top: 0; right: 0; }

.morenews .banner-right p { font-size: 12px; line-height: 18px; color: #999; }

.banner-right { padding: 28px 0; width: 300px; text-align: center; background: #f7f7f7; }

.banner-right h3 { font-size: 12px; font-weight: 400; letter-spacing: 0; color: #999; }

.banner-right .img-box { margin: 0 auto; width: 250px; text-align: center; background: none; }

.banner-right .img-box + .img-box { margin-top: 16px; }

.banner-right .img-box img { display: block; }

.banner-right + .banner-right { margin-top: 40px; }

.story-film .morenews { margin-top: 50px; }

.story-film .morenews .tab-contents { padding-top: 40px; }

.story-film .morenews li { display: inline-block; vertical-align: top; width: 192px; margin-right: 20px; padding-top: 0; padding-bottom: 40px; border-bottom: none; }

.story-film .morenews li:nth-child(4n) { margin-right: 0; }

.story-film .morenews .inn { margin: 0; }

.story-film .morenews .ttl { line-height: 22px; }

.story-film .morenews h4 { font-size: 16px; font-weight: 500; height: 48px; line-height: 24px; color: #111; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.story-film .morenews .full-btn-box { border-top: 1px solid #ccc; }

.story-film .tab-contents .img-box { position: static; top: 0; width: 192px; height: 108px; margin-bottom: 10px; }

.story-film .tab-contents .img-box.video { position: relative; }

.story-film .tab-contents .img-box a { height: auto; }

.story-film .tab-contents .video a { position: relative; }

.story-film .tab-contents .video a:after { content: ''; position: absolute; bottom: 10px; left: 10px; background-image: url("/images/svg/icon-play-transparent.svg"); background-repeat: no-repeat; background-size: 100%; width: 24px; height: 24px; }

.comment-area { position: relative; }

.comment-area .banner-right { position: absolute; top: 60px; left: 50%; margin-left: 200px; }

.read-mode .comment-area .banner-right { display: none; }

.read-mode .end-body .inner .banner-right { display: none; }

@media (max-width: 1390px) { .comment-area { position: relative; }
  .comment-area .banner-right { left: 0; margin-left: 900px; }
  .container.end .end-body .inner .banner-right { left: 0; margin-left: 900px; } }

.ad-banner { background-color: #f7f7f7; padding: 16px 0; }

.ad-banner .inner { font-size: 0; text-align: center; }

.ad-banner .img-box { background: none; }

.ad-banner .ad-item { display: inline-block; background-color: transparent; vertical-align: middle; }

.ad-banner .ad-item + .ad-item { margin-left: 30px; }

.ad-banner .slick-arrow { margin-top: 0; }

.ad-banner .slick-prev { left: -50px; }

.ad-banner .slick-next { right: -50px; }

.ad-banner .slick-slide img { width: 100%; }

.ad-banner.type-half .inner.slick-slider { width: 980px; padding-left: 0; padding-right: 0; }

.ad-banner.type-half .inner .slick-prev { left: -80px; }

.ad-banner.type-half .inner .slick-next { right: -80px; }

.ad-banner.type-half a:first-child { margin-right: 68px; }

.ad-banner.type-quattro .inner.slick-slider { width: 1094px; padding-left: 0; padding-right: 0; }

.ad-banner.type-quattro .inner .slick-slide.img-box > a { display: inline-block; }

.ad-banner.type-quattro .inner .slick-prev { left: -80px; }

.ad-banner.type-quattro .inner .slick-next { right: -80px; }

.ad-banner.type-quattro a { margin-left: 30px; }

.ad-banner.type-quattro a:first-child { margin-left: 0; }

.ad-banner.type-quattro img { display: block; width: 250px; height: 250px; }

.end .ad-banner .slick-prev { left: 45px; }

.end .ad-banner .slick-next { right: 45px; }

.search .ad-banner .slick-prev { left: -60px; }

.search .ad-banner .slick-next { right: -60px; }

.theme-box { position: relative; padding-bottom: 50px; padding-top: 50px; }

.theme-box.tab-type { height: 785px; }

.life .theme-box { height: 760px; padding-top: 50px; }

.focus .theme-box { padding-top: 50px; }

.culture .theme-box { height: 745px; padding-bottom: 50px; }

.life .theme-box .btn-box { top: 44px; }

.entertainment .theme-box .btn-box { top: 44px; }

.theme-box .display-content { position: relative; padding-top: 26px; }

.theme-box .display-content.tab { border-bottom: 1px solid #e2e2e2; }

.theme-box .display-menu { display: inline-block; vertical-align: middle; margin-right: 50px; }

.theme-box .display-menu:last-of-type { margin-right: 0; }

.theme-box .display-menu button { position: relative; display: inline-block; font-size: 16px; letter-spacing: -.063em; padding: 18px 0; color: #666; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; will-change: color; font-size: 18px; }

.theme-box .display-menu button:after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background-color: #111; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; will-change: width; }

.theme-box .display-menu button:hover:after { width: 100%; }

.theme-box .display-menu button.on { font-weight: bold; color: #000; }

.theme-box .display-menu button.on:after { left: 0; width: 100%; height: 2px; background-color: #111; }

.theme-box .display-row { padding-bottom: 48px; }

.theme-box .display-row:last-of-type { padding-bottom: 0; }

.theme-box .display-row .display-list:nth-child(2n-1) { margin-right: 16px; }

.theme-box .display-list { display: inline-block; vertical-align: top; }

.theme-box .display-list .img-box { display: inline-block; vertical-align: middle; margin-right: 26px; }

.theme-box .display-list .inn { display: inline-block; width: 398px; }

.theme-box .display-list .text { text-align: left; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.theme-box .display-list.normal-type { width: 680px; }

.theme-box .display-list.normal-type .img-box { vertical-align: top; width: 212px; height: 159px; }

.theme-box .display-list.normal-type.large-image .img-box { width: 280px; height: 160px; }

.theme-box .display-list.normal-type .inn { vertical-align: top; }

.theme-box .display-list.normal-type h3 { font-size: 22px; font-weight: 500; height: 82px; line-height: 32px; letter-spacing: -.05em; color: #111; padding-bottom: 18px; overflow: hidden; }

.theme-box .display-list.normal-type h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.theme-box .display-list.normal-type .text { height: 72px; line-height: 24px; letter-spacing: -.045em; }

.theme-box .display-list.full-type { width: 680px; }

.theme-box .display-list.full-type .inn { text-align: center; vertical-align: top; padding-top: 32px; }

.theme-box .display-list.full-type .ttl { line-height: 24px; }

.theme-box .display-list.full-type h3 { font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -.045em; color: #111; }

.theme-box .display-list.full-type h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.theme-box .display-list.full-type .content-area { padding-top: 76px; }

.theme-box .display-list.full-type .title { font-weight: 600; text-align: center; width: 100%; line-height: 18px; letter-spacing: -.039em; color: #111; }

.theme-box .display-list.full-type .text { line-height: 24px; letter-spacing: -.045em; color: #666; height: 95px; }

.theme-box .display-list.total-img-type { width: 480px; height: 300px; }

.theme-box .display-list.total-img-type .img-box { width: 480px; height: 300px; margin-right: 0; }

.theme-box .display-list.total-img-type .img-box > a { display: block; height: 100%; }

.theme-box .display-list.total-img-type .img-box > a img { display: block; width: 100%; height: 100%; }

.theme-box .display-list.total-img-type .inn { position: relative; top: -110px; text-align: center; width: 100%; padding-left: 20px; padding-right: 20px; }

.theme-box .display-list.total-img-type .inn .ttl { font-size: 12px; line-height: 22px; }

.theme-box .display-list.total-img-type .text { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 400; letter-spacing: -1px; background-color: #fff; color: #111; width: 480px; height: 90px; padding: 8px 30px; }

.theme-box .display-list.total-img-type .text a { height: auto; max-height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.windows.ie .theme-box .display-list.total-img-type .text a { display: block; }

.theme-box .display-list.list-type { width: 480px; }

.theme-box .display-list.list-type li { padding-bottom: 16px; }

.theme-box .display-list.list-type li:last-of-type { padding-bottom: 0; }

.theme-box .display-list.list-type .ttl { height: 18px; line-height: 18px; overflow: hidden; }

.theme-box .display-list.list-type .headline { font-size: 16px; line-height: 28px; }

.theme-box .display-list.list-type .headline a { display: block; height: 28px; line-height: 28px; overflow: hidden; }

.theme-box .large-image .img-box { width: 400px; height: 300px; }

.theme-box .large-image .inn { text-align: left; width: 230px; padding-top: 0; }

.theme-box .large-image .ttl { margin-bottom: 5px; }

.theme-box .large-image h3 { font-size: 22px; }

.theme-box .large-image .text { height: 145px; margin-top: 0; }

.theme-box .display-content.tab .tab-contents { position: absolute; top: 81px; left: 0; padding-top: 30px; width: 100%; }

.theme-box .btn-box { position: absolute; top: 64px; right: 0; }

.magazine-type .theme-box .display-row { padding-bottom: 40px; }

.magazine-type .theme-box .display-row:last-of-type { padding-bottom: 0; }

.magazine-type .theme-box .display-menu button { padding-left: 20px; padding-right: 20px; }

.magazine-type .theme-box .img-list-type { display: inline-block; vertical-align: middle; width: 480px; }

.magazine-type .theme-box .img-list-type li { display: inline-block; vertical-align: middle; width: 145px; margin-right: 20px; }

.magazine-type .theme-box .img-list-type li:last-of-type { margin-right: 0; }

.magazine-type .theme-box .img-list-type .img-box { width: 144px; height: 108px; margin-right: 0; }

.magazine-type .theme-box .img-list-type .text { font-weight: 500; height: 54px; line-height: 24px; color: #111; padding-top: 5px; }

.magazine-type .theme-box .img-list-type .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.culture .theme-box .full-type .img-box { width: 212px; height: 300px; }

.culture .theme-box .full-type .inn { text-align: center; padding-top: 32px; }

.culture .theme-box .full-type .ttl { margin-bottom: 6px; }

.culture .theme-box .full-type h3 { font-size: 22px; }

.culture .theme-box .large-image .img-box { width: 400px; height: 300px; }

.culture .theme-box .large-image .inn { width: 248px; padding-top: 0; }

.culture .theme-box .large-image .inn .ttl { display: block; text-align: left; height: 24px; margin-bottom: 4px; overflow: hidden; }

.culture .theme-box .large-image .inn h3 { text-align: left; height: 96px; overflow: hidden; }

.culture .theme-box .large-image .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.culture .theme-box .large-image .inn .content-area { padding-top: 2px; }

.culture .theme-box .large-image .inn .txt { height: 145px !important; }

.culture .theme-box .large-image .ttl { margin-bottom: 10px; }

.culture .theme-box .large-image .content-area { padding-top: 42px; }

.culture .theme-box .large-image .text { margin-top: 12px; }

.culture .theme-box .img-list-type { width: 480px; }

.culture .theme-box .img-list-type li { width: 100px; }

.culture .theme-box .img-list-type .img-box { background: none; width: 100px; height: 141px; margin-right: 0; -webkit-box-shadow: 4px 6px 10px #777; box-shadow: 4px 6px 10px #777; }

.culture .theme-box .img-list-type .inn { vertical-align: top; width: 92px; margin-right: 38px; }

.culture .theme-box .img-list-type h3 { font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: -.045em; color: #111; margin-bottom: 12px; }

.culture .theme-box .img-list-type .img-list { display: inline-block; vertical-align: top; }

.culture .theme-box .img-list-type .img-list li { margin-right: 20px; }

.culture .theme-box .img-list-type .img-list li:nth-of-type(3n) { margin-right: 0; }

.culture .theme-box .img-list-type .img-list li a { display: block; }

.culture .theme-box .list-type .inn { display: inline-block; vertical-align: top; width: 92px; margin-right: 36px; }

.culture .theme-box .list-type .inn h3 { font-size: 22px; font-weight: 400; line-height: 32px; }

.culture .theme-box .list-type .article-list li { padding-bottom: 16px; }

.culture .theme-box .list-type .article-list li:last-child { padding-bottom: 0; }

.culture .theme-box .list-type.display-list { width: 480px; }

.culture .theme-box .list-type.display-list li { padding-bottom: 15px; }

.culture .theme-box .list-type.display-list li:last-of-type { padding-bottom: 0; }

.culture .theme-box .list-type.display-list .ttl { overflow: hidden; padding-bottom: 0; }

.culture .theme-box .list-type.display-list .headline { font-size: 16px; line-height: 28px; }

.culture .theme-box .list-type.display-list .headline a { display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.focus .theme-box .full-type .img-box { width: 400px; height: 300px; }

.focus .theme-box .full-type .inn { text-align: left; width: 210px; padding-top: 0; }

.focus .theme-box .full-type .ttl { margin-bottom: 8px; }

.focus .theme-box .full-type h3 { font-size: 24px; letter-spacing: -.065em; margin-bottom: 12px; }

.focus .theme-box .full-type h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.focus .theme-box .full-type .content-area { padding-top: 0; }

.focus .theme-box .full-type .text { height: 145px; line-height: 24px; letter-spacing: -.05em; }

.focus .theme-box .total-img-type { letter-spacing: -0.045em; }

.focus .theme-box .total-img-type .inn { top: -106px; }

.focus .theme-box .total-img-type .text { font-size: 16px; font-weight: 300; text-align: left; line-height: 26px; padding: 0 30px; }

.focus .theme-box .total-img-type .text .ttl { font-weight: 400; line-height: 1.125em; padding-bottom: 2px; }

.focus .theme-box .total-img-type .text .ttl a { height: auto; }

.focus .theme-box .total-img-type .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.focus .theme-box .normal-type .ttl { margin-bottom: 5px; }

.focus .theme-box .normal-type h3 { padding-bottom: 14px; }

.focus .theme-box .normal-type .text { height: 50px; }

.focus .theme-box .list-type li { padding-bottom: 11px; }

.focus .theme-box .list-type li .ttl { padding-bottom: 0; }

.focus .theme-box .btn-box { top: 43px; }

.life .theme-box .full-type .top-area { display: table; height: 56px; }

.life .theme-box .full-type .top-area .inn { display: table-cell; vertical-align: bottom; padding-top: 0; }

.life .theme-box .full-type .content-area { position: relative; padding-top: 76px; }

.life .theme-box .full-type .inn { text-align: center; padding-top: 32px; }

.life .theme-box .full-type .title { position: absolute; top: 41px; width: 100%; text-align: center; }

.life .theme-box .full-type .text { height: 94px; margin-top: 0px; }

.life .theme-box .large-image .inn { text-align: left; padding-top: 0; }

.life .theme-box .large-image .inn .title-box { height: 124px; }

.life .theme-box .large-image .inn h3 { height: 96px; overflow: hidden; }

.life .theme-box .large-image .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.life .theme-box .large-image .ttl { height: 24px; margin-bottom: 4px; overflow: hidden; }

.life .theme-box .large-image .content-area { padding-top: 14px; }

.life .theme-box .large-image .text { height: 145px; margin-top: 0; }

.entertainment .theme-box.tab-type { height: 760px; }

.entertainment .theme-box.tab-type.long-type { height: 945px; }

.entertainment .theme-box .display-row { padding-bottom: 40px; }

.entertainment .theme-box .display-list.full-type { width: 660px; margin-right: 36px; }

.entertainment .theme-box .display-list.normal-type { width: 640px; margin-right: 56px; }

.entertainment .theme-box .full-type .img-box { display: inline-block; vertical-align: top; width: 318px; height: 450px; margin-right: 26px; }

.entertainment .theme-box .full-type .inn { text-align: center; width: 280px; padding-top: 70px; }

.entertainment .theme-box .full-type .content-area { display: inline-block; vertical-align: top; width: 100%; padding-top: 106px; }

.entertainment .theme-box .full-type .content-area .text { width: 100%; height: 168px; }

.entertainment .theme-box .full-type.large-image .img-box { display: inline-block; width: 400px; height: 300px; margin-right: 0; margin-right: 26px; }

.entertainment .theme-box .full-type.large-image .inn { width: 230px; padding-top: 0; text-align: left; }

.entertainment .theme-box .full-type.large-image .inn .title-box { height: 124px; }

.entertainment .theme-box .full-type.large-image .inn h3 { height: 96px; overflow: hidden; }

.entertainment .theme-box .full-type.large-image .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entertainment .theme-box .full-type.large-image .ttl { height: 24px; margin-bottom: 4px; overflow: hidden; }

.entertainment .theme-box .full-type.large-image .content-area { padding-top: 14px; }

.entertainment .theme-box .full-type.large-image .text { height: 145px; margin-top: 0; }

.entertainment .theme-box .full-type .total-img-type .img-box img { width: 480px; height: 300px; }

.entertainment .theme-box .full-type h3 { display: inline-block; vertical-align: top; font-size: 22px; width: 230px; height: 64px; margin-right: 26px; overflow: hidden; }

.entertainment .theme-box .full-type .text { display: inline-block; vertical-align: top; width: 330px; height: 72px; margin: 0; }

.entertainment .theme-box .card-type { background-color: #f9f9f9; width: 480px; padding: 20px 20px 30px 20px; }

.entertainment .theme-box .card-type .img-box { background: none; width: 440px; height: 248px; margin-right: 0; margin-bottom: 30px; }

.entertainment .theme-box .card-type .inn { width: 100%; }

.entertainment .theme-box .card-type h3 { font-size: 22px; font-weight: 500; letter-spacing: -.05em; text-align: center; height: 64px; line-height: 32px; color: #111; margin-bottom: 16px; overflow: hidden; }

.entertainment .theme-box .card-type h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entertainment .theme-box .card-type .text { width: 400px; height: 70px; line-height: 24px; margin: 0 auto; }

.entertainment .theme-box .interview-type { background-color: #f9f9f9; width: 480px; padding: 40px 20px 44px 40px; }

.entertainment .theme-box .interview-type .inn { width: 100%; margin-bottom: 30px; }

.entertainment .theme-box .interview-type .img-box { display: inline-block; vertical-align: bottom; width: 202px; height: 286px; margin-right: 16px; }

.entertainment .theme-box .interview-type h3 { display: inline-block; vertical-align: bottom; font-size: 22px; font-weight: 400; letter-spacing: -.05em; line-height: 32px; width: 198px; margin-bottom: 30px; }

.entertainment .theme-box .interview-type h3 a { color: #111; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entertainment .theme-box .interview-type .text { font-size: 14px; line-height: 24px; color: #666; height: 72px; }

.entertainment .theme-box .interview-type .text a { height: 100%; }

.entertainment .theme-box .normal-type .img-box { width: 212px; height: 159px; margin-right: 26px; }

.entertainment .theme-box .normal-type .inn { width: 398px; }

.entertainment .theme-box .normal-type.large-image .inn { width: 330px; }

.entertainment .theme-box .normal-type h3 { height: 68px; line-height: 32px; margin-bottom: 16px; padding-bottom: 0; overflow: hidden; }

.entertainment .theme-box .list-type h4 { display: inline-block; vertical-align: top; font-size: 22px; font-weight: 400; width: 92px; line-height: 32px; letter-spacing: -.05em; margin-right: 36px; }

.entertainment .theme-box .list-type .text { font-size: 16px; line-height: 28px; overflow: auto; }

.entertainment .theme-box .list-type .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entertainment .theme-box .list-type.article-list ul { width: 480px; }

.entertainment .theme-box .display-list.total-img-type .inn .text { padding: 16px 30px; text-align: left; }

.entertainment .theme-box .display-list.total-img-type .inn .text .ttl { font-size: 12px; line-height: 22px; }

.entertainment .theme-box .display-list.total-img-type .inn .text .ttl a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entertainment .theme-box .display-list.total-img-type .inn .text h3 { font-size: 16px; font-weight: 300; line-height: 24px; letter-spacing: -.05em; color: #111; }

.entertainment .theme-box .display-list.total-img-type .inn .text h3 a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.special .theme-box .display-list.normal-type h3 { height: auto; max-height: 82px; }

.special .theme-box .total-img-type .text { text-align: left; padding-left: 30px; }

.side-link-box { padding: 28px 24px; margin-bottom: 60px; background: #f9f9f9; letter-spacing: -.5px; }

.side-link-box ~ .side-link-box { padding-top: 0; }

.side-link-box ~ .side-link-box h2:first-child { border-top: solid 1px #e2e2e2; padding-top: 24px; }

.side-link-box h2 { margin: 24px 0 20px; border-top: solid 1px #e2e2e2; padding-top: 24px; font-size: 20px; line-height: 26px; font-weight: 500; }

.side-link-box h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.side-link-box li { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; color: #333; }

.side-link-box li a { display: inline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.side-link-box li .num { display: inline-block; vertical-align: baseline; width: 20px; font-size: 16px; font-family: 'Roboto'; text-align: center; margin: -6px 8px -6px 0; color: #222; }

.side-link-box li + li { margin-top: 12px; }

.side-link-box .img-box { margin: 36px auto 0; max-width: 234px; background-color: transparent; }

.list-paging { font-size: 0; text-align: center; margin-top: 40px; }

.list-paging ul { display: inline; margin: 0 20px; }

.list-paging .anchor { display: inline-block; vertical-align: top; width: 32px; height: 32px; line-height: 32px; font-size: 14px; color: #111; font-family: 'Roboto'; }

.list-paging .anchor.on { background-color: #5944D8; color: #fff; }

.list-paging .anchor + .anchor { margin-left: 3px; }

.list-paging .start { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin: 4px 0 0 4px; background: url("/images/svg/icon-paging-start-24-x-24.svg") no-repeat center; background-size: contain; }

.list-paging .end { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin: 4px 4px 0 0; background: url("/images/svg/icon-paging-end-24-x-24.svg") no-repeat center; background-size: contain; }

.list-paging .prev { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin: 4px 0 0 4px; background: url("/images/svg/icon-paging-prev-24-x-24.svg") no-repeat center; background-size: contain; }

.list-paging .next { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin: 4px 4px 0 0; background: url("/images/svg/icon-paging-next-24-x-24.svg") no-repeat center; background-size: contain; }

.list-paging .start.off, .list-paging .end.off, .list-paging .prev.off, .list-paging .next.off { opacity: .3; }

/*************************************************************************************** COMPONENT : LOADING */
.component-loading { position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; /*LOADER-3*/ }

.component-loading.on { opacity: 1; visibility: visible; z-index: 1000; }

.component-loading .loading-area { position: absolute; left: 50%; top: 50%; width: 118px; height: 90px; margin: -45px 0 0 -59px; padding: 20px 18px 0; background-color: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(27, 39, 51, 0.15); box-shadow: 0 4px 8px 0 rgba(27, 39, 51, 0.15); }

.component-loading .loading-area:after { content: ''; display: block; width: 72px; height: 26px; margin: 4px auto 0; background: url(/images/gnb_logo.png) no-repeat; background-size: 72px 26px; }

.component-loading .loader { position: relative; width: 82px; height: 23px; display: block; }

.component-loading .loader-3 .dot { width: 8px; height: 8px; background: #02A37F; border-radius: 50%; position: absolute; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); }

.component-loading .loader-3 .dot1 { left: 7px; -webkit-animation: dot-jump 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; -o-animation: dot-jump 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; animation: dot-jump 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; }

.component-loading .loader-3 .dot2 { left: 27px; -webkit-animation: dot-jump 0.3s 0.1s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; -o-animation: dot-jump 0.3s 0.1s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; animation: dot-jump 0.3s 0.1s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; }

.component-loading .loader-3 .dot3 { left: 47px; -webkit-animation: dot-jump 0.3s 0.2s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; -o-animation: dot-jump 0.3s 0.2s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; animation: dot-jump 0.3s 0.2s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; }

.component-loading .loader-3 .dot4 { left: 67px; -webkit-animation: dot-jump 0.3s 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; -o-animation: dot-jump 0.3s 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; animation: dot-jump 0.3s 0.3s cubic-bezier(0.7, 0.5, 0.6, 0.4) alternate infinite; }

@-webkit-keyframes dot-jump { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes dot-jump { 0% { -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes dot-jump { 0% { -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

.dimmed { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background: rgba(0, 0, 0, 0.4); }

.dimmed.on { display: block; }

.popup-alert { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; left: 50%; top: 25%; margin-left: -140px; width: 280px; padding: 30px 30px 35px; background: #fff; -webkit-box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); z-index: 110; }

.popup-alert .tit { display: block; font-size: 18px; line-height: 26px; letter-spacing: -1px; color: #111; font-weight: 500; }

.popup-alert .sub-tit { display: block; font-size: 12px; line-height: 22px; letter-spacing: -.5px; color: #ee5d5d; font-weight: 500; margin: 20px 0 4px; }

.popup-alert .btn-close { display: inline-block; position: absolute; top: 18px; right: 20px; width: 40px; height: 40px; background: url("/images/svg/close-box-40.svg") no-repeat center; background-size: contain; }

.popup-alert .cont { margin-top: 10px; font-size: 14px; line-height: 24px; letter-spacing: -.5px; }

.popup-alert .cont .tit { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: 500; }

.popup-alert .cont .tit:first-child { margin-top: 24px; }

.popup-alert .cont .radio-list { margin-top: 12px; }

.popup-alert .cont .radio-list label { display: block; font-size: 0; }

.popup-alert .cont .radio-list label > span { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); font-size: 14px; color: #666; }

.popup-alert .cont .radio-list label .checked + span { color: #111; }

.popup-alert .cont .radio-list label + label { margin-top: 8px; }

.popup-alert .cont .input-list { margin-top: 30px; line-height: 40px; }

.popup-alert .cont .input-list dt { float: left; width: 65px; margin-top: 30px; font-size: 14px; letter-spacing: -.5px; color: #111; }

.popup-alert .cont .input-list dd { float: left; width: -webkit-calc(100% - 65px); width: calc(100% - 65px); margin-top: 30px; }

.popup-alert .cont .input-list dd input[type=text] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding: 0 18px; margin-top: 10px; border-radius: 4px; border: solid 1px #e2e2e2; font-size: 14px; }

.popup-alert .cont .input-list dd input[type=text]:first-child { margin-top: 0; }

.popup-alert .cont .input-list dd ::-webkit-input-placeholder { /* Edge */ color: #999; }

.popup-alert .cont .input-list dd :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.popup-alert .cont .input-list dd ::-moz-placeholder { color: #999; }

.popup-alert .cont .input-list dd ::-ms-input-placeholder { color: #999; }

.popup-alert .cont .input-list dd ::placeholder { color: #999; }

.popup-alert .cont .input-list dt:first-child { margin-top: 0; }

.popup-alert .cont .input-list dt:first-child + dd { margin-top: 0; }

.popup-alert .cont .input-list::after { content: ''; display: block; clear: both; }

.popup-alert .btn-area { margin-top: 20px; text-align: right; font-size: 0; }

.popup-alert .btn-area .btn-black { display: inline-block; vertical-align: top; padding: 0; font-size: 14px; letter-spacing: -.5px; line-height: 24px; color: #111; font-weight: 500; margin-left: 32px; }

.popup-alert .btn-area .btn-gray { display: inline-block; vertical-align: top; padding: 0; font-size: 14px; letter-spacing: -.5px; line-height: 24px; color: #666; margin-left: 32px; }

.popup-alert .btn-area .btn-box-black { display: inline-block; vertical-align: top; margin-top: 10px; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #222; border-radius: 3px; font-size: 14px; font-weight: 500; color: #fff; }

.popup-alert .btn-area .btn-init { display: block; float: left; height: 24px; line-height: 24px; font-size: 14px; padding: 0 25px 0 0; background: url("/images/svg/icon-refresh-16.svg") no-repeat right 6px; background-size: 16px; letter-spacing: -.5px; color: #999; }

.popup-alert .btn-area .font-gray { font-weight: 400; color: #666; }

.popup-alert .btn-area .font-medium { font-weight: 500; }

.popup-alert.req-article { top: 8%; width: 380px; }

.popup-alert.req-article .btn-black { font-weight: 400; }

.popup-alert.req-article .btn-black.font-medium { font-weight: 500; }

.popup-alert.req-article .popup-header { margin-bottom: 30px; }

.popup-alert.req-article .info-list { max-height: 515px; }

.popup-alert.req-article .info-list li { position: relative; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #e5e5e5; }

.popup-alert.req-article .info-list .btn-read { position: absolute; top: 0; right: 0; display: inline-block; font-size: 12px; width: 64px; height: 30px; margin-top: 16px; border: none; background-image: url("/images/btn-subscribe.png"); background-size: 100%; }

.popup-alert.req-article .info-list .btn-read.on { background-image: url("/images/btn-subscribe-on.png"); background-size: 100%; }

.popup-alert.req-article .custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.75); width: 2px; }

.popup-alert.req-article .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1); width: 2px; }

.popup-alert.req-article .btn-cancel { color: #666; }

.popup-alert.large { width: 380px; padding: 37px 40px 35px; margin-left: -190px; }

.popup-alert.large .btn-close { top: 30px; right: 30px; }

.toast-popup { position: fixed; top: 0; left: 0; height: 60px; width: 100%; background: #000; z-index: 100; }

.toast-popup .inn { width: 1200px; margin: 0 auto; padding: 15px 0; color: #fff; text-align: center; }

.toast-popup .inn strong { display: inline-block; margin-right: 12px; font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: -.07em; vertical-align: middle; }

.toast-popup .inn strong.prompt01 { width: 38px; height: 30px; line-height: 28px; padding: 0 5px 0 3px; background: #d90201; }

.toast-popup .inn strong.prompt02 { width: 52px; height: 26px; line-height: 26px; padding: 0 5px 0 3px; font-family: 'roboto'; border-radius: 15px; background: #02a37f; }

.toast-popup .inn strong.prompt03 { width: 62px; height: 26px; line-height: 26px; letter-spacing: -.04em; color: #111; padding: 0 5px 0 3px; border-radius: 15px; background: #fff; }

.toast-popup .inn strong.icon-loading { position: relative; top: 1px; width: 20px; height: 20px; -webkit-animation: target_image 1s; -o-animation: target_image 1s; animation: target_image 1s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-position: -158px -106px; width: 20px; height: 20px; }

@-webkit-keyframes target_image { 100% { -webkit-transform: rotate(350deg); transform: rotate(350deg); } }

@-o-keyframes target_image { 100% { -o-transform: rotate(350deg); transform: rotate(350deg); } }

@keyframes target_image { 100% { -webkit-transform: rotate(350deg); -o-transform: rotate(350deg); transform: rotate(350deg); } }

.toast-popup .inn span { display: inline-block; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -.05em; vertical-align: middle; }

.toast-popup .btn-close { position: absolute; top: 15px; right: 25px; height: 34px; width: 32px; }

.popup-alert.on { display: block; }

.search-detail-pop .cont .input-list .word input[type=text] { display: inline-block; width: 84%; }

.search-detail-pop .cont .input-list .word .and { display: inline-block; margin-left: 8px; font-size: 12px; line-height: 33px; color: #666; }

.bottom-toast { display: none; position: fixed; top: auto; bottom: 120px; background-color: rgba(17, 17, 17, 0.9); height: 50px; line-height: 50px; border-radius: 3px; }

.bottom-toast p { text-align: center; color: #fff; }

.bottom-toast.remove-bookmark { left: 50%; width: 380px; margin-left: -190px; }

.bottom-toast.on { display: block; }

.popup-report { display: none; position: fixed; top: 90px; left: 50%; margin-left: -450px; width: 900px; height: 600px; background: #fff; -webkit-box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); z-index: 100; }

.popup-report ::-webkit-input-placeholder { /* Edge */ color: #999; }

.popup-report :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.popup-report ::-moz-placeholder { color: #999; }

.popup-report ::-ms-input-placeholder { color: #999; }

.popup-report ::placeholder { color: #999; }

.popup-report .btn-close { display: block; position: absolute; top: 26px; right: 30px; width: 32px; height: 32px; background: url("/images/svg/close-black-32.svg") no-repeat center; background-size: contain; z-index: 1; }

.popup-report .logo { position: absolute; left: 32px; bottom: 27px; }

.popup-report .logo .img-box { background-color: transparent; }

.popup-report .col-left { float: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 310px; height: 100%; padding: 85px 30px 20px; background: #f7f7f7; }

.popup-report .col-left .terms-tit { margin-top: 30px; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: -.5px; color: #111; }

.popup-report .col-left .terms-tit:first-child { margin-top: 0; }

.popup-report .col-left .terms-text { margin-top: 6px; font-size: 14px; line-height: 22px; letter-spacing: -.05em; color: #666; }

.popup-report .col-left .sub { font-size: 14px; letter-spacing: -.082em; margin-top: 4px; color: #999; }

.popup-report .col-left .agree { margin-top: 14px; }

.popup-report .col-right { float: right; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 590px; height: 100%; padding: 27px 30px 20px 20px; }

.popup-report .popup-title { font-size: 22px; line-height: 38px; font-weight: 400; letter-spacing: -1px; color: #111; margin-bottom: 25px; padding: 0; }

.popup-report .scroll-box { max-height: 406px; overflow-y: scroll; }

.popup-report .custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; }

.popup-report .input-text { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; border: 1px solid #e2e2e2; border-radius: 4px; padding: 0 18px; font-size: 14px; }

.popup-report .edit-box { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 10px 0 20px; border: 1px solid #e2e2e2; border-radius: 4px; }

.popup-report .edit-box textarea { width: 502px; height: 156px; line-height: 1.75em; padding: 0; border: 0; margin: 9px 18px; }

.popup-report .edit-box .bottom-area { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0 18px 10px; background: #f7f7f7; border-top: 1px solid #e2e2e2; }

.popup-report .edit-box .bottom-area .list-url { display: block; margin: 0 18px; }

.popup-report .edit-box .bottom-area .list-url li { display: block; margin-top: 17px; position: relative; padding-right: 20px; height: 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.popup-report .edit-box .bottom-area .list-url li a { display: inline; font-size: 12px; line-height: 20px; letter-spacing: -.5px; color: #4f95ee; }

.popup-report .edit-box .bottom-area .list-url li .btn-delete { width: 16px; height: 16px; position: absolute; right: 0; top: 2px; background: url("/images/svg/search-close-18.svg") no-repeat center; background-size: contain; }

.popup-report .edit-box .bottom-area .list-url li:first-child { margin-top: 8px; }

.popup-report .edit-box .bottom-area .input-url { height: 40px; position: relative; margin: 8px 0 10px 0; }

.popup-report .edit-box .bottom-area .input-url .input-text { padding-right: 42px; }

.popup-report .edit-box .bottom-area .input-url .btn-add { position: absolute; right: 10px; top: 8px; width: 24px; height: 24px; background: url("/images/svg/btn-plus.svg") no-repeat center; background-size: contain; }

.popup-report .edit-box .bottom-area .input-url .btn-add:disabled { cursor: default; }

.popup-report .edit-box .bottom-area .file-list { font-size: 0; display: block; }

.popup-report .edit-box .bottom-area .file-list li { display: inline-block; position: relative; vertical-align: top; width: 100px; height: 95px; font-size: 12px; line-height: 20px; letter-spacing: -.5px; color: #111; }

.popup-report .edit-box .bottom-area .file-list li .file-name { text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.popup-report .edit-box .bottom-area .file-list li img { display: block; width: 100px; }

.popup-report .edit-box .bottom-area .file-list li .btn-delete { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url("/images/svg/btn-delete-circle.svg") no-repeat center; background-size: contain; }

.popup-report .edit-box .bottom-area .file-list li.video:before { content: ''; display: block; width: 100px; height: 75px; background: url("/images/svg/icon-mp-4.svg") no-repeat center; background-size: 41px 48px; }

.popup-report .edit-box .bottom-area .file-list li.doc:before { content: ''; display: block; width: 100px; height: 75px; background: url("/images/svg/icon-doc.svg") no-repeat center; background-size: 41px 48px; }

.popup-report .edit-box .bottom-area .file-list li.attach-file label { display: block; background: url("/images/svg/btn-attach.svg") no-repeat center; background-size: 50px; width: 100px; height: 75px; cursor: pointer; }

.popup-report .edit-box .bottom-area .file-list li.attach-file .sub-text { color: #999; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.popup-report .input-user-info { display: block; font-size: 0; margin-bottom: 10px; }

.popup-report .input-user-info .input-text { display: inline-block; vertical-align: top; margin-left: 10px; }

.popup-report .input-user-info .input-text:first-child { width: 120px; margin-left: 0; }

.popup-report .input-user-info .input-text:nth-child(2) { width: 180px; }

.popup-report .input-user-info .input-text:nth-child(3) { margin-left: 10px; width: 220px; }

.popup-report .terms-text { font-size: 12px; line-height: 20px; letter-spacing: -.5px; color: #999; }

.popup-report .btn-area { display: block; margin-top: 30px; font-size: 0; text-align: center; }

.popup-report .btn-area .btn-report { display: inline-block; font-size: 16px; font-weight: 500; text-align: center; letter-spacing: -.5px; background: #111; border-radius: 3px; width: 260px; height: 50px; line-height: 50px; color: #fff; }

.popup-report.on { display: block; }

.popup-login { top: 6%; background-color: #f7f7f7; width: 775px; margin-left: -387px; }

.popup-login:after { content: ''; clear: both; display: table; }

.popup-login.popup-alert { padding: 0; }

.popup-login .side-area, .popup-login .content-area { float: left; }

.popup-login .side-area { padding-top: 67px; padding-left: 47px; padding-right: 47px; }

.popup-login .side-area h2 { font-size: 22px; font-weight: 300; letter-spacing: -.083em; width: 234px; line-height: 32px; color: #111; border-bottom: 1px solid #e2e2e2; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }

.popup-login .side-area h2 strong { font-weight: 500; color: #02a37f; }

.popup-login .side-area ul { padding-top: 35px; }

.popup-login .side-area li { font-size: 12px; line-height: 24px; letter-spacing: -.035em; padding-bottom: 18px; color: #111; }

.popup-login .side-area li:last-child { padding-bottom: 0; }

.popup-login .side-area li span { display: inline-block; vertical-align: middle; }

.popup-login .side-area .graphic-01, .popup-login .side-area .graphic-02, .popup-login .side-area .graphic-03 { background-repeat: no-repeat; background-size: 100%; width: 72px; height: 32px; }

.popup-login .side-area .graphic-01 { background-image: url("/images/svg/login-graphic-01.svg"); }

.popup-login .side-area .graphic-02 { background-image: url("/images/svg/login-graphic-02.svg"); }

.popup-login .side-area .graphic-03 { background-image: url("/images/svg/login-graphic-03.svg"); }

.popup-login .content-area { background-color: #fff; padding: 0 39px; }

.popup-login .content-area .cont { margin-top: 0; padding-top: 30px; }

.popup-login .login-sns { margin-bottom: 20px; }

.popup-login .login-sns:after { content: ''; clear: both; display: table; }

.popup-login .login-sns li { border-radius: 3px; width: 116px; height: 92px; margin-right: 10px; float: left; }

.popup-login .login-sns li:last-child { margin-right: 0; }

.popup-login .login-sns li a { display: block; padding: 36px 12px 0; }

.popup-login .login-sns .text { display: block; font-size: 12px; line-height: 22px; letter-spacing: -.065em; color: #fff; }

.popup-login .login-sns .naver { background-color: #1dc800; }

.popup-login .login-sns .naver .icon { background-position: -158px -80px; width: 22px; height: 22px; }

.popup-login .login-sns .facebook { background-color: #3a5899; }

.popup-login .login-sns .facebook .icon { background-position: -158px -28px; width: 22px; height: 22px; }

.popup-login .login-sns .kakao { background-color: #f9e000; }

.popup-login .login-sns .kakao .icon { background-position: -158px -54px; width: 22px; height: 22px; }

.popup-login .login-sns .kakao .text { color: #111; }

.popup-login .login-input { margin-bottom: 24px; }

.popup-login .login-input li { margin-bottom: 6px; }

.popup-login .login-input li:last-child { margin-bottom: 0; }

.popup-login .login-input input { font-size: 14px; letter-spacing: -.025em; width: 100%; height: 50px; border: 1px solid #e2e2e2; border-radius: 3px; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup-login .login-input input::-webkit-input-placeholder { color: #999; }

.popup-login .login-input input::-moz-placeholder { color: #999; }

.popup-login .login-input input:-ms-input-placeholder { color: #999; }

.popup-login .login-input input::-ms-input-placeholder { color: #999; }

.popup-login .login-input input::placeholder { color: #999; }

.popup-login .login-input .warn { font-size: 12px; letter-spacing: -.041em; }

.popup-login .secure-list { margin-top: 30px; }

.popup-login .secure-list .guide { letter-spacing: -.078em; line-height: 26px; color: #111; margin-bottom: 4px; }

.popup-login .secure-list .img-box { display: inline-block; vertical-align: middle; width: 200px; height: 90px; margin-right: 8px; text-align: center; }

.popup-login .secure-list .img-box img { text-align: center; vertical-align: middle; }

.popup-login .secure-list .sound-box { display: inline-block; vertical-align: middle; width: 240px; height: 80px; margin-right: 8px; background-color: rgba(249, 249, 250, 0.7); border: 1px solid #bebebe; border-radius: 3px; }

.popup-login .secure-list .sound-box span { display: block; height: 38px; padding-left: 40px; margin: 19px 0 0 27px; font-size: 12px; line-height: 19px; letter-spacing: -.02em; color: #666; background: url("/images/svg/icon-mike-login.svg") 0 50% no-repeat; }

.popup-login .secure-list .controller { display: inline-block; vertical-align: middle; padding-top: 8px; }

.popup-login .secure-list .controller li { margin-bottom: 11px; }

.popup-login .secure-list .controller span { display: inline-block; vertical-align: middle; }

.popup-login .secure-list .controller .text { font-size: 12px; letter-spacing: -.032em; color: #666; }

.popup-login .secure-list .icon-refresh, .popup-login .secure-list .icon-sound, .popup-login .secure-list .icon-pics { background-repeat: no-repeat; background-size: 100%; width: 20px; height: 20px; }

.popup-login .secure-list .icon-refresh { background-image: url("/images/svg/icon-refresh-light-gray.svg"); }

.popup-login .secure-list .icon-sound { background-image: url("/images/svg/icon-sound.svg"); }

.popup-login .secure-list .input-word { margin-bottom: 20px; }

.popup-login .secure-list .icon-pics { background-image: url("/images/svg/icon-pic.svg"); }

.popup-login .secure-num { margin-bottom: 6px; }

.popup-login .secure-num.type-sound .img-box img { background: url(/images/svg/icon-mike-login.svg) 50% 50% no-repeat !important; }

.popup-login .save-user { margin-top: 12px; }

.popup-login .save-user .icheckbox { vertical-align: top; }

.popup-login .save-user input { display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 0; margin-right: 3px; }

.popup-login .save-user label { display: inline-block; vertical-align: top; line-height: 1.25em; color: #999; margin-top: 1px; cursor: pointer; }

.popup-login .popup-footer { margin-bottom: 40px; }

.popup-login .popup-footer:after { content: ''; clear: both; display: table; }

.popup-login .popup-footer .go-enroll { display: inline-block; font-weight: 500; letter-spacing: -.05em; color: #111; }

.popup-login .popup-footer .go-enroll span { display: inline-block; vertical-align: middle; }

.popup-login .popup-footer .go-enroll .icon { background-image: url("/images/svg/black-circle-arrow.svg"); background-repeat: no-repeat; background-size: 100%; width: 20px; height: 20px; }

.popup-login .popup-footer .find-list { float: right; }

.popup-login .popup-footer .find-list li { position: relative; font-size: 14px; font-size: -.025em; color: #9b9b9b; margin-right: 10px; padding-right: 10px; float: left; }

.popup-login .popup-footer .find-list li:after { content: ''; position: absolute; top: 2px; right: -2px; width: 1px; height: 11px; background-color: #ccc; }

.popup-login .popup-footer .find-list li:last-child { margin-right: 0; padding-right: 0; }

.popup-login .popup-footer .find-list li:last-child:after { width: 0; height: 0; }

.popup-login .popup-footer .find-list li a { text-decoration: underline; }

.popup-login .popup-header { padding-top: 30px; }

.popup-login .popup-header .tit { display: block; font-size: 22px; font-weight: 500; letter-spacing: -.0925em; line-height: 32px; width: 367px; border-bottom: 2px solid #111; padding-bottom: 12px; }

.popup-login .logo { background-image: url("/images/svg/pop-logo.svg"); background-repeat: no-repeat; background-size: 100%; display: inline-block; width: 48px; height: 17px; margin-bottom: 28px; }

.popup-login .btn-close { top: 12px; right: 30px; width: 50px; height: 50px; }

.popup-alert.find-account { width: 380px; margin-left: -190px; }

.popup-alert.find-account .cont { margin-top: 43px; }

.popup-alert.find-account .cont .ttl { margin-top: 28px; font-size: 14px; line-height: 26px; letter-spacing: -.07em; font-weight: 500; color: #111; }

.popup-alert.find-account .cont li { margin-bottom: 16px; }

.popup-alert.find-account .cont input { width: 100%; height: 40px; padding: 12px 18px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup-alert.find-account .cont input::-webkit-input-placeholder { color: #999; }

.popup-alert.find-account .cont input::-moz-placeholder { color: #999; }

.popup-alert.find-account .cont input:-ms-input-placeholder { color: #999; }

.popup-alert.find-account .cont input::-ms-input-placeholder { color: #999; }

.popup-alert.find-account .cont input::placeholder { color: #999; }

.popup-alert.find-account .cont label { margin-left: 8px; cursor: pointer; }

.popup-alert.find-account .btn-main { height: 46px; line-height: 46px; }

.popup-alert.find-account .bottom-link { font-size: 12px; letter-spacing: -.045em; line-height: 22px; color: #999; }

.popup-alert.find-account .bottom-link a { text-decoration: underline; }

.popup-alert.find-account .phone-field { display: none; }

.popup-alert.find-account .guide-msg { font-size: 12px; line-height: 24px; color: #4f95ee; }

.popup-alert.find-account .guide-msg.warn { color: #ee5d5d; }

.popup-alert.find-result { width: 380px; margin-left: -190px; }

.popup-alert.find-result .guide-text { font-size: 12px; line-height: 24px; letter-spacing: -.025em; color: #666; margin-top: 42px; }

.popup-alert.find-result .result-box { text-align: center; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin: 6px 0 30px; padding: 30px 0; }

.popup-alert.find-result .user-id { font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: -.043em; color: #111; }

.popup-alert.find-result .user-created { font-size: 12px; line-height: 24px; letter-spacing: -.025em; color: #999; }

.join-form { padding: 30px 40px 35px; }

.join-form .logo { background-image: url("/images/svg/pop-logo.svg"); background-repeat: no-repeat; background-size: 100%; display: inline-block; width: 48px; height: 17px; margin-bottom: 28px; }

.join-form .popup-header h2 { font-size: 22px; line-height: 32px; letter-spacing: -.055em; color: #111; padding-bottom: 12px; border-bottom: 2px solid #111; }

.join-form .guide-msg { font-size: 12px; line-height: 24px; color: #4f95ee; }

.join-form .guide-msg.warn { color: #ee5d5d; }

.join-form .exp-text { font-size: 12px; line-height: 24px; color: #999; }

.join-form .cont { margin-top: 20px; }

.join-form .cont input { display: inline-block; vertical-align: middle; }

.join-form .cont label { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: -.065em; margin-left: 3px; cursor: pointer; }

.join-form .optional { font-size: 14px; font-weight: 500; letter-spacing: -.065em; line-height: 26px; color: #999; }

.join-form .required { font-size: 14px; font-weight: 500; line-height: 26px; letter-spacing: -.065em; color: #ee5d5d; }

.join-form .total-field { margin-bottom: 17px; }

.join-form .agree-input { margin-bottom: 10px; }

.join-form .contents { font-size: 14px; width: 460px; height: 110px; line-height: 24px; letter-spacing: -.075em; color: #111; border: 1px solid #e2e2e2; border-radius: 3px; padding: 20px 14px 12px 20px; word-wrap: break-word; white-space: pre-wrap; }

.join-form .access-term { margin-bottom: 35px; }

.join-form .personal-info { margin-bottom: 30px; }

.join-form .event-promotion p { font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: -.0625em; color: #111; margin-bottom: 20px; }

.join-form .agree-list { margin-bottom: 18px; }

.join-form .agree-list li { display: inline-block; vertical-align: middle; margin-right: 26px; }

.join-form .agree-list li:last-child { margin-right: 0; }

.join-form .agree-list label { font-weight: 400; vertical-align: top; }

.join-form .term-warn { /* display: none; */ font-size: 12px; line-height: 24px; color: #ee5d5d; }

.join-form .btn-main { margin-top: 40px; }

.join-form .btn-main.stroke { margin-top: 10px; }

.join-form .title { display: inline-block; vertical-align: top; font-weight: 500; width: 116px; }

.join-form .inn { display: inline-block; vertical-align: top; width: 330px; line-height: 24px; }

.join-form .confirm-field input { width: 250px; margin-right: 6px; }

.join-form .confirm-field .btn-empty-main { width: 70px; }

.join-form input { width: 100%; }

.join-form.agree .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .join-form.agree .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #666; width: 2px; }

.join-form.agree .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #e2e2e2; width: 2px; }

.join-form.agree .mCSB_scrollTools .mCSB_draggerContainer { width: 2px; }

.join-form.agree .mCSB_scrollTools .mCSB_draggerContainer { width: 2px; }

.join-form.agree .mCSB_scrollTools { top: 0; bottom: 0; }

.join-form.agree .mCSB_outside + .mCSB_scrollTools { right: -14px; }

.join-form.join .cont { margin-top: 30px; }

.join-form.join .write-list { padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; }

.join-form.join .write-list li { margin-bottom: 10px; }

.join-form.join .write-list li:last-child { margin-bottom: 0; }

.join-form.join .title { padding-top: 8px; }

.join-form.join input { display: inline-block; vertical-align: middle; height: 46px; padding: 12px 18px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.join-form.join input::-webkit-input-placeholder { color: #999; }

.join-form.join input::-moz-placeholder { color: #999; }

.join-form.join input:-ms-input-placeholder { color: #999; }

.join-form.join input::-ms-input-placeholder { color: #999; }

.join-form.join input::placeholder { color: #999; }

.join-form.join .name-list { margin-top: 30px; }

.join-form.join .name-list .user-name .title { vertical-align: middle; padding-top: 0; }

.join-form.join .name-list .user-name .inn { vertical-align: middle; }

.join-form.join .name-list li { margin-bottom: 20px; }

.join-form.join .name-list li:last-child { margin-bottom: 0; }

.join-form.user-info { max-height: 680px; }

.join-form.user-info .btn-close { top: 0; right: 0; }

.join-form.user-info li { margin-bottom: 22px; }

.join-form.user-info .confirm-field:after { content: ''; clear: both; display: table; }

.join-form.user-info .confirm-field p { display: inline-block; vertical-align: middle; margin-top: 6px; }

.join-form.user-info .confirm-field .btn-empty-main { float: right; }

.join-form.user-info label { margin-top: 0; }

.join-form.user-info .btn-empty-main { width: auto; height: 36px; line-height: 34px; padding: 0 12px; }

.join-form.user-info .title { width: 126px; }

.join-form.user-info .title span { font-size: 14px; font-weight: 500; line-height: 24px; color: #111; }

.join-form.user-info .inn { width: 331px; }

.join-form.user-info .info-list { border-bottom: 1px solid #e2e2e2; margin-top: 30px; padding-bottom: 8px; }

.join-form.user-info .info-list li { position: relative; }

.join-form.user-info .info-list li .inn-out { position: absolute; top: 0; right: 0; }

.join-form.user-info .id-pw-list { margin-top: 0; }

.join-form.user-info .list-header { margin-bottom: 30px; }

.join-form.user-info .list-header:after { content: ''; display: table; }

.join-form.user-info .list-header .title { width: 300px; }

.join-form.user-info .list-header .inn { width: auto; float: right; }

.join-form.user-info .list-header h3 { font-size: 22px; font-weight: 500; color: #111; margin-bottom: 4px; }

.join-form.user-info .list-header .exp-text { font-weight: 400; }

.join-form.user-info .horizon-list .list-header { display: block; margin-right: 0; }

.join-form.user-info .horizon-list li { display: inline-block; vertical-align: middle; margin-right: 25px; }

.join-form.user-info .horizon-list li:last-child { margin-right: 0; }

.join-form.user-info .horizon-list label { font-size: 14px; font-weight: 400; color: #111; }

.join-form.user-info .media-list { padding-bottom: 0; border-bottom: none; }

.join-form.user-info .media-list .list-header { margin-bottom: 22px; }

.join-form.user-info .media-list li { margin-bottom: 0; }

.join-form.user-info .alarm-list { padding-bottom: 0; border-bottom: none; }

.join-form.user-info .alarm-list .list-header { margin-bottom: 34px; }

.join-form.user-info .alarm-list li { margin-bottom: 25px; }

.join-form.user-info .alarm-list li:last-child { margin-bottom: 0; }

.join-form.user-info .alarm-list label { font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -.05em; color: #111; margin-top: -2px; }

.join-form.user-info .util-list { text-align: center; margin-top: 16px; }

.join-form.user-info .util-list li { position: relative; margin-right: 6px; margin-bottom: 0; padding-right: 10px; }

.join-form.user-info .util-list li:after { content: ''; position: absolute; top: 8px; right: 0; width: 1px; height: 11px; background-color: #ccc; }

.join-form.user-info .util-list li:last-child { margin-right: 0; padding-right: 0; }

.join-form.user-info .util-list li:last-child:after { width: 0; height: 0; }

.join-form.user-info .util-list a { font-size: 14px; font-weight: 400; letter-spacing: -.025em; text-decoration: underline; color: #9b9b9b; }

.modify-form { top: 8%; width: 540px; margin-left: -270px; }

.modify-form .popup-header .logo { margin-bottom: 28px; }

.modify-form .popup-header h2 { font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -0.085em; color: #111; padding-bottom: 12px; border-bottom: 2px solid #111; }

.modify-form .cont { margin-top: 30px; }

.modify-form .info-list { margin-bottom: 40px; }

.modify-form .title { display: inline-block; vertical-align: middle; width: 126px; }

.modify-form .inn { display: inline-block; vertical-align: middle; width: 330px; }

.modify-form li { margin-bottom: 20px; }

.modify-form li:last-child { margin-bottom: 0; }

.modify-form .confirm-field .title { vertical-align: top; padding-top: 8px; }

.modify-form .confirm-field .inn { vertical-align: top; }

.modify-form .confirm-field input { width: 250px; }

.modify-form input { display: inline-block; vertical-align: middle; width: 100%; height: 46px; margin-right: 6px; padding: 12px 18px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modify-form input::-webkit-input-placeholder { color: #999; }

.modify-form input::-moz-placeholder { color: #999; }

.modify-form input:-ms-input-placeholder { color: #999; }

.modify-form input::-ms-input-placeholder { color: #999; }

.modify-form input::placeholder { color: #999; }

.modify-form .exp-text { font-size: 12px; font-weight: 400; line-height: 24px; color: #999; }

.modify-form .gender-list .inn label { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 24px; letter-spacing: -.025em; color: #111; margin-top: -2px; margin-left: 6px; margin-right: 16px; cursor: pointer; }

.add-nick { top: 20%; width: 380px; margin-left: -190px; padding: 40px; }

.add-nick .cont { margin-top: 40px; }

.add-nick .cont input { display: inline-block; vertical-align: middle; width: 220px; height: 46px; margin-right: 6px; padding: 12px 18px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.add-nick .cont .exp-text { font-size: 12px; line-height: 24px; letter-spacing: -.035em; color: #999; }

.add-nick .cont .guide-msg { font-size: 12px; line-height: 24px; letter-spacing: -.035em; color: #4f95ee; }

.add-nick .cont .guide-msg.warn { color: #ee5d5d; }

.add-nick .btn-main { margin-top: 30px; }

.tooltip-box { position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; }

.tooltip-box .icon-info, .tooltip-box .icon-question { background-repeat: no-repeat; background-position: center; background-size: 100%; width: 18px; height: 18px; cursor: pointer; }

.tooltip-box .icon-info { background-image: url("/images/svg/tooltip-info.svg"); }

.tooltip-box .icon-question { background-image: url("/images/svg/tooltip-question.svg"); }

.tooltip { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; width: 260px; font-size: 14px; line-height: 24px; letter-spacing: -.065em; background-color: #fff; color: #111; border: 1px solid #5291ab; margin-top: 10px; padding: 18px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

.tooltip em { font-style: normal; font-weight: 700; }

.tooltip.left { left: auto; right: -5px; }

.tooltip.up { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 10px; }

.tooltip .link-box { font-size: 14px; line-height: 24px; letter-spacing: -.05em; color: #4f95ee; margin-top: 8px; }

.tooltip .link-box a { text-decoration: underline; }

.popup-medium { top: 8%; width: 540px; margin-left: -270px; max-height: 90vh; overflow-x: hidden; overflow-y: auto; }

.popup-medium .popup-header .logo { display: inline-block; vertical-align: middle; background-image: url("/images/svg/pop-logo.svg"); background-repeat: no-repeat; background-size: 100%; width: 48px; height: 17px; margin-bottom: 28px; }

.popup-medium .popup-header h2 { font-size: 22px; line-height: 32px; letter-spacing: -.055em; color: #111; padding-bottom: 12px; border-bottom: 2px solid #111; }

.popup-medium .column-2 .title { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -.05em; width: 126px; padding-top: 8px; color: #111; }

.popup-medium .column-2 .inn { display: inline-block; vertical-align: top; width: 330px; }

.popup-medium .column-2 .inn input { font-size: 14px; line-height: 22px; letter-spacing: -.05em; width: 100%; padding: 12px 18px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup-medium .column-2 .inn input:placeholder { color: #999; }

.popup-medium .column-2 .inn textarea { width: 100%; padding: 5px; border: 1px solid #e2e2e2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup-medium .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .popup-medium .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #5291ab; width: 2px; }

.popup-medium .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #e2e2e2; width: 2px; }

.popup-medium .mCSB_scrollTools .mCSB_draggerContainer { width: 2px; }

.popup-medium .mCSB_scrollTools { top: 30px; bottom: 30px; }

.popup-medium .mCSB_outside + .mCSB_scrollTools { right: 0; }

.user-form-popup { max-height: 680px; }

.user-form-popup .btn-close { top: -10px; right: 0; background-image: url("/images/svg/close-pop-50.svg"); width: 50px; height: 50px; }

.user-form-popup .cont { margin-top: 30px; }

.user-form-popup .send-mail-title { padding-bottom: 25px; border-bottom: 1px solid #e2e2e2; }

.user-form-popup .send-mail-title .form-group-title { color: #999; padding-bottom: 4px; }

.user-form-popup .send-mail-title .article-title { font-size: 18px; line-height: 34px; letter-spacing: -.05em; color: #111; }

.user-form-popup .send-mail-title .article-title h3 { font-weight: 400; }

.user-form-popup .form-group { padding: 30px 0 40px; border-bottom: 1px solid #e2e2e2; }

.user-form-popup .form-group .form-group-title { font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -.05em; margin-bottom: 30px; }

.user-form-popup .form-group .title { display: block; font-size: 22px; letter-spacing: -.075em; line-height: 32px; margin-bottom: 20px; padding-top: 0; }

.user-form-popup .form-group li { margin-bottom: 10px; }

.user-form-popup .form-group .inn { width: 100%; }

.user-form-popup .form-group .inn label { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; width: 130px; line-height: 24px; padding-top: 8px; }

.user-form-popup .form-group .inn .input-area { display: inline-block; vertical-align: top; width: 330px; }

.user-form-popup .form-group .warn { font-size: 12px; }

.user-form-popup .form-group .exp-text { font-size: 12px; line-height: 24px; color: #999; }

.user-form-popup .send-user textarea { height: 110px; }

.dimmed.darken { background: rgba(0, 0, 0, 0.7); }

.popup-video { top: 10%; background-color: #fff; background-color: transparent; width: 980px; margin-left: -490px; padding: 0; }

.popup-video .tit { font-size: 26px; font-weight: 500; line-height: 32px; color: #fff; padding-bottom: 30px; }

.popup-video .btn-close { top: 0; right: 0; background: url("/images/svg/close-wh.svg") no-repeat center; }

.popup-video .cont { background-color: #000; margin-top: 0; padding-top: 35px; padding-bottom: 35px; }

.board-list.article-small-type li:last-child { border-bottom: none; }

.board-list .no-img .text-box { width: 685px; margin-right: 0; }

.board-list .no-img .img-box { display: none; }

.board-list strong { display: inline-block; font-weight: 700; font-style: none; color: #02a37f; }

.board-list li { border-bottom: 1px solid #e2e2e2; position: relative; padding-top: 30px; padding-bottom: 30px; }

.board-list li:first-child { border-top: none; }

.board-list .no-img .inn { width: 100%; margin-right: 0; }

.board-list .inn { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 120px; margin-right: 76px; }

.board-list .ttl { line-height: 22px; }

.board-list h3 { font-size: 18px; line-height: 26px; color: #111; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.board-list h3 a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;  }


.board-list .text { letter-spacing: -.05em; height: 48px; line-height: 24px; margin-top: 10px; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }
.board-list .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.board-list .img-box { display: inline-block; vertical-align: top; width: 160px; height: 120px; }

.board-list .img-box.video { position: relative; cursor: pointer; }

.board-list .img-box.video:before { content: ''; display: inline-block; position: absolute; left: 10px; bottom: 10px; background-image: url("/images/svg/icon-play-24.svg"); background-repeat: no-repeat; background-size: 24px; height: 24px; width: 24px; }

.board-list.column-3 li:first-child { padding-top: 0; }

.board-list.column-3 li:last-child { margin-bottom: 0; }

.board-list.column-3 .cell-1 { display: inline-block; vertical-align: top; width: 149px; }

.board-list.column-3 .icon-book-mark { position: relative; left: -4px; display: block; width: 23px; height: 26px; margin-top: 6px; }

.board-list.column-3 .text-box { display: inline-block; vertical-align: top; width: 395px; margin-right: 24px; }

.board-list.column-3 .text-box .ttl { line-height: 24px; color: #5291ab; }

.board-list.column-3 .text-box h3 { font-weight: 500; letter-spacing: -.054em; margin-bottom: 6px; }

.board-list.column-3 .text-box h3 a { display: block; overflow: hidden; }

.board-list.column-3 .text-box p { height: 48px; line-height: 24px; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; margin-bottom: 18px; }

.board-list.column-3 .text-box .rowner { margin-bottom: 0; }

.board-list.column-3 .text-box .like-num { background: url("/images/svg/btn-like.svg") no-repeat left center; background-size: 19px; padding-left: 20px; margin-right: 14px; }

.board-list.column-3 .text-box .reply-num { background: url("/images/svg/btn-comment.svg") no-repeat left center; background-size: 19px; padding-left: 20px; margin-right: 5px; }

.board-list.column-3 .text-box .reply-alarm { font-size: 12px; line-height: 20px; color: #02a37f; }

.board-list.column-3 .reporter { font-size: 12px; line-height: 20px; color: #666; margin-right: 31px; }

.board-list.no-last-border li:last-child { border-bottom: none; }

.board-list.no-writer .text { height: 72px; }

.full-size .board-list { width: 100%; }

.full-size .board-list .text-box { width: 790px; }

.notice-list { margin-top: 11px; }

.notice-list .medium { font-weight: 500; }

.notice-list li { border-bottom: 1px solid #e2e2e2; padding: 21px 0; font-size: 0; }

.notice-list li.visited > div { opacity: .5; }

.notice-list li .num { display: inline-block; vertical-align: top; width: 60px; margin-right: 30px; text-align: center; font-family: 'Roboto'; line-height: 26px; font-size: 18px; color: #111; }

.notice-list li .text-box { display: inline-block; vertical-align: top; overflow: hidden; letter-spacing: -1px; width: 930px; height: 26px; line-height: 26px; font-size: 18px; color: #111; }

.notice-list li .text-box:hover { font-weight: bold; }

.notice-list li .date:first-child + .text-box:last-child { width: 1025px; }

.notice-list li .date { display: inline-block; vertical-align: top; width: 130px; text-align: right; margin-right: 30px; font-size: 14px; line-height: 26px; letter-spacing: -.5px; color: #999; font-family: 'Roboto'; }

.notice-list li .date:first-child { width: 135px; margin-left: 20px; margin-right: 0; text-align: left; }

.notice-list.fixed-notice { margin-top: 0; }

.notice-list.fixed-notice li { padding: 30px 0; background: #f7f7f7; }

.notice-list.fixed-notice li .badge-green { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; width: 50px; height: 26px; border: 1px solid #07a37f; border-radius: 13px; text-align: center; font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #02a37f; margin-right: 10px; margin-top: 1px; }

.notice-list.fixed-notice li .date { margin-top: 22px; }

.notice-list.fixed-notice li .text-box { margin-top: 22px; width: 785px; height: auto; line-height: 26px; }

.notice-list.fixed-notice li .text-box .tit { height: 28px; line-height: 28px; overflow: hidden; }

.notice-list.fixed-notice li .text-box .sub { font-size: 14px; letter-spacing: -.5px; color: #666; max-height: 48px; line-height: 24px; margin-top: 4px; overflow: hidden; }

.notice-list.fixed-notice li .text-box .sub a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.notice-list.fixed-notice li .img-box { display: inline-block; vertical-align: top; width: 160px; height: 120px; margin-left: 60px; }

.notice-list.fixed-notice + .notice-list { margin-top: 0; }

.notice-list .notice-title { font-size: 18px; line-height: 34px; letter-spacing: -1px; color: #111; font-weight: 700; margin: 25px 20px 11px; }

.notice-title { font-size: 18px; line-height: 34px; letter-spacing: -1px; color: #111; font-weight: 700; margin: 25px 20px 11px; }

.notice-title + .notice-list { margin-top: 0; border-top: 1px solid #e2e2e2; }

.sub-section.list-focus .board-list .date, .sub-section.list-column .board-list .date { font-size: 14px; line-height: 22px; }

/***************************************************************************************
   Main Page 설정
***************************************************************************************/
.main { position: relative; background: #fff; /* 공통 */ /* 공통 이미지 영역 */ /* head */ /* 헤드라인,후킹기사 type01 */ /* live-issue */ /* issue-2nd type1 */ /* issue-3rd */ /* section-all */ /* 포커스 취재 */ /* 꼼꼼히 읽는 뉴스 */ /* 현장 줌-인 */ }

.main a { vertical-align: middle; }

.main .date { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 20px; color: #888; letter-spacing: -.04em; }

.main .icon-play { position: relative; display: inline-block; height: 42px; width: 42px; margin-left: 0; vertical-align: middle; border: 1px solid black; }

.main .icon-play:before { border-left: 8px solid black; }

.main .icon-chart { position: relative; display: inline-block; height: 24px; width: 24px; vertical-align: middle; background: url(/images/svg/badge-graph-s.svg) 0 0 no-repeat; }

.main .icon-new { font-size: 14px; color: #02a37f; display: inline-block; vertical-align: middle; padding-right: 5px; }

.main .date + .icon-new { font-size: 12px; margin-left: 5px; }

.main .prompt01 { display: inline-block; padding: 0 10px 0 9px; margin-right: 10px; font-size: 14px; font-weight: 500; line-height: 26px; height: 28px; letter-spacing: -.07em; text-align: center; vertical-align: middle; color: #fff; background: #d90201; }

.main .prompt02 { display: inline-block; padding: 0 10px 0 9px; margin-right: 10px; font-size: 14px; font-weight: 500; line-height: 26px; height: 28px; letter-spacing: -.07em; text-align: center; vertical-align: middle; color: #fff; background: #000; }

.main .prompt-report { position: relative; width: 860px; height: 375px; }

.main .prompt-report .inn { position: relative; display: table; height: 375px; width: 515px; padding: 50px 50px; color: #fff; background-image: -webkit-gradient(linear, left top, right top, color-stop(77%, black), to(transparent)); background-image: -webkit-linear-gradient(left, black 77%, transparent); background-image: -o-linear-gradient(left, black 77%, transparent); background-image: linear-gradient(to right, black 77%, transparent); z-index: 2; }

.main .prompt-report .inn .cell-box { vertical-align: middle; display: table-cell; }

.main .prompt-report .inn .cell-box .prompt01 { display: block; width: 38px; height: 30px; padding: 0 5px 0 3px; margin-bottom: 14px; font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: -.07em; text-align: center; background: #d90201; }

.main .prompt-report .inn .cell-box h2 { vertical-align: middle; height: 96px; width: 320px; margin-bottom: 34px; font-size: 38px; font-weight: 500; line-height: 48px; letter-spacing: -.02em; overflow: hidden; }

.main .prompt-report .inn .cell-box h2 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .prompt-report .inn .cell-box .text { overflow: hidden; display: block; width: 320px; height: 114px; margin-top: -17px; font-size: 16px; color: #999; letter-spacing: -.1em; line-height: 28px; }

.main .prompt-report .img-box { position: absolute; top: 0; right: 0; height: 375px; z-index: 1; }

.main .prompt-report .img-box a { position: relative; }

.main .img-box.video { position: relative; cursor: pointer; }

.main .img-box.video:after { content: ''; display: inline-block; position: absolute; bottom: 20px; left: 20px; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.main .issue-3rd .sub-iss .img-box.video:after, .main .section-all .section-list li .img-box.video:after, .main .project-serial .inn-btm .special-iss .img-box.video:after, .main .hooking-iss .img-box.video:after { left: 6px; bottom: 6px; background-image: url("/images/svg/icon-play-24.svg"); background-size: 24px; height: 24px; width: 24px; }

.main .head-recent { position: relative; width: 1180px; height: 130px; padding-top: 29px; margin: 0 auto 0; border-bottom: 3px solid #111; }

.main .head-recent .title-area h1 { position: absolute; top: 29px; left: 0; width: 115px; height: 108px; padding-right: 25px; background: #fff; }

.main .head-recent .title-area h1 img { width: 100%; height: 100%; }

.main .head-recent .title-area .roll-box { position: absolute; bottom: 18px; left: 115px; line-height: 17px; }

.main .head-recent .title-area .roll-box strong { float: left; margin-right: 9px; font-weight: 700; line-height: 17px; letter-spacing: -.05em; color: #222; }

.main .head-recent .title-area .roll-box strong.exc { color: #e23d3d; margin-top: 0; }

.main .head-recent .title-area .roll-box .text-tip { float: left; margin-right: 64px; max-width: 315px; height: 17px; margin-top: -2px; overflow: hidden; }

.main .head-recent .title-area .roll-box .text-tip a { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 17px; overflow: hidden; }

.main .head-recent .title-area .roll-box .section-title { float: left; width: 315px; vertical-align: top; }

.main .head-recent .title-area .roll-box .section-title.vticker, .main .head-recent .title-area .roll-box .section-title.vticker2 { height: 17px; overflow: hidden; }

.main .head-recent .title-area .roll-box .section-title ul { width: 100%; overflow: hidden; }

.main .head-recent .title-area .roll-box .section-title a { display: block; width: 100%; line-height: 17px; height: 17px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.main .head-recent .title-area .roll-box .indep-article { position: relative; float: left; vertical-align: middle; width: 375px; height: 17px; }

.main .head-recent .right-area { position: absolute; right: 0; bottom: 18px; width: 234px; height: 60px; overflow: hidden; }

.main .head-recent .right-area a, .main .head-recent .right-area img { display: block; }

.main .issue-1st { margin-top: 54px; }

.main .issue-1st .type-default { position: relative; /* hook issue */ }

.main .issue-1st .type-default .headline-iss { position: relative; width: 860px; height: 380px; }

.main .issue-1st .type-default .headline-iss .inn { position: relative; width: 320px; height: 385px; overflow: hidden; }

.main .issue-1st .type-default .headline-iss .inn.row2 h1 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .headline-iss .inn.row2 .text { max-height: 246px; }

.main .issue-1st .type-default .headline-iss .inn.row2 .iss-more { padding-top: 22px; }

.main .issue-1st .type-default .headline-iss .inn.row1 h1 { height: 52px; }

.main .issue-1st .type-default .headline-iss .inn.row1 .text { max-height: 280px; }

.main .issue-1st .type-default .headline-iss .inn.row1 .iss-more { padding-top: 22px; }

.main .issue-1st .type-default .headline-iss .inn h1 { overflow: hidden; max-height: 156px; font-size: 38px; line-height: 48px; font-weight: 500; letter-spacing: -.04em; color: #222; margin-bottom: 12px; }

.main .issue-1st .type-default .headline-iss .inn h1 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .headline-iss .inn .text { display: block; overflow: hidden; max-height: 193px; margin-top: 8px; font-size: 16px; line-height: 28px; letter-spacing: -.08em; color: #666; }

.ie.desktop .main .issue-1st .type-default .headline-iss .inn h1 a { display: block; }

.main .issue-1st .type-default .headline-iss .inn .iss-more { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; padding-top: 30px; }

.main .issue-1st .type-default .headline-iss .inn .iss-more.no-content { padding-top: 0; }

.main .issue-1st .type-default .headline-iss .inn .iss-more li { position: relative; display: block; overflow: hidden; width: 320px; margin-top: 4px; padding-left: 15px; font-size: 16px; font-weight: 500; line-height: 24px; color: #111; }

.main .issue-1st .type-default .headline-iss .inn .iss-more li::before { content: ''; position: absolute; top: 10px; left: 0; background-position: -122px -108px; width: 8px; height: 8px; }

.main .issue-1st .type-default .headline-iss .inn .iss-more li:first-child { margin-top: 0; }

.main .issue-1st .type-default .headline-iss .inn .iss-more li a { height: 24px; line-height: 24px; overflow: hidden; }

.main .issue-1st .type-default .headline-iss .prompt01, .main .issue-1st .type-default .headline-iss .prompt02 { position: relative; top: -4px; }

.main .issue-1st .type-default .headline-iss .img-box { position: absolute; top: 0; right: 0; width: 500px; height: 375px; margin-left: 40px; }

.main .issue-1st .type-default .headline-iss .img-box.video { position: absolute; }

.main .issue-1st .type-default .headline-iss.full-img { height: 375px; }

.main .issue-1st .type-default .headline-iss.full-img .inn { overflow: hidden; display: block; position: absolute; bottom: 0; left: 60px; width: 740px; height: 110px; padding: 14px 50px 0; text-align: center; background: #fff; z-index: 2; }

.main .issue-1st .type-default .headline-iss.full-img .inn h2 { font-size: 36px; font-weight: 500; line-height: 48px; letter-spacing: -.02em; color: #111; }

.main .issue-1st .type-default .headline-iss.full-img .inn h2 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .headline-iss.full-img .inn h2.is-sub a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .headline-iss.full-img .inn .text { font-size: 18px; line-height: 34px; color: #111; }

.main .issue-1st .type-default .headline-iss.full-img .img-box { position: absolute; bottom: 0; left: 0; width: 860px; height: 375px; margin-left: 0; z-index: 1; }

.main .issue-1st .type-default .hook-box { position: absolute; top: 0; right: 0; margin-left: 40px; width: 280px; /* 많이 본 기사 */ /* 오피니언 */ }

.main .issue-1st .type-default .hook-box .hot-iss .ttl { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700; line-height: 29px; letter-spacing: -.05em; color: #111; }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best { margin-top: 11px; }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best li { position: relative; display: table; width: 280px; height: 66px; padding: 10px 19px 8px 51px; font-size: 14px; line-height: 22px; letter-spacing: -.05em; overflow: hidden; }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best li .text { display: table-cell; vertical-align: middle; overflow: hidden; }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best li a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-height: 48px; height: auto; }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best li.hotn.on { -webkit-box-shadow: 0 3px 14px -3px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 14px -3px rgba(0, 0, 0, 0.16); }

.main .issue-1st .type-default .hook-box .hot-iss .hook-best li.hotn span { position: absolute; top: 2px; left: 19px; font-family: 'roboto'; font-size: 18px; line-height: 66px; color: #000; }

.main .issue-1st .type-default .hook-box .hook-opin { margin-top: 31px; }

.main .issue-1st .type-default .hook-box .hook-opin .ttl { font-size: 18px; font-weight: 700; line-height: 29px; letter-spacing: -.05em; color: #111; }

.main .issue-1st .type-default .hook-box .hook-opin .inn { margin-top: 7px; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dl { position: relative; margin-top: 6px; font-size: 14px; line-height: 24px; font-weight: normal; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dl:first-child dt { top: -2px; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dl:first-child dd a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 48px; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dt { display: blcok; position: absolute; top: 0; left: 0; color: #5291ab; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dd { display: block; width: 240px; height: 46px; margin-left: 43px; color: #111; overflow: hidden; }

.main .issue-1st .type-default .hook-box .hook-opin .inn dd a { height: 22px; overflow: hidden; }

.main .issue-1st .type-default .hook-box .special-type { position: relative; width: 280px; height: 238px; }

.main .issue-1st .type-default .hook-box .special-type .inn { position: absolute; left: 0; bottom: 0; display: block; width: 280px; height: 238px; padding: 138px 20px 20px; z-index: 2; }

.main .issue-1st .type-default .hook-box .special-type .inn strong { display: inline-block; height: 24px; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 24px; color: #111; border-radius: 24px; background: #fff; }

.main .issue-1st .type-default .hook-box .special-type .inn .ttl { display: block; height: 48px; margin-top: 12px; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -.04em; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .hook-box .special-type .inn .icon-play { position: absolute; right: 20px; bottom: 20px; display: block; height: 42px; width: 42px; margin-left: 0; }

.main .issue-1st .type-default .hook-box .special-type .inn .icon-play:before { border-left: 8px solid black; }

.main .issue-1st .type-default .hook-box .special-type .img-box { position: absolute; top: 0; left: 0; z-index: 1; width: 280px; height: 238px; }

.main .issue-1st .type-default .hook-box .special-type.mov .inn .ttl { width: 185px; }

.main .issue-1st .type-default .hook-box .special-type.full { height: 375px; }

.main .issue-1st .type-default .hook-box .special-type.full .inn { height: 375px; padding: 221px 20px 20px; }

.main .issue-1st .type-default .hook-box .special-type.full .inn .ttl { font-size: 22px; line-height: 31px; font-weight: 500; color: #fff; }

.main .issue-1st .type-default .hook-box .special-type.full .img-box { height: 375px; }

.main .issue-1st .type-default .hook-box .special-type.full.special-bn .ttl { height: 96px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-1st .type-default .hook-box .special-bnn { position: relative; width: 280px; height: 114px; margin-top: 31px; background: url(/images/mainbanner-type-b.png) 100% 100% no-repeat; }

.main .issue-1st .type-default .hook-box .special-bnn .inn { width: 280px; height: 114px; font-size: 22px; line-height: 28px; color: #363636; letter-spacing: -.08em; }

.main .issue-1st .type-default .hook-box .special-bnn .inn p { margin-bottom: 12px; }

.main .issue-1st .type-default .hook-box .special-bnn .inn .icon { display: block; width: 20px; height: 20px; background: url(/images/svg/black-circle-arrow.svg) no-repeat; }

.main .live-issue { position: relative; width: 1180px; height: 50px; margin-top: 50px; padding: 0 0 0 0; line-height: 48px; border: 1px solid #333; border-left: 0; border-right: 0; }

.main .live-issue .ttl { position: absolute; top: 0px; display: inline-block; vertical-align: middle; margin-right: 80px; }

.main .live-issue .inn { position: absolute; top: 0; left: 180px; width: 910px; height: 48px; overflow: hidden; display: inline-block; }

.main .live-issue .inn a { margin-right: 29px; color: #222; letter-spacing: -.05em; vertical-align: top; }

.main .issue-2nd { position: relative; overflow: hidden; padding-top: 45px; padding-bottom: 52px; clear: both; }

.main .issue-2nd .top-iss { position: relative; float: left; height: 626px; width: 460px; }

.main .issue-2nd .top-iss h2 { font-size: 32px; font-weight: 500; height: 84px; line-height: 40px; color: #111; overflow: hidden; }

.main .issue-2nd .top-iss h2 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-2nd .top-iss h2 .prompt01, .main .issue-2nd .top-iss h2 .prompt02 { vertical-align: 5px; }

.main .issue-2nd .top-iss h2 .icon-play { width: 24px; height: 24px; vertical-align: middle; border: 1px solid black; }

.main .issue-2nd .top-iss h2 .icon-play:before { margin-top: -4px; margin-left: -2px; border-left: 5px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.main .issue-2nd .top-iss h2 .icon-new { font-size: 16px; position: relative; top: -2px; }

.main .issue-2nd .top-iss .text { overflow: hidden; height: 144px; margin-top: 10px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.main .issue-2nd .top-iss .img-box { width: 460px; height: 345px; margin-top: 20px; }

.main .issue-2nd .top-iss .icon-chart { width: 30px; height: 30px; background: url("/images/svg/badge-graph-l.svg") 0 0 no-repeat; }

.main .issue-2nd .icon-play, .main .issue-2nd .icon-chart { margin-left: 0; margin-right: 5px; }

.main .issue-2nd .prompt-report { position: relative; float: left; height: 626px; width: 460px; }

.main .issue-2nd .prompt-report .inn { width: 460px; height: 320px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(transparent)); background-image: -webkit-linear-gradient(top, black 80%, transparent); background-image: -o-linear-gradient(top, black 80%, transparent); background-image: linear-gradient(to bottom, black 80%, transparent); }

.main .issue-2nd .prompt-report .inn .cell-box .prompt01 { margin-bottom: 18px; }

.main .issue-2nd .prompt-report .inn .cell-box h2 { margin-bottom: 16px; height: 80px; font-size: 32px; line-height: 40px; letter-spacing: -.02em; }

.main .issue-2nd .prompt-report .inn .cell-box .text { margin-top: 0; height: 74px; font-size: 14px; line-height: 24px; letter-spacing: -.05em; }

.main .issue-2nd .prompt-report .inn .cell-box .text a { display: block; }

.main .issue-2nd .prompt-report .img-box { top: auto; bottom: 0; }

.main .issue-2nd .prompt-report.addcase .inn { position: absolute; bottom: 0; left: 0; width: 460px; height: 280px; padding: 32px 20px 40px; border: 1px solid #e2e2e2; background: #fff; }

.main .issue-2nd .prompt-report.addcase .inn .cell-box .ttl { display: block; font-family: 'roboto'; font-size: 18px; font-weight: 400; text-align: center; }

.main .issue-2nd .prompt-report.addcase .inn .cell-box h2 { width: 100%; margin-top: 18px; font-size: 32px; line-height: 42px; color: #111; text-align: center; }

.main .issue-2nd .prompt-report.addcase .inn .cell-box .text { width: 100%; height: 48px; text-align: center; }

.main .issue-2nd .prompt-report.addcase .img-box { height: 624px; }

.main .issue-2nd .middle-iss { position: relative; float: left; height: 626px; width: 360px; margin: 0 40px; }

.main .issue-2nd .middle-iss li { position: relative; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #e2e2e2; }

.main .issue-2nd .middle-iss li .inn-box { height: 135px; margin-bottom: 6px; overflow: hidden; }

.main .issue-2nd .middle-iss li h4 { font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -.05em; color: #111; }

.main .issue-2nd .middle-iss li h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-2nd .middle-iss li .prompt01 { padding: 0 6px 0 4px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-2nd .middle-iss li .prompt02 { padding: 0 6px 0 4px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-2nd .middle-iss li .icon-play { width: 16px; height: 16px; margin-left: 5px; vertical-align: -3px; border: 1px solid black; }

.main .issue-2nd .middle-iss li .icon-play:before { margin-top: -4px; margin-left: -2px; border-left: 5px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.main .issue-2nd .middle-iss li .date { margin: 8px 0 9px; }

.main .issue-2nd .middle-iss li .text { overflow: hidden; height: 45px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.main .issue-2nd .middle-iss li .inn-box.row1 .text { height: 70px; }

.main .issue-2nd .middle-iss li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.main .issue-2nd .middle-iss li.single h4 { position: relative; margin-top: 9px; line-height: 30px; }

.main .issue-2nd .middle-iss li.single h4 > a { display: block; overflow: hidden; height: 28px; }

.main .issue-2nd .bottom-iss { position: relative; float: left; height: 626px; width: 280px; }

.main .issue-2nd .bottom-iss .inn h5 { position: relative; font-size: 16px; font-weight: 500; line-height: 24px; color: #111; margin-bottom: 23px; }

.main .issue-2nd .bottom-iss .inn h5 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-2nd .bottom-iss .inn h5:last-child { margin-bottom: 0; }

.main .issue-2nd .bottom-iss .inn .prompt01 { padding: 0 6px 0 4px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-2nd .bottom-iss .inn .prompt02 { padding: 0 6px 0 4px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-2nd .bottom-iss .todyas { position: absolute; bottom: 0; right: 0; width: 280px; }

.main .issue-2nd .bottom-iss .todyas.type-a { height: 250px; }

.main .issue-2nd .bottom-iss .todyas.type-a .ttl { padding-left: 14px; height: 40px; font-size: 16px; font-weight: 500; letter-spacing: -.04em; color: #111; line-height: 36px; border: 1px solid #e2e2e2; border-bottom: 0; background: #fff; }

.main .issue-2nd .bottom-iss .todyas.type-a .img-box { height: 210px; }

.main .issue-2nd .bottom-iss .todyas.type-b { height: 250px; }

.main .issue-2nd .bottom-iss .todyas.type-b .quate { position: relative; width: 280px; height: 250px; letter-spacing: -.05em; background-image: -webkit-linear-gradient(271deg, rgba(7, 7, 7, 0) 48%, #030303 99%); background-image: -o-linear-gradient(271deg, rgba(7, 7, 7, 0) 48%, #030303 99%); background-image: linear-gradient(179deg, rgba(7, 7, 7, 0) 48%, #030303 99%); z-index: 2; }

.main .issue-2nd .bottom-iss .todyas.type-b .quate strong { position: absolute; bottom: 60px; left: 20px; display: block; height: 44px; width: 247px; font-size: 12px; font-weight: 500; line-height: 18px; color: #fff; background: url("/images/svg/main-quate-36.svg") 100% 50% no-repeat; background-size: 36px 36px; }

.main .issue-2nd .bottom-iss .todyas.type-b .quate p { overflow: hidden; position: absolute; bottom: 16px; left: 20px; width: 210px; height: 62px; padding-top: 14px; font-family: 'NanumMyeongjo','나눔명조'; font-size: 18px; font-weight: 400; line-height: 24px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.4); }

.main .issue-2nd .bottom-iss .todyas.type-b .img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.main .issue-2nd .bottom-iss .todyas.type-c { width: 280px; height: 200px; margin-top: 50px; padding-top: 39px; letter-spacing: -.05em; border-top: 1px solid #e2e2e2; }

.main .issue-2nd .bottom-iss .todyas.type-c .toon { display: inline-block; vertical-align: top; width: 88px; margin-right: -4px; }

.main .issue-2nd .bottom-iss .todyas.type-c .toon strong { display: block; font-size: 18px; font-weight: 500; line-height: 26px; color: #111; }

.main .issue-2nd .bottom-iss .todyas.type-c .toon p { display: block; margin-top: 3px; font-size: 14px; line-height: 22px; color: #4a4a4a; }

.main .issue-2nd .bottom-iss .todyas.type-c .img-box { display: inline-block; width: 194px; height: 159px; margin-right: -4px; }

.main .issue-2nd .bottom-iss .icon-play { width: 16px; height: 16px; margin-left: 5px; vertical-align: -2px; border: 1px solid black; }

.main .issue-2nd .bottom-iss .icon-play:before { margin-top: -4px; margin-left: -2px; border-left: 5px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.main .issue-2nd .bottom-iss .icon-chart { vertical-align: -5px; }

.main .issue-3rd { position: relative; overflow: hidden; width: 1180px; height: 342px; padding: 50px 0 52px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

.main .issue-3rd .top-iss { position: relative; width: 580px; float: left; }

.main .issue-3rd .top-iss .inn { float: left; width: 240px; height: 240px; overflow: hidden; }

.main .issue-3rd .top-iss .inn h3 { margin-top: -2px; font-size: 26px; font-weight: 500; height: 96px; line-height: 32px; color: #111; overflow: hidden; }

.main .issue-3rd .top-iss .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-3rd .top-iss .inn h3 .icon-play { width: 30px; height: 30px; }

.main .issue-3rd .top-iss .inn h3 .icon-chart { width: 40px; height: 40px; }

.main .issue-3rd .top-iss .inn .date { margin: 8px 0 9px; }

.main .issue-3rd .top-iss .inn .text { overflow: hidden; height: 99px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.main .issue-3rd .top-iss .img-box { float: right; width: 320px; height: 240px; }

.main .issue-3rd .sub-iss { float: right; width: 560px; margin-left: 40px; }

.main .issue-3rd .sub-iss .icon-play { width: 16px; height: 16px; margin-right: 5px; vertical-align: -1px; border: 1px solid black; }

.main .issue-3rd .sub-iss .icon-play:before { margin-top: -4px; margin-left: -2px; border-left: 5px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.main .issue-3rd .sub-iss .icon-chart { margin-right: 5px; vertical-align: -4px; }

.main .issue-3rd .sub-iss .prompt01 { padding: 0 6px 0 5px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-3rd .sub-iss .prompt02 { padding: 0 6px 0 5px; margin-right: 5px; font-size: 12px; line-height: 19px; height: 19px; vertical-align: 2px; }

.main .issue-3rd .sub-iss li { position: relative; height: 116px; padding-bottom: 25px; margin-bottom: 31px; border-bottom: 1px solid #e2e2e2; }

.main .issue-3rd .sub-iss li .inn { float: left; width: 210px; }

.main .issue-3rd .sub-iss li .inn h4 { margin-top: -2px; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -.05em; color: #111; overflow: hidden; }

.main .issue-3rd .sub-iss li .inn h4 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .issue-3rd .sub-iss li .text { overflow: hidden; float: left; width: 190px; height: 94px; margin: -4px 20px 0; font-size: 14px; line-height: 24px; letter-spacing: -.05em; color: #666; }

.main .issue-3rd .sub-iss li .img-box { float: left; width: 120px; height: 90px; }

.main .issue-3rd .sub-iss li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.main .section-all { position: relative; }

.main .section-all .section-list { overflow: hidden; padding-top: 50px; }

.main .section-all .section-list .pv-area { left: 8px; }

.main .section-all .section-list li { position: relative; float: left; width: 212px; margin: 0 30px 55px 0; }

.main .section-all .section-list li:nth-child(5n) { margin: 0 0 55px 0; }

.main .section-all .section-list li h4 { overflow: hidden; height: 50px; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -.05em; color: #111; }

.main .section-all .section-list li h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .section-all .section-list li .text { overflow: hidden; height: 69px; margin: 7px 0 15px; font-size: 14px; line-height: 24px; letter-spacing: -.05em; color: #666; }

.main .section-all .section-list li .img-box { width: 212px; height: 159px; }

.main .section-all .section-list li .go-section { position: relative; font-size: 15px; font-weight: 700; letter-spacing: -.05em; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; }

.main .section-all .section-list li .go-section .icon-goarrow { position: absolute; bottom: 14px; right: 0; display: inline-block; vertical-align: middle; background-image: url("/images/svg/arrow-right-gray.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; width: 18px; height: 18px; }

.main .section-all .section-list li .go-section a { display: block; }

.main .section-all .section-list li .go-section a span em { position: relative; padding-left: 10px; margin-left: 11px; display: inline-block; font-weight: 400; font-style: normal; color: #666; }

.main .section-all .section-list li .go-section a span em::before { content: ' '; position: absolute; top: 19px; left: 0; width: 1px; height: 12px; background: #d8d8d8; }

.main .project-serial { position: relative; padding-top: 50px; margin-bottom: 80px; }

.main .project-serial .title-section { margin-bottom: 33px; }

.main .project-serial .title-section h3 { font-size: 26px; line-height: 38px; color: #111; font-weight: 400; }

.main .project-serial .btn-box.btn-more { top: 50px; border: 1px solid rgba(82, 145, 171, 0.2); }

.main .project-serial .in-top { position: relative; height: 360px; margin-bottom: 50px; }

.main .project-serial .in-top .top-iss { position: relative; float: left; }

.main .project-serial .in-top .top-iss .img-box { position: absolute; width: 500px; height: 360px; }

.main .project-serial .in-top .top-iss .inn { width: 390px; margin-left: 540px; padding-top: 72px; }

.main .project-serial .in-top .top-iss .inn .ttl { margin-bottom: 9px; font-size: 14px; line-height: 20px; letter-spacing: -.05em; color: #bb9778; }

.main .project-serial .in-top .top-iss .inn h2 { font-size: 32px; font-weight: 500; letter-spacing: -.05em; height: 123px; line-height: 42px; color: #111; overflow: hidden; }

.main .project-serial .in-top .top-iss .inn h2 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .project-serial .in-top .top-iss .inn .text { overflow: hidden; height: 123px; margin-top: 16px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.main .project-serial .in-top .topleft-iss { float: right; width: 200px; margin-left: 48px; }

.main .project-serial .in-top .topleft-iss li { position: relative; padding-bottom: 20px; }

.main .project-serial .in-top .topleft-iss li .ttl { margin-bottom: 4px; font-size: 14px; line-height: 20px; letter-spacing: -.05em; color: #bb9778; }

.main .project-serial .in-top .topleft-iss li h5 { height: 48px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -.05em; color: #111; overflow: hidden; }

.main .project-serial .in-top .topleft-iss li h5 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .project-serial .in-top .topleft-iss li:last-child { padding-bottom: 0; }

.main .project-serial .inn-btm { position: relative; height: 126px; }

.main .project-serial .inn-btm .sub-iss { position: relative; float: left; }

.main .project-serial .inn-btm .sub-iss .img-box { float: left; width: 168px; height: 126px; }

.main .project-serial .inn-btm .sub-iss .inn { float: left; width: 502px; height: 126px; margin-left: 30px; }

.main .project-serial .inn-btm .sub-iss .inn .ttl { margin-bottom: 4px; font-size: 14px; line-height: 20px; letter-spacing: -.05em; color: #bb9778; }

.main .project-serial .inn-btm .sub-iss .inn h4 { font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -.05em; }

.main .project-serial .inn-btm .sub-iss .inn .text { overflow: hidden; height: 48px; margin-top: 9px; font-size: 14px; line-height: 24px; color: #666; letter-spacing: -.05em; }

.main .project-serial .inn-btm .special-iss { position: relative; float: right; height: 126px; width: 370px; border: 1px solid #e2e2e2; }

.main .project-serial .inn-btm .special-iss .img-box { float: left; width: 126px; height: 126px; }

.main .project-serial .inn-btm .special-iss .inn { float: left; width: 242px; height: 126px; padding-top: 24px; padding-left: 40px; }

.main .project-serial .inn-btm .special-iss .inn .ttl { margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #000; }

.main .project-serial .inn-btm .special-iss .inn h5 { font-size: 18px; font-weight: 400; letter-spacing: -.09em; width: 175px; height: 52px; line-height: 26px; overflow: hidden; }

.main .project-serial .inn-btm .special-iss .inn h5 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .hooking-iss { overflow: hidden; margin-bottom: 82px; }

.main .hooking-iss .ttl-box { position: relative; padding: 12px 0 21px; border-top: 2px solid #222; }

.main .hooking-iss .ttl-box h3 { height: 64px; width: 200px; font-size: 26px; font-weight: 400; line-height: 32px; }

.main .hooking-iss .ttl-box > a { position: absolute; top: 12px; right: 0; font-size: 14px; line-height: 20px; color: #999; letter-spacing: -.05em; }

.main .hooking-iss .ttl-box > a strong { color: #5291ab; font-weight: 400; }

.main .hooking-iss .tooltip-box { position: absolute; top: 20px; right: 0; }

.main .hooking-iss .tooltip-box .tooltip { letter-spacing: -.05em; }

.main .hooking-iss .tooltip-box .tooltip.on, .main .hooking-iss .tooltip-box .tooltip .on.left { left: auto; right: 0; }

.main .hooking-iss .hook-1st { float: left; width: 368px; }

.main .hooking-iss .hook-1st ul li { overflow: hidden; position: relative; height: 27px; padding-left: 28px; margin-bottom: 8px; font-size: 16px; letter-spacing: -.05em; color: #222222; line-height: 24px; }

.main .hooking-iss .hook-1st ul li a { display: block; }

.main .hooking-iss .hook-1st ul li .rank { display: block; position: absolute; top: 2px; left: 3px; font-family: 'roboto'; font-size: 18px; }

.main .hooking-iss .hook-1st ul li:first-child { height: 75px; padding-left: 34px; margin-bottom: 17px; }

.main .hooking-iss .hook-1st ul li:first-child .rank { top: 25px; left: 0; font-size: 26px; font-weight: 300; }

.main .hooking-iss .hook-1st ul li:first-child > a { display: block; overflow: hidden; width: 201px; height: 57px; padding-top: 9px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .hooking-iss .hook-1st ul li:first-child .img-box { position: absolute; top: 0; right: 0; display: block; width: 100px; height: 75px; }

.main .hooking-iss .hook-2nd { float: left; width: 342px; margin: 0 60px 0 39px; }

.main .hooking-iss .hook-2nd ul li { position: relative; height: 72px; margin-bottom: 10px; }

.main .hooking-iss .hook-2nd ul li:last-child { margin-bottom: 0; }

.main .hooking-iss .hook-2nd ul li a { font-size: 16px; letter-spacing: -.05em; color: #222222; line-height: 24px; }

.main .hooking-iss .hook-2nd ul li a span { display: block; overflow: hidden; width: 227px; height: 48px; padding-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .hooking-iss .hook-2nd ul li .img-box { position: absolute; top: 0; right: 0; width: 100px; height: 75px; }

.main .hooking-iss .hook-3rd { float: left; width: 370px; }

.main .hooking-iss .hook-3rd .hit-news .inn { position: relative; height: 90px; }

.main .hooking-iss .hook-3rd .hit-news .inn .ttl { padding-top: 10px; }

.main .hooking-iss .hook-3rd .hit-news .inn .ttl h4 { overflow: hidden; width: 203px; height: 52px; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -.05em; color: #111; }

.main .hooking-iss .hook-3rd .hit-news .inn .ttl h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .hooking-iss .hook-3rd .hit-news .inn .ttl .date { margin: 10px 0 22px; }

.main .hooking-iss .hook-3rd .hit-news .inn .img-box { position: absolute; top: 0; right: 0; }

.main .hooking-iss .hook-3rd .hit-news .text { height: 120px; margin-top: 18px; font-size: 14px; line-height: 24px; color: #666; overflow: hidden; }

.main .hooking-iss .hook-3rd .hit-news .text a { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .hooking-iss .hook-3rd .img-box { width: 120px; height: 90px; }

.main .zoon-in { position: relative; padding-top: 44px; }

.main .zoon-in .photo-news h3 { font-size: 26px; font-weight: 400; line-height: 38px; }

.main .zoon-in .photo-news .btn-box.btn-more { top: 0; }

.main .zoon-in .photo-news li.photo-list { width: 144px !important; margin-bottom: 50px; }

.main .zoon-in .photo-news li.photo-list:nth-child(3n) { margin-right: 0; }

.main .zoon-in .photo-news li.photo-list:nth-child(4n) { margin-bottom: 0; }

.main .zoon-in .photo-news li.photo-list:nth-child(5n) { margin-bottom: 0; }

.main .zoon-in .photo-news li.photo-list:nth-child(6n) { margin-bottom: 0; }

.main .zoon-in .photo-news li.photo-list .text { width: 144px; }

.main .zoon-in .photo-news li.photo-list .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .zoon-in .photo-news .show-box { width: 680px; height: 510px; margin-right: 24px; }

.main .zoon-in .photo-news .show-box .img-box { width: 680px; height: 510px; }

.main .zoon-in .photo-news .show-box figcaption { height: 120px; margin-top: -120px; }

.main .zoon-in .photo-news .show-box h4 { font-weight: 400; }

.main .zoon-in .photo-news .list-box { width: 472px; height: 380px; }

.main .zoon-in .photo-news .list-box .border-box { width: 144px; height: 108px; }

.main .zoon-in .photo-news .list-box .img-box { width: 144px; height: 108px; line-height: 1; }

.main .zoon-in .photo-news .list-box .img-box.video a:before { content: ''; position: absolute; z-index: 1; bottom: 10px; left: 10px; background-image: url("/images/svg/icon-mv-video.svg"); background-repeat: no-repeat; background-size: 100%; width: 24px; height: 24px; }

.main .story-and h3 { font-size: 26px; line-height: 38px; }

.main .story-and .story-n { position: relative; height: 345px; margin-top: 29px; }

.main .story-and .story-n li { position: relative; float: left; width: 580px; height: 345px; }

.main .story-and .story-n li .story-box { position: relative; float: left; width: 280px; height: 345px; margin-left: 20px; }

.main .story-and .story-n li .story-box:first-child { margin-left: 0; }

.main .story-and .story-n li .story-box .img-box { width: 280px; height: 210px; }

.main .story-and .story-n li .story-box .img-box.video { position: relative; }

.main .story-and .story-n li .story-box .img-box.video:after { content: ''; position: absolute; bottom: 10px; left: 10px; background-image: url("/images/svg/icon-play.svg"); background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; }

.main .story-and .story-n li .story-box p { overflow: hidden; height: 56px; margin-top: 12px; font-size: 18px; font-weight: 400; line-height: 28px; color: #222; letter-spacing: -.05em; }

.main .story-and .story-n li .story-box p a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .story-and .story-n li .btn-box { top: auto; right: auto; bottom: 0; left: 0; width: 580px; height: 68px; border-bottom: 1px solid #ccc; border-radius: 0; }

.main .story-and .story-n li .btn-box a { font-size: 18px; line-height: 68px; font-weight: 700; color: #111; letter-spacing: -.06em; text-align: right; }

.main .story-and .story-n li .btn-box a span { display: inline-block; margin-right: 8px; font-size: 18px; font-weight: 700; color: #111; letter-spacing: -.06em; }

.main .story-and .story-n li .btn-box a .icon-arrow { background-image: url("/images/svg/arrow-right-gray.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 50% -1px; width: 18px; height: 18px; }

.main .story-and .story-n li:first-child { margin-right: 20px; }

.main .other { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1180px; height: 176px; margin: 0 auto; background: #f1f3f5; }

.main .other dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding: 38px 55px 38px 60px; }

.main .other dl dt { width: 128px; line-height: 26px; font-size: 18px; color: #222; font-weight: 700; }

.main .other dl dd { font-size: 16px; line-height: 26px; color: #111; }

.main .other dl dd .note { position: relative; }

.main .other dl dd .note:last-child > a:last-child { margin-bottom: 0; }

.main .other dl dd a { display: block; width: 330px; height: 26px; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.main .other dl dd > a:last-child { margin-bottom: 0; }

.main .other:before { content: ''; position: absolute; top: 40px; left: 50%; width: 1px; height: 106px; background: #e2e2e2; }

/* 특보형 */
.full-headline { width: 100%; height: 740px; background: #111; z-index: 9; }

.full-headline header { position: relative; z-index: 10; }

.full-headline header nav li { color: #fff; }

.full-headline .inn { position: relative; width: 1180px; margin: 0 auto; color: #fff; z-index: 9; }

.full-headline .inn .text-box { position: relative; display: inline-block; padding-top: 55px; z-index: 10; }

.full-headline .inn .text-box .logo { width: 182px; height: 50px; }

.full-headline .inn .text-box h1 { width: 460px; margin-top: 55px; font-size: 42px; font-weight: 400; line-height: 52px; letter-spacing: -.1em; overflow: hidden; }

.full-headline .inn .text-box h1 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.full-headline .inn .text-box .date { display: block; margin-top: 16px; color: #fff; }

.full-headline .inn .text-box .text { overflow: hidden; display: block; width: 460px; height: 199px; margin-top: 12px; font-size: 16px; font-weight: 400; color: #fff; line-height: 28px; letter-spacing: -.05em; opacity: .6; }

.full-headline .inn .text-box .iss-more { margin: 22px 0 31px; }

.full-headline .inn .text-box .iss-more li { position: relative; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 460px; margin-bottom: 6px; padding-left: 15px; font-size: 18px; font-weight: 500; line-height: 27px; color: #fff; }

.full-headline .inn .text-box .iss-more li::before { content: ''; position: absolute; top: 10px; left: 0; background-position: -122px -108px; width: 8px; height: 8px; }

.full-headline .inn .text-box .play-box { display: block; width: 220px; height: 44px; overflow: hidden; }

.full-headline .inn .text-box .play-box .picture-count { font-family: 'Roboto', serif; font-weight: 700; font-size: 14px; text-indent: 10px; background-image: url("/images/svg/picture-frame.svg"); background-repeat: no-repeat; background-size: 100%; background-position: left top; width: 41px; height: 38px; line-height: 36px; margin-top: 4px; margin-left: 0; }

.full-headline .inn .text-box .play-box span { display: block; float: left; font-size: 18px; font-weight: 400; line-height: 44px; letter-spacing: -.05em; margin-left: 12px; }

.full-headline .inn .img-box { position: absolute; top: 160px; right: 0; width: 580px; height: 435px; }

.full-headline .inn .img-box.video a:before { position: absolute; bottom: 20px; left: 20px; content: ''; background-image: url("/images/svg/icon-play.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; width: 54px; height: 54px; }

.full-headline .prompt01, .full-headline .prompt02 { position: relative; top: -2px; }

.full-headline .prompt01 { display: inline-block; padding: 0 12px 0 10px; margin-right: 10px; font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: -.07em; text-align: center; vertical-align: middle; color: #fff; background: #d90201; }

.full-headline .prompt02 { display: inline-block; padding: 0 12px 0 10px; margin-right: 10px; font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: -.07em; text-align: center; vertical-align: middle; color: #fff; background: #000; }

.full-headline.cover-bg .bg-box img { opacity: .18; }

.full-headline .bg-box { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 740px; vertical-align: middle; text-align: center; z-index: 8; }

.full-headline .bg-box img { position: relative; top: -25%; width: 100%; /* -webkit-filter: blur(28px); filter: blur(28px); */ }

.full-headline.case1 .masking-box { position: absolute; top: -48px; width: 1180px; height: 740px; z-index: 7; }

.full-headline.case1 .bg-box { top: -48px; left: 50%; width: 1180px; margin-left: -590px; z-index: 6; }

.full-headline.case1 .bg-box img { top: 0; }

.full-headline.case1 .text-box .text { height: 200px; overflow: hidden; }

.add-main { position: relative; background: #fff; padding-top: 50px; }

.add-main header { position: relative; background: #fff; }

.add-main .popup-more { position: fixed; bottom: 0; left: 0; width: 100%; height: 240px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }

.add-main .popup-more .inn { display: block; position: absolute; bottom: -200px; left: 50%; width: 320px; height: 80px; margin-left: -160px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); will-change: bottom, transform; -webkit-transition: all 0.3s cubic-bezier(0.86, -0.01, 0.18, 1); -o-transition: all 0.3s cubic-bezier(0.86, -0.01, 0.18, 1); transition: all 0.3s cubic-bezier(0.86, -0.01, 0.18, 1); }

.add-main .popup-more .inn a { display: block; width: 320px; height: 80px; padding: 15px 0; font-size: 14px; text-align: center; color: #fff; background: #02a37f; border-radius: 43px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

.add-main .popup-more .inn a strong { font-size: 18px; font-weight: 500; line-height: 27px; letter-spacing: -.08em; text-decoration: underline; }

.add-main .popup-more .inn a span { display: block; margin-top: 3px; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -.05em; }

.add-main .popup-more .inn a:hover { -webkit-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

.add-main .popup-more.show .inn { bottom: 50px; margin-left: -160px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.ie .main .issue-1st .type-default .headline-iss .inn { overflow: visible; }

.ie .main .issue-1st .type-default .headline-iss .inn h1 { margin-right: -4px; letter-spacing: -0.05em; }

.renew .main { letter-spacing: -0.06em; }

.renew .main .prompt01, .renew .main .prompt02 { margin: -3px 5px 0 0; padding: 0; width: 32px; height: 19px; line-height: 18px; font-size: 12px; font-weight: 600; vertical-align: middle; }

.renew .main .prompt02 { background-color: #003629; }

.renew .main .icon-play, .renew .main .icon-chart { margin: -3px 5px 0 0; text-indent: -9999px; vertical-align: middle; }

.renew .main .icon-play { margin: -3px 5px 0 0; width: 18px; height: 18px; }

.renew .main .icon-play::before { margin: -4px 0 0 -2px; border-left: 5px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.renew .main .icon-chart { width: 17px; height: 17px; background-position: 50% 50%; background-size: 20px; background-color: #fff; border-radius: 2px; }

.renew .main .icon-live { display: inline-block; margin: -3px 5px 0 0; width: 45px; line-height: 19px; text-align: center; color: #fff; font-size: 11px; font-weight: 600; background-color: #C80000; text-transform: uppercase; letter-spacing: 0; vertical-align: middle; }

.renew .main .icon-live::after { content: ''; display: inline-block; margin-left: 4px; width: 10px; height: 10px; background: url("/images/svg/icon_live_play.svg") no-repeat; background-size: 10px; vertical-align: -1px; }

.renew .main [class^="headline"] strong, .renew .main .articles [class^="top"] strong { margin-top: -4px; }

.renew .main [class^="headline"] h2 .prompt01, .renew .main [class^="headline"] h2 .prompt02, .renew .main .articles [class^="top"] h2 .prompt01, .renew .main .articles [class^="top"] h2 .prompt02 { margin-top: -8px; width: 46px; height: 28px; line-height: 28px; font-size: 14px; }

.renew .main [class^="headline"] h2 .icon-play, .renew .main .articles [class^="top"] h2 .icon-play { margin-top: -8px; width: 26px; height: 26px; }

.renew .main [class^="headline"] h2 .icon-play::before, .renew .main .articles [class^="top"] h2 .icon-play::before { margin: -5px 0 0 -3px; border-left: 7px solid black; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.renew .main [class^="headline"] h2 .icon-chart, .renew .main .articles [class^="top"] h2 .icon-chart { width: 28px; height: 28px; background-size: 36px; }

.renew .main [class^="headline"] h2 .icon-live, .renew .main .articles [class^="top"] h2 .icon-live { margin-top: -8px; width: 54px; line-height: 28px; font-size: 13px; }

.renew .main [class^="headline"] h2 .icon-live::after, .renew .main .articles [class^="top"] h2 .icon-live::after { width: 12px; height: 12px; background-size: 12px; }

.renew .main .main-news { margin-top: 47px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.renew .main .main-news .news-articles { width: 860px; }

.renew .main .main-news .headline { position: relative; height: 369px; }

.renew .main .main-news .headline a { display: block; height: 100%; overflow: hidden; }

.renew .main .main-news .headline .content { width: 320px; }

.renew .main .main-news .headline .content h2 { display: -webkit-box; font-size: 38px; font-weight: 500; line-height: 48px; max-height: 156px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; letter-spacing: -3px; }

.renew .main .main-news .headline .content p { margin-top: 20px; font-size: 16px; line-height: 28px; max-height: 200px; color: #666; text-align: justify; overflow: hidden; }

.renew .main .main-news .headline .img-box { position: absolute; right: 0; bottom: 0; width: 500px; height: 360px; }

.renew .main .main-news .headline .related { position: absolute; bottom: 0; left: 0; padding-top: 10px; width: 320px; background-color: #fff; }

.renew .main .main-news .headline .related::before { content: '...'; position: absolute; top: -24px; right: 0; width: 14px; height: 28px; color: #666; background-color: #fff; letter-spacing: 1px; }

.renew .main .main-news .headline .related a { position: relative; display: block; overflow: visible; }

.renew .main .main-news .headline .related h4 { position: relative; font-size: 16px; font-weight: 500; line-height: 28px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.renew .main .main-news .headline .related h4::before { content: ''; display: inline-block; margin-right: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; border: solid #999; border-width: 0 0 2px 2px; vertical-align: 3px; }

.renew .main .main-news .headline-full { position: relative; }

.renew .main .main-news .headline-full a { display: block; }

.renew .main .main-news .headline-full h2 { position: absolute; bottom: 0; left: 60px; width: 740px; height: 110px; padding: 8px 50px 0; font-size: 36px; font-weight: 500; line-height: 48px; letter-spacing: -.02em; color: #111; text-align: center; overflow: hidden; background: #fff; z-index: 2; }

.renew .main .main-news .headline-full .img-box { width: 100%; height: 360px; }

.renew .main .main-news .headline-full-sub { position: relative; }

.renew .main .main-news .headline-full-sub a { display: block; }

.renew .main .main-news .headline-full-sub .content { position: absolute; bottom: 0; left: 60px; width: 740px; height: 110px; padding: 20px 25px 0; color: #111; text-align: center; background: #fff; z-index: 2; }

.renew .main .main-news .headline-full-sub h2 { font-size: 36px; font-weight: 500; line-height: 54px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.renew .main .main-news .headline-full-sub h2 br { display: none; }

.renew .main .main-news .headline-full-sub p { font-size: 18px; line-height: 27px; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.renew .main .main-news .headline-full-sub .img-box { width: 100%; height: 360px; }

.renew .main .main-news .headline-prompt { position: relative; }

.renew .main .main-news .headline-prompt::before { content: ''; position: absolute; top: 0; left: 0; width: 522px; height: 100%; background-image: -webkit-linear-gradient(left, #000 400px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, #000 400px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(90deg, #000 400px, rgba(255, 255, 255, 0) 100%); }

.renew .main .main-news .headline-prompt a { display: block; }

.renew .main .main-news .headline-prompt .content { position: absolute; top: 49px; left: 50px; width: 320px; z-index: 1; }

.renew .main .main-news .headline-prompt .content h2 { margin-bottom: 16px; color: #fff; font-size: 32px; line-height: 40px; letter-spacing: -.02em; }

.renew .main .main-news .headline-prompt .content h2 .prompt01, .renew .main .main-news .headline-prompt .content h2 .prompt02 { display: block; margin-bottom: 18px; }

.renew .main .main-news .headline-prompt .content p { display: -webkit-box; margin-top: 0; color: #999; font-size: 14px; line-height: 24px; max-height: 72px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.renew .main .main-news .headline-prompt .img-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 360px; }

.renew .main .main-news .headline-prompt .img-box img { width: auto; height: 100%; }

.renew .main .main-news .headline-special { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 71px; height: 585px; background-color: #000; }

.renew .main .main-news .headline-special::after { content: ''; position: absolute; top: 0; left: -2500px; height: 100%; width: 5000px; background-color: #000; }

.renew .main .main-news .headline-special > .pv-area { top: 160px; }

.renew .main .main-news .headline-special .logo { margin-bottom: 55px; width: 182px; height: 50px; position: relative; z-index: 2; }

.renew .main .main-news .headline-special .content { position: relative; width: 460px; z-index: 2; }

.renew .main .main-news .headline-special h2 { color: #fff; font-size: 42px; font-weight: 400; line-height: 52px; letter-spacing: -.1em; overflow: hidden; }

.renew .main .main-news .headline-special .date { display: block; margin-top: 16px; color: #fff; }

.renew .main .main-news .headline-special p { display: -webkit-box; margin-top: 12px; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); line-height: 28px; max-height: 84px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.renew .main .main-news .headline-special .img-box { position: absolute; top: 0; left: 0; height: 100%; z-index: 1; }

.renew .main .main-news .headline-special .img-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%), -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, 0.6) 500px, rgba(0, 0, 0, 0) 85%, #000 100%); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%), -o-linear-gradient(left, #000 0, rgba(0, 0, 0, 0.6) 500px, rgba(0, 0, 0, 0) 85%, #000 100%); background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0.6) 500px, rgba(0, 0, 0, 0) 85%, #000 100%); }

.renew .main .main-news .headline-special .img-box img { width: auto; }

.renew .main .main-news .headline-special .related { position: relative; margin-top: 25px; padding-right: 20px; width: 460px; background-color: rgba(0, 0, 0, 0.7); z-index: 2; }

.renew .main .main-news .headline-special .related a { position: relative; display: block; }

.renew .main .main-news .headline-special .related h4 { position: relative; font-size: 16px; font-weight: 500; line-height: 34px; color: #fff; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.renew .main .main-news .headline-special .related h4::before { content: ''; display: inline-block; margin-right: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; border: solid #999; border-width: 0 0 2px 2px; vertical-align: 3px; }

.renew.special-headline { overflow: hidden; }

.renew.special-headline .sub-gnb-area { background-color: #000; }

.renew.special-headline .sub-gnb-area .sub-gnb li, .renew.special-headline .sub-gnb-area .sub-util-nav li { color: #fff; }

.renew.special-headline .main .head-recent { display: none; }

.renew.special-headline .main .main-news { margin-top: 0; }

.renew.special-headline .main .main-news .articles { margin-top: 0; border-top: 0; }

.renew.special-headline .main .main-news .news-todays { padding-top: 622px; }

.renew .main .main-news .headline-special.type-image, .renew .main .main-news .headline-special.type-video { margin-right: -320px; }

.renew .main .main-news .headline-special.type-image .img-box, .renew .main .main-news .headline-special.type-video .img-box { top: 160px; left: auto; right: 0; width: 540px; height: 340px; background-color: #000; }

.renew .main .main-news .headline-special.type-image .img-box::before, .renew .main .main-news .headline-special.type-video .img-box::before { display: none; }

.renew .main .main-news .headline-special.type-image .img-box img, .renew .main .main-news .headline-special.type-video .img-box img { width: 100%; }

.renew .main .main-news .headline-special.type-video .img-box::before { content: ''; position: absolute; top: auto; bottom: 20px; left: 20px; display: block; width: 54px; height: 54px; background: url("/images/svg/icon-play.svg") no-repeat; background-size: 100%; }

.renew .main .main-news .articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 38px; padding-top: 32px; border-top: 1px solid #ddd; }

.renew .main .main-news .articles .top { position: relative; margin-right: 35px; width: 440px; }

.renew .main .main-news .articles .top h2 { font-size: 30px; font-weight: 500; line-height: 42px; }

.renew .main .main-news .articles .top p { display: -webkit-box; margin-top: 20px; font-size: 15px; line-height: 26px; max-height: 84px; color: #666; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.renew .main .main-news .articles .top .img-box { margin-top: 30px; height: 249px; }

.renew .main .main-news .articles .top-breaking { position: relative; margin-right: 35px; width: 440px; height: 465px; }

.renew .main .main-news .articles .top-breaking h2 { position: relative; margin: 47px 47px 0; color: #fff; font-size: 32px; font-weight: 500; line-height: 40px; z-index: 2; }

.renew .main .main-news .articles .top-breaking h2 .prompt01, .renew .main .main-news .articles .top-breaking h2 .prompt02 { display: block; margin-bottom: 5px; }

.renew .main .main-news .articles .top-breaking p { position: relative; display: -webkit-box; margin: 9px 47px 0; font-size: 14px; line-height: 24px; height: 48px; color: #999; overflow: hidden; z-index: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .main-news .articles .top-breaking .img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.renew .main .main-news .articles .top-breaking .img-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #000), color-stop(70%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(#000 45%, rgba(0, 0, 0, 0) 70%); background-image: -o-linear-gradient(#000 45%, rgba(0, 0, 0, 0) 70%); background-image: linear-gradient(#000 45%, rgba(0, 0, 0, 0) 70%); z-index: 1; }

.renew .main .main-news .articles .top-breaking .img-box img { position: absolute; bottom: 0; left: 0; height: auto; }

.renew .main .main-news .articles .top-series { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 35px; width: 440px; height: 465px; text-align: center; border: 1px solid #E2E2E2; }

.renew .main .main-news .articles .top-series .img-box { margin: -1px -1px 0; height: 280px; }

.renew .main .main-news .articles .top-series .title { margin-top: 31px; font-size: 18px; line-height: 24px; color: #5291AB; }

.renew .main .main-news .articles .top-series h2 { margin: 8px 0 0; font-size: 30px; font-weight: 500; line-height: 42px; letter-spacing: -0.07em; }

.renew .main .main-news .articles .list { width: 385px; }

.renew .main .main-news .articles .list a { position: relative; display: block; }

.renew .main .main-news .articles .list a + a { margin-top: 16px; }

.renew .main .main-news .articles .list h2 { font-size: 18px; font-weight: 500; line-height: 31px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.renew .main .main-news .sub-articles { margin-top: 38px; padding-top: 38px; border-top: 1px solid #ddd; }

.renew .main .main-news .sub-articles::after { content: ''; display: block; clear: both; }

.renew .main .main-news .sub-articles > article { position: relative; float: left; width: 380px; }

.renew .main .main-news .sub-articles > article:last-child { margin-top: 36px; }

.renew .main .main-news .sub-articles > article:last-child::before { content: ''; position: absolute; top: -19px; left: 0; right: 0; border-top: 1px solid #ddd; }

.renew .main .main-news .sub-articles > article a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.renew .main .main-news .sub-articles > article .img-box { width: 120px; height: 72px; }

.renew .main .main-news .sub-articles > article .img-box.video::after { bottom: 5px; left: 5px; width: 30px; height: 30px; background-size: 30px; }

.renew .main .main-news .sub-articles > article .content { width: 245px; }

.renew .main .main-news .sub-articles > article .content h2 { font-size: 18px; font-weight: 500; line-height: 26px; }

.renew .main .main-news .sub-articles .top { margin-right: 32px; width: 440px; height: 180px; }

.renew .main .main-news .sub-articles .top .img-box { width: 180px; height: 180px; }

.renew .main .main-news .sub-articles .top .content { padding-top: 5px; width: 240px; }

.renew .main .main-news .sub-articles .top .content h2 { font-size: 24px; line-height: 30px; }

.renew .main .main-news .sub-articles .top .content p { display: -webkit-box; margin-top: 10px; font-size: 14px; line-height: 24px; max-height: 72px; color: #666; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.renew .main .main-news .ad-main-news { padding-top: 54px; text-align: center; }

.renew .main .main-news .ad-main-news img, .renew .main .main-news .ad-main-news iframe { display: block; margin: 0 auto; }

.renew .main .main-news .news-todays { margin-left: 40px; width: 280px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.renew .main .main-news .news-todays .pv-area { top: 5px; left: 5px; }

.renew .main .main-news .news-todays .section-title { margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 26px; }

.renew .main .main-news .news-todays .slide-group { position: relative; margin: 0 -10px; overflow: hidden; }

.renew .main .main-news .news-todays .slide-group .slick-slide { margin: 0 10px; }

.renew .main .main-news .news-todays .slide-group.group1 { height: 233px; }

.renew .main .main-news .news-todays .slide-group.group2 { height: 297px; }

.renew .main .main-news .news-todays .slide-group.group3 { height: 310px; }

.renew .main .main-news .news-todays .slide-group.group3 .slide-group-dots { top: 8px; right: 20px; }

.renew .main .main-news .news-todays .slide-group.group4 { height: 251px; }

.renew .main .main-news .news-todays .slide-group-dots { position: absolute; top: 0; right: 4px; font-size: 0; }

.renew .main .main-news .news-todays .slide-group-dots li { display: inline-block; }

.renew .main .main-news .news-todays .slide-group-dots li.slick-active button::after { background-color: #02A37F; }

.renew .main .main-news .news-todays .slide-group-dots li button { position: relative; width: 20px; height: 24px; padding: 0; }

.renew .main .main-news .news-todays .slide-group-dots li button::after { content: ''; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; background-color: #ccc; }

.renew .main .main-news .video article { position: relative; }

.renew .main .main-news .video article h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 70px 16px 16px; font-size: 17px; font-weight: 400; line-height: 24px; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); }

.renew .main .main-news .video article h3::before { content: ''; position: absolute; bottom: 18px; right: 15px; width: 42px; height: 42px; background-color: #fff; border-radius: 50%; }

.renew .main .main-news .video article h3::after { content: ''; position: absolute; bottom: 34px; right: 31px; background-color: transparent; border-left: 8px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.renew .main .main-news .video article .img-box { height: 192px; }

.renew .main .main-news .hot .tooltip-box { vertical-align: -2px; }

.renew .main .main-news .hot .tooltip-box .icon-info { display: block; }

.renew .main .main-news .hot .tooltip-box .tooltip { left: -90px; }

.renew .main .main-news .hot .hook-best { padding: 0 7px; }

.renew .main .main-news .hot .hook-best li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 62px; font-size: 15px; line-height: 22px; overflow: hidden; }

.renew .main .main-news .hot .hook-best li a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .main-news .hot .hook-best .hotn.on { -webkit-box-shadow: 0 3px 14px -3px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 14px -3px rgba(0, 0, 0, 0.16); }

.renew .main .main-news .hot .hook-best .hotn > span { margin-right: 20px; font-family: 'roboto'; font-size: 18px; color: #000; }

.renew .main .main-news .opinion .column { position: relative; height: 72px; }

.renew .main .main-news .opinion .column > a { display: inline; }

.renew .main .main-news .opinion .column + .column { margin: 12px 0 25px; }

.renew .main .main-news .opinion .column .column-title { position: absolute; top: 0; left: 0; font-size: 14px; font-weight: 400; line-height: 20px; color: #5291AB; z-index: 1; }

.renew .main .main-news .opinion .column .content { position: relative; }

.renew .main .main-news .opinion .column .content a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.renew .main .main-news .opinion .column .content h4 { margin-top: 23px; font-size: 15px; font-weight: 400; line-height: 22px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .main-news .opinion .column .img-box { margin-left: 24px; width: 64px; min-width: 64px; height: 64px; border-radius: 50%; }

.renew .main .main-news .opinion .editorial { position: relative; display: table-cell; height: 75px; border: solid #000; border-width: 1px 0; vertical-align: middle; }

.renew .main .main-news .opinion .editorial::before { content: ''; position: absolute; top: -7px; left: 0; width: 21px; height: 14px; background: #fff url("/images/svg/icon_quot.svg") no-repeat; background-size: 16px; }

.renew .main .main-news .opinion .editorial a { float: left; }

.renew .main .main-news .opinion .editorial h3 { margin-right: 14px; font-size: 14px; font-weight: 400; line-height: 20px; color: #5291AB; }

.renew .main .main-news .opinion .editorial h4 { width: 240px; font-family: 'Nanum Myeongjo', serif; font-size: 16px; font-weight: 600; line-height: 24px; }

.renew .main .main-news .planning { position: relative; }

.renew .main .main-news .planning .img-box { height: 310px; }

.renew .main .main-news .planning .content { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 16px 16px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(0, 0, 0, 0.4)), color-stop(80%, rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.9) 80%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.9) 80%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.9) 80%); }

.renew .main .main-news .planning .content h2 { display: inline-block; padding: 0 12px; line-height: 24px; font-size: 12px; background-color: #fff; border-radius: 12px; }

.renew .main .main-news .planning .content h3 { color: #fff; font-size: 17px; font-weight: 400; line-height: 24px; }

.renew .main .main-news .interactive { position: relative; height: 310px; }

.renew .main .main-news .interactive .default .img-box { height: 222px; }

.renew .main .main-news .interactive .default .content { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 88px; background-color: #f5f5f5; border: 1px solid #ddd; }

.renew .main .main-news .interactive .default .content h2 { position: absolute; top: 0; left: 50%; padding: 0 12px; line-height: 24px; font-size: 12px; background-color: #fff; border-radius: 13px; border: 1px solid #ddd; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.renew .main .main-news .interactive .default .content h3 { position: absolute; bottom: 16px; left: 16px; right: 16px; font-size: 17px; font-weight: 400; line-height: 24px; text-align: center; }

.renew .main .main-news .ad-news-todays { text-align: center; }

.renew .main .main-news .ad-news-todays img, .renew .main .main-news .ad-news-todays iframe { display: block; margin: 0 auto; }

.renew .main .main-news .cartoon, .renew .main .main-news .photo { position: relative; }

.renew .main .main-news .cartoon .img-box, .renew .main .main-news .photo .img-box { position: relative; height: 210px; }

.renew .main .main-news .cartoon figcaption, .renew .main .main-news .photo figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 16px 16px; color: #fff; font-size: 17px; font-weight: 400; text-align: left; line-height: 24px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 80%); }

.renew .main .issue-live { margin-top: 54px; padding: 48px 60px 54px; }

.renew .main .issue-live .issue-list { margin: 0 -10px; }

.renew .main .issue-live .issue-item { position: relative; padding: 0 10px; width: 380px; overflow: hidden; }

.renew .main .issue-live .issue-item .pv-area { top: 3px; left: 5px; }

.renew .main .issue-live .issue-item h3 { font-size: 20px; font-weight: 600; line-height: 29px; }

.renew .main .issue-live .issue-item .top-news { position: relative; margin-top: 17px; height: 102px; overflow: hidden; }

.renew .main .issue-live .issue-item .top-news .img-box { float: left; margin-right: 14px; width: 136px; height: 102px; }

.renew .main .issue-live .issue-item .top-news h4 { display: -webkit-box; margin-top: 2px; font-size: 18px; font-weight: 400; line-height: 26px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .issue-live .issue-item .top-news p { display: -webkit-box; margin-top: 7px; font-size: 14px; line-height: 22px; color: #666; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .issue-live .slick-arrow.slick-prev { margin-top: 0; left: -70px; }

.renew .main .issue-live .slick-arrow.slick-next { margin-top: 0; right: -70px; }

.renew .main .project-serial { margin-top: 60px; margin-bottom: 0; padding-top: 0; }

.renew .main .project-serial .title-section { margin-bottom: 28px; }

.renew .main .project-serial .in-top { margin-bottom: 40px; height: 300px; }

.renew .main .project-serial .in-top .top-iss .img-box { height: 300px; }

.renew .main .project-serial .in-top .top-iss .inn { padding-top: 0; }

.renew .main .project-serial .in-top .top-iss .inn .text a { display: -webkit-box; height: 120px; letter-spacing: inherit; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.renew .main .project-serial .in-top .topleft-iss li { padding-bottom: 12px; }

.renew .main .project-serial .in-top .topleft-iss li .ttl { margin-bottom: 3px; letter-spacing: inherit; line-height: 1; }

.renew .main .project-serial .in-top .topleft-iss li h5 { letter-spacing: inherit; line-height: 22px; }

.renew .main .project-serial .inn-btm { height: 113px; }

.renew .main .project-serial .inn-btm .sub-iss .inn .ttl { letter-spacing: inherit; }

.renew .main .project-serial .inn-btm .sub-iss .inn h4 { font-size: 0; letter-spacing: inherit; }

.renew .main .project-serial .inn-btm .sub-iss .inn h4 a { font-size: 20px; font-weight: 400; line-height: 30px; }

.renew .main .project-serial .inn-btm .sub-iss .inn .text { letter-spacing: inherit; }

.renew .main .project-serial .inn-btm .sub-iss .inn .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.renew .main .project-serial .inn-btm .sub-iss .img-box { height: 113px; }

.renew .main .project-serial .inn-btm .serial-ad { float: right; margin-top: 13px; width: 320px; height: 100px; overflow: hidden; }

.renew .main .project-serial .btn-box.btn-more { top: 0; right: 10px; }

.renew .main .section-all { margin-top: 54px; }

.renew .main .section-all-title { padding-top: 20px; font-size: 26px; font-weight: 400; line-height: 38px; border-top: 2px solid #111; }

.renew .main .section-all .section-list { padding: 20px 0 15px; }

.renew .main .section-all .section-list li h4 { letter-spacing: inherit; }

.renew .main .section-all .section-list li .text { letter-spacing: inherit; }

.renew .main .section-all .section-list li .text a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.renew .main .section-all .section-list li .go-section { letter-spacing: inherit; }

.renew .main .zoon-in { padding-top: 40px; }

.renew .main .zoon-in .photo-news li.photo-list { margin-bottom: 24px; }

.renew .main .zoon-in .photo-news-ad { position: absolute; right: 80px; bottom: 16px; }

.renew .main .hooking-iss { margin-top: 70px; margin-bottom: 0; }

.renew .main .hooking-iss .hook-1st ul li { letter-spacing: inherit; }

.renew .main .hooking-iss .hook-1st ul li + li a { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.renew .main .hooking-iss .hook-2nd ul li { letter-spacing: inherit; }

.renew .main .hooking-iss .hook-3rd .hit-news .inn .ttl h4 { letter-spacing: inherit; }

.renew .main .story-and { margin-top: 60px; padding-top: 0; padding-bottom: 0; }

.renew .main .story-and .story-n { height: 300px; }

.renew .main .story-and .story-n li { height: 300px; }

.renew .main .story-and .story-n li .story-box { height: 300px; }

.renew .main .story-and .story-n li .story-box .img-box { height: 157px; }

.renew .main .story-and .story-n li .story-box p { letter-spacing: inherit; }

.renew .main .other { margin-top: 70px; }

.renew .family-site { width: 160px; }

.renew .family-site .family-site-inner { background-position: 131px 50%; }

.renew .family-site .family-site-inner:hover { background-position: 131px 50%; }

.renew .family-list { padding: 0 11px; width: 160px; }

.ie .renew .main .main-news .headline .content { width: 324px; }

/***************************************************************************************
   Sub Page 설정
***************************************************************************************/
/* PO_H */
.triangle-up { width: 0; height: 0; border-top: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #ee5d5d; }

.triangle-down { width: 0; height: 0; border-top: 8px solid #4f95ee; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; }

.economy .section-recent { padding-bottom: 40px; }

.economy .section-recent .recent-list > li { margin-bottom: 28px; }

.economy .section-recent .recent-list > li:last-of-type { margin-bottom: 0; }

.economy .section-large-list { margin-top: 30px; }

.stock-wrap { position: relative; margin-bottom: 26px; }

.stock-box { position: relative; border-top: 1px solid #666; border-bottom: 1px solid #666; }

.stock-box ul { display: block; width: 100%; }

.stock-summary { font-family: 'Roboto'; font-weight: 500; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.stock-summary dl, .stock-summary dt, .stock-summary dd { display: inline-block; vertical-align: middle; }

.stock-summary dl { margin-right: 66px; padding-top: 19px; padding-bottom: 19px; }

.stock-summary dl:last-of-type { margin-right: 0; }

.stock-summary dt { font-family: 'Roboto'; font-weight: 500; margin-right: 12px; }

.stock-summary span { display: inline-block; vertical-align: middle; }

.stock-summary .raise { color: #ee5d5d; }

.stock-summary .lower { color: #4f95ee; }

.stock-summary .stock-point { font-weight: 900; margin-right: 5px; }

.stock-summary .title { font-weight: 500; color: #222; }

.stock-summary .sub-ttl { font-size: 12px; font-weight: 500; letter-spacing: -.05em; color: #666; }

.stock-summary .point-list { display: block; font-size: 12px; text-align: right; letter-spacing: 0.0125em; height: 24px; line-height: 20px; margin-bottom: 26px; padding-top: 4px; padding-bottom: 0; color: #666; overflow: hidden; }

.stock-summary .point-list dd { position: relative; margin-left: 6px; padding-left: 10px; }

.stock-summary .point-list dd:before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 12px; background-color: #ccc; }

.stock-summary .point-list dd:nth-child(2) { margin-left: 0; }

.stock-summary .point-list dd:nth-child(2):before { width: 0; height: 0; background-color: transparent; }

.stock-summary .point-list .text-point, .stock-summary .point-list .locale, .stock-summary .point-list .text { display: inline-block; vertical-align: middle; }

.stock-summary .point-list .text-point { margin-right: 0; }

.stock-summary .point-list .locale { margin-right: 2px; }

.stock-summary .point-list span { display: inline-block; vertical-align: middle; margin-left: 4px; color: #999; }

.stock-measure { right: 0; }

.stock-measure ul { width: 100%; }

.stock-measure .point-list { display: block; font-size: 12px; text-align: right; letter-spacing: 0.0125em; height: 24px; line-height: 20px; margin-bottom: 0; padding-top: 4px; padding-bottom: 0; color: #666; overflow: hidden; }

.stock-measure .point-list dt { height: 24px; line-height: 24px; }

.stock-measure .point-list dd { position: relative; display: inline-block; vertical-align: middle; height: 24px; margin-left: 6px; padding-left: 10px; }

.stock-measure .point-list dd:before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 12px; background-color: #ccc; }

.stock-measure .point-list dd:nth-child(2) { margin-left: 0; }

.stock-measure .point-list dd:nth-child(2):before { width: 0; height: 0; background-color: transparent; }

.stock-measure .point-list .text-point, .stock-measure .point-list .locale, .stock-measure .point-list .text { display: inline-block; vertical-align: middle; }

.stock-measure .point-list .text-point { margin-right: 0; }

.stock-measure .point-list .locale { margin-right: 2px; }

.stock-measure .point-list span { display: inline-block; vertical-align: middle; margin-left: 4px; color: #999; }

.social .section-recent .video-article .title-box h3 { height: 48px; overflow: hidden; }

.social .section-recent .video-article .title-box h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.social .section-recent .recent-list > li { margin-bottom: 18px; }

.social .section-recent .recent-list > li:last-child { margin-bottom: 0; }

.pulled .recent-large { width: 660px; }

.pulled .recent-large .img-box { height: 495px; margin-bottom: 36px; }

.pulled .recent-large .inn { /* position: relative; z-index: 1; background-color: #fff; letter-spacing: -.031em; width: 580px; margin: 0 auto; padding: 32px 40px 0; margin-top: -57px; @at-root .pulled .embeded-long-type .recent-large  { .inn { padding-top: 24px; } h3 { margin-bottom: 12px; } } */ }

.pulled .recent-large h3 { display: inline-block; vertical-align: top; text-align: left; width: 270px; height: 128px; line-height: 42px; letter-spacing: -.062em; margin-right: 15px; overflow: hidden; }

.pulled .recent-large h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.pulled .recent-large .text { display: inline-block; vertical-align: top; width: 370px; height: 100px; margin-left: -4px; line-height: 26px; letter-spacing: -.05em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.pulled .recent-list { width: 480px; }

.pulled .recent-list .img-box { width: 180px; }

.pulled .recent-list .inn { width: 260px; }

.pulled .recent-list h3 { height: 62px; margin-bottom: 16px; }

.pulled .recent-list h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.pulled .recent-list .text { height: 70px; margin-top: 6px; overflow: hidden; letter-spacing: -.05em; }

.pulled .recent-list .normal-type .img-box { height: 135px; }

.pulled .recent-list .long-type .img-box { height: 284px; }

.pulled .recent-list .long-type .inn { vertical-align: bottom; }

.pulled .recent-list .long-type .inn h3 { height: 96px; overflow: hidden; }

.pulled .recent-list .long-type .inn a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.life .recent-large .img-box { margin-bottom: 36px; }

.life .recent-large h3 { display: inline-block; vertical-align: top; text-align: left; width: 310px; height: 128px; line-height: 42px; letter-spacing: -.062em; margin-right: 15px; overflow: hidden; }

.life .recent-large h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.life .recent-large .text { display: inline-block; vertical-align: top; width: 370px; height: 100px; line-height: 26px; letter-spacing: -.05em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.focus .recent-large h3 { display: inline-block; vertical-align: top; text-align: left; width: 310px; height: 128px; line-height: 42px; letter-spacing: -.062em; margin-right: 15px; overflow: hidden; }

.focus .recent-large h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.focus .recent-large .text { display: inline-block; vertical-align: top; width: 370px; height: 110px; line-height: 28px; letter-spacing: -.05em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.focus .recent-list.embeded-long-type li { margin-bottom: 30px; }

.focus .recent-list li { margin-bottom: 20px; }

.focus .recent-list .rowner { margin-bottom: 10px; }

.focus .recent-list .ttl { margin-bottom: 5px; }

.focus .recent-list .img-box { width: 180px; }

.focus .recent-list .inn { width: 240px; }

.focus .recent-list .text { line-height: 24px; letter-spacing: -.05em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.focus .recent-list.embeded-long-type .normal-type .rowner { margin-bottom: 6px; }

.focus .recent-list.embeded-long-type .normal-type .text { height: 48px; }

.focus .recent-list .normal-type .img-box { height: 135px; }

.focus .recent-list .normal-type h3 { height: 105px; letter-spacing: -.082em; }

.focus .recent-list .normal-type h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.focus .recent-list .normal-type .text { width: 440px; height: 72px; }

.focus .recent-list .long-type .img-box { height: 255px; }

.focus .recent-list .long-type h3 { height: 102px; margin-bottom: 18px; }

.focus .recent-list .long-type h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.focus .recent-list .long-type .text { width: 240px; height: 94px; letter-spacing: -0.04em; }

.people .section-large-list { margin-top: 50px; }

.people .recent-large .inn h3 { height: 128px; }

.people .recent-list h3 { height: 100px; margin-bottom: 16px; }

.sub-contents.view-ground .view-area { font-size: 0; }

.sub-contents.view-ground .view-area .big_img { display: inline-block; width: 540px; height: 744px; padding: 20px; background-color: #f7f7f7; vertical-align: top; }

.sub-contents.view-ground .view-area .big_img img { width: 500px; height: 702px; display: block; margin: 0 auto; }

.sub-contents.view-ground .view-area .img_list { width: 600px; display: inline-block; vertical-align: top; margin-left: 39px; }

.sub-contents.view-ground .view-area .img_list .day-view-area { display: block; font-size: 0; text-align: center; }

.sub-contents.view-ground .view-area .img_list .day-view-area .calendar-value { position: relative; top: 5px; left: -70px; }

.sub-contents.view-ground .view-area .img_list .day-view-area .prev-day { display: inline-block; vertical-align: middle; width: 20px; height: 20px; }

.sub-contents.view-ground .view-area .img_list .day-view-area .prev-day a { background-position: 0px -154px; width: 20px; height: 20px; }

.sub-contents.view-ground .view-area .img_list .day-view-area .next-day { display: inline-block; vertical-align: middle; width: 20px; height: 20px; }

.sub-contents.view-ground .view-area .img_list .day-view-area .next-day a { background-position: -76px -60px; width: 20px; height: 20px; }

.sub-contents.view-ground .view-area .img_list .day-view-area .day-view { display: inline-block; vertical-align: middle; font-size: 22px; font-weight: 500; letter-spacing: -1px; color: #111111; margin: 0 15px; height: 30px; line-height: 30px; cursor: pointer; }

.sub-contents.view-ground .view-area .img_list .day-view-area .day-view .icon-calendar { background-position: 0px -120px; width: 32px; height: 30px; display: inline-block; vertical-align: top; margin-left: 8px; }

.sub-contents.view-ground .view-area .tab .tab-menu .inn a { padding: 0 8px; }

.sub-contents.view-ground .view-area .views_list { font-size: 0; display: block; }

.sub-contents.view-ground .view-area .views_list .li-box { width: 185px; height: 266px; border: 1px solid #e2e2e2; display: inline-block; vertical-align: top; margin: 19px 22px 0 0; cursor: pointer; }

.sub-contents.view-ground .view-area .views_list .li-box a { display: block; }

.sub-contents.view-ground .view-area .views_list .li-box a .title { font-size: 14px; font-weight: 500; letter-spacing: -0.5; color: #111111; text-align: center; margin-top: 12px; }

.sub-contents.view-ground .view-area .views_list .li-box a img { width: 145px; height: 204px; display: block; margin: 20px auto; }

.sub-contents.view-ground .view-area .views_list .li-box a .txt-list { width: 150px; height: 57px; overflow: hidden; margin: 0 0 20px 18px; }

.sub-contents.view-ground .view-area .views_list .li-box a .txt-list li { font-size: 12px; letter-spacing: -0.5px; color: #111111; line-height: 20px; text-indent: -6px; padding-left: 6px; }

.sub-contents.view-ground .view-area .views_list .li-box a .txt-list li:before { content: '-'; font-size: 12px; margin-right: 3px; }

.sub-contents.view-ground .view-area .views_list .li-box:hover { outline: 3px solid #02a37f; border: 1px solid #ffffff; }

.sub-contents.view-ground .view-area .views_list .li-box.fix { outline: 3px solid #02a37f; border: 1px solid #ffffff; }

.sub-contents.view-ground .view-area .views_list .li-box:nth-child(3) { margin-right: 0; }

.sub-contents.view-ground .view-area .views_list .li-box:nth-child(6) { margin-right: 0; }

.sub-section .lt-section { display: inline-block; vertical-align: top; position: relative; width: 545px; padding-bottom: 48px; }

.sub-section .lt-section h3 { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #111111; }

.sub-section .lt-section ul { margin-top: 18px; }

.sub-section .lt-section ul li { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #111111; line-height: 28px; margin-bottom: 10px; text-indent: -15px; padding-left: 15px; }

.sub-section .lt-section ul li em { color: #5291ab; font-style: normal; }

.sub-section .lt-section ul li:before { content: '\00B7'; font-size: 15px; margin-right: 10px; color: #666; }

.sub-section .lt-section .tellnum { font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #666; margin-top: 20px; }

.sub-section .lt-section .tellnum em { font-size: 14px; font-style: normal; color: #111111; margin-left: 10px; }

.sub-section .lt-section .btn-box.btn-more { width: 118px; border: 1px solid #e2e2e2; top: 190px; }

.sub-section .lt-section .btn-box.btn-more a:hover:after { left: 84px; }

.sub-section .rt-section { display: inline-block; vertical-align: top; position: relative; width: 545px; margin-left: 87px; padding-bottom: 66px; }

.sub-section .rt-section h3 { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #111111; }

.sub-section .rt-section ul { margin-top: 18px; }

.sub-section .rt-section ul li { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #111111; line-height: 28px; margin-bottom: 10px; text-indent: -15px; padding-left: 15px; }

.sub-section .rt-section ul li em { color: #5291ab; font-style: normal; }

.sub-section .rt-section ul li:before { content: '\00B7'; font-size: 15px; margin-right: 10px; color: #666; }

.sub-section .rt-section .tellnum { font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #666; margin-top: 6px; display: inline-block; vertical-align: top; }

.sub-section .rt-section .tellnum em { font-size: 14px; font-style: normal; color: #111111; margin-left: 10px; }

.sub-section .rt-section .email-add { font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #666; margin-top: 6px; display: inline-block; vertical-align: top; margin-left: 100px; }

.sub-section .rt-section .email-add em { font-size: 14px; font-style: normal; color: #111111; margin-left: 10px; }

.sub-section .rt-section .email-add + .tellnum { margin-top: 12px; }

.sub-section .rt-section .btn-box.btn-more { width: 118px; border: 1px solid #e2e2e2; top: 190px; }

.sub-section .rt-section .btn-box.btn-more a:hover:after { left: 84px; }

.sub-section.pah-show-guide { padding-top: 60px; }

.sub-section .sub-contents.news-daily-area .col-right .calendar-value { top: 17px; left: 15px; }

.sub-contents.news-daily-area { display: block; position: relative; padding-top: 29px; }

.sub-contents.news-daily-area h3 { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #111111; line-height: 34px; display: inline-block; }

.sub-contents.news-daily-area .daily-list { display: block; font-size: 0; }

.sub-contents.news-daily-area .daily-list .daily-info { display: inline-block; vertical-align: top; border: 1px solid #e5e5e5; width: 278px; height: 418px; font-size: 0; padding: 16px; margin-top: 20px; margin-right: 22px; }

.sub-contents.news-daily-area .daily-list .daily-info:nth-child(4n) { margin-right: 0; }

.sub-contents.news-daily-area .daily-list .daily-info .info-date { display: block; font-size: 16px; font-weight: 500; color: #111; margin-bottom: 14px; }

.sub-contents.news-daily-area .daily-list .daily-info img { width: 246px; height: 326px; margin: 0 auto; display: inline-block; vertical-align: top; }

.sub-contents.news-daily-area .daily-list .daily-info .info-list { display: inline-block; height: 168px; overflow: hidden; margin-left: 20px; width: 283px; }

.sub-contents.news-daily-area .daily-list .daily-info .info-list li { font-size: 14px; letter-spacing: -0.5px; color: #666; line-height: 24px; margin-bottom: 4px; width: 283px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.sub-contents.news-daily-area .daily-list .daily-info .info-list li:last-child { margin-bottom: 0; }

.sub-contents.news-daily-area .daily-list .daily-info .info-list li:before { content: '\00B7'; font-size: 13px; margin-right: 6px; color: #666; }

.sub-contents.news-daily-area .daily-list .daily-info.rt { float: right; }

.sub-contents.news-daily-area .col-left { display: inline-block; }

.sub-contents.news-daily-area .col-left > h3 { display: inline-block; }

.sub-contents.news-daily-area .col-left > a.date-text.calendar-btn.calendar-monthly { display: none; }

.sub-contents.news-daily-area .col-right .calendar-btn.monthly { display: inline-block; position: relative; top: 6px; }

.sub-contents.news-daily-area .col-right .btn-total { display: none; position: relative; top: 8px; }

.sub-contents.news-daily-area.show-date .col-left > h3 { display: none; }

.sub-contents.news-daily-area.show-date .col-left > a.date-text.calendar-btn.calendar-monthly { display: inline-block; }

.sub-contents.news-daily-area.show-date .col-right .calendar-btn.monthly { display: none; }

.sub-contents.news-daily-area.show-date .col-right .btn-total { display: inline-block; }

.sub-contents.news-daily-area a.calendar-btn.calendar-monthly { display: inline-block; position: relative; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #111; line-height: 34px; padding-right: 25px; }

.sub-contents.news-daily-area a.calendar-btn.calendar-monthly:after { content: ''; position: absolute; top: 9px; right: 0; background-position: -108px -154px; width: 14px; height: 16px; cursor: pointer; }

.sub-contents.news-daily-area a.calendar-btn.calendar-monthly + .calendar-value { position: relative; top: 10px; left: -120px; }

.sub-contents.news-daily-area .btn-total { font-size: 14px; color: #999; }

.sub-contents.news-daily-area .calendar-value { position: absolute; top: 50px; left: auto; right: 315px; }

.sub-contents.news-daily-area.show-date .calendar-value { left: 0; right: auto; }

.view-ground .tab.no-contents .list-paging { display: none; }

.view-ground .tab.no-contents .views_list .li-box { font-size: 18px; letter-spacing: -.05em; line-height: 34px; text-align: center; color: #111; width: 100%; height: auto; padding-top: 300px; border: none; cursor: default; }

.view-ground .tab.no-contents .views_list .li-box:hover { outline: none; border: none; }

.sub-section.no-contents .news-daily-area .list-paging { display: none; }

.sub-section.no-contents .news-daily-area .daily-list .daily-info { font-size: 18px; text-align: center; width: 100%; border: none; line-height: 34px; letter-spacing: -.05em; padding-top: 190px; padding-bottom: 300px; color: #111; }

/*
.mac, .ios {
    .sub-section {
        .day-view-area {
            .date-text {
                position: relative;
                top: 2px;
            }
        }
    }
}
*/
.entertainment .recent-large { width: 780px; }

.entertainment .recent-area { padding-bottom: 43px; }

.entertainment .recent-area h3 { font-size: 36px; line-height: 46px; letter-spacing: -.05em; }

.entertainment .recent-area .inn { width: 340px; }

.entertainment .recent-list { width: 780px; }

.entertainment .recent-list article { display: inline-block; vertical-align: top; margin-left: 36px; }

.entertainment .recent-list article.long { width: 400px; }

.entertainment .recent-list article.normal { width: 340px; }

.entertainment .recent-list article:first-child { margin-left: 0; }

.entertainment .recent-list .inn { width: 100%; margin-bottom: 14px; }

.entertainment .recent-list .img-box { display: inline-block; vertical-align: top; width: 136px; height: 102px; margin-right: 16px; }

.entertainment .recent-list h3 { display: inline-block; vertical-align: top; font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -.074em; margin-bottom: 0; }

.entertainment .recent-list .long h3 { width: 243px; height: 96px; overflow: hidden; }

.entertainment .recent-list .normal h3 { width: 184px; height: 96px; overflow: hidden; }

.entertainment .recent-list .text { height: 72px; }

.entertainment .topic-section { display: inline-block; vertical-align: top; width: 360px; }

.entertainment .theme-box .display-menu { margin-right: 70px; }

.entertainment .theme-box .tab-btn { padding-left: 10px; padding-right: 10px; }

.entertainment .photo-news h3 { padding-top: 47px; }

.entertainment .morenews { margin-top: 60px; }

.entertainment .slick-slide { outline: none; }

.photo-news { position: relative; }

.photo-news h3 { font-size: 24px; font-weight: 400; letter-spacing: -.062em; padding-bottom: 32px; color: #111; }

.photo-news .show-box { position: relative; display: inline-block; vertical-align: top; width: 680px; height: 510px; margin-right: 24px; }

.photo-news .show-box .img-box { background-color: #fff; width: 680px; height: 510px; }

.photo-news .show-box .img-box img { display: inline-block; }

.photo-news .show-box .loading-box { display: none; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; }

.photo-news .show-box figcaption { position: relative; background-color: rgba(0, 0, 0, 0.3); height: 130px; margin-top: -130px; padding: 22px 28px; color: #fff; }

.photo-news .show-box figcaption p { display: inline-block; vertical-align: middle; font-weight: 100; }

.photo-news .show-box figcaption p a { display: inline-block; width: 460px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.photo-news .show-box h4 { font-size: 28px; font-weight: 300; letter-spacing: -.031em; margin-bottom: 15px; }

.photo-news .show-box h4 a { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 520px; }

.photo-news .show-box .picture-count { position: absolute; z-index: 1; bottom: 25px; right: 33px; display: inline-block; font-family: 'Roboto', serif; font-size: 16px; font-weight: 500; text-align: center; text-indent: -5px; width: 33px; height: 33px; background-image: url("/images/svg/img-window-white.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; }

.photo-news .show-box .picture-count a { display: block; position: relative; z-index: 2; }

.photo-news .list-box { display: inline-block; vertical-align: top; width: 472px; height: 510px; }

.photo-news .list-box:after { content: ''; clear: both; display: table; }

.photo-news .list-box .slick-slider { position: static; }

.photo-news .list-box .border-box { width: 144px; height: 108px; margin-bottom: 10px; overflow: hidden; }

.photo-news .list-box .img-box { position: relative; height: 100%; }

.photo-news .list-box .img-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.3); cursor: pointer; }

.photo-news .list-box .img-box img { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; }

.photo-news .photo-list { display: inline-block; vertical-align: top; margin-right: 17px; margin-bottom: 42px; }

.photo-news .photo-list:nth-child(3n) { margin-right: 0; }

.photo-news .photo-list:nth-child(4n) { margin-bottom: 0; }

.photo-news .photo-list:nth-child(5n) { margin-bottom: 0; }

.photo-news .photo-list:nth-child(6n) { margin-bottom: 0; }

.photo-news .photo-list.on .border-box { border: 2px solid #52c9c1; }

.photo-news .photo-list.on .img-box:after { height: 100%; }

.photo-news .photo-list .text { font-size: 16px; font-weight: 400; width: 144px; height: 48px; line-height: 24px; overflow: hidden; }

.photo-news .slick-arrow { top: auto; left: auto; bottom: -32px; right: 0; background-color: #fff; display: inline-block; vertical-align: middle; width: 64px; height: 64px; }

.photo-news .slick-arrow:before { content: ''; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; text-indent: 0; width: 28px; height: 28px; margin-top: 18px; margin-left: 18px; }

.photo-news .slick-next:before { background-image: url("/images/svg/arrow-next.svg"); }

.photo-news .slick-prev { right: 66px; }

.photo-news .slick-prev:before { background-image: url("/images/svg/arrow-prev.svg"); }

.photo-news .btn-box.btn-more { top: 40px; }

.section-recent.contain-sub .title-area { margin-bottom: 0; }

.region .section-recent .recent-list > li { margin-bottom: 30px; }

.region .section-recent .recent-list > li:last-child { margin-bottom: 0; }

.section-recent .sub-title-area { border-bottom: 1px solid #e0e0e0; margin-bottom: 45px; }

.section-recent .sub-title-area li { display: inline-block; vertical-align: middle; font-size: 16px; color: #4a4a4a; margin-right: 46px; }

.section-recent .sub-title-area li:first-child a { padding-left: 20px; }

.section-recent .sub-title-area li a { position: relative; display: inline-block; font-size: 16px; letter-spacing: -.063em; padding: 18px 0; color: #666; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; will-change: color; display: block; padding: 20px 0px 19px; bottom: -2px; }

.section-recent .sub-title-area li a:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 0; height: 1px; background-color: #111; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; will-change: width; }

.section-recent .sub-title-area li a:hover:after { width: 100%; }

.section-recent .sub-title-area li a.on { font-weight: bold; color: #000; }

.section-recent .sub-title-area li a.on:after { left: 0; width: 100%; height: 2px; background-color: #111; }

.section-recent .sub-title-area li a.on { padding-left: 20px; padding-right: 20px; }

.sports .title-area .section-title ul { top: -1px; }

.sports .title-area .section-title li { -o-text-overflow: clip; text-overflow: clip; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; white-space: nowrap; }

.sports .recent-area h3 { height: 128px; margin-bottom: 10px; }

.sports .recent-area .date { margin-bottom: 28px; }

.sports .recent-area .text { letter-spacing: -.05em; }

.sports .section-large-list h3 { display: inline-block; vertical-align: top; height: 96px; overflow: hidden; }

.sports .section-large-list h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sports .section-large-list .text { width: 420px; }

.sports .recent-list h3 { height: 96px; overflow: hidden; }

.sports .list-serialize h4 { font-size: 18px; height: 56px; line-height: 26px; overflow: hidden; }

.sports .list-serialize h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sports .list-serialize .txt { max-height: 69px; }

.sports .list-serialize .txt a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sports .morenews { margin-top: 60px; }

.opinion .title-box { margin-bottom: 28px; }

.opinion .title-box h3 { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 500; line-height: 30px; letter-spacing: -.042em; }

.opinion .title-box span { display: inline-block; vertical-align: middle; font-size: 12px; color: #999; margin-left: 12px; }

.opinion .recent-large { display: inline-block; vertical-align: top; width: 840px; margin-right: 64px; }

.opinion .recent-large .article-box { display: inline-block; vertical-align: top; }

.opinion .recent-large .article-box .title { font-family: 'Nanum Myeongjo', serif; font-weight: 700; }

.opinion .recent-large .main-article { width: 480px; }

.opinion .recent-large .main-article h3 { font-size: 32px; letter-spacing: -.0625em; line-height: 48px; }

.opinion .recent-large .main-article .text { height: 95px; line-height: 24px; color: #4a4a4a; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.opinion .recent-large .opinion-3.rowner { border-bottom: 1px solid #e2e2e2; padding-bottom: 22px; }

.opinion .recent-large .opinion-3 .main-article { margin-right: 32px; }

.opinion .recent-large .opinion-3 .main-article h3 { height: 96px; margin-bottom: 30px; overflow: hidden; }

.opinion .recent-large .opinion-3 .main-article h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .recent-large .opinion-3 .small-article { width: 325px; }

.opinion .recent-large .opinion-3 .small-article article { margin-bottom: 28px; }

.opinion .recent-large .opinion-3 .small-article article:last-child { margin-bottom: 0; }

.opinion .recent-large .opinion-3 .small-article h3 { font-size: 18px; letter-spacing: -.063em; height: 48px; line-height: 24px; margin-bottom: 4px; overflow: hidden; }

.opinion .recent-large .opinion-3 .small-article h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .recent-large .opinion-3 .small-article .text { line-height: 24px; color: #4a4a4a; letter-spacing: -.065em; }

.opinion .recent-large .opinion-2 .main-article { width: 100%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; }

.opinion .recent-large .opinion-2 .main-article:last-child { margin-bottom: 0; }

.opinion .recent-large .opinion-2 .main-article h3 { display: inline-block; vertical-align: top; width: 480px; height: 94px; margin-right: 32px; overflow: hidden; }

.opinion .recent-large .opinion-2 .main-article h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .recent-large .opinion-2 .main-article .text { display: inline-block; vertical-align: top; width: 320px; height: 95px; overflow: hidden; }

.opinion .recent-large .opinion-1.rowner { border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }

.opinion .recent-large .opinion-1 .main-article { width: 100%; }

.opinion .recent-large .opinion-1 .inn { display: inline-block; vertical-align: top; width: 480px; margin-right: 35px; }

.opinion .recent-large .opinion-1 h3 { height: 94px; margin-bottom: 37px; overflow: hidden; }

.opinion .recent-large .opinion-1 h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .recent-large .opinion-1 .img-box { display: inline-block; vertical-align: top; width: 322px; height: 230px; }

.opinion .recent-large .opinion-1 .img-box.video { position: relative; cursor: pointer; }

.opinion .recent-large .opinion-1 .img-box.video:after { content: ''; display: inline-block; position: absolute; bottom: 20px; left: 20px; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.opinion .recent-large .recent-list { width: 842px; margin-top: 22px; }

.opinion .recent-large .recent-list li { display: inline-block; vertical-align: top; }

.opinion .recent-large .recent-list .large-type { width: 480px; margin-right: 32px; }

.opinion .recent-large .recent-list .small-type { width: 320px; }

.opinion .recent-large .recent-list .ttl { padding-bottom: 5px; }

.opinion .recent-large .recent-list .inn { display: inline-block; vertical-align: top; width: 300px; margin-right: 13px; }

.opinion .recent-large .recent-list h3 { font-size: 18px; max-height: 60px; line-height: 26px; padding-bottom: 8px; overflow: hidden; }

.opinion .recent-large .recent-list h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .recent-large .recent-list .text { letter-spacing: -.05em; }

.opinion .recent-large .recent-list .img-box { width: 163px; height: 122px; }

.opinion .recent-large .recent-list .small-type .inn { width: 100%; height: 130px; margin: 0; overflow: hidden; }

.opinion .opinion-list { display: inline-block; vertical-align: top; width: 273px; }

.opinion .opinion-list li { width: 100%; }

.opinion .opinion-list .img-box { display: inline-block; background-color: #fff; }

.opinion .opinion-list .inn { display: inline-block; }

.opinion .opinion-list .leader { margin-top: 32px; }

.opinion .opinion-list .leader:first-child { margin-top: 0; }

.opinion .opinion-list .leader h3 { font-size: 16px; font-weight: 400; width: 170px; line-height: 21px; color: #111; overflow: hidden; }

.opinion .opinion-list .leader h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .opinion-list .leader .ttl { padding-bottom: 10px; }

.opinion .opinion-list .leader .inn { vertical-align: middle; margin-right: 6px; }

.opinion .opinion-list .leader .img-box { vertical-align: middle; width: 72px; height: 72px; border-radius: 50%; }

.opinion .opinion-list .cartoon { margin-top: 40px; }

.opinion .opinion-list .cartoon h3 { line-height: 26px; color: #111; padding-bottom: 2px; }

.opinion .opinion-list .cartoon .inn { vertical-align: top; width: 70px; margin-right: 6px; }

.opinion .opinion-list .cartoon .img-box { vertical-align: top; width: 180px; height: 147px; }

.opinion .column-list { position: relative; padding-top: 50px; padding-bottom: 40px; }

.opinion .column-list h3 { font-size: 26px; font-weight: 400; letter-spacing: -.042em; padding-bottom: 31px; }

.opinion .column-list li { display: inline-block; vertical-align: middle; background-color: #fff; width: 380px; margin-right: 16px; margin-bottom: 20px; }

.opinion .column-list li:nth-child(3n) { margin-right: 0; }

.opinion .column-list .img-box { display: inline-block; vertical-align: top; background-color: #fff; width: 180px; height: 160px; line-height: 160px; vertical-align: bottom; margin-right: 8px; }

.opinion .column-list .img-box a { display: block; height: 160px; }

.opinion .column-list .img-box img { vertical-align: bottom; display: inline-block; width: 180px; max-height: 160px; }

.opinion .column-list .inn { display: inline-block; vertical-align: top; width: 185px; padding-top: 37px; }

.opinion .column-list .inn .date { font-family: 'Roboto'; font-size: 13px; letter-spacing: -.03em; color: #9b9b9b; padding-bottom: 6px; }

.opinion .column-list .inn h4 { font-size: 18px; font-weight: 400; height: 60px; line-height: 24px; color: #4a4a4a; padding-bottom: 12px; overflow: hidden; }

.opinion .column-list .inn h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.opinion .column-list .inn .editor-info span { vertical-align: middle; }

.opinion .column-list .inn .name { color: #02a37f; padding-right: 8px; }

.opinion .column-list .inn .position { color: #999; }

.opinion .column-list .btn-box.btn-more { top: 55px; }

.story-animal .recent-large h3 { display: inline-block; vertical-align: top; text-align: left; width: 290px; line-height: 42px; margin-right: 36px; color: #111; }

.story-animal .recent-large .text { display: inline-block; vertical-align: top; width: 370px; height: 110px; line-height: 28px; }

.story-animal .embeded-long-type .recent-large .text { height: 140px; }

.story-animal .recent-list li { margin-bottom: 23px; }

.story-animal .recent-list li:last-child { margin-bottom: 0; }

.story-animal .recent-list li:last-child .video { margin-bottom: 0; }

.story-animal .recent-list .ttl { margin-bottom: 4px; }

.story-animal .recent-list h3 { color: #111; }

.story-animal .recent-list .text { height: 72px; margin-top: 10px; }

.story-animal .recent-list .recent-area .video { margin-bottom: 7px; }

.story-animal .recent-list .recent-area .video.img-box { height: 101px; }

.story-film .recent-large { width: 600px; }

.story-film .recent-large .img-box { width: 600px; height: 338px; margin-bottom: 27px; }

.story-film .recent-large .video a { position: relative; }

.story-film .recent-large .video a:after { content: ''; position: absolute; bottom: 20px; left: 20px; background-image: url("/images/svg/icon-play-transparent.svg"); background-repeat: no-repeat; background-size: 100%; width: 54px; height: 54px; }

.story-film .recent-large h3 { font-size: 36px; line-height: 46px; letter-spacing: -.084em; text-align: left; color: #111; }

.story-film .recent-list .video a { position: relative; }

.story-film .recent-list .video a:after { content: ''; position: absolute; bottom: 10px; left: 10px; background-image: url("/images/svg/icon-play-transparent.svg"); background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; }

.story-film .section-recent .recent-list .img-box.video:after { content: none; }

.icon-down-arrow { position: relative; display: inline-block; vertical-align: middle; width: 36px; height: 36px; background-image: url("/images/svg/square_arrow.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; }

.icon-down-arrow.on { background-image: url("/images/svg/square_arrow_on.svg"); }

.contain-title-list { position: relative; }

.contain-title-list .title-list { display: none; position: absolute; top: 100%; left: 0; z-index: 10; font-size: 16px; line-height: 28px; width: 380px; max-height: 264px; margin-top: 14px; padding: 30px 40px; overflow-y: scroll; background-color: #fff; color: #111; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.14); }

.contain-title-list .title-list li { width: 310px; margin-bottom: 16px; }

.contain-title-list .title-list li:last-child { margin-bottom: 0; }

.contain-title-list .title-list a { font-weight: 400; }

.contain-title-list .mCSB_scrollTools { top: 30px; bottom: 30px; }

.contain-title-list .mCSB_outside + .mCSB_scrollTools { right: 0; }

.contain-title-list .custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background-color: #666; }

.contain-title-list .custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #e2e2e2; }

.contain-title-list .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .contain-title-list .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 2px; }

.special .icon-down-arrow { margin-top: -2px; }

.special .title-area h2 { font-size: 42px; line-height: 58px; }

.special .sub-title-area { margin-bottom: 44px; }

.special.magazine-type .recent-large { width: 700px; margin-right: 36px; }

.special.magazine-type .recent-large .inn h3 { width: 290px; margin-right: 36px; }

.special.magazine-type .recent-large .inn .text { width: 370px; }

.special .recent-list { width: 440px; }

.special .recent-list .img-box { margin-right: 16px; }

.special .recent-list h3 { width: 240px; height: 110px; margin-bottom: 0; }

.special .recent-list h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.special .recent-list .inn { width: 240px; }

.special .theme-box { height: 665px; padding-bottom: 21px; }

.special .theme-box .full-type .inn { text-align: left; padding-top: 0; }

.special .theme-box .full-type .inn h3 { height: 96px; overflow: hidden; }

.special .theme-box .full-type .inn h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.special .theme-box .full-type .content-area { padding-top: 14px; }

.special .theme-box .full-type .text { height: 145px; }

.special .theme-box .display-content.tab { padding-top: 0; border: none; }

.special .theme-box .display-content.tab .tab-contents { top: 41px; padding-top: 0; }

.special .theme-box .normal-type .img-box { vertical-align: bottom; width: 113px; margin-right: 16px; }

.special .theme-box .normal-type .inn { vertical-align: bottom; width: 510px; }

.special .theme-box .normal-type.large-image .img-box { width: 212px; margin-right: 26px; vertical-align: top; }

.special .theme-box .normal-type.large-image .inn { vertical-align: top; width: 418px; }

.sub-section.fortune .sub-contents .col-right { margin-top: 5px; }

.sub-section.cartoon .sub-contents .col-right, .sub-section.blondie .sub-contents .col-right { margin-top: 12px; }

.sub-section { padding-top: 43px; padding-bottom: 60px; }

.sub-section .title-area { border-bottom: 2px solid #333; margin-bottom: 50px; padding-bottom: 15px; }

.sub-section .title-area h2, .sub-section .title-area p, .sub-section .title-area div { display: inline-block; vertical-align: bottom; }

.sub-section .title-area h2 { font-size: 46px; line-height: 51px; font-weight: 700; letter-spacing: -.033em; padding-right: 18px; }

.sub-section .title-area .sub-tit { line-height: 51px; font-size: 36px; color: #808080; }

.sub-section .title-area .sub-tit:before { content: ''; display: inline-block; width: 2px; height: 30px; background-color: #d8d8d8; margin: 0 16px 0 0; }

.sub-section .title-area .right-area { float: right; margin-top: -20px; }

.sub-section .title-area .right-area a, .sub-section .title-area .right-area img { display: block; }

.sub-section .luck-box .luck-box-area .text-area { width: 644px; }

.sub-section .sub-contents { font-size: 0; }

.sub-section .sub-contents .col-main { display: inline-block; vertical-align: top; width: 840px; font-size: 14px; }

.sub-section .sub-contents .col-main.full-size { width: 100%; }

.sub-section .sub-contents .col-sub { display: inline-block; vertical-align: top; width: 300px; margin-left: 40px; font-size: 14px; }

.sub-section .tab .tab-menu { position: relative; height: 72px; border-bottom: 1px solid #e2e2e2; }

.sub-section .tab .tab-menu .inn { height: 70px; line-height: 70px; }

.sub-section .tab .tab-menu .inn a { position: relative; display: inline-block; font-size: 16px; letter-spacing: -.063em; padding: 18px 0; color: #666; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; will-change: color; padding-top: 0; padding-bottom: 0; margin-right: 46px; }

.sub-section .tab .tab-menu .inn a:after { content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background-color: #111; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; will-change: width; }

.sub-section .tab .tab-menu .inn a:hover:after { width: 100%; }

.sub-section .tab .tab-menu .inn a.on { font-weight: bold; color: #000; }

.sub-section .tab .tab-menu .inn a.on:after { left: 0; width: 100%; height: 2px; background-color: #111; }

.sub-section .tab .tab-menu .inn a:last-of-type { margin-right: 0; }

.sub-section .tab .tab-menu .inn a:hover { font-weight: bold; }

.sub-section .tab .tab-menu .inn .tab-list a:hover { font-weight: bold; }

.sub-section .tab .tab-menu .search { position: absolute; top: 0; right: 0; width: 240px; height: 50px; border: 1px solid #e2e2e2; border-radius: 25px; background: #fafafa; }

.sub-section .tab .tab-menu .search input[type='text'] { width: 156px; height: 30px; margin: 9px 0 9px 16px; line-height: 30px; border: 0; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sub-section .tab .tab-menu .calendar-box a { font-size: 14px; color: #999; margin-right: 10px; }

.sub-section .tab .tab-menu .calendar-box a:after { content: none; }

.sub-section .tab .tab-menu .calendar-box .date-text { display: none; font-size: 16px; font-weight: 700; color: #111; letter-spacing: -.06em; vertical-align: top; padding-left: 6px; }

.sub-section .tab .tab-menu .calendar-box .date-btn { display: none; color: #808080; }

.sub-section .sub-contents .calendar-btn-gray { font-size: 14px; color: #999; }

.sub-section .sub-contents .calendar-btn-gray a { vertical-align: middle; font-size: 14px; color: #808080; letter-spacing: -0.5px; }

.sub-section .sub-contents .calendar-btn-gray span { display: inline-block; vertical-align: middle; line-height: 1.5em; }

.sub-section .sub-contents .calendar-btn-gray:before { content: ''; display: inline-block; vertical-align: middle; padding-right: 4px; background-color: transparent; background-position: -126px -154px; width: 14px; height: 16px; }

.sub-section .sub-contents .col-right { margin-right: 5px; float: right; }

.sub-section .sub-contents .col-right .calendar-value { position: relative; left: -7px; }

.sub-section .sub-contents .calendar-btn-black:before { content: ''; position: relative; top: 3px; display: inline-block; background-color: transparent; background-position: -108px -154px; width: 14px; height: 16px; cursor: pointer; }

.sub-section .sub-contents .img-notice .text { font-size: 22px; color: #111; font-weight: bold; line-height: 32px; display: inline-block; vertical-align: top; width: 124px; }

.sub-section .sub-contents .img-notice .img-box { width: 540px; display: inline-block; vertical-align: top; margin-left: 24px; }

.sub-section .sub-contents .img-notice .img-box a { display: block; }

.sub-section .sub-contents .img-list-top { margin-top: 50px; }

.sub-section .sub-contents .img-list-top h3 { display: inline-block; vertical-align: top; font-size: 22px; font-weight: bold; line-height: 38px; letter-spacing: -0.85px; color: #111; }

.blondie .sub-contents .col-right .calendar-value { position: relative; top: 10px; left: auto; right: 220px; }

.fortune .sub-contents .col-right .calendar-value { position: relative; top: 10px; left: auto; right: 220px; }

.cartoon .sub-contents .col-right .calendar-value { position: relative; top: 10px; left: auto; right: 220px; }

.sub-section .sub-contents .img-list { display: block; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-top: 10px; padding-bottom: 40px; font-size: 0; }

.sub-section .sub-contents .img-list li { display: inline-block; vertical-align: top; margin-top: 40px; margin-right: 16px; }

.sub-section .sub-contents .img-list li:nth-child(2n) { margin-right: 0; }

.sub-section .sub-contents .img-list .img-box { width: 200px; height: 160px; border: 1px solid #f0f0f0; display: inline-block; vertical-align: top; }

.sub-section .sub-contents .img-list .img-info { margin: 30px 0 0 20px; display: inline-block; vertical-align: top; width: 190px; }

.sub-section .sub-contents .img-list .img-info .title { font-size: 18px; letter-spacing: -0.64px; color: #111; }

.sub-section .sub-contents .img-list .img-info .name { font-size: 14px; letter-spacing: -0.5px; color: #9b9b9b; margin-top: 8px; }

.sub-section .sub-contents .date-ctr .date-text { display: none; font-size: 22px; font-weight: bold; line-height: 38px; letter-spacing: -0.85px; color: #111; }

.sub-section .sub-contents .date-ctr .date-btn { display: none; }

.sub-section .sub-contents .date-ctr.show-date .col-right { float: none; overflow: hidden; margin-right: 0; }

.sub-section .sub-contents .date-ctr.show-date .col-right .date-btn { display: inline-block; float: right; margin-top: 10px; }

.sub-section .sub-contents .date-ctr.show-date .col-right .calendar-value { right: auto; }

.sub-section .sub-contents .date-ctr.show-date .date-btn { display: inline-block; vertical-align: middle; }

.sub-section .sub-contents .date-ctr.show-date .title { display: none; }

.sub-section .sub-contents .date-ctr.show-date .date-text { display: inline-block; vertical-align: middle; }

.sub-section .sub-contents .date-ctr.show-date .toggle-text { display: none; }

.sub-section .date-ctr.show-date .tab-list { display: none; }

.sub-section .date-ctr.show-date .calendar-btn:before { content: ''; display: inline-block; background-color: transparent; background-position: -108px -154px; width: 14px; height: 16px; cursor: pointer; }

.sub-section .date-ctr.show-date .date-text { display: inline-block; vertical-align: middle; padding-left: 0; }

.sub-section .date-ctr.show-date .toggle-text { display: none; }

.sub-section .date-ctr.show-date .date-btn { display: inline-block; vertical-align: middle; margin-top: 2px; }

.hidden-input { font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; border: none; visibility: hidden; }

.tab-contents.caladd .calendar-btn-gray { margin: 20px 0 10px; }

.tab-contents.caladd .board-list { border-top: 0; margin-top: 50px; }

/* 공지 */
.sub-section .full-size .board-list { width: 100%; }

.sub-section .full-size .board-list .text-box { width: 790px; margin-right: 66px; }

.sub-section .board-list { width: 840px; padding-top: 30px; padding-bottom: 30px; }

.sub-section .board-list.pull-up { padding-top: 30px; }

.sub-section .board-list .date { font-size: 12px; letter-spacing: -0.0125em; color: #999; line-height: 22px; }

.sub-section .board-list .text-box { width: 480px; margin-right: 45px; }

.sub-section .board-list h3 { height: 26px; overflow: hidden; }

.sub-section .board-list .text { color: #666; letter-spacing: -.025em; }

.sub-section .board-list .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sub-section .board-list .reporter { display: inline-block; margin-top: 14px; margin-right: 0; }

.sub-section .board-list .visited > div { opacity: .6; }

.sub-section .board-list .no-img .text-box { width: 685px; margin-right: 0; }

.sub-contents.column { display: block; position: relative; }

.sub-contents.column h3 { font-size: 26px; font-weight: 400; color: #000000; letter-spacing: -1.08px; }

.sub-contents.column .series_column_list { display: block; }

.sub-contents.column .series_column_list ul { font-size: 0; }

.sub-contents.column .series_column_list ul li { display: inline-block; margin-top: 20px; margin-right: 20px; border: 1px solid #e2e2e2; width: 280px; height: 148px; padding-left: 20px; padding-right: 20px; vertical-align: top; }

.sub-contents.column .series_column_list ul li .title_01 { font-size: 16px; font-weight: 500; color: #5291ab; letter-spacing: -0.5px; height: 24px; margin-top: 20px; overflow: hidden; }

.sub-contents.column .series_column_list ul li .title_01 a { line-height: 24px; }

.sub-contents.column .series_column_list ul li .title_02 { font-size: 12px; color: #808080; letter-spacing: -0.5px; height: 22px; line-height: 22px; overflow: hidden; }

.sub-contents.column .series_column_list ul li .title_03 { font-size: 14px; color: #111111; letter-spacing: -0.5px; height: 24px; line-height: 24px; margin-top: 18px; overflow: hidden; }

.sub-contents.column .series_column_list ul li .date { font-size: 12px; line-height: 20px; letter-spacing: -0.5px; color: #808080; }

.sub-contents.column .series_column_list ul li.mr0 { margin-right: 0px; }

.sub-contents.column .series_column_list ul.white li { background-color: #ffffff; }

.sub-contents.column .btn-box.btn-more { width: 172px; border: 1px solid #e2e2e2; top: -10px; }

.sub-contents.column .btn-box.btn-more a:hover:after { left: 137px; }

.sub-contents.column .series_column_list.person ul li { width: 280px; height: 160px; vertical-align: top; position: relative; padding-left: 24px; padding-right: 24px; }

.sub-contents.column .series_column_list.person ul li .name { display: inline-block; font-size: 18px; font-weight: 400; color: #5291ab; letter-spacing: -0.5px; width: 150px; height: 34px; line-height: 34px; margin-top: 22px; overflow: hidden; }

.sub-contents.column .series_column_list.person ul li .jop { display: inline-block; font-size: 12px; color: #808080; letter-spacing: -0.5px; width: 150px; height: 18px; line-height: 18px; overflow: hidden; }

.sub-contents.column .series_column_list.person ul li .txt { font-size: 14px; color: #111111; letter-spacing: -.05em; width: 232px; max-height: 44px; line-height: 24px; overflow: hidden; }

.sub-contents.column .series_column_list.person ul li .txt a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sub-contents.column .series_column_list.person ul li .date { margin-top: 8px; line-height: 20px; }

.sub-contents.column .series_column_list.person ul li .img-box { position: absolute; top: 18px; right: 24px; width: 72px; height: 72px; background-color: #ffffff; border-radius: 50%; }

.sub-contents.focus { display: block; position: relative; }

.sub-contents.focus .focus-tit { font-size: 26px; color: #000000; letter-spacing: -1.08px; display: inline-block; font-weight: normal; }

.sub-contents.focus .focus-controller { float: right; font-size: 0; margin-bottom: 10px; height: 30px; line-height: 30px; }

.sub-contents.focus .focus-controller label { margin-left: 20px; cursor: pointer; }

.sub-contents.focus .focus-controller label:first-child { margin-left: 0; }

.sub-contents.focus .focus-controller label input, .sub-contents.focus .focus-controller label span { display: inline-block; vertical-align: middle; }

.sub-contents.focus .focus-controller label span { color: #666; margin-top: -1px; letter-spacing: -0.5px; font-size: 14px; }

.sub-contents.focus .focus-controller label > span.text { margin-left: 4px; }

.sub-contents.focus .focus-controller label .checked + span { color: #111; font-weight: bold; }

.sub-contents.focus .focus-controller .filter-area { display: inline-block; font-size: 0; margin-left: 40px; position: relative; }

.sub-contents.focus .focus-controller .filter-area .text { font-size: 14px; color: #111; letter-spacing: -0.5px; font-weight: bold; vertical-align: middle; }

.sub-contents.focus .focus-controller .filter-area .open-filter { display: inline-block; vertical-align: middle; background-color: transparent; background-position: -36px -120px; width: 30px; height: 30px; margin-left: 10px; border: 1px solid #e2e2e2; border-radius: 3px; }

.sub-contents.focus .focus-controller .filter-area .filter-box { display: none; position: absolute; -webkit-box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px 4px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 10; padding: 28px 25px 55px; top: 49px; left: 13px; margin-left: -255px; }

.sub-contents.focus .focus-controller .filter-area .filter-box label { display: inline-block; vertical-align: top; min-width: 89px; padding-right: 5px; margin-left: 0; margin-top: 10px; }

.sub-contents.focus .focus-controller .filter-area .filter-box label .text { font-weight: normal; color: #666; }

.sub-contents.focus .focus-controller .filter-area .filter-box label:nth-child(1), .sub-contents.focus .focus-controller .filter-area .filter-box label:nth-child(2), .sub-contents.focus .focus-controller .filter-area .filter-box label:nth-child(3) { margin-top: 0; }

.sub-contents.focus .focus-controller .filter-area .filter-box .btn-box { position: absolute; bottom: 20px; right: 20px; width: auto; height: auto; }

.sub-contents.focus .focus-controller .filter-area .filter-box .btn-box .text { font-weight: normal; color: #111; line-height: 24px; }

.sub-contents.focus .focus-controller .filter-area .filter-box .btn-box a { position: static; text-align: left; }

.sub-contents.focus .focus-controller .filter-area .filter-box .btn-box a:hover:after { left: 58px; }

.sub-contents.focus .focus-controller .filter-area .filter-box .btn-box .icon-more-blue { position: relative; top: 1px; right: 3px; }

.sub-contents.focus .focus-controller .filter-area .open-filter.on + .filter-box { display: block; }

.sub-contents.focus .series-focus-list { display: block; clear: both; margin-top: 20px; }

.sub-contents.focus .series-focus-list ul { font-size: 0; }

.sub-contents.focus .series-focus-list ul li { display: inline-block; margin-top: 20px; margin-right: 20px; width: 280px; vertical-align: top; position: relative; }

.sub-contents.focus .series-focus-list ul li .list-box { display: block; padding: 24px 30px; border: 1px solid #e2e2e2; }

.sub-contents.focus .series-focus-list ul li .list-box .title { font-size: 16px; font-weight: 500; height: 26px; line-height: 26px; letter-spacing: -0.5px; color: #5291ab; overflow: hidden; }

.sub-contents.focus .series-focus-list ul li .list-box .text { font-size: 14px; font-weight: normal; height: 22px; line-height: 22px; letter-spacing: -0.5px; color: #999999; margin-top: 2px; overflow: hidden; }

.sub-contents.focus .series-focus-list ul li .detail-info { display: none; position: relative; margin-top: 28px; width: 1180px; height: 315px; padding: 30px 0 6px 0; border-top: 1px solid #ccc; }

.sub-contents.focus .series-focus-list ul li .detail-info ul { font-size: 0; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li { display: inline-block; vertical-align: top; margin-right: 80px; width: 340px; margin-bottom: 20px; margin-top: 0; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li .title { font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -1px; color: #111111; width: 184px; display: inline-block; vertical-align: top; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li .title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li .img-box { overflow: hidden; width: 136px; height: 102px; display: inline-block; vertical-align: top; margin-left: 20px; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li .img-box > a { display: block; height: 100%; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li .img-box img { overflow: hidden; display: block; width: 100%; height: 100%; }

.sub-contents.focus .series-focus-list ul li .detail-info ul li:nth-child(3n+0) { margin-right: 0; }

.sub-contents.focus .series-focus-list ul li .detail-info::after { content: ''; display: block; clear: both; }

.sub-contents.focus .series-focus-list ul li:nth-child(1), .sub-contents.focus .series-focus-list ul li:nth-child(2), .sub-contents.focus .series-focus-list ul li:nth-child(3), .sub-contents.focus .series-focus-list ul li:nth-child(4) { margin-top: 0; }

.sub-contents.focus .series-focus-list ul li:nth-child(4n - 2) .detail-info { margin-left: -300px; }

.sub-contents.focus .series-focus-list ul li:nth-child(4n - 1) .detail-info { margin-left: -600px; }

.sub-contents.focus .series-focus-list ul li:nth-child(4n) { margin-right: 0; }

.sub-contents.focus .series-focus-list ul li:nth-child(4n) .detail-info { margin-left: -900px; }

.sub-contents.focus .series-focus-list ul li:nth-child(4n+0) { margin-right: 0px; }

.sub-contents.focus .series-focus-list ul li.on > .list-box:before { content: ''; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100px; border: 3px solid #02a37f; left: 0; top: 0; }

.sub-contents.focus .series-focus-list ul li.on > .list-box { border: none; }

.sub-contents.focus .series-focus-list ul li.on .detail-info { display: block; }

.sub-contents.focus .series-focus-list ul li.on:before { content: ''; background-color: #fff; background-position: -76px -46px; width: 12px; height: 9px; position: absolute; top: 119px; left: 50%; margin-left: -6px; z-index: 1; }

.sub-contents.focus .series-focus-list .btn-list-more { display: block; width: 100%; height: 60px; border-bottom: 1px solid #e2e2e2; text-align: center; margin-top: 20px; line-height: 60px; font-size: 14px; font-weight: bold; color: #111; }

.sub-contents.focus .series-focus-list .btn-list-more:after { content: ''; background-position: -136px -120px; width: 18px; height: 18px; vertical-align: top; margin: 21px 0 0 10px; }

.sub-contents.focus .btn-box.btn-more { width: 118px; border: 1px solid #e2e2e2; top: 274px; }

.sub-contents.focus .btn-box.btn-more a:hover:after { left: 84px; }

.sub-contents.focus .end-series-list { display: none; clear: both; margin-top: 60px; }

.sub-contents.focus .end-series-list h3 { font-size: 26px; color: #000000; letter-spacing: -1.08px; display: inline-block; font-weight: normal; }

.sub-contents.focus .end-series-list ul { font-size: 0; height: 340px; overflow-y: scroll; width: 1180px; margin-top: 30px; }

.sub-contents.focus .end-series-list ul li { display: inline-block; margin-top: 20px; margin-right: 20px; width: 280px; vertical-align: top; position: relative; }

.sub-contents.focus .end-series-list ul li .list-box { display: block; padding: 24px 30px; border: 1px solid #e2e2e2; }

.sub-contents.focus .end-series-list ul li .list-box .title { font-size: 16px; font-weight: 500; height: 26px; line-height: 26px; letter-spacing: -0.5px; color: #666; overflow: hidden; }

.sub-contents.focus .end-series-list ul li .list-box .text { font-size: 14px; font-weight: normal; height: 22px; line-height: 22px; letter-spacing: -0.5px; color: #999999; margin-top: 2px; overflow: hidden; }

.sub-contents.focus .end-series-list ul li .detail-info { display: none; position: relative; margin-top: 28px; width: 1180px; height: 315px; padding: 30px 0 6px 0; border-top: 1px solid #ccc; }

.sub-contents.focus .end-series-list ul li .detail-info ul { font-size: 0; }

.sub-contents.focus .end-series-list ul li .detail-info ul li { display: inline-block; vertical-align: top; margin-right: 80px; width: 340px; margin-bottom: 20px; margin-top: 0; }

.sub-contents.focus .end-series-list ul li .detail-info ul li .title { font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -1px; color: #111111; width: 184px; display: inline-block; vertical-align: top; }

.sub-contents.focus .end-series-list ul li .detail-info ul li .img-box { width: 136px; height: 102px; display: inline-block; vertical-align: top; margin-left: 20px; }

.sub-contents.focus .end-series-list ul li .detail-info ul li:nth-child(3n+0) { margin-right: 0; }

.sub-contents.focus .end-series-list ul li .detail-info::after { content: ''; display: block; clear: both; }

.sub-contents.focus .end-series-list ul li:nth-child(1), .sub-contents.focus .end-series-list ul li:nth-child(2), .sub-contents.focus .end-series-list ul li:nth-child(3), .sub-contents.focus .end-series-list ul li:nth-child(4) { margin-top: 0; }

.sub-contents.focus .end-series-list ul li:nth-child(4n - 2) .detail-info { margin-left: -300px; }

.sub-contents.focus .end-series-list ul li:nth-child(4n - 1) .detail-info { margin-left: -600px; }

.sub-contents.focus .end-series-list ul li:nth-child(4n) { margin-right: 0; }

.sub-contents.focus .end-series-list ul li:nth-child(4n) .detail-info { margin-left: -900px; }

.sub-contents.focus .end-series-list ul li:nth-child(4n+0) { margin-right: 0px; }

.sub-contents.focus .end-series-list ul li.on > .list-box:before { content: ''; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100px; border: 3px solid #02a37f; left: 0; top: 0; }

.sub-contents.focus .end-series-list ul li.on > .list-box { border: none; }

.sub-contents.focus .end-series-list ul li.on .detail-info { display: block; }

.sub-contents.focus .end-series-list ul li.on:before { content: ''; background-color: #fff; background-position: -76px -46px; width: 12px; height: 9px; position: absolute; top: 119px; left: 50%; margin-left: -6px; z-index: 1; }

.sub-contents.focus .end-series-list.on { display: block; }

.sub-contents.focus .tab-contents .board-list.article-small-type li:first-child { padding-top: 0; border-top: 0; }

.sub-contents.focus .tab-contents .board-list.article-small-type li:last-child { border-bottom: 1px solid #e2e2e2; }

.sub-contents.focus .btn-list-more { display: block; width: 100%; height: 60px; border-bottom: 1px solid #e2e2e2; text-align: center; margin-top: 20px; line-height: 60px; font-size: 14px; font-weight: bold; color: #111; }

.sub-contents.focus .btn-list-more:after { content: ''; background-position: -136px -120px; width: 18px; height: 18px; vertical-align: top; margin: 21px 0 0 10px; }

.sub-contents.focus .btn-list-more.on:after { content: ''; background-position: -24px -154px; width: 18px; height: 18px; vertical-align: top; margin: 21px 0 0 10px; }

.ss-l .board-list .text-box h3 { margin-bottom: 2px; }

.ss-l .board-list .text-box .text { margin-top: 0; }

.ss-l .board-list .no-img { padding-bottom: 74px; }

.ss-l .board-list .no-img .text-box { width: 1027px; }

.live-issue .live-dot { display: inline-block; vertical-align: top; }

.live-issue .section-recent { padding-bottom: 50px; }

.live-issue .section-recent .title-area { margin-bottom: 45px; }

.live-issue .top-issue-large h3 { font-size: 26px; font-weight: 400; line-height: 32px; }

.live-issue .top-issue-large .rowner { position: relative; width: 980px; margin: 0 auto; }

.live-issue .top-issue-large .recent-square { position: absolute; top: 20px; left: 50%; width: 700px; height: 480px; margin-left: -303px; background-color: rgba(82, 145, 171, 0.1); }

.live-issue .top-issue-large .related-count { position: absolute; top: 0; right: 30px; z-index: 1; display: inline-block; width: 90px; height: 94px; background-color: #fff; opacity: 1; }

.live-issue .top-issue-large .related-count span { display: block; text-align: center; }

.live-issue .top-issue-large .related-count .text { font-size: 14px; line-height: 22px; color: #666; margin-top: 12px; margin-bottom: 4px; }

.live-issue .top-issue-large .related-count .num { font-size: 36px; line-height: 44px; color: #111; }

.live-issue .top-issue-large .img-box { position: relative; z-index: 10; display: inline-block; vertical-align: bottom; width: 440px; height: 330px; margin-top: 95px; margin-right: 36px; }

.live-issue .top-issue-large .img-box.video { position: relative; cursor: pointer; }

.live-issue .top-issue-large .img-box.video:after { content: ''; display: inline-block; position: absolute; left: 20px; bottom: 20px; background-image: url("/images/svg/icon-play-42.svg"); background-repeat: no-repeat; background-size: 42px; width: 42px; height: 42px; }

.live-issue .top-issue-large .inn { position: relative; z-index: 10; display: inline-block; vertical-align: bottom; width: 500px; }

.live-issue .top-issue-large .inn h3 { overflow: hidden; width: 370px; height: 64px; margin-bottom: 12px; font-size: 22px; font-weight: 500; line-height: 32px; color: #111; }

.live-issue .top-issue-large .inn h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.live-issue .top-issue-large .inn .text { font-size: 16px; height: 113px; line-height: 28px; letter-spacing: -.035em; color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.live-issue .top-issue-large .keyword { font-size: 22px; font-weight: 700; line-height: 38px; color: #111; margin-bottom: 25px; }

.live-issue .top-issue { display: block; width: 100%; margin-top: 115px; }

.live-issue .top-issue li { display: inline-block; vertical-align: top; width: 380px; margin-right: 16px; margin-bottom: 0; }

.live-issue .top-issue li:last-child { margin-right: 0; }

.live-issue .top-issue li h3 { font-size: 18px; font-weight: 400; height: 52px; line-height: 26px; margin-bottom: 6px; overflow: hidden; }

.live-issue .top-issue li h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.live-issue .top-issue .keyword { font-size: 18px; font-weight: 700; line-height: 34px; color: #111; margin-bottom: 10px; }

.live-issue .top-issue .img-box { display: inline-block; vertical-align: middle; width: 136px; height: 102px; margin-right: 10px; }

.live-issue .top-issue .img-box.video { position: relative; cursor: pointer; }

.live-issue .top-issue .img-box.video:after { content: ''; display: inline-block; position: absolute; left: 6px; bottom: 6px; background-image: url("/images/svg/icon-play-24.svg"); background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; }

.live-issue .top-issue .inn { display: inline-block; vertical-align: middle; width: 230px; height: 105px; overflow: hidden; }

.live-issue .top-issue .text { line-height: 22px; letter-spacing: -.035em; color: #666; }

.live-issue .recent-issue { margin-top: 50px; }

.live-issue .recent-issue h3 { font-size: 26px; font-weight: 400; line-height: 32px; letter-spacing: -.05em; color: #111; margin-bottom: 30px; }

.live-issue .recent-list li { position: relative; display: inline-block; vertical-align: top; margin-right: 16px; margin-bottom: 60px; }

.live-issue .recent-list li:nth-child(4n) { margin-right: 0; }

.live-issue .recent-list .related-count { position: absolute; top: 0; right: 10px; display: inline-block; text-align: center; width: 61px; height: 65px; background-color: #fff; }

.live-issue .recent-list .related-count .text { display: block; font-size: 12px; line-height: 18px; letter-spacing: -.066em; color: #666; margin-top: 10px; }

.live-issue .recent-list .related-count .num { display: block; font-size: 22px; font-weight: 500; line-height: 26px; letter-spacing: -.03em; color: #111; }

.live-issue .recent-list .inn { width: 280px; }

.live-issue .recent-list .img-box { width: 280px; height: 210px; margin-bottom: 17px; }

.live-issue .recent-list .keyword { font-size: 18px; font-weight: 700; line-height: 32px; letter-spacing: -.05em; color: #111; margin-bottom: 4px; }

.live-issue .recent-list .date { color: #999; margin-bottom: 25px; }

.live-issue .recent-list .date span { display: inline-block; letter-spacing: -.0125em; padding-left: 4px; }

.live-issue .recent-list .content-box { height: 86px; overflow: hidden; }

.live-issue .recent-list h4, .live-issue .recent-list .text { font-size: 16px; font-weight: 400; letter-spacing: -.073em; max-height: 48px; line-height: 24px; color: #111; overflow: hidden; }

.live-issue .recent-list h4 a, .live-issue .recent-list .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.live-issue .recent-list h4 { margin-bottom: 14px; }

.live-dot { display: inline-block; background-color: #e23d3d; width: 10px; height: 10px; border-radius: 50%; -webkit-animation-name: blinkDot; -o-animation-name: blinkDot; animation-name: blinkDot; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; will-change: opacity; }

@-webkit-keyframes blinkDot { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes blinkDot { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes blinkDot { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

.newspaper-viewer { display: block; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: #1f1f1f; text-align: center; overflow: hidden; }

.newspaper-viewer .btn-close { position: absolute; display: block; width: 38px; height: 38px; top: 11px; right: 11px; background: url("/images/svg/icon-close-20-x-20-wh.svg") no-repeat center; background-size: 20px; }

.newspaper-viewer .newspaper-viewer-inner { display: block; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 196px; margin: 8vh auto 0; height: 84vh; width: 59.5vh; max-width: 690px; max-height: 974px; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-item { position: relative; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-item img { display: block; width: 100%; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-prev { width: 96px; height: 96px; left: -196px; margin-top: -48px; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-prev:before { width: 100%; height: 100%; background: url("/images/svg/icon-op-indi-prev-wh.svg") no-repeat center; background-size: contain; opacity: 1; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-next { width: 96px; height: 96px; right: -196px; margin-top: -48px; }

.newspaper-viewer .newspaper-viewer-inner .slick .slick-next:before { width: 100%; height: 100%; background: url("/images/svg/icon-op-indi-next-wh.svg") no-repeat center; background-size: contain; opacity: 1; }

.newspaper-viewer .newspaper-viewer-inner .slick-counter { font-size: 18px; line-height: 21px; color: #999; text-align: center; font-family: 'Roboto'; margin-top: 2.5vh; }

.newspaper-viewer .newspaper-viewer-inner .slick-counter .current { color: #5291ab; }

.newspaper-viewer .newspaper-viewer-inner .side-text { display: block; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 50%; bottom: 10px; margin-left: 380px; width: 200px; font-size: 14px; line-height: 24px; color: #fff; letter-spacing: -.5px; text-align: left; }

.newspaper-viewer .newspaper-viewer-inner .side-text strong { display: block; margin-top: 4px; }

.newspaper-viewer .newspaper-viewer-inner .side-text:before { content: ''; display: block; width: 32px; height: 2px; background: #e2e2e2; margin: 0 auto 16px 0; }

/* GE_L, SE_L */
.list-column .tab-title .img-box { border-radius: 50%; }

.list-column .tab-title .ttl strong { padding-right: 8px; }

.list-column .edit-subscribe { height: 30px; margin: 0 0 0 0; padding-bottom: 0; border-bottom: 0; }

.list-column .edit-subscribe .toast-popup { margin-left: -110px; }

.list-column .tooltip-box { margin-top: 10px; margin-left: 0; }

.list-column .tooltip-box .btn-read { margin-top: 0; }

.tab-title { padding-bottom: 36px; text-align: center; }

.tab-title .img-box { display: block; width: 72px; height: 72px; margin: 0 auto; margin-bottom: 4px; text-align: center; border-radius: 40px; }

.tab-title .img-box img { display: block; width: 72px; height: 72px; margin: 0 auto; }

.tab-title h2 { position: relative; display: block; font-size: 26px; font-weight: 500; line-height: 32px; letter-spacing: -.05em; color: #000; z-index: 2; }

.tab-title .ttl { position: relative; display: block; font-size: 16px; line-height: 24px; letter-spacing: -.05em; color: #666; z-index: 2; margin: 4px auto 0; }

.tab-title .ttl strong { font-weight: 400; color: #5291ab; }

.tab-title .ttl span { color: #666; }

.tab-title.bg-type { position: relative; display: table; width: 840px; height: 168px; margin-bottom: 27px; padding-bottom: 0; vertical-align: middle; background-repeat: no-repeat; background-size: 100%; }

.tab-title.bg-type .cell-box { display: table-cell; vertical-align: middle; }

.tab-title.bg-type .cell-box h2 { position: relative; }

.tab-title.bg-type .cell-box .btn-read { position: relative; background-image: url("/images/btn-subscribe.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; border: none; width: 64px; height: 30px; }

.tab-title.bg-type .cell-box .btn-read.on { background-image: url("/images/btn-subscribe-on.png"); }

.tab-title.bg-type .cell-box .toast-popup { display: none; position: absolute; top: 100%; left: 50%; right: auto; width: 220px; height: 50px; line-height: 1.125em; margin-top: 10px; margin-left: -110px; padding: 16px 30px; color: #fff; background-color: rgba(51, 51, 51, 0.9); -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); border-radius: 12px; }

.tab-title.bg-type .img-box { position: absolute; top: 0; left: 0; width: 840px; height: 168px; border-radius: 0; z-index: 1; }

.tab-title.bg-type .img-box img { display: block; width: 840px; height: 168px; }

.sub-section.list-column .board-list .text { margin-top: 0; }

.list-focus .tooltip-box { margin-top: 14px; margin-left: 0; }

.list-focus .tab-title.bg-type h2 { padding-top: 12px; }

.list-focus .tab-title.bg-type .btn-read { margin-top: 0; padding-top: 0; }

.sub-section.live-issue .tab-title { padding-top: 36px; padding-bottom: 76px; }

.sub-section.live-issue .tab-title h2 { padding-bottom: 16px; }

.sub-section.live-issue .tab-title .text { font-size: 14px; line-height: 24px; letter-spacing: -.05em; color: #666; }

.sub-section.live-issue .board-list { border-top: none; padding-top: 0; padding-bottom: 0; }

.sub-section.live-issue .board-list li { padding-top: 30px; }

.sub-section.live-issue .board-list li:first-child { border-top: 1px solid #111; }

.sub-section.live-issue .board-list .cell-1 span { display: block; }

.sub-section.live-issue .board-list .cell-1 .year { letter-spacing: -.025em; line-height: 22px; color: #999; }

.sub-section.live-issue .board-list .cell-1 .date { font-size: 26px; font-weight: 500; line-height: 32px; padding-top: 6px; color: #111; }

.sub-section.live-issue .board-list .text { margin-top: 0; }

.sub-section.live-issue .board-list .text-box .rowner { margin-top: 16px; }

.sub-section.live-issue .board-list .text-box .time { font-size: 12px; line-height: 20px; letter-spacing: -.05em; color: #999; }

.sub-section.live-issue .board-list .text-box .reporter { font-size: 12px; line-height: 20px; letter-spacing: -.05em; margin-top: 0; padding-left: 6px; color: #666; }

.sub-section.live-issue .board-list .visited { opacity: 1; }

.sub-section.live-issue .board-list .visited .text-box, .sub-section.live-issue .board-list .visited .img-box { opacity: .8; }

/* PO_H */
.container .section-recent .new-jam-area > img { overflow: hidden; display: block; width: 100%; }

.newjam.is-loading .loader { display: block; }

.newjam .loader { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); }

.newjam .loader img { position: absolute; top: 400px; left: 50%; margin-left: -16px; }

.newjam > .inner { position: relative; }

.newjam .newjam-gate .state-subsc, .newjam .newjam-gate .btn-subsc, .newjam .newjam-gate .btn-unsubsc { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; min-width: 96px; height: 40px; font-size: 14px; text-align: center; color: #fff; background-color: #5191AA; }

.newjam .newjam-gate .state-subsc::after, .newjam .newjam-gate .btn-subsc::after, .newjam .newjam-gate .btn-unsubsc::after { content: ''; display: inline-block; margin-left: 6px; width: 16px; height: 16px; background: url("/images/newjam/icon_subsc.png") no-repeat; background-size: 100%; vertical-align: -2px; }

.newjam .newjam-gate .state-subsc.outline, .newjam .newjam-gate .btn-subsc.outline, .newjam .newjam-gate .btn-unsubsc.outline { background-color: transparent; border: 1px solid #fff; }

.newjam .newjam-gate .btn-unsubsc::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.newjam .newjam-gate .state-subsc { line-height: 40px; background-color: #999; }

.newjam .newjam-gate .state-subsc::after { margin-right: -5px; width: 18px; height: 14px; background: url("/images/svg/icon-btn-bg-checked-w.svg") no-repeat; background-size: 100%; vertical-align: 0px; }

.newjam .newjam-gate-header { margin-top: -50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 191px; height: 274px; background: url("/images/newjam/newjam_gate_header.jpg") no-repeat 50% 0; background-size: 100%; }

.newjam .newjam-gate-header .header { margin-bottom: 24px; font-size: 18px; font-weight: 400; line-height: 27px; color: #fff; text-align: center; }

.newjam .newjam-gate-header .gate-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newjam .newjam-gate-header .btn-subsc { margin: 0 5px; }

.newjam .newjam-gate-header .state-subsc { display: block; line-height: 40px; font-size: 14px; text-align: center; color: #fff; background-color: rgba(255, 255, 255, 0.3); }

.newjam .newjam-gate .newjam-category { position: relative; margin: 25px -17px 0; overflow: hidden; }

.newjam .newjam-gate .newjam-category + .newjam-category { margin-top: 30px; padding-top: 30px; }

.newjam .newjam-gate .newjam-category + .newjam-category::before { content: ''; position: absolute; top: 0; right: 17px; left: 17px; border-top: 1px solid #B2B4B5; }

.newjam .newjam-gate .newjam-category-item { float: left; position: relative; margin: 40px 17px; width: 370px; border: 2px solid #E1E1E1; }

.newjam .newjam-gate .newjam-category-item h3 { padding-left: 20px; font-size: 18px; font-weight: 600; line-height: 68px; }

.newjam .newjam-gate .newjam-category-item h3 .day { margin-right: 10px; color: #5191AA; }

.newjam .newjam-gate .newjam-category-item a { display: block; }

.newjam .newjam-gate .newjam-category-item a .frame { height: 184px; overflow: hidden; }

.newjam .newjam-gate .newjam-category-item a .frame img { display: block; width: 100%; }

.newjam .newjam-gate .newjam-category-item a p { padding: 25px 18px; font-size: 18px; line-height: 27px; height: 104px; color: #666; text-align: center; }

.newjam .newjam-gate .newjam-category-item .state-subsc, .newjam .newjam-gate .newjam-category-item .btn-subsc { position: absolute; top: 14px; right: 13px; }

.newjam .newjam-header { margin: -50px 0 40px; }

.newjam .newjam-header img { width: 100%; }

.newjam .sub-contents .calendar-box { display: none; height: 37px; }

.newjam .sub-contents .calendar-box > a { vertical-align: middle; }

.newjam .sub-contents .calendar-box > a + a { margin-left: 10px; }

.newjam .sub-contents .calendar-box .date-text { font-size: inherit; line-height: inherit; }

.newjam .sub-contents .calendar-box .date-btn { margin-top: 0; }

.newjam .newjam-list { margin: 0 20px 46px 0; padding: 0 0 64px; border-bottom: 1px solid #ddd; }

.newjam .newjam-list .newjam-item { overflow: hidden; }

.newjam .newjam-list .newjam-item + .newjam-item { margin-top: 64px; padding-top: 64px; border-top: 1px solid #ddd; }

.newjam .newjam-list .newjam-item > a { display: block; }

.newjam .newjam-list .newjam-item .date { float: left; width: 117px; color: #5191AA; font-size: 30px; font-weight: 600; line-height: 39px; }

.newjam .newjam-list .newjam-item .date span { display: block; font-size: 18px; font-weight: 500; color: #111; line-height: 1; }

.newjam .newjam-list .newjam-item .content { position: relative; float: left; width: 687px; }

.newjam .newjam-list .newjam-item .body { max-width: 630px; max-height: 794px; overflow: hidden; }

.newjam .newjam-list .newjam-item .link { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; }

.newjam .newjam-list .newjam-item .link::before { content: ''; position: absolute; bottom: 46px; left: 0; width: 100%; height: 260px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%); }

.newjam .newjam-list .newjam-item .link a { display: block; margin: 0 auto; width: 164px; text-align: center; font-size: 14px; line-height: 44px; border: 1px solid #111; border-radius: 3px; }

.newjam .newjam-list .newjam-item .top { position: relative; overflow: hidden; }

.newjam .newjam-list .newjam-item .top + .section { margin-top: 40px; }

.newjam .newjam-list .newjam-item .top .thumb { float: right; margin-left: 54px; width: 295px; height: 194px; }

.newjam .newjam-list .newjam-item .top .thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.newjam .newjam-list .newjam-item .top .head { font-size: 14px; line-height: 20px; color: #5191AA; }

.newjam .newjam-list .newjam-item .top h3 { margin-top: 2px; color: #111; font-size: 24px; line-height: 32px; font-weight: 500; }

.newjam .newjam-list .newjam-item .top .lead { display: -webkit-box; margin-top: 16px; font-size: 14px; line-height: 20px; color: #666; height: 60px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.newjam .newjam-list .newjam-item .section { font-size: 18px; line-height: 27px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.newjam .newjam-list .newjam-item .section + .section { margin-top: 7px; }

.newjam .newjam-list .newjam-item .section h4 { display: inline; margin-right: 9px; color: #5291AB; font-weight: 400; vertical-align: top; }

.newjam .newjam-list .newjam-item .section p { display: inline; font-weight: 500; vertical-align: top; }

.newjam .newjam-list .no-data { padding-top: 60px; text-align: center; font-size: 24px; }

.newjam .newjam-list .no-data::after { content: ''; display: block; margin: 70px auto 0; width: 381px; height: 257px; background: url("/images/img-no-result.png") no-repeat 22px 0; }

.newjam .newjam-apply { margin-bottom: 44px; padding: 26px 29px 34px; background-color: #F9F9F9; text-align: center; }

.newjam .newjam-apply h3 { margin-bottom: 22px; font-size: 18px; font-weight: 600; text-align: left; }

.newjam .newjam-apply .apply-info { overflow: hidden; }

.newjam .newjam-apply .apply-info + .apply-info { margin-top: 16px; overflow: hidden; }

.newjam .newjam-apply .apply-info label { float: left; margin: 6px 8px 0 0; width: 45px; font-size: 16px; font-weight: 500; text-align: right; }

.newjam .newjam-apply .apply-info input { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 187px; height: 32px; padding: 0 13px; font-size: 14px; border: 1px solid #ccc; background-color: #f1f1f1; border-radius: 0; }

.newjam .newjam-apply .apply-agree { margin-top: 22px; }

.newjam .newjam-apply .apply-agree .icheckbox { background-color: #fff; border-radius: 3px; }

.newjam .newjam-apply .apply-agree label { margin-left: 6px; }

.newjam .newjam-apply .apply-agree label a { color: #111; text-decoration: underline; }

.newjam .newjam-apply .apply-actions { margin-top: 19px; font-size: 0; }

.newjam .newjam-apply .apply-actions button { width: 100%; height: 40px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 0; }

.newjam .newjam-apply .apply-actions button + button { margin-left: 10px; }

.newjam .newjam-apply .apply-actions .cancel { color: #959595; border: 1px solid #979797; }

.newjam .newjam-apply .apply-actions .subsc { background-color: #02A37F; }

.newjam .newjam-apply .apply-actions .subsc.on::before { content: ''; display: inline-block; margin-right: 4px; width: 18px; height: 14px; background: url("/images/svg/icon-btn-bg-checked-w.svg") no-repeat; background-size: 100%; }

.newjam .newjam-view { overflow: hidden; }

.newjam .newjam-view.scroll { padding-left: 197px; }

.newjam .newjam-view.scroll .date { position: fixed; top: 40px; left: 50%; margin-left: -590px; }

.newjam .newjam-view .date { float: left; margin-right: 40px; width: 157px; color: #5191AA; font-size: 30px; font-weight: 600; line-height: 39px; }

.newjam .newjam-view .date span { display: block; font-size: 18px; font-weight: 500; color: #111; line-height: 1; }

.newjam .newjam-view .date a { display: block; margin-top: 10px; color: #666; font-size: 18px; font-weight: 400; line-height: 45px; border: solid #ddd; border-width: 1px 0; }

.newjam .newjam-view .date a::before { content: ''; display: inline-block; margin: 0 9px 0 5px; width: 13px; height: 10px; background: url("/images/svg/btn_list_s.svg") no-repeat; }

.newjam .newjam-view .body { position: relative; float: left; width: 630px; }

.newjam .newjam-view .body.legacy > table:first-child > tbody:first-child > tr:first-child > td:first-child > table:first-child > tbody:first-child > tr:first-child { display: none; }

.newjam .newjam-view .body .no-data { padding-top: 60px; text-align: center; font-size: 18px; }

.newjam .newjam-view .body .no-data::before { content: ''; display: block; margin: 0 auto 100px; width: 381px; height: 257px; background: url("/images/img-no-result.png") no-repeat; }

.newjam .newjam-stop { display: none; margin: 70px auto 0; }

.newjam .newjam-stop.on { display: block; }

.newjam .newjam-stop::before { content: ''; display: block; margin: 0 auto 26px; width: 296px; height: 223px; background: url("/images/newjam/img_cancel.png") no-repeat; }

.newjam .newjam-stop.canceled::before { width: 320px; height: 242px; background-image: url("/images/newjam/img_canceled.png"); }

.newjam .newjam-stop h3 { font-size: 24px; line-height: 38px; text-align: center; }

.newjam .newjam-stop h3 span { display: block; font-weight: 400; }

.newjam .newjam-stop .cancel-actions { margin-top: 43px; white-space: nowrap; font-size: 0; text-align: center; }

.newjam .newjam-stop .cancel-actions a { display: inline-block; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 160px; line-height: 52px; text-align: center; font-size: 16px; font-weight: 500; border-radius: 3px; border: 1px solid #111; }

.newjam .newjam-stop .cancel-actions a.confirm { color: #111; }

.newjam .newjam-stop .cancel-actions a.cancel { color: #fff; background-color: #111; }

.newjam .newjam-stop .cancel-all { position: relative; margin-top: 100px; padding-top: 100px; text-align: center; }

.newjam .newjam-stop .cancel-all::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; border-top: 2px solid #ddd; }

.newjam .newjam-stop .cancel-all h4 { font-size: 18px; line-height: 26px; }

.newjam .newjam-stop .cancel-all h4 span { display: block; font-weight: 400; }

.newjam .newjam-stop .cancel-all .all-cancel-actions { margin-top: 40px; white-space: nowrap; font-size: 0; text-align: center; }

.newjam .newjam-stop .cancel-all .all-cancel-actions a { display: inline-block; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 330px; line-height: 48px; color: #111; text-align: center; font-size: 16px; font-weight: 500; border-radius: 3px; border: 1px solid #111; }

.newjam .side-link-box { margin-bottom: 0; }

.newjam .banner-right { margin-top: 44px; }

.newjam .banner-right .img-box { width: 300px; }

.newjam .share-links { position: absolute; top: 129px; right: 29px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.newjam .share-links a { display: block; height: 42px; width: 42px; text-indent: -9999px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }

.newjam .share-links a + a { margin-left: 10px; }

.newjam .share-links a.kakao { background-image: url("/images/newjam/share_kakao.jpg"); }

.newjam .share-links a.fb { background-image: url("/images/newjam/share_fb.jpg"); }

.newjam .share-links a.tw { background-image: url("/images/newjam/share_tw.jpg"); }

.newjam .share-links a.email { background-image: url("/images/newjam/share_mail.jpg"); }

.newjam .share-links a.url { background-image: url("/images/newjam/share_url.jpg"); }

.newjam .share-links.fixed { position: fixed; top: 182px; left: 50%; margin-left: -487px; display: block; }

.newjam .share-links.fixed a { width: 52px; height: 52px; border-radius: 0; margin: 0; }

.popup-alert.newjam-terms, .popup-alert.newjam-cancel, .popup-alert.newjam-subsc { margin-left: 300px; }

.popup-alert.popup-newjam-gate { top: 50%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 976px; margin-left: -488px; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.popup-alert.popup-newjam-gate.on { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.popup-alert.popup-newjam-gate .title { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 40px; width: 100%; font-size: 30px; font-weight: 600; }

.popup-alert.popup-newjam-gate .copy { margin: 20px 0 45px; width: 100%; text-align: center; font-size: 22px; line-height: 36px; color: #666; }

.popup-alert.popup-newjam-gate .copy .group { color: #3ea47f; font-weight: 600; }

.popup-alert.popup-newjam-gate .copy .group[data-type=brief] { color: #47ad30; }

.popup-alert.popup-newjam-gate .copy .group[data-type=story] { color: #88469d; }

.popup-alert.popup-newjam-gate .sub-copy { width: 100%; margin: -35px 0 45px; color: #999; font-size: 18px; text-align: center; }

.popup-alert.popup-newjam-gate .subsc-area { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 50px 60px; width: 50%; border-top: 1px solid #eee; background-color: #f9f9f9; }

.popup-alert.popup-newjam-gate .subsc-area.member .btn-main { margin-bottom: 67px; background-color: #7DB95E; }

.popup-alert.popup-newjam-gate .subsc-area.member .btn-cancel { font-size: 16px; width: 100%; height: 54px; line-height: 52px; border-radius: 3px; border: 1px solid #999; background-color: #fff; text-align: center; color: #999; }

.popup-alert.popup-newjam-gate .subsc-area.no-member { position: relative; }

.popup-alert.popup-newjam-gate .subsc-area.no-member::before { content: ''; position: absolute; top: 34px; bottom: 34px; left: 0; border-left: 1px solid #ccc; }

.popup-alert.popup-newjam-gate .subsc-title { margin-bottom: 25px; font-size: 22px; line-height: 33px; text-align: center; }

.popup-alert.popup-newjam-gate .subsc-copy { margin-bottom: 40px; font-size: 16px; line-height: 20px; }

.popup-alert.popup-newjam-gate .subsc-info { margin-top: 12px; font-size: 12px; color: #777; }

.popup-alert.popup-newjam-gate .apply-info { overflow: hidden; }

.popup-alert.popup-newjam-gate .apply-info + .apply-info { margin-top: 8px; overflow: hidden; }

.popup-alert.popup-newjam-gate .apply-info input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 55px; padding: 0 13px; font-size: 14px; border: 1px solid #ccc; background-color: #fff; border-radius: 3px; }

.popup-alert.popup-newjam-gate .apply-agree { margin-top: 22px; }

.popup-alert.popup-newjam-gate .apply-agree .icheckbox { background-color: #fff; border-radius: 3px; }

.popup-alert.popup-newjam-gate .apply-agree label { margin-left: 6px; }

.popup-alert.popup-newjam-gate .apply-agree label a { color: #111; text-decoration: underline; }

.popup-alert.popup-newjam-gate .apply-actions { margin-top: 19px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.popup-alert.popup-newjam-gate .apply-actions button { width: 100%; height: 54px; color: #fff; font-size: 16px; border-radius: 3px; }

.popup-alert.popup-newjam-gate .apply-actions button + button { margin-left: 10px; }

.popup-alert.popup-newjam-gate .apply-actions .cancel { color: #666; background-color: #ccc; }

.popup-alert.popup-newjam-gate .apply-actions .subsc { background-color: #02A37F; }

/***************************************************************************************
   모듈
***************************************************************************************/
.module-slider .module-area .slick-slider .slick-dots li { margin-right: 0; }

.module-slider .module-area .slick-dots { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: -32px; }

.module-slider .module-area .slick-dots li { -webkit-flex: auto; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 0; height: 3px; margin: 0; background: #5291ab; }

.module-slider .module-area .slick-dots li button { display: none; }

.module-slider .module-area .slick-dots li.slick-active { background: #5291ab; }

.module-slider .module-area .slick-dots li.slick-active ~ li { background: rgba(155, 155, 155, 0.33); }

.end .editor-p .brace { font-size: 17px; font-weight: 500; color: #02a37f; }

.module-intro { position: relative; margin-top: 50px; margin-bottom: 50px; }

.module-intro .img-box { display: inline-block; vertical-align: middle; position: absolute; top: 50px; left: 0; background-color: transparent; }

.module-intro .module-area { display: inline-block; vertical-align: middle; background-color: rgba(0, 0, 0, 0.05); width: 560px; margin-left: 80px; padding-bottom: 38px; }

.module-intro .module-area .content { min-height: 266px; }

.module-intro .module-area h3 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 26px; font-weight: 500; letter-spacing: -.075em; height: 64px; line-height: 32px; margin-bottom: 20px; }

.module-intro .module-area h3 span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.module-intro .summary-list { font-size: 14px; line-height: 22px; min-height: 96px; }

.module-intro .summary-list .title { display: inline-block; vertical-align: middle; width: 62px; color: #5291ab; }

.module-intro .summary-list .text { display: inline-block; vertical-align: middle; color: #666; }

.module-intro .summary-text { font-size: 14px; line-height: 24px; color: #666; min-height: 96px; }

.module-intro.long-type .img-box { width: 180px; height: 255px; -webkit-box-shadow: 0 10px 11px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 11px rgba(0, 0, 0, 0.5); }

.module-intro.long-type .module-area .content { padding-top: 42px; padding-left: 150px; }

.module-intro.long-type .summary-text { width: 362px; margin-top: 20px; }

.module-intro.wide-type .img-box { width: 280px; height: 210px; -webkit-box-shadow: 0 2px 11px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 11px rgba(0, 0, 0, 0.5); }

.module-intro.wide-type .module-area .content { padding-top: 44px; padding-left: 48px; }

.module-intro.wide-type .module-area h3, .module-intro.wide-type .module-area .summary-list { padding-left: 186px; }

.module-intro.wide-type .summary-text { width: 464px; margin-top: 56px; }

.read-mode.bg-yellow .module-intro .module-area { background-color: #efe9e3; }

.read-mode.bg-black .module-intro .module-area { background-color: rgba(255, 255, 255, 0.05); }

.read-mode.bg-black .module-intro h3 { color: #fff; }

.read-mode.bg-black .module-intro .summary-list .text { color: #999; }

.module-by-title { margin-top: 90px; }

.module-by-title h2 { font-family: 'Nanum Myeongjo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif; font-size: 32px; line-height: 36px; text-align: center; color: #111; padding-bottom: 28px; }

.module-by-title .dot { display: block; text-align: center; }

.module-by-title .dot span { display: inline-block; vertical-align: top; width: 3px; height: 3px; border-radius: 50%; background: #111; }

.module-by-title .dot span + span { margin-left: 8px; }

.module-by-title .module-list { margin-top: 50px; }

.module-by-title .module-list li { margin-bottom: 90px; }

.module-by-title .module-list li:last-child { margin-bottom: 0; }

.module-by-title .img-box { margin-bottom: 30px; }

.module-by-title .text { font-size: 18px; letter-spacing: -.05em; line-height: 34px; color: #111; }

.read-mode.bg-black .module-by-title h2 { color: #fff; }

.read-mode.bg-black .module-by-title .text { color: #fff; }

.read-mode.bg-black .module-by-title .dot span { background: #fff; }

.module-map { text-align: center; width: 640px; margin-top: 50px; margin-bottom: 50px; }

.module-map h2 { text-align: left; margin-bottom: 14px; }

.module-map .small-text { font-size: 14px; line-height: 16px; }

.module-map .middle-text { font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0; }

.module-map .big-text { font-size: 18px; font-weight: 500; line-height: 24px; }

.module-map .map-box { position: relative; }

.module-map .left-list li, .module-map .right-list li { position: absolute; top: 0; left: -85px; width: 140px; }

.module-map .left-list span, .module-map .right-list span { display: inline-block; vertical-align: middle; }

.module-map .left-list { position: absolute; top: 0; left: 74px; text-align: right; }

.module-map .right-list { position: absolute; top: 0; right: 74px; text-align: left; }

.module-map .summary-text { font-size: 14px; text-align: left; letter-spacing: -.05em; line-height: 24px; background-color: rgba(0, 0, 0, 0.05); width: 640px; margin-top: 13px; padding: 28px 48px; color: #111; }

.district-type li { position: relative; }

.district-type li.no-data { display: none; }

.district-type li .line { content: ''; position: absolute; top: 0; background-repeat: no-repeat; background-size: contain; height: 16px; }

.district-type .left-list { left: 84px; }

.district-type .left-list li:nth-child(1) .line { background-image: url("/images/module/district/line_left_1.png"); }

.district-type .left-list li:nth-child(2) .line { background-image: url("/images/module/district/line_left_2.png"); }

.district-type .left-list li:nth-child(3) .line { background-image: url("/images/module/district/line_left_3.png"); }

.district-type .left-list li:nth-child(4) .line { background-image: url("/images/module/district/line_left_4.png"); }

.district-type .left-list li:first-child { top: 93px; left: -75px; }

.district-type .left-list li:first-child .line { right: -140px; width: 124px; }

.district-type .left-list li:nth-child(2) { top: 220px; left: -85px; }

.district-type .left-list li:nth-child(2) .line { right: -140px; width: 124px; }

.district-type .left-list li:nth-child(3) { top: 330px; left: -70px; }

.district-type .left-list li:nth-child(3) .line { right: -103px; width: 91px; }

.district-type .left-list li:nth-child(4) { top: 440px; }

.district-type .left-list li:nth-child(4) .line { right: -102px; width: 89px; }

.district-type .left-list li:nth-child(5) { top: 547px; left: 180px; text-align: left; }

.district-type .right-list li:nth-child(1) .line { background-image: url("/images/module/district/line_right_1.png"); left: -120px; }

.district-type .right-list li:nth-child(2) .line { background-image: url("/images/module/district/line_right_2.png"); left: -120px; }

.district-type .right-list li:nth-child(3) .line { background-image: url("/images/module/district/line_right_3.png"); left: -120px; }

.district-type .right-list li:nth-child(4) .line { background-image: url("/images/module/district/line_right_4.png"); left: -120px; }

.district-type .right-list li:first-child { top: 107px; left: -80px; }

.district-type .right-list li:first-child .line { width: 109px; }

.district-type .right-list li:nth-child(2) { top: 200px; left: -58px; }

.district-type .right-list li:nth-child(2) .line { width: 151px; left: -158px; }

.district-type .right-list li:nth-child(3) { top: 283px; left: -58px; }

.district-type .right-list li:nth-child(3) .line { width: 110px; left: -117px; }

.district-type .right-list li:nth-child(4) { top: 378px; left: -75px; }

.district-type .right-list li:nth-child(4) .line { width: 128px; left: -138px; }

.percent-type .middle-text span { font-weight: 700; line-height: 20px; }

.percent-type .middle-text .roboto { position: relative; top: 1px; font-weight: 500; }

.percent-type li { position: relative; }

.percent-type li.no-data { display: none; }

.percent-type li::after, .percent-type li .line { content: ''; position: absolute; top: 0; background-repeat: no-repeat; background-size: auto 16px; height: 16px; }

.percent-type .left-list li { width: 150px; }

.percent-type .left-list li:nth-child(1) .line { background-image: url("/images/module/percent/line_left_1.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(2) .line { background-image: url("/images/module/percent/line_left_2.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(3) .line { background-image: url("/images/module/percent/line_left_3.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(4) .line { background-image: url("/images/module/percent/line_left_4.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(5) .line { background-image: url("/images/module/percent/line_left_5.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(6) .line { background-image: url("/images/module/percent/line_left_6.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(7) .line { background-image: url("/images/module/percent/line_left_7.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(8) .line { background-image: url("/images/module/percent/line_left_8.png"); background-position: 100% 0; }

.percent-type .left-list li:nth-child(9) .line { background-image: url("/images/module/percent/line_left_9.png"); background-position: 100% 0; }

.percent-type .left-list li:first-child { top: 83px; left: -70px; }

.percent-type .left-list li:first-child .line { right: -116px; width: 110px; }

.percent-type .left-list li:nth-child(2) { top: 127px; left: -76px; }

.percent-type .left-list li:nth-child(2) .line { right: -111px; width: 102px; }

.percent-type .left-list li:nth-child(3) { top: 155px; left: -36px; }

.percent-type .left-list li:nth-child(3) .line { right: -37px; width: 32px; }

.percent-type .left-list li:nth-child(4) { top: 236px; left: -70px; }

.percent-type .left-list li:nth-child(4) .line { right: -120px; width: 112px; }

.percent-type .left-list li:nth-child(5) { top: 277px; left: -48px; }

.percent-type .left-list li:nth-child(5) .line { right: -115px; width: 109px; }

.percent-type .left-list li:nth-child(6) { top: 322px; left: -67px; }

.percent-type .left-list li:nth-child(6) .line { top: -29px; right: -68px; width: 62px; height: 37px; background-size: auto 37px; }

.percent-type .left-list li:nth-child(7) { top: 367px; left: -58px; }

.percent-type .left-list li:nth-child(7) .line { right: -55px; width: 44px; }

.percent-type .left-list li:nth-child(8) { top: 412px; left: -68px; }

.percent-type .left-list li:nth-child(8) .line { right: -98px; width: 93px; }

.percent-type .left-list li:nth-child(9) { top: 480px; left: -66px; }

.percent-type .left-list li:nth-child(9) .line { right: -56px; width: 58px; }

.percent-type .left-list li:nth-child(10) { top: 547px; left: 180px; text-align: left; }

.percent-type .right-list li { width: 150px; }

.percent-type .right-list li:nth-child(1) .line { background-image: url("/images/module/percent/line_right_1.png"); left: -120px; }

.percent-type .right-list li:nth-child(2) .line { background-image: url("/images/module/percent/line_right_2.png"); left: -120px; }

.percent-type .right-list li:nth-child(3) .line { background-image: url("/images/module/percent/line_right_3.png"); left: -120px; }

.percent-type .right-list li:nth-child(4) .line { background-image: url("/images/module/percent/line_right_4.png"); left: -120px; }

.percent-type .right-list li:nth-child(5) .line { background-image: url("/images/module/percent/line_right_5.png"); left: -120px; }

.percent-type .right-list li:nth-child(6) .line { background-image: url("/images/module/percent/line_right_6.png"); left: -120px; }

.percent-type .right-list li:nth-child(7) .line { background-image: url("/images/module/percent/line_right_7.png"); left: -120px; }

.percent-type .right-list li:first-child { top: 107px; left: -80px; }

.percent-type .right-list li:first-child .line { width: 109px; }

.percent-type .right-list li:nth-child(2) { top: 200px; left: -78px; }

.percent-type .right-list li:nth-child(2) .line { width: 151px; left: -158px; }

.percent-type .right-list li:nth-child(3) { top: 253px; left: -78px; }

.percent-type .right-list li:nth-child(3) .line { width: 110px; left: -117px; }

.percent-type .right-list li:nth-child(4) { top: 324px; left: -76px; }

.percent-type .right-list li:nth-child(4) .line { width: 100px; left: -106px; }

.percent-type .right-list li:nth-child(5) { top: 366px; left: -84px; }

.percent-type .right-list li:nth-child(5) .line { width: 28px; left: -35px; }

.percent-type .right-list li:nth-child(6) { top: 421px; left: -93px; }

.percent-type .right-list li:nth-child(6) .line { top: -22px; left: -47px; width: 41px; height: 32px; background-size: auto 32px; }

.percent-type .right-list li:nth-child(7) { top: 468px; left: -138px; }

.percent-type .right-list li:nth-child(7) .line { top: -84px; left: -107px; width: 103px; height: 94px; background-size: auto 94px; }

.bg-yellow .module-map .summary-text { background-color: #efe9e3; }

.bg-black .module-map .summary-text { background-color: rgba(255, 255, 255, 0.05); color: #fff; }

.module-vs { margin-top: 50px; margin-bottom: 60px; }

.module-vs .img-list { position: relative; padding-bottom: 20px; }

.module-vs .img-list li { display: inline-block; vertical-align: middle; width: 238px; }

.module-vs .img-list li:first-child { margin-right: 159px; }

.module-vs .img-list .img-box { width: 238px; height: 178px; -webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 14px 25px rgba(0, 0, 0, 0.2); }

.module-vs .img-list .display-title { font-weight: 400; text-align: center; margin-top: 28px; }

.module-vs .img-list .center { position: absolute; bottom: 0px; left: 50%; margin-left: -50px; }

.module-vs .img-list .center .img-vs { display: inline-block; background-image: url("/images/module/module_vs.png"); background-repeat: no-repeat; background-size: 100%; width: 101px; height: 99px; -webkit-box-shadow: none; box-shadow: none; }

.read-mode.bg-black .img-list .center .img-vs { background-image: url("/images/module/module_vs_wh.png"); }

.module-personnel .personnel-box { margin-bottom: 60px; }

.module-personnel .personnel-box:last-child { margin-bottom: 0; }

.module-personnel .title { font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -.05em; color: #000; margin-bottom: 20px; }

.module-personnel .content { color: #666; }

.module-personnel li { display: inline; font-size: 18px; line-height: 34px; letter-spacing: -.05em; color: #666; }

.module-personnel li + li:before { content: '・'; display: inline; }

.read-mode.bg-black .module-personnel .title { color: #fff; }

.read-mode.bg-black .module-personnel .content { color: #fff; }

.read-mode.bg-black .module-personnel li { color: #fff; }

.module-slider { margin-top: 50px; margin-bottom: 83px; }

.module-slider .module-area li:last-child { margin-right: 0; }

.module-slider .slick-arrow { width: 70px; height: 70px; z-index: 2; background-color: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

.module-slider .slick-arrow:hover { opacity: 1; }

.module-slider .slick-arrow.slick-prev { left: 0; }

.module-slider .slick-arrow.slick-prev:before { top: 12px; left: 10px; background-image: url("/images/module/module_slider_arrow_left.png"); width: 48px; height: 48px; }

.module-slider .slick-arrow.slick-next { right: 0; }

.module-slider .slick-arrow.slick-next:before { top: 12px; left: 10px; background-image: url("/images/module/module_slider_arrow_right.png"); width: 48px; height: 48px; }

.module-slider.rail-type .module-area li { margin-right: 10px; }

.module-slider.rail-type .img-box { width: 500px; height: 375px; }

.module-slider.grid-type .module-area li { width: 320px; margin-right: 12px; }

.module-slider.grid-type .img-box { display: inline-block; vertical-align: middle; width: 314px; height: 236px; }

.module-slider.grid-type .img-box + .img-box { margin-top: 12px; }

.module-qa { margin-top: 50px; }

.module-qa .module-area .question { font-size: 22px; line-height: 34px; letter-spacing: -.05em; padding-bottom: 14px; }

.module-qa .module-area .answer { font-size: 18px; line-height: 34px; letter-spacing: -.05em; }

.module-qa .module-area .answer + .answer { padding-top: 40px; }

.module-qa .qa-list li { margin-bottom: 40px; }

.module-qa .qa-list li:last-child { margin-bottom: 0; }

.module-interview .name { display: block; }

.module-interview .question { font-size: 22px; line-height: 34px; letter-spacing: -.05em; padding-bottom: 20px; }

.module-interview .answer { font-size: 18px; line-height: 34px; letter-spacing: -.05em; padding-bottom: 20px; }

.module-interview .interview-list li { padding-bottom: 50px; }

.module-interview .interview-list li:last-child { padding-bottom: 0; }

.module-interview .interview-list li p:last-child { padding-bottom: 0; }

.module-stance { position: relative; margin-top: 54px; margin-bottom: 60px; padding-top: 20px; }

.module-stance:before { content: ''; position: absolute; top: 0; left: 40px; z-index: 10; display: inline-block; width: 27px; height: 66px; background-image: url("/images/module/icon_clip.png"); background-repeat: no-repeat; background-size: 100%; }

.module-stance .stance-box { position: relative; border: 1px solid #ccc; padding: 0 40px 60px 40px; }

.module-stance .stance-box .icon-clip { position: absolute; top: -20px; left: 97px; display: inline-block; vertical-align: middle; width: 27px; height: 66px; }

.module-stance .stance-box h3 { font-size: 22px; font-weight: 500; line-height: 41px; letter-spacing: -.05em; padding-top: 74px; padding-bottom: 8px; color: #111; }

.module-stance .stance-box p { font-size: 16px; letter-spacing: -.05em; line-height: 30px; color: #666; }

.read-mode.bg-yellow .module-stance .stance-box { background-color: #fff; }

.read-mode.bg-black .module-stance .stance-box { background-color: rgba(255, 255, 255, 0.05); border: none; }

.read-mode.bg-black .module-stance .stance-box h3 { color: #fff; }

.read-mode.bg-black .module-stance .stance-box p { color: #999; }

.module-quote { margin-top: 50px; margin-bottom: 50px; }

.module-quote .module-area { text-align: center; margin: 0 auto; }

.module-quote .module-area blockquote { font-size: 22px; letter-spacing: -.035em; }

.module-quote .module-area .who { display: inline-block; font-style: normal; font-weight: 400; letter-spacing: -.05em; line-height: 22px; color: #5291ab; }

.module-quote.no-bg-type .module-area { background-image: url("/images/module/icon_quote.png"); background-repeat: no-repeat; background-size: 30px 24px; background-position: center top; border-bottom: 1px solid #ccc; width: 520px; }

.module-quote.no-bg-type .module-area blockquote { font-family: 'Nanum Myeongjo'; font-size: 22px; line-height: 42px; margin: 0; padding-top: 60px; }

.module-quote.no-bg-type .module-area .who { font-size: 16px; padding-top: 28px; padding-bottom: 50px; }

.module-quote.bg-type { position: relative; width: 540px; margin: 50px auto; padding-top: 15px; padding-left: 15px; }

.module-quote.bg-type .icon-quote { position: absolute; top: 0; left: 0; z-index: 3; display: inline-block; background-image: url("/images/module/quote_mark.png"); background-repeat: no-repeat; background-size: 100%; background-position: left top; width: 21px; height: 17px; }

.module-quote.bg-type .module-area { background-color: #f7f7f7; }

.module-quote.bg-type .module-area:after { content: ''; position: absolute; top: 0; bottom: 15px; left: 0; right: 15px; z-index: 2; background-image: url("/images/module/quote_border.png"); background-repeat: no-repeat; background-size: 100% 100%; }

.module-quote.bg-type blockquote { font-size: 22px; line-height: 40px; letter-spacing: -.075em; margin: 0; padding-top: 48px; padding-left: 20px; padding-right: 35px; }

.module-quote.bg-type .who { font-size: 14px; line-height: 22px; padding-top: 20px; padding-bottom: 64px; }

.read-mode.bg-yellow .module-quote.bg-type .module-area { background-color: rgba(0, 0, 0, 0.03); }

.read-mode.bg-black .module-quote.bg-type .icon-quote { background-image: url("/images/module/quote_mark_bk.png"); }

.read-mode.bg-black .module-quote.bg-type .module-area { background-color: rgba(255, 255, 255, 0.05); }

.read-mode.bg-black .module-quote.bg-type .module-area:after { background-image: url("/images/module/quote_border_bk.png"); }

.read-mode.bg-black .module-quote.no-bg-type .module-area { background-image: url("/images/module/icon_quote_gray.png"); border-bottom: 1px solid #666; }

/***************************************************************************************
   Search 검색 설정
***************************************************************************************/
.search strong { color: #5944D8; font-weight: inherit; }

.search strong.no-contain { color: #d0021b; }

.search > .inner::after { content: ''; display: block; clear: both; }

.search .text strong { font-weight: 500; }

.search .date { font-size: 12px; color: #999; letter-spacing: -.0125em; line-height: 20px; }

.search .magazine-type { margin-top: 30px; margin-bottom: 45px; }

.search .related-search { width: 700px; margin: 15px auto 0; }

.search .related-search dt, .search .related-search dd { display: inline-block; vertical-align: middle; font-size: 14px; color: #111; line-height: 22px; }

.search .related-search dt { font-weight: 700; margin-right: 26px; }

.search .related-search dd { margin-right: 16px; }

.search .ad-banner { padding: 40px 0; }

.search .ad-banner .inner { position: relative; left: 166px; width: 840px; padding: 0; }

.search .ad-banner .img-box img { width: 100%; }

.search .searched-keword { font-size: 16px; text-align: center; line-height: 28px; border-bottom: 1px solid #e2e2e2; padding-top: 30px; padding-bottom: 30px; }

.search .searched-box-list { font-size: 0; text-align: left; margin-top: 30px; margin-bottom: 30px; }

.search .searched-box-list li { display: inline-block; position: relative; vertical-align: top; width: 192px; margin: 24px 24px 0 0; }

.search .searched-box-list li .img-box { display: block; position: relative; height: 144px; }

.search .searched-box-list li .img-box img { display: block; width: 100%; height: 100%; }

.search .searched-box-list li .detail-info { display: none; position: relative; margin-top: 28px; width: 840px; padding: 30px 0 6px 0; border-top: 1px solid #ccc; }

.search .searched-box-list li .detail-info .btn-close { width: 32px; height: 32px; position: absolute; top: 30px; right: 0; background-color: transparent; background-position: -73px -84px; width: 32px; height: 32px; }

.search .searched-box-list li .detail-info .img-box { float: left; width: 400px; height: 300px; }

.search .searched-box-list li .detail-info .img-box a { display: block; }

.search .searched-box-list li .detail-info .info-box { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 400px; min-height: 300px; padding: 0 62px 77px 0; }

.search .searched-box-list li .detail-info .info-box .title { font-size: 22px; line-height: 32px; letter-spacing: -1px; color: #111; font-weight: 500; padding: 0; margin: 0 0 20px 0; }
.search .searched-box-list li .detail-info .info-box .title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;  }

.search .searched-box-list li .detail-info .info-box .title strong { color: #02a37f; font-weight: 700; }

.search .searched-box-list li .detail-info .info-box .date { font-size: 14px; line-height: 22px; letter-spacing: -.5px; color: #666; margin-bottom: 5px; }

.search .searched-box-list li .detail-info .info-box .text { font-size: 16px; line-height: 28px; letter-spacing: -.5px; color: #666; max-height: 112px; overflow: hidden; }
.search .searched-box-list li .detail-info .info-box .text a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;  }

.search .searched-box-list li .detail-info .info-box .btn-box.btn-more { display: block; position: absolute; top: auto; bottom: 0; right: 0; width: 145px; border: 1px solid #e2e2e2; }

.search .searched-box-list li .detail-info .info-box .btn-box.btn-more a:hover:after { left: 111px; }

.search .searched-box-list li .detail-info::after { content: ''; display: block; clear: both; }

.search .searched-box-list li:nth-child(1), .search .searched-box-list li:nth-child(2), .search .searched-box-list li:nth-child(3), .search .searched-box-list li:nth-child(4) { margin-top: 0; }

.search .searched-box-list li:nth-child(4n - 2) .detail-info { margin-left: -216px; }

.search .searched-box-list li:nth-child(4n - 1) .detail-info { margin-left: -432px; }

.search .searched-box-list li:nth-child(4n) { margin-right: 0; }

.search .searched-box-list li:nth-child(4n) .detail-info { margin-left: -648px; }

.search .searched-box-list li.on > .img-box:before { content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border: 3px solid #02a37f; position: absolute; left: 0; top: 0; }

.search .searched-box-list li.on .detail-info { display: block; }

.search .searched-box-list li.on:before { content: ''; background-color: #fff; background-position: -76px -46px; width: 12px; height: 9px; position: absolute; top: 165px; left: 50%; margin-left: -6px; z-index: 1; }

.search .searched-box-list:first-child { margin-top: 30px; }

.search .result-text + .searched-box-list { margin-top: 10px; }

.search .searched-box-list.video-type .img-box { height: 108px; }

.search .searched-box-list.video-type .img-box:after { content: ''; position: absolute; bottom: 10px; left: 10px; background-color: transparent; background-position: -158px 0px; width: 24px; height: 24px; }

.search .searched-box-list.video-type .detail-info .img-box { float: left; width: 440px; height: 248px; }

.search .searched-box-list.video-type .detail-info .img-box:after { content: ''; bottom: 20px; left: 20px; background-position: -76px 0px; width: 42px; height: 42px; }

.search .searched-box-list.video-type .detail-info .info-box { width: 370px; min-height: 248px; padding: 0 62px 53px 0; }

.search .searched-box-list.video-type .detail-info .info-box .text { font-size: 16px; line-height: 28px; letter-spacing: -.5px; color: #666; max-height: 84px; overflow: hidden; }
.search .searched-box-list.video-type .detail-info .info-box .text a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;  }

.search .searched-box-list.video-type li.on:before { top: 128px; }

.search .btn-list-more { display: block; width: 100%; height: 60px; border-bottom: 1px solid #e2e2e2; text-align: center; margin-top: 20px; line-height: 60px; font-size: 14px; font-weight: bold; color: #111; }

.search .btn-list-more:after { content: ''; background-position: -136px -120px; width: 18px; height: 18px; vertical-align: top; margin: 21px 0 0 10px; }

.irs--round { height: 36px; }

.off .irs--round .irs-handle { border: 2px solid #e2e2e2; }

.irs--round .irs-handle { top: 30px; border: 2px solid #02a37f; width: 24px; height: 16px; cursor: pointer; }

.irs--round .irs-bar { top: 36px; }

.irs--round .irs-line { top: 36px; background-color: #e2e2e2; }

.off .irs--round .irs-bar { background-color: transparent; }

.irs--round .irs-bar { background-color: #02a37f; border-radius: 5px; }

.irs--round .irs-grid-pol { display: none; }

.irs-grid { bottom: 2px; }

.irs--round .irs-grid-text { bottom: -5px; line-height: 1.25em; color: #666; }

.iradio { display: inline-block; vertical-align: middle; width: 15px; height: 15px; }

.icheckbox, .iradio { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background-position: center; background-size: 100%; background-repeat: no-repeat; border: none; cursor: pointer; }

.iradio { background-image: url("/images/svg/radio_green_off.svg"); }

.iradio.checked { background-image: url("/images/svg/radio_green_on.svg"); }

.iradio.disabled { cursor: default; }

.icheckbox { background-image: url("/images/svg/checkbox_green_off.svg"); }

.icheckbox.checked { background-image: url("/images/svg/checkbox_point_on.svg"); }

.icheckbox.disabled { cursor: default; }

.search .search-header, .gnb-search .search-header { position: relative; text-align: center; margin: 45px 0 70px; z-index: 10; }

.search .search-header fieldset, .gnb-search .search-header fieldset { border: none; width: 100%; margin: 0; padding: 0; }

.search .search-header strong, .gnb-search .search-header strong { font-weight: 400; font-style: none; color: #02a37f; }

.search .search-header .search-bar, .gnb-search .search-header .search-bar { position: relative; width: 700px; margin: 0 auto; }

.search .search-header .input-box, .gnb-search .search-header .input-box { position: relative; z-index: 10; background-color: #fff; border: 2px solid #5944D8; border-radius: 40px; height: 70px; padding: 15px 30px; }

.search .search-header .input-box input, .gnb-search .search-header .input-box input { font-size: 26px; letter-spacing: -.05em; width: 580px; height: 32px; line-height: 30px; color: #111; border: none; outline: none; overflow:hidden}

.search .search-header .btn-sch, .gnb-search .search-header .btn-sch { width: 28px; height: 28px; margin: 1px 0 0; padding: 0; }

.search .search-header .input-box .btn-type, .gnb-search .search-header .input-box .btn-type{font-size: 16px;font-weight: 500;}
.search .search-header .input-box .btn-type span, .gnb-search .search-header .input-box .btn-type span{display:flex; height:32px;align-items: center}

.search .search-header .input-box>.btn-type, .gnb-search .search-header .input-box>.btn-type{position:relative;padding:0 16px 0 0;margin-right:12px;background:url(/images/svg/arrow-bottom.svg) right center no-repeat;}
.search .search-header .input-box>.btn-type span, .gnb-search .search-header .input-box>.btn-type span{width:32px;overflow:hidden;text-indent:-9999px;overflow:hidden;}

.search .search-header .input-box .btn-type.keyword span, .gnb-search .search-header .input-box .btn-type.keyword span{background-image: url(/images/svg/icon-keyword.svg);background-repeat: no-repeat}
.search .search-header .input-box .btn-type.talk span, .gnb-search .search-header .input-box .btn-type.talk span{background-image: url(/images/svg/icon-talk.svg);background-repeat: no-repeat}

.search .search-header .input-box .type-layer, .gnb-search .search-header .input-box .type-layer{display:none; width:164px; flex-direction: column;position: absolute;top: calc(100% + 4px);left: 0;border-radius: 16px;border: 1px solid #E7E6ED;background: #FAFAFA;overflow:hidden;}
.search .search-header .input-box>.btn-type.on + .type-layer, .gnb-search .search-header .input-box>.btn-type.on + .type-layer{display:flex}

.search .search-header .input-box .type-layer .btn-type, .gnb-search .search-header .input-box .type-layer .btn-type{position:relative;height:auto; padding:15px 15px 15px 25px;}
.search .search-header .input-box .type-layer .btn-type.on, .gnb-search .search-header .input-box .type-layer .btn-type.on{font-weight:600;color:#111;background:rgba(82, 46, 199, 0.04)}
.search .search-header .input-box .type-layer .btn-type span, .gnb-search .search-header .input-box .type-layer .btn-type span{padding-left:40px;}
.search .search-header .input-box .type-layer .btn-type:before, .gnb-search .search-header .input-box .type-layer .btn-type:before{content:"";position:absolute;top:-1px;left:12px;right:12px;height:1px;background:#eee}
.search .search-header .input-box .type-layer .btn-type:first-child:before, .gnb-search .search-header .input-box .type-layer .btn-type:first-child:before{display:none}

.search .search-header .search-toggle, .gnb-search .search-header .search-toggle { display: none; position: absolute; top: 35px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: left; background-color: #fff; border: 1px solid #e2e2e2; -webkit-box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.15); box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.15); padding: 60px 30px; border-radius: 0 0 10px 10px; }

.search .search-header .search-toggle.no-result dd, .gnb-search .search-header .search-toggle.no-result dd { text-align: center; padding-top: 60px; padding-bottom: 100px; }

.search .search-header .search-toggle.no-result dd:hover, .gnb-search .search-header .search-toggle.no-result dd:hover { background-color: #fff; }

.search .search-header .search-toggle.no-result .right-area button[disabled], .gnb-search .search-header .search-toggle.no-result .right-area button[disabled] { color: #ccc; }

.search .search-header .search-toggle.auto-complete .right-area li:first-child:after, .gnb-search .search-header .search-toggle.auto-complete .right-area li:first-child:after { content: none; }

.search .search-header .search-toggle dd, .gnb-search .search-header .search-toggle dd { position: relative; font-size: 16px; line-height: 28px; color: #111; margin-top: 10px; }

.search .search-header .search-toggle dd:first-child, .gnb-search .search-header .search-toggle dd:first-child { margin-top: 0; }

.search .search-header .search-toggle dd:hover, .gnb-search .search-header .search-toggle dd:hover { background-color: #f9fafc; }

.search .search-header .search-toggle .searched-date, .gnb-search .search-header .search-toggle .searched-date { position: absolute; top: 0; right: 0; }

.search .search-header .search-toggle .searched-date span, .gnb-search .search-header .search-toggle .searched-date span { display: inline-block; vertical-align: middle; font-size: 12px; letter-spacing: -.025em; color: #999; margin-right: 12px; }

.search .search-header .search-toggle .searched-date .icon-del, .gnb-search .search-header .search-toggle .searched-date .icon-del { position: relative; top: 1px; display: inline-block; vertical-align: middle; background-image: url("/images/svg/icon-del.svg"); background-repeat: no-repeat; background-size: 100%; text-indent: -9999em; width: 16px; height: 16px; }

.search .search-header .search-toggle .right-area, .gnb-search .search-header .search-toggle .right-area { position: absolute; bottom: 18px; right: 30px; color: #666; display: inline-block; font-size: 14px; line-height: 24px; }

.search .search-header .search-toggle .right-area .line, .gnb-search .search-header .search-toggle .right-area .line { display: inline-block; vertical-align: top; width: 1px; height: 12px; margin: 7px 12px 0; background: #ccc; }

.search .search-header .search-toggle .right-area button, .gnb-search .search-header .search-toggle .right-area button { display: inline-block; padding: 0; color: inherit; }

.search .search-header .search-toggle .right-area li, .gnb-search .search-header .search-toggle .right-area li { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; padding-right: 10px; }

.search .search-header .search-toggle .right-area li:first-child:after, .gnb-search .search-header .search-toggle .right-area li:first-child:after { content: ''; position: absolute; top: 8px; right: -2px; width: 1px; height: 10px; background-color: #e2e2e2; }

.search .search-header .search-toggle .right-area li:last-child, .gnb-search .search-header .search-toggle .right-area li:last-child { margin-right: 0; padding-right: 0; }

.search-controller { position: relative; float: left; vertical-align: top; border: 1px solid #e2e2e2; width: 300px; padding: 30px 19px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }

.search-controller.on { opacity: 1; }

.search-controller .icon-refresh { display: inline-block; vertical-align: middle; background: url("/images/svg/icon-refresh.svg") no-repeat right center; background-size: 100%; width: 14px; height: 14px; }

.search-controller .icon-refresh-gray { display: inline-block; vertical-align: middle; background: url("/images/svg/icon-refresh-gray.svg") no-repeat right center; background-size: 100%; width: 14px; height: 14px; }

.search-controller .controller-main .title { font-weight: 500; color: #111; }

.search-controller .set-term { margin-bottom: 41px; }

.search-controller .set-term dd { height: 90px; }

.search-controller .set-range { margin-bottom: 30px; }

.search-controller dt { font-weight: 700; margin-bottom: 12px; }

.search-controller dd { color: #666; }

.search-controller label { margin-left: 40px; cursor: pointer; }

.search-controller label:first-child { margin-left: 0; }

.search-controller label input, .search-controller label span { display: inline-block; vertical-align: middle; }

.search-controller label span { color: #666; margin-top: -1px; }

.search-controller label > span.text { margin-left: 4px; }

.search-controller label .checked + span { color: #111; }

.search-controller .set-date { display: none; margin-top: 32px; }

.search-controller .set-date input, .search-controller .set-date span { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 20px; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; }

.search-controller .set-date input { border: 1px solid #e2e2e2; border-radius: 4px; width: 90px; height: 30px; margin-right: 2px; padding: 0 12px; }

.search-controller .set-date .word-space { margin-right: 16px; }

.search-controller .set-section label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; min-width: 85px; max-width: 100%; margin-left: 0px; margin-bottom: 13px; width: 50%; cursor: pointer; }

.search-controller .only-number { margin: 0 0 0 5px; font-size: 12px; color: #999; line-height: 20px; vertical-align: bottom; }

.search-controller .term-list { margin-top: 14px; }

.search-controller .term-list li { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; color: #666; line-height: 20px; margin-right: 38px; }

.search-controller .term-list li:first-child { left: 3px; }

.search-controller .term-list li:nth-child(2), .search-controller .term-list li:nth-child(3), .search-controller .term-list li:last-child { left: 5px; }

.search-controller .term-list li:last-child { left: 0; margin-right: 0; }

.search-controller .collapse-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 30px; line-height: 1.75em; padding-bottom: 10px; overflow: hidden; }

.search-controller .full-btn-box { margin-top: 11px; padding-bottom: 9px; }

.search-controller .controller-footer { border-top: 1px solid #e2e2e2; padding-top: 22px; }

.search-controller .controller-footer .text { margin-right: 4px; }

.search-controller .right-area { position: relative; text-align: right; margin-top: 30px; }

.search-controller .right-area a { display: inline-block; padding-right: 20px; }

.search-controller .right-area span { display: inline-block; vertical-align: middle; }

.search-controller .right-area .icon-more-blue { margin-top: 1px; }

.search-controller .btn-open-detail a { padding-right: 0; }

.search-controller .controller-reset { position: absolute; left: 0; bottom: -30px; color: #999; }

.search-controller .controller-reset span { display: inline-block; vertical-align: middle; }

.search-controller .controller-reset .icon-refresh-gray { margin-top: 1px; margin-left: 5px; }

.search-result { float: right; vertical-align: top; width: 840px; margin-left: 36px; }

.search-result .tab-contents { min-height: 560px; }

.search-result .searched-menu { position: relative; width: 100%; border-bottom: 2px solid #000; }

.search-result .searched-menu li { display: inline-block; vertical-align: middle; }

.search-result .searched-menu .tab-menu a { font-size: 18px; line-height: 34px; padding-top: 10px; padding-bottom: 10px; padding-left: 31px; padding-right: 31px; color: #666; }

.search-result .searched-menu .tab-menu a.on { position: relative; top: 2px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; color: #111; }

.search-result .searched-menu .tab-menu a.on span:first-child { font-weight: 700; }

.search-result .searched-menu .tab-menu a.on:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 5px; background-color: #fff; }

.search-result .searched-menu .util-list { position: absolute; top: 20px; right: 0; }

.search-result .searched-menu .util-list li:first-child { position: relative; }

.search-result .searched-menu .util-list li:first-child:after { content: ''; position: absolute; top: 3px; right: 0; width: 1px; height: 10px; background-color: #e2e2e2; }

.search-result .searched-menu .util-list li:last-child a { padding-right: 0; }

.search-result .searched-menu .util-list a { padding-left: 10px; padding-right: 10px; color: #666; }

.search-result .searched-menu .util-list a.on { font-weight: 700; color: #111; }

.search-result .guide-text { font-weight: 500; margin-top: 30px; margin-left: 20px; }

.search-result .result-text { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; line-height: 26px; margin-top: 30px; margin-bottom: 0; }

.search-result .related-large, .search-result .related-list, .search-result .related-txt, .search-result .video-txt { display: inline-block; vertical-align: top; }

.search-result .related-large h2, .search-result .related-list h2, .search-result .related-txt h2, .search-result .video-txt h2 { font-size: 22px; line-height: 32px; color: #111; }

.search-result .related-large .text, .search-result .related-list .text, .search-result .related-txt .text, .search-result .video-txt .text { color: #666; -o-text-overflow: clip; text-overflow: clip; overflow: hidden; }

.search-result .related-large { width: 400px; margin-left: 20px; margin-right: 40px; }

.search-result .related-list { width: 360px; }

.search-result .related-txt { width: 400px; margin-left: 40px; }

.search-result .video-txt { width: 370px; margin-left: 30px; }

.search-result .related-large .ttl { padding-bottom: 5px; }

.search-result .related-large h2 { height: 64px; margin-bottom: 20px; overflow: hidden; }

.search-result .related-large h2 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.search-result .related-large .date { margin-bottom: 5px; }

.search-result .related-large .text { font-size: 16px; height: 86px; line-height: 28px; margin-bottom: 10px; }

.search-result .related-large .img-box { width: 400px; height: 300px; overflow: hidden; }

.search-result .related-list li { margin-top: 40px; }

.search-result .related-list li:first-child { margin-top: 0; }

.search-result .related-list .inn { margin-bottom: 14px; }

.search-result .related-list .title-box { display: inline-block; vertical-align: top; width: 200px; margin-right: 12px; }

.search-result .related-list .title-box h2 { height: 96px; overflow: hidden; }

.search-result .related-list .title-box h2 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.search-result .related-list .img-box { display: inline-block; vertical-align: top; width: 144px; height: 108px; }

.search-result .related-list .date { margin-bottom: 5px; }

.search-result .related-list .text { height: 72px; line-height: 24px; }

.search-result.pushed-list { margin-left: 336px; }

.search-result.pushed-list .tab-contents { min-height: auto; }

.search .no-search { text-align: center; margin-top: 180px; }

.search .no-search h2 { font-size: 22px; line-height: 33px; letter-spacing: -.064em; color: #000; margin-bottom: 6px; }

.search .no-search .guide-text { font-size: 14px; line-height: 24px; color: #999; margin: 0; }

.go-to-talk-info{text-align:center;margin-bottom:24px;color: #000;font-size: 18px;font-weight: 400;line-height: 1.5;}

.go_to_talk_btn{display: flex;width: 180px;height: 65px;padding-bottom: 10px;margin:30px auto 0;flex-shrink: 0;justify-content: center;align-items: center;background: url(/images/svg/go_to_talk_btn_bg.svg) center center no-repeat;}

.go_to_talk_btn i{width:28px;height:28px;background: url(/images/svg/icon-talk.svg) center center no-repeat;background-size:100%;}

.go_to_talk_btn span{display:inline-block;margin-left:6px;color: #111;font-size: 16px;font-weight: 500;line-height: 1.25;letter-spacing: -0.16px;}

.go_to_talk_btn_fixed{position:fixed;right:94px;bottom:75px;display: flex;width: 269px;height: 80px;padding-bottom: 10px;margin:0 auto;flex-shrink: 0;justify-content: center;align-items: center;background: url(/images/svg/go_to_talk_btn_fixed_bg.svg) center center no-repeat;z-index: 1000}

.go_to_talk_btn_fixed i{width:46px;height:30px;background: url(/images/svg/icon-go-to-fixed.svg) center center no-repeat;background-size:100%;}

.go_to_talk_btn_fixed span{display:inline-block;margin-left:14px;color: #333;font-size: 14px;font-weight: 400;line-height: 1.25;letter-spacing: -0.14px;text-align: left}

.go_to_talk_btn_fixed span b{font-weight: 700;}

.list-paging ~ .go_to_talk_btn{margin-top:28px}


/***************************************************************************************
   End Page 설정
***************************************************************************************/
.end { position: relative; }

.end .inner { position: relative; width: 1390px; padding-left: 205px; padding-right: 205px; }

.end .ad-banner { position: relative; z-index: 10; }

.end .ad-banner .inner { padding-left: 105px; padding-right: 105px; }

.end .col-sub.pos-bottom { right: 205px; }

.end .end-header { position: fixed; background-color: #fff; left: 0; top: 0; width: 100%; min-width: 860px; height: 60px; line-height: 60px; z-index: 30; -webkit-box-sizing: content-box; box-sizing: content-box; }

.end .end-header .logo { vertical-align: top; margin-top: 20px; background-position: 0px -30px; width: 72px; height: 26px; }

.end .end-header .col-left { float: left; padding-left: 40px; }

.end .end-header .col-right { float: right; position: relative; padding-right: 90px; }

.end .end-header .btn-subsc { font-size: 12px; font-weight: 500; vertical-align: middle; width: 64px; height: 30px; background-image: url("/images/btn-subscribe.png"); background-size: 100%; border: none; margin-top: -6px; margin-right: 16px; }

.end .end-header .btn-subsc span { display: inline-block; font-size: 14px; text-decoration: none; }

.end .end-header .btn-subsc.on { background-image: url("/images/btn-subscribe-on.png"); }

.end .end-header .btn-mode { display: inline-block; position: relative; vertical-align: top; width: 85px; height: 30px; line-height: 30px; margin: 15px 0 0 0; padding: 0 0 0 30px; border-radius: 15px; font-size: 12px; letter-spacing: -.5px; color: #fff; font-weight: 500; background: #999; text-align: left; -webkit-transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); -o-transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); }

.end .end-header .btn-mode:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 9px; background: #fff; margin: 6px; will-change: left; -webkit-transition: left 0.3s cubic-bezier(0.78, 0, 0.21, 1); -o-transition: left 0.3s cubic-bezier(0.78, 0, 0.21, 1); transition: left 0.3s cubic-bezier(0.78, 0, 0.21, 1); }

.end .end-header .btn-share, .end .end-header .btn-bookmark, .end .end-header .btn-print { vertical-align: top; display: inline-block; margin: 14px 0 0 20px; width: 32px; height: 32px; background-size: contain; }

.end .end-header .btn-share { background-image: url("/images/svg/btn-share.svg"); margin-top: -2px; }

.end .end-header .btn-bookmark { background-image: url("/images/svg/btn-bookmark.svg"); margin-top: -2px; }

.end .end-header .btn-bookmark.on { background-image: url("/images/svg/btn-bookmark-on.svg"); }

.end .end-header .btn-print { background-image: url("/images/svg/btn-print.svg"); }

.end .end-header .btn-end-close { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: #000 url("/images/svg/btn-end-close.svg") no-repeat center; background-size: 32px; }

.end .end-header .mini-title { display: none; }

.end .end-header .toast-popup { margin-top: 10px; }

.end .end-header.on { border-bottom: 1px solid #f1f1f1; }

.end .end-header.on .mini-title { display: block; float: left; width: -webkit-calc(100% - 740px); width: calc(100% - 740px); overflow: hidden; padding-left: 30px; }

.end .end-header.on .mini-title .title { overflow: hidden; width: 100%; font-size: 18px; font-weight: 400; letter-spacing: -.05em; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.end .end-header.off { display: none; }

.end .end-header.on ~ .blog-img, .end .end-header.on ~ [class*="mask-"], .end .end-header.on ~ .end-top { opacity: 0; visibility: hidden; }

.end .end-header.no-profile-img { background-color: transparent; }

.end .end-header.no-profile-img.on { background-color: #fff; }

.end .btn-prev-news { display: inline-block; vertical-align: top; line-height: 18px; font-size: 14px; letter-spacing: -.5px; color: #111; font-weight: 500; background: url("/images/svg/btn-prev-news.svg") no-repeat left center; background-size: 18px; padding-left: 22px; margin: 21px 20px 0 0; }

.end .tooltip-box { position: relative; line-height: 26px; }

.end .tooltip-box .toast-popup { display: none; position: absolute; top: 100%; left: auto; right: 0; font-weight: 400; text-align: center; width: 220px; height: 50px; padding: 16px 30px; border-radius: 12px; background-color: rgba(51, 51, 51, 0.9); color: #fff; -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); }

.end .tooltip-box .toast-popup p { font-size: 14px; letter-spacing: -.033em; line-height: 1.25em; }

.end .tooltip-box .hidden-input { margin: -1px; }

.end .tooltip-box.subsc-box .toast-popup { left: 0; right: auto; }

.end .share-list { left: auto; right: 0; text-align: center; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.14); border: none; width: 318px; height: 100px; margin-top: 15px; padding-top: 29px; }

.end .share-list li { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 24px; text-align: center; width: 42px; margin-right: 8px; border-radius: 50%; overflow: hidden; }

.end .share-list li:last-child { margin-right: 0; }

.end .share-list li a { display: block; width: 100%; height: 42px; }

.end .share-list .kakao { background-color: #fae100; background-image: url("/images/svg/share-kakao.svg"); background-size: 26px; }

.end .share-list .facebook { background-color: #3a5899; background-image: url("/images/svg/share-facebook.svg"); }

.end .share-list .twitter { background-color: #07a5ec; background-image: url("/images/svg/share-twitter.svg"); }

.end .share-list .email { background-color: #5291ab; background-image: url("/images/svg/share-email.svg"); }

.end .share-list .url { background-color: #666; background-image: url("/images/svg/share-url.svg"); background-size: 24px 22px; background-position: center 11px; }

.end .recommend-article { display: none; position: fixed; top: 60px; left: 0; z-index: 29; width: 100%; height: 102px; min-width: 1910px; height: 100px; background-color: #fff; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #666; margin: 0 auto; }

.end .recommend-article.on { display: block; }

.end .recommend-article .inner { width: 100%; max-width: 1910px; padding: 0 40px; }

.end .recommend-article h2 { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: 300; width: 380px; letter-spacing: -.05em; color: #000; }

.end .recommend-article h2 em { font-style: normal; font-weight: 700; }

.end .recommend-article .article-list { display: inline-block; vertical-align: middle; }

.end .recommend-article li { display: inline-block; vertical-align: middle; width: 320px; margin-right: 24px; }

.end .recommend-article .img-box { display: inline-block; vertical-align: middle; width: 94px; height: 75px; margin-right: 15px; }

.end .recommend-article .text { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; width: 205px; color: #222; }

.end .recommend-article .text a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.end .recommend-article .ad-banner { display: inline-block; vertical-align: middle; padding: 0; }

.end .recommend-article .ad-banner .img-box { width: 400px; height: 100px; margin: 0; }

.end .end-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; padding: 130px 0 60px; font-size: 0; overflow: hidden; }

.end .end-top .inner { width: 1390px; }

.end .end-top .tool-bar { font-size: 0; line-height: 26px; }

.end .end-top .tool-bar .btn-like-all { display: inline-block; padding-left: 40px; height: 32px; line-height: 30px; vertical-align: middle; background: url("/images/svg/like-all.svg") 0 0 no-repeat; background-size: auto 32px; }

.end .end-top .tool-bar .btn-like { display: inline-block; width: 26px; height: 26px; vertical-align: top; background: url("/images/svg/btn-like.svg") no-repeat center; background-size: contain; }

.end .end-top .tool-bar .like-detail { background-image: url("/images/svg/share-box.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: transparent; padding: 0; left: -15px; margin-top: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-box-shadow: none; box-shadow: none; white-space: nowrap; }

.end .end-top .tool-bar .like-detail.up { background-image: url("/images/svg/share-box-up.svg"); }

.end .end-top .tool-bar .like-detail.up ul { margin: 35px 44px 45px; }

.end .end-top .tool-bar .like-detail ul { margin: 47px 44px 39px; }

.end .end-top .tool-bar .like-detail li { display: inline-block; vertical-align: top; font-size: 18px; line-height: 25px; letter-spacing: -.064em; background-repeat: no-repeat; background-size: 32px; background-position: left center; padding-left: 42px; }

.end .end-top .tool-bar .like-detail li:first-child { margin-right: 25px; }

.end .end-top .tool-bar .like-detail .like { background-image: url("/images/svg/like-fill-green.svg"); }

.end .end-top .tool-bar .like-detail .unlike { background-image: url("/images/svg/unlike.svg"); }

.end .end-top .tool-bar .btn-comment { display: inline-block; vertical-align: middle; padding-left: 26px; height: 32px; vertical-align: bottom; background: url("/images/svg/btn-comment.svg") 0 50% no-repeat; background-size: auto 26px; outline: none; cursor: pointer; }

.end .end-top .tool-bar .count { display: inline-block; vertical-align: middle; line-height: 22px; font-size: 14px; color: #111; margin: 0 23px 0 6px; font-family: 'Roboto'; }

.end .end-top .col-main { display: inline-block; vertical-align: top; width: 460px; font-size: 14px; }

.end .end-top .col-main .tool-bar { margin-top: 35px; padding-bottom: 16px; }

.end .end-top .col-main .ttl { font-size: 18px; line-height: 27px; margin-bottom: 5px; margin-top: -32px; }

.end .end-top .col-main .ttl.live-issue { color: #111; }

.end .end-top .col-main .ttl.live-issue em { font-family: 'Roboto'; font-weight: 700; font-style: normal; letter-spacing: .02em; color: #d90201; margin-right: 6px; }

.end .end-top .col-main .title { font-size: 42px; font-weight: 500; line-height: 52px; letter-spacing: -3px; color: #222; }

.end .end-top .col-main .info { font-size: 0; margin-top: 21px; letter-spacing: -.5px; }

.end .end-top .col-main .info dl { display: inline; }

.end .end-top .col-main .info dt, .end .end-top .col-main .info dd, .end .end-top .col-main .info span { display: inline; font-size: 12px; line-height: 18px; color: #999; }

.end .end-top .col-main .info dt { margin: 0 6px 0 16px; }

.end .end-top .col-main .info dt:first-child { margin-left: 0; }

.end .end-top .col-main .info .page-number { font-family: 'Roboto'; }

.end .end-top .col-main .info .page-number:before { content: ''; display: inline-block; width: 1px; height: 9px; background: #666; margin: 0 10px; }

.end .end-top .col-main .info .page-number:first-child::before { display: none; }

.end .end-top .col-main.full-size { width: 960px; }

.end .end-top .col-main.full-size .tool-bar { float: right; margin-top: 0; width: 460px; padding-bottom: 10px; border-bottom: 3px solid #111; }

.end .end-top .col-main.full-size .tool-bar .count { line-height: 26px; font-size: 14px; letter-spacing: 0; color: #111; font-family: 'Roboto'; }

.end .end-top .col-sub { display: inline-block; vertical-align: top; margin-left: 60px; width: 460px; font-size: 14px; }

.end .end-top .col-sub.va-bottom { vertical-align: bottom; }

.end .end-top .col-sub .tool-bar { padding-bottom: 16px; border-bottom: 3px solid #111; }

.end .end-top .col-sub .tooltip-box { margin-top: -2px; }

.end .end-top .col-sub .summary-area { margin-top: 16px; font-size: 22px; font-weight: 300; line-height: 32px; color: #000; letter-spacing: -1px; }

.end .end-top .col-sub .summary-area .score-box { position: relative; display: block; font-weight: 400; margin-top: 24px; }

.end .end-top .col-sub .summary-area .score-box .score-result { position: relative; display: block; margin: 0 auto; font-size: 0; text-align: center; }

.end .end-top .col-sub .summary-area .score-box .score-result:after { display: block; clear: both; content: ''; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_left { float: left; width: 204px; text-align: right; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_left .name-box { position: relative; top: 10px; display: table-cell; vertical-align: top; text-align: left; width: 98px; padding-top: 2px; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_left .name-box { top: 7px; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs:after { width: 52px; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_left .name-box .name-01 { font-size: 14px; color: #666; line-height: 22px; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_left .name-box .name-02 { font-size: 26px; color: #111; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_left .result_num { display: table-cell; height: 57px; width: 104px; padding-left: 19px; font-family: 'Roboto'; font-size: 52px; line-height: 90px; color: #111; vertical-align: top; text-align: center; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs { display: table; float: left; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs:after { content: "vs"; display: table-cell; vertical-align: middle; width: 52px; height: 88px; font-size: 18px; font-weight: 500; color: #000; font-family: 'Roboto'; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_right { float: right; width: 204px; vertical-align: middle; text-align: left; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_right .name-box { position: relative; top: 10px; display: table-cell; text-align: right; vertical-align: top; width: 98px; padding-top: 2px; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_right .name-box { top: 7px; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_right .name-box .name-01 { font-size: 14px; color: #666; line-height: 22px; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_right .name-box .name-02 { font-size: 26px; color: #111; }

.end .end-top .col-sub .summary-area .score-box .score-result .vs_list_right .result_num { display: table-cell; height: 57px; width: 104px; padding-right: 19px; font-family: 'Roboto'; font-size: 52px; line-height: 90px; color: #111; vertical-align: top; text-align: center; }

.end .end-top .col-sub .summary-area .score-box .score-info { position: absolute; top: 76px; left: 110px; right: 110px; text-align: center; display: block; font-size: 14px; color: #666; line-height: 22px; text-align: center; }

.end .end-top .col-sub .summary-area .score-box .score-info dl dt { display: inline-block; margin-right: 8px; }

.end .end-top .col-sub .summary-area .score-box .score-info dl dd { display: inline-block; font-family: 'Roboto'; letter-spacing: 0; }

.end .end-top .col-sub .summary-area .score-box .score-info dl dd em { font-family: 'Apple SD Gothic Neo'; font-style: normal; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_left .result_num { width: 106px; padding-left: 8px; font-size: 42px; letter-spacing: -.1em; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_left .result_num em { margin-left: 4px; font-family: 'Roboto'; font-size: 26px; font-weight: 500; font-style: normal; letter-spacing: -.04em; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_right .result_num { width: 106px; padding-right: 8px; font-size: 44px; letter-spacing: -.1em; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .vs_list_right .result_num em { margin-left: 4px; font-family: 'Roboto'; font-size: 26px; font-weight: 500; font-style: normal; letter-spacing: -.04em; }

.end .end-top .col-sub .summary-area .score-box.percent .score-result .score-info { top: 76px; }

.end .end-top .col-sub .summary-area .editor-text { font-size: 16px; font-weight: 300; color: #000; line-height: 28px; }

.end .end-top .col-sub .summary-area .sub-title { font-size: 22px; font-weight: 300; line-height: 34px; color: #000; }

.end .end-top .col-sub .photo-area { position: relative; margin: -32px 0 0 160px; width: 180px; }

.end .end-top .col-sub .photo-area .img-box { -webkit-box-shadow: 2px 2px 6px 0 rgba(17, 17, 16, 0.4); box-shadow: 2px 2px 6px 0 rgba(17, 17, 16, 0.4); }

.end .end-top .col-sub .photo-area .img-box img { width: auto; max-width: 100%; max-height: 255px; }

.end .end-top .col-sub .photo-area .text-box { display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; left: 10px; bottom: 10px; width: 120px; min-height: 70px; padding: 12px 12px 10px; font-size: 16px; line-height: 26px; letter-spacing: -.5px; color: #111; font-weight: 500; background: #fff; }

.end .end-top .col-sub .photo-area .text-box .sub { display: block; font-size: 12px; line-height: 20px; letter-spacing: -.5px; color: #666; font-weight: 400; }

.end .end-top.no-profile-img { padding-top: 0px; padding-bottom: 0; }

.end .end-top.no-profile-img .inner { background-image: url("/images/end/end_no_picture.png"); background-repeat: no-repeat; background-size: contain; background-position: right top; padding-top: 130px; padding-bottom: 60px; }

.end .end-top + .end-body { margin-top: 450px; }

.end .end-body { min-width: 1200px; position: relative; z-index: 10; border-top: 1px solid #ccc; padding: 60px 0 70px; background-color: #fff; font-size: 0; }

.end .end-body .div-line { display: block; margin: 32px 0 21px; border-top: 1px solid #111; }

.end .end-body .div-line:first-child { margin-top: 0; }

.end .end-body .div-line-gray { display: block; margin: 36px 0 30px; border-top: 1px solid #e5e5e5; }

.end .end-body .div-line-gray:first-child { margin-top: 0; }

.end .end-body .editor-note { margin: 32px 0; line-height: 24px; font-size: 14px; color: #999; letter-spacing: -.5px; }

.end .end-body .editor-note .title { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #5291ab; }

.end .end-body .editor-note .title:before { content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 16px; margin: -10px 10px -6px 0; background: #5291ab; }

.end .end-body .editor-note:first-child { margin-top: 0; }

.end .end-body .editor-note-top { display: block; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 60px; }

.end .end-body > .editor-note-top:first-child { margin-top: -40px; }

.end .end-body .extra-content { margin: 30px 0; padding: 15px 17px; font-size: 16px; line-height: 1.8; color: #333; border: 1px solid #ddd; }

.end .end-body .ad-banner { margin: 50px 0; }

.end .end-body .ad-banner .img-box { width: 980px; margin: 0 auto; }

.end .end-body .ad-banner .img-box img { display: block; width: 100%; }

.end .end-body .quotes-text { display: block; margin: 40px 0; padding-left: 40px; font-size: 18px; line-height: 34px; letter-spacing: -1px; color: #666; }

.end .end-body .quotes-text .ttl { display: block; line-height: 22px; }

.end .end-body .quotes-text::before { content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; margin: 7px 20px 0 -40px; background: url("/images/svg/image-quotes.svg") no-repeat center; background-size: center; }

.end .end-body .prev-next-list { display: block; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 16px; color: #111; letter-spacing: -.5px; }

.end .end-body .prev-next-list li { display: table; table-layout: fixed; width: 100%; }

.end .end-body .prev-next-list li .col { display: table-cell; vertical-align: middle; height: 70px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.end .end-body .prev-next-list li .col a { display: inline; }

.end .end-body .prev-next-list li .col b { font-weight: 400; }

.end .end-body .prev-next-list li .col:first-child { width: 170px; text-align: left; font-weight: 500; }

.end .end-body .prev-next-list li .col.date { font-family: 'Roboto'; text-align: center; color: #999; padding: 0 20px 0 100px; width: 70px; }

.end .end-body .prev-next-list li.disabled .col { color: rgba(17, 17, 17, 0.4); }

.end .end-body .prev-next-list li.disabled .col.date { color: rgba(153, 153, 153, 0.4); }

.end .end-body .prev-next-list li + li { border-top: 1px solid #e2e2e2; }

.end .end-body .prev-next-list .num { font-weight: 500; font-family: 'Roboto'; margin-right: 20px; }

.end .end-body .col-main { display: inline-block; vertical-align: top; width: 640px; font-size: 18px; line-height: 34px; }

.end .end-body .col-main .sub-tit { display: block; width: 460px; height: auto; position: relative; margin: 50px auto 40px auto; font-size: 22px; font-weight: 300; line-height: 34px; letter-spacing: -1px; text-align: center; color: #000; }

.end .end-body .col-main .sub-tit:before { content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 22px; height: 22px; border-top: 3px solid #000; border-left: 3px solid #000; margin: 0 auto -4px 0; }

.end .end-body .col-main .sub-tit:after { content: ''; display: block; width: 22px; height: 22px; border-bottom: 3px solid #000; border-right: 3px solid #000; margin: -4px 0 0 auto; }

.end .end-body .col-main .sub-tit:first-child { margin-top: 0; }

.end .end-body .col-main .sub-tit-m { font-size: 18px; line-height: 34px; font-weight: 500; margin: 0 0 21px; }

.end .end-body .col-main .sub-tit-ll { margin: 40px 0; position: relative; font-size: 22px; line-height: 34px; font-weight: 500; padding-left: 26px; border-left: 3px solid #111; }

.end .end-body .col-main .sub-tit-ll:first-child { margin-top: 0; }

.end .end-body .col-main .sub-tit-ll:before { content: ''; display: block; position: absolute; left: -3px; top: 0; width: 3px; height: 5px; background: #fff; }

.end .end-body .col-main .sub-tit-ll:after { content: ''; display: block; position: absolute; left: -3px; bottom: 0; width: 3px; height: 5px; background: #fff; }

.end .end-body .col-main .writer { margin-top: 30px; line-height: 24px; font-size: 0; }

.end .end-body .col-main .writer .name { font-size: 16px; line-height: 24px; margin-right: 10px; }

.end .end-body .col-main .writer .email { font-size: 16px; line-height: 24px; font-family: 'Roboto'; letter-spacing: 0; }

.end .end-body .col-main .writer + .writer { margin-top: 0px; }

.end .end-body .col-main .btn-area { font-size: 0; text-align: center; margin: 60px 0; }

.end .end-body .col-main .btn-area button { width: 80px; vertical-align: top; outline: none; }

.end .end-body .col-main .btn-area .count { font-size: 16px; font-family: 'Roboto', serif; }

.end .end-body .col-main .btn-area .icon { display: block; margin-left: auto; margin-right: auto; width: 60px; height: 60px; margin-bottom: -15px; }

.end .end-body .col-main .btn-area .icon svg { margin-top: -10px; }

.end .end-body .col-main .btn-area .btn-like { display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 16px; line-height: 20px; font-family: 'Roboto'; }

.end .end-body .col-main .btn-area .btn-like .icon-heart { margin-top: -5px; margin-bottom: -10px; }

.end .end-body .col-main .btn-area .btn-unlike { display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 16px; line-height: 20px; font-family: 'Roboto'; }

.end .end-body .col-main .btn-area .btn-unlike .icon-heart-x { width: 80px; height: 80px; margin-top: -14px; margin-bottom: -21px; }

.end .end-body .col-main .btn-area .btn-obituary { margin-right: 14px; }

.end .end-body .col-main .btn-area .btn-obituary .icon-obituary { width: 80px; height: 80px; margin: -15px 14px -21px; }

.end .end-body .col-main .btn-area .tooltip-box { margin-right: 6px; }

.end .end-body .col-main .btn-area .tooltip-box .tooltip { left: 50%; margin-left: -160px; margin-top: 10px; }

.end .end-body .col-main .btn-area .tooltip-box .toast-popup { left: 50%; margin-left: -110px; margin-top: 10px; }

.end .end-body .col-main .btn-area .tooltip-box .toast-popup.add-pop, .end .end-body .col-main .btn-area .tooltip-box .toast-popup.cancel-pop { left: 0; margin-left: 20px; }

.end .end-body .col-main .btn-area .tooltip-box .copied-value { font-size: 14px; }

.end .end-body .col-main .btn-area .btn-share { display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 14px; line-height: 20px; }

.end .end-body .col-main .btn-area .btn-share:before { content: ''; display: block; width: 38px; height: 38px; margin: -2px auto 7px; background: url("/images/svg/btn-share.svg") no-repeat center; background-size: contain; }

.end .end-body .col-main .btn-area .btn-bookmark { display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 14px; line-height: 20px; }

.end .end-body .col-main .btn-area .btn-bookmark:before { content: ''; display: block; width: 38px; height: 38px; margin: -2px auto 8px; background: url("/images/svg/btn-bookmark.svg") no-repeat center; background-size: contain; }

.end .end-body .col-main .btn-area .btn-bookmark.on:before { background: url("/images/svg/btn-bookmark-on.svg") no-repeat center; }

.end .end-body .col-main .btn-area .btn-goto-comment { display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 14px; line-height: 20px; }

.end .end-body .col-main .btn-area .btn-goto-comment:before { content: ''; display: block; width: 30px; height: 38px; margin: -2px auto 8px; background: url("/images/svg/btn-comment.svg") no-repeat center; background-size: contain; }

.end .end-body .col-main .naver-banner { display: block; }

.end .end-body .col-main .naver-banner img { display: block; width: 100%; }

.end .end-body .col-main .newspaper-subscribe { display: block; margin: 20px 0 0; font-size: 14px; line-height: 42px; color: #999; }

.end .end-body .col-main .newspaper-subscribe .ns-text .copy { font-family: 'Roboto'; letter-spacing: 0; margin-left: 10px; }

.end .end-body .col-main .newspaper-subscribe .ns-link { display: block; position: relative; float: right; border: 1px solid #5291ab; border-radius: 21px; font-size: 14px; line-height: 40px; color: #666; padding: 0 42px 0 19px; background: url() no-repeat right 14px center; background-size: 16px; }

.end .end-body .col-main .newspaper-subscribe .ns-link:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -1px; right: 18px; width: 10px; height: 2px; background: #5291ab; }

.end .end-body .col-main .newspaper-subscribe .ns-link:after { content: ''; display: block; position: absolute; top: 50%; margin-top: -5px; right: 22px; width: 2px; height: 10px; background: #5291ab; }

.end .end-body .col-main .story-media .caption { display: block; margin: 10px 0 15px; line-height: 22px; font-size: 14px; color: #999; }

.end .end-body .col-main .photo { margin-top: 20px; }

.end .end-body .col-main .photo img { overflow: hidden; display: block; max-width: 100%; margin: 0 auto; }

.end .end-body .col-sub { margin-left: 40px; display: inline-block; vertical-align: top; width: 300px; font-size: 14px; }

.end .end-body .col-sub.va-bottom { vertical-align: bottom; }

.end .end-body .col-sub.pos-bottom { position: absolute; bottom: 0; }

.end .related-news-list { margin-top: 70px; border-top: solid 2px #3f3f3f; padding-top: 35px; font-size: 0; }

.end .related-news-list h3 { display: inline-block; vertical-align: top; margin: 0 30px 0 0; border-top: 0; padding: 0; font-size: 26px; line-height: 26px; letter-spacing: -1px; color: #111; width: 210px; }

.end .related-news-list ul { display: inline-block; vertical-align: top; width: 400px; font-size: 0; }

.end .related-news-list ul li > a { display: block; }

.end .related-news-list ul li .title { display: block; overflow: hidden; font-size: 18px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.end .related-news-list ul li + li { margin-top: 9px; }

.end .related-news-list .top-news + li { margin-top: 15px; }

.end .related-news-list .col-text { display: inline-block; vertical-align: top; width: 270px; }

.end .related-news-list .col-text .title { white-space: normal; }

.end .related-news-list .col-text .reg-date { display: block; margin-top: 5px; font-family: 'Roboto'; font-size: 12px; line-height: 18px; color: #999; }

.end .related-news-list .col-img { display: inline-block; vertical-align: top; width: 100px; margin-left: 30px; }

.end .related-news-list .col-img .img-box { width: 100px; height: 75px; margin: 0; }

.end .related-news-list .col-img .img-box.video { width: 192px; height: 108px; }

.end .related-news-list .col-img .video { position: relative; }

.end .related-news-list .col-img .video:after { position: absolute; bottom: 8px; left: 8px; content: ''; background-image: url("/images/svg/icon-mv-video.svg"); background-repeat: no-repeat; background-size: 100%; display: inline-block; width: 24px; height: 24px; }

.end .related-news-list.tube h3 { display: block; }

.end .related-news-list.tube ul { overflow: hidden; width: 640px; height: 422px; margin-top: 30px; }

.end .related-news-list.tube ul li { float: left; width: 192px; height: 171px; margin: 0 32px 40px 0 !important; }

.end .related-news-list.tube ul li .col-img { display: block; width: 192px; height: 108px; margin: 0 0 0 0; }

.end .related-news-list.tube ul li .col-text { width: 197px; }

.end .related-news-list.tube ul li .title { margin-top: 12px; font-size: 16px; }

.end .related-news-list.tube ul li:nth-child(3n) { margin-right: 0 !important; }

.end .prev-news { display: block; position: absolute; top: 60px; left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 152px; height: 202px; padding: 10px; background: #fff; z-index: 20; }

.end .prev-news .img-box { display: block; height: 99px; }

.end .prev-news .img-box img { display: block; }

.end .prev-news .text { margin-top: 12px; font-size: 14px; line-height: 22px; letter-spacing: -.5px; color: #666; height: 44px; overflow: hidden; }

.end .prev-news .link { margin-top: 12px; padding-left: 20px; font-size: 14px; letter-spacing: -.4px; color: #111; font-weight: 700; background: url("/images/svg/arrow-prev-16.svg") no-repeat left center; }

.end .prev-news.on { position: fixed; top: 120px; }

.end .prev-news.bot-on { position: absolute; top: auto; bottom: 10px; }

.end .prev-news.on2 { top: 180px; }

.ad-banner + .comment-area { border-top: none; }

.comment-area { position: relative; z-index: 10; border-top: 1px solid #ccc; padding: 60px 0 70px; background: #fff; font-size: 0; letter-spacing: -.5px; }

.comment-area .inner { width: 1390px; padding-left: 205px; padding-right: 545px; }

.comment-area ::-webkit-input-placeholder { /* Edge */ color: #999; }

.comment-area :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.comment-area ::-moz-placeholder { color: #999; }

.comment-area ::-ms-input-placeholder { color: #999; }

.comment-area ::placeholder { color: #999; }

.comment-area .btn-reg { display: inline-block; width: 60px; height: 40px; line-height: 40px; font-size: 14px; letter-spacing: -.5px; border-radius: 3px; color: #fff; background: #111; text-align: center; padding: 0; }

.comment-area .btn-reg:disabled { background: #ccc; }

.comment-area .comment-title { font-size: 26px; font-weight: 700; line-height: 30px; margin-bottom: 20px; letter-spacing: -1.5px; }

.comment-area .comment-title .count { margin-left: 10px; color: #02a37f; font-family: 'Roboto'; letter-spacing: 0; }

.comment-area .comment-edit .btn-open-edit { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; width: 100%; position: relative; line-height: 54px; height: 56px; font-size: 16px; padding: 0 86px 0 20px; color: #999; letter-spacing: -.5px; text-align: left; }

.comment-area .comment-edit .btn-open-edit .btn-reg { position: absolute; right: 8px; top: 8px; background: #ccc; }

.comment-area .comment-edit .btn-open-edit.on { display: none; }

.comment-area .comment-edit .btn-open-edit.on + .textarea-wrap { display: block; }

.comment-area .comment-edit .textarea-wrap { display: none; border: solid 1px #4a4a4a; border-radius: 3px; }

.comment-area .comment-edit .textarea-wrap .textarea { display: block; margin: 20px; }

.comment-area .comment-edit .textarea-wrap .textarea textarea { background: transparent; outline: none; width: 100%; padding: 0; border: 0; font-size: 16px; line-height: 28px; letter-spacing: -.5px; color: #111; }

.comment-area .comment-edit .textarea-wrap .textarea-bottom { border-top: 1px solid #e1e1e1; padding: 8px; text-align: right; font-size: 14px; line-height: 40px; }

.comment-area .comment-edit .textarea-wrap .textarea-bottom .count { color: #b2b2b2; margin-right: 19px; }

.comment-area .comment-edit .textarea-wrap .textarea-bottom .count strong { color: #111; }

.comment-area .comment-edit .textarea-wrap .textarea-bottom .btn-reg { vertical-align: top; }

.comment-area .comment-sort-tab { margin-top: 46px; line-height: 21px; padding-bottom: 12px; border-bottom: 1px solid #e2e2e2; color: #666; }

.comment-area .comment-sort-tab .anchor { display: inline-block; position: relative; vertical-align: top; font-size: 14px; }

.comment-area .comment-sort-tab .anchor + .anchor { margin-left: 30px; }

.comment-area .comment-sort-tab .anchor.on { color: #000; font-weight: 700; }

.comment-area .comment-sort-tab .anchor.on::after { content: ''; display: block; position: absolute; left: 0; bottom: -13px; width: 100%; height: 2px; background-color: #111; }

.comment-area .comment-sort-tab .refresh { display: block; float: right; padding-right: 23px; font-size: 14px; background: url("/images/svg/icon-refresh-blue.svg") no-repeat right center; background-size: 17px 18px; }

.comment-area .comment-list .comment-item .info { line-height: 20px; font-size: 0; color: #666; margin-bottom: 10px; }

.comment-area .comment-list .comment-item .info .id { margin-right: 6px; font-size: 14px; }

.comment-area .comment-list .comment-item .info .date { font-size: 12px; color: #9b9b9b; letter-spacing: 0; }

.comment-area .comment-list .comment-item .info .bar { display: inline-block; vertical-align: top; margin: 5px 10px 0; height: 11px; width: 1px; background: #ccc; }

.comment-area .comment-list .comment-item .info .report { display: inline; font-size: 14px; }

.comment-area .comment-list .comment-item .text { font-size: 14px; line-height: 24px; color: #111; }

.comment-area .comment-list .comment-item .tool { margin-top: 11px; height: 21px; font-size: 0; }

.comment-area .comment-list .comment-item .tool .btn-reply { display: inline-block; vertical-align: top; padding: 0; line-height: 21px; display: inline; font-size: 14px; color: #4a4a4a; }

.comment-area .comment-list .comment-item .tool .btn-area { float: right; font-size: 0; line-height: 20px; font-family: 'Roboto'; margin: 5px 0 -5px 0; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup { display: inline-block; vertical-align: top; height: 20px; font-size: 14px; color: #f96464; outline: none; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup.clicked .thumb { -webkit-animation: bounce .3s; -o-animation: bounce .3s; animation: bounce .3s; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup .thumb { background: url("/images/svg/icon-thumbup.svg") no-repeat left center; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup.on .thumb { background: url("/images/svg/icon-thumbup-on.svg") no-repeat left center; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown { display: inline-block; vertical-align: top; height: 20px; font-size: 14px; color: #666; outline: none; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown.clicked .thumb { -webkit-animation: bounce .3s; -o-animation: bounce .3s; animation: bounce .3s; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown .thumb { background: url("/images/svg/icon-thumbdown.svg") no-repeat left center; position: relative; top: 1px; }

.comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown.on .thumb { background: url("/images/svg/icon-thumbdown-on.svg") no-repeat left center; }

.comment-area .comment-list .comment-item .tool .btn-area .thumb { display: inline-block; background-size: 20px; text-indent: -9999px; width: 20px; height: 15px; margin-right: 4px; }

.comment-area .comment-list .comment-item .comment-box { padding: 24px 0 21px; padding-bottom: 26px; border-bottom: solid 1px #e2e2e2; }

.comment-area .comment-list .comment-item .comment-box.no-content { border-bottom: none; }

.comment-area .comment-list .comment-item .reply-list { padding: 20px; background: #f7f7f7; }

.comment-area .comment-list .comment-item .reply-list .reply-edit { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .btn-open-edit { display: block; width: 100%; position: relative; background: #fff; line-height: 56px; height: 56px; font-size: 16px; padding: 0 86px 0 20px; color: #999; letter-spacing: -.5px; text-align: left; border: 1px solid #ccc; border-radius: 3px; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .btn-open-edit .btn-reg { position: absolute; right: 8px; top: 8px; background: #ccc; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .btn-open-edit.on { display: none; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .btn-open-edit.on + .textarea-wrap { display: block; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap { display: none; position: relative; border-radius: 3px; border: 1px solid #4a4a4a; background: #fff; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea { display: block; margin: 0 20px 20px; padding-top: 20px; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea textarea { background: transparent; outline: none; width: 100%; padding: 0; border: 0; font-size: 16px; line-height: 28px; letter-spacing: -.5px; color: #111; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea-bottom { border-top: 1px solid #e1e1e1; padding: 8px; text-align: right; font-size: 14px; line-height: 40px; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea-bottom .count { color: #b2b2b2; margin-right: 19px; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea-bottom .count strong { color: #111; }

.comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .textarea-bottom .btn-reg { vertical-align: top; }

.comment-area .comment-list .comment-item .reply-list .btn-all { display: block; width: 100%; padding: 0; height: 60px; line-height: 60px; font-size: 14px; font-weight: 700; text-align: center; margin-bottom: -20px; }

.comment-area .comment-list .comment-item .reply-list .btn-all::after { content: ''; display: inline-block; vertical-align: top; margin: 21px 0 0 10px; width: 18px; height: 18px; background: url("/images/svg/btn-all.svg") no-repeat center; background-size: contain; }

.comment-area .comment-list .comment-item .reply-list .btn-all.on::after { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.comment-area .comment-empty { margin-top: 60px; padding-top: 70px; font-size: 18px; line-height: 28px; letter-spacing: -1px; text-align: center; color: #111; background: url("/images/svg/bubble-60.svg") no-repeat center top; }

.editor-tit { font-size: 22px; font-weight: 500; line-height: 34px; margin: 0 0 32px; color: #111; }

.editor-p { position: relative; font-size: 18px; line-height: 34px; }

.editor-p sup { font-family: 'Roboto'; color: #02a37f; }

.editor-p .annotation-list { display: block; position: absolute; top: 0; left: -190px; width: 160px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

.editor-p .annotation-list .dt { display: block; margin-top: 10px; color: #111; }

.editor-p .annotation-list .dt em { font-family: 'Roboto'; font-style: normal; color: #02a37f; margin-right: 3px; }

.editor-p .annotation-list .dt:first-child { margin-top: 0; }

.editor-p .annotation-list .dd { margin-top: 3px; }

.editor-p > a { color: #4F95EE; text-decoration: underline; }

.editor-video-box iframe { border: 0; }

.editor-map-box { position: relative; margin: 0 0 40px 0; }

.editor-map-box .map-list { display: block; position: absolute; top: 0; left: -190px; width: 160px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

.editor-map-box .map-list .dt { display: block; margin-top: 10px; color: #111; }

.editor-map-box .map-list .dt:first-child { margin-top: 0; }

.editor-map-box .map-list .dd { margin-top: 3px; }

.editor-img-box { position: relative; margin: 0 0 40px 0; overflow: visible; }

.editor-img-box img { display: block; position: relative; max-width: 100%; margin: 0 auto; }

.editor-img-box .caption { position: absolute; top: 0; left: -190px; width: 160px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

.editor-info-box { font-size: 16px; line-height: 28px; color: #666; }

.editor-info-box .tit { font-size: 16px; line-height: 28px; font-weight: 700; letter-spacing: -.5px; color: #111; margin-bottom: 10px; }

.editor-table-tit { font-size: 18px; line-height: 34px; margin: 50px 0 14px; }

.editor-table-tit .editor-tit-sub { float: right; font-size: 12px; line-height: 24px; margin-top: 10px; font-weight: 400; letter-spacing: -0.5px; color: #999; }

.editor-table { position: relative; margin: 50px 0 40px; border-top: 1px solid #111; border-bottom: 1px solid #111; }

.editor-table table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 24px; color: #111; text-align: center; }

.editor-table table th { padding: 18px 20px; background-color: #f7f7f7; font-weight: 400; }

.editor-table table td { padding: 18px 20px; background-color: #fff; }

.editor-table table th + th, .editor-table table td { border-left: 1px solid #e2e2e2; }

.editor-table table tr { border-top: 1px solid #e2e2e2; }

.editor-table table tr:first-child { border-top: 0; }

.editor-table table thead { border-bottom: 1px solid #111; }

.editor-table .caption { position: absolute; top: 0; left: -190px; width: 160px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

.editor-table-tit + .editor-table { margin-top: 0; }

.editor-table:first-child { margin-top: 0; }

.editor-p + .editor-p { margin-top: 21px; }

.editor-p + .editor-img-box, .editor-p + .editor-map-box, .div-line + .editor-info-box { margin-top: 40px; }

.editor-p + .editor-img-box:last-child { margin-bottom: 0; }

.out-writer { width: 380px; height: 210px; margin: 60px auto 0; }

.out-writer .img-box { background-color: #fff; background-color: transparent; }

.out-writer .img-box img { max-width: 100%; max-height: 210px; }

.end .col-main .edit-subscribe .toast-popup { left: 50%; }

.edit-subscribe { position: relative; display: block; width: 100%; height: 67px; padding-bottom: 29px; margin: 122px 0 69px; text-align: center; border-bottom: 1px solid #ccc; clear: both; }

.edit-subscribe strong { display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 22px; height: 30px; line-height: 28px; }

.edit-subscribe .subsc-box { height: 30px; line-height: 27px; }

.edit-subscribe .btn-subsc { display: inline-block; vertical-align: middle; position: relative; width: 64px; height: 30px; padding-top: 0; background-image: url("/images/svg/btn-subscribe.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat; border: none; }

.edit-subscribe .btn-subsc.on { background-image: url("/images/svg/btn-subscribe-on.svg"); }

.edit-subscribe .toast-popup { display: none; position: absolute; top: 100%; left: 50%; right: auto; width: 220px; height: 50px; line-height: 1.125em; margin-top: 10px; margin-left: -36px; padding: 16px 30px; color: #fff; background-color: rgba(51, 51, 51, 0.9); -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); border-radius: 12px; }

@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  33% { -webkit-transform: translateY(0); transform: translateY(0); }
  66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-o-keyframes bounce { 0% { -o-transform: translateY(-20px); transform: translateY(-20px); }
  33% { -o-transform: translateY(0); transform: translateY(0); }
  66% { -o-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -o-transform: translateY(0); transform: translateY(0); } }

@keyframes bounce { 0% { -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  33% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  66% { -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }

.end.blog .blog-img { display: block; overflow: hidden; position: fixed; z-index: 0; left: 0; top: 0; width: 100%; height: 550px; min-width: 1200px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.end.blog .blog-img img { overflow: hidden; display: block; height: 100%; margin: 0 auto; }

.end.blog .blog-img::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; }

.end.blog .blog-img.mask-black { background-color: #1f1f1f; }

.end.blog .blog-img.mask-black::after { background: url("/images/blog-mask-black.png") no-repeat top center; }

.end.blog .blog-img.mask-black + .end-top .tool-bar .btn-like-all { background: url("/images/svg/like-all-wh.svg") no-repeat center left; }

.end.blog .blog-img.mask-white { background-color: #f7f7f7; }

.end.blog .blog-img.mask-white::after { background: url("/images/blog-mask-white.png") no-repeat top center; }

.end.blog .blog-img.mask-white + .end-top .col-main .info dt, .end.blog .blog-img.mask-white + .end-top .col-main .info dd { color: #111; }

.end.blog .blog-img.mask-white + .end-top .col-main .info .page-number { color: #111; }

.end.blog .blog-img.mask-white + .end-top .col-main .info .page-number:before { background: #666; }

.end.blog .blog-img.mask-ivory { background-color: #e7ded3; }

.end.blog .blog-img.mask-ivory::after { background: url("/images/blog-mask-ivory.png") no-repeat top center; }

.end.blog .blog-img.mask-ivory + .end-top .col-main .info dt, .end.blog .blog-img.mask-ivory + .end-top .col-main .info dd { color: #111; }

.end.blog .blog-img.mask-ivory + .end-top .col-main .info .page-number { color: #111; }

.end.blog .blog-img.mask-ivory + .end-top .col-main .info .page-number:before { background: #666; }

.end.blog .blog-img.mask-navy { background-color: #43465c; }

.end.blog .blog-img.mask-navy::after { background: url("/images/blog-mask-navy.png") no-repeat top center; }

.end.blog .blog-img.mask-navy + .end-top .tool-bar .btn-like-all { background: url("/images/svg/like-all-wh.svg") no-repeat center left; }

.end.blog.read-mode .btn-prev-news { background: url("/images/svg/btn-prev-news.svg") no-repeat left center; background-size: 18px; color: #111; }

.end.blog .end-header { background-color: transparent; }

.end.blog .end-header .logo { background-position: 0px -60px; width: 72px; height: 20px; }

.end.blog .end-header .col-right .btn-subsc { background-image: url("/images/btn-subscribe-wh.png"); }

.end.blog .end-header .col-right .btn-subsc.on { background-image: url("/images/btn-subscribe-on.png"); }

.end.blog .end-header .col-right .btn-share { background-image: url("/images/svg/btn-share-b.svg"); }

.end.blog .end-header .col-right .btn-bookmark { background-image: url("/images/svg/btn-bookmark-b.svg"); }

.end.blog .end-header .col-right .btn-print { background-image: url("/images/svg/btn-print-b.svg"); }

.end.blog .end-header .col-right .btn-end-close { background: #fff url("/images/svg/btn-end-close-b.svg") no-repeat center; background-size: 32px; }

.end.blog .end-header .col-right .btn-mode { background-color: #999; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.end.blog .end-header.is-black .logo { background-position: 0px -30px; width: 72px; height: 26px; }

.end.blog .end-header.is-black .col-right .btn-subsc { background-image: url("/images/btn-subscribe.png"); }

.end.blog .end-header.is-black .col-right .btn-subsc.on { background-image: url("/images/btn-subscribe-on.png"); }

.end.blog .end-header.is-black .col-right .btn-share { background-image: url("/images/svg/btn-share.svg"); }

.end.blog .end-header.is-black .col-right .btn-bookmark { background-image: url("/images/svg/btn-bookmark.svg"); }

.end.blog .end-header.is-black .col-right .btn-print { background-image: url("/images/svg/btn-print.svg"); }

.end.blog .end-header.is-black .col-right .btn-end-close { background: #000 url("/images/svg/btn-end-close.svg") no-repeat center; background-size: 32px; }

.end.blog .end-header.is-black .col-right .btn-mode { background-color: #999; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.end.blog .end-header.is-black .col-right .btn-prev-news { color: #111; background: url("/images/svg/btn-prev-news.svg") no-repeat left center; }

.end.blog .blog-img.mask-ivory + .end-top .tool-bar .btn-like, .end.blog .blog-img.mask-white + .end-top .tool-bar .btn-like { background: url("/images/svg/btn-like.svg") 0 0 no-repeat; background-size: contain; }

.end.blog .blog-img.mask-ivory + .end-top .tool-bar .btn-comment, .end.blog .blog-img.mask-white + .end-top .tool-bar .btn-comment { background: url("/images/svg/btn-comment.svg") 0 50% no-repeat; background-size: auto 26px; }

.end.blog .blog-img.mask-ivory + .end-top .tool-bar .count, .end.blog .blog-img.mask-white + .end-top .tool-bar .count { color: #111; }

.end.blog .blog-img.mask-ivory + .end-top .col-main .title, .end.blog .blog-img.mask-white + .end-top .col-main .title { color: #111; }

.end.blog .end-header.on { border-bottom: 1px solid #ccc; background-color: #fff; }

.end.blog .end-header.on .logo { background-position: 0px -30px; width: 72px; height: 26px; }

.end.blog .end-header.on .col-right .btn-subsc { background-image: url("/images/svg/btn-subscribe.svg"); }

.end.blog .end-header.on .col-right .btn-subsc.on { background-image: url("/images/svg/btn-subscribe-on.svg"); }

.end.blog .end-header.on .col-right .btn-share { background-image: url("/images/svg/btn-share.svg"); }

.end.blog .end-header.on .col-right .btn-bookmark { background-image: url("/images/svg/btn-bookmark.svg"); }

.end.blog .end-header.on .col-right .btn-bookmark.on { background-image: url("/images/svg/btn-bookmark-on.svg"); }

.end.blog .end-header.on .col-right .btn-print { background-image: url("/images/svg/btn-print.svg"); }

.end.blog .end-header.on .col-right .btn-end-close { background: #000 url("/images/svg/btn-end-close.svg") no-repeat center; background-size: 32px; }

.end.blog .end-header.on .btn-prev-news { background: url("/images/svg/btn-prev-news.svg") no-repeat left center; background-size: 18px; color: #111; }

.end.blog .end-top { height: 550px; background-position: center; background-size: cover; background-repeat: no-repeat; }

.end.blog .end-top .tool-bar .btn-like { background: url("/images/svg/btn-like-b.svg") 0 0 no-repeat; background-size: contain; }

.end.blog .end-top .tool-bar .btn-comment { background: url("/images/svg/btn-comment-b.svg") 0 50% no-repeat; background-size: auto 26px; }

.end.blog .end-top .tool-bar .count { color: #fff; }

.end.blog .end-top .col-main .title { color: #fff; }

.end.blog .end-body { margin-top: 550px; }

.end.blog .end-body .end-body-tit { width: 640px; display: inline-block; }

.end.blog .end-body .end-body-tit h2 { font-size: 18px; font-weight: 500; letter-spacing: -0.5px; text-align: justify; color: #111; }

.end.blog .btn-prev-news { background: url("/images/svg/btn-prev-news-wh.svg") no-repeat left center; background-size: 18px; color: #fff; }

.end.blog.blog-bg .blog-img { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

.end.blog.blog-bg .blog-img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0.5); }

.end.blog.blog-bg .end-top .tool-bar .btn-like-all { background: url("/images/svg/like-all-wh.svg") 0px 0px/auto 32px no-repeat; }

.end.cartoon .end-top { padding-top: 100px; }

.end.cartoon .end-body .ad-banner { margin-bottom: 0; }

.end.picture .end-body .ad-banner { margin-bottom: 0; }

.end.obituary-notice .tool-bar { position: relative; text-align: right; }

.end.obituary-notice .tool-bar .btn-comment { position: absolute; bottom: 16px; left: 0; }

.end.obituary-notice .tool-bar .btn-comment .count { position: relative; top: 3px; }

.end.obituary-notice .tool-bar .obituary { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 6px; }

.end.obituary-notice .tool-bar .obituary .icon-obituary { position: relative; display: inline-block; vertical-align: middle; width: 80px; height: 37px; background: url("/images/svg/obituary.svg") left center/100% no-repeat; }

.end.obituary-notice .tool-bar .obituary .obituary-text { position: relative; display: inline-block; vertical-align: middle; background-color: #fff; font-family: 'Nanum Myeongjo', serif; font-size: 14px; font-weight: 400; margin-left: -20px; padding: 7px 24px; border-radius: 20px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16); }

.end.obituary-notice .tool-bar .obituary .obituary-text .count { font-family: 'Nanum Myeongjo', serif; line-height: 1.25em; color: #02a37f; margin: 0; }

.end.obituary-notice .end-body .ad-banner { margin-bottom: 0; }

.end.obituary-notice .comment-area { border-top: none; padding-top: 0; }

.end .end-header .col-right .bg-set, .end .end-header .col-right .scale-set { display: none; }

.end.notice .end-top .inner { width: 1050px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }

.end.notice .end-top .col-main { width: 1050px; padding-left: 205px; padding-right: 205px; }

.end.notice .end-body .inner { width: 1050px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }

.end.notice .end-body .inner .prev-next-list { margin-left: 35px; margin-right: 35px; }

.end.notice .end-body .inner.no-ad .prev-next-list { margin-top: 60px; }

.end.notice .end-body .ad-banner .slick-prev { left: -50px; }

.end.notice .end-body .ad-banner .slick-next { right: -50px; }

.end.notice .end-body .ad-banner .inner { padding-left: 35px; padding-right: 35px; }

.end.notice .end-body .col-main { width: 1050px; padding-left: 205px; padding-right: 205px; }

/*
.mac, .ios {
    // S: .end
    .end {
        // S: .end-header
        .end-header {
            .btn-subsc {
                margin-top: 0;
            }
        }
        // E: .end-header

        // S: .edit-subscribe
        .edit-subscribe {
            strong {
                margin-top: 5px;
            }
        }
        // E: .edit-subscribe
    }
    // E: .end
}
*/
.end.print .end-top { position: static; height: auto; padding: 0 0 50px 0; }

.end.print .end-top .inner { width: 1050px; }

.end.print .end-top .logo { vertical-align: top; margin-top: 21px; margin-bottom: 59px; background-position: 0px -30px; width: 72px; height: 26px; }

.end.print .end-top .col-main { display: block; width: 640px; text-align: center; }

.end.print .end-top .col-main .ttl { margin-top: 0; }

.end.print .end-top .col-main .title { color: #111; }

.end.print .end-top .col-sub { display: block; width: 640px; padding: 0; margin: 0; }

.end.print .end-top .col-sub .summary-area .score-box { margin-top: 50px; }

.end.print .end-top .col-sub .summary-area .score-box .score-result { display: table; }

.end.print .end-top .col-sub .summary-area .score-box .score-result .vs_list_right .name-box { text-align: right; }

.end.print .end-top .col-sub .summary-area .score-box .score-result .vs:after { width: 55px; }

.end.print .end-top .col-sub .summary-area .score-box .score-result .result_num { font-size: 56px; }

.end.print .end-top .col-sub .summary-area .score-box .score-info { top: 82px; left: 204px; right: 204px; }

.end.print .end-body { margin-top: 0; padding: 50px 0 60px 0; }

.end.print .end-body .inner { width: 1050px; }

.end.print .end-body .editor-note-top { padding-bottom: 0; border-bottom: 0; margin-bottom: 40px; }

.end.print .end-body > .editor-note-top:first-child { margin-top: 0; }

.end.print .end-body .col-main { display: block; }

.end.print .print-copy { border-top: 2px solid #111; text-align: center; padding: 30px 0 130px 0; font-size: 14px; line-height: 22px; letter-spacing: -.5px; color: #999; }

.end.print .print-control { position: fixed; left: 10px; bottom: 10px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: 70px; line-height: 70px; background: #ededed; text-align: center; font-size: 0; z-index: 20; }

.end.print .print-control .btn-w { margin-top: 10px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 160px; height: 50px; border-radius: 3px; font-size: 14px; font-weight: 500; line-height: 48px; text-align: center; color: #111; border: 1px solid #111; }

.end.print .print-control .btn-k { margin-left: 4px; margin-top: 10px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 160px; height: 50px; border-radius: 3px; font-size: 14px; font-weight: 500; line-height: 50px; text-align: center; color: #fff; background: #222; }

.end.print .caption { position: relative; top: auto; left: auto; width: 100%; margin-top: 10px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

.end.blog.print .end-top { position: static; height: auto; }

.end.blog.print .end-top .inner { width: 1050px; }

.end.blog.print .end-top .col-main { width: 640px; text-align: center; }

.end.blog.print .end-top .col-main .ttl { margin-top: 0; }

.end.blog.print .end-top .col-main .title { color: #111; }

.end.blog.print .end-body { border-top: 0; padding-top: 0; }

.end.blog.print .caption { position: relative; top: auto; left: auto; width: 100%; margin-top: 10px; font-size: 14px; line-height: 22px; color: #999; text-align: left; }

@media print { .container.print .print-control { display: none; } }

.fortune .end-top { padding-top: 85px; padding-bottom: 62px; }

.fortune .end-body .inner { width: 980px; padding: 43px 0 0; }

.end.fortune.read-mode .end-body .inner { width: 640px; margin: 0 auto; }

.end-body .col-right { float: right; margin-top: 5px; margin-right: 5px; }

.end-body .calendar-btn-gray { font-size: 14px; color: #999; }

.end-body .calendar-btn-gray a { vertical-align: middle; font-size: 14px; color: #808080; letter-spacing: -0.5px; }

.end-body .calendar-btn-gray span { display: inline-block; vertical-align: middle; line-height: 1.5em; }

.end-body .calendar-btn-gray:before { content: ''; display: inline-block; vertical-align: middle; padding-right: 4px; background-color: transparent; background-position: -126px -154px; width: 14px; height: 16px; }

.fortune .end-body .col-right { position: relative; }

.fortune .calendar-value { position: absolute; top: 30px; left: 100px; }

.today-luck { display: inline-block; vertical-align: top; }

.today-luck .solar { font-size: 22px; font-weight: bold; letter-spacing: -0.8px; display: inline-block; vertical-align: top; }

.bg-black .luck-box .text-area { color: #fff; }

.luck-box .text-area { color: #111; }

.luck-box { width: 646px; margin-top: 10px; }

.luck-box .luck-box-area { display: block; width: 100%; border-bottom: 1px solid #e2e2e2; padding-top: 20px; padding-bottom: 40px; }

.luck-box .luck-box-area:last-child { border-bottom: none; }

.luck-box .luck-box-area .img-box { display: inline-block; vertical-align: top; background-color: transparent; }

.luck-box .luck-box-area .text-area { display: inline-block; width: 500px; vertical-align: top; margin-top: 7px; padding-left: 5px; }

.luck-box .luck-box-area .text-area .luck-name { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 34px; letter-spacing: -.05em; }

.luck-box .luck-box-area .text-area .luck-year { display: inline-block; vertical-align: middle; margin-left: 11px; font-size: 18px; line-height: 34px; letter-spacing: -.05em; }

.luck-box .luck-box-area .text-area .text { font-size: 18px; line-height: 34px; letter-spacing: -0.05em; margin-top: 15px; display: block; }

.end.end-uni .end-body { z-index: 11; }

.end.end-uni .comment-area { padding-top: 0; border-top: 0; }

.end.end-uni .col-sub { padding-bottom: 50px; }

.end.end-uni .col-sub.floating-banner { position: absolute; top: 0; left: 885px; margin-left: 0; display: block; z-index: 10; }

.end.end-uni .col-sub.floating-banner .side-link-box { margin-bottom: 0; }

.end.end-uni .col-sub [class^="side-ad"] { margin: 20px 0; }

.end.end-uni .col-sub .dable { padding: 28px 24px; border: 1px solid #ddd; }

.end.end-uni .col-sub .side-link-box li { height: auto; }

.end.end-uni .col-sub .side-link-box li + li { margin-top: 14px; }

.end.end-uni .col-sub .side-link-box li a { display: block; overflow: hidden; }

.end.end-uni .col-sub .side-link-box li .title { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 180px; }

.end.end-uni .col-sub .side-link-box li .title .num { display: block; margin: 2px 0 0 0; min-width: 18px; text-align: left; }

.end.end-uni .col-sub .side-link-box li .title .text { display: -webkit-box; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.end.end-uni .col-sub .side-link-box li .img-box { float: right; margin: 3px 0 0 0; width: 64px; height: 48px; }

.end.end-uni .col-sub .side-link-box > .side-ad-box { margin: 30px 0; text-align: center; }

.end.end-uni .col-sub .side-link-box > .side-ad-box + h2 { padding-top: 0; border-top: 0; }

.end.end-uni .col-sub .side-ad-liveissue { padding: 28px 24px; background-color: #F9F9F9; }

.end.end-uni .col-sub .side-ad-liveissue h3 { position: relative; margin-bottom: 13px; padding-left: 15px; font-size: 18px; line-height: 27px; font-weight: 600; text-transform: uppercase; }

.end.end-uni .col-sub .side-ad-liveissue h3::before { content: ''; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #E63B3B; }

.end.end-uni .col-sub .side-ad-liveissue ul li { padding-top: 18px; border-top: 1px solid #ddd; }

.end.end-uni .col-sub .side-ad-liveissue ul li + li { margin-top: 22px; }

.end.end-uni .col-sub .side-ad-liveissue ul li a { display: block; }

.end.end-uni .col-sub .side-ad-liveissue ul li .title { margin-bottom: 10px; padding-right: 20px; font-size: 15px; font-weight: 600; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(/images/svg/round_arrow.svg) no-repeat 100% 50%; }

.end.end-uni .col-sub .side-ad-liveissue ul li .content { overflow: hidden; }

.end.end-uni .col-sub .side-ad-liveissue ul li .body { float: left; width: 168px; }

.end.end-uni .col-sub .side-ad-liveissue ul li .body .lead { height: 40px; font-size: 14px; line-height: 20px; overflow: hidden; }

.end.end-uni .col-sub .side-ad-liveissue ul li .body .related { margin-top: 10px; color: #5291AB; font-size: 12px; }

.end.end-uni .col-sub .side-ad-liveissue ul li .img-box { float: right; margin-top: 4px; width: 80px; height: 60px; }

.end .end-ad-container { margin: 60px 0; text-align: center; }

.end .end-ad-container:last-child { margin-bottom: 0; }

.end .end-ad-container .ad-item { display: inline-block; }

.end .end-ad-container .ad-item + .ad-item { margin-left: 32px; }

.end .ad-banner.ad-970 { margin-bottom: 24px; padding: 0; background: none; }

.end .more-news { margin: 75px 0 35px; overflow: hidden; }

.end .more-news + .edit-subscribe { margin-top: 53px; }

.end .more-news .more-news-container { float: left; width: 360px; }

.end .more-news .more-news-container .more-news-related h3 { position: relative; margin-bottom: 22px; padding-left: 16px; font-size: 22px; line-height: 33px; }

.end .more-news .more-news-container .more-news-related h3::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background: url(/images/svg/bullet_related.svg) no-repeat; }

.end .more-news .more-news-container .more-news-related li + li { margin-top: 10px; }

.end .more-news .more-news-container .more-news-related li a { display: block; }

.end .more-news .more-news-container .more-news-related li.top-news { margin-bottom: 22px; overflow: hidden; }

.end .more-news .more-news-container .more-news-related li.top-news .col-img { float: left; margin-top: 5px; }

.end .more-news .more-news-container .more-news-related li.top-news .col-img .img-box { width: 100px; height: 75px; }

.end .more-news .more-news-container .more-news-related li.top-news .col-text { float: right; width: 245px; }

.end .more-news .more-news-container .more-news-related li.top-news .col-text .title { color: #111; font-size: 18px; line-height: 28px; white-space: normal; }

.end .more-news .more-news-container .more-news-related li.top-news .col-text .reg-date { margin-top: 12px; font-size: 12px; line-height: 1; color: #999; }

.end .more-news .more-news-container .more-news-related li .title { color: #111; font-size: 16px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.end .more-news .more-news-container .more-video-related h3 { position: relative; margin-bottom: 22px; padding-left: 16px; font-size: 22px; line-height: 33px; }

.end .more-news .more-news-container .more-video-related h3::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background: url(/images/svg/bullet_related.svg) no-repeat; }

.end .more-news .more-news-container .more-video-related li + li { margin-top: 10px; }

.end .more-news .more-news-container .more-video-related li a { display: block; }

.end .more-news .more-news-container .more-video-related li.top-news { margin-bottom: 22px; overflow: hidden; }

.end .more-news .more-news-container .more-video-related li.top-news .col-img { position: relative; float: left; }

.end .more-news .more-news-container .more-video-related li.top-news .col-img .img-box { width: 134px; height: 75px; }

.end .more-news .more-news-container .more-video-related li.top-news .col-img .img-box::after { content: ''; position: absolute; bottom: 8px; left: 8px; display: inline-block; background: #333 url(/images/svg/icon-mv-video.svg) no-repeat; background-size: 100%; border-radius: 50%; width: 24px; height: 24px; }

.end .more-news .more-news-container .more-video-related li.top-news .col-text { float: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 210px; height: 75px; }

.end .more-news .more-news-container .more-video-related li.top-news .col-text .title { color: #111; font-size: 18px; line-height: 28px; white-space: normal; }

.end .more-news .more-news-container .more-video-related li.top-news .col-text .title::before, .end .more-news .more-news-container .more-video-related li.top-news .col-text .title::after { display: none; }

.end .more-news .more-news-container .more-video-related li .title { position: relative; color: #111; font-size: 16px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.end .more-news .more-news-container .more-video-related li .title::before { content: ''; position: relative; display: inline-block; margin-right: 5px; width: 18px; height: 18px; background: url(/images/svg/icon-mv-video.svg) no-repeat 50% 50%; background-size: 100%; border-radius: 50%; border: 1px solid #333; vertical-align: -4px; z-index: 1; }

.end .more-news .more-news-container .more-video-related li .title::after { content: ''; position: absolute; top: 6px; left: 5px; width: 10px; height: 14px; background-color: #333; }

.end .more-news .ad-item { float: right; }

.end .module-slider .slick-arrow.slick-prev, .end .module-slider .slick-arrow.slick-next { opacity: 1; }

.end .module-slider .slick-arrow.slick-prev.hide, .end .module-slider .slick-arrow.slick-next.hide { opacity: 0; }

.end .module-slider .slick-arrow.slick-prev:hover, .end .module-slider .slick-arrow.slick-next:hover { opacity: 1; }

.end .more-articles { margin-top: 60px; padding-top: 30px; border-top: 2px solid #111; }

.end .more-articles h3 { margin-bottom: 20px; font-size: 26px; line-height: 38px; }

.end .more-articles .more-articles-list { overflow: hidden; }

.end .more-articles .more-articles-list li { float: left; width: 200px; }

.end .more-articles .more-articles-list li + li { margin-left: 17px; }

.end .more-articles .more-articles-list li:nth-child(3n+1) { margin-left: 0; }

.end .more-articles .more-articles-list li a { display: block; }

.end .more-articles .more-articles-list li .title { position: relative; margin-bottom: 15px; padding-right: 34px; height: 48px; font-size: 18px; font-weight: 500; line-height: 24px; overflow: hidden; }

.end .more-articles .more-articles-list li .title::after { content: ''; position: absolute; top: 4px; right: 2px; width: 17px; height: 17px; background: url(/images/svg/arrow-next.svg) no-repeat; background-size: 100%; opacity: .5; }

.end .more-articles .more-articles-list li .img-box { margin-bottom: 12px; height: 150px; }

.end .more-articles .more-articles-list li .lead { height: 50px; font-size: 16px; line-height: 24px; overflow: hidden; }

.end-news-stand { position: relative; margin: 60px 0; padding-top: 32px; min-width: 1390px; }

.end-news-stand::before { content: 'news stand'; position: absolute; top: -10px; left: 50%; margin-left: -490px; padding-right: 11px; font-size: 18px; font-weight: 600; text-transform: uppercase; background-color: #fff; z-index: 1; }

.end-news-stand::after { content: ''; position: absolute; top: -1px; left: 50%; margin-left: -490px; width: 980px; border-top: 2px solid #000; }

.end-news-stand iframe { display: block; margin: 0 auto; width: 980px; }

.end.read-mode .prev-news, .end.read-mode .ad-banner, .end.read-mode .blog-img { display: none; }

.end.read-mode .end-header .logo { background-position: 0px -30px; width: 72px; height: 26px; }

.end.read-mode .end-header .col-right { padding-right: 70px; }

.end.read-mode .end-header .col-right .bg-set { display: inline-block; vertical-align: top; line-height: 30px; margin: 15px 30px 0 0; font-size: 0; }

.end.read-mode .end-header .col-right .bg-set-rdo { margin-left: 16px; }

.end.read-mode .end-header .col-right .bg-set-rdo label { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; width: 30px; height: 30px; border: 1px solid #ccc; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 14px; border-radius: 15px; cursor: pointer; }

.end.read-mode .end-header .col-right .bg-set-rdo.bg-yellow label { background-color: #e8e2dc; border-color: #e8e2dc; }

.end.read-mode .end-header .col-right .bg-set-rdo.bg-black label { background-color: #222; border-color: #222; }

.end.read-mode .end-header .col-right .bg-set-rdo .iradio { background-image: none; }

.end.read-mode .end-header .col-right .bg-set-rdo .iradio.checked { background-image: url("/images/svg/icon-btn-bg-checked.svg"); left: 25px; }

.end.read-mode .end-header .col-right .bg-set-rdo.bg-black .iradio.checked { background-image: url("/images/svg/icon-btn-bg-checked-w.svg"); }

.end.read-mode .end-header .col-right .scale-set { display: inline-block; vertical-align: top; margin-top: 14px; font-size: 0; }

.end.read-mode .end-header .col-right .scale-set .anchor { vertical-align: top; width: 32px; height: 32px; background: url("/images/svg/btn-scale.svg") no-repeat center; background-size: contain; }

.end.read-mode .end-header .col-right .scale-set .anchor.on + .scale-set-list { display: block; }

.end.read-mode .end-header .col-right .scale-set-list { display: none; position: absolute; width: 166px; padding: 20px 0; top: 60px; right: 60px; background-color: #fff; border: solid 1px #e0e0e0; -webkit-box-shadow: 0 2px 9px -1px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 9px -1px rgba(0, 0, 0, 0.14); }

.end.read-mode .end-header .col-right .scale-set-list li { margin-top: 10px; }

.end.read-mode .end-header .col-right .scale-set-list li a { display: block; position: relative; padding: 0 30px 0 40px; line-height: 1.4; font-size: 18px; font-weight: 500; }

.end.read-mode .end-header .col-right .scale-set-list li a.on::before { content: ''; display: block; position: absolute; left: 16px; top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url("/images/svg/icon-btn-bg-checked.svg") no-repeat center; background-size: contain; }

.end.read-mode .end-header .col-right .scale-set-list li .scale-fs14 { font-size: 14px; }

.end.read-mode .end-header .col-right .scale-set-list li .scale-fs16 { font-size: 16px; }

.end.read-mode .end-header .col-right .scale-set-list li .scale-fs18 { font-size: 18px; }

.end.read-mode .end-header .col-right .scale-set-list li .scale-fs22 { font-size: 22px; }

.end.read-mode .end-header .col-right .scale-set-list li .scale-fs26 { font-size: 26px; }

.end.read-mode .end-header .col-right .scale-set-list li:first-child { margin-top: 0; }

.end.read-mode .end-header .col-right .btn-mode { background-color: #111; padding: 0 30px 0 0; text-align: right; -webkit-transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); -o-transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); transition: all 0.3s cubic-bezier(0.78, 0, 0.21, 1); }

.end.read-mode .end-header .col-right .btn-mode:before { left: 52px; }

.end.read-mode .end-header .col-right .btn-share, .end.read-mode .end-header .col-right .btn-bookmark, .end.read-mode .end-header .col-right .btn-print { display: none; }

.end.read-mode .end-top { position: relative; background-size: 0; padding-bottom: 0; height: auto; }

.end.read-mode .end-top .inner { width: 1050px; }

.end.read-mode .end-top .tool-bar { display: none; }

.end.read-mode .end-top .col-main { width: 640px; text-align: center; }

.end.read-mode .end-top .col-main .ttl { margin-top: 0; }

.end.read-mode .end-top .col-main .title { color: #222; }

.end.read-mode .end-top .col-main .info { display: none; }

.end.read-mode .end-top .col-sub { display: none; }

.end.read-mode .end-top.no-profile-img .inner { background-image: none; }

.end.read-mode .end-header.on + .end-top { opacity: 1; }

.end.read-mode .end-top + .end-body { margin-top: 450px; }

.end.read-mode .ad-banner + .inner { margin-top: 60px; }

.end.read-mode .end-body { border: 0; }

.end.read-mode .end-body .editor-note { display: none; }

.end.read-mode .end-body .editor-note-top { display: none; }

.end.read-mode .end-body .div-line-gray { display: none; }

.end.read-mode .end-body .inner { width: 1050px; }

.end.read-mode .end-body .ad-banner { display: none; }

.end.read-mode .end-body .col-main .sub-tit, .end.read-mode .end-body .col-main .sub-tit-m, .end.read-mode .end-body .col-main .sub-tit-ll, .end.read-mode .end-body .col-main .naver-banner, .end.read-mode .end-body .col-main .newspaper-subscribe a, .end.read-mode .end-body .col-main .related-news-list { display: none; }

.end.read-mode .end-body .inner .newspaper-subscribe span.ns-text { display: block; margin: 0 auto -60px; text-align: center; }

.end.read-mode .end-body .col-sub { display: none; }

.end.read-mode .comment-area .inner { width: 1050px; padding-left: 205px; padding-right: 205px; }

.end.read-mode.bg-yellow { background: #efe9e3; }

.end.read-mode.bg-yellow .end-header { background: #fff; border-bottom: 1px solid #f1f1f1; }

.end.read-mode.bg-yellow .end-body { background: #efe9e3; }

.end.read-mode.bg-yellow .comment-area { background: #efe9e3; }

.end.read-mode.bg-yellow .comment-edit .btn-open-edit { border: 1px solid #666; }

.end.read-mode.bg-yellow .comment-edit .textarea-bottom { border-top: 1px solid #ccc; }

.end.read-mode.bg-yellow .comment-sort-tab { border-bottom: 1px solid #ccc; }

.end.read-mode.bg-yellow .comment-sort-tab .refresh { background: url(/images/svg/icon-refresh-blue.svg) right center/17px 18px no-repeat; color: #999; }

.end.read-mode.bg-yellow .comment-list .comment-item { border-bottom: 1px solid #ccc; }

.end.read-mode.bg-yellow .comment-list .comment-item .tool .btn-area .btn-thumbdown { color: #666; }

.end.read-mode.bg-yellow .comment-list .comment-item .reply-list { background-color: transparent; background-color: #ebe5df; }

.end.read-mode.bg-yellow .comment-list .comment-item .reply-list .btn-all { color: #111; }

.end.read-mode.bg-yellow .comment-box { border-bottom: none; }

.end.read-mode.bg-yellow .comment-box .btn-area .btn-thumbdown { color: #ddd; }

.end.read-mode.bg-yellow .comment-area .comment-list .comment-item .reply-list .reply-edit .btn-open-edit { background-color: transparent; border: 1px solid #666; border-radius: 3px; }

.end.read-mode.bg-yellow .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap { background-color: #e8e2dc; border: 1px solid #4a4a4a; }

.end.read-mode.bg-yellow .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-bottom { border-top: 1px solid #ccc; }

.end.read-mode.bg-yellow .reply-list { border-top: 1px solid #ccc; }

.end.read-mode.bg-yellow .reply-list > ul > li { border-bottom: 1px solid #ccc; }

.end.read-mode.bg-black { background: #222; }

.end.read-mode.bg-black .end-header { background: #fff; }

.end.read-mode.bg-black .end-header.on { border-bottom: 1px solid #222; }

.end.read-mode.bg-black .end-top .col-main .ttl.live-issue { color: #fff; }

.end.read-mode.bg-black .end-top .col-main .title { color: #fff; }

.end.read-mode.bg-black .blog-img.mask-ivory + .end-top .col-main .title, .end.read-mode.bg-black .blog-img.mask-white + .end-top .col-main .title { color: #fff; }

.end.read-mode.bg-black .end-body { background: #222; color: #fff; }

.end.read-mode.bg-black .end-body .div-line { border-top: 1px solid #fff; }

.end.read-mode.bg-black .end-body .annotation-list .dt { color: #fff; }

.end.read-mode.bg-black .end-body .btn-area button { color: #fff; }

.end.read-mode.bg-black .end-body .btn-area .btn-like::before { background: url("/images/svg/btn-like-b.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .end-body .btn-area .btn-unlike::before { background: url("/images/svg/btn-like-b.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .end-body .btn-area .btn-share::before { background: url("/images/svg/btn-share-b.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .end-body .btn-area .btn-bookmark::before { background: url("/images/svg/btn-bookmark-b.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .end-body .prev-next-list .disabled .col { color: rgba(255, 255, 255, 0.4); }

.end.read-mode.bg-black .edit-subscribe .btn-subsc { background-image: url("/images/svg/btn-subscribe-wh.svg"); }

.end.read-mode.bg-black .edit-subscribe .btn-subsc.on { background-image: url("/images/svg/btn-subscribe-on.svg"); }

.end.read-mode.bg-black .editor-info-box { color: #aaa; }

.end.read-mode.bg-black .editor-info-box .tit { color: #fff; }

.end.read-mode.bg-black .prev-next-list { color: #fff; }

.end.read-mode.bg-black .comment-area { background: #222; color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit { border-color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea textarea { color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea-bottom { border-top: 1px solid #4a4a4a; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea-bottom button { color: #111; background: #fff; }

.end.read-mode.bg-black .comment-sort-tab { border-bottom: 1px solid #ccc; color: #666; }

.end.read-mode.bg-black .comment-sort-tab .anchor.on { color: #fff; }

.end.read-mode.bg-black .comment-sort-tab .anchor.on:after { background-color: #fff; }

.end.read-mode.bg-black .comment-sort-tab .refresh { background: url(/images/svg/icon-refresh-blue.svg) right center/17px 18px no-repeat; }

.end.read-mode.bg-black .comment-list .reply-list { background-color: rgba(255, 255, 255, 0.05); }

.end.read-mode.bg-black .comment-list .reply-list .btn-all { color: #fff; }

.end.read-mode.bg-black .comment-list .reply-list .btn-all:after { background: url("/images/svg/btn-all-wh.svg") center center/contain no-repeat; }

.end.read-mode.bg-black .comment-list .reply-list .reply-edit .btn-open-edit { background-color: transparent; border: 1px solid #fff; border-radius: 3px; }

.end.read-mode.bg-black .comment-item { color: #fff; }

.end.read-mode.bg-black .comment-item .btn-reply { color: #999; }

.end.read-mode.bg-black .comment-item .btn-thumbup .thumb { background: url("/images/svg/icon-thumbup-w.svg") no-repeat left center; background-size: 20px; }

.end.read-mode.bg-black .comment-item .btn-thumbdown { color: #666; }

.end.read-mode.bg-black .comment-item .btn-thumbdown .thumb { background: url("/images/svg/icon-thumbdown-w.svg") no-repeat left center; background-size: 20px; }

.end.read-mode.bg-black .comment-item .btn-thumbdown .count { color: #666; }

.end.read-mode.bg-black .comment-item .info .id { color: #999; }

.end.read-mode.bg-black .comment-item .info .date { color: #666; }

.end.read-mode.bg-black .comment-item .info .report { color: #999; }

.end.read-mode.bg-black .comment-item .text { color: #fff; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap { background-color: #222; border: 1px solid #fff; border-radius: 3px; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .btn-reg { background-color: #fff; color: #111; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .btn-reg:disabled { background-color: #cccccc; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap textarea { background-color: #222; color: #fff; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .count { font-size: 16px; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .reply-list .reply-edit .textarea-wrap .count strong { font-family: 'Robot', serif; color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea-wrap { border-color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea-wrap .textarea-bottom .count strong { color: #fff; }

.end.read-mode.bg-black .comment-area .comment-edit .textarea-wrap .textarea-bottom button:disabled { background: #cccccc; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup .thumb { background: url("/images/svg/icon-thumbup-g.svg") no-repeat left center; background-size: 20px; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .tool .btn-area .btn-thumbup.on .thumb { background: url("/images/svg/icon-thumbup-g-on.svg") no-repeat left center; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown .thumb { background: url("/images/svg/icon-thumbdown-g.svg") no-repeat left center; background-size: 20px; }

.end.read-mode.bg-black .comment-area .comment-list .comment-item .tool .btn-area .btn-thumbdown.on .thumb { background: url("/images/svg/icon-thumbdown-g-on.svg") no-repeat left center; }

.end.read-mode.bg-black .comment-edit .btn-open-edit { border: 1px solid #fff; }

.end.read-mode.bg-black .list-paging .anchor { color: #fff; }

.end.read-mode.bg-black .list-paging .start { background: url("/images/svg/icon-paging-start-24-x-24-w.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .list-paging .end { background: url("/images/svg/icon-paging-end-24-x-24-w.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .list-paging .prev { background: url("/images/svg/icon-paging-prev-24-x-24-w.svg") no-repeat center; background-size: contain; }

.end.read-mode.bg-black .list-paging .next { background: url("/images/svg/icon-paging-next-24-x-24-w.svg") no-repeat center; background-size: contain; }

.end.blog.read-mode .end-top { background-size: 0; }

.end.blog.read-mode .end-header .col-right .btn-mode { background-color: #111; }

.end.blog.read-mode .end-header .col-right .btn-subsc { background-image: url("/images/svg/btn-subscribe.svg"); }

.end.notice.read-mode .end-top .col-main { width: 1050px; }

.end.read-mode.scale-fs14 .editor-tit, .end.read-mode.scale-fs14 .editor-p { font-size: 14px; line-height: 24px; }

.end.read-mode.scale-fs16 .editor-tit, .end.read-mode.scale-fs16 .editor-p { font-size: 16px; line-height: 28px; }

.end.read-mode.scale-fs22 .editor-tit, .end.read-mode.scale-fs22 .editor-p { font-size: 22px; line-height: 38px; }

.end.read-mode.scale-fs26 .editor-tit, .end.read-mode.scale-fs26 .editor-p { font-size: 26px; line-height: 44px; }

/***************************************************************************************
   사용자메뉴 설정
***************************************************************************************/
.icon-setting { display: inline-block; vertical-align: middle; background-image: url("/images/svg/icon-setting.svg"); background-repeat: no-repeat; background-size: 100%; width: 30px; height: 30px; }

.icon-article { display: inline-block; vertical-align: middle; background-image: url("/images/svg/icon-article.svg"); background-repeat: no-repeat; background-size: 100%; width: 12px; height: 10px; }

.btn-like { background-image: url("/images/svg/btn-like.svg") no-repeat center; }

.btn-comment { background-image: url("/images/svg/btn-comment.svg") no-repeat center; }

.mypage { background-color: #f7f7f7; padding-bottom: 100px; }

.mypage .my-header { background-color: #fff; margin-top: 97px; margin-bottom: 70px; }

.mypage .my-header .inner { padding-bottom: 0; }

.mypage .my-header .title-box { display: inline-block; vertical-align: top; width: 488px; margin-right: 110px; margin-left: 49px; }

.mypage .my-header h2 { display: block; font-size: 42px; font-weight: 300; line-height: 56px; letter-spacing: -.065em; color: #666; }

.mypage .my-header h2 strong { font-weight: 300; color: #02a37f; }

.mypage .my-header .user-id { font-weight: 500; color: #111; }

.mypage .my-header .chart-box { position: relative; display: inline-block; vertical-align: top; width: 600px; padding-left: 172px; }

.mypage .my-header .chart-box.no-content .stat-chart { opacity: .1; }

.mypage .my-header .chart-box.no-content .chart-label { opacity: .1; }

.mypage .my-header .chart-box .btn-setting { float: right; margin: 10px 40px 34px 0; }

.mypage .my-header .stat-chart { display: inline-block; vertical-align: top; }

.mypage .my-header .chart-label { display: inline-block; vertical-align: top; margin-top: 20px; padding-left: 40px; }

.mypage .my-header .chart-label .first-rate { position: absolute; top: 0; left: 0; }

.mypage .my-header .chart-label .first-rate .num, .mypage .my-header .chart-label .first-rate .text { font-size: 22px; font-weight: 500; color: #111; }

.mypage .my-header .chart-label .first-rate .num { font-family: 'Roboto', serif; }

.mypage .my-header .chart-label .first-rate .percentage { display: block; font-size: 70px; line-height: 60px; letter-spacing: -.05em; color: #111; margin-top: 6px; }

.mypage .my-header .chart-label .first-rate:before, .mypage .my-header .chart-label .first-rate:after { content: ''; }

.mypage .my-header .chart-label .first-rate:before { position: absolute; top: 12px; right: -115px; width: 100px; height: 1px; background-color: #111; }

.mypage .my-header .chart-label .first-rate:after { position: absolute; top: 5px; right: -130px; width: 16px; height: 16px; border-radius: 50%; background-color: #111; }

.mypage .my-header .chart-label li { font-size: 18px; line-height: 24px; letter-spacing: -.05em; color: #666; margin-top: 16px; }

.mypage .my-header .chart-label .num { font-family: 'Roboto', serif; display: inline-block; vertical-align: middle; }

.mypage .my-header .chart-label .text { margin-left: 4px; display: inline-block; vertical-align: middle; }

.mypage .my-header .chart-label .percentage { display: inline-block; vertical-align: middle; }

.mypage .my-header .chart-label .date { font-size: 12px; line-height: 20px; letter-spacing: -.0125em; color: #999; margin-top: 28px; }

.mypage .icon-setting { font-size: 18px; letter-spacing: -.05em; color: #666; background-size: 26px; background-position: 60px center; width: 103px; height: 48px; line-height: 46px; padding-left: 24px; border: 1px solid #e2e2e2; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage .inner { background-color: #fff; padding-bottom: 90px; width: 1280px; }

.mypage .inner:after { content: ''; clear: both; display: table; }

.mypage .user-attension { width: 310px; padding-top: 90px; padding-right: 36px; padding-left: 40px; float: left; }

.mypage .user-attension.no-content { width: 234px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-top: 56px; margin-left: 50px; margin-right: 80px; padding-top: 0; }

.mypage .user-attension.no-content p { font-size: 14px; font-weight: 500; text-align: center; letter-spacing: -.0125em; line-height: 28px; padding-top: 197px; padding-bottom: 220px; color: #111; }

.mypage .user-attension .attension-list { height: 408px; }

.mypage .user-attension .attension-list li { margin-bottom: 18px; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2; }

.mypage .user-attension .attension-list h3 { font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -.05em; color: #111; margin-bottom: 7px; }

.mypage .user-attension .attension-list p { font-size: 12px; line-height: 22px; letter-spacing: -.05em; color: #666; }

.mypage .user-attension .attension-list p span { display: inline-block; vertical-align: middle; }

.mypage .user-attension .attension-list .icon-article { margin-right: 3px; }

.mypage .user-attension .attension-list .date { display: block; font-size: 12px; letter-spacing: -.025em; color: #666; }

.mypage .user-attension .attension-list .text { width: 215px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.mypage .track-article { width: 846px; padding-left: 46px; padding-right: 15px; padding-top: 90px; float: left; }

.mypage .track-article.no-content { padding-top: 56px; }

.mypage .track-article.no-content .tab { border-bottom: none; margin-bottom: 140px; padding-bottom: 0; }

.mypage .track-article.no-content p.text { font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -.0125em; text-align: center; color: #111; }

.mypage .track-article .tab { margin-bottom: 45px; padding-bottom: 32px; border-bottom: 1px solid #e2e2e2; }

.mypage .track-article .tab:after { content: ''; display: table; clear: both; }

.mypage .track-article .tab li { text-align: center; float: left; width: 25%; }

.mypage .track-article .tab span { display: block; }

.mypage .track-article .tab .count { font-family: 'Roboto'; font-size: 42px; font-weight: 300; letter-spacing: -.05em; color: #666; margin-bottom: 6px; }

.mypage .track-article .tab .on { color: #111; }

.mypage .track-article .tab .on .count { font-weight: 500; color: #111; }

.mypage .track-article .tab .on .text { position: relative; font-weight: 700; padding-left: 3px; padding-right: 3px; }

.mypage .track-article .tab .on .text:after { content: ''; position: absolute; bottom: -8px; left: 0px; right: 0px; height: 16px; background-color: rgba(2, 163, 127, 0.18); }

.mypage .track-article .tab .text { font-size: 16px; }

.mypage .track-article .tab-contents li { position: relative; }

.mypage .track-article .rowner { position: relative; }

.mypage .track-article .sub-tab { display: inline-block; vertical-align: middle; margin-top: -10px; margin-bottom: 50px; }

.mypage .track-article .sub-tab:after { content: ''; display: table; clear: both; }

.mypage .track-article .sub-tab li { float: left; margin-right: 26px; }

.mypage .track-article .sub-tab label { padding-left: 3px; cursor: pointer; }

.mypage .track-article .col-right { position: absolute; top: 0; right: 0; }

.mypage .track-article .col-right .btn-box { position: relative; top: -20px; right: 0; }

.mypage .track-article .col-right .btn-box { border: 1px solid rgba(82, 145, 171, 0.2); }

.mypage .track-article .col-right .btn-more a { padding-left: 20px; }

.mypage .track-article .board-list .date { line-height: 24px; }

.mypage .track-article .board-list .text-box { margin-right: 70px; }

.mypage .track-article .board-list .reporter { position: relative; top: -2px; margin-right: 10px; }

.mypage .track-article .board-list .like-num { background-image: url("/images/svg/like-all.svg"); background-size: 26px 20px; padding-left: 30px; margin-right: 4px; }

.mypage .track-article .board-list .reply-num { margin-right: 0; }

.mypage .track-article .board-list .reply-alarm { margin-left: 18px; }

.mypage .list-paging { margin-top: 0; padding-top: 70px; clear: both; }

.custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #e2e2e2; width: 4px; }

.custom-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; }

.icon-book-mark { background: url("/images/svg/bookmark.svg") no-repeat center 100%; }

/***************************************************************************************
   Common Page 설정
***************************************************************************************/
.multi-viewer { width: 980px; min-width: 980px; margin: 0 auto 80px; }

.multi-viewer header { width: 100%; min-width: 980px; margin-top: 20px; }

.multi-viewer header .hk-logo { display: inline-block; vertical-align: middle; width: 72px; margin-right: 26px; }

.multi-viewer header .hk-logo a { background-image: url("/images/logo-green@2x.png"); background-size: 100%; background-repeat: no-repeat; width: 100%; height: 21px; text-indent: -9999px; overflow: hidden; }

.multi-viewer header .category { display: inline-block; vertical-align: middle; font-size: 18px; color: #333; }

.multi-viewer .container { position: relative; width: 100%; min-width: 980px; }

.multi-viewer .inner { width: 100%; }

.multi-viewer .slider-for .title-area { margin-bottom: 30px; }

.multi-viewer .slider-for .title-area .ttl { font-size: 16px; line-height: 28px; letter-spacing: -.05em; margin-bottom: 5px; }

.multi-viewer .slider-for .title-area h2 a { display: inline-block; vertical-align: bottom; }

.multi-viewer .slider-for .title-area .go-link { position: relative; top: -2px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #111; margin-left: 16px; padding-bottom: 2px; }

.multi-viewer .slider-for .img-box { background-color: #fff; height: 620px; line-height: 620px; overflow: hidden; }

.multi-viewer .slider-for .img-box img { display: inline-block; max-width: 980px; max-height: 620px; }

.multi-viewer .slider-for .img-box a { outline: none; }

.multi-viewer .slider-for .slick-slide { outline: none; }

.multi-viewer .slider-for .slick-arrow { width: 96px; height: 96px; margin-top: 48px; }

.multi-viewer .slider-for .slick-arrow:before { content: ''; background-repeat: no-repeat; background-size: 100%; display: block; width: 100%; height: 96px; }

.multi-viewer .slider-for .slick-prev { left: -116px; }

.multi-viewer .slider-for .slick-prev:before { background-image: url("/images/svg/mv-arrow-prev.svg"); }

.multi-viewer .slider-for .slick-next { right: -116px; }

.multi-viewer .slider-for .slick-next:before { background-image: url("/images/svg/mv-arrow-next.svg"); }

.multi-viewer .list-box { margin-top: 30px; }

.multi-viewer .viewer-count { position: absolute; top: 0; right: 0; font-family: 'Roboto'; font-size: 18px; }

.multi-viewer .viewer-count .current { font-weight: 700; color: #5291ab; }

.multi-viewer .show-box { margin-top: 59px; }

.multi-viewer .slider-nav .slick-track { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }

.multi-viewer .slider-nav .slick-slide { position: relative; width: 144px !important; height: 108px; line-height: 100px; margin-right: 10px; overflow: hidden; cursor: pointer; }

.multi-viewer .slider-nav .slick-slide img { display: inline-block; vertical-align: middle; width: 100%; }

.multi-viewer .slider-nav .slick-slide.video { position: relative; }

.multi-viewer .slider-nav .slick-slide.video:before { content: ''; position: absolute; z-index: 1; bottom: 8px; left: 8px; background-image: url("/images/svg/icon-mv-video.svg"); background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; }

.multi-viewer .slider-nav .slick-current { position: relative; border: 3px solid #02a37f; }

.multi-viewer .slider-nav .slick-current:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); cursor: pointer; }

.multi-viewer .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .multi-viewer .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -30px; }

.multi-viewer .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #5291ab; height: 3px; }

.multi-viewer .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar { height: 12px; }

.multi-viewer .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { height: 3px; }

/***************************************************************************************
   이미지 리사이징
***************************************************************************************/
/***************************************************************************************
   Edit Page 설정
***************************************************************************************/
.pv-area { position: absolute; top: -22px; left: 0; display: block; height: 22px; color: #fff; background-color: #1c222d; border-radius: 22px; -webkit-box-shadow: 0 4px 8px rgba(27, 39, 51, 0.3); box-shadow: 0 4px 8px rgba(27, 39, 51, 0.3); z-index: 9; }

.pv-area.no-num .pv-inn { position: relative; padding-left: 20px; }

.pv-area.no-num .pv-inn .number { display: none; }

.pv-area.no-num .pv-inn:before { content: ''; position: absolute; top: 9px; left: 10px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #00bc98; }

.pv-area.only-num .pv-inn { padding-left: 0; }

.pv-area.only-num .pv-inn .live-click { display: none; }

.pv-area .pv-inn { position: relative; padding: 0 0 0 32px; }

.pv-area .pv-inn .number { position: absolute; top: -3px; left: -1px; display: block; width: 28px; height: 28px; font-family: 'roboto'; font-size: 14px; line-height: 27px; letter-spacing: -.05em; text-align: center; background-color: #111; border-radius: 28px; -webkit-box-shadow: 0 4px 8px rgba(27, 39, 51, 0.3); box-shadow: 0 4px 8px rgba(27, 39, 51, 0.3); }

.pv-area .pv-inn .number:before { content: ''; position: absolute; top: 25px; left: 7px; display: block; width: 0; height: 0; display: block; border-top: 9px solid #111; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid transparent; }

.pv-area .pv-inn .number.num1 { background-color: #f96464; }

.pv-area .pv-inn .number.num1:before { content: ''; border-top: 9px solid #f96464; }

.pv-area .pv-inn .number.num2 { background-color: #f5a623; }

.pv-area .pv-inn .number.num2:before { content: ''; border-top: 9px solid #f5a623; }

.pv-area .pv-inn .number.num3 { background-color: #f5a623; }

.pv-area .pv-inn .number.num3:before { content: ''; border-top: 9px solid #f5a623; }

.pv-area .pv-inn .number.num4 { background-color: #f5a623; }

.pv-area .pv-inn .number.num4:before { content: ''; border-top: 9px solid #f5a623; }

.pv-area .pv-inn .number.num5 { background-color: #f5a623; }

.pv-area .pv-inn .number.num5:before { content: ''; border-top: 9px solid #f5a623; }

.pv-area .pv-inn .live-click { display: inline-block; height: 22px; padding-right: 10px; font-size: 12px; letter-spacing: 0; line-height: 22px; vertical-align: top; color: #fff; opacity: .9; }

.pv-area .pv-inn .live-click span { margin-left: 4px; }

.pv-area .pv-inn .live-click strong { margin-left: 4px; font-family: 'roboto'; }

.pv-area .pv-inn .modify { display: inline-block; height: 22px; line-height: 22px; }

.pv-area .pv-inn .modify a { display: block; padding: 0 10px; height: 22px; font-size: 12px; line-height: 22px; background-color: #2c4453; border-radius: 0 22px 22px 0; }

.pv-area .pv-inn .modify a:hover { background-color: #437085; }

.pv-area.hd-add { left: 30px; }

/* PV variation */
.recent-list article { position: relative; }

.politics .section-large-list .pv-area { top: 0; }

.politics .section-large-list.interview-type .pv-area { top: 7px; }

.economy .section-large-list .pv-area { top: 0; }

.economy .section-large-list.interview-type .pv-area { top: 7px; }

.grid-type .section-large-list .pv-area { top: -3px; }

.grid-type .section-large-list.interview-type .pv-area { top: 7px; }

.pulled .recent-large { position: relative; }

.theme-box .display-list { position: relative; }

.culture-serial .list-serialize li { position: relative; }

.culture .theme-box .list-type .article-list li { position: relative; }

.culture .theme-box .list-type .article-list li .pv-area { top: -20px; }

.magazine-type .recent-large { position: relative; }

.magazine-type .theme-box .img-list-type li { position: relative; }

.life .recent-list .cartoon { position: relative; }

.people .recent-large { position: relative; }

.people .section-large-list .pv-area { top: 8px; }

.entertainment .recent-large { position: relative; }

.entertainment .theme-box .display-list.list-type li { position: relative; }

.entertainment .theme-box .display-list.list-type li .pv-area { top: -18px; }

.photo-news .photo-list { position: relative; }

.photo-news .photo-list .pv-area { top: 5px; left: 3px; }

.sports .recent-large { position: relative; }

.sports .section-large-list .pv-area { top: 8px; }

.opinion .article-box article { position: relative; }

.opinion .opinion-list li { position: relative; }

.opinion .column-list li { position: relative; }

.opinion .column-list li .pv-area { top: 5px; left: 3px; }

.focus .article-box article { position: relative; }

.focus .theme-box .display-list.list-type li { position: relative; }

.pvbox { position: relative; }

.live-issue .recent-list h4 { position: relative; overflow: initial; }

.live-issue .recent-list h4 .pv-area { top: -18px; }

.live-issue .recent-list .text { position: relative; overflow: initial; }

.live-issue .recent-list .text .pv-area { top: -18px; }

.magazine-type.special .recent-large { position: relative; }

.magazine-type.special .recent-area { position: relative; }

.magazine-type.special .display-list.full-type.large-image { position: relative; }

.magazine-type.special .display-list.full-type.total-img-type { position: relative; }

.magazine-type.special .display-list.img-list-type li { position: relative; }

/* Main */
.main .head-recent .title-area .roll-box .pv-area .pv-inn .live-click strong { float: inherit; margin-right: 0; margin-top: 0; font-size: 12px; line-height: 22px; vertical-align: top; color: #fff; opacity: .9; }

.main .type-c .pv-area { top: 17px; }

.full-headline .inn .text-box .pv-area { top: 0; }

.end .end-body .col-main.editor { font-size: 16px; line-height: normal; }

.col-main.editor .editor-p { position: static; font-size: 100%; line-height: inherit; margin-top: 0; }

.col-main.editor .editor-p + .editor-p { margin-top: 0; }

.col-main.editor .editor-p strong { font-weight: bold; }

.col-main.editor .editor-p sub { bottom: auto; font-family: inherit; font-size: inherit; }

.col-main.editor .editor-p sup { top: auto; font-family: inherit; font-size: inherit; color: inherit; line-height: 1.125em; }

.col-main.editor .editor-p ol li, .col-main.editor .editor-p ul li { display: list-item; }

.col-main.editor .editor-p ol { margin: 1em; list-style-type: decimal; }

.col-main.editor .editor-p ul { margin: 1em; list-style-type: disc; }

/***************************************************************************************
   Media Query 설정
***************************************************************************************/
/** 1390 */
@media (max-width: 1390px) { .end .end-body { margin-left: 0; }
  .end .end-body .ad-banner { margin-left: 0; }
  .end .end-body .ad-banner .img-box { margin-left: 0; }
  .comment-area { width: 1200px; }
  .comment-area .inner { width: 1200px; padding-left: 205px; padding-right: 355px; }
  .end.read-mode .inner, .end.print .inner { width: 1200px; margin-left: auto; padding-right: 205px; }
  .end.read-mode .end-body, .end.print .end-body { min-width: auto; margin-left: auto; }
  .end.read-mode .comment-area, .end.print .comment-area { width: auto; }
  .end.read-mode .comment-area .inner, .end.print .comment-area .inner { width: 1050px; padding-left: 205px; padding-right: 205px; } }

/***************************************************************************************
   mac
***************************************************************************************/





/***************************************************************************************
  2021-06-11 온라인서비스 이혜인 작성 - 'add_2106' addclass
***************************************************************************************/

/* TOP */
.container.add_2106 .inner {
  width: 1230px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}
.search.add_2106 .search-header{
  position:relative;
}
.search.add_2106 .search-header h1 {
  position:absolute;
  top:0;
  left:0;
  width: 85px;
  height: 80px;
  padding-right: 25px;
  background: #fff;
}
.search.add_2106 .search-header h1 > a{
  display:block;
  width:100%;
}
.search.add_2106 .search-header h1 > a img {
  width: 100%;
  height: 100%;
}

/* filter */
.add_2106 .search-controller {
  float:none;
  display:block;
  width:100%;
  padding:0;
  border:0;
}
.add_2106 .search-controller.on{
  opacity:1;
}
.add_2106 .search-result.pushed-list {
  margin-left: 0;
}
.add_2106 .search-controller .set-section label{
  max-width:12.5%;
}
.controller-head{
  display:none;
  width:100%;
  padding-top:20px;
}
.controller-head.on{
  display:block;
  width:100%;
  padding-top:20px;
}
.add_2106 .search-controller dt{
  padding-left:10px;
  border-bottom: 1px solid #000;
  padding-bottom:20px;
  margin-bottom:20px;
}
.controller-head ul{
  display:inline-block;
  margin-right:12px;
}
.controller-head ul li{
  display:inline-block;
  margin:7px 7px 7px 0;
  padding-right:7px;
  border-right:1px solid #ccc;
  height:16px;
  line-height:16px;
}
.controller-head ul li > a{
  font-size:14px;
  font-weight:normal;
}
.controller-head ul li.on > a{
  font-weight:bold;
}
.controller-head ul li:last-child{
  padding-right:7px;
  border:none;
}
.controller-head li .set-date{
  display:inline-block;
  margin-top:0;
  margin-left:10px;
  position:static;
}
.controller-head li .set-date input {
  height: 24px;
}
.search-controller .controller-head .set-term {
  margin-bottom: 0;
}
.search-controller .controller_listul .set-term {
  margin-bottom: 0;
}
.search-controller .controller_listul li.on > a {
  font-weight:bold;
  color: #444;
}
.add_2106 .controller-main{
  padding:0;
  display:table;
  position:relative;
  width:100%;
}
.float_filter{
  display:inline-block;
  position:absolute;
  top:26px;
  right:10px;
  height:30px;
  z-index:9;
}
.btn-filter{
  height: 26px;
  width: 26px;
  line-height: 30px;
  padding: 0;
  border: 1px solid #d1d5dc;
  background-color: #fff;
  font-size: 13px;
  color: #444;
  font-weight: 500;
  letter-spacing: -.5px;
  border-radius: 2px;
  background: url(/images/svg/filter_black_24dp.svg)no-repeat left 3px center;
  background-size:18px 18px;
}
.float_filter.on .btn-filter{
  background-color:#f0f0f0;
}
.btn-filter:after{
  content: '';
  display: block;
  clear: both
}
.add_2106 .search-controller .set-date .word-space {
  margin-right: 5px;
}
.add_2106 .datepicker--cell{
  font-size:16px;
}
.add_2106 .days-calendar .datepicker--cell-day{
  font-size:16px;
}
.add_2106 .datepicker--nav-title .month, .datepicker--nav-title .year {
  font-size: 26px;
}

.controller_row{
  display:table-row;
  width:100%;
}
.controller_row_th{
  display:table-cell;
  width:70px;
  font-weight:bold;
  color:#000;
  vertical-align:middle;
  height:30px;
}
.controller_row_td{
  display:table-cell;
  font-size:12px;
  vertical-align:middle;
  height:30px;
  width:670px;
}
.add_2106 .search-controller .collapse-box{
  height:auto;
  width:670px;
}
.add_2106 .search-controller label{
  margin-left:0;
  width:80px !important;
}
.add_2106 .search-controller label.secondrow{
  margin-left:0;
}
.controller_listul li{
  display:inline-block;
  margin:0px 10px 0 0;
  padding-right:10px;
  border-right:1px solid #ccc;
  height:16x;
  line-height:16px;
}
.controller_listul li:last-child{
  padding-right:0;
  border:none;
}
.controller_listul li .set-date{
  display:inline-block;
  margin-top:0;
  margin-left:10px;
  position:static;
}
.controller_listul li .set-date input {
  height: 24px;
}
.add_2106 .controller-main.filter{
  padding: 20px 10px 10px 10px;
  border-bottom: 1px solid #e2e2e2;
  display:block;
  width:840px;
}
.tableWrap{
  display:table;
  width:100%;
}
.add_2106 .controller-main.words .controller_row_th,
.add_2106 .controller-main.words .controller_row_td{
  height:auto;
  vertical-align:middle;
}
.add_2106 .word .controller_row_th,
.add_2106 .word .controller_row_td{
  padding-top:10px;
  border-top:1px solid #e2e2e2;
}
.search-controller .controller_listul .set-date .word-space{
  margin-right:5px;
}
.btn-small{
  border:1px solid #ccc;
  padding:6px;
  border-radius:2px;
  margin-left:15px;
}
.controller_listul li > a{
  font-size:13px;
}
.controller-detail{
  width:100%;
  background-color:#f0f0f0;
  display:none;
  z-index:10;
  margin-bottom:30px;
  max-width:840px;
}
.controller-detail.on{
  width:100%;
  background-color:#fff;
  display:block;
  border-bottom: 1px solid #000;
  margin-bottom:30px;
  max-width:840px;
}
.add_2106 .search-controller .controller-reset {
  position: static;
  color: #999;
}
.add_2106 .search-controller .controller-footer{
  padding:20px 10px;
  border:0;
}
.add_2106 .word input[type=text] {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
  height: 30px;
  padding: 0 10px;
  margin-top: 0;
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  font-size: 14px;
}
.add_2106 .word .and {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  line-height: 30px;
  color: #666;
}
.add_2106 .word .and.first{
  margin-right:20px;
}
.add_2106 em{
  color:#000;
  font-style:normal;
}
.add_2106 em.minits{
  color:red;
  font-style:normal;
}


/* search- result */
.add_2106 .search-result{
  float:left;
  margin-right:36px;
  margin-left:0;
}
.add_2106 .search-result .board-list li.firstborder{
  /* border-top:1px solid #333; */
}
.add_2106  .board-list.article-small-type li:last-child {
  border-bottom:1px solid #e2e2e2;
}

.topsearch-info{
  display:flex;
  align-items: center;
}
.topsearch-info.between{
  justify-content: space-between;
}

.topsearch-info .thumbnail{
  width:80px;
  height:80px;
  margin-right:16px;
  overflow:hidden;
  border-radius:100%;
}
.topsearch-info .thumbnail img{
  width: 100%;
}
.topsearch-info .writer-info h3{
  padding-bottom:0;
  color: #111;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}

.topsearch-info .writer-info h3 a{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.topsearch-info .writer-info p{
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.topsearch-info .background-img{
  width: 192px;
  margin-right: 22px;
}
.topsearch-info .background-img img{
  width: 100%;
}
/* search- result - top */
.topsearch_listWrap{
  width:100%;
  border-radius: 16px;
  background: #E8F0EF;
  /*border:1px solid #ccc;*/
  padding:24px;
  margin-bottom:30px;
}

.topsearch_listWrap.white-gray{
  border: 1px solid #F2FAF8;
  background: #F7F8F9;
}

.topsearch_listWrap h4{
  font-size:14px;
  margin-bottom:12px;
}
.topsearch_listWrap h4 > .dth_2{
  color:grey;
  font-weight:normal;
}
.topsearch_listWrap h3{
  font-size:26px;
  padding-bottom:12px;
  text-decoration:underline;
}
.topsearch_listWrap h3:hover > a{
  text-decoration:underline;
}
.topsearch_listWrap h3 > a{
  font-weight:bold;
  color:#333;
  font-size:34px;
}
.topsearch_listWrap > p{
  color:#777;
}
.topsearch_list{
  border-top:1px solid #e2e2e2;
  padding-top:8px;
  margin-top:16px;
  width:100%;
}
.topsearch_list li{
  width:100%;
  margin:2px 0;
  overflow:hidden;
}
.topsearch_list li > a{
  display:inline-block;
  float:left;
  width:72%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:15px;
  line-height: 18px;
}

.topsearch_list li > span{
  display:inline-block;
  float:right;
  width:30%;
  color: #666;
  line-height: 1.5;
  text-align:right;
}
.topsearch_list li > span > em{
  font-size: 14px;
  color: #666;
}
.topsearch_list li > span > b{
  font-size: 14px;
  display:inline;
  text-align:right;
  border-left:1px solid #ccc;
  margin-left:5px;
  padding-left:5px;
  font-weight:normal;
}

.topsearch_list.jpage-class li > span{
  width:15%;
}
.topsearch_list.jpage-class li > span > b{
  display:none;
}

.add_2106 .board-list h3{
  font-size: 19px;
}


/* floating Right */
.add_2106 .floating-banner{
  float:right;
  width:300px;
}
.add_2106 .col-sub .side-link-box>.side-ad-box {
  margin: 30px 0;
  text-align: center;
}
.add_2106 .col-sub .side-link-box li{
  height:auto;
}
.add_2106 .col-sub .side-link-box li a {
  display: block;
  overflow: hidden;
}
.add_2106 .col-sub .side-link-box li .title .text {
  display: -webkit-box;
  max-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.add_2106 .col-sub .side-link-box li .title {
  position: relative;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
}
.add_2106 .col-sub .side-link-box li .img-box {
  float: right;
  margin: 3px 0 0 0;
  width: 64px;
  height: 48px;
}
.add_2106  .col-sub .side-link-box li .title .num {
  display: block;
  margin: 2px 0 0 0;
  min-width: 18px;
  text-align: left;
}
.add_2106 .date {
  font-size: 13px;
  color: #777;
  line-height:1em;
  margin-top:5px;
}
.add_2106 .date > em{
  display:inline-block;
}
.add_2106 .date > em:last-child{
  padding-right:8px;
  margin-right:4px;
  border-right:1px solid #ccc;
}


/* add banner */
.add_2106 .ad-banner .inner {
  text-align:left;
}
.add_2106 .ad-banner .imgWrap{
  width: 840px;
  text-align:center;
}
.add_2106 .ad-banner .img-box{
  width:250px;
  height:250px;
  display:inline-block;
  margin-right:30px;
}
.add_2106 .ad-banner .img-box  a{
  display:block;
  width:100%;
}

.mb_5{
  margin-bottom:5px;
}
.controller_row_th.pb_10 , .controller_row_td.pb_10{
  padding-bottom:10px;
}