@charset "UTF-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfcbdn.tvguho.vb%2Sfcbdn-una-fnaf%2Spff%2SFcbdnUnaFnafArb.pff');

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:18px; letter-spacing:-0.02em; font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; color:#222;}
body,th,td,input,select,textarea,button {*font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
hr {display:none;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img {vertical-align:middle;}

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.wrap {width:1100px; margin:0 auto;}
.more_gt {font-weight:300;}
.flex {display:flex; justify-content: space-between;}
.none {display:none !important;}
.block {display:block !important;}

/*헤더*/
header {border-bottom:2px solid #d91b5c; min-width:1180px; background:#fff; transition: 3s ease-out; z-index:99;}
header .nav_head {padding:25px 0; border-bottom:1px solid #ddd; height:100px;}
header .nav_head .wrap {display:flex; justify-content:space-between; align-items:end;}
header .nav_head .logo img {height:50px; }
header .nav_head .nav_member a {font-size:0.833em; color:#444; margin-left:10px;}
header nav .wrap {display:flex; justify-content:space-between; padding:14px 0; height:55px;}
header nav .nav {display:flex; font-size:0.944em; font-weight:500; justify-content:space-between; width:760px; align-items:center; line-height:1em; position:relative;}
header nav .nav a:hover {text-decoration:none; color:#000;}
header nav .nav a.on {color:#000;}
header nav .nav a img {height:17px; width:auto; display:block;}
header nav .nav .outlink {position:absolute; left:calc(100% + 40px);}
header .logo_scroll {display:none;}

.sticky_top {left: 0; position: fixed; right: 0; top: -100px; left:0;}
.sticky_top + main {padding-top:195px;}
.sticky_top .logo_scroll {display:block; }
.sticky_top .logo_scroll img {display:block; height:28px;}
.sticky_top .nav {width:600px; margin-left:55px; align-items:flex-end;}

/* 검색 및 풀메뉴 설정 */
.search_and_fullmenu {display:flex; align-items: center; margin-left:auto;}
.fullmenu_button {margin-left:15px;}
.fullmenu_button img {width:25px; height:25px; }
.close_btn, .close_btn2 { display: none;}
.fullmenu_wrap { width:100%; height: auto; margin: 0 auto; position: relative; }
.fullmenu_nav { width:100%; background-color:#fff; padding:20px; position: absolute; top:2px; left: 0; display: none; z-index:8; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; border-bottom: 1px solid #d7d7d7; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.fullmenu_nav.active { display: block;}
.fullmenu {display:flex; justify-content:space-between; width:1100px; margin:0 auto; font-size:0.833em; color:#444; font-weight:400;}
.fullmenu li {padding:8px 0;}
.fullmenu li.title {font-weight:700; margin-top:10px; color:#000;}

.search_wrap { width:100%; height: auto; margin: 0 auto; position: relative;}
.search_wrap .searchbox {width:100%; background-color:#fff; padding:30px 0 40px; position: absolute; top:2px; left: 0; display: none; z-index: 2; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; border-bottom: 1px solid #d7d7d7; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.search_wrap .searchbox form {width:1100px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #222;}
.searchbox-input { vertical-align:super; padding:5px; width:calc(100% - 40px); vertical-align:middle; }
.searchbox-submit { width:32px; height:32px; display:inline-block; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sfrnepu.fit") no-repeat center center; background-size:32px 32px; outline: 0; line-height:0; cursor: pointer; vertical-align:middle;}
.searchbox-input::placeholder {font-weight: bold; font-size: 1.2em; color: #212121;}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

/* 메인공통 */
main {padding-top:40px;}
main section {margin-bottom:40px;}
.text strong {word-break: break-all; }
.text .summary {font-size:0.833em; color:#777; font-weight:400; line-height:1.4em;  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
figure a {display:flex; justify-content:center; width:360px; height:220px; overflow: hidden; position:relative; border-radius:8px;}
figure a:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-radius:8px;}
figure img {width:fit-content; height:100%;}
h3 {font-size: 1em; line-height: 1em; }
aside h3 {font-size:1em; line-height:1em; margin-bottom:20px; padding:0;}
aside .text strong {font-weight:500;}
aside .text_thumb_list .text {width:calc(100% - 105px)}



/*푸터*/
footer {margin-top:60px; min-width:1180px; border-top:1px solid #ddd;}
footer > .wrap {padding-top:20px;}
footer .wrap + .nav_footer {border-top:1px solid #ddd; margin-top:30px;}
footer .nav_footer {background:#f8f8f8;  padding:20px 0; }
footer .nav_footer .policy {font-size:0.833em; color:#666;}
footer .span_wrap span::before {content:'|'; color:#ddd; font-weight:100; margin:0 10px;}
footer .span_wrap span a {display:inline-block;}
footer .span_wrap span:first-child::before {display:none;}
footer .span_wrap + .span_wrap {margin:5px 0;}
footer .company_info {background:#f8f8f8; padding:30px 0; font-size:0.833em; font-weight:300; border-top:1px solid #ddd;}
footer .company_info .title {margin-bottom:5px;}
footer .company_info .title > * {font-weight:400; color:#444;}
.copyright {color:#222;}

footer .go_top {display: inline-block; width:44px; height:44px; border-radius:100%; position: fixed; z-index:2; bottom:50px; right:50px; cursor: pointer; border:1px solid rgba(0,0,0,0.15); background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
footer .go_top img {transform: rotate(-90deg); width:12px; opacity:.6; margin-top:-4px;}
footer .go_top:hover {border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
footer .go_top:hover img {opacity:.9;}


/* aside 전페이지공통 */

/* 주요행사 */
.event {overflow:hidden; /*height:255px;*/}
.event .slick-list {/*height:207px;*/ overflow:hidden;}
.event .slider figure {width:300px; height:160px; display:flex; justify-content:center; overflow: hidden; position:relative; border-radius:8px;}
.event .slider figure img {min-width:300px; height:160px;}
.event .slider figure:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; border-radius:8px;}
.event .slider .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:10px 0 0px;}
.slider .slick-dots {position:absolute; right:1px; top:-47px;}
.slider .slick-dots li {position:relative; display:inline-block; width:11px; height:11px; margin-left:10px; padding: 0; cursor: pointer;}
.slider .slick-dots li button {font-size:0; line-height: 0; display: block; width:11px; height:11px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius:15px;}
.slider .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slider .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slider .slick-dots li button:before { position: absolute; top: 0; left: 0; width:11px;  height:11px; content: ''; opacity:.85; background-color:#bbb; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; border-radius:100%;}
.slider .slick-dots li.slick-active button:before { background-color:#444; width:11px; height:11px; outline:1px solid #444;}

/* 텍스트+우측섬네일형 */
.text_thumb_list li {display:flex; column-gap:20px; align-items: center; padding:15px 0; border-top:1px solid #eee;}
.text_thumb_list li:last-child {margin-bottom:0; padding-bottom:0;}
.text_thumb_list figure a {width:85px; height:70px;}
.text_thumb_list .text .label {font-size:0.833em; color:#d91b5c; display:block; margin-bottom:4px;}
.text_thumb_list .text strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}

.col_left {width:760px;}
.aside_wrap {width:300px;}
.aside_wrap aside {border-top: 1px solid #222; padding-top: 20px; margin-bottom:40px;}
.aside_wrap aside:last-child {margin-bottom:0;}
.aside_wrap .event .text_thumb_list li:first-child {border-top:1px solid #eee; padding-top:15px;}
.aside_wrap .mostview .text_thumb_list .text strong {-webkit-line-clamp: 3;}
.aside_wrap .mostview .text_list .text {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.aside_wrap .text_list li {padding:12px 0; border-top:1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aside_wrap .bizplus li {font-weight:500;}
.aside_wrap aside + .event {border-top: 1px solid #222; padding-top: 20px;}
.aside_wrap .event {padding-top:0; border:none; margin-top:5px; height:252px; overflow:hidden;}

/* 스낵바 */
#snackbar {display:none; min-width:250px; max-width:400px; transform: translate(-50%, 0); background: rgba(0,0,0,0.9); color: #fff; text-align:center; border-radius:8px; padding:20px; word-break:break-all; position: fixed; z-index:9; left:50%; top:40%; font-size:1em; box-shadow:0 1px 5px rgba(0,0,0,.4); opacity:1;}
#snackbar.show { display: inline-block;}

.acc_nav_btn {position:relative; display:inline-block; line-height: 1em; cursor: pointer;}
.acc_nav_btn img {width: 20px; opacity: .6; display:inline-block;}
.acc_nav_btn:hover img {opacity:.7;}
.bookmark::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sobbxznex_ba.fit'); display:inline-block; width:20px; height:20px; left:0; top:0; position:absolute;}

/* 단독속보 등의 포인트컬러 */
.label_excl {color:#d91b5c; margin-right:6px; display:inline-block; }
a:hover .label_excl {text-decoration:none;}
.label_quick {color:#1A4ED9; margin-right:6px; display:inline-block;}
a:hover .label_quick:hover {text-decoration:none;}
h2 .label_excl, h2 .label_quick {margin-right:10px;}

@media screen and (max-width: 1180px) {
  main {padding-left:40px; padding-right:40px;}
}

/* 많이본기사 */
.aside_wrap .topnews {border-top:none; padding-top:0;}
.topnews .tabmenu {position:relative; height:550px;}
.topnews .tabmenu input {display:none;}
.topnews .tabmenu > ul {display:flex; justify-content: space-between; max-width:300px;}
.topnews .tabmenu > ul > li {flex-grow:1;}
.topnews .tabmenu label {display:block; text-align:center; width:100%; padding:12px 10px 8px; line-height:1em; letter-spacing:-0.05em; color:#444; font-weight:300; cursor:pointer; border:1px solid #ccc; background-color:#fafafa; height:60px; align-content:center; user-select: none; }
.topnews .tabmenu label strong {display:block;}
.topnews .tab_con { display:none; text-align:left; position:absolute; left:0; right:0; top:60px; box-sizing: border-box; background:#fff;}
.topnews .tabmenu label span {display:inline-block; margin-top:2px; font-size:0.888888em;}
.topnews .tabmenu input:checked ~ label{ color:#000; font-weight:500; border:1px solid #d91b5c; color:#d91b5c; box-shadow:0 0 3px rgba(0,0,0,0.1); background-color:#fff;}
.topnews .tabmenu input:checked ~ .tab_con{ display:block;}
.topnews .tab_con .text_thumb_list li {padding:15px 0;}
.topnews .tab_con .text_thumb_list .text .label {line-height:1em;}
.topnews .tab_con .text_thumb_list li:first-child {border-top:none;}
.topnews .tab_con ol li {list-style-position: inside; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; padding:15px 0; border-top: 1px solid #eee; line-height:1em;}
.topnews .tab_con ol li i {color:#444; font-weight:300; width:22px; display: inline-block;}
.topnews .tab_con ol li:first-child {border-top:none;}
.topnews .tab_con ol li a {margin-left:5px; display:block; height:1em; line-height:1em;}
.topnews ol {list-style:none;}
.topnews ol li {display:flex; border-top:1px solid #eee; padding:12px 0; justify-content:space-around; border-top:1px solid #eee; border-bottom:none;}
.topnews ol i {font-weight:300;  color: #777; width:22px; }
.topnews ol a {width:calc(100% - 35px); font-weight:500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height:1.3em; height:2.6em;}

/* 숏폼 */
.shortform {width:300px; height:230px; overflow: hidden;}
.shortform figure {position:relative;}
.shortform figure::before {content:''; z-index:1; width:40px; height:40px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Scynl.fit'); position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; opacity:.9;}
.shortform  figure:hover::before {opacity:1;}
.shortform2 {width:300px; height:282px; overflow:hidden;}
.shortform2 .slider figure {width:300px; height:176px; display: flex; justify-content: center; overflow: hidden; position: relative; border-radius:10px;}
.shortform2 .slider .text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 15px;}
.shortform2 figure::before {content:''; width:100px; height:100px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Scynl.fit'); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.9;}
.shortform2 a:hover figure::before {opacity:1;}
.shortform3 figure {position:relative;}
.shortform3 figure::before {content:''; z-index:1; width:40px; height:40px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Scynl.fit'); position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; opacity:.9;}
.shortform3  figure:hover::before {opacity:1;}

/* 광고 영역 */
.ad_728x90 {background-color:#eee !important; width:100%; height:120px; text-align:center; padding:15px 0; max-width:1100px; margin:40px auto 0;}
.ad_720 {background-color:#eee; width:100%; height:480px; text-align:center;}
.aside_wrap .ad_300x250 {background-color:#eee; width:300px; height:250px; margin-bottom:40px; text-align:center; border: none; padding: 0;}
.aside_wrap .ad_300x600 {background-color:#eee; width:300px; height:600px; margin-bottom:40px; text-align:center; border: none; padding: 0;}
.ad_article_top_full {background-color:#eee; width:1100px; min-height:120px; margin:20px auto 0; text-align:center; border: none;; padding:15px; }

/* 특집 우측 */
.aside_wrap .bnr_special {border:none; padding:0;}
.aside_wrap .bnr_special img {width:100%;}
.aside_wrap .bnr_special + .bnr_special {margin-top:-20px;}

/* 슬라이더 */
.aside_wrap .slick-slide, .event .slick-slide {margin:0 10px;}
.aside_wrap .slick-list, .event .slick-list {overflow:hidden; margin:0 -10px;}