/*base_style*/
@charset 'UTF-8';

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

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 {margin:0;  padding:0;  border:0; vertical-align:top; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }

body {line-height:1; min-width:320px;word-break: keep-all;}
ol, ul {list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }
html{font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; ,'Malgun Gothic', Dotum, '돋움', HelveticaNeue, AppleSDGothicNeo, sans-serif; -webkit-touch-callout:none;  font-size:17px; color:#222; font-weight:400; letter-spacing:-0.3px;}
table {border-collapse:collapse; border-spacing:0; }
th, td {vertical-align:middle; }
a {text-decoration:none; color:#666; }
a:link {text-decoration:none; }
a:hover {text-decoration:underline; }
input, textarea {-webkit-appearance:none; -webkit-border-radius:0; }
input[type=text], input[type=password], input[type=email], input[type=tel] {border:1px solid #e4e4e4; background:#fff; }
input:focus {outline:none;}
textarea {border:1px solid #e4e4e4; background:#fff; }
img {max-width:100%; height:auto; }

.m_20_tb {padding:20px 0}
.m_40_r{margin-right:40px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.ml15{margin-left:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px;}
.ml30{margin-left:30px;}
.mb30{margin-bottom:30px;}
.mt40{margin-top:40px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.pb10{padding-bottom:10px;}
.pl15{padding-left:15px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pl30{padding-left:30px;}
.pb30{padding-bottom:30px;}
.pt35{padding-top:35px;}
.pb40{padding-bottom:40px;}
.pt40{padding-top:40px;}
.pb60{padding-bottom:60px;}
.pt60{padding-top:60px;}
.pt65{padding-top:60px;}
.pb100{padding-bottom:100px;}

.pl0 {padding-left:0 !important;}

.red {color:#ee1b22 !important;}
.blue {color:#396FF8 !important;}
.color--white {color:#fff;}
.bg_blue {background-color:#D6E0EB;}
.bg_white {background-color:#fff;}
.bg_gray {background-color:#f0f0f0;}
.border--line--blue{border-bottom: 1px solid #396FF8 !important;}
.border--none{border: none !important;}

.display--flex {display: flex;}
.justify--content--center {justify-content: center;}
.justify--content--between {justify-content: space-between;}
.justify--content--end{justify-content: end;}
.align--items--center {align-items: center;}

.widthfull {width:100% !important;}
.b--radius10, .border--radius--10{border-radius: 10px;}

.font--size--14 {font-size:14px !important;}
.font--size--17 {font-size:17px !important;}
.font--weight--700 {font-weight:700 !important;}

body.hide {overflow:hidden; }
body.fixed {position:fixed; top:0; }

.wrap {width:1280px; margin:0 auto; position: relative;}
.wrap:after {display:block; content:''; clear:both; }
#container {background-color:#f1f4f3; display: flex;}
.info a {display:block; }

.totop {position:fixed; bottom:50px; right:20px; display:none; z-index:20; }
.totop a {width:65px; height:65px; background:#fff url('//img.investchosun.com/images/icon_top.jpg') center center no-repeat; text-indent:-9999px; display:block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: 0px 0px 5px 0px rgb(152 152 152); -webkit-box-shadow: 0px 0px 5px 0px rgb(152 152 152); -moz-box-shadow: 0px 0px 5px 0px rgba(152,152,152,1); -o-box-shadow: 0px 0px 5px 0px rgba(152,152,152,1);}
.bx-controls {display:none;}

/*header*/
#header {background:#fff; top:0; position: relative; min-width:1280px; border-bottom: 1px solid #333;}
#header.sticky .opener_smalllogo, #header.sticky .gnb_sns, #header.sticky .gnb_date {display:none;}
#header .menu_sns .gnb_sns {display:block;}
#header.sticky .gnbwrap, #header.sticky .nav_left {display:block; position: absolute; z-index: 300;}
#header.sticky .gnbwrap {top:2px; left: 25%;}
#header.sticky .nav_left {top: 67px; left: 0;width: 20% !important;}
#header.header_free.sticky .nav_left {top: 8px; left: 0;width: 20% !important;}
#header .header_area_01 {border-bottom:1px solid #e2e2e2; background-color: #fff; margin: 0 auto; height:60px;}
#header .header_area_01:after {display:block; content:''; clear:both; }
#header .header_area_01 .logo {margin:0 auto;}
#header .header_area_01 .logo a {background: url("//img.investchosun.com/images/2025/logo_header.svg") center center no-repeat; background-size: contain; width: 350px; height: 33px; text-indent: -9999px; display: block;}
#header.header_free .header_area_01 .logo a {background: url("//img.investchosun.com/images/2025/logo_header.svg") center center no-repeat; background-size: cover; width: 400px; height: 33px; text-indent: -9999px; display: block;}
#header .header_area_01 .nav_left {text-align:left; color:#292a2b;}
#header .header_area_01 .nav_left ul li {display:inline-block; padding: 0 1px 1px; margin: 0 1px 7px 0; white-space: nowrap; text-overflow: ellipsis;}
#header .header_area_01 .nav_left ul li a{background: #dde0e2; color:#666464; font-size: 12px; line-height: 12px; display: block; padding: 3px 10px 3px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; text-decoration: none;}
#header .header_area_01 .nav_right {justify-content: right;}
#header .header_area_01 .nav_left, #header .header_area_01 .nav_right {width:30%; font-size:14px; letter-spacing:-0.3px; display: inline-flex; align-items: center;font-weight: 600;}
#header .header_area_01 .nav_logo {width:40%; display: flex;}
#header .header_area_01 .nav_right a{color:#222;text-decoration: none;}
#header .header_area_01 .nav_right a:hover{color:#2c5ae9;}
#header .header_area_01 .box-pad {font-size: 12px; padding:0 8px; color: #999;}
#header .header_area_01 .gnb_setnews{border-radius: 100px; border: 1px solid #C2C2C2; display: inline-flex; padding: 5px 15px; justify-content: center; align-items: center; margin-left: 10px; cursor: pointer;}
#header .header_area_01 .gnb_setnews a:hover, #header .header_area_01 .gnb_setnews.active, #header .header_area_01 .gnb_setnews.active a{background-color:#0E2663; color:#fff;}
#header .header_area_01 .gnb_setnews:hover, #header .header_area_01 .gnb_setnews.active {background-color: #0E2663; color: #fff;}
#header .header_area_01 .gnb_mynews{border-radius: 100px; border: 1px solid #C2C2C2; display: inline-flex; padding: 5px 15px; justify-content: center; align-items: center; margin-left: 10px; cursor: pointer;}
#header .header_area_01 a.gnb_mynews:hover, #header .header_area_01 .gnb_mynews.active, #header .header_area_01 .gnb_mynews.active a{background-color:#0E2663; color:#fff;}

#header .header_area_02 {background-color:#fff; height:50px; position:relative; margin: 0 auto; z-index: 200; width: 100%;}
#header .header_area_02:after {display:block; content:''; clear:both; }
#header .opener_menu {width:60px;}
#header .opener_menu a {position:absolute; top:0px; left:0px; width:22px; height:44px; background: url('//img.investchosun.com/images/gnb_menuopener.png') center center no-repeat; text-indent:-9999px; z-index:5; }

#header .gnb_date {font-size:14px; justify-content: left; display: flex; font-weight: 400;}
#header .gnb_sns {font-size:14px; justify-content: right; display: flex;}
#header .gnb_sns li {display:inline-flex; border-radius: 28px; border: 1px solid #C2C2C2; background: #FFF; width: 28px; height: 28px; flex-shrink: 0; aspect-ratio: 1 / 1; align-items: center; justify-content: center;margin-left: 8px;}
#header .gnbwrap {overflow:hidden; }
#header .gnb {width:auto; }
#header .gnb:after {display:block; content:''; clear:both; }
#header .gnb li {height:50px; display: inline-flex; letter-spacing: 0;}
#header .gnb li a {color:#222; padding:0 25px; line-height:50px; display:block; font-weight:400;}
#header .gnb li:hover a {text-decoration:none; color: #2c5ae9;}
#header .gnb li a.active {position:relative; color: #2c5ae9; font-weight: 700;}
/*#header .gnb li a.active:after {position:absolute; bottom:0; left:18px; width:calc(100% - 36px); height:3px; background:#2c5ae9; display:block; content:''; }*/
#header .gnb li:first-child a{padding-left:3px;font-weight: 700;}
#header .opener_smalllogo {margin:0 270px; overflow:hidden;}
#header .opener_smalllogo a {width:200px; height:45px; background:url('//img.investchosun.com/images/2025/logo_header.svg') center center no-repeat; background-size:100% auto; text-indent:-9999px; z-index:5; display:none; margin: 0 auto;}
#header.sticky {position: fixed; top: -65px; left: 0; width: 100%; left: 0; z-index: 200; transition: all 0.3s;}
#header.sticky .nav_right {position:absolute; top:60px; right:0px; z-index: 300;}
#header.sticky .nav_left {position:absolute; top:60px; right:0px; z-index: 300;}
#header.header_free.sticky .nav_right {top:20px;}
#header.header_free.sticky .nav_logo {top:20px; position: absolute;}
#header.header_free.sticky .nav_logo .logo a {width:240px; height:25px; background-size: contain;}

/*header_admin*/
#header_admin {background:#292a2b; top:0; position: relative;}
#header_admin .header_area {border-bottom:1px solid #e2e1e7; padding:20px 0; background-color: #292a2b; margin: 0 auto; height:33px;}
#header_admin .header_area:after {display:block; content:''; clear:both; }
#header_admin .header_area .logo {margin:0 auto; width:307px;}
#header_admin .header_area .logo a {background:url('//img.investchosun.com/images/header_logo_admin.png') center center no-repeat; background-size:307px 33px; width:307px; height:33px; text-indent:-9999px; display:block; }
#header_admin .header_area .nav_left {text-align:left;}
#header_admin .header_area .nav_right {text-align:right; position: relative;}
#header_admin .header_area .nav_left, #header_admin .header_area .nav_right {width:30%; font-size:14px; letter-spacing:-0.3px; display: inline-block; color:#000;}
#header_admin .header_area .nav_logo {width:40%; display: inline-block;}
#header_admin .header_area .nav_right a{color:#000; position: relative;}
#header_admin .header_area .nav_right .gnb_home:before {position:absolute; background:url('//img.investchosun.com/images/gnb_home_blue.png') center center no-repeat; width:20px; height:18px; bottom:0; left: -25px; display:block; content:''; }
#header_admin .header_area .box-pad {font-size: 14px; padding:0 8px; color: #999;}

.popbg {display:none; background:rgba(0,0,0,0.7); position:fixed; top:72px; left:0; width:100%; height:100%; z-index:99999;}

/*search*/
.all_trig {float:left;}
.all_trig a, .all_trig a.all_trig_on {width:24px; height:24px; display:block; background:url('//img.investchosun.com/images/2025/icon_menu.svg') center left no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} 
.all_trig a.active {width:24px; height:24px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url('//img.investchosun.com/images/2025/icon_menu_on.svg') center left no-repeat;}
.search_inputbox_trig.active {width:24px; height:24px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url('//img.investchosun.com/images/2025/icon_search_on.svg') center left no-repeat;}

.search_inputbox_trig .opensearch {background: url(//img.investchosun.com/images/2025/icon_search.svg) center center no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; width: 24px; height: 30px; border: none; cursor: pointer;}
.search_inputbox_trig .opensearch.active {background: url(//img.investchosun.com/images/2025/icon_search_on.svg) center center no-repeat; height:30px;}
button.submit {border:none; background:none; cursor:pointer; padding-right: 0px; background: url(//img.investchosun.com/images/2025/icon_search.svg) left center no-repeat; text-indent: -9999px; width:50px;}

/*search_select*/
.search_dropdown {position: relative; width: 145px; user-select: none;}
.search_dropdown .dropdown-toggle {padding: 10px 14px 10px 30px; border-radius: 6px; background: #fff; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; width: 145px;}
/*.search_dropdown .dropdown-toggle::after {display: inline-block; content: '|'; position: absolute; right: -4px; font-size: 15px; font-weight: 100; font-family: '맑은고딕', '돋움'; color: rgb(0, 0, 0, 0.4);}*/
.search_dropdown:after {display: inline-block; content: '|'; font-size: 15px; color: #00000066; font-weight: 100; font-family: '맑은고딕', '돋움'; padding-right: 2px; font-weight: 100; overflow: hidden;}
.search_dropdown #selectedText {color: #396FF8; font-size: 15px; font-weight:600;}

.search_dropdown .arrow {width: 12px; height: 8px; margin-left: 8px; transition: transform .2s;}
.search_dropdown .arrow.open path {fill: #396FF8;}
.search_dropdown.open .arrow {transform: rotate(180deg); fill: rgb(57, 111, 248)}
.search_dropdown.open .arrow path {fill: #396FF8; stroke-width: 1; stroke: #396FF8;}

.search_dropdown .dropdown-menu {width: 145px; position: absolute; top: 46px; left: -1px; right: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0 0 5px 5px; display: none; flex-direction: column; z-index: 10; align-items: flex-start; border-top: none;}
.search_dropdown .dropdown-menu .search--list {display: block; margin: 0; margin-top: 4px; border: 1px solid #6B96C7; width: 145px; border-top: 0; border-radius: 0 0 5px 5px;}
.search_dropdown.open .dropdown-menu {display: flex;}
.search_dropdown .dropdown-menu div::first-child {margin-top:-4px;}

.dropdown-menu div {border-bottom: 1px solid #6B96C7; margin: 0px 30px 0px 30px; line-height: 45px; cursor: pointer; transition: background .2s; color:#6B96C7; font-size: 15px;}
.dropdown-menu div:hover {background: #fff; color: #396FF8;}
.dropdown-menu div:last-child {border-bottom:none;}

#search {}
.hide, legend, caption {display: none;}
#search .search_inputbox_trig a, .art .all_trig a.all_trig_on {width: 24px; height: 24px; display: block; background: url('//img.investchosun.com/images/2025/icon_search.svg') center center no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;}


/*search_box*/
.search-box {/*border: 1px solid #6B96C7; overflow: hidden;*/ display: none; position: fixed; z-index: 100; height: 150px; background: url("//img.investchosun.com/images/2025/bg_gnb_search.new.jpg"); justify-content: center; align-items: center; border-bottom: 1px solid #e2e2e2;}
.search-box .wrap {align-items: center; height: 150px; width:830px; display: flex; align-items: center; justify-content: space-between;}
.search-box form {background: #fff; height: 58px; display: flex; justify-content: center; width: 100%; align-items: center; justify-content: space-between;border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 5px 5px 5px 2px;}
.search-box label {display: none;}
.search-box div {display: flex; align-items: center;}
.search-box input {box-sizing: border-box; margin-left: 20px; width:92%; border: none; font-size: 17px; color: #222; font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; font-weight: 400;}
.search-box input:focus {outline:none;}
.search-box .search-x {margin:0 10px; cursor: pointer;display: none; align-items: center;}
input::placeholder {font-weight: 400;}

/*gnb_button menu*/
#mgnb_pop_id {display: none; position: fixed; background: #fff; list-style: none; z-index: 99999; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; display: flex; width: 390px; flex-direction: column; align-items: flex-start; gap: var(--gap-8, 52px); flex-shrink: 0; box-shadow: 0 5px 10px 0 rgba(85, 85, 85, 0.25);}
#mgnb_pop_id::-webkit-scrollbar {display: none;}
#mgnb_pop_id .pop_closer {display: flex; justify-content: end; padding-bottom: 30px;}
#mgnb_pop_id .pop_closer a {color:#222; text-decoration: none;}
#mgnb_pop_id .all_trig_on {display: flex; height: var(--size-height-6, 40px); min-width: 64px; padding:0 var(--padding-5, 12px); justify-content: center; align-items: center;  border-radius: var(--radius-medium1, 6px); border: 1px solid var(--color-button-tertiary-border, #58616A); background: var(--color-button-tertiary-fill, rgba(255, 255, 255, 0.00)); font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: var(--typo-label-small-letter-spacing, 0); font-size: 16px; color: #222;}
#mgnb_pop_id .all_trig_on a {color:#222;}
.dropdown {padding: var(--padding-10, 40px); width: 310px; padding-bottom:0;}
.dropdown-content { display: flex; flex-direction: column;}

/* 메뉴 */
.menu-item {display:flex; justify-content:space-between; align-items:center; padding:18px 0px; cursor:pointer; transition:background-color .2s, color .2s; border-top: 1px solid #e2e2e2; font-weight: 500;}
.menu-item a {color:#222;}
.menu-item a:hover, .menu-item span:hover {text-decoration: none;  font-weight: 700; color: #396FF8;}
.menu-item .icon:before {}

/*.menu-item:hover { background:#f0f0f0;}*/
.submenu { display:none; flex-direction:column; background: #EEF2F7; padding: 15px 0px;}
.submenu .menu-item a {color:#6E8DB0; font-size:15px; font-weight: 400; line-height: 150%; letter-spacing: 0.45px;}
.submenu .menu-item a:before {width:10px; height:15px; bottom:0; left: -25px; display:inline-block; content:'·'; }
.submenu .menu-item {border-top:none; padding: 0px 15px; font-wedight: 400; }
.submenu.show { display:flex; }
.dropdown-content > .menu-item:first-child > span::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 17px;
    margin-left: -19px;
    background: url('//img.investchosun.com/images/2025/icon_star2.svg') center center no-repeat;
    background-size: 19px 17px;
    vertical-align: middle;
    margin-right: 1px;
    margin-top: -1px;
}

.arrow { width:16px; height:10px; flex-shrink:0; transition: transform .2s; }
.arrow.open { transform: rotate(180deg); }
/*.arrow path { fill: #33363D; }
.arrow.open path { fill: #396FF8; } */

/*SNS*/
.mgnb_pop .menu_sns {background: #396FF8; height:90px; align-items: center; padding: 0 40px; width: 310px; display: flex;}
.mgnb_pop .menu_sns .gnb_sns {width:auto;}
.mgnb_pop .menu_sns .gnb_sns li {display: inline-flex; border-radius: 28px; border: 1px solid #C2C2C2; background: #FFF; width: 28px; height: 28px; flex-shrink: 0; aspect-ratio: 1 / 1; align-items: center; justify-content: center;}
.mgnb_pop .menu_sns .gnb_sns li {border: none; margin-left: 0; margin-right:8px;}

/*footer*/
#footer {padding:40px; background:#111; min-width:1280px; }
.footer_info {height:60px; border: 1px solid #CDD1D5; display: flex; align-items: center;}
.footer_info ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.footer_info ul li:nth-child(-n+3) {border-right: 1px solid #CDD1D5;}
.footer_info a {font-size:17px; color:#222; font-weight:500;width: 100%; text-decoration: none; cursor: pointer; letter-spacing: 0;}
.footer_info a:hover {color:#396FF8;}
.footer_info ul li {padding:0 20px; position: relative; height: 60px}
.footer_info ul li:after {display: inline-block; content: '+'; position: absolute; right: 10px;}
.footer_info span {}
#footer .logo {background:url('//img.investchosun.com/images/2025/logo_footer.svg') center center no-repeat; width:340px; height:28px; text-indent:-9999px; display:block;     padding-bottom: 40px;}
#footer .copyright {font-size:14px; line-height:20px; font-weight:300;}
#footer .copyright span {margin-right:5px; color:#fff; position: relative;}
#footer .copyright span a{color:#fff;}
/*#footer .copyright span:after {top: -5px; right: -15px; display: inline-block; content: '|'; font-size: 12px; width: 7px; height: 13px; color: #898989; position: absolute;}*/
#footer .copyright span:last-child:after {display: none;}
#footer .copyright span.footer_bold a{font-weight:700; color:#396FF8; text-decoration-line: underline;}
#footer .company_info span:after {display:none;}
#footer .company_info span {margin-right:8px;}
#footer .copyright_bottom{color:#999; font-size: 14px; padding: 12px 0;}
#footer .company_info {margin-bottom:10px;}
#footer .company_info span{padding: 6px 15px 6px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; background: #5f6467;}
#footer .company_info span a {color:#222; text-decoration: none;}
#footer .banner_inc a {margin-tio:5px; background:url('//img.investchosun.com/images/logo_chosuncom.png') center center no-repeat; width:128px; height:17px; background-size:128px 17px; display:inline-block; text-indent:-9999px; margin-top: 5px;}

.icon_free {background-color: #396FF8; color:#fff; font-size:14px; font-weight:600; border-radius:2.5px; padding: 5px 24px; letter-spacing: 0; margin-right: 5px; display: inline-flex;}

/*banner*/
.centerbanner {text-align:center; margin:0 auto; max-width:100%;}
.thumb {position:relative; overflow:hidden; }
.thumb img {object-fit: cover; width: 100%; height: 100%;}
.item {text-align: center; margin-bottom: 30px;}
.inside_zone .bx-controls, .news_important .bx-controls, .article .bx-controls{display:none;}

/* 2024.06 */
.ad_article_bottom .bxslider div {text-align:center}
body,html {scroll-behavior: smooth !important;}