/********************************************** note : 박스모음 **********************************************/ /* box skin */ @media screen and (max-width: 39.9375em) { .row .box-skin .header > strong, .row .box-skin .header > a, .row .box-skin .header .skin-column > strong, .row .box-skin .header .skin-column > a {margin-bottom:1.25rem} } /* tech m */ .box-skin.tech-m {margin-bottom:60px} .box-skin.tech-m .header > strong, .box-skin.tech-m .header > a,.box-skin.tech-m .header .skin-column > strong, .box-skin.tech-m .header .skin-column > a {margin-bottom:42px;font-size:32px} @media screen and (max-width: 39.9375em) { .row .box-skin.tech-m {margin-bottom:10px} .row .box-skin.tech-m .header > strong, .row .box-skin.tech-m .header > a, .row .box-skin.tech-m .header .skin-column > strong, .row .box-skin.tech-m .header .skin-column > a {margin-bottom:22px;font-size:28px} } /* all news */ .box-skin.for-summary .header > strong, .box-skin.for-summary .header > a,.box-skin.for-summary .header .skin-column > strong, .box-skin.for-summary .header .skin-column > a {display:block;font-size:0;text-align:left} .box-skin.visual .header > strong, .box-skin.visual .header > a,.box-skin.visual .header .skin-column > strong, .box-skin.visual .header .skin-column > a {text-align:center} .box-skin.for-summary .header .subject {display:block;font-size:32px;font-weight:bolder;line-height:1;letter-spacing:-.075em;color:#000} .box-skin.for-summary .header .summary {display:block;margin-top:18px;font-size:18px;font-weight:300;line-height:1.125;letter-spacing:-.025em;color:rgba(0,0,0,.85)} @media screen and (max-width: 39.9375em) { .row .box-skin.for-summary {margin-bottom:35px} .row .box-skin.for-summary .header .subject {font-size:28px} .row .box-skin.for-summary .header .summary {margin-top:10px;font-size:15px;font-weight:300} } /* more button */ .to-more {display:block;margin-bottom:140px;font-size:0;text-align:center} .to-more > a {display:inline-block;padding:0 60px;font-size:1rem;font-weight:normal;line-height:55px;letter-spacing:-.05em;color:rgba(0,0,0,.95);border:1px solid rgba(0,0,0,.5);border-radius:2px;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out} .to-more > a:hover {border-color:rgba(0,0,0,.95)} /* list, view box */ @media screen and (max-width: 39.9375em) { .box-skin.tech--list {margin:0 -1.25rem;padding:2.5rem 1.25rem;background-color:#fff} } /* view footer box */ .box-skin.view--footer {padding:105px 0;background-color:#fff;text-align:center} .box-skin.view--footer > .header {text-align:left} .box-skin.view--footer .header > strong, .box-skin.view--footer .header > a,.box-skin.view--footer .header .skin-column > strong, .box-skin.view--footer .header .skin-column > a {margin-bottom:1.25rem;font-size:1.125rem;font-weight:normal} @media screen and (min-width: 75em) { .row .box-skin.view--footer > .header {max-width:1012px;margin:0 auto} } @media screen and (max-width: 39.9375em) { .row .box-skin.view--footer {padding:2.5rem 1.25rem;margin:0 -1.25rem} } /* TECH header */ .box-skin.tech--header {margin-bottom:6rem} #user-wrap .box-skin.tech--header {margin-left:-1.25rem;margin-right:-1.25rem} @media screen and (max-width: 39.9375em) { .row .box-skin.tech--header {margin-bottom:32px;} } /* TECH B, G header */ .box-skin.gb--header {margin-bottom:105px} @media screen and (max-width: 39.9375em) { .row .box-skin.gb--header {margin-bottom:35px} } /* 관리자 뉴스레터 편집 패널 */ #admin-content.edit-transparent .edit-level1, #admin-content.edit-transparent .edit-level1 .edit-contents {background-color:transparent} /********************************************** note : 정보수정 **********************************************/ .mb-style .profile-images {display:block;overflow:hidden;width:80px;height:80px;margin-bottom:1rem;border-radius:50%} .mb-style .profile-images.for-index {width:auto;max-width:120px;height:auto;border-radius:0} /* reporter keyword */ .mb-style .tagit {display:block;text-align:left} .mb-style .tagit li.tagit-choice-editable {padding:.375rem .625rem;font-size:0;background-color:#13c0cb;border-color:rgba(0,0,0,.08);white-space:nowrap} .mb-style .tagit-label, .mb-style .tagit li.tagit-choice .tagit-close {display:inline-block;line-height:1;color:#fff;vertical-align:middle} .mb-style .tagit-label {font-size:.75rem} .mb-style .tagit li.tagit-choice .tagit-close {position:relative;z-index:10;right:auto;top:auto;margin-top:0;margin-left:.25rem} .mb-style .tagit li.tagit-new {padding:0 0 0 .625rem} .mb-style .tagit input[type="text"] {height:30px;font-size:.875rem} /********************************************** note : 기사리스트 **********************************************/ #sections.techm #section-list {margin-bottom:80px} #sections.techm .header {margin:40px 0;padding:0;border-bottom:0;text-align:left} #sections.for-search .header {margin-top:80px;margin-bottom:80px;text-align:center} #sections.techm .header > .titles {display:block;overflow:hidden;width:auto;margin-bottom:0;font-size:2.125rem;font-weight:normal;line-height:40px;vertical-align:initial} @media screen and (max-width: 39.9375em) { .row #sections.techm .header {text-align:center} .row #sections.for-search .header {margin-bottom:2.5rem} .row #sections.techm .header > .titles {font-size:1.875rem;line-height:1.25} } /* type for tail */ #section-list .type4 {display:block} #section-list .type4::after {content:'';display:table;clear:both} #section-list .type4 > .items {float:left;width:calc(50% - 20px);min-height:1px;margin:40px 0 0 40px;text-align:center} #section-list .type4 > :nth-child(2n + 1) {margin-left:0;clear:both} #section-list .type4 > :nth-child(-n + 2) {margin-top:0} #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:normal;font-style:normal;line-height:1.375;letter-spacing:-.075em} #section-list .type4 .thumb {display:block;overflow:hidden;position:relative;height:0;padding-bottom:75%;margin-bottom:.75rem;border-radius:15px;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);border-radius:15px} #section-list .type4 .thumb > 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%)} #section-list .type4 .cont {display:block;padding:0 .625rem;text-align:left} #section-list .type4 .titles {margin-bottom:1rem;font-size:1.375rem;font-weight:normal;font-style:normal;line-height:1.375;letter-spacing:-.075em;color:#222} #section-list .type4 .byline {display:block;font-size:0;text-align:left} #section-list .type4 .byline > em {display:inline-block;font-size:.875rem;font-weight:300;font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#b7b7b7} #section-list .type4 .byline > em::before {content:'';display:inline-block;overflow:hidden;width:0;height:.75rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15);vertical-align:middle} #section-list .type4 .byline > :first-child::before {content:normal} @media screen and (max-width: 63.9375em) { .row #section-list .type4 .titles {font-size:1.125rem} .row #section-list .type4 .byline > em {font-size:.813rem} } @media screen and (max-width: 39.9375em) { .row #section-list .type4 > .items {float:none;width:auto;margin:.625rem -1.25rem 0;padding:1.25rem;background-color:#fff} .row #section-list .type4 > :first-child {margin-top:0} .row #section-list .type4 .thumb {height:auto;padding-bottom:0;margin-bottom:1.25rem;border-radius:0} .row #section-list .type4 .thumb::before {content:normal} .row #section-list .type4 .thumb > img {position:static;z-index:initial;left:initial;top:initial;max-height:none;-ms-transform:initial;transform:initial} } /* type for search */ #section-list .type5 {display:block} #section-list .type5::after {content:'';display:table;clear:both} #section-list .type5 > .items {float:left;width:calc(33.33333% - 27px);min-height:1px;margin:40px 0 0 40px;text-align:center} #section-list .type5 > :nth-child(3n + 1) {margin-left:0;clear:both} #section-list .type5 > :nth-child(-n + 3) {margin-top:0} #section-list .type5 a[href^="/news"], #section-list .type5 a[href^="http"] {font-size:inherit;color:inherit} #section-list .type5 .category {display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:normal;font-style:normal;line-height:1.375;letter-spacing:-.075em} #section-list .type5 .thumb {display:block;overflow:hidden;position:relative;height:0;padding-bottom:75%;margin-bottom:.75rem;border-radius:15px;text-align:center} #section-list .type5 .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);border-radius:15px} #section-list .type5 .thumb > 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%)} #section-list .type5 .cont {display:block;padding:0 .625rem;text-align:left} #section-list .type5 .titles {margin-bottom:1rem;font-size:1.375rem;font-weight:normal;font-style:normal;line-height:1.375;letter-spacing:-.075em;color:#222} #section-list .type5 .byline {display:block;font-size:0;text-align:left} #section-list .type5 .byline > em {display:inline-block;font-size:.875rem;font-weight:300;font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#b7b7b7} #section-list .type5 .byline > em::before {content:'';display:inline-block;overflow:hidden;width:0;height:.75rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15);vertical-align:middle} #section-list .type5 .byline > :first-child::before {content:normal} @media screen and (max-width: 63.9375em) { .row #section-list .type5 > .items {width:calc(50% - 20px);margin:40px 0 0 40px;clear:inherit} .row #section-list .type5 > :nth-child(2n + 1) {margin-left:0;clear:both} .row #section-list .type5 > :nth-child(-n + 2) {margin-top:0} .row #section-list .type5 .titles {font-size:1.125rem} .row #section-list .type5 .byline > em {font-size:.813rem} } @media screen and (max-width: 39.9375em) { .row #section-list .type5 > .items {float:none;width:auto;margin:.625rem -1.25rem 0;padding:1.25rem;background-color:#fff;clear:inherit} .row #section-list .type5 > :first-child {margin-top:0} .row #section-list .type5 .thumb {height:auto;padding-bottom:0;margin-bottom:1.25rem;border-radius:0} .row #section-list .type5 .thumb::before {content:normal} .row #section-list .type5 .thumb > img {position:static;z-index:initial;left:initial;top:initial;max-height:none;-ms-transform:initial;transform:initial} } /* more */ .list-btn-more {display:block;width:100%;max-width:160px;padding:0;margin:90px auto 140px;font-size:1rem;font-weight:normal;line-height:55px;letter-spacing:-.05em;color:rgba(0,0,0,.95);border:1px solid rgba(0,0,0,.5);border-radius:2px;text-align:center;cursor:pointer;clear:both;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out} .list-btn-more:hover {border-color:rgba(0,0,0,.95)} /********************************************** note : 기사뷰 **********************************************/ /* header */ #article-view.custom .article-view-header {/*margin-bottom:5.25rem;*/padding:0;background-color:#fff;border-bottom:0;text-align:left} #article-view.custom .header-wrapper {padding:1.875rem 0;border-bottom:1px solid rgba(0,0,0,.15)} @media screen and (max-width: 39.9375em) { .row #article-view.custom {margin-left:-1.25rem;margin-right:-1.25rem;padding:0 1.25rem;background-color:#fff} .row #article-view:not(.mobile) .info-group > :last-child:nth-child(2) {margin-top:.625rem;text-align:center} } /* content */ #article-view.custom .article-body {display:block} #article-view.custom .article-body::after {content:'';display:table;clear:both} #article-view.custom .article-veiw-body.view-page {font-size:1.125rem;font-weight:300} #article-view.custom .article-veiw-body.view-page.font-size15 {font-size:1rem} #article-view.custom .article-veiw-body.view-page.font-size16 {font-size:1.063rem} #article-view.custom .article-veiw-body.view-page.font-size17 {font-size:1.125rem} #article-view.custom .article-veiw-body.view-page.font-size18 {font-size:1.188rem} #article-view.custom .article-veiw-body.view-page.font-size19 {font-size:1.25rem} #article-view.custom .article-veiw-body.view-page.font-size20 {font-size:1.375rem} #article-view.custom .article-veiw-body.view-page p {font-weight:inherit;color:#000} /* 홍경아 / 1028495 / 20210208 */ #article-view .article-veiw-body {margin-bottom: 0rem !important;} #article-view .relation { margin: 1.5rem 0 3.125rem 0 !important;} /* figure */ #article-view.custom .article-veiw-body.view-page .photo-layout.float-center {max-width:none !important;/*margin:1.875rem -4.75rem*/margin:1.875rem -4.75rem 0 -4.75rem} #article-view.custom .article-veiw-body.view-page .photo-layout.float-center[class*="max-width-"] {max-width:none !important} #article-view.custom .article-veiw-body.view-page .photo-layout.float-center > img[width] {width:auto !important} #article-view.custom .article-veiw-body.view-page .photo-layout figcaption, #article-view.custom .article-veiw-body.view-page .simplebox-title {font-size:.875rem;font-weight:300;color:#96a0a8;text-align:center} #article-view.custom .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:4.75rem;padding-right:4.75rem} @media screen and (min-width: 75em) { .row #article-view.custom .article-veiw-body.view-page .photo-layout.float-center {margin-left:-10rem;margin-right:-10rem} .row #article-view.custom .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:10rem;padding-right:10rem} } @media screen and (min-width: 64em) { .row #article-view.custom .article-veiw-body.view-page .photo-layout figcaption, .row #article-view.custom .article-veiw-body.view-page .simplebox-title {font-size:.813rem;font-family:serif;font-weight:normal} } @media screen and (max-width: 63.9375em) { .row #article-view.custom .article-veiw-body.view-page .photo-layout.float-center {margin-left:-1.25rem !important;margin-right:-1.25rem !important} .row #article-view.custom .article-veiw-body.view-page .photo-layout.float-center[class*="max-width-"] {max-width:none !important} .row #article-view.custom .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:1.25rem;padding-right:1.25rem} } @media screen and (max-width: 39.9375em) { #user-wrap .row .article-veiw-body.view-page .photo-layout, .row #article-view.custom .article-cardnews, .row #article-view.custom .article-veiw-body .simplebox {margin-left:-1.25rem !important;margin-right:-1.25rem !important} } /* tag */ #article-view.custom .tag-group {position:relative;padding:.75rem 3.875rem .75rem .625rem;border-width:1px 0;border-style:solid;border-color:#e0e5ec} #article-view.custom .tag-group .tag {display:inline-block;padding:0;margin-right:1.125rem;font-size:.9375rem;font-weight:300;line-height:1.125;color:#e73f72;background:none;border-radius:0} #article-view.custom .tag-group .tag:hover {color:rgba(0,0,0,.95)} #article-view.custom .tag-group > :last-child {margin-right:0} #article-view.custom .tag-group .to-top {display:inline-block;position:absolute;z-index:5;right:10px;top:50%;font-size:.75rem;line-height:22px;color:#8898ae;-ms-transform:translateY(-50%);transform:translateY(-50%)} #article-view.custom .tag-group .to-top > .icon-arrow-up {display:inline-block;overflow:hidden;width:22px;height:22px;margin-right:5px;color:#fff;background-color:#8898ae;border-radius:50%;text-align:center;vertical-align:middle} /* writer */ #article-view.custom .writer {margin:0 -1.25rem;padding:1rem 1.25rem;border:0;background-color:#fbfbfb;text-align:center} #article-view.custom .writer-wrapper {display:block;width:100%;max-width:700px;margin:0 auto} #article-view.custom .writer .image {display:block;overflow:hidden;width:90px;height:90px;margin:0 auto;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%} #article-view.custom .writer .name {display:inline-block;margin:1.5rem auto 0;font-size:1.375rem;font-weight:normal;line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.95)} #article-view.custom .writer .profile {display:block;font-size:.9375rem;font-weight:300;color:#2e2e2e;line-height:1.625;letter-spacing:-.05em;margin-top: 1.375rem;} #article-view.custom .writer .profile > .icon-quote-left {display:block;margin:1.5rem 0;font-size:1rem;color:#bebebe} #article-view.custom .writer .article--more {display:inline-block;overflow:hidden;margin-top:1.375rem;padding:0 1.563rem;font-size:.875rem;font-weight:300;line-height:38px;color:rgba(0,0,0,.95);background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:2rem;text-decoration:none;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out} #article-view.custom .writer .article--more:hover {border-color:rgba(0,0,0,.5)} /********************************************** note : company **********************************************/ #com-wrap {overflow:hidden} /* skin-7 */ .about-us.skin-7 .image {background-image:url(/image/company/com-about.jpg);background-position:50% 50%;background-size:cover} .about-us.skin-7 .content {column-count:initial !important;column-gap:normal !important;column-rule:initial !important} .about-us.skin-7 .content p {margin:0 0 1.375em;font-size:inherit;font-weight:inherit;line-height:inherit} @media screen and (min-width: 64em) { .about-us.skin-7 .content::after {content:'';display:table;clear:both} .about-us.skin-7 .content .grid-left, .about-us.skin-7 .content .grid-right {float:left;width:50%} .about-us.skin-7 .content .grid-left {padding-right:1.25rem;border-right:1px solid rgba(0,0,0,.08)} .about-us.skin-7 .content .grid-right {padding-left:1.25rem} } @media screen and (max-width: 83.9375em) { .about-us.skin-7 .image {margin-left:-1.25rem;margin-right:-1.25rem} } /********************************************** note : Short Code(icon navigation) **********************************************/ #m-icon-nav {display:block;margin:90px 0;font-size:0;text-align:left} #m-icon-nav .item {display:inline-block;width:11.1%;min-height:1px;text-align:center;vertical-align:middle;text-decoration:none} #m-icon-nav .icons, #m-icon-nav .text {display:block} #m-icon-nav .icons {position:relative;width:105px;height:105px;margin:0 auto;font-size:3rem;line-height:105px;background-color:#f5f7fa;border-radius:20px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out} #m-icon-nav .icons > .count {display:block;overflow:hidden;position:absolute;right:-4px;top:-4px;min-width:34px;font-size:.75rem;font-weight:300;font-style:normal;line-height:30px;color:#fff;border:2px solid #fff;background-color:#ea0b55;border-radius:18px} #m-icon-nav .text {margin-top:25px;font-size:18px;font-weight:normal;line-height:1.125;letter-spacing:-.025em;color:#68696e;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out} #m-icon-nav .text::before {content:'#'} @media screen and (max-width: 63.9375em) { #m-icon-nav::after {content:'';display:table;clear:both} #m-icon-nav .item {float:left;width:33.333%;margin-top:40px} #m-icon-nav > :nth-child(3n + 1) {clear:both} #m-icon-nav > :nth-child(-n + 3) {margin-top:0} } @media screen and (max-width: 39.9375em) { #m-icon-nav {margin:10px -20px 35px;padding:40px 20px;background-color:#fff} #m-icon-nav > :nth-child(n) {width:33.33333%;margin-top:40px;clear:initial} #m-icon-nav > :nth-child(3n + 1) {clear:both} #m-icon-nav > :nth-child(-n + 3) {margin-top:0} #m-icon-nav .icons {width:75px;height:75px;font-size:2rem;line-height:75px} #m-icon-nav .icons > .count {min-width:26px;font-size:.625rem;line-height:22px} #m-icon-nav .text {font-size:14px} } /* icon set(for menuskin md-01) */ .visual--icon {display:inline-block} .visual--icon::before {content:'';display:block;overflow:hidden;width:42px;height:42px;margin:0 auto;background-repeat:no-repeat;background-size:50% 50%;background-size:contain} .visual--icon.icon--content::before {background-image:url(/image/icons/ic_video_nor.svg)} .item:hover .visual--icon.icon--content::before {background-image:url(/image/icons/ic_video_sel.svg)} .visual--icon.icon--life::before {background-image:url(/image/icons/ic_life_nor.svg)} .item:hover .visual--icon.icon--life::before {background-image:url(/image/icons/ic_life_sel.svg)} .visual--icon.icon--infra::before {background-image:url(/image/icons/ic_cloud-computing_nor.svg)} .item:hover .visual--icon.icon--infra::before {background-image:url(/image/icons/ic_cloud-computing_sel.svg)} .visual--icon.icon--report::before {background-image:url(/image/icons/ic_report_nor.svg)} .item:hover .visual--icon.icon--report::before {background-image:url(/image/icons/ic_report_sel.svg)} /* .visual--icon.icon--people::before {background-image:url(/image/icons/ic_caroon_nor.svg)} .item:hover .visual--icon.icon--people::before {background-image:url(/image/icons/ic_caroon_sel.svg)} */ .visual--icon.icon--investment::before {background-image:url(/image/icons/ic_investment_nor.svg)} .item:hover .visual--icon.icon--investment::before {background-image:url(/image/icons/ic_investment_sel.svg)} .visual--icon.icon--inovation::before {background-image:url(/image/icons/ic_solution_nor.svg)} .item:hover .visual--icon.icon--inovation::before {background-image:url(/image/icons/ic_solution_sel.svg)} .visual--icon.icon--eyes::before {background-image:url(/image/icons/ic_eye_nor.svg)} .item:hover .visual--icon.icon--eyes::before {background-image:url(/image/icons/ic_eye_sel.svg)} .visual--icon.icon--people::before {background-image:url(/image/icons/ic_people_nor.svg)} .item:hover .visual--icon.icon--people::before {background-image:url(/image/icons/ic_people_sel.svg)} .visual--icon.icon--english::before {background-image:url(/image/icons/ic_english_nor.svg)} .item:hover .visual--icon.icon--english::before {background-image:url(/image/icons/ic_english_sel.svg)} /* 상단배너 #user-header .grid-center > ul{margin:0 auto;} #user-header .logo_banner { display: inline-block;overflow:hidden;height:50px;margin:0 auto;} #user-header .logo_banner > li {float:left} #user-header .logo_banner > li > a {padding-left:2.5rem;display:block;overflow:hidden;height:50px;margin:0 auto;background-repeat:no-repeat;background-position:50% 0;background-size:contain} #user-header .logo_banner > li > a.user-logo {width:125px; margin:0 auto;} #user-header .logo_banner > li > a.user-logo2 {margin-left:.5rem;} #user-header .logo_banner > li > a.user-logo3 {margin-left:.2rem;} #user-header .sticky.is-stuck .grid-center > ul{margin:0;} #user-header .sticky.is-stuck .logo_banner {display:block; width: calc(100% - 80px);} #user-header .sticky.is-stuck .user-logo {width:60px !important; } #user-header .sticky.is-stuck .user-logo2 { height: 23px !important; margin-left:-5px;} #user-header .sticky.is-stuck .user-logo3 { height: 23px !important; margin-left:-10px;} @media screen and (max-width: 39.9375em) { .row #user-header .logo_banner {display:block; width: calc(100% - 110px);height:40px} .row #user-header .logo_banner > li {float:left} .row #user-header .logo_banner > li > a {height:40px;margin:0 auto;background-repeat:no-repeat;background-position:50% 0;background-size:contain} .row #user-header .logo_banner > li > a.user-logo {width:80px; margin:0 auto;} .row #user-header .logo_banner > li > a.user-logo2 {height:29px;} .row #user-header .logo_banner > li > a.user-logo3 {height:29px; margin-left:-10px;} } */ /* 상단배너2 #user-header .logo_banner2 {margin:0 auto;display: inline-block; } #user-header .logo_banner2 ul{margin:0} #user-header .logo_banner2 li {float:left;display:block;padding-right:.175rem} #user-header .logo_banner2 li:last-child {padding-right:0} #user-header .logo_banner2 li a {display:block;overflow:hidden;height:50px;background-repeat:no-repeat;background-position:0;background-size:contain} #user-header .logo_banner2 li a.user-logo {width:125px;} #user-header .logo_banner2 li a.user-logo2 {width:43px;background-position: 50% 0;} #user-header .sticky.is-stuck .user-logo { height: 30px !important; width:80px !important;} #user-header .sticky.is-stuck .user-logo2 { height: 26px !important; width:30px } #user-header .sticky.is-stuck > .grid-center {text-align: left !important;} @media screen and (max-width: 39.9375em) { .row #user-header .grid-center {text-align: center !important;} .row #user-header .logo_banner2 li a {height: 34px;} .row #user-header .logo_banner2 li a.user-logo {width:80px;} .row #user-header .logo_banner2 li a.user-logo2 {width:28px;background-position: 0 5%;} } */ /* 선거배너종료 */ .vote_banner_box_finish {margin-bottom:1px;padding:1.875rem .625rem;font-size:1.375rem;font-weight:bolder;line-height:1;color:#fff;background-color:red;border:3px solid blue;text-align:center} .vote_banner_box_finish::before {content:'선거배너'} .vote_banner_box_finish::after {content:'이 배너가 보이면 꼭 삭제해주세요.';display:block;margin-top:.375rem;font-size:.875rem;line-height:1.375;font-weight:normal;letter-spacing:-.05em} /*.xt-container {position: fixed; z-index: 1;}*/ @media screen and (max-width: 39.9375em) { /* 신경훈 / 976727 / 20200819 .row #spsec-header .reporter .men {width: 100px !important;height: 50px !important;background-color: transparent !important; border-radius: 0 !important;} */ } /* 임희은 / 978385 / 20200825 */ .box-skin.tech--header {margin-bottom:3rem;} /* 최은비 / 986561 / 20200916 */ #skin-58 > .item:first-child{margin-bottom:15px;margin-top:10px !important;} @media screen and (max-width: 39.9375em){ #skin-58 > .item:first-child{margin-bottom:0px;margin-top:0px !important;} #skin-58 > .item {padding:0 20px 20px 20px;background-color: #fff;margin-left: -20px;margin-right: -20px;} #gaze-reporter, .tech-banner{margin-bottom:35px !important;} } @media screen and (min-width: 39.9375em){ #gaze-reporter{margin-bottom:3rem !important;} #m-icon-nav{margin:0 0 3rem 0 !important;} .box-skin.tech-m{margin-bottom:0 !important;} .tech-banner{margin-bottom:3rem !important;margin-top:3rem !important;} } @media screen and (min-width: 39.9375em){ .row .box-skin.gb--header {margin-bottom:3rem !important;} } /* 신경훈 / 998820 / 20201030 */ .popup-wrap {min-height:initial !important} /* sns */ .article-sns-group .sns-btns .sns-btn-icons.telegram {background-color:#2aa3dc} .article-sns-group .sns-btns .sns-btn-icons .icon-telegram {display:inline-block} .article-sns-group .sns-btns .sns-btn-icons .icon-telegram::before {content:"\f2c6";font:normal normal normal 1.25rem FontAwesome !important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} /* 임희은 / 1005212 / 20201123 @media screen and (max-width: 39.9375em) { .row .box-skin.for-summary {margin-bottom:0px} }*/ #article-view .wrapper {max-width:1080px !important;} #user-section {max-width:1080px !important;} /* 김민희 / 1075088 / 20210720 */ @media screen and (max-width: 39.9375em) { .auto-article .line-3x2 {max-height:2.536em !important;} } /* 김민희 / 1108624 / 20211115 */ .visual--icon.icon--all::before {background-image:url(/image/icons/ic_all_nor.svg)} .item:hover .visual--icon.icon--all::before {background-image:url(/image/icons/ic_all_sel.svg)} /* 배진희 / 1138264 / 20220224 */ .list-btn-more{margin:0 auto 1.875rem;} /* 강수현 / 1373999 / 20240514 */ #skin-63 > .item:first-child{margin-bottom:15px;margin-top:10px !important;} @media screen and (max-width: 39.9375em) { #skin-63 > .item:first-child{margin-bottom:0px;margin-top:0px !important;} #skin-63 > .item {padding:0 20px 20px 20px;background-color: #fff;margin-left: -20px;margin-right: -20px;} } /* 홍경아 / 1374313 / 20240516 */ .visual--icon.icon--won::before {background-image:url(/image/icons/ic_won_nor.svg)} .item:hover .visual--icon.icon--won::before {background-image:url(/image/icons/ic_won_sel.svg)} /* 윤미정 / 1482407 / 20250625 */ .visual--icon.icon--pen::before {background-image: url(/image/icons/ic_pen_nor.svg);} .item:hover .visual--icon.icon--pen::before {background-image:url(/image/icons/ic_pen_sel.svg);}