/********************************************** note : design custom style page **********************************************/ strong {font-weight:700; font-weight: var(--wgt700, 700);} .box-skin .header .skin-column>a, .box-skin .header .skin-column>strong, .box-skin .header>a, .box-skin .header>strong {font-size:1rem} .box-skin.design-7.red-line .header {border-top-color:#d4000a} .box-skin .user-point-r {color:#d4000a} /* 기사하단 관련기사 */ #enters.coin-add-articles {display:inline-block;padding-left:45px} @media screen and (max-width: 39.9375em) { #enters.coin-add-articles {padding-left:0} } /* 고객센터 구독신청 kd-new2 메뉴 숨김 */ #com-wrap.com-type4 .com-nav .dropdown.menu > li:nth-child(2) ul li:nth-child(3), #com-wrap.com-type4 .for-company .dropdown-pane > li > a[href*='new2'] {display:none} /********************************************** note : 기사리스트 **********************************************/ /* type for tail custom */ #section-list .type4 > li {float:left;width: 30.9%;min-height:1px;margin-left:3%;margin-top:3%;} #section-list .type4 > li.noimage {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;padding:1.25rem;background:#f8f8fa;border:1px solid rgba(0,0,0,.08);text-align:center} #section-list .type4 > :nth-child(3n + 1) {margin-left:0} #section-list .type4 > :nth-child(-n + 3) {margin-top:0} #section-list .type4 > li::after {content:normal} #section-list .type4 > li img {width:100%;height:145px} #section-list .type4 a[href^="/news"], #section-list .type4 a[href^="http"] {font-size:inherit;color:inherit} #section-list .type4 .category {display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375} #section-list .type4 .thumb {display:block;position:relative;height:220px;text-align:center;} #section-list .type4 .thumb::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)} #section-list .type4 .thumb:hover {background:#007d34;color:#fff} #section-list .type4 .thumb:hover .titles {color:#fff} #section-list .type4 .titles {height:55px;overflow: hidden;padding:.9375rem;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;text-overflow:ellipsis;letter-spacing:-.025em;color:#1e1e1e;} #section-list .type4 .byline {display:block;font-size:0} #section-list .type4 .byline > em {display:block;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;color:#a7a7a7} #section-list .type4 > li.noimage .byline {margin-top:1rem} #section-list .type4 .label-group {display:block;margin-top:1rem} #section-list .type4 > li.noimage .label-group {text-align:center} @media screen and (max-width: 63.9375em) { .row #section-list .type4 > :nth-child(n) {width:31%;margin-left:3.5%;margin-top:3.5%} .row #section-list .type4 > :nth-child(3n + 1) {margin-left:0} .row #section-list .type4 > :nth-child(-n + 3) {margin-top:0} } @media screen and (max-width: 39.9375em) { .row #section-list .type4 > :nth-child(n) {width:46%;margin-left:8%;margin-top:8%} .row #section-list .type4 > :nth-child(2n + 1) {margin-left:0} .row #section-list .type4 > :nth-child(-n + 2) {margin-top:0} } /********************************************** note : 기사뷰페이지 **********************************************/ /* layout */ #article-view.mobile .article-view-header {margin-bottom:1.5rem} /* heading */ #article-view .heading {font-size:2rem;font-weight:400;line-height:1.25em;letter-spacing:-.1em} #article-view .subheading {font-size:1.063rem;line-height:1.45em;color:#333;border-left:3px solid #333;letter-spacing:-.065em} @media screen and (max-width: 39.9375em) { .row #article-view .heading {font-size:2.1rem;font-weight:400;line-height:1.25;letter-spacing:-.08em} .row #article-view .subheading {font-size:1.063rem;font-weight:400;line-height:1.45em;border-left:3px solid #000} } @media screen and (max-width: 63.9375em) { .row .article-veiw-body.view-page p {color:#333;line-height:1.625em;letter-spacing:-.05rem} } /* header tools */ #article-view.mobile .quick-tool > .tool {display:inline-block;width:32px;height:32px;margin-left:.3rem;font-size:1rem;border-width:1px;border-color:rgba(0,0,0,.7);border-radius:50%} #article-view.mobile .quick-tool > .tool button {width:32px;height:29px;font-size:1rem} #article-view.mobile .quick-tool > .fonts-option.tool{background:#fff} #article-view.mobile .quick-tool > :last-child, #article-view .quick-tool > :nth-last-child(3) {border-right-width:1px} #article-view.mobile .quick-tool > :nth-last-child(2) {margin-left:.3rem} /* info group */ #article-view .article-body .social-group {text-align:center} #article-view.mobile .info-group .item:nth-child(2) {text-align:right} @media screen and (max-width: 39.9375em) { .row #article-view .info-group .item:nth-child(2) {text-align:center} } /* 기사본문 */ #article-view .sticky-article {padding-left:45px} .article-veiw-body.view-page p {font-weight:400;line-height:1.625em;letter-spacing:-.05em;color:#333;text-align:justify !important;word-break:normal;word-wrap:break-word;} @media screen and (max-width: 39.9375em) { #article-view .sticky-article {padding-left:0} } /* infomation */ #article-view .infomation > li {line-height:1.5} /* 상단옵션 - 글씨크기 */ #article-view.mobile .fonts-option {position:relative} #article-view.mobile .fonts-option .options-btn.active {color:#fefefe;background:rgba(0,0,0,.7)} #article-view.mobile .fonts-option-panel {display:none;position:absolute;z-index:999;width:200px;padding:.9375rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;right:0;top:calc(100% + 10px)} #article-view.mobile .fonts-option-panel::before,#article-view.mobile .fonts-option-panel::after {content:'';position:absolute;border-style:solid;border-color:transparent;bottom:100%} #article-view.mobile .fonts-option-panel::before {z-index:1;right:8px;border-width:6px;border-bottom-color:rgba(0,0,0,.15)} #article-view.mobile .fonts-option-panel::after {z-index:2;right:9px;border-width:5px;border-bottom-color:#fefefe} #article-view.mobile .fonts-option-panel.active {display:block} #article-view.mobile .fonts-option-panel li {display:block;padding:0;margin:0} #article-view.mobile .fonts-option-panel li::after {content:'';display:table;clear:both} #article-view.mobile .fonts-option-panel li input[type="radio"],#article-view.mobile .fonts-option-panel li input[type="checkbox"] {display:none} #article-view.mobile .fonts-option-panel li input[type="radio"] + label,#article-view.mobile .fonts-option-panel li input[type="checkbox"] + label {position:relative;display:block;margin:0 0 .75rem;line-height:1;letter-spacing:-0.05em;cursor:pointer} #article-view.mobile .fonts-option-panel li:nth-child(1) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(1) input[type="checkbox"] + label {font-size:.9rem} #article-view.mobile .fonts-option-panel li:nth-child(2) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(2) input[type="checkbox"] + label {font-size:1rem} #article-view.mobile .fonts-option-panel li:nth-child(3) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(3) input[type="checkbox"] + label {font-size:1.063rem} #article-view.mobile .fonts-option-panel li:nth-child(4) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(4) input[type="checkbox"] + label {font-size:1.125rem} #article-view.mobile .fonts-option-panel li:nth-child(5) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(5) input[type="checkbox"] + label {font-size:1.188rem} #article-view.mobile .fonts-option-panel li:nth-child(6) input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:nth-child(6) input[type="checkbox"] + label {font-size:1.250rem} #article-view.mobile .fonts-option-panel li:last-child input[type="radio"] + label,#article-view.mobile .fonts-option-panel li:last-child input[type="checkbox"] + label {margin-bottom:0} #article-view.mobile .fonts-option-panel input[type="radio"] + label::before,#article-view.mobile .fonts-option-panel input[type="checkbox"] + label::before {content:'';display:inline-block;float:left;width:13px;height:13px;margin-top:.15rem;margin-right:.25rem;font-family:'Stroke 7';font-size:.8rem;font-weight:400;font-style:normal;line-height:13px;vertical-align:bottom;text-align:center;background-color:#fefefe;color:#fefefe;border:1px solid rgba(0,0,0,.15);border-radius:50%} #article-view.mobile .fonts-option-panel input[type="radio"]:checked + label::before,#article-view.mobile .fonts-option-panel input[type="checkbox"]:checked + label::before {background-color:#e6336e} #article-view.mobile .fonts-option-panel input[type="radio"] + label > i {position:absolute;left:0px;top:0px;color:#fff} @media screen and (max-width: 39.9375em) { .row #article-view.mobile .fonts-option-panel, .row #article-view.mobile .fonts-option-panel::before,.row #article-view.mobile .fonts-option-panel::after {left:50%;right:inherit;transform:translateX(-50%)} } /* 신경훈 / 1041828 / 20210326 */ .mobile #article-view .tag-group .tag{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} @media screen and (max-width: 39.9375em) { .mobile #article-view .tag-group .tag{width:auto; margin-bottom: 5px;} } /* 김민희 / 1046376 / 20210412 */ #m-idx17 .m-more-btn {display: block;overflow: hidden;width: 50%;max-width: 160px;margin: 40px auto 40px; font-size: 20px; font-weight: normal;line-height: 52px;letter-spacing: -.075em; background-color: #fff; border: 1px solid rgba(0,0,0,.5); text-align: center;text-decoration: none;transition: border-color .3s ease;} /* 홍경아 / 1108964 / 20211116 */ .box-skin.tit .header>strong { margin-top: 5px;margin-bottom: 1rem; font-size: 1.125rem; font-weight: 300; color: #878787; text-transform: uppercase; text-align: center;} .box-skin.tit2 .header>strong,.box-skin.tit2 .header>a { margin-top: 5px; margin-bottom: 1rem; font-size: 1.25rem; text-transform: uppercase; text-align: center;font-weight: 700; line-height: 1.2;} /* 홍경아 / 1109455 / 20211117 */ .box-skin.tit3 .header>strong {margin-top: 5px; margin-bottom: .5rem; font-size: .9rem; text-transform: uppercase; text-align: center; font-weight: 700; line-height: 1.2;} .box-skin.shadow2 {padding: 15px; background-color: #fefefe; box-shadow: 0px 0px 1px #d1d1d1;} /* 윤미정 / 1113047 / 20211129 */ /*#article-view .infomation > li:nth-child(3) {display:none;}*/ /* 홍경아 / 1175056 / 20220621 */ #article-view .social {display:none;} /* 윤미정 / 1202743 / 20220930 */ .box-skin.photo {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;} .box-skin.photo .header {-ms-flex: 0 0 280px;flex: 0 0 280px;max-width: 280px;margin-right: 1.875rem;} .box-skin.photo .header > strong {font-size: 2.5rem;font-family:'Apple SD Gothic Neo','Helvetica Neue','Roboto','Noto Sans KR','Malgun Gothic','dotum','Arial',sans-serif} .box-skin.photo .header small {display: block;margin-bottom: 65px;font-size: 1.3125rem;font-weight: 500;} .box-skin.photo > .content {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;width: auto;max-width: 100%;min-width: 0;} /* 강수현 / 1207062 / 20221014 */ #article-view .fonts-option {position:relative} #article-view .fonts-option .options-btn.active {color:#fefefe;background:rgba(0,0,0,.7)} #article-view .fonts-option button {cursor:pointer} #article-view .fonts-option-panel {display:none;position:absolute;z-index:999;width:200px;padding:.9375rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;right:0;top:calc(100% + 10px)} #article-view .fonts-option-panel::before,#article-view .fonts-option-panel::after {content:'';position:absolute;border-style:solid;border-color:transparent;bottom:100%} #article-view .fonts-option-panel::before {z-index:1;right:8px;border-width:6px;border-bottom-color:rgba(0,0,0,.15)} #article-view. .fonts-option-panel::after {z-index:2;right:9px;border-width:5px;border-bottom-color:#fefefe} #article-view .fonts-option-panel.active {display:block} #article-view .fonts-option-panel li {display:block;padding:0;margin:0} #article-view .fonts-option-panel li::after {content:'';display:table;clear:both} #article-view .fonts-option-panel li input[type="radio"],#article-view .fonts-option-panel li input[type="checkbox"] {display:none} #article-view .fonts-option-panel li input[type="radio"] + label,#article-view .fonts-option-panel li input[type="checkbox"] + label {position:relative;display:block;margin:0 0 .75rem;line-height:1;letter-spacing:-0.05em;cursor:pointer} #article-view .fonts-option-panel li:nth-child(1) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(1) input[type="checkbox"] + label {font-size:.9rem} #article-view .fonts-option-panel li:nth-child(2) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(2) input[type="checkbox"] + label {font-size:1rem} #article-view .fonts-option-panel li:nth-child(3) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(3) input[type="checkbox"] + label {font-size:1.063rem} #article-view .fonts-option-panel li:nth-child(4) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(4) input[type="checkbox"] + label {font-size:1.125rem} #article-view .fonts-option-panel li:nth-child(5) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(5) input[type="checkbox"] + label {font-size:1.188rem} #article-view .fonts-option-panel li:nth-child(6) input[type="radio"] + label,#article-view .fonts-option-panel li:nth-child(6) input[type="checkbox"] + label {font-size:1.250rem} #article-view .fonts-option-panel li:last-child input[type="radio"] + label,#article-view .fonts-option-panel li:last-child input[type="checkbox"] + label {margin-bottom:0} #article-view .fonts-option-panel input[type="radio"] + label::before,#article-view .fonts-option-panel input[type="checkbox"] + label::before {content:'';display:inline-block;float:left;width:13px;height:13px;margin-top:.15rem;margin-right:.25rem;font-family:'Stroke 7';font-size:.8rem;font-weight:400;font-style:normal;line-height:13px;vertical-align:bottom;text-align:center;background-color:#fefefe;color:#fefefe;border:1px solid rgba(0,0,0,.15);border-radius:50%} #article-view .fonts-option-panel input[type="radio"]:checked + label::before,#article-view .fonts-option-panel input[type="checkbox"]:checked + label::before {background-color:#e6336e} #article-view .fonts-option-panel input[type="radio"] + label > i {position:absolute;left:0px;top:0px;color:#fff} #article-view .quick-tool>.tool {width:36px;height:36px;border-color:#000;border-radius:50%;margin-left:.25rem;border-width:1px} #article-view .quick-tool>:last-child {margin-right:0} @media screen and (max-width: 39.9375em) { #article-view .fonts-option button {margin-top:0;cursor:pointer} } .social-group .sns.kakao {color:#3b1e1e} /* 강수현 / 1207187 / 20221017 */ .social-group .sns-txt {font-size:.75rem;margin-top:.75rem} .social-group.for-other .sns {float:none;width:calc(25% - 10px)} .social-group.for-other>:nth-child(-n+5) {margin-top:5px} #article-view .quick-tool>.tool {background-color:#000;color:#fff;transition:none} #article-view .quick-tool>.tool:focus, #article-view .quick-tool>.tool:hover {background-color:#000;color:#fff} #article-view .quick-tool>.tool img {width:18px} @media screen and (max-width: 39.9375em) { #article-view .quick-tool>.tool {background-color:#fff;color:#000} #article-view .quick-tool>.tool:focus, #article-view .quick-tool>.tool:hover {background-color:#fff;color:#000} } /* 임희은 / 1211410 / 20221028 */ .reveal {background:#f4f4f4;} .reveal-header {position: relative;overflow: hidden;padding: 4.5rem 0 1.063rem;text-align: center;background-color:transparent;} .reveal-header::before {content: '';position: absolute;z-index: 1;width: 44px;border-bottom: 1px solid #dddee1;left: 50%;bottom: 0;transform: translateX(-50%);} .reveal-title {font-size: 1.3rem;font-weight: 400;letter-spacing: -.1em;color: #838691;} .reveal .close-button {background-color:transparent;color:#596689;top:7px;} .social-group .sns {background-color:transparent !important;} .social-group.for-other .sns {float: left;width: calc(20% - 10px);margin: 0 5px;padding: 0.625rem 0;font-size: .75rem;text-align: center;color: rgba(0,0,0,.4);cursor: pointer;transition: all .15s ease;-moz-transition: all .15s ease;-webkit-transition: all .15s ease;-o-transition: all .15s ease;} .social-group.for-other .sns .sns-btn-icons {margin-bottom: 0.5rem;padding: 0.625rem 0;font-size: 1.25rem;color: #fefefe;background-color: rgba(0,0,0,.2);} .social-group.for-other .sns .sns-btn-icons.facebook{background-color:#3a5795} .social-group.for-other .sns .sns-btn-icons.twitter{background-color:#0084b4} .social-group.for-other .sns .sns-btn-icons.google,.social-group.for-other .sns .sns-btn-icons.google-plus{background-color:#db4a39} .social-group.for-other .sns .sns-btn-icons.kakao{background-color:#ffdc00} .social-group.for-other .sns .sns-btn-icons.talk{background-color:#ffdc00;color:#3b1e1e;} .social-group.for-other .sns .sns-btn-icons.kakaostory{background-color:#f9e000} .social-group.for-other .sns .sns-btn-icons.blog,.social-group.for-other .sns .sns-btn-icons.post{background-color:#2db400} .social-group.for-other .sns .sns-btn-icons.pinterest, .social-group.for-other .sns .sns-btn-icons.pinterest-p{background-color:#cd1f28} .social-group.for-other .sns .sns-btn-icons.band{background-color:#03cf5d} .social-group.for-other .sns .sns-btn-icons.link{background-color:#13c0cb;padding:.34rem 0;} .social-group.for-other .sns .sns-btn-icons.mail{background-color:#ff8522} .social-group.for-other .sns .sns-btn-icons.share{background-color:#47c29e} .social-group.for-other .sns .sns-btn-icons.bookmark{background-color:#e73f72} .social-group.for-other .sns .sns-btn-icons.bookmark{background-color:#6f6cf7} .social-group .icon-band::before {width:20px;height:18px;background-size:20px 18px;} .admin-body .reveal {background:#f4f4f4;} .admin-body .reveal-header {position: relative;overflow: hidden;padding: 4.5rem 0 1.063rem;text-align: center;background-color:#5684ff;} .admin-body .reveal-header::before {display:none;} .admin-body .reveal-title {font-size: 1.3rem;font-weight: 400;letter-spacing: -.1em;color: #fff;} .admin-body .reveal .close-button {background-color:transparent;color:#fff;top:7px;} /* 임희은 / 1211484 / 20221031 */ #article-view .quick-tool > .tool .icon-publish {display:block;width:36px;height:36px;background-image:url('/image/icon/icon-publish-p.png');background-repeat:no-repeat;background-position:center;} #article-view.mobile .quick-tool > .tool.sns {background-color:#000;color:#fff;transition:none} #article-view.mobile .quick-tool > .tool.sns .icon-publish {display:block;width:32px;height:32px;background-image:url('/image/icon/icon-publish-s.svg');background-repeat:no-repeat; background-position:-1px -1px;} /* 이승현 / 1221605 / 20221201 */ .box-skin.photo .header span {display: block;font-size: 2.2525rem;margin-bottom: 5px;} /* 윤미정 / 1222335 / 20221205 */ .roll_box {position: relative;padding: 0;margin-bottom: 50px;} .roll_box .toptitle {font-size: 30px;text-align: center;display: block;font-weight: 700;margin-bottom: 1rem;line-height: 1;letter-spacing: -.025em;} /* 최은비 / 1315209 / 20231023 */ #section-list .type5>li {margin-top: 1.125rem;padding-top: 1.125rem;border-top: 1px solid rgba(0,0,0,.05);text-align: left} #section-list .type5>:first-child {margin-top: 0;padding-top: 0;border-top: 0} #section-list .type5 a[href^="/news"],#section-list .type5 a[href^=http],#section-list .type3 a[href^="/news"],#section-list .type3 a[href^=http] {font-size: inherit;color: inherit} #section-list .type5 .thumb {overflow: hidden;float: left;position: relative;width: 320px;height: 213px;text-align: center} #section-list .type5 .thumb::before,#section-list .type3 .thumb::before {content: '';position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background: 0 0;border: 1px solid rgba(0,0,0,.08)} #section-list .type5 .thumb>img,#section-list .type3 .thumb>img,.bbs-skin.album .album-tiles .image>img {position: absolute; z-index: 1;left: 50%;top: 50%;max-width: 100%;max-height: 100%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;} #article-view,#section-list .type5 .view-cont {display: block} #section-list .type5 .thumb+.view-cont {float: left;width: calc(100% - 320px);padding-left: 1.25rem} #section-list .type5 .titles {font-size: 27px;font-weight: 500;font-weight: var(--wgt500, 500);font-style: normal;line-height: 1.375;letter-spacing: -.025em;color: #1e1e1e} #section-list .type5 .lead {margin: 0 0 1rem;padding: 0;font-size: 16px;font-weight: 400;font-weight: var(--wgt400, 400);color: #737475} #section-list .type5 .byline {display: block;margin-top: 1.125rem;font-size: 0} #section-list .type5 .byline>em {display: inline-block;margin-left: .625rem;padding-left: .625rem;font-size: .75rem;font-weight: 400;font-weight: var(--wgt400, 400);font-style: normal;line-height: 1.125;color: #a7a7a7;border-left: 1px solid rgba(0,0,0,.1);vertical-align: middle} #section-list .type5 .byline .label-group {display: inline-block;margin: 0 0 0 .625rem;vertical-align: middle} #section-list .type5 .byline>:first-child {margin-left: 0;padding-left: 0;border-left: 0} #section-list .type5 .label-group>.label {padding: .25rem!important; font-size: .563rem!important;border-radius: 0} @media screen and (max-width: 39.9375em) { .row #section-list .type5 .thumb,.row #section-list .type5 .thumb+.view-cont {display:block;float: none;width: auto} .row #section-list .type5 .thumb {height: 0;padding-bottom: 56.25%;margin: 0 auto .75rem } .row #section-list .type5 .thumb+.view-cont {padding-left: 0} .row #section-list .type5 .label-group {display: block;margin: .75rem 0 0} } /********************************************** note : 뉴스페이퍼 소개페이지 이전 **********************************************/ .about-us.lab {max-width:780px;margin-left:auto;margin-right:auto} /* 인사말 */ .about-us.com-6 .com-wrap {width:100%;padding:2rem 3rem;padding-bottom:0px;min-height:530px;border:1px solid #eee} .about-us.com-6 .com-sub {margin:1rem 0 2rem 0;font-size:1.75rem;letter-spacing:-.09rem;text-align:center} .about-us.com-6 .com-company {margin:.825rem 0 2rem;font-size:1.063rem;height:2.2} .about-us.com-6 .com-company {background:url('/com/image/about_company.gif') top right no-repeat} .about-us.com-6 .com-company strong {line-height:2.4} .about-us.com-6 .com-company ul {list-style:none} .about-us.com-6 .com-company ul li {margin:.125rem 0 0 0} .about-us.com-6 .com-company ul li em {font-size:1.75rem;color:#ccc;display:inline-block;vertical-align:top;} .about-us.com-6 .com-company ul li p {display:inline-block;width:100%;font-size:.85rem;color:#444;margin-left:5px;letter-spacing:-.04rem} .about-us.com-6 .com-company .com-list-num .title {font-size:1.25rem;color:#bc1212;font-weight:500} .about-us.com-6 .com-company .com-top {border-top:2px solid #000;padding-top:.5rem} /* 연혁 */ .about-us.com-7 {margin:0 auto} .about-us.com-7 .dis-table {width:100%;margin-bottom:0rem;table-layout:fixed} .about-us.com-7 .dis-table:last-child {margin-bottom:0} .about-us.com-7 .dis-table-cell {text-align:left;vertical-align:top} .about-us.com-7 .dis-table-cell.years {width:180px;font-size:1.1rem;line-height:1.4em;letter-spacing:-.05em;border-right:1px solid rgba(0,0,0,.05); font-weight:bolder} .about-us.com-7 .dis-table-cell.years > small {display:block;margin-top:.5rem;font-size:.6rem;line-height:1em;letter-spacing:-0.025em;color:rgba(0,0,0,.3)} .about-us.com-7 .dis-table-cell.days {padding-left:2rem} .about-us.com-7 .history-lists { margin: 0 0 2rem 0; padding:0;list-style:none} .about-us.com-7 .history-lists li {position:relative;margin-bottom:.8rem;font-size:.9rem;line-height:1.625em;letter-spacing:-.05em;color:rgba(0,0,0,.6)} .about-us.com-7 .history-lists li:last-child {margin-bottom:0} .about-us.com-7 .history-lists li a{font-size: .8rem} .about-us.com-7 .history-lists li::before {content: ''; position: absolute; z-index: 2; left: 0%; top: 0rem; width: 14px; height: 14px; margin-left: -35px; background-color: #fff; border: 3px solid #e95513; transform: rotate(-45deg) translateX(-50%); border-radius: 50%;} @media screen and (max-width: 39.9375em) { .about-us.com-7 {width:100%} .about-us.com-7 .dis-table-cell.years {width:100px} } /* 연구논문 */ .about-us.com-8 {padding:1.5rem;} .about-us.com-8 .title {display:inline-block; color:#e95513; font-weight: 700; font-size: 1.52rem; letter-spacing:-0.05em;border-top: 2px solid #000;padding-top: .1rem;} .about-us.com-8 ul {list-style:none;margin-bottom:50px;margin-top:20px;} .about-us.com-8 ul li {font-size: .925rem; letter-spacing:-0.05em; color:rgba(0,0,0,0.6)} .about-us.com-8 ul li a {display:inline-block;width:90px; height:20px;margin-left:20px; text-decoration:none;color:rgba(0,0,0,0.6)} .about-us.com-8 ul li a:hover {color:#e95513;} /* 문예창작과학원 */ .about-us.com-9 {text-align: center;} .about-us.com-9 img {width: 600px;} .about-us.com-9 .com-sub {margin: 1rem 0 2rem 0;font-size: 1.15rem;letter-spacing: -.09rem;text-align: center;} .about-us.com-9 iframe {width:600px;height:338px} @media screen and (max-width:39.9375em) { .about-us.com-9 img {width:100%;} .about-us.com-9 iframe {width:100%;height:200px} } /* 광고단가 */ .com-10 .jb-btn {margin-left:105px;} .com-10 .ad-btn {width:100%;margin:0 auto} .com-10 .ad-btn p {background-color:#e95513;display:block;margin:20px auto;} .com-10 .ad-btn ul {margin-left:0;} .com-10 .ad-btn li {float:left;width:50%;padding-right:15px;list-style:none;} .com-10 .ad-btn li:last-child {padding-right:0;} .com-10 .ad-btn li > p {background-color:#21867b;cursor:pointer} .com-10 .ad-btn li:hover > p {background-color:#e95513;} @media screen and (max-width: 39.9375em) { .com-10 .ad-btn li {float:inherit;width:100%;padding-right:0;} .com-10 .jb-btn {margin-left:0;width:100%;margin:0 auto} .com-10 .jb-btn p {display:block;margin:20px auto;} } .com-10 .banner-sample {width:600px; margin:0 auto;} .com-10 .banner-sample img {display:block; margin-bottom:10px;} /* 윤미정 / 1338615 / 20240111 */ .about-us.com-6 .com-company ul {margin: 0;} .about-us.com-6 .com-company ul li p {font-size: 1.05rem;} .about-us.com-6 .com-company .com-top {padding: 8px 10px;border-top: 0;background: #000;font-size: 1.2rem;color: #fff !important;} /* 이승현 / 1362490 / 20240405 */ .box-skin.photo.election .header{position:relative} /*.box-skin.photo.election .header::before {content:'';position:absolute;left: 0;bottom: 0;width: 186px;height: 240px;background: url(/image/box_photo_tit.png) left bottom no-repeat;}*/ /* 이승현 / 1365603 / 20240415 */ .box-skin.photo.market .header{position:relative} .box-skin.photo.market .header::before {content:'';position:absolute;left: 0;bottom: 0;width: 186px;height: 240px;background: url(/image/box_photo_tit02.png) left bottom no-repeat;} /* 윤미정 / 1384624 / 20240624 */ .box-skin.idx--bg {padding: 16px 24px 24px;background-color: #f6f6f6;border-top: 1px solid #000;} /* naver toolbar */ .wt-forms .cke_button .cke_button__highlight_label, .wt-forms .cke_button .cke_button__heading_label, .wt-forms .cke_button .cke_button__quote_label, .wt-forms .cke_button .cke_button__quoteleft_label {display:inline-block;} /* naver ?? */ .navernews_end_em { font-style: normal; background-color: #e3eeff; } /* naver ??? */ .navernews_end_title { display: block; margin-bottom: 2rem; padding: .5rem 0; font-weight: 600; border-top: 1px solid #666; border-bottom: 1px solid #ddd; } /* naver ???(?????) */ .navernews_end_blockquote_center { margin-bottom: 2rem; padding: 1rem 0; font-style: italic; font-weight: 400; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; } .navernews_end_blockquote_center::before { content: url("/news/editor/plugins/navertools/images/quote_center.png"); } /* naver ???(????) */ .navernews_end_blockquote_left { margin-bottom: 2rem; padding: 1rem 0 1rem 3rem; font-style: normal; background-image: url("/news/editor/plugins/navertools/images/quote_left.png"); background-repeat: no-repeat; background-position: 0 0.75rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .navernews_end_blockquote_center blockquote, .navernews_end_blockquote_left blockquote { margin: 0 !important; padding: 0 !important; font-family: inherit; font-style: inherit; border: none !important; } .navernews_end_blockquote_center blockquote, .navernews_end_blockquote_center blockquote p, .navernews_end_blockquote_left blockquote, .navernews_end_blockquote_left blockquote p { color: currentColor; } .navernews_end_blockquote_center blockquote > :first-child, .navernews_end_blockquote_left blockquote > :first-child { margin-top: 0; } .navernews_end_blockquote_center blockquote > :last-child, .navernews_end_blockquote_left blockquote > :last-child { margin-bottom: 0; } /* 홍경아 / 1407999 / 20240924 */ .box-skin.photo.election2 .header{position:relative} .box-skin.photo.election2 .header::before {content:'';position:absolute;left: 35px;bottom: 15px;width: 128px;height: 210px;background: url('/image/box_photo_tit03-1.png') left bottom no-repeat;} /* 이승현 / 1409687 / 20240930 */ .box-skin.photo.election2 .header a.photo_btn_link{position:absolute;right:0;bottom:10px;font-size:.875rem;letter-spacing:-.055rem; text-decoration:none;} .box-skin.photo.election2 .header .photo_btn_link2{position:absolute;right:0;bottom:10px;} .box-skin.photo.election2 .header .photo_btn_link2 .banner-later{font-size: .8125rem;} /* 최은비 / 1422194 / 20241115 */ .box-skin.photo.wedding1 .header{position:relative} .box-skin.photo.wedding1 .header::before {content:'';position:absolute;left: 35px;bottom: 15px;width: 148px;height: 210px;background: url('/image/box_photo_tit04.png') left bottom no-repeat;} /* 임희은 / 1430129 / 20241213 */ .box-skin.photo.impeach1 .header{position:relative} .box-skin.photo.impeach1 .header::before {content:'';position:absolute;left:0;bottom:65px;width:270px;height:160px;background: url('/image/box_photo_tit06.jpg') center bottom no-repeat; background-color: #231816;} .simplebox.short-vid{display:flex;} .simplebox.short-vid .simplebox-content{width: 400px;height: 714px !important;margin: 0 auto;} @media screen and (max-width: 39.9375em) { .simplebox.short-vid{display:block;} .simplebox.short-vid .simplebox-content{width: 100%;height: auto;} } /* 홍경아 / 1474046 / 20250526 */ .box-skin.photo.vote .header{position:relative} .box-skin.photo.vote .header::before {content:'';position:absolute;left: 0;bottom: 10px;width: 280px;height: 215px;background: url('/image/box_photo_tit07.png') center bottom no-repeat;} /* 최은비 / 1494240 / 20250731 */ .box-skin.photo.limited .header{position:relative} .box-skin.photo.limited .header::before {content:'';position:absolute;left: 0;bottom: 0;width: 186px;height: 240px;background: url(/image/box_photo_tit08.png) left bottom no-repeat;} /* 홍경아 / 1511928 / 20250929 */ .box-skin.photo.limited2 .header{position:relative} .box-skin.photo.limited2 .header::before {content:'';position:absolute;left: 0;bottom: 20px;width: 280px;height: 240px;background: url('/image/box_photo_tit09.png') left bottom no-repeat;} /* 최은비 / 1514511 / 20251013 */ .box-skin.photo.limited3 .header{position:relative} .box-skin.photo.limited3 .header::before {content:'';position:absolute;left: 0;bottom: 20px;width: 280px;height: 240px;background: url('/image/box_photo_tit10.png') left bottom no-repeat;}