@charset "UTF-8"; /* ============================== * 레이아웃 공통 설정 * ============================== */ *, *:before, *:after {box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} *:focus {outline-style:none;} body, .#wrapper {overflow-x:hidden;} html, body, article, aside, details, figcaption, figure, header, hgroup, menu, div, nav, section, header, table, tbody, tfoot, thead, tr, th, td, article, aside, audio, video ,textarea {margin:0; padding:0; border:0; outline:0; line-height:1.5; background:transparent; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0; vertical-align:baseline;} header, section, article, footer, aside, nav, main, figure {display:block;} ul,ol,li,dl,dt,dd, i {margin:0; padding:0; list-style:none;} p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} a {color:inherit; text-decoration:none; -webkit-touch-callout:none;} a:hover,a:focus,a:active {color:inherit; text-decoration:none;} table {border-collapse:collapse; border-spacing:0;} caption,legend {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} select, input, textarea{color:#454545;} select, input {vertical-align:middle;} address,em,i{font-style:normal;} label {cursor:pointer; margin:0; padding:0;} hr {margin:0;border:none;padding:0;display:block;} form, figure, figcaption {padding:0;margin:0;} fieldset {border:none;padding:0;margin:0;} /* clifix */ .clearfix{*zoom:1} .clearfix:after{display:block;clear:both;content:''} /* Skip Navigation */ #skip_nav, .blind {clip:rect(0,0,0,0);position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0;} #skip_nav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee} #skip_nav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1rem;line-height:1rem;color:#fff;z-index:10000} a:focus {border:0;ontline:0;} :focus {outline:none;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;} a:hover {text-decoration:underline;} /* 기본 */ .responsive{max-width:100%;height:auto;} .clearfix:before, .clearfix:after{content:"";display:table;clear:both;} .float-left{float:left !important;} .float-right{float:right !important;} .float-wrap{overflow:hidden;} img {width:100%; height:100%; object-fit:cover; object-position:top;} .issue_pick > .inner {margin-left:auto; margin-right:auto;} /* display:flex 설정 */ .issue_pick > .inner, .issue_pick > .inner > ul, .issue_pick > .inner > ul > li > a, .issue_pick [class*="btn_"], .major_news01, .major_news01 > .box_w > .list_bx > ul, [class*="major_news"] > .box_w, .hotnews_wrap .swiper_btn_wrap, .wide_wrap01 > .inner > .sec_wrap, .wide_wrap01 .entertain_sec > .c_body > ul > li, .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box {display:-webkit-box; display:-ms-flexbox; display:flex;} .headline > .inner > .row02 {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} figure > .badge {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; color:#111; letter-spacing:-1px; background-color:#fff; border-radius:20px;} /* h2 > a:hover > strong, */ .wide_wrap01 .golf_sec > .c_body > .row01 > a:hover > p > strong {text-decoration:underline !important;} /* 2024.01.11 :테스트 추가 */ body.pc .header_n {width:100%; -moz-transition:padding 0.2s ease-in-out; -o-transition:padding 0.2s ease-in-out; -webkit-transition:padding 0.2s ease-in-out; transition:padding 0.2s ease-in-out;} body.pc.is_fix #wrapper {padding-top:157px;} body.pc.is_fix .header_n {right:auto !important;} /* 2024.01.11 :테스트 추가 End */ body #header > aside {top:calc(100% - 0px) !important;} /* ============================== * top_sec 영역 * ============================== */ .top_sec {width:100%; height:49px; background-color:#f4f6f8;} .top_sec > .inner {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:100%; margin-left:auto; margin-right:auto;} .top_sec > .inner > article {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:50%; height:100%;} .top_sec > .inner > .stock_w {width:400px;} .top_sec dl, .top_sec dl > dt, .top_sec dl > dt > a, .top_sec dl > dd {display:-webkit-box; display:-ms-flexbox; display:flex; height:100%;} .top_sec dl > dt, .top_sec dl > dt > a, .top_sec .realtime_w > dd {-webkit-box-align:center; -ms-flex-align:center; align-items:center;} .top_sec dl > dt {flex-shrink:0;} .top_sec dl > dt > a {position:relative; padding:1px 10px 0 0; text-decoration:none;} .top_sec dl > dt > a, .top_sec dl > dt > a * {color:#111; font-size:14px; font-weight:700; letter-spacing:-0.5px;} .top_sec dl > dt:after {content:""; display:inline-block; position:absolute; top:50%; right:10px; width:6px; height:6px; margin:0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .top_sec .realtime_w {} .top_sec .realtime_w > dl {width:100%;} .top_sec .realtime_w > dl > dt {flex-shrink:0; width:130px;} /* .top_sec .realtime_w > dl > dt > a {position:relative; padding:0 10px 0 0; text-decoration:none;} */ .top_sec .realtime_w > dl > dt {color:#111; font-size:14px; font-weight:700; letter-spacing:-1px;position: relative;} .top_sec .realtime_w > dl > dt > span {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:43px; height:22px; margin-right:7px; padding:1px 0 0 1px; color:#fff; font-size:11px; font-weight:900; line-height:22px; text-transform:uppercase; letter-spacing:1px; background-color:#111; border-radius:15px;} .top_sec .realtime_w > dl > dd {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; overflow:hidden;} .top_sec .realtime_w > dl > dd > ul, .top_sec .realtime_w > dl > dd > ul > li, .top_sec .realtime_w > dl > dd > ul > li > a {height:100%;} .top_sec .realtime_w > dl > dd > ul > li > a {display:block; padding-top:1px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:49px;} .top_sec .stock_w {-ms-flex-pack:end; -webkit-box-pack:end; -webkit-justify-content:flex-end; -moz-box-pack:end; justify-content:flex-end;} .top_sec .stock_w > dl {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; overflow:hidden;} .top_sec .stock_w > dl > dt {width:85px;} .top_sec .stock_w > dl > dd {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; overflow:hidden;} .top_sec .stock_w > dl > dd > .bx {display:-webkit-box; display:-ms-flexbox; display:flex; height:100%; margin-left:0; margin-right:0; overflow:visible;} .top_sec .stock_w > dl > dd > .bx, .top_sec .stock_w > dl > dd > .bx * {white-space:nowrap;} .top_sec .stock_w > dl > dd > .bx .item_b, .top_sec .stock_w > dl > dd > .bx .item_b > strong, .top_sec .stock_w > dl > dd > .bx .item_b > a {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; gap:4px;} .top_sec .stock_w > dl > dd > .bx .item_b > strong {height:100%; margin-right:6px; padding-top:1px; color:#666; font-size:14px; font-weight:500;} .top_sec .stock_w > dl > dd > .bx .item_b > a > strong {color:#666; font-weight:500;} .top_sec .stock_w > dl > dd > .bx > ul {height:100%;} .top_sec .stock_w i > em {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .top_sec .stock_w [class*="rate_"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .top_sec .stock_w a:hover {text-decoration:none !important;} .top_sec .stock_w [class*="rate_"] {} .top_sec .stock_w [class*="rate_"] p > span {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .top_sec .stock_w [class*="rate_"] > .num_stock, .top_sec .stock_w [class*="rate_"] > .num_change, .top_sec .stock_w [class*="rate_"] > .num_change * {font-family:Arial; letter-spacing:-0.5px;} .top_sec .stock_w [class*="rate_"] > .num_stock {margin-top:2px; color:#000; font-size:1.8rem; font-weight:700; letter-spacing:-0.5px;} .top_sec .stock_w [class*="rate_"] > .num_change {margin-top:3px; margin-left:14px;} .top_sec .stock_w [class*="rate_"] > .num_change, .top_sec .stock_w [class*="rate_"] > .num_change * {font-size:14px; font-weight:400;} .top_sec .stock_w .rate_up > .num_change, .top_sec .stock_w .rate_up > .num_change * {color:#f44536;} .top_sec .stock_w .rate_down > .num_change, .top_sec .stock_w .rate_down > .num_change * {color:#1370e7;} .top_sec .stock_w .rate_up > .num_change, .top_sec .stock_w .rate_up > .num_change * {color:#f44536;} .top_sec .stock_w .rate_keep > .num_change, .top_sec .stock_w .rate_keep > .num_change * {color:#666;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_rate {margin-left:10px;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_prev {position:relative; padding:0 0 0 13px;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_prev > i {position:absolute; top:50%; left:0; display:inline-block; overflow:hidden; margin-top:-1px; vertical-align:top; border-left:4px solid transparent; border-right:4px solid transparent; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .top_sec .stock_w [class*="rate_"] > .num_change > .num_prev > i.ico_up {border-bottom:7px solid #f44536;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_prev > i.ico_down {border-top:7px solid #1370e7;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_prev > i.ico_keep {top:50%; width:8px; height:2px; background-color:#666; border:0 none; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);} .top_sec .stock_w > p {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:end; -webkit-box-pack:end; -webkit-justify-content:flex-end; -moz-box-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; flex-shrink:0; min-width:70px; height:100%; padding:0;} .top_sec .stock_w > p, .top_sec .stock_w > p * {color:#666; font-size:13px; font-weight:400; letter-spacing:-0.2px;} .top_sec .stock_w > p > span {margin-right:4px;} /* 2024.01.11 :추가 */ body.pc.is_fix .top_sec {display:none;} /* 특집스킨 */ .chuseok2024 .sec_l {position:relative;} .chuseok2024 .sec_l::before, .chuseok2024 .sec_l::after, .chuseok2024 .logo::before, .chuseok2024 .logo::after {content:''; display:block; position:absolute; background-size:contain !important;} .chuseok2024 .sec_l::before {width:22px; height:14px; top:-10px; left:217px; background:url("/asiae_v3/event/chuseok2024_star2.svg")no-repeat; z-index:1; animation:star 1s linear 1s infinite alternate;} .chuseok2024 .sec_l::after {width:25px; height:24px; top:-12px; left:216px; background:url("/asiae_v3/event/chuseok2024_moon.svg")no-repeat; z-index:-1; animation:moon 1.5s linear 0s alternate;} .chuseok2024 .logo::before {width:20px; height:15px; top:45px; left:198px; background:url("/asiae_v3/event/chuseok2024_dog.svg")no-repeat; z-index:1; animation:dog 0.8s linear 1s infinite alternate;} .chuseok2024 .logo::after {width:150px; height:72px; top:2px; left:182px; background:url("/asiae_v3/event/chuseok2024_bg.svg")no-repeat; z-index:-1;} [class*="header_n"].chuseok2024 .sec_l > div > a {background:url("/asiae_v3/event/logo_evnl03.svg")no-repeat;} .is_fix [class*="header_n"].chuseok2024 .sec_l > div > a {background:url("/asiae_v3/com/logo_asiae.svg")no-repeat;} @keyframes dog { 0% {top:45px; left:198px;} 20% {top:42px; left:199px;} 40% {top:45px; left:199px;} 60% {top:43px; left:198px;} 80% {top:45px; left:199px;} 100% {top:45px; left:199px;} } @keyframes moon { 0% {top:10px; left:220px; opacity:0;} 100% {top:-12px; left:216px; opacity:1;} } @keyframes star { 0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0.5;} } .pc[class*="is_fix"] .chuseok2024 .sec_l::before, .pc[class*="is_fix"] .chuseok2024 .sec_l::after, .pc[class*="is_fix"] .chuseok2024 .logo::before, .pc[class*="is_fix"] .chuseok2024 .logo::after {display:none;} /* ============================== * 띠배너 영역 * ============================== */ .tbanner {position:relative; max-width:1200px; width:100%; height:50px; margin:0 auto; overflow:hidden;} .tbanner ul {height:50px !important;} .tbanner ul li {position:relative; width:100%; height:100% !important;} .tbanner ul li::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/asiae_v3/com/bg_pc.png) no-repeat center top; background-size:694px 50px;} .tbanner ul li > a {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -moz-box-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;} .tbanner ul li > a {position:relative; height:100%; z-index:1;} .tbanner dl, .tbanner dl dt, .tbanner dl dd {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;} .tbanner dl dt {color:#fff; font-size:14px; font-weight:700;} .tbanner dl dt::after {content:''; display:inline-block; width:100px; height:1px; margin:0 20px; background-color:rgba(225,225,225,0.4); } .tbanner ul li dl dd {margin-top:6px; font-family:'Gmarket Sans'; font-size:2.0rem; font-weight:500; letter-spacing:-1px;} .tbanner a:hover {text-decoration:none;} .tbanner .btn_cls {display:-webkit-inline-box; display:-webkit-inline-flex; display:-moz-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:20px; height:20px; z-index:1;} .tbanner .btn_cls > span {width:0.9px; height:15px; margin-top:4px; margin-left:10px; background-color:#888; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);} .tbanner .btn_cls > span::after {content:""; position:absolute; top:0; left:0; width:0.9px; height:15px; background-color:#888; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);} .tbanner .btn_cls > span > em {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0);} /* 2024.01.04 :양성평등배너 추가 */ .band_banner_ed body.pc.is_fix .band_banner {position:relative; height:50px; display:block; width:100%;} /* 2024.01.11 :top삭제 */ .band_banner_ed .band_banner {position:relative; height:50px;} .band_banner_ed .band_banner, .band_banner_ed .band_banner * {text-decoration:none !important;} .band_banner_ed .band_banner, .band_banner_ed .band_banner * {line-height:normal;} .band_banner_ed .band_banner > ul, .band_banner_ed .band_banner > ul > li, .band_banner_ed .band_banner > ul > li > a {height:100%;} .band_banner_ed .band_banner > ul {overflow:hidden; max-width:1200px; margin-left:auto; margin-right:auto;} .band_banner_ed .band_banner > ul > li > a {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center; position:relative; width:100%;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center; position:relative; height:100%; margin-left:-2px; padding-top:2px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap:before, .band_banner_ed .band_banner > ul > li > a > .bg_wrap:after {content:""; position:absolute; background-repeat:no-repeat !important; background-position:0 0 !important; background-size:contain !important;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt {height:100%; margin-right:17px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt * {color:#fff; font-size:14px; font-weight:400; letter-spacing:-1px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt > i {display:none;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd {height:100%; color:#fff; font-size:20px; font-family:'Gmarket Sans'; font-weight:500;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd * {letter-spacing:-2px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd > span {display:block; position:relative; height:100%;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd:hover, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd:active {text-decoration:none !important;} .band_banner_ed .band_banner > ul > li > a > button {right:54px; height:100%; padding:10px;} .band_banner_ed .band_banner > ul > li > a > button, .band_banner_ed .band_banner > ul > li > a > button * {color:#fff; font-size:12px; font-weight:400; letter-spacing:-1px;} .band_banner_ed .band_banner > ul > li > a > button > span {} .band_banner_ed .band_banner > ul > li > a > button > i {display:inline-block; position:relative; margin-left:8px;} .band_banner_ed .band_banner > ul > li > a > button > i:after {content:""; display:inline-block; position:absolute; top:50%; left:0; width:6px; height:6px; margin:1px 0 0 0; border:1px solid #fff; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt > i > em, .band_banner_ed .band_banner > ul > li > a > button > i > em {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd > span, .band_banner_ed .band_banner > ul > li > a > button {display:-webkit-inline-box; display:-webkit-inline-flex; display:-moz-inline-box; display:-ms-inline-flexbox; display:inline-flex; -moz-align-items:center; -ms-flex-align:center; align-items:center;} .band_banner_ed .band_banner > ul > li > a > button {position:absolute; top:0;} .band_banner_ed .band_banner > ul > li.item01 {background:linear-gradient(89.9deg, #39097B 0%, #5024B3 57.97%, #9B29B7 100.28%);} .band_banner_ed .band_banner > ul > li.item01 > a > .bg_wrap:before {top:5px; left:-118px; width:97px; height:65px; background-image:url("/asiae_v3/event/bg_001.png");} .band_banner_ed .band_banner > ul > li.item01 > a > .bg_wrap:after {top:0; right:-126px; width:104px; height:50px; background-image:url("/asiae_v3/event/bg_02.png");} .band_banner_ed .band_banner > ul > li.item02 {background:linear-gradient(89.9deg, #2D2D43 0%, #4F5679 100.28%, #4F5679 100.28%); } .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap:before {top:0; left:-118px; width:81px; height:50px; background-image:url("/asiae_v3/event/bg_item02_01.png");} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap:after {top:0; right:-126px; width:82px; height:45px; background-image:url("/asiae_v3/event/bg_item02_02.png");} /* 2024 국회의원 선거 */ .band_banner_ed .band_banner > ul > li.vote2024 {width:100%; max-width:1200px; height:50px; background-image:url("/asiae_v3/event/vote2024_tbanner.png"); background-size:cover; background-position-x:center;} .band_banner_ed .band_banner > ul > li.vote2024 dl {width:273px; height:26px; margin-bottom:2px; background-image:url("/asiae_v3/event/vote2024_tbanner_tit.svg");} .band_banner_ed .band_banner > ul > li.vote2024 dl dt, .band_banner_ed .band_banner > ul > li.vote2024 dl dd {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .band_banner_ed .band_banner > ul > li.vote2024 > a > button, .band_banner_ed .band_banner > ul > li.vote2024 > a > button * {color:#111; font-weight:500;} .band_banner_ed .band_banner > ul > li.vote2024 > a > button {right:60px;} .band_banner_ed .band_banner > ul > li.vote2024 > a > button > i {margin-left:6px;} .band_banner_ed .band_banner > ul > li.vote2024 > a > button > i::after {border-color:#111;} /* 2024 테니스대회 */ .band_banner_ed .band_banner > ul > li.tennis2024 {height:50px; background:#147351 url("/asiae_v3/event/tennis_1200X60.jpg") no-repeat center; background-size:contain;} /* 2024 하만하천 걷기챌린지 시즌4 */ .band_banner_ed .band_banner.hmhc4th {height:60px;} .band_banner_ed .band_banner > ul > li.hmhc4th {height:60px; background:#B3EDFF url("/asiae_v3/event/hahc4th_pc.png") no-repeat center; background-size:1200px 60px;} /* AKRadio */ .band_banner_ed .band_banner.akradio {height:60px;} .band_banner_ed .band_banner > ul > li.akradio {height:60px; background:#683DE5 url("/asiae_v3/event/akradio_ban.png") no-repeat center; background-size:1200px 60px;} /* 2024 파리올림픽 */ .band_banner_ed .band_banner.olympic_2024 {height:60px; display:none;} .paris_olympic {position:relative; color:#fff; background:#042663;} .paris_olympic::before, .paris_olympic::after {content:''; display:block; position:absolute; top:0; height:60px; background-size:cover;} .paris_olympic::before {left:0; width:127px; background:url("/asiae_v3/event/eiffel.svg") no-repeat;} .paris_olympic::after {right:0; width:94px; background:url("/asiae_v3/event/bg_dotted.svg") no-repeat;} .band_banner_ed .band_banner > ul > li.paris_olympic a {padding:0 80px 0 150px; -webkit-box-pack:justify; -moz-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;} .paris_olympic a > div, .paris_olympic ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;} .paris_olympic .tit {margin-top:6px; font-family:'Gmarket Sans'; font-size:21px;} .paris_olympic .tit strong {color:#59C7FB !important; font-weight:700;} .paris_olympic .tit p {position:relative; margin-left:10px; font-size:17px; font-weight:500;} .paris_olympic .tit p::after {content:""; display:inline-block; position:absolute; top:46%; right:-12px; width:8px; height:8px; margin:0; border:2px solid #fff; border-width:2px 2px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .paris_olympic .desc {position:relative; height:100%; -webkit-box-align:end; -moz-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; gap:20px; z-index:1;} .paris_olympic .desc div, .paris_olympic .desc div * {text-align:right; line-height:1 !important;} .paris_olympic .desc div {margin-bottom:12px;} .paris_olympic .desc p {font-family:'Gmarket Sans'; font-size:14px; font-weight:500;} .paris_olympic .desc p span {color:#F3A9CC !important; font-size:16px; font-weight:700;} .paris_olympic .desc em {display:block; margin-top:2px; font-size:12px; font-weight:300; opacity:70%;} .paris_olympic .desc ul li {position:relative; width:36px; height:48px; text-align:center;} .paris_olympic .desc ul li::after {content:''; display:block; position:absolute; bottom:0; width:36px; height:30px; background-size:contain; z-index:1;} .paris_olympic .desc ul li:first-of-type::after {background:url("/asiae_v3/event/bg_medal.svg") no-repeat;} .paris_olympic .desc ul li:nth-of-type(2)::after {background:linear-gradient(0deg, #EEA8CB 0%, #0B96D9 100%);} .paris_olympic .desc ul li:nth-of-type(3)::after {background:#0094DA;} .paris_olympic .desc ul li + li {margin-left:8px;} .paris_olympic .desc ul li b, .paris_olympic .desc ul li i {position:absolute; top:0; left:0; width:36px; height:36px;} .paris_olympic .desc ul li b {color:#7f7f7f !important; font-family:'Gmarket Sans'; font-size:15px; font-weight:700; line-height:38px; mix-blend-mode:multiply; z-index:3;} .paris_olympic .desc ul li i {display:block; background-size:contain; z-index:2;} .paris_olympic .desc ul li:first-of-type i {background:url("/asiae_v3/event/medal_gold.svg") no-repeat;} .paris_olympic .desc ul li:nth-of-type(2) i {background:url("/asiae_v3/event/medal_silver.svg") no-repeat;} .paris_olympic .desc ul li:nth-of-type(3) i {background:url("/asiae_v3/event/medal_bronze.svg") no-repeat;} /* .band_banner_ed .issue_pick > .inner:after {content:none !important;} */ /* 2024.08.08 :워크온랜딩 띠배너 추가 */ .band_banner_ed .band_banner_walkon {position:relative; overflow:hidden; width:100%;} .band_banner_ed .band_banner_walkon > ul {overflow:hidden; max-width:1280px; width:100%; margin-left:auto; margin-right:auto; padding-left:40px; padding-right:40px;} .band_banner_ed .band_banner_walkon > ul, .band_banner_ed .band_banner_walkon [class*="item_walkon"] {width:100%;} /* .band_banner_ed .band_banner_walkon [class*="item_walkon"] {display:none;} .band_banner_ed .band_banner_walkon [class*="item_walkon"].act {display:block;} */ .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > p {max-width:680px; width:100%; margin-left:auto; margin-right:auto;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > .img_pc {display:-webkit-box; display:-ms-flexbox; display:flex;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > .img_m {display:none;} .band_banner_ed .band_banner_walkon .item_walkon01 > a {background-color:#0b59e1;} .band_banner_ed .band_banner_walkon .item_walkon02 > a {background-color:#151d36;} .header_n .inner {border-bottom:1px solid rgba(225,225,225,1.0);} /* ============================== * header 영역 * ============================== */ /* ============================== * issue_pick 영역 * ============================== */ .issue_pick {} .issue_pick > .inner {-webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; width:100%;} .issue_pick > .inner::after {content:""; position:absolute; top:0; left:0; width:100%; border-top:1px solid rgba(225,225,225,1.0);} .issue_pick > .inner > ul {width:100%; padding:21px 0 20px; border-bottom:2px solid rgba(29,29,27,1.0);} .issue_pick > .inner > ul > li {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden; position:relative; width:calc(100% / 4); padding:0 20px;} .issue_pick > .inner > ul > li:before {content:""; position:absolute; top:0; left:0; width:1px; height:54px; background-color:rgba(225,225,225,1.0);} .issue_pick > .inner > ul > li > a {flex-shrink:0; position:relative; overflow:hidden; width:55px; height:55px;} .issue_pick > .inner > ul > li > a > figure {width:100%; height:100%;} .issue_pick > .inner > ul > li > a > figure > img {} .issue_pick > .inner > ul > li > div {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; overflow:hidden; margin-left:13px;} .issue_pick > .inner > ul > li > div * {font-weight:400;} .issue_pick > .inner > ul > li > div > a {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative;} .issue_pick > .inner > ul > li > div > a > span, .issue_pick > .inner > ul > li > div > a > strong {overflow:hidden; width:100%; max-width:200px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .issue_pick > .inner > ul > li > div > a > span {color:#0023a3; font-size:15px; line-height:22px;} .issue_pick > .inner > ul > li > div > a > strong {margin-top:-2px; color:#111; font-size:1.6rem; line-height:24px;} .issue_pick > .inner > ul > li > div > a > .title {color:#0023a3; font-size:19px; line-height:1.4; letter-spacing:-1.5px} .issue_pick > .inner > ul > li > div > a > .title strong {margin-top:-2px; color:#111; font-size:16px; line-height:24px;} .issue_pick > .inner > ul > li:nth-child(1) {padding-left:10px;} .issue_pick > .inner > ul > li:nth-child(1):before {content:none !important;} .issue_pick > .inner > [class*="btn_"] {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; bottom:-15px; left:50%; width:30px; height:30px; background:#fff !important; border-radius:50% !important; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.15) !important; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index:201;} .issue_pick > .inner > [class*="btn_"] > i {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:7px; height:7px; margin:-3px 0 0 1px; border:2px solid #000; border-width:0 2px 2px 0;} .issue_pick > .inner > [class*="btn_"] > i > em {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .issue_pick > .inner > .btn_toggle > i {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .issue_pick.open > .inner > .btn_toggle > i {margin:2px 0 0 1px; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);} /* 2024.01.11 :수정 */ body.pc.is_fix .issue_pick > .inner > [class*="btn_"] {z-index:10;} /* 2024.01.11 :수정 End */ /* ============================== * container 영역 * ============================== */ #container {padding:30px 0 0;} /* headline */ .headline, [class*="major_news"], [class*="sec_type"] {width:100%;} .headline {display:grid; grid-template-columns:1fr 55.9% 1fr; grid-gap:0px; position:relative; padding-bottom:40px;} .headline > .inner > [class*="row"] {} .headline > .inner > .row01 {} .headline [class*="wr_box"] {overflow:hidden;} .headline [class*="wr_box"] .thumb {display:block;} .headline [class*="wr_box"] .thumb > figure {position:relative;} .headline [class*="wr_box"] .thumb > figure > .badge {bottom:24px; left:20px; padding:0 16px;} .headline [class*="wr_box"] h2 > a {overflow:hidden; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; letter-spacing:-1.0px;} .headline [class*="wr_box"] .desc {display:block; overflow:hidden; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;} .headline [class*="wr_box"] .relation {width:100%;} .headline [class*="wr_box"] .relation > li {} .headline [class*="wr_box"] .relation > li * {color:#111; letter-spacing:-0.5px;} .headline [class*="wr_box"] .relation > li > a {display:block; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;} .headline [class*="wr_box"] .relation > li > a:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .headline .wr_box01, .headline .wr_box03 {padding-right:20px; border-right:1px solid #e1e1e1;} .headline .wr_box01 > section, .headline .wr_box03 > section {} .headline .wr_box01 {grid-column:1 / 3; grid-row:1;} .headline .wr_box01 > section {display:grid; grid-template-columns:54% auto; padding-bottom:28px;} .headline .wr_box01 > section > .thumb, .headline .wr_box01 > section > .txt_box {} .headline .wr_box01 > section > .thumb {} .headline .wr_box01 > section > .thumb > figure {overflow:hidden; width:100%;} .headline .wr_box01 > section > .thumb > figure > .badge, .major_news02 > .sec_big01 > section > .thumb > figure > .badge {bottom:16px; left:20px; max-height:40px; padding:5px 16px 7px; font-size:1.7rem; font-weight:500;} .thumb > figure > .badge {border:1px solid rgba(0, 0, 0, .05);} .headline .wr_box01 > section > .txt_box {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-flow:column wrap; flex-flow:column wrap; position:relative; overflow:hidden; padding:20px 0 0 28px;} /* .headline .wr_box01 > section > .txt_box > h2 > a {max-height:83px; font-size:3.3rem; font-weight:900; line-height:1.3; letter-spacing:-2.0px;} */ .headline .wr_box01 > section > .txt_box > h2 > a {max-height:93px; font-size:3.2rem; font-weight:700; line-height:1.45; letter-spacing:-2.0px;} .headline .wr_box01 > section > .txt_box > h3 {display:block; overflow:hidden; max-width:100%; margin-top:22px; color:#333; font-size:16px; font-weight:500; line-height:1.5; text-overflow:ellipsis; white-space:nowrap;} .headline .wr_box01 .txt_box > .desc {max-height:81px; margin:22px 15px 0 0; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.45; white-space:normal; word-break:break-all;} .headline .wr_box01 .txt_box > .relation {margin-top:16px;} .headline .wr_box01 .txt_box > .relation > li * {font-size:15px; font-weight:500; line-height:1.36;} .headline .wr_box01 .txt_box > .relation > li > a {padding:1px 0 1px 12px;} .headline > .inner > .row02 {-ms-flex-flow:row-reverse; flex-flow:row-reverse; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative;} .headline .wr_box02 {grid-column:3; grid-row:1 / 3; padding:0 0 0 20px;} .headline .wr_box02 > ul > li {margin-top:28px;} .headline .wr_box02 > ul > li:first-child {margin-top:0;} .headline .wr_box02 > ul > li > .thumb > figure {min-width:175px;} .headline .wr_box02 > ul > li > .thumb > figure > .badge {bottom:14px; left:13px; padding:2px 10px; font-size:1.4rem; font-weight:700;} .headline .wr_box02 > ul > li > .thumb > h2 {padding-top:12px;} .headline .wr_box02 > ul > li > .thumb > h2 > strong {overflow:hidden; font-size:1.8rem; font-weight:500; line-height:1.44; letter-spacing:-1px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .headline .wr_box02 > ul > li > .thumb > h2 > strong > .badge {display:none; color:#34b8b5;} .headline .wr_box02 > ul > li > .txt_box {padding-top:8px;} .headline .wr_box02 > ul > li > .txt_box > .desc {max-height:62px; font-size:14px; font-weight:400; line-height:1.35; letter-spacing:-0.5px; -webkit-line-clamp:2;} .headline .wr_box02 > ul > li > .txt_box > .relation {} .headline .wr_box02 > ul > li > .txt_box > .relation > li * {font-size:14px; font-weight:400; line-height:22px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li > a {padding:0px 0 0 7px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li > a:before {top:11px;} .headline .wr_box03 {grid-column:1 / 3; grid-row:2; margin:0;} .headline .wr_box03 > section {padding-top:30px; border-top:1px solid #e1e1e1;} .headline .wr_box03 > section > ul {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-20px; margin-right:-20px;} .headline .wr_box03 > section > ul > li {width:calc(100% / 3); padding-left:20px; padding-right:20px; border-left:1px solid #e1e1e1;} .headline .wr_box03 > section > ul > li:first-child {border-left:0;} .headline .wr_box03 > section > ul > li > .txt_box {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:1px; padding-bottom:2px;} .headline .wr_box03 > section > ul > li > .txt_box > h2, .headline .wr_box03 > section > ul > li > .txt_box > h2 * {color:#000; font-size:2.1rem; font-weight:700; line-height:1.42;} .headline .wr_box03 > section > ul > li:first-child > .txt_box {padding-left:11px;} .headline .wr_box03 > section > ul > li > .txt_box > h2 > a > span {color:#34b8b5; padding-right:5px;} .headline .wr_box03 > section > ul > li > .txt_box .relation {margin-top:12px;} .headline .wr_box03 > section > ul > li > .txt_box .relation > li * {color:#111; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-1px; word-break:break-all;} .headline .wr_box03 > section > ul > li > .txt_box .relation > li > a {display:block; overflow:hidden; position:relative; padding:1px 0 1px 10px; text-overflow:ellipsis; white-space:nowrap;} .headline .wr_box03 > section > ul > li > .txt_box .relation > li > a:before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .headline .wr_box03 > section > ul > li .desc {max-height:62px; margin:12px 0 0 0; font-size:14px; font-weight:400; line-height:1.42; white-space:normal; word-break:break-all;} [class*="major_news"] {padding-top:30px; padding-bottom:30px; border-top:2px solid #e1e1e1;} [class*="major_news"] > .box_w {margin-left:-15px; margin-right:-15px;} /* major_news01 */ .major_news01 {position:relative; border-top:1px solid #e1e1e1 !important;} .major_news01 > .box_w {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; margin-left:0; margin-right:0;} .major_news01 > .box_w > .list_bx, .major_news01 > .box_w > .ban_box {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;} .major_news01 > .box_w > .list_bx {-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; width:75%; padding-right:15px;} .major_news01 > .box_w > .list_bx > ul {margin-left:-15px;} .major_news01 > .box_w > .list_bx > ul > li {width:calc(100% / 3); padding-left:15px; padding-right:15px;} .major_news01 > .box_w > .list_bx > ul > li:nth-child(1) {margin-left:0;} .major_news01 > .box_w > .list_bx > ul > li > a, .major_news01 > .box_w > .list_bx > ul > li > a > strong {display:block; letter-spacing:-1.5px;} .major_news01 > .box_w > .list_bx > ul > li > a > strong {overflow:hidden; margin-top:16px; color:#000; font-size:2.0rem; font-weight:500; line-height:1.48; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .major_news01 > .box_w > .list_bx > ul > li > a > strong > .badge {color:#34b8b5; padding-right:7px;} .major_news01 > .box_w > .list_bx > ul > li > a > figure {overflow:hidden; font-size:0;} .major_news01 > .box_w > .list_bx > ul > li > .relation, .major_news01 > .box_w > .list_bx > ul > li > .desc {margin-top:16px;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li, .major_news01 > .box_w > .list_bx > ul > li > .relation > li *, .major_news01 > .box_w > .list_bx > ul > li > .desc, .major_news01 > .box_w > .list_bx > ul > li > .desc * {font-size:15px; line-height:1.31; letter-spacing:-1px;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a, .major_news01 > .box_w > .list_bx > ul > li > .desc {overflow:hidden; text-overflow:ellipsis;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li {} .major_news01 > .box_w > .list_bx > ul > li > .relation > li, .major_news01 > .box_w > .list_bx > ul > li > .relation > li * {color:#111; font-weight:400; letter-spacing:-1px; white-space:normal; word-break:break-all;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a {display:block; position:relative; padding:1px 0 1px 10px; white-space:nowrap;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .major_news01 > .box_w > .list_bx > ul > li > .desc, .major_news01 > .box_w > .list_bx > ul > li > .desc * {color:#666; font-weight:400; letter-spacing:-0.5px;} .major_news01 > .box_w > .list_bx > ul > li > .desc {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .major_news01 > .box_w > .ban_box {width:25%;} .major_news01 > .box_w > .ban_box > [class*="ban"] > a {position:relative; overflow:hidden;} .major_news01 > .box_w > .ban_box > [class*="ban"] > a, .major_news01 > .box_w > .ban_box > [class*="ban"] > a > *, .major_news01 > .box_w > .ban_box > .ban02 a {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;} .major_news01 > .box_w > .ban_box > .ban02, .major_news01 > .box_w > .ban_box > .ban02 * {line-height:normal;} .major_news01 > .box_w > .ban_box > .ban02 img {vertical-align:middle;} .major_news01 > .box_w > .ban_box > .ban02 {display:-webkit-box; display:-ms-flexbox; display:flex; position:relative;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap {display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; bottom:-28px; right:-1px;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap [class*="swiper-button-"] {position:relative; top:auto; left:auto; bottom:auto; right:auto; width:20px; height:20px; margin-top:0 !important; background-color:#fff; border:1px solid #eee; border-radius:50%;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap [class*="swiper-button-"]:after {content:"" !important; display:inline-block; position:absolute; top:50%; left:50%; width:6px; height:6px; border:1px solid #000; border-width:1px 1px 0 0;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap .swiper-button-prev:after {margin-left:2px; -webkit-transform:translate(-50%,-50%) rotate(225deg); -moz-transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); transform:translate(-50%,-50%) rotate(225deg);} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap .swiper-button-next {margin-left:6px;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap .swiper-button-next:after {margin-left:-1px; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap [class*="swiper-button-"] > span {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap [class*="swiper-button-"].swiper-button-disabled {opacity:1 !important;} .major_news01 > .box_w > .ban_box > .ban01 > a {background-color:#8789c2;} .major_news01 > .box_w > .ban_box > .ban02 {margin-top:20px;} .major_news01 > .box_w > .ban_box > .ban02 > .inside_swp > .slick-list > .slick-track > .slick-slide > div > a {position:relative; overflow:hidden;} .major_news01 > .box_w > .ban_box > .ban02 a {position:relative; z-index:3;} .major_news01 > .box_w > .ban_box > .ban02 a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:1px solid rgba(0, 0, 0, .03); z-index:1;} .major_news01 > .box_w > .ban_box > .ban02 .inside_ban01 {} .major_news01 > .box_w > .ban_box > .ban02 .inside_ban02 {} .major_news01 > .box_w > .ban_box > .ban02 .inside_ban03 {} /* major_news02 */ .major_news02 {position:relative; } .major_news02 > .sec_big01, .major_news02 > [class*="box_list"] > [class*="sec_lb"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;} .major_news02 > .sec_big01 {position:absolute; top:30px; left:50%; width:52.4%; padding-left:30px; padding-right:30px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .major_news02 > .sec_big01 > section {} .major_news02 > .sec_big01 > section > a {display:block;} .major_news02 > .sec_big01 > section > .thumb > figure {position:relative;} /* .major_news02 > .sec_big01 > section > .thumb > figure > .badge {bottom:20px; left:20px; height:40px; padding:0 16px 3px; font-size:1.7rem; font-weight:500; border:1px solid #e1e1e1;} */ .major_news02 > .sec_big01 > section > .txt_box {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:20px 0 0 0; text-align:center;} .major_news02 > .sec_big01 > section > .txt_box > a {display:block; padding:0 7%;} .major_news02 > .sec_big01 > section > .txt_box > a, .major_news02 > .sec_big01 > section > .txt_box > a * {color:#111; font-size:3.0rem; font-weight:700; line-height:1.42; letter-spacing:-2px; text-underline-offset:7px} .major_news02 > .sec_big01 > section > .txt_box > a > strong {display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .major_news02 > .sec_big01 > section > .txt_box > .desc {display:none; overflow:hidden; margin:11px 0 0 0; padding:0 7%; color:#111; font-size:1.6rem; font-weight:500; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;} .major_news02 > .sec_big01 > section > .txt_box > .desc2 {max-height:62px; margin:13px 15px 0 0; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:1.45; white-space:normal; word-break:break-all;} .major_news02 > .sec_big01 > section > .txt_box .desc2 {display:block; overflow:hidden; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding:0 2%;} .major_news02 > .sec_big01 > section > .txt_box > .relation {width:100%; margin-bottom:30px;} .major_news02 > .sec_big01 > section > .txt_box > .relation > li {} .major_news02 > .sec_big01 > section > .txt_box > .relation > li * {color:#111; letter-spacing:-0.5px;} .major_news02 > .sec_big01 > section > .txt_box > .relation > li > a {display:block; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;} .major_news02 > .sec_big01 > section > .txt_box > .relation > li > a:before {content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .major_news02 > .sec_big01 > section > .txt_box > .relation {margin-top:16px;} .major_news02 > .sec_big01 > section > .txt_box > .relation > li * {font-size:1.5rem; font-weight:500; line-height:23px;} .major_news02 > .sec_big01 > section > .txt_box > .relation > li > a {padding:1px 0 1px 9px; text-align:left;} .major_news02 > .box_wrap > [class*="box_list"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items:flex-start; align-content:flex-start;} .major_news02 > .box_wrap > [class*="box_list"] > [class*="sec_lb"] {align-self:stretch; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:23.8%;} .major_news02 > .box_wrap > [class*="box_list"] > [class*="sec_lb"] .badge {color:#34b8b5; padding-right:5px;} .major_news02 > .box_wrap > .box_list01 > .sec_lb01, .major_news02 > .box_wrap > .box_list01 > .sec_lb02 {} .major_news02 > .box_wrap > .box_list01 > .sec_lb01 {} .major_news02 > .box_wrap > .box_list01 > .sec_lb02 {} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a {display:block;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a > figure {position:relative; font-size:0;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a > figure > .badge {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; bottom:14px; left:15px; padding:2px 16px; color:#111; font-size:1.4rem; font-weight:700;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box {padding-top:11px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > h2, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > h2 > a {display:block;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > h2 {} .major_news02 > .box_wrap > .box_list01 > .txt_box > h2 > a {overflow:hidden; color:#000; font-size:20px; font-weight:500; line-height:1.47; letter-spacing:-1.5px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .sec_lb01 .txt_box strong, .sec_lb02 .txt_box strong {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation > li *, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .desc {letter-spacing:-0.5px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation {width:100%; margin-top:13px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation > li * {color:#111; font-size:14px; font-weight:400; line-height:1.5;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation > li > a {display:block; overflow:hidden; position:relative; padding:0px 0 2px 9px; text-overflow:ellipsis; white-space:nowrap;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation > li > a:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .desc {display:block; overflow:hidden; margin:13px 0 0 0; color:#666; font-size:15px; font-weight:400; line-height:1.4; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .badge {display:none; color:#34b8b5;} .major_news02 > .box_wrap > .box_list02 {padding:15px 0 0 0;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] {} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li {border-top:1px solid #eee;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a, .major_news02 > .box_list02 > [class*="sec_lb"] > ul > li > a * {color:#111; font-size:1.7rem; font-weight:500; line-height:1.5; letter-spacing:-1px;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a {display:block; padding:15px 15px 15px 0;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li:last-child > a {padding-bottom:0;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a > strong {display:block; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .major_news03 {position:relative; padding-top:26px;} .major_news03 > .box_w > [class*="sec_bx"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:15px; padding-right:15px;} .major_news03 > .box_w > [class*="sec_bx"] > section > h2, .major_news03 > .box_w > [class*="sec_bx"] > section > h2 * {color:#333; font-size:1.9rem; font-weight:700; line-height:24px; letter-spacing:-1px;} .major_news03 > .box_w > [class*="sec_bx"] > section > h2 {display:block;} .major_news03 > .box_w > [class*="sec_bx"] > section > h2 > * {display:inline-block;} .major_news03 > .box_w > .sec_bx01 {width:72%;} .major_news03 > .box_w > .sec_bx01 > section {} .major_news03 > .box_w > .sec_bx01 > section > [class*="row"] {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .major_news03 > .box_w > .sec_bx01 > section > .row01 {} .major_news03 > .box_w > .sec_bx01 > section > .row01 h2 {display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; letter-spacing:-1px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:15px 0 0 0; margin-left:-15px; margin-right:-15px;width: 100%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > [class*="col_"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:15px; padding-right:15px; padding-bottom:30px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 {width:53%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a {display:block;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb {} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a > figure {position:relative;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a > figure > .badge {bottom:17px; left:17px; height:28px; padding:1px 14px 1px; font-size:14px; font-weight:500;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .txt_box {overflow:hidden; margin-top:16px; padding:0 5%; color:#000; font-size:2.3rem; font-weight:700; text-align:center; letter-spacing:-1px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; text-underline-offset:5px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 {width:47%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul {} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li {border-top:1px solid #eee;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:11px 14px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a .badge {display:none; color:#34b8b5;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li * {color:#111; font-size:1.7rem; font-weight:500; line-height:1.44; letter-spacing:-1px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 {padding-top:30px; border-top:1px solid #eee;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w {width:100%;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-15px; margin-right:-15px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li {width:calc(100% / 3); padding-left:15px; padding-right:15px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > figure {flex-shrink:0; overflow:hidden; width:100px; height:65px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong > span, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li p {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; max-width:100%; padding:0 0 0 10px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong * {color:#000; font-size:16.5px; font-weight:500; line-height:1.33; letter-spacing:-1px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong > span {display:block; width:100%;overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > p {margin-top:10px; color:#666; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:1.36;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation {width:100%; margin-top:9px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation > li * {color:#111; letter-spacing:-0.5px;font-size:14px; font-weight:400; line-height:1.36;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation > li > a {display:block; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; padding:1px 0 1px 9px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation > li > a:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .major_news03 > .box_w > .sec_bx02 {width:28%;} .major_news03 > .box_w > .sec_bx02 > section {} .major_news03 > .box_w > .sec_bx02 > section > h2 > a > strong {position:relative; padding:0 14px 0 0;} .major_news03 > .box_w > .sec_bx02 > section > h2 > a > strong:after {content:""; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:9px; margin:1px 0 0 0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .major_news03 > .box_w > .ban_ty {display:none;} .major_news04 {border-top:none!important;} .major_news04 > .box_w {margin-left:0px; margin-right:0px!important; gap:70px;} .major_news04 > .box_w > [class*="sec_bx"] > section > h2, .major_news04 > .box_w > [class*="sec_bx"] > section > h2 * {color:#111; font-size:1.9rem; font-weight:700; line-height:24px; letter-spacing:-1.2px;} .major_news04 > .box_w > [class*="sec_bx"] > section > h2 {display:block;} .major_news04 > .box_w > [class*="sec_bx"] > section > h2 > * {display:inline-block;} .major_news04 > .box_w > [class*="sec_bx"] > section > h2 > span {color:#666; font-size:12px; font-weight:400; letter-spacing:0;} .major_news04 > .box_w > [class*="sec_bx"] > section > .desc {color:#666; font-size:15px; font-weight:400; line-height:1.4; padding-top:5px; letter-spacing:-1px;} .major_news04 > .box_w > .sec_bx01 > section > h2 > a > strong {position:relative; padding:0 14px 0 0;} .major_news04 > .box_w > .sec_bx01 > section > h2 > a > strong:after {content:""; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:9px; margin:1px 0 0 0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} /* .major_news04 > .box_w > .sec_bx01 {margin-right:50px!important;} */ .major_news04 > .box_w > .sec_bx01 > section {} .major_news04 > .box_w > .sec_bx01 > section > [class*="row"] {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .major_news04 > .box_w > .sec_bx01 > section > .row01 {position:relative; padding-left:20px; padding-right:20px;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 {margin-top:10px;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li {border-bottom:1px solid #eee;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:first-child {border-top:0 none;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:13px 10px 13px 0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li > a .badge {display:none; color:#34b8b5;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li, .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li * {color:#111; font-size:15px; font-weight:500; line-height:1.44; letter-spacing:-1px;} /* .major_news04 > .box_w > .sec_bx02 {margin-right:20px;} */ .major_news04 > .box_w > .ban_box {width:25%;} .major_news04 > .box_w > .ban_box > [class*="ban"] > a {position:relative; overflow:hidden;} .major_news04 > .box_w > .ban_box > [class*="ban"] > a, .major_news04 > .box_w > .ban_box > [class*="ban"] > a > *, .major_news04 > .box_w > .ban_box > .ban02 a {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;} .major_news04 > .box_w > .ban_box > .ban02, .major_news04 > .box_w > .ban_box > .ban02 * {line-height:normal;} .major_news04 > .box_w > .ban_box > .ban02 img {vertical-align:middle;} .major_news04 > .box_w > .ban_box > .ban02 {display:-webkit-box; display:-ms-flexbox; display:flex; position:relative;} .major_news04 > .box_w > .ban_box > .ban02 {margin-top:20px;} .major_news04 > .box_w > .ban_box > .ban02 > .inside_swp > .slick-list > .slick-track > .slick-slide > div > a {position:relative; overflow:hidden;} .major_news04 > .box_w > .ban_box > .ban02 a {position:relative; z-index:3;} .major_news04 > .box_w > .ban_box > .ban02 a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:1px solid rgba(0, 0, 0, .03); z-index:1;} .major_news04 > .box_w > .ban_box > .ban02 .inside_ban01 {} .major_news04 > .box_w > .ban_box > .ban02 .inside_ban02 {} .major_news04 > .box_w > .ban_box > .ban02 .inside_ban03 {} .akradio {height:32px; margin-top:4px;} /* 실시간 환율 */ .major_news04 > .box_w > [class*="sec_bx"] {width:33.3%; flex:1 1 30%;} .major_news04 > .box_w > .sec_bx03 {flex:21%;} .major_news04 > .box_w > .sec_bx03 h2 strong {margin-right:4px;} .major_news04 > .box_w > .sec_bx03 i {content:''; display:inline-block; width:14px; height:14px; background:url(/stock/refresh.png) no-repeat center bottom / 100%; margin-left:2px;} .exchage_group {margin-top:20px;} .country, .exchage_group li {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -moz-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;} .exchage_group .txt_num {text-align:right;} .exchage_group div p, .exchange_name span {line-height:1;} .exchage_group li {margin-bottom:14px; height:37px;} .exchage_group li:last-child {margin-bottom:0;} .exchage_group li figure {width:30px; height:30px; margin-right:10px;} .usd {background:url(/stock/usd.png) no-repeat center top / 100%;} .jpy {background:url(/stock/jpy.png) no-repeat center top / 100%;} .eur {background:url(/stock/eur.png) no-repeat center top / 100%;} .cny {background:url(/stock/cny.png) no-repeat center top / 100%;} .gbp {background:url(/stock/gbp.png) no-repeat center top / 100%;} .hkd {background:url(/stock/hkd.png) no-repeat center top / 100%;} .sgd {background:url(/stock/sgd.png) no-repeat center top / 100%;} .vnd {background:url(/stock/vnd.png) no-repeat center top / 100%;} .exchange_name p {font-size:14px; font-weight:500;} .exchange_name span {color:#999; font-size:11px; letter-spacing:0.5px;} .txt_num p {font-size:15px; font-weight:600;} .rate_up .txt_num {color:#F94040;} .rate_down .txt_num {color:#1079FF;} .txt_num > div {display:flex;align-items:center;gap:0.3em;} .up,.down,.steady{ vertical-align:middle; width:8px; display:block; } .up:before { content:'';display:block; width:0; height:0; border-bottom:8px solid #F94040; border-left:5px solid transparent; border-right:5px solid transparent; } .down:before { content:'';display:block; width:0; height:0; border-top:8px solid #1079FF; border-left:5px solid transparent; border-right:5px solid transparent;} .steady:before {content:'';height:2px;width:8px;background-color:#888;display:block;} .btn_stockmore {margin-top:8px !important;} .asiae_wrap [class*="hot_item"] > li {width:96%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center; position:relative; padding:18px 0 12px 0px; border-bottom:1px solid #eee;} .asiae_wrap [class*="hot_item"] > li {} /* .asiae_wrap [class*="hot_item"] > li:first-child {border-top:0 none;} */ .asiae_wrap [class*="hot_item"] > li > .thumb {flex-shrink:0; width:100px!important; height:43px!important; margin-right:15px;} .asiae_wrap [class*="hot_item"] > li > .thumb > figure {display:block; overflow:hidden; width:100%; height:100%;} .asiae_wrap [class*="hot_item"] > li > .thumb > figure > img {vertical-align:top;} .asiae_wrap [class*="hot_item"] > li > .thumb_body {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; flex-grow:1;} .asiae_wrap [class*="hot_item"] > li > .thumb_body * {letter-spacing:-1px;} .asiae_wrap [class*="hot_item"] > li > .thumb_body > h3 {width:100%;} .asiae_wrap [class*="hot_item"] > li > .thumb_body > h3, .asiae_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {display:block;} .asiae_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {overflow:hidden; color:#000; font-family:Gmarket Sans; font-size:16px!important; font-weight:500; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis;} .asiae_wrap [class*="hot_item"] > li > .thumb_body > .date {color:#767678; font-size:13px; font-weight:300; line-height:21px; letter-spacing:0; width:100%;} .asiae_wrap [class*="hot_item"] > li > .thumb_body span {font-weight:700;} .asiae_wrap [class*="hot_item"] > li.no_img > .thumb > figure {background:url("/asiae_v3/com/noimgx2.jpg") no-repeat 0 0; background-size:cover;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:last-child, .asiae_wrap [class*="hot_item"] > li:last-child{ border-bottom:0; } .hotnews_wrap {padding-top:7px;} .hotnews_wrap [class*="hot_item"] {} .hotnews_wrap .hot_item01 {counter-reset:ranking 0;} .hotnews_wrap .hot_item02 {counter-reset:ranking 5;} .hotnews_wrap .hot_item03 {counter-reset:ranking 10;} .hotnews_wrap [class*="hot_item"] > li {display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; padding:10px 0 6px 29px;} .hotnews_wrap [class*="hot_item"] > li:before {content:counter(ranking); counter-increment:ranking; position:absolute; top:28px; left:0; color:#ED1D25; font-size:1.9rem; font-family:'Gmarket Sans'; font-weight:500; letter-spacing:-1px;} .hotnews_wrap [class*="hot_item"] > li > .thumb {flex-shrink:0; width:110px; height:75px; margin-right:10px;} .hotnews_wrap [class*="hot_item"] > li > .thumb > figure {display:block; overflow:hidden; width:100%; height:100%;} .hotnews_wrap [class*="hot_item"] > li > .thumb > figure > img {vertical-align:top;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; flex-grow:1;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body * {letter-spacing:-1px;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > h3 {width:100%;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > h3, .hotnews_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {display:block;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {overflow:hidden; color:#000; font-size:16px; font-weight:500; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > .date {color:#767678; font-size:13px; font-weight:300; line-height:21px; letter-spacing:0; width:100%;} .hotnews_wrap [class*="hot_item"] > li.no_img > .thumb > figure {background:url("/asiae_v3/com/noimgx2.jpg") no-repeat 0 0; background-size:cover;} .hotnews_wrap .swiper_btn_wrap {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:27px; margin:5px 0 0 0;} .hotnews_wrap .swiper_btn_wrap > .swiper-pagination {position:relative;} .hotnews_wrap .swiper_btn_wrap > .swiper-pagination > .swiper-pagination-bullet {width:7px; height:7px; margin:0 2.5px; opacity:1 !important; background-color:#d4d4d4;} .hotnews_wrap .swiper_btn_wrap > .swiper-pagination > .swiper-pagination-bullet:nth-child(1) {margin-left:0;} .hotnews_wrap .swiper_btn_wrap > .swiper-pagination > .swiper-pagination-bullet-active {background-color:#000 !important;} .hotnews_wrap .control_btn {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; top:0; right:0;} .hotnews_wrap .control_btn .swiper-pagination2, .hotnews_wrap .control_btn [class*="swiper-button-"] {position:relative; top:auto; left:auto; right:auto; bottom:auto;} .hotnews_wrap .control_btn .swiper-pagination2 {width:auto; margin:3px 11px 0 0;} .hotnews_wrap .control_btn .swiper-pagination2, .hotnews_wrap .control_btn .swiper-pagination2 * {color:#111; font-size:1.4rem; font-family:'Gmarket Sans'; font-weight:500; letter-spacing:-1px; line-height:normal;} .hotnews_wrap .control_btn .swiper-pagination2 .swiper-pagination-current {} .hotnews_wrap .control_btn [class*="swiper-button-"] {width:27px; height:27px; margin-top:0 !important; background-color:#fff; border:1px solid #eee; border-radius:50%;} .hotnews_wrap .control_btn [class*="swiper-button-"]:after {content:"" !important; display:inline-block; position:absolute; top:50%; left:50%; width:6px; height:6px; border:1px solid #000; border-width:1px 1px 0 0;} .hotnews_wrap .control_btn [class*="swiper-button-"].swiper-button-disabled {opacity:1 !important;} .hotnews_wrap .control_btn [class*="swiper-button-"] > span {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;} .hotnews_wrap .control_btn .swiper-button-prev {} .hotnews_wrap .control_btn .swiper-button-prev:after {-webkit-transform:translate(-50%,-50%) rotate(225deg); -moz-transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); transform:translate(-50%,-50%) rotate(225deg);} .hotnews_wrap .control_btn .swiper-button-next {margin-left:6px;} .hotnews_wrap .control_btn .swiper-button-next:after {-webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);} /* ============================== * 정치, 경제, 산업·IT 등 섹션별 영역 * ============================== */ [class*="major_news"] + [class*="sec_type"] {margin-top:0;} [class*="sec_type"] {padding-top:16px; padding-bottom:56px; border-top:2px solid #ccc;} [class*="sec_type"] figure {position:relative;} [class*="sec_type"] figure > .badge {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; bottom:14px; left:14px; padding:3px 12px; font-size:1.4rem; font-weight:500; letter-spacing:-1px; border-radius:20px !important;} [class*="sec_type"] > header * {color:#333; font-size:1.9rem; font-weight:700; line-height:24px; letter-spacing:-1px;} [class*="sec_type"] > header > h2 * {display:inline-block;} [class*="sec_type"] > header > h2 > a > strong {position:relative; padding:0 14px 0 0;} [class*="sec_type"] > header > h2 > a > strong:after {content:""; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:9px; margin:1px 0 0 0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .tit-blt > h2 > a > strong {position:relative; padding:0 14px 0 0;} .tit-blt > h2 > a > strong:after {content:""; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:9px; margin:1px 0 0 0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} [class*="sec_type"] > .c_body {padding-top:18px;} .sec_type01 > .c_body {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-left:-12.5px; margin-right:-12.5px;} [class*="sec_type"] .list_le, [class*="sec_type"] .list_rig {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:12.5px; padding-right:12.5px;} [class*="sec_type"] .list_le {width:63%;} [class*="sec_type"] .list_le > ul {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-10px; margin-right:-10px;} [class*="sec_type"] .list_le > ul > li {width:calc(100% / 3); padding-left:10px; padding-right:10px;} [class*="sec_type"] .list_le > ul > li > a, [class*="sec_type"] .list_le > ul > li > .txt_box > a {display:block; width:100%;} [class*="sec_type"] .list_le > ul > li > .thumb > figure {} [class*="sec_type"] .list_le > ul > li > .txt_box {padding-top:11px;} [class*="sec_type"] .list_le > ul > li > .txt_box > a > strong {display:block; overflow:hidden; width:100%; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis;} [class*="sec_type"] .list_le > ul > li > .txt_box > a, [class*="sec_type"] .list_le > ul > li > .txt_box > a * {color:#000; font-size:17px; font-weight:500; line-height:1.46; letter-spacing:-1px;} [class*="sec_type"] .list_le > ul > li > .txt_box > a > strong {} [class*="sec_type"] .list_rig {width:37%;} [class*="sec_type"] .list_rig > ul {} [class*="sec_type"] .list_rig > ul > li {border-top:1px solid #eee;} [class*="sec_type"] .list_rig > ul > li:first-child {border-top:0 none;} [class*="sec_type"] .list_rig > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:44px; padding:0 4px;} [class*="sec_type"] .list_rig > ul > li:first-child > a {-webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; height:31px;} [class*="sec_type"] .list_rig > ul > li:first-child > a, [class*="sec_type"] .list_rig > ul > li:first-child > a * {line-height:1.46;} [class*="sec_type"] .list_rig > ul > li > a, [class*="sec_type"] .list_rig > ul > li > a * {color:#111; font-size:1.6rem; font-weight:450; line-height:23px; letter-spacing:-1px;} [class*="sec_type"] .list_rig > ul > li > a > strong {display:block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap;} [class*="sec_type"] [class*="swp_list"], [class*="sec_type"] [class*="list_full"] {width:100%;} [class*="sec_type"] [class*="swp_list"] > .swiper-wrapper {width:auto !important;} [class*="sec_type"] [class*="swp_list"] > ul, [class*="sec_type"] [class*="list_full"] > ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-20px; margin-right:-20px;} [class*="sec_type"] [class*="swp_list"] > ul > li, [class*="sec_type"] [class*="list_full"] > ul > li {width:calc(100% / 4); padding-left:20px; padding-right:20px; border-left:1px solid #eee;} [class*="sec_type"] [class*="swp_list"] > ul > li:nth-child(1), [class*="sec_type"] [class*="list_full"] > ul > li:nth-child(1) {border-left:0;} [class*="sec_type"] [class*="swp_list"] > ul > li {} [class*="sec_type"] [class*="swp_list"] > ul > li > a, [class*="sec_type"] [class*="swp_list"] > ul > li > a > figure, [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3, [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 > a {display:block; width:100%;} [class*="sec_type"] [class*="swp_list"] > ul > li > a > figure {position:relative;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box {margin:15px 0 0 0;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3, [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 * {color:#000; font-size:19px; font-weight:500; line-height:1.46; letter-spacing:-1.5px;} .m-t-0 {margin-top: 0px !important;} .m-t-15 {margin-top: 15px;} .p-t-0 {padding-top: 0px;} ul li.item .txt_box p {font-size: 15px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 {padding-right:10px;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 > a {overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis;} [class*="sec_type"] [class*="list_full"] > ul > li {padding-top:18px;} [class*="sec_type"] [class*="list_full"] > ul > li > div {padding:16px 0 0 0; border-top:1px solid #eee;} [class*="sec_type"] [class*="list_full"] > ul > li > div * {color:#111; font-size:17px; font-weight:400; line-height:1.45;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a, [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong {display:block; width:100%; letter-spacing:-1px;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a {display:block;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong {padding-right:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong > .badge {display:none; color:#34b8b5;} [class*="sec_type"] .c_body > .row {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-20px; margin-right:-20px;} [class*="sec_type"] .c_body > .row > .card, [class*="sec_type"] .c_body > .row > .card_list {position:relative; padding-left:20px; padding-right:20px;} [class*="sec_type"] .c_body > .row > .card {width:38.8%; border-right:1px solid #eee;} [class*="sec_type"] .c_body > .row > .card > a, [class*="sec_type"] .c_body > .row > .card > a figure {display:block;} [class*="sec_type"] .c_body > .row > .card > .txt_box {overflow:hidden; width:100%; margin-top:17px; padding:0 5%; text-align:center; letter-spacing:-1px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} [class*="sec_type"] .c_body > .row > .card > .txt_box, [class*="sec_type"] .c_body > .row > .card > .txt_box * {color:#000; font-size:2.3rem; font-weight:700; line-height:1.44; letter-spacing:-1px; text-underline-offset:5px;} [class*="sec_type"] .c_body > .row > .card_list {width:61.2%;} [class*="sec_type"] .c_body > .row > .card_list {position:relative; width:61.2%; height:370px;} [class*="sec_type"] .c_body > .row > .card_list:before {content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; border-right:1px solid #eee;} [class*="sec_type"] .c_body > .row > .card_list > ul {position:relative;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {position:absolute; width:27vw; height:141px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(1) {left:0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2) {left:0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(3) {right:0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(4) {right:0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(1), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(3) {top:0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(4) {top:142px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div, [class*="sec_type"] .c_body > .row > .card_list > ul > li > div * {letter-spacing:-1px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div, [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a > strong, [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > p {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a > strong {color:#000; font-size:2.0rem; font-weight:500; line-height:1.43;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a > strong > span {color:#34b8b5; padding-right:5px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > p {margin:12px 0 0 0; color:#666; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.5px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div {margin-top:-1px; padding-left:10px; padding-right:10px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(1) > div, [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(3) > div {margin-top:-5px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2n) {} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2n) > div {padding-top:35px; border-top:1px solid #eee;} /* 서브컨텐츠 중간 100% 골프섹션등등 사용 */ /* 2023.06.26 배경수정 */ [class*="wide_wrap"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; padding:47px 40px; width:100vw; margin-left:-50vw; margin-right:-50vw; left:50%; right:50%; background:#fafafa;} [class*="wide_wrap"] > .inner {position:relative; width:100%; max-width:1200px; z-index:2;} /* 2023.05.10 수정 :end */ .wide_wrap01 > .inner > .sec_wrap {margin-left:-40px; margin-right:-40px;} .wide_wrap01 [class*="_sec"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:40px; padding-right:40px;} .wide_wrap01 [class*="_sec"] > header, .wide_wrap01 [class*="_sec"] > header * {color:#333; font-size:1.9rem; font-weight:700; line-height:24px; letter-spacing:-1px;} .wide_wrap01 [class*="_sec"] > header > h2 * {display:inline-block;} .wide_wrap01 [class*="_sec"] > header > h2 > a > strong {position:relative; padding:0 14px 0 0;} .wide_wrap01 [class*="_sec"] > header > h2 > a > strong:after {content:""; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:9px; margin:1px 0 0 0; border:1px solid #000; border-width:1px 1px 0 0; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);} .wide_wrap01 [class*="_sec"] > .c_body {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .wide_wrap01 .golf_sec {width:72%;} .wide_wrap01 .golf_sec > * {} .wide_wrap01 .golf_sec > .c_body {margin-left:-15px; margin-right:-15px; padding-top:18px;} .wide_wrap01 .golf_sec > .c_body > [class*="row"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:15px; padding-right:15px;} .wide_wrap01 .golf_sec > .c_body > .row01 {width:53.1%;} .wide_wrap01 .golf_sec > .c_body > .row01 > a {position:relative;} .wide_wrap01 .golf_sec > .c_body > .row01 > a, .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box > strong {display:block; width:100%;} .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb, .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box > strong {overflow:hidden;} .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box {margin-top:14px; padding:0 5%;} .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box > strong {color:#000; font-size:2.3rem; font-weight:700; letter-spacing:-1px; line-height:29px; text-align:center; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .wide_wrap01 .golf_sec > .c_body > .row01 > a > p {position:absolute; bottom:0; left:0; overflow:hidden; width:100%; padding:10px 20px; background:rgba(0, 0, 0, 0.4);} .wide_wrap01 .golf_sec > .c_body > .row01 > a > p > strong {overflow:hidden; color:#fff; font-size:1.9rem; font-weight:700; letter-spacing:-1.5px; line-height:1.42; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .wide_wrap01 .golf_sec > .c_body > .row02 {width:46.9%;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li {border-bottom:1px solid #dbdbdb;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li:first-child, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li:first-child > h3 > a {padding-top:0;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li:last-child {border-bottom:0 none; padding-bottom:0;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > a {font-size: 1.8rem;font-weight: 500;line-height: 1.4;letter-spacing: -1.5px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {display:block; width:100%;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 * {color:#000; font-size:17px; font-weight:500; letter-spacing:-1px; line-height:1.33;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a {padding:10px 0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a > .badge {display:none; color:#34b8b5;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {color:#666; font-size:15px; font-weight:400; line-height:1.4; padding-right:15px;} .wide_wrap01 .entertain_sec {width:28%;} .wide_wrap01 .entertain_sec > * {} .wide_wrap01 .entertain_sec > .c_body {padding-top:7px;} .wide_wrap01 .entertain_sec > .c_body > ul {} .wide_wrap01 .entertain_sec > .c_body > ul > li {margin:10px 0 0 0;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure, .wide_wrap01 .entertain_sec > .c_body > ul > li > figure > a, .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box > a {display:block; width:100%;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure {flex-shrink:0; width:110px; margin-right:15px;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure > a {overflow:hidden; height:70px;} .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box {-webkit-box-align:center; -ms-flex-align:center; align-items:center;} .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box, .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box * {color:#000; font-size:1.8rem; font-weight:500; line-height:1.4; letter-spacing:-1.5px;} .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box > a {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;} /* 오늘의 지수 */ main .stock_wrap{margin-top:0; margin-bottom:27px;} body.pc .btn_theme:hover, body.pc .btn_theme:focus, body.pc .btn_theme:active {color:#fff; background-color:#404040;} body.pc .btn_theme:hover > i, body.pc .btn_theme:focus > i, body.pc .btn_theme:active > i {background-image:url("/asiae_v3/com/icon_dark.png");} /* 다크모드 */ /* .is-dark body.pc .btn_theme:hover, .is-dark body.pc .btn_theme:active {background-color:#53575c;} .is-dark, .is-dark * {color:#fff !important;} .is-dark .btn_theme {color:#fff; background-color:#333638;} .is-dark .btn_theme > i {background-image:url("/asiae_v3/com/icon_dark.png");} .is-dark > body {background-color:#1e1f21 !important;} .is-dark .issue_pick > .inner > ul > li > div > .sm_t:hover, .is-dark .issue_pick > .inner > ul > li > div > .sm_t:focus, .is-dark .issue_pick > .inner > ul > li > div > .tit:hover, .is-dark .issue_pick > .inner > ul > li > div > .tit:focus {text-decoration-color:#fff;-webkit-text-decoration-color:#111;} .is-dark .issue_pick > .inner > ul {border-color:#686c71 !important; border-top:none;} .is-dark .issue_pick > .inner > ul > li:before {background-color:rgba(42,41,45,1.0);} .is-dark .issue_pick > .inner > ul > li > a > div > span {color:#527ee6 !important;} .is-dark .issue_pick > .inner > [class*="btn_"] {background:#404145 !important;} .is-dark .issue_pick > .inner > [class*="btn_"] > i {border:2px solid #c2c9d2; border-width:0 2px 2px 0;} .is-dark .headline .wr_box01 > section > .txt_box > h3 {color:#3d6fe0 !important;} .is-dark .relation > li > a:before {background-color:#686c71 !important;} .is-dark .desc, .is-dark .hotnews_wrap [class*="hot_item"] > li > .thumb_body > .date, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > p, .is-dark footer .foot_nav > ul > li > a, .is-dark footer .foot_nav > ul > li > a *, .is-dark footer .office_address, .is-dark footer .office_address * {color:#bbb !important;} .is-dark .headline .wr_box01, .is-dark .headline .wr_box03, .is-dark .headline .wr_box03 > section, .is-dark .headline .wr_box03 > section > ul > li, .is-dark [class*="major_news"], .is-dark .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row02, .is-dark [class*="sec_type"], .is-dark [class*="sec_type"] .list_rig > ul > li, .is-dark [class*="sec_type"] [class*="swp_list"] > ul > li, .is-dark [class*="sec_type"] [class*="list_full"] > ul > li, .is-dark [class*="sec_type"] [class*="list_full"] > ul > li > div, .is-dark [class*="sec_type"] .c_body > .row > .card_list:before, .is-dark [class*="sec_type"] .c_body > .row > .card, .is-dark [class*="sec_type"] .c_body > .row > .card_list > ul:before, .is-dark [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2n) > div, .is-dark .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li, .is-dark footer .foot_nav > ul > li:after, .is-dark footer .office_address > p > span:after {border-color:#3a3b3d !important;} .is-dark .major_news04 > .box_w > .sec_bx01 > section > h2 > a > strong:after {border-color:#fff !important;} .is-dark .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li {border-color:#3a3b3d !important;} .is-dark .asiae_wrap [class*="hot_item"] > li {border-color:#3a3b3d !important;} .asiae_wrap [class*="hot_item"] > li > .thumb > figure > .bright {display:block;} .asiae_wrap [class*="hot_item"] > li > .thumb > figure > .dark {display:none;} .is-dark .asiae_wrap [class*="hot_item"] > li > .thumb > figure > .bright {display:none;} .is-dark .asiae_wrap [class*="hot_item"] > li > .thumb > figure > .dark {display:block;} .is-dark .hotnews_wrap [class*="hot_item"] > li:before, .is-dark footer .foot_nav > ul > li > a > strong {color:#fff !important;} .is-dark .hotnews_wrap .swiper_btn_wrap > .swiper-pagination > .swiper-pagination-bullet {background-color:#404145 !important;} .is-dark .hotnews_wrap .swiper_btn_wrap > .swiper-pagination > .swiper-pagination-bullet-active {background-color:#fff !important;} .is-dark .hotnews_wrap .control_btn [class*="swiper-button-"] {border-color:#404145 !important; background-color:#404145 !important;} .is-dark .hotnews_wrap .control_btn [class*="swiper-button-"]:after {border-color:#b3b9c1 !important;} .is-dark .major_news03 > .box_w > .sec_bx02 > section > h2 > a > strong:after, .is-dark [class*="sec_type"] > header > h2 > a > strong:after, .is-dark .wide_wrap01 [class*="_sec"] > header > h2 > a > strong:after, .is-dark footer .ft_top > .ft_service > dl > dt > a > span:after {border-color:#fff !important;} .is-dark footer > .footer_wrap > .footer_info {border-color:#393a3b !important;} .is-dark .wide_wrap01 {background-color:#2a292d !important;} .is-dark figure .badge {color:#111 !important;} .is-dark .badge {color:#34b8b5 !important;} .is-dark footer .ft_top > h2 > a {background-image:url("/asiae_v3/com/logo_dark02.png");} .is-dark .ft_service > .inner {border-top:1px solid #3a3b3d;} .is-dark footer > .footer_wrap > .footer_info > .inner_b {border-top:1px solid #3a3b3d;} #darkmode_switch, .btn_scroll_top {position:fixed; bottom:19px; z-index:10;} #darkmode_switch {right:86px;} */ /* ============================== * 미디어쿼리 * ============================== */ @media(min-width:1280px) { /* ============================== * 레이아웃 공통 설정 * ============================== */ .top_sec > .inner, .issue_pick > .inner {max-width:1200px;} /* ============================== * top_sec 영역 * ============================== */ .top_sec > .inner {margin-left:auto; margin-right:auto;} .headline {grid-template-columns:1fr 55.9% 265px;} .headline .wr_box01 > section {grid-template-columns:480px auto;} .headline .wr_box01 > section > .thumb {width:480px;} .headline .wr_box01 > section > .thumb > figure {width:100%; height:330px;} .headline .wr_box02 > ul > li > .thumb > figure {overflow:hidden; width:100%; height:140px;} .major_news01 > .box_w {width:100%; margin-left:0; margin-right:0;} .major_news01 > .box_w > .list_bx {width:auto;} .major_news01 > .box_w > .list_bx > ul {margin-left:0;} .major_news01 > .box_w > .list_bx > ul > li {width:270px; margin-left:30px; padding-left:0; padding-right:0;} .major_news01 > .box_w > .list_bx > ul > li:nth-child(1) {width:300px;} .major_news01 > .box_w > .list_bx > ul > li > a, .major_news01 > .box_w > .list_bx > ul > li > a > figure {width:100%;} .major_news01 > .box_w > .list_bx > ul > li > a > figure {height:155px;} .major_news01 > .box_w > .ban_box {flex-shrink:0; width:285px; padding-left:0; padding-right:0;} .major_news01 > .box_w > .ban_box > [class*="ban"] {width:285px; background-color:#fff;} .major_news01 > .box_w > .ban_box > [class*="ban"] > a, .major_news01 > .box_w > .ban_box > [class*="ban"] > a * {height:100%;} .major_news01 > .box_w > .ban_box > .ban01 {overflow:hidden; height:155px;} .major_news01 > .box_w > .ban_box > .ban02 {} .major_news01 > .box_w > .ban_box > .ban02 > .swiper-container {height:70px;} .major_news01 > .box_w > .ban_box > .ban02 a, .major_news01 > .box_w > .ban_box > .ban02 a > figure {height:70px; overflow:hidden;} .major_news01 > .box_w > .ban_box > .ban02 a > figure > img {object-fit:contain;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap {width:auto; height:auto;} .major_news02 > .box_wrap {min-height:520px !important;} .major_news02 > .box_wrap > [class*="box_list"] > [class*="sec_lb"] {flex-shrink:0; width:285px;} .major_news02 > .sec_big01 > section > a, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a {overflow:hidden;} .major_news02 > .sec_big01 {width:570px; padding-left:0; padding-right:0;} .major_news02 > .sec_big01 > section {width:100%;} .major_news02 > .sec_big01 > section > a, .major_news02 > .sec_big01 > section > a > figure {width:570px; height:360px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a > figure {width:100%; height:160px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a {width:100%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a > figure {width:100%; height:100%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb {overflow:hidden; width:440px; height:280px;} .major_news04 > .box_w > .ban_box {flex-shrink:0; width:285px; padding-left:0; padding-right:0;} .major_news04 > .box_w > .ban_box > [class*="ban"] {width:285px; background-color:#fff;} .major_news04 > .box_w > .ban_box > [class*="ban"] > a, .major_news04 > .box_w > .ban_box > [class*="ban"] > a * {height:100%;} .major_news04 > .box_w > .ban_box > .ban01 {overflow:hidden; height:70px;} .major_news04 > .box_w > .ban_box > .ban02 {} .major_news04 > .box_w > .ban_box > .ban02 > .swiper-container {height:70px;} .major_news04 > .box_w > .ban_box > .ban02 a, .major_news04 > .box_w > .ban_box > .ban02 a > figure {height:70px; overflow:hidden;} .major_news04 > .box_w > .ban_box > .ban02 a > figure > img {object-fit:contain;} .major_news04 > .box_w > .ban_box > .ban02 .swiper_btn_wrap {width:auto; height:auto;} [class*="sec_type"] .list_le > ul > li > a, [class*="sec_type"] [class*="swp_list"] > ul > li > a, [class*="sec_type"] .c_body > .row > .card > .thumb, .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb {overflow:hidden;} [class*="sec_type"] .list_le {} [class*="sec_type"] .list_le > ul > li > a > figure, [class*="sec_type"] [class*="swp_list"] > ul > li > a > figure {height:155px;} [class*="sec_type"] .list_le > ul {} [class*="sec_type"] .list_le > ul > li {} [class*="sec_type"] .list_le > ul > li > a, [class*="sec_type"] .list_le > ul > li > a > figure {width:235px;} [class*="sec_type"] [class*="swp_list"] > ul > li > a, [class*="sec_type"] [class*="swp_list"] > ul > li > a > figure {width:270px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {width:330px;} [class*="sec_type"] .c_body > .row > .card > .thumb, [class*="sec_type"] .c_body > .row > .card > .thumb > figure {width:440px; height:280px;} .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb, .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb > figure {width:440px; height:330px;} } @media(min-width:1024px) and (max-width:1279px){ /* ============================== * 콘텐츠 영역 * ============================== */ .headline .wr_box03 > section > ul {margin-left:-16px; margin-right:-16px;} .headline .wr_box03 > section > ul > li {width:calc(100% / 3); padding-left:16px; padding-right:16px;} /* 구간 최대 너비 hm */ [class*="wide_wrap"] > .inner, [class="main_news_wr"] > .inner {max-width:1180px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px;} .wide_wrap01 > .inner {max-width:1100px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {width:25vw;} .major_news02 > .box_wrap {min-height:460px;} /* ============================== * 띠배너 영역 * ============================== */ .band_banner_ed .band_banner > ul {max-width:1180px; padding-left:40px; padding-right:40px;} /* 2024 하만하천 걷기챌린지 시즌4 */ .band_banner_ed .band_banner.hmhc4th {height:50px;} .band_banner_ed .band_banner > ul > li.hmhc4th {height:50px; background-size:1060px 50px;} /* AKRadio */ .band_banner_ed .band_banner.akradio {height:50px;} .band_banner_ed .band_banner > ul > li.akradio {height:50px; background-size:1060px 50px;} /* 2024.08.08 :워크온랜딩 띠배너 추가 */ .band_banner_ed .band_banner_walkon > ul {max-width:1180px;} } @media(min-width:820px) and (max-width:1023px){ /* ============================== * top_sec 영역 * ============================== */ .top_sec dl > dt > a {padding:1px 8px 0 0;} .top_sec .realtime_w > dl > dt {width:125px;} .top_sec > .inner > .stock_w {width:370px} .top_sec .stock_w > dl > dt {width:80px;} .top_sec .stock_w > dl > dd > p {flex-shrink:0; min-width:90px; max-width:100px;} .top_sec .stock_w > dl > dd > p, .top_sec .stock_w > dl > dd > p * {font-size:12px;} .top_sec .stock_w [class*="rate_"] > .num_change {margin-left:12px;} .top_sec .stock_w [class*="rate_"] > .num_change > .num_rate {margin-left:6px;} .top_sec .realtime_w > dl > dt > a, .top_sec .realtime_w > dl > dt > a *, .top_sec .realtime_w > dl > dd > ul > li > a, .top_sec .stock_w > dl > dd > .bx .item_b > strong, .top_sec .stock_w [class*="rate_"] > .num_change, .top_sec .stock_w [class*="rate_"] > .num_change * {font-size:13px;} .issue_pick > .inner > ul > li {padding:0 14px;} .issue_pick > .inner > ul > li > div > a > .title {font-size:18px;} /* ============================== * 콘텐츠 영역 * ============================== */ .headline .wr_box01 > section > .thumb > figure > .badge, .major_news02 > .sec_big01 > section > .thumb > figure > .badge {bottom:16px; left:16px; padding:4px 16px 4px;} .headline .wr_box02 {padding-left:16px;} .headline .wr_box01, .headline .wr_box03 {padding-right:16px;} .headline .wr_box02 > ul > li {margin-top:20px;} .headline .wr_box03 > section {padding-top:25px;} .headline .wr_box03 > section > ul {margin-left:-12px; margin-right:-12px;} .headline .wr_box03 > section > ul > li {width:calc(100% / 3); padding-left:12px; padding-right:12px;} .headline .wr_box03 > section > ul > li .desc, .headline .wr_box03 > section > ul > li > .txt_box .relation {margin-top:10px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {width:24vw; max-width:240px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul {margin-left:-10px; margin-right:-10px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li {padding-left:10px; padding-right:10px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > [class*="col_"] {padding-bottom:20px;} .wide_wrap01 > .inner {max-width:840px;} [class="main_news_wr"] > .inner {max-width:880px;} .wide_wrap01 > .inner > .sec_wrap {margin-left:-20px; margin-right:-20px;} .wide_wrap01 [class*="_sec"] {padding-left:20px; padding-right:20px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a {font-size:16px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {line-height:1.35;} /* ============================== * 띠배너 영역 * ============================== */ .band_banner_ed .band_banner > ul {max-width:920px; padding-left:40px; padding-right:40px;} /* 2024 하만하천 걷기챌린지 시즌4 */ .band_banner_ed .band_banner.hmhc4th {height:40px;} .band_banner_ed .band_banner > ul > li.hmhc4th {height:40px; background-size:820px 42px;} /* AKRadio */ .band_banner_ed .band_banner.akradio {height:40px;} .band_banner_ed .band_banner > ul > li.akradio {height:40px; background-size:820px 42px;} /* 2024.08.08 :워크온랜딩 띠배너 추가 */ .band_banner_ed .band_banner_walkon > ul {max-width:920px;} } @media(min-width:820px) and (max-width:1279px){ /* ============================== * 레이아웃 공통 설정 * ============================== */ /* 구간 최대 너비 hm */ .top_sec > .inner {width:100%;} .top_sec > .inner > article:first-child {width:45%;} .top_sec > .inner > .stock_w {} /* .top_sec > .inner > .stock_w > p {min-width:107px;} */ /* ============================== * top_sec 영역 * ============================== */ [class*="sec_type"] [class*="swp_list"] > ul, [class*="sec_type"] [class*="list_full"] > ul {margin-left:-16px; margin-right:-16px;} [class*="sec_type"] [class*="swp_list"] > ul > li, [class*="sec_type"] [class*="list_full"] > ul > li {padding-left:16px; padding-right:16px;} .hotnews_wrap [class*="hot_item"] > li {padding-left:20px;} [class*="sec_type"] .list_le > ul {margin-left:-7px; margin-right:-7px;} [class*="sec_type"] .list_le > ul > li {padding-left:7px; padding-right:7px;} [class*="sec_type"] .list_le > ul > li > .txt_box > a, [class*="sec_type"] .list_le > ul > li > .txt_box > a * {font-size:1.8rem;} [class*="sec_type"] .list_rig > ul > li > a, [class*="sec_type"] .list_rig > ul > li > a * {font-size:1.7rem;} .sec_type01 > .c_body {margin-left:-7px; margin-right:-7px;} [class*="sec_type"] .list_le, [class*="sec_type"] .list_rig {padding-left:7px; padding-right:7px;} .sitemap_wrap > .partnership > ul:nth-child(1) {margin-right:35px !important;} .sitemap_wrap > .partnership > ul:nth-child(2) {margin-top:0px !important;} /* 창간기념 띠배너 영역 */ .tbanner {max-width:100%; padding-left:40px; padding-right:40px;} /* ============================== * container 영역 * ============================== */ .issue_pick > .inner > ul {width:100%; padding:10px 0 10px 0; border-bottom:2px solid rgba(29,29,27,1.0);} .issue_pick > .inner > ul > li > a {flex-shrink:0; position:relative; overflow:hidden; width:45px; height:45px;} .headline {display:grid; grid-template-columns:1fr 49.9% 1fr; grid-gap:0px; position:relative; padding-bottom:20px;} .headline .wr_box01 .txt_box > .desc {margin-top:15px;} .headline .wr_box01 > section {display:grid; grid-template-columns:47% auto; padding-bottom:0px;} .headline .wr_box01 > section > .txt_box {padding:15px 0 0 20px;} .headline .wr_box01 > section > .txt_box > h2 > a {font-size:2.9rem; font-weight:700; line-height:31px; letter-spacing:-1.0px;} .headline .wr_box01 > section > .txt_box > h3 {margin-top:10px;} .headline .wr_box01 .txt_box > .relation {margin-top:12px;} .headline .wr_box01 .txt_box > .relation > li > a {padding:0px 0 1px 7px;} .headline .wr_box02 > ul > li > .thumb > h2 {padding-top:6px;} .headline .wr_box02 > ul > li > .thumb > h2 > strong {font-size:2rem;} .headline .wr_box02 > ul > li > .txt_box > .relation > li > a {padding:0 0 0 7px; /* font-size:1.55rem;*/} .headline .wr_box02 > ul > li > .txt_box {padding-top:5px;} .major_news01 > .box_w > .list_bx > ul > li > a > strong, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > h2 > a {margin-right:6px;} .major_news01 > .box_w > .list_bx {padding-right:10px;} .major_news01 > .box_w > .list_bx > ul {margin-left:-10px;} .major_news01 > .box_w > .list_bx > ul > li > .relation, .major_news01 > .box_w > .list_bx > ul > li > .desc {margin-top:10px;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a, .major_news01 > .box_w > .list_bx > ul > li {margin-left:0 !important; padding-left:10px; padding-right:10px;} /* 구간 최대 너비 hm */ .major_news01 > .box_w > .list_bx > ul > li:nth-child(1) {margin-left:0 !important;} .major_news02 > .sec_big01 {width:51%; padding-left:20px; padding-right:20px;} .major_news02 > .box_wrap > [class*="box_list"] > [class*="sec_lb"] {width:24.5%;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .relation > li > a {padding:0px 0 1px 7px;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a {padding:12px 14px 12px 0;} /* .major_news02 > .sec_big01 {position:absolute; top:20px; left:50%; width:52.4%;} 구간 최대 너비 hm */ .major_news02 > .sec_big01 > section > .txt_box {margin:10px 0 0 0; text-align:center;} .major_news02 > .sec_big01 > section > .txt_box > a {display:block; padding:0 3%;} .major_news02 > .sec_big01 > section > .txt_box > a, .major_news02 > .sec_big01 > section > .txt_box > a * {font-size:2.725rem; font-weight:700; line-height:1.39; letter-spacing:-2px;} .major_news02 > .sec_big01 > section > .thumb > figure > .badge {bottom:15px; left:15px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a > figure > .badge {bottom:14px; left:15px; height:28px; padding:0 13px; color:#111; font-size:1.5rem; font-weight:700;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box {padding-top:10px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .desc {margin-top:10px;} .major_news02 > .box_wrap > .box_list02 {padding-top:12px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b {margin-left:-10px; margin-right:-10px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > [class*="col_"] {padding-left:10px; padding-right:10px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .txt_box {margin-top:5px; padding:0 3%; font-size:2.1rem; font-weight:700; text-align:center; letter-spacing:-1px; line-height:24px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li * {color:#111; font-size:1.75rem; font-weight:500; letter-spacing:-1px; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {min-height:0px; } .major_news03 > .box_w > .sec_bx01 > section > .row02 {padding-top:15px; border-top:1px solid #eee;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation > li > a {padding-top:0;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > figure {flex-shrink:0; overflow:hidden; width:75px; height:49px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong {padding:0 0 0 5px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a {padding:12px 0;} .hotnews_wrap [class*="hot_item"] > li > .thumb {width:80px; height:60px; margin-right:7px;} .hotnews_wrap [class*="hot_item"] > li {padding:5px 0 10px 20px;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {font-size:14px;} .hotnews_wrap .swiper_btn_wrap {margin:0px 0 0 0;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > .date {font-size:12px;} [class*="sec_type"] {padding-top:16px; padding-bottom:30px; border-top:2px solid #ccc;} [class*="sec_type"] > .c_body {padding-top:10px;} [class*="sec_type"] .list_le > ul > li > .txt_box {padding-top:3px;} [class*="sec_type"] .list_rig > ul > li > a {height:38px; padding:0 4px;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box {margin:7px 0 0 0;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3, [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 * {font-size:1.85rem; font-weight:450;} [class*="sec_type"] [class*="list_full"] > ul > li {padding-top:14px;} [class*="sec_type"] [class*="list_full"] > ul > li > div * {font-size:15px;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3, [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong {padding-right:4px;} [class*="sec_type"] .c_body > .row > .card > .txt_box, [class*="sec_type"] .c_body > .row > .card > .txt_box * {color:#000; font-size:2.1rem; font-weight:700; line-height:1.4; letter-spacing:-1px; padding:0 3%;} [class*="sec_type"] .c_body > .row > .card > .txt_box {margin-top:5px;} [class*="sec_type"] .c_body > .row > .card_list {height:auto;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {height:120px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(4) {top:110px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2n) > div {padding-top:18px;} /* [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a > strong {color:#000; font-size:2.0rem; font-weight:500; line-height:21px;}*/ [class*="sec_type"] .c_body > .row > .card_list > ul > li {margin-left:-4px; margin-right:-4px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div {padding-left:4px; padding-right:4px;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > p {margin:5px 0 0 0; font-size:15px;} [class*="wide_wrap"] {padding:30px 40px;} .wide_wrap01 [class*="_sec"] {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:20px; padding-right:20px;} .wide_wrap01 .golf_sec {width:69%;} .wide_wrap01 .entertain_sec {width:31%;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure {margin-right:10px;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure > a {overflow:hidden; height:60px;} .wide_wrap01 .golf_sec > .c_body > .row02 {padding-left:10px; padding-right:10px;} /* .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li {padding:8px 8px 8px 0;} hm */ .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li {padding:12px 0;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a {padding:0 0 6px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {font-size:14px;} /* .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {font-size:1.5rem; line-height:19px;} hm */ .wide_wrap01 .entertain_sec > .c_body > ul > li > figure {width:110px;} /* ============================== * footer 영역 * ============================== */ body .ft_service > .inner, body footer .foot_nav, body footer .office_address, body footer .copyright {padding-left:0 !important; padding-right:0 !important;} footer > .footer_wrap > .sitemap_wrap {padding-top:40px;} } @media(max-width:1215px) { /* ============================== * container 영역 * ============================== */ } @media(max-width:1150px) { /* ============================== * container 영역 * ============================== */ .major_news02 > .box_wrap {min-height:450px;} } @media(max-width:1080px) { .major_news02 > .box_wrap {min-height:auto;} } @media(max-width:1023px) { /* ============================== * 레이아웃 공통 설정 * ============================== */ a:hover, a:focus {text-decoration:none;} a:hover, .major_news03 > .box_w > .sec_bx01 > section > .row01 > h2 > a:hover strong, .major_news03 > .box_w > .sec_bx02 > section > h2 > a:hover > strong, [class*="sec_type"] > header > h2 > a:hover > strong, [class*="wide_wrap"] [class*="_sec"] > header > h2 > a:hover > strong {text-decoration:none !important;} .headline .wr_box01 > section > .txt_box {padding-top:0;} .hotnews_wrap .control_btn {display:none;} /* 2024 파리올림픽 */ .band_banner_ed .band_banner > ul > li.paris_olympic a {padding:0 20px;} .paris_olympic::before {width:88px; height:60px; background:url("/asiae_v3/event/eiffel_m.svg") no-repeat; background-size:contain;} .major_news04 > .box_w {gap:5%;} .major_news04 > .box_w > .sec_bx01 > section {width:100%;} .sec_bx02 {display:none;} .major_news04 > .box_w > .sec_bx03 {flex:10%;} } @media(max-width:940px) { /* ============================== * top_sec 영역 * ============================== */ .top_sec > .inner > article {width:45%;} } @media(max-width:881px) { } @media(max-width:768px) { #container > .contents, footer {/*max-width:680px;*/ margin:0 auto;} .nav01 {width: 100%;} .anb_inner .hd_bx a {margin-top: 20px;} .nav01 {margin-bottom: 5px;} } @media(min-width:820px) { .issue_pick > .inner > ul > li > div > .sm_t:hover, .issue_pick > .inner > ul > li > div > .sm_t:focus {text-decoration-color:#0023a3; -webkit-text-decoration-color:#0023a3;} .issue_pick > .inner > ul > li > div > .tit:hover, .issue_pick > .inner > ul > li > div > .tit:focus {text-decoration-color:#111; -webkit-text-decoration-color:#111;} /* .is-dark .wide_wrap01:before, .is-dark .wide_wrap01:after {background-color:#2a292d !important;} */ /* .major_news04 > .box_w > .sec_bx01 {width:36.6%; margin-right:20px;} */ .asiae_wrap [class*="hot_item"] > li > .thumb {width:70px; height:30px;} .asiae_wrap [class*="hot_item"] > li > .thumb_body > h3 > a {font-size:14px;} .major_news04 > .box_w > .sec_bx01 > section {width:95%;} } @media(max-width:819px) { body {background-color:#f2f3f5;} /* body.mobile {background-color:#fff !important;} */ .bg-white {background-color: #fff !important;} /* ============================== * 레이아웃 공통 설정 * ============================== */ #container > .contents {padding-left:40px; padding-right:40px;} .wide_wrap01 > .inner {max-width:100%; padding-left:3.3rem; padding-right:3.3rem;} /* #darkmode_switch {right:23px;} #darkmode_switch {bottom:19px;} #darkmode_switch > label {width:96px !important; height:48px !important;} #darkmode_switch > label:before {top:0 !important; width:48px !important; height:48px !important;} #darkmode_switch > label > strong {font-size:0 !important; color:transparent !important;} */ .btn_scroll_top {bottom:72px !important;} .mobile[class*="is_fix"] .chuseok2024 .sec_l::before, .mobile[class*="is_fix"] .chuseok2024 .sec_l::after, .mobile[class*="is_fix"] .chuseok2024 .logo::before, .mobile[class*="is_fix"] .chuseok2024 .logo::after {display:block;} .chuseok2024 .sec_l::before {top:6px; left:132px;} .chuseok2024 .sec_l::after {width:18px; height:17px; top:4px; left:130px;} .chuseok2024 .logo::before {width:14px; height:11px; top:40px; left:122px;} .chuseok2024 .logo::after {width:95px; height:53px; top:6px; left:106px; background:url("/asiae_v3/event/chuseok2024_bg_m2.svg")no-repeat;} [class*="header_n"].chuseok2024 .sec_l > div > a, .is_fix [class*="header_n"].chuseok2024 .sec_l > div > a {background:url("/asiae_v3/event/logo_evnl03.svg")no-repeat;} @keyframes dog { 0% {top:40px; left:122px;} 20% {top:38px; left:123px;} 40% {top:40px; left:123px;} 60% {top:38px; left:122px;} 80% {top:40px; left:123px;} 100% {top:40px; left:123px;} } @keyframes moon { 0% {top:20px; left:135px; opacity:0;} 100% {top:4px; left:130px; opacity:1;} } .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {display:none;} .headline [class*="wr_box"], .headline .wr_box02 > ul > li, .major_news01 > .box_w > .list_bx, .major_news01 > .box_w >.ban_box > [class*="ban"], .major_news02 > *, .major_news03 > .box_w > .sec_bx01 > section > [class*="row"], .major_news03 > .box_w > .sec_bx02, [class*="sec_type"], .major_news04 > .box_w > .sec_bx01, .major_news04 > .box_w > .sec_bx03, .wide_wrap01 [class*="_sec"] {background-color:#fff; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.04);} .headline .wr_box01, .headline .wr_box03, .headline .wr_box02 > ul > li, .headline .wr_box02 > ul > li > .thumb > figure, .headline .wr_box02 > ul > li > .thumb > figure > img, .major_news01 > .box_w > .list_bx, .major_news01 > .box_w > .list_bx > ul > li > a > figure, .major_news01 > .box_w > .list_bx > ul > li > a > figure > img, .major_news02 > *, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .thumb, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .thumb *, .major_news03 > .box_w > .sec_bx01 > section > [class*="row"], .major_news03 > .box_w > .sec_bx02, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb > figure, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb > figure > img, [class*="sec_type"], [class*="sec_type"] .c_body > .row > .card > .thumb, [class*="sec_type"] .c_body > .row > .card > .thumb *, .wide_wrap01 [class*="_sec"], .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb, .wide_wrap01 .golf_sec > .c_body > .row01 > .thumb *, .wide_wrap01 .entertain_sec > .c_body > ul > li > figure, .wide_wrap01 .entertain_sec > .c_body > ul > li > figure * {border-radius:7px;} .headline .wr_box01 > section, .headline .wr_box03 > section > ul, [class*="major_news"] > .box_w, [class*="major_news"] > *, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b, [class*="wide_wrap"], .wide_wrap01 > .inner > .sec_wrap, [class*="sec_type"] .list_le > ul, .sec_type01 > .c_body, [class*="sec_type"] [class*="list_full"] > ul, [class*="sec_type"] .c_body > .row, [class*="sec_type"] .c_body > .row > .card_list > ul, .wide_wrap01 .golf_sec > .c_body {margin-left:0; margin-right:0;} .issue_pick {display:none;} .major_news04 > .box_w > .ban_box {display:none;} .major_news04 > .box_w > .sec_bx02 {display:none;} /* ============================== * top_sec 영역 * ============================== */ .top_sec {display:none;} /* ============================== * 띠배너 영역 * ============================== */ .tbanner {position:relative; top:70px; left:0; right:0;} /* 2024.01.04 :양성평등배너 추가 */ .band_banner_ed .band_banner {top:60px; left:auto; right:auto; bottom:auto; height:80px;} .band_banner_ed .band_banner > ul > li.item01 {background:linear-gradient(90deg, #3B0A7D 0%, #9829B7 103.53%);} .band_banner_ed .band_banner > ul > li > a > .bg_wrap {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:2px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd {height:auto !important;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt {margin-right:0;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt, .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt * {font-size:15px;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dt > i {display:inline-block; background-repeat:no-repeat !important; background-position:0 0 !important; background-size:contain !important;} .band_banner_ed .band_banner > ul > li > a > .bg_wrap > dd {margin-top:5px;} .band_banner_ed .band_banner > ul > li > a > button {display:none;} .band_banner_ed .band_banner > ul > li.item01 > a > .bg_wrap:before {left:-3px; top:auto; bottom:-27px; width:46px; height:66px; background-image:url("/asiae_v3/event/bg_m_01.png");} .band_banner_ed .band_banner > ul > li.item01 > a > .bg_wrap:after {right:-16px; top:auto; bottom:-29px; width:57px; height:66px; background-image:url("/asiae_v3/event/bg_m_02.png");} .band_banner_ed .band_banner > ul > li.item01 > a > .bg_wrap > dt > i {width:18px; height:24px; margin-right:3px; background-image:url("/asiae_v3/event/icon_band01.png");} .band_banner_ed .band_banner > ul > li.item02 {background:linear-gradient(90deg, #2D2D43 0%, #4F5679 103.53%);} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap > dt {position:relative;} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap > dt:after {content:""; display:inline-block; position:absolute; top:4px; left:39px; width:31px; height:18px; background-image:url("/asiae_v3/event/icon_band03.png"); background-repeat:no-repeat !important; background-position:0 0 !important; background-size:contain !important;} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap > dt > i {display:none;} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap:before {top:auto; bottom:-14px; left:-39px; width:63px; height:45px; background-image:url("/asiae_v3/event/bg_item02_m01.png");} .band_banner_ed .band_banner > ul > li.item02 > a > .bg_wrap:after {top:auto; bottom:-14px; right:-23px; width:44px; height:30px; background-image:url("/asiae_v3/event/bg_item02_m02.png");} /* 2024 국회의원 선거 */ .band_banner_ed .band_banner > ul > li.vote2024 {height:80px; background-image:url("/asiae_v3/event/vote2024_tbanner_m.png"); background-size:cover;} .band_banner_ed .band_banner > ul > li.vote2024 dl {width:202px; height:45px; margin-bottom:0; background-image:url("/asiae_v3/event/vote2024_tbanner_tit_m.svg");} /* 2024 테니스대회 */ .band_banner_ed .band_banner > ul > li.tennis2024 {height:80px; background:#147351 url("/asiae_v3/event/820x160_tennis.jpg") no-repeat center; background-size:contain;} /* 하만하천 걷기챌린지 시즌4 */ .band_banner_ed .band_banner.hmhc4th {height:80px;} .band_banner_ed .band_banner > ul > li.hmhc4th {height:80px; background:#B3EDFF url("/asiae_v3/event/hahc4th_m.png") no-repeat center; background-size:414px 80px;} /* AKRadio */ .band_banner_ed .band_banner.akradio {height:80px;} .band_banner_ed .band_banner > ul > li.akradio {height:80px; background:#683DE5 url("/asiae_v3/event/akradio_m.png") no-repeat center; background-size:414px 80px;} /* 2024 파리올림픽 */ .band_banner_ed .band_banner.olympic_2024 {height:80px;} .paris_olympic::before {width:117px; height:80px;} .paris_olympic::after {right:105px; width:105px; height:46px; background:url("/asiae_v3/event/bg_dotted_m.svg") no-repeat;} .band_banner_ed .band_banner > ul > li.paris_olympic a {padding:0 40px;} .paris_olympic .tit, .paris_olympic .desc {-webkit-box-orient:vertical; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;} .paris_olympic .tit {-webkit-box-align:start; -moz-align-items:flex-start; -ms-flex-align:start; align-items:flex-start;} .paris_olympic .tit strong {font-size:23px;} .paris_olympic .tit p {margin-left:0; font-size:17px;} .paris_olympic .desc {height:64px; margin-top:16px; gap:0;} .paris_olympic .desc div {margin-bottom:6px;} .paris_olympic .desc em {display:none;} /* 2024.08.08 :워크온랜딩 띠배너 추가 */ .band_banner_ed .band_banner_walkon {top:60px; left:auto; right:auto; bottom:auto;} .band_banner_ed .band_banner_walkon > ul {padding-left:0; padding-right:0;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a {padding-left:40px; padding-right:40px;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > p {max-width:374px; margin-left:auto; margin-right:auto;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > .img_pc {display:none;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a > .img_m {display:-webkit-box; display:-ms-flexbox; display:flex;} /* ============================== * container 영역 * ============================== */ .headline .wr_box01 > section > .txt_box > h3, .headline .wr_box01 .txt_box > .desc, .headline .wr_box02 > ul > li > .txt_box > .desc, .major_news01 > .box_w > .list_bx > ul > li > .desc {display:none;} #container {padding:60px 0 0;} /* 오픈 시 패딩탑 70으로 변경 */ .headline {display:block; grid-template-columns:none !important; grid-gap:inherit; padding-bottom:0;padding-top: 10px;} .headline .wr_box01, .headline .wr_box03 {padding-right:0;} .headline .wr_box01 > section {display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -ms-flex-wrap:wrap; flex-wrap:wrap; grid-template-columns:none !important;} .headline .wr_box01 > section > .thumb, .headline .wr_box01 > section > .txt_box {width:100%; padding-left:20px; padding-right:20px;} .headline .wr_box01 > section > .thumb > figure > .badge {bottom:20px; font-size:14px;} .headline .wr_box01 > section > .txt_box {padding-top:12px;} .headline .wr_box01 > section > .txt_box > h2 > a, .major_news02 > .sec_big01 > section > .txt_box > a > strong {max-height:initial; font-size:2.4rem; line-height:34px;} .major_news02 > .sec_big01 > section > .txt_box {-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;} .major_news02 > .sec_big01 > section > .txt_box .desc2 {display:none;} .headline .wr_box01 > section > .txt_box > h3 {display:none; margin-top:12px; letter-spacing:-1px; line-height:21px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:inherit;} .headline .wr_box01 .txt_box > .relation > li > a {padding-left:7px; font-size:16px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li > a, .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a {padding-left:7px; font-size:15px;} .headline .wr_box03 > section > ul > li > .txt_box h2+.relation {margin-top:-10px;} .headline .wr_box03 > section > ul > li > .txt_box .relation {margin-top:0; padding-bottom:12px;} .headline .wr_box03 > section > ul > li > .txt_box .relation > li > a {padding-left:7px; font-size:15px;} .headline [class*="wr_box"] .relation > li > a:before {top:11px !important; bottom:0 !important; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .major_news02 > .sec_big01 > section > .txt_box > .relation {margin-bottom:0px;} .headline .wr_box02 {padding:0; background-color:transparent; box-shadow:none !important;} .headline .wr_box02 > ul > li, .headline .wr_box03 {margin-top:10px !important;} .headline .wr_box02 > ul > li {padding:15px 15px 15px 20px;} .headline .wr_box02 > ul > li > .thumb {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; width:100%;} .headline .wr_box02 > ul > li > .thumb > figure {flex-shrink:0; overflow:hidden; width:120px; min-width:initial; height:75px; margin-left:20px;} .headline .wr_box02 > ul > li > .thumb > h2 {flex-grow:1; padding-top:2px} .headline .wr_box02 > ul > li > .thumb > h2 > strong {line-height:25px; font-weight:700;} .headline .wr_box02 > ul > li > .thumb > h2 > strong br {display:none;} .headline .wr_box02 > ul > li > .txt_box > .relation {padding-top:10px;} .headline .wr_box02 > ul > li > .txt_box {padding-top:0px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li+li {margin-top:1px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li * {font-size:1.575rem; line-height:24px;} .headline .wr_box02 > ul > li > .txt_box > .relation > li > a:before, .major_news01 > .box_w > .list_bx > ul > li > .relation > li > a:before {top:11px !important; bottom:0 !important; width:3px; height:3px; background-color:#bbb; border-radius:50%;} .headline .wr_box02 > ul > li > .txt_box > .desc {font-size:1.5rem; line-height:21px;} .headline .wr_box01, .headline .wr_box03 {border:0 none !important;} .headline .wr_box03 > section {padding:9px 20px 4px; border-top:0 none;} .headline .wr_box03 > section > ul {-ms-flex-wrap:wrap; flex-wrap:wrap;} .headline .wr_box03 > section > ul > li {width:100%; padding:0; border-top:1px solid #f1f4f6; border-left:0 none !important;} .headline .wr_box03 > section > ul > li:first-child {border-top:0 none;} .headline .wr_box03 > section > ul > li:first-child > .txt_box {padding:0;} .headline .wr_box03 > section > ul > li > .txt_box > h2, .headline .wr_box03 > section > ul > li > .txt_box > h2 * {font-size:1.7rem; font-weight:700; line-height:25px;} .headline .wr_box03 > section > ul > li > .txt_box > h2 > a {padding:16px 0;} .headline .wr_box03 > section > ul > li > .txt_box > h2 > a br {display:none;} .headline .wr_box02 > ul > li > .thumb > figure > .badge, .headline .wr_box03 > section > ul > li .desc, .major_news02 > .box_list01 > [class*="sec_lb"] > .thumb > figure > .badge, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > a > figure > .badge, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > .relation, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > .desc {display:none;} .stock_wrap {width:100vw !important; margin-top:10px !important; margin-left:-40px; margin-bottom:10px !important;} .headline .wr_box02 > ul > li > .thumb > h2 > strong > .badge, .major_news02 > .box_list01 > [class*="sec_lb"] .badge, [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong > .badge, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a > .badge, .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] .badge, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a .badge {display:inline; padding-right:5px;} [class*="major_news"] {margin-top:10px; padding-top:0; padding-bottom:0; border-top:0 none;} [class*="major_news"] .thumb > figure > .badge {bottom:20px; left:20px; height:32px !important; padding:0 12px !important; font-size:1.4rem !important; font-weight:700 !important;} .major_news01 {border-top:none !important;} .major_news01 > .box_w {width:100%;} .major_news01 > .box_w > .list_bx, .major_news01 > .box_w > .list_bx > ul > li, .major_news01 > .box_w >.ban_box, .major_news01 > .box_w >.ban_box > [class*="ban"] {width:100%;} .major_news01 > .box_w > .list_bx > ul {margin-left:0 !important;} .major_news01 > .box_w > .list_bx {order:2; margin-top:10px; padding:5px 15px 0px 20px;} .major_news01 > .box_w > .list_bx > ul {-ms-flex-wrap:wrap; flex-wrap:wrap;} .major_news01 > .box_w > .list_bx > ul > li {padding:12px 0 12px; border-top:1px solid #efeff0;} .major_news01 > .box_w > .list_bx > ul > li:first-child {border-top:0 none;} .major_news01 > .box_w > .list_bx > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; width:100%;} .major_news01 > .box_w > .list_bx > ul > li > a > figure {flex-shrink:0; overflow:hidden; width:120px; min-width:initial; height:75px; margin-left:20px;} .major_news01 > .box_w > .list_bx > ul > li > a > strong {flex-grow:1; font-size:1.8rem; letter-spacing:-1px; margin-top:0px;} .major_news01 > .box_w > .list_bx > ul > li > a > strong br {display:none;} .major_news01 > .box_w > .list_bx > ul > li > .relation {margin-top:8px;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li, .major_news01 > .box_w > .list_bx > ul > li > .relation > li *, .major_news01 > .box_w > .list_bx > ul > li > .desc, .major_news01 > .box_w > .list_bx > ul > li > .desc * {font-size:1.5rem;} .major_news01 > .box_w > .list_bx > ul > li > .relation > li, .major_news01 > .box_w > .list_bx > ul > li > .relation > li * {line-height:23px;} .major_news01 > .box_w > .list_bx > ul > li > .desc {margin-top:10px;} .major_news01 > .box_w > .ban_box {order:1; padding:0;} .major_news01 > .box_w > .ban_box > [class*="ban"] > a, .major_news01 > .box_w > .ban_box > [class*="ban"] > a * {border-radius:4px;} .major_news01 > .box_w > .ban_box > .ban02 .swiper_btn_wrap {display:none;} .major_news01 > .box_w > .ban_box > [class*="ban"] img {max-width:285px;} .major_news01 > .box_w > .ban_box > .ban01 {display:none;} .major_news01 > .box_w > .ban_box > .ban02 {margin-top:0; background-color:transparent !important; box-shadow:none !important;} .major_news01 > .box_w > .ban_box > .ban02 > .swiper-container {width:100%;} /* 2023.10 :전체너비 신규추가 */ .major_news01 > .box_w > .ban_box > .ban02, .major_news01 > .box_w > .ban_box > .ban02 a {height:70px;} .major_news01 > .box_w > .ban_box > .ban02 a > figure {height:100%;} .major_news01 > .box_w > .ban_box > .ban02, .major_news01 > .box_w > .ban_box > .ban02 *, .new_inside .roll_img:after, .major_news01 > .box_w > .ban_box > .ban02 a:after {border-radius:7px;} .major_news02 > .sec_big01 {position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; padding:0 0 22px 0; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; transform:none !important;} .major_news02 > .sec_big01 > section > a, .major_news02 > .sec_big01 > section > .thumb > figure, .major_news02 > .sec_big01 > section > .thumb > figure > img {border-radius:7px 7px 0 0;} .major_news02 > .sec_big01 > section > .txt_box {margin:0; padding:5px 20px 0; border-radius:0 0 7px 7px;} .major_news02 > .sec_big01 > section > .txt_box > a, .major_news02 > .sec_big01 > section > .txt_box > a * {color:#000; font-size:2.1rem; font-weight:700; line-height:31px; } .major_news02 > .sec_big01 > section > .txt_box > .desc {display:none;} .major_news02 > .box_wrap {margin-top:10px; padding:15px 15px 5px;} .major_news02 > .box_wrap > .box_list01 {margin-left:-6.5px; margin-right:-6.5px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] {width:50%; padding-left:6.5px; padding-right:6.5px;} .major_news02 > .sec_big01 > section > .txt_box > a {padding:0 0%;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box, [class*="sec_type"] .list_le > ul > li > .txt_box {padding-top:8px;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a, .major_news02 > .box_list02 > [class*="sec_lb"] > ul > li > a * {font-size:1.6rem; line-height:25px;} .major_news02 > .box_wrap > .box_list02 {-ms-flex-wrap:wrap; flex-wrap:wrap; padding:20px 0 0 0;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] {width:100%;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a, .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li:last-child > a {padding:10px 0;} .major_news02 > .box_wrap > .box_list02 > [class*="sec_lb"] > ul > li > a > strong {display:block !important; -webkit-line-clamp:inherit !important; -webkit-box-orient:inherit !important; white-space:nowrap;} .major_news03 > .box_w, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul {-ms-flex-wrap:wrap; flex-wrap:wrap;} .major_news03 > .box_w > .sec_bx01 > section > .row02 {border-top:0 none;} .major_news03 > .box_w > [class*="sec_bx"] {width:100%; padding:0;} .major_news03 > .box_w > .sec_bx01 > section > .row01 {padding:12px 15px 6px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b {width:100%; padding:13px 0 0;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > [class*="col_"] {width:100% !important; padding:0;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .txt_box {margin-top:14px; font-size:2.0rem; text-align:left; line-height:27px; padding:0 0%;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .txt_box br {display:none;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > a > figure > .badge {bottom:15px !important; left:15px !important; height:24px !important; padding:0 9px !important;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 {margin:18px 0 0 0;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li, .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li * {color:#000; line-height:25px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a {padding:9px 0 11px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_02 > ul > li > a > strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .major_news03 > .box_w > .sec_bx01 > section > .row02 {margin:10px 0 0 0; padding:15px 0;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > a > strong * {font-size:17px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul {} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li {width:100% !important; padding:7px 0; border-top:1px solid #f1f4f6;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li:nth-child(1) {padding-top:0; border-top:0 none;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li:last-child {padding-bottom:3px;} .major_news03 > .box_w > .sec_bx02 {margin:10px 0 0 0;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w {padding:0 15px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb {webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; width:100%;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb > figure {flex-shrink:0; overflow:hidden; width:130px; min-width:initial; height:75px; margin-left:20px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb > figure, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb > figure > img {border-radius:4px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb > strong {flex-grow:1; max-width:none; padding:0 0 0 10px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > p {display:none;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation {margin:9px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .relation > li > a {padding:1px 0 1px 7px; font-size:15px;} .major_news03 > .box_w > .sec_bx02 > section {padding:18px 15px 16px;} .major_news04 > .box_w > [class*="sec_bx"] {width:100%; padding:16px 15px 15px 15px; border-top:0 none !important; border-radius:7px; margin-right:0px!important;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:nth-child(2) {border-bottom:0px;} .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:nth-child(3), .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:nth-child(4), .major_news04 > .box_w > .sec_bx01 > section > .col_01 > ul > li:last-child {display:none;} .major_news04 > .box_w > .sec_bx01 {order:2;} .major_news04 > .box_w > .sec_bx03 {order:1;} .hotnews_wrap {padding-top:10px;} .hotnews_wrap [class*="hot_item"] > li {webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; padding:7.5px 0 7.5px 35px;} .hotnews_wrap [class*="hot_item"] > li:before {top:13px; left:5px;} .hotnews_wrap [class*="hot_item"] > li > .thumb {flex-shrink:0; width:100px; height:75px; margin-left:20px; padding:0;} .hotnews_wrap [class*="hot_item"] > li > .thumb, .hotnews_wrap [class*="hot_item"] > li > .thumb * {border-radius:7px;} .hotnews_wrap [class*="hot_item"] > li > .thumb_body > .date {margin-top:-2px;} .hotnews_wrap .control_btn {display:none !important;} .hotnews_wrap .swiper_btn_wrap {margin:4px 0 0 0;} .major_news02 > .sec_big01 > section > .txt_box, [class*="sec_type"] .c_body > .row > .card > .txt_box {text-align:left; margin-top:8px;} .major_news03 > .box_w > .sec_bx01 > section > .row01 > .inner_b > .col_01 > .thumb {height:auto;} .major_news03 > .box_w > .ban_ty {display:block; overflow:hidden; width:100%; margin:10px 0 0 0;} .major_news03 > .box_w > .ban_ty, .major_news03 > .box_w > .ban_ty * {border-radius:7px;} .major_news03 > .box_w > .ban_ty > a, .major_news03 > .box_w > .ban_ty > a * {height:100%;} .major_news03 > .box_w > .ban_ty > a, .major_news03 > .box_w > .ban_ty > a > * {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;} .major_news03 > .box_w > .ban_ty > a {background-color:#f8e4e6;} .major_news03 > .box_w > .ban_ty > a > figure {} .major_news03 > .box_w > .ban_ty > a > figure > img {max-width:100%; width:auto; height:80px; object-fit:cover;} [class*="major_news"] + [class*="sec_type"], [class*="sec_type"] {margin-top:10px;} [class*="sec_type"] {padding:16px 15px 6px; border-top:0 none !important;} [class*="sec_type"] > header, [class*="wide_wrap"] header {background-color:transparent;} [class*="sec_type"] > .c_body {padding-top:13px;} [class*="sec_type"] figure > .badge {color:#111; background-color:#fff;} [class*="sec_type"] [class*="list_"] {width:100%; padding:0;} [class*="sec_type"] .list_le > ul {-ms-flex-wrap:wrap; flex-wrap:wrap;} [class*="sec_type"] .list_le > ul > li {padding:0;} [class*="sec_type"] .list_le > ul > li:nth-child(1) {position:relative; width:100%; overflow:hidden;} [class*="sec_type"] .list_le > ul > li:nth-child(1) > .thumb {height:100%;} [class*="sec_type"] .list_le > ul > li:nth-child(1) > .txt_box {position:absolute; bottom:0; left:0; width:100%; padding:12px 0; background:rgba(0, 0, 0, 0.4); border-radius:0 0 7px 7px;} [class*="sec_type"] .list_le > ul > li:nth-child(1) > .txt_box > a {padding:0 20px;} [class*="sec_type"] .list_le > ul > li:nth-child(1) > .txt_box > a, [class*="sec_type"] .list_le > ul > li:nth-child(1) > .txt_box > a * {color:#fff; font-size:1.9rem; font-weight:700; line-height:25px;} [class*="sec_type"] .list_le > ul > li:nth-child(n+2) {width:50%; margin:12px 0 0 0;} [class*="sec_type"] .list_le > ul > li:nth-child(n+2) > .thumb, [class*="sec_type"] .list_le > ul > li:nth-child(n+2) > .thumb * {overflow:hidden;} [class*="sec_type"] .list_le > ul > li:nth-child(n+2) > .txt_box > a, [class*="sec_type"] .list_le > ul > li:nth-child(n+2) > .txt_box > a * ,.major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"] > .txt_box > h2 > a {font-size:16px; font-weight:700;} [class*="sec_type"] .list_le > ul > li:nth-child(2) {padding-right:5px;} [class*="sec_type"] .list_le > ul > li:nth-child(3) {padding-left:5px;} [class*="sec_type"] .list_le > ul > li > a, [class*="sec_type"] .list_le > ul > li > a > figure, [class*="sec_type"] .list_le > ul > li > a > figure > img {border-radius:7px;} [class*="sec_type"] .list_rig {padding:17px 0 0 0;} [class*="sec_type"] .list_rig > ul > li {border-top:1px solid #f1f4f6 !important} [class*="sec_type"] .list_rig > ul > li > a {height:auto !important; padding:11px 0;} [class*="sec_type"] .list_rig > ul > li > a, [class*="sec_type"] .list_rig > ul > li > a * {color:#000; font-weight:500; line-height:23px !important;} [class*="sec_type"] [class*="swp_list"] {overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* IE 10+ */ scroll-snap-type:x mandatory;} [class*="sec_type"] [class*="swp_list"]::-webkit-scrollbar {display:none;} [class*="sec_type"] [class*="swp_list"] > ul {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; margin-left:-7.5px; margin-right:-7.5px; vertical-align:top;} [class*="sec_type"] [class*="swp_list"] > ul > li {width:230px; padding-left:7.5px; padding-right:7.5px; border:0 none;} [class*="sec_type"] [class*="swp_list"] > ul > li > a {width:100%;} [class*="sec_type"] [class*="swp_list"] > ul > li > a, [class*="sec_type"] [class*="swp_list"] > ul > li > a * {border-radius:7px;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box {margin-top:10px;} [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3, [class*="sec_type"] [class*="swp_list"] > ul > li > .txt_box > h3 * {font-size:1.7rem;} [class*="sec_type"] [class*="list_full"] {padding-top:15px;} [class*="sec_type"] [class*="list_full"] > ul > li {width:100%; padding:0; border-top:1px solid #f1f4f6; border-left:0 none;} [class*="sec_type"] [class*="list_full"] > ul > li > div {padding:0; border:0 none;} [class*="sec_type"] [class*="list_full"] > ul > li > div * {color:#000; font-size:1.6rem; font-weight:500;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a {padding:11px 0;} [class*="sec_type"] [class*="list_full"] > ul > li:last-child > div > a {padding-bottom:10px;} [class*="sec_type"] [class*="list_full"] > ul > li > div > a > strong {display:block !important; -webkit-line-clamp:inherit !important; -webkit-box-orient:inherit !important; white-space:nowrap;} [class*="sec_type"] .c_body > .row {-ms-flex-wrap:wrap; flex-wrap:wrap;} [class*="sec_type"] .c_body > .row > .card, [class*="sec_type"] .c_body > .row > .card_list {width:100%; padding:0;} [class*="sec_type"] .c_body > .row > .card {border:0 none;} [class*="sec_type"] .c_body > .row > .card > .thumb > figure {} [class*="sec_type"] .c_body > .row > .card > .txt_box, [class*="sec_type"] .c_body > .row > .card > .txt_box * {font-size:2.1rem; line-height:1.28; padding:0 0%;} [class*="sec_type"] .c_body > .row > .card_list {padding-top:22px;} [class*="sec_type"] .c_body > .row > .card_list:before {content:none !important;} [class*="sec_type"] .c_body > .row > .card_list, [class*="sec_type"] .c_body > .row > .card_list > ul {height:auto;} [class*="sec_type"] .c_body > .row > .card_list > ul:before {content:none;} [class*="sec_type"] .c_body > .row > .card_list > ul {position:relative;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {position:relative; width:auto; height:auto;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(1), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(3), [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(4) {top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;} [class*="sec_type"] .c_body > .row > .card_list > ul > li {width:100%; min-height:auto; padding:0; border-top:1px solid #f1f4f6;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div {margin:0; padding:0 !important;} [class*="sec_type"] .c_body > .row > .card_list > ul > li:nth-child(2n) > div {border:0 none;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a {width:100%; padding:11px 0;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > a > strong {display:block !important; font-size:1.6rem; line-height:23px; -webkit-line-clamp:inherit !important; -webkit-box-orient:inherit !important; white-space:nowrap;} [class*="sec_type"] .c_body > .row > .card_list > ul > li > div > p {display:none;} /* 2023.05.10 수정 :start */ [class*="wide_wrap"] {left:auto; right:auto; width:100%; max-width:none !important; padding:0; background-color:transparent !important;} [class*="wide_wrap"]:before, [class*="wide_wrap"]:after {content:none !important;} /* 2023.05.10 수정 :end */ [class*="wide_wrap"] > .inner > .sec_wrap {-ms-flex-wrap:wrap; flex-wrap:wrap;} .wide_wrap01 > .inner {width:100%; max-width:none; padding:0;} .wide_wrap01 [class*="_sec"] {width:100%; margin-top:10px; padding:17px 15px 9px;} .wide_wrap01 .golf_sec > .c_body {padding-top:13px;} .wide_wrap01 .golf_sec > .c_body > [class*="row"] {width:100%; padding:0;} .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box {margin-top:12px;} .wide_wrap01 .golf_sec > .c_body > .row01 > .txt_box > strong {font-size:2.1rem; line-height:27px; letter-spacing:-1px; text-align:left;} .wide_wrap01 .golf_sec > .c_body > .row01 > a > p {border-radius:0 0 7px 7px !important;} .wide_wrap01 .golf_sec > .c_body > .row01 > a > p > strong {font-size:1.7rem; line-height:25px;} .wide_wrap01 .golf_sec > .c_body > .row02 {padding-top:5px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li {padding:0; border-top:1px solid #f1f4f6; border-bottom:0 none;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li:first-child {border-top:0 none;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3, .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 * {font-size:1.6rem; line-height:25px;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > h3 > a {display:block !important; padding:11px 0 !important;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li:last-child > h3 > a {padding-bottom:7px !important;} .wide_wrap01 .golf_sec > .c_body > .row02 > ul > li > .desc {display:none;} .wide_wrap01 .entertain_sec > .c_body {padding:7px 0 11px;} .wide_wrap01 .entertain_sec > .c_body > ul > li {margin:5px 0 0 0;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure {width:135px; height:75px;} .wide_wrap01 .entertain_sec > .c_body > ul > li > figure > a {height:100%;} .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box, .wide_wrap01 .entertain_sec > .c_body > ul > li > .txt_box * {font-size:1.6rem; line-height:23px;} [class*="major_news"] > .box_w {-webkit-box-orient:vertical; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; gap:10px;} /* ============================== * footer 영역 * ============================== */ footer {padding-left:0; padding-right:0;} /* ============================== * Darkmode 설정 * ============================== */ /* .is-dark footer .btn_area {background-color:#2a292d !important;} .is-dark .major_news01 > .box_w > .list_bx > ul > li, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li, .is-dark [class*="sec_type"] .c_body > .row > .card_list > ul > li, .is-dark footer .btn_area > ul > li:after, .is-dark footer .btn_area > ul > li:nth-child(n+3) {border-color:#3a3b3d !important;} .is-dark .headline .wr_box01 > section > .txt_box > h3, .is-dark footer .btn_area > ul > li, .is-dark footer .btn_area > ul > li * {color:#bbb !important;} .is-dark .headline .wr_box01 > section, .is-dark .headline .wr_box02 > ul > li, .is-dark .headline .wr_box01, .is-dark .headline .wr_box03, .is-dark .major_news01 > .box_w > .list_bx, .is-dark .major_news02 > .sec_big01, .is-dark .major_news02 > .box_wrap, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row01, .is-dark .major_news03 > .box_w > .sec_bx01 > section > .row02, .is-dark .major_news03 > .box_w > .sec_bx02 > section, .is-dark .sec_type01, .is-dark .sec_type02, .is-dark .sec_type03, .is-dark .major_news04 > .box_w > .sec_bx01, .is-dark .wide_wrap01 [class*="_sec"] {background-color:#2a292d;} .is-dark .relation > li > a:before {background-color:#bbb !important;} .is-dark footer .btn_area {background-color:#2a292d !important;} .is-dark footer > .footer_wrap > .footer_info > .inner_b {border-top:0 none;} .is-dark footer .foot_nav .office_open > a:after {border-bottom-color:rgba(187, 187, 187, 0.5) !important;} */ } @media screen and (max-width:640px) { .tbanner {height:70px;} .tbanner ul {height:70px !important;} .tbanner ul li::after {background:url(/asiae_v3/com/bg_m_03.png) no-repeat center top; background-size:260px 80px;} .tbanner ul dl {padding-top:6px;} .tbanner dl, .tbanner dl dt, .tbanner dl dd {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;} .tbanner dl dt::after {display:none;} .tbanner ul li dl dd {margin-top:2px;} .tbanner .btn_cls {top:20px; right:10px; width:40px; height:40px;} .tbanner .btn_cls > span {margin-top:13px; margin-left:20px;} #container > .contents {padding-left:2.0rem; padding-right:2.0rem;} .main_news_wr {padding-top:0px; margin-top: 0px;} /* 2024 파리올림픽 */ .band_banner_ed .band_banner > ul > li.paris_olympic a {padding:0 20px;} /* 2024.08.08 :워크온랜딩 띠배너 추가 */ .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a {padding-left:20px; padding-right:20px;} .stock_wrap {margin-left:-20px;} } @media screen and (max-width:360px) { .major_news01 > .box_w > .ban_box > .ban02, .major_news01 > .box_w > .ban_box > .ban02 a, .major_news01 > .box_w > .ban_box > .ban02 a > figure {height:auto;} .major_news01 > .box_w > .ban_box > [class*="ban"] img {max-width:260px; height:auto;} /* 하만하천 걷기챌린지 시즌4 */ .band_banner_ed .band_banner > ul > li.hmhc4th {height:80px; background:#B3EDFF url("/asiae_v3/event/hahc4th_m_360under.png") no-repeat center; background-size:414px 80px;} } /* Galaxy Fold 이하 */ @media(max-width:359px) { .tbanner .btn_cls {right:0;} /* ============================== * 레이아웃 공통 설정 * ============================== */ #container {padding-top:70px;} #container > .contents, .headline .wr_box01 > section > .txt_box, .headline .wr_box02 > ul > li, .headline .wr_box03 > section, .major_news01 > .box_w > .list_bx, .major_news02 > .sec_big01 > section > .txt_box, .major_news02 > .box_wrap, .major_news03 > .box_w > .sec_bx01 > section > .row01, .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w, .major_news03 > .box_w > .sec_bx02 > section, [class*="sec_type"], .wide_wrap01 [class*="_sec"] {padding-left:10px; padding-right:10px;} .major_news02 > .box_wrap > .box_list01, [class*="sec_type"] [class*="swp_list"] > ul {margin-left:-5px; margin-right:-5px;} .major_news02 > .box_wrap > .box_list01 > [class*="sec_lb"], [class*="sec_type"] [class*="swp_list"] > ul > li {padding-left:5px; padding-right:5px;} .major_news03 > .box_w > .sec_bx01 > section > .row02 > .list_w > ul > li > .thumb > strong {flex-grow:1; max-width:none; padding:0 0 0 5px;} /* ============================== * 띠배너 영역 * ============================== */ .band_banner_ed .band_banner > ul > li > a > .bg_wrap:before, .band_banner_ed .band_banner > ul > li > a > .bg_wrap:after {content:none !important;} /* AKRadio */ .band_banner_ed .band_banner > ul > li.akradio {background-size:380px;} /* 2024 파리올림픽 */ .band_banner_ed .band_banner > ul > li.paris_olympic a {padding:0 10px;} .paris_olympic .tit p span {display:none;} .band_banner_ed .band_banner_walkon [class*="item_walkon"] > a {padding-left:10px; padding-right:10px;} .stock_wrap {margin-left:-10px;} } /* Galaxy Fold 펼쳤을때 :586px or 535~683px */