/********************************************** note : design custom style page name : ������ **********************************************/ .box-skin .header .skin-column>a, .box-skin .header .skin-column>strong, .box-skin .header>a, .box-skin .header>strong {font-size:1.5rem} /* �ǹڽ� */ .tabs-wrap.type-D .tabs-navs .tabs-item a {font-size:1.1rem} .tabs-wrap.type-G .tabs-navs {width:60%} /********************************************** note : ���������� **********************************************/ /* header tools */ #article-view .quick-tool > :nth-last-child(2) {margin-left:0} #article-view .quick-tool>:nth-last-child(3) {border-right-width:1px} /* ��纻�� */ .article-veiw-body.view-page p {text-align:initial} /********************************************** note : ���� ���Ŀ���� **********************************************/ #article-view .info-group {position:relative} #article-sns {display:none} #article-sns.show {display:block} #article-sns {position:absolute;z-index:999;top:40px;right:0;width:25%;padding:15px;border:1px solid #b3b3b3;background:#fff;text-align:center} #article-sns .sns-header {font-size:1rem;font-weight:500;text-align:left;color:#000} #article-sns .social-group.for-other>:nth-child(5n+1) {clear:inherit} #article-sns .sns-container .social-group button {position:relative;width:35px;height:35px;padding:0;margin:17px 27px 25px 27px} #article-sns .sns-container .social-group button > span {position:absolute;top:40px;width:90px;left:-75%;font-size:11px;color:#616161} #article-sns .close-button {top:15px;right:10px;font-size:1rem} /********************************************** note : ��縮��Ʈ **********************************************/ .button-group.tiny .button, .button.small, .button.tiny {margin:0 2.5px} .button-group.tiny .button:last-child {margin-right:0} /* type for list */ #section-list .type1 .titles {font-size:1.125rem;font-weight:500;line-height:1.5} #section-list .type1 .info:not(.label), #section-list .type1 li>[class^=icon-] {font-size:.825rem} /* type for tail */ #section-list .type3 .thumb {padding-bottom:56%} /* type for webzine */ #section-list .type4 {display:block} #section-list .type4 > li {margin-top:1.125rem;padding-top:1.125rem;border-top:1px solid rgba(0,0,0,.05);text-align:left; z-index:0;} #section-list .type4 > :first-child {margin-top:0;padding-top:0;border-top:0} #section-list .type4 a[href^="/news"], #section-list .type4 a[href^="http"] {font-size:inherit;color:inherit} #section-list .type4 .thumb {overflow:hidden;float:left;position:relative;width:220px;height:123px;text-align:center} #section-list .type4 .thumb::before {content:'';position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)} #section-list .type4 .vod::after {content: '';z-index:2;overflow:hidden;position:absolute;right:10px;bottom:10px;width:30px;height:30px;background: url(/image/autobox/icon-play-m.png) 0 0 no-repeat;background-size: 30px} #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 .view-cont {display:block} #section-list .type4 .thumb + .view-cont {float:left;width:calc(100% - 220px);padding-left:1.5rem} #section-list .type4 .titles {font-size:1.3rem;font-weight:bold;font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e} #section-list .type4 .lead {margin:0 0 1rem;padding:0;font-size:.9rem;font-weight:300;font-weight:var(--wgt300, 300);color:#737373} #section-list .type4 .byline {display:block;margin-top:1.125rem;font-size:0} #section-list .type4 .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 .type4 .byline .label-group {display:inline-block;margin:0 0 0 .625rem;vertical-align:middle} #section-list .type4 .byline > :first-child {margin-left:0;padding-left:0;border-left:0} #section-list .type4 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0} #section-list .type4 li:first-child .thumb {width:340px;height:190px;} #section-list .type4 li:first-child .thumb + .view-cont {float:left;width:calc(100% - 340px);padding-left:1.8rem} #section-list .type4 li:first-child .titles {font-size:1.8rem;font-weight:bold;font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e} #section-list .type4 li:first-child .lead {margin:0 0 1rem;padding:0;font-size:1rem;font-weight:300;font-weight:var(--wgt300, 300);color:#737373} @media screen and (max-width: 39.9375em) { .row #section-list .type4 .thumb, .row #section-list .type4 .thumb + .view-cont {display:block;float:none;width:auto} .row #section-list .type4 .thumb {height:0;padding-bottom:56.25%;margin:0 auto .75rem} .row #section-list .type4 .thumb + .view-cont {padding-left:0} .row #section-list .type4 .label-group {display:block;margin:.75rem 0 0} } /* ��縮��Ʈ ��� ���ǿ��� */ #sections .header {padding-bottom:.75rem;margin-bottom:1.875rem;border-bottom:1px solid rgba(0,0,0,.08);text-align:left} #sections .header>.titles_new {display:inline-block;font-size:28px;color:#000;font-weight:bold;vertical-align: middle;letter-spacing:-.05rem} #sections .header>.content {float:right} #sections .header>.content ul li {position:relative;float:left;padding:0 10px} #sections .header>.content ul li a {line-height:33px} #sections .header>.content ul li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.925rem;border-left:1px solid #e2e2e2;-ms-transform:translateY(-50%);transform:translateY(-50%);} #sections .header>.content ul li > a {overflow:hidden;display:block;position:relative;height:50px;font-size:14px;text-align:center;line-height:50px;color:#484848;transition:color .15s ease-in-out;text-decoration:none;} #sections .header>.content ul li > a.active {color:#0054a6} #sections .header>.pick .content ul li > a.active {color:#000;font-weight:500} #sections .header>.content ul li:last-child {padding-right:0} #sections .header>.content select {width:25%;height:30px;margin-top:.7rem;padding:.2rem .6rem;font-size:.725rem;background-position: right -.256rem center} #sections .header>.content select:nth-child(2) {width:18%} #sections .header>.content select:nth-child(3) {width:35%} #sections .header>.content button {margin-bottom:0;padding:.5rem;background:#696969;font-size:.8rem} #sections .border-line {margin-bottom:30px;padding-bottom:30px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,.12)} #sections .header>form>.content {float:right} #sections .header>form>.content ul li {position:relative;float:left;padding:0 10px} #sections .header>form>.content ul li a {line-height:33px} #sections .header>form>.content ul li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.925rem;border-left:1px solid #e2e2e2;-ms-transform:translateY(-50%);transform:translateY(-50%);} #sections .header>form>.content ul li > a {overflow:hidden;display:block;position:relative;height:50px;font-size:14px;text-align:center;line-height:50px;color:#484848;transition:color .15s ease-in-out;text-decoration:none;} #sections .header>form>.content ul li > a.active {color:#0054a6} #sections .header>form>.content ul li:last-child {padding-right:0} #sections .header>form>.content select {width:25%;height:30px;margin-top:.7rem;padding:.2rem .6rem;font-size:.725rem;background-position: right -.256rem center} #sections .header>form>.content select:nth-child(2) {width:18%;margin:0 5px} #sections .header>form>.content select:nth-child(3) {width:35%;margin-right:5px} #sections .header>form>.content button {margin-bottom:.6rem;padding:.5rem;background:#696969;font-size:.8rem} #sections .header>form>.content .ui-datepicker-trigger {margin-right:.356rem;margin-bottom:.6rem} /* �ٽú��� - �����߽� ��縮��Ʈ �޷� */ #vod-replay-content {margin:0px 0 40px 0} #vod-replay-content .date-header {position:relative;width:100%;text-align:center} #vod-replay-content .date-header::after {content:'';display:table;clear:both} #vod-replay-content .date-header .years {display: inline-block;width:160px;font-size:25px;font-weight:600;text-align:center} #vod-replay-content .date-header .calendar {margin-left:7px;height:34px;line-height:34px;vertical-align:top;cursor:pointer} #vod-replay-content .date-header .date-btn {position:absolute;z-index:1;top:50%;width:34px;height:34px;font-size:20px;border:1px solid #d6d6d6;color:#adadad;cursor:pointer;-ms-transform:translateY(-50%);transform:translateY(-50%)} #vod-replay-content .date-header .date-btn.prev {left:450px} #vod-replay-content .date-header .date-btn.next {right:450px} /* �ٽú��� - �����߽� ������ */ #skin-autobox > .item:not(:first-child) {margin-top:30px} #skin-autobox .frame {width:700px; margin-bottom:20px} #skin-autobox .content {display:block} #skin-autobox .frame + .content {display:inline-block;width:calc(100% - 700px);padding-left:40px} #skin-autobox .auto-images.movie::after {content:'';overflow:hidden;position:absolute;right:20px;bottom:20px;width:69px;height:69px;background:url(/image/autobox/icon-play-l.png) 0 0 no-repeat;background-size:69px} #skin-autobox .auto-titles {font-weight:700;letter-spacing:-.025em} #skin-autobox > hr {max-width: 100%;clear: both;height: 0;margin-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);border-top: 0;border-right: 0;} /* �ٽú��� - ��� �̹��� */ #vod-replay-top .header .T2N12 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N12.png) no-repeat 50%;} #vod-replay-top .header .T2N2 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N2.png) no-repeat 50%;} #vod-replay-top .header .T2N22 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N22.png) no-repeat 50%;} #vod-replay-top .header .T2N20 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N20.png) no-repeat 50%;} #vod-replay-top .header .T2N1 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N1.png) no-repeat 50%;} #vod-replay-top .header .T2N3 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N3.png) no-repeat 50%;} #vod-replay-top .header .T2N8 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N8.png) no-repeat 50%;} /* #vod-replay-top .header .T2N21 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N21.png) no-repeat 50%;} #vod-replay-top .header .T2N11 {display:block;width:100%;height:120px;margin:0 auto;background: url(/image/section/vod_T2N11.png) no-repeat 50%;} */ /* ����ϴ� �ؽ�Ʈ */ ul.article-body-dn-txt li:first-child {font-size: 17px;margin-bottom: 5px;font-weight: 500;letter-spacing: -.05rem;} ul.article-body-dn-txt li {font-size:15px} /********************************************** note : �ι�DB **********************************************/ #human-wrap::after {content:'';display:table;clear:both} /* �̹������� */ #human-wrap .noimage {position:relative;height:150px;padding:1.25rem;background-color:#f8f8f8;border:1px solid rgba(0,0,0,.08);text-align:center} #human-wrap .noimage::before {content:'�̹��� �غ���';position:absolute;z-index:1;left:1.25rem;right:1.25rem;top:50%;font-size:.75rem;letter-spacing:-0.05em;color:rgba(0,0,0,.4);transform:translateY(-50%)} /* ����ڸ���Ʈ */ #human-wrap .human-header {margin-bottom:2rem;padding:1.25rem;border:3px solid rgba(0,0,0,.12);text-align:center} #human-wrap .human-header::after {content:'';display:table;clear:both} /* �˻� */ #human-wrap .search-group {max-width:550px;margin-left:auto;margin-right:auto} #human-wrap .search-group::after {content:'';display:table;clear:both} #human-wrap .search-group .cell {float:left} #human-wrap .search-group .cell:first-child {width:149px;margin-right:1px} #human-wrap .search-group .cell:last-child {width:calc(100% - 150px)} #human-wrap .search-group .input-group {margin-bottom:0} @media screen and (max-width: 39.9375em) { .row #human-wrap .search-group .cell {float:none;margin-left:auto;margin-right:auto} .row #human-wrap .search-group .cell:first-child,.row #human-wrap .search-group .cell:last-child {width:auto;margin-right:auto} .row #human-wrap .search-group .cell:first-child {margin-bottom:1px} } /* ��� */ #human-wrap .human-container::after {content:'';display:table;clear:both} #human-wrap .human-columns {float:left;width:49%;margin-left:2%;margin-bottom:.9375rem;background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.2)} #human-wrap .human-columns:first-child,#human-wrap .human-columns:nth-child(2n + 1) {clear:both;margin-left:0} #human-wrap .human-columns a {display:block;padding:1.25rem} #human-wrap .human-columns a::after {content:'';display:table;clear:both} #human-wrap .human-columns .images {float:left;width:120px;height:150px} #human-wrap .human-columns .images img {width:100%;height:100%} #human-wrap .human-columns .contents {float:right;width:calc(100% - 155px)} #human-wrap .human-columns .names {margin-bottom:1.25rem;font-size:1.063rem;line-height:1em} #human-wrap .human-columns a:hover .names {text-decoration:underline} #human-wrap .human-columns .lists {margin:0;list-style:none} #human-wrap .human-columns .lists li {position:relative;margin-bottom:.5rem;padding-left:.625rem;font-size:.8rem;line-height:1.25rem;letter-spacing:-0.05em;color:rgba(0,0,0,.65)} #human-wrap .human-columns .lists li:last-child {margin-bottom:0} #human-wrap .human-columns .lists li::before {content:'';position:absolute;z-index:1;left:0;top:50%;width:3px;height:3px;background-color:rgba(0,0,0,.2);border-radius:50%;transform:translateY(-50%)} @media screen and (max-width: 63.9375em) { .row #human-wrap .human-columns .images {float:none;margin-left:auto;margin-right:auto;margin-bottom:1rem;width:auto} .row #human-wrap .human-columns .contents {float:none;margin-left:auto;margin-right:auto;width:auto} } @media screen and (max-width: 39.9375em) { .row #human-wrap .human-columns {float:none;width:auto;margin-left:auto;margin-right:auto} .row #human-wrap .human-columns:nth-chlid(n) {margin-left:0} .row #human-wrap .human-columns:first-child,.row #human-wrap .human-columns:nth-child(2n + 1) {clear:inherit} } /* ������� */ #human-wrap .human-info {margin-bottom:1.25rem} #human-wrap .human-info::after {content:'';display:table;clear:both} #human-wrap .human-info .names {margin-bottom:1rem;font-size:1.063rem;line-height:1em} #human-wrap .human-info .containers::after {content:'';display:table;clear:both} #human-wrap .human-info .containers .images {float:left;position:relative;width:130px;height:160px;-webkit-transition:all .25s;transition:all .25s} #human-wrap .human-info .containers .images a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.12)} #human-wrap .human-info .containers .images img {width:100%;height:100%} #human-wrap .human-info .containers .contents {float:right;width:calc(100% - 170px);margin:0;list-style:none;-webkit-transition:all .25s;transition:all .25s} #human-wrap .human-info .containers .contents li {position:relative;margin-bottom:.5rem;padding-left:.625rem;font-size:.938rem;line-height:1.125rem;color:rgba(0,0,0,.8)} #human-wrap .human-info .containers .contents li span {font-size:.85rem;color:#868686} #human-wrap .human-info .containers .contents li:last-child {margin-bottom:0} #human-wrap .human-info .containers .contents li::before {content:'';position:absolute;z-index:1;left:0;top:50%;width:3px;height:3px;background-color:rgba(0,0,0,.2);border-radius:50%;transform:translateY(-50%)} @media screen and (max-width: 63.9375em) { .row #human-wrap .human-info .containers .images {width:180px} .row #human-wrap .human-info .containers .contents {width:calc(100% - 205px)} } @media screen and (max-width: 39.9375em) { .row #human-wrap .human-info .containers .images {float:none;width:auto;margin-left:auto;margin-right:auto;margin-bottom:1.25rem;text-align:center} .row #human-wrap .human-info .containers .contents {float:none;width:auto;margin-left:auto;margin-right:auto} } /* ������� - �� */ #human-wrap .human-tabs {margin-bottom:3rem} #human-wrap .human-tabs .tabs {background:#f7f7f7} #human-wrap .human-tabs .tabs .tabs-title {width:14.28%;text-align:center;border-right:1px solid #ddd} #human-wrap .human-tabs .tabs .tabs-title:last-child {border-right:0} #human-wrap .human-tabs .tabs .tabs-title a[href] {font-size:.85rem;letter-spacing:-0.05em;color:rgba(0,0,0,.9);font-weight:700;} #human-wrap .human-tabs .tabs .tabs-title a[href][aria-selected="true"] {color:#fefefe} #human-wrap .human-tabs .tabs-content .tabs-panel {font-size:.85rem;line-height:1.625rem;letter-spacing:-0.05em;color:rgba(0,0,0,.65)} #human-wrap .human-tabs .tabs .tabs-title > a {padding:.938rem 1.5rem} /* �ε������� */ #human-wrap .loding-icon {padding:2rem;text-align:center} #human-wrap .loding-icon::after {content:'';display:table;clear:both} /* ���� �̸��� �����ܺ��� */ #emoji-for {display:inline-block !important;width:100%} #emoji-for button.emoji-btns {width:100px !important;} #emoji-for .emoji-btns::before {width:100px; height:65px; background:url(/image/emojis-for-cus.png) !important;} #emoji-for .emoji-btns.good::before {background-position:-3px 0px !important;} #emoji-for .emoji-btns.lovely::before {background-position:-419px 0px !important;} #emoji-for .emoji-btns.sad::before {background-position:-328px 0px !important;} #emoji-for .emoji-btns.angry::before {background-position:-223px 0px !important;} #emoji-for .emoji-btns.want::before {background-position:-110px 0px !important;} /* �ڵ��ڽ� */ .user-point1{color:#000 !important;} .auto-dr02 .auto-section {position:absolute;z-index:10;padding:.3rem .5rem;font-size:.75rem;line-height:1;color:#fefefe;left:0;top:0;} /* ������ / 1066920 / 20210622 */ .box-skin .header>a.btm-Kor {background-image: url(/image/btm-kor.png) !important;background-size: auto !important;} /********************************************** note : ����������� �̹��� �ٿ�ε� ��ư�߰� **********************************************/ .edit-down-button {margin-bottom:.625rem;} .edit-down-button a {padding:.125rem .313rem;font-size:.688rem;background-color:#e7316e;color:#ffffff} .edit-down-button a:hover {background-color:#555555;text-decoration:none} /********************************************** ����� �۾��� : �ȴܺ� 2021-06-21 **********************************************/ /* �ǹڽ� J type */ .tabs-wrap.type-J .tabs-header {padding-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.12)} .tabs-wrap.type-J .tabs-navs {border-bottom:1px solid rgba(0,0,0,.12)} .tabs-wrap.type-J .tabs-navs .tabs-item a {position:relative;border:none !important;margin-bottom:-1px;font-size:.95rem} .tabs-wrap.type-J .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom:4px solid #305ba0 !important;} .tabs-wrap.type-J .tabs-panel {padding:1.25rem 1rem} /* �ڽ� ��Ų */ .box-skin.indigo {background-color:#1d3863} .box-skin.indigo-point .header > strong, .box-skin.indigo-point .header > a {color:#305ba0} .box-skin.indigo .header > strong, .box-skin.indigo .header > a {color:#fff} .box-skin.cus-line .header {margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.12);margin-left:-20px;margin-right:-20px;} .box-skin.cus-line .header > strong, .box-skin.cus-line .header > a, .box-skin.cus-line .header .skin-column > strong, .box-skin.cus-line .header .skin-column > a {padding:0 20px} /* ���� */ .box-margins.bg-height {background-color:#e4e4e4} @media screen and (max-width: 39.9375em) { .row .box-margins.bg-height {margin-left:-1.25rem;margin-right:-1.25rem;} .row #article-view.view-mobile-custom.mobile .banner_box {margin-left:-1.25rem;margin-right:-1.25rem;} } /* ���� �����ݴ� �̸�Ƽ�� �̹��� ���� */ #emoji-for {border-top:0;border-bottom:0;margin:0} #emoji-for .emoji-btns::before {width:100px;height:65px;background:url(/image/emojis-for-cus-img.png)no-repeat !important} #emoji-for .emoji-btns.good::before {background-position:-3px 0px !important;} #emoji-for .emoji-btns.lovely::before {background-position:-419px 0px !important;} #emoji-for .emoji-btns.sad::before {background-position:-328px 0px !important;} #emoji-for .emoji-btns.angry::before {background-position:-223px 0px !important;} #emoji-for .emoji-btns.want::before {background-position:-110px 0px !important;} @media screen and (max-width: 39.9375em) { .row #emoji-for {display:inline-block !important;width:100%} .row #emoji-for button.emoji-btns {width:20% !important;} .row #emoji-for .emoji-btns::before {width:70px;height:51px;background-size:400px 51px !important} .row #emoji-for .emoji-btns.good::before {background-position:-3px 0px !important;} .row #emoji-for .emoji-btns.lovely::before {background-position:-328px 0px !important;} .row #emoji-for .emoji-btns.sad::before {background-position:-260px 0px !important;} .row #emoji-for .emoji-btns.angry::before {background-position:-179px 0px !important;} .row #emoji-for .emoji-btns.want::before {background-position:-87px 0px !important;} } /********************************************** ����� ��罺Ų : view-mobile-custom �۾��� : �ȴܺ� **********************************************/ #sticky-header.view-mobile-custom.mobile .aht-wrapper > .options {width:220px;} #article-view.view-mobile-custom.mobile .info-group > :last-child:nth-child(2) {text-align:right} #article-view.view-mobile-custom.mobile .quick-tool > .tool {border-width:0} #article-view.view-mobile-custom.mobile .quick-tool > .tool .icon-print::before {content:'';background:url('/image/m-cus-print.png')no-repeat;background-size:18px;height:20px;width:18px;} #article-view.view-mobile-custom.mobile .quick-tool > .tool .icon-link::before {content:'';background:url('/image/m-cus-share.png')no-repeat;background-size:18px;height:20px;width:18px;} #article-view.view-mobile-custom.mobile .quick-tool > .tool .font-size.down::before {content:'';background:url('/image/m-cus-txt_s.png')no-repeat;background-size:20px;height:20px;width:18px;} #article-view.view-mobile-custom.mobile .quick-tool > .tool .font-size.up::before {content:'';background:url('/image/m-cus-txt_l.png')no-repeat;background-size:20px;height:20px;width:18px;} #article-view.view-mobile-custom.mobile .quick-tool .social-group {display:inline-block;vertical-align: middle;} #article-view.view-mobile-custom.mobile .quick-tool .social-group .sns.bookmark .icon-bookmark::before {content:'';background:url('/image/m-cus-scrap.png')no-repeat;background-size:20px;height:20px;width:18px;} #article-view.view-mobile-custom.mobile .quick-tool .social-group .sns.bookmark {width:36px;height:36px;margin:0;background-color:transparent !important;border:0;vertical-align:top} @media screen and (max-width: 39.9375em) { .row #article-view.view-mobile-custom.mobile .info-group {margin-bottom:0;text-align:left} .row #article-view.view-mobile-custom.mobile .quick-tool .social-group {margin-bottom:0;text-align:right} } #article-view.view-mobile-custom .article-copy {padding:0;border-top:0;text-align:left} /* �ٸ���纸�� */ #article-view.view-mobile-custom .writer {padding:1rem 1.5rem;border-top:1px solid #d3d8e9;background-color:#fff} #article-view.view-mobile-custom .account > .email {color:#000} @media screen and (max-width: 39.9375em) { .row #article-view.view-mobile-custom .writer {margin-left:-1.25rem;margin-right:-1.25rem} } /* ���������� */ #article-view.view-mobile-custom .account > .image {display:none} #article-view.view-mobile-custom.view-mobile-custom .account > .email {display:inline-block} #article-view.view-mobile-custom .article-more {background-image:none} #article-view.view-mobile-custom .article-more:hover {color:rgba(0,0,0,.65)} #article-view.view-mobile-custom .article-copy {margin-bottom:1.125rem;} /* ����ϴ� �ؽ�Ʈ */ #article-view.view-mobile-custom ul.article-body-dn-txt {padding:1rem 0 2rem;border-bottom:1px solid #d3d8e9} #article-view.view-mobile-custom ul.article-body-dn-txt li:first-child {font-size:17px;margin-bottom:5px;font-weight: 500;letter-spacing:-.05rem} #article-view.view-mobile-custom ul.article-body-dn-txt li {font-size:15px} @media screen and (max-width: 39.9375em) { .row #article-view.view-mobile-custom ul.article-body-dn-txt {padding:1rem 1.5rem 2rem;margin-left:-1.25rem;margin-right:-1.25rem} } /* ���� ��縮��Ʈ ��� ���� �̹��� */ #user-section .m-sec-img-wrap {margin-left:-1.25rem;margin-right:-1.25rem;margin-top:-30px} /********************************************** ����� ��縮��Ʈ ��Ų : list-mobile-custom(�����) - �оߺ����� �۾��� : �ȴܺ� **********************************************/ #section-list .type-m1 {display:block} #section-list .type-m1 > li {margin-top:1rem;padding-top:.7rem;border-top:.7px solid rgba(0,0,0,.05);text-align:left} #section-list .type-m1 > :first-child {margin-top:0;padding-top:0;border-top:0} #section-list .type-m1 a[href^="/news"], #section-list .type-m1 a[href^="http"] {font-size:inherit;color:inherit} /* ������ ��� */ #section-list .type-m1 .thumb {overflow:hidden;float:left;position:relative;width:140px;height:80px;text-align:center} #section-list .type-m1 .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 .type-m1 .thumb.vod::after {content: '';z-index:20;overflow:hidden;position:absolute;right:10px;bottom:10px;width:30px;height:30px;background: url(/image/autobox/icon-play-m.png) 0 0 no-repeat;background-size: 30px} #section-list .type-m1 .view-cont {display:block} #section-list .type-m1 .thumb + .view-cont {float:left;width:calc(100% - 140px);padding-left:1.25rem} #section-list .type-m1 .titles {font-size:1.025rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e} #section-list .type-m1 .lead {margin:0 0 1rem;padding:0;font-size:.813rem;font-weight:400;font-weight:var(--wgt400, 400);color:#737475} #section-list .type-m1 .byline {display:block;margin-top:.5rem;font-size:0} #section-list .type-m1 .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 .type-m1 .byline .label-group {display:inline-block;margin:0 0 0 .625rem;vertical-align:middle} #section-list .type-m1 .byline > :first-child {margin-left:0;padding-left:0;border-left:0} #section-list .type-m1 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0} /* ù��° ��� */ #section-list .type-m1 .large-li {position:relative} #section-list .type-m1 .large-li .img-wrap {position:relative} #section-list .type-m1 .large-li .img-wrap:before {content:'';position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:linear-gradient(transparent 42%,rgba(0,0,0,.9))} #section-list .type-m1 .large-li .img-wrap .thumb {z-index:1;float:none;display:block;width:100%;height:200px} #section-list .type-m1 .large-li .img-wrap .thumb .images {display:block;overflow:hidden;height:0;padding-bottom:64%;background-image:url(/image/logo/csslogo.png);background-size:50% auto;background-repeat:no-repeat;background-position:50% 50%} #section-list .type-m1 .large-li .img-wrap .thumb .images[style*="background-image"] {background-size:cover} #section-list .type-m1 .large-li .view-cont {position:absolute;bottom:0;z-index:3;width:100% !important;padding:1rem 4rem 1rem 1rem} #section-list .type-m1 .large-li .titles {margin-bottom:0;font-size:1.5rem;font-weight:500;font-weight:var(--wgt500, 500);color:#fff} #section-list .type-m1 .large-li .byline {margin-top:.3rem} /********************************************** ����� ��縮��Ʈ ��Ų : list-mobile-custom2(�����) - �ٽú��� �۾��� : �ȴܺ� **********************************************/ #section-list .type-m2 {display:block} #section-list .type-m2 > li, #section-list .type-m3 > li {margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(0,0,0,.05);text-align:left} #section-list .type-m2 > :first-child {margin-top:0;padding-top:0;border-top:0} #section-list .type-m2 a[href^="/news"], #section-list .type-m2 a[href^="http"] {font-size:inherit;color:inherit} /* ������ */ #section-list .type-m2 .thumb {overflow:hidden;float:left;position:relative;width:140px;height:80px;text-align:center} #section-list .type-m2 .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 .type-m2 .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 .type-m2 .thumb.vod::after {content: '';z-index:20;overflow:hidden;position:absolute;right:10px;bottom:10px;width:30px;height:30px;background: url(/image/autobox/icon-play-m.png) 0 0 no-repeat;background-size: 30px} #section-list .type-m2 .view-cont {display:block} #section-list .type-m2 .thumb + .view-cont {float:left;width:calc(100% - 140px);padding-left:1.25rem} #section-list .type-m2 .titles {font-size:1.025rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e} #section-list .type-m2 .lead {margin:0 0 1rem;padding:0;font-size:.813rem;font-weight:400;font-weight:var(--wgt400, 400);color:#737475} #section-list .type-m2 .byline {display:block;margin-top:.5rem;font-size:0} #section-list .type-m2 .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 .type-m2 .byline .label-group {display:inline-block;margin:0 0 0 .625rem;vertical-align:middle} #section-list .type-m2 .byline > :first-child {margin-left:0;padding-left:0;border-left:0} #section-list .type-m2 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0} /* ����� */ #section-list .type-m3 > li:first-child {margin-top:0;padding-top:0;border-top:0} #section-list .type-m3 .thumb {overflow:hidden;float:left;position:relative;width:140px;height:80px;text-align:center;z-index:0} #section-list .type-m3 .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 .type-m3 .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 .type-m3 .thumb.vod::after {content: '';z-index:20;overflow:hidden;position:absolute;right:10px;bottom:10px;width:30px;height:30px;background: url(/image/autobox/icon-play-m.png) 0 0 no-repeat;background-size: 30px} #section-list .type-m3 .view-cont {display:block} #section-list .type-m3 .thumb + .view-cont {float:left;width:calc(100% - 140px);padding-left:1.25rem} #section-list .type-m3 .titles {font-size:1.025rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e} #section-list .type-m3 .lead {margin:0 0 1rem;padding:0;font-size:.813rem;font-weight:400;font-weight:var(--wgt400, 400);color:#737475} #section-list .type-m3 .byline {display:block;margin-top:.5rem;font-size:0} #section-list .type-m3 .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 .type-m3 .byline .label-group {display:inline-block;margin:0 0 0 .625rem;vertical-align:middle} #section-list .type-m3 .byline > :first-child {margin-left:0;padding-left:0;border-left:0} #section-list .type-m3 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0} /* �ٽú��� - �����߽� ��縮��Ʈ �޷� */ #vod-replay-content.date-wrap {margin:0px 0 20px 0} #vod-replay-content.date-wrap .date-header {position:relative;width:100%;text-align:center} #vod-replay-content.date-wrap .date-header::after {content:'';display:table;clear:both} #vod-replay-content.date-wrap .date-header .years {display: inline-block;width:120px;font-size:20px;font-weight:600;text-align:center} #vod-replay-content.date-wrap .date-header .calendar {margin-left:7px;height:30px;line-height:26px;;vertical-align:top;cursor:pointer} #vod-replay-content.date-wrap .date-header .date-btn {position:absolute;z-index:1;top:50%;width:30px;height:34px;font-size:20px;border:1px solid #d6d6d6;color:#adadad;cursor:pointer;-ms-transform:translateY(-50%);transform:translateY(-50%)} #vod-replay-content.date-wrap .date-header .date-btn.prev {left:0} #vod-replay-content.date-wrap .date-header .date-btn.next {right:0} /********************************************** ����� ��縮��Ʈ ��Ų : list-mobile-custom3(�����) - �Ϲ� ��縮��Ʈ �۾��� : �ȴܺ� **********************************************/ #section-list .type2.cus-3 .thumb {z-index:1;float:none;display:block;width:100%;height:200px} #section-list .type2.cus-3 .thumb .images {display:block;width:100%;height:220px} #section-list .type2.cus-3 .thumb .images[style*="background-image"] {background-size:cover;background-position:center}