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

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


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; }
ol, ul {list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }
html{font-family: 'Noto Sans KR', sans-serif, '맑은 고딕','Malgun Gothic', Dotum, '돋움', HelveticaNeue, AppleSDGothicNeo, sans-serif; -webkit-touch-callout:none;  font-size:17px; color:#666; 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; }
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;}
.red {color:#ee1b22 !important;}
.blue {color:#3e7cf3 !important;}

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

.wrap {width:1280px; margin:0 auto; position: relative; padding:0 9px;}
.wrap:after {display:block; content:''; clear:both; }
#container {background-color:#f1f4f3; display: flex;}
#main_wrap {background-color: #fff; padding-top: 20px; margin:0 auto; position: relative;}
.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('http://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);}

/*header*/
#header {background:#fff; top:0; position: relative; min-width:1280px;}
#header.sticky {position: fixed; top: -73px; left: 0; width: 100%; left: 0; z-index: 20000; border-bottom: 1px solid #ccc; box-shadow: 0px 3px 3px rgb(0 0 0 / 6%); -webkit-box-shadow: 0px 3px 3px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,.06);}
#header.sticky .opener_smalllogo {display:block;}
#header.sticky .gnbwrap {display:none;}
#header .header_area_01 {border-bottom:1px solid #e2e1e7; padding:20px 0; background-color: #fff; margin: 0 auto; height:33px;}
#header .header_area_01:after {display:block; content:''; clear:both; }
#header .header_area_01 .logo {margin:0 auto; width:307px;}
#header .header_area_01 .logo a {background:url('http://img.investchosun.com/images/header_logo.png') center center no-repeat; background-size:307px 33px;  width:307px; height:33px; text-indent:-9999px; display:block; }
#header .header_area_01 .nav_left {text-align:left; margin-top:-3px !important; 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 {text-align:right;}
#header .header_area_01 .nav_left, #header .header_area_01 .nav_right {width:24%; font-size:15px; letter-spacing:-0.3px; display: inline-block; margin-top: 20px;}
#header .header_area_01 .nav_logo {width:50%; display: inline-block;}
#header .header_area_01 .nav_right a{color:#2c5ae9;}
#header .header_area_01 .box-pad {font-size: 12px; padding:0 8px; color: #999;}

#header .header_area_02 {background-color:#fff; height:44px; position:relative; margin: 0 auto; z-index: 200; width: 100%; border-bottom:1px solid #dcdcdc;}
#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('http://img.investchosun.com/images/gnb_menuopener.png') center center no-repeat; text-indent:-9999px; z-index:5; }
#header .opener_search a {position:absolute; top:0px; left:53px; width:44px; height:44px; background: url('http://img.investchosun.com/images/gnb_search.png') center center no-repeat; text-indent:-9999px; z-index:5; }
#header .gnbwrap {margin:0 270px; height:100%; overflow:hidden; }
#header .gnb {width:auto; }
#header .gnb:after {display:block; content:''; clear:both; }
#header .gnb li {float:left; height:44px; text-align:center;}
#header .gnb li a {color:#222; padding:0 28px; line-height:44px; display:block; font-weight:300; font-size: 18px;}
#header .gnb li:hover a {text-decoration:none; }
#header .gnb li a.active {position:relative; color: #2c5ae9;}
#header .gnb li a.active:after {position:absolute; bottom:0; left:18px; width:calc(100% - 36px); height:3px; background:#2c5ae9; display:block; content:''; }
#header .opener_smalllogo {margin:0 270px; overflow:hidden;}
#header .opener_smalllogo a {width:200px; height:45px; background:url('http://img.investchosun.com/images/header_logo.png') center center no-repeat; background-size:100% auto; text-indent:-9999px; z-index:5; display:none; margin: 0 auto;}
#header.sticky {position: fixed; top: -75px; left: 0; width: 100%; left: 0; z-index: 20000; border-bottom: 1px solid #ccc; box-shadow: 0px 3px 3px rgb(0 0 0 / 6%); -webkit-box-shadow: 0px 3px 3px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,.06);}
#header.sticky .opener_smalllogo a {display:block; }
#header.sticky .nav_right {position:absolute; top:48px; right:0px; z-index: 3000000;}
#header.sticky .header_area_02 {border-bottom: 0;}

/*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('http://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:24%; font-size:15px; letter-spacing:-0.3px; display: inline-block; margin-top: 18px; color:#fff;}
#header_admin .header_area .nav_logo {width:50%; display: inline-block;}
#header_admin .header_area .nav_right a{color:#fff; position: relative;}
#header_admin .header_area .nav_right .gnb_home:before {position:absolute; background:url('http://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;}
#totalGnbWrap {display:none; background:#fff; position:fixed; top:52px; left:0; right:0; bottom:0; width:360px; height:100%; z-index:100000; overflow-x:hidden; overflow-y:auto; }
#totalGnbWrap .logo {margin-top:-1px; border-bottom:1px solid #d4d4d4; }
#totalGnbWrap .logo a {display:block; background:url('http://image.dizzo.com/dizzo2/images/header_logo.png') center center no-repeat; background-size: 218px 30px; width:220px; height:55px; text-indent:-9999px; display:block;  margin:0 auto; }
#totalGnbWrap .totalBlock {width:100%; max-width:380px; margin:0 auto; position:relative; }
#totalGnbWrap .total_closer a {position:absolute; top:20px; right:20px; background:url('http://image.dizzo.com/dizzo2/images/pop_close.png') center center no-repeat; background-size:20px 20px;  width:20px; height:20px; text-indent:-9999px; display:block; z-index: z-index:100001; }
#totalGnbWrap .total_list { width:360px; margin:0px auto; padding:0px 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
#totalGnbWrap .total_list li.menu_all {width:100%; padding:38px 0px 20px 45px ; background-color:#e5e5e5; margin-bottom:20px; font-size: 20px; color: #222;}
#totalGnbWrap .total_list li {width: 100%; margin: 0 0px; /*min-height: 163px;*/ padding:10px 35px;}
#totalGnbWrap .total_list a.nla {font-size:18px; color:#222; font-weight: 600;}

/*#totalGnbWrap .total_list li:nth-last-child(1) {border-bottom:0; }*/
#totalGnbWrap .total_list li a {color:#000; font-size:17px; display:block; text-transform: capitalize; text-decoration: none; }
#totalGnbWrap .total_list .depth_02 {display:flex; flex-wrap:wrap; padding-bottom:20px; padding-top: 8px; border-top: 1px solid #ebebeb; margin-top: 13px}
#totalGnbWrap .total_list .depth_02 li {width:33.3%; margin-top:0; border-bottom:0; padding: 0; min-height: 0; position: relative;}
/*#totalGnbWrap .total_list .depth_02 li:before {position: absolute; content: ""; color: #333; padding: 0; left: 0; top: 7px; font-size: 5px;}*/
#totalGnbWrap .total_list .depth_02 li a {color:#434343; font-size:15px; line-height:1.75em; font-weight:normal; padding:0;}
#totalGnbWrap .fast {padding-bottom:13px; }

/*search*/
.all_trig { width:44px; height:44px; float:left;}
.all_trig a, .all_trig a.all_trig_on { width:44px; height:44px; display:block; background:url(http://img.investchosun.com/images/gnb_menuopener.png) center left no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
ul#mgnb_pop_id {display: none; position: fixed; width: 260px; top: 118px; background: #f1f5f6; border: solid 1px #e2e3e5; letter-spacing: -1px; list-style: none; z-index: 99999;overflow-y: auto;  overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none;}
ul#mgnb_pop_id::-webkit-scrollbar {display: none;}
ul#mgnb_pop_id li {list-style: none; position: relative; padding:25px 25px 0 30px; background: #fff;}
ul#mgnb_pop_id li p {padding-left: 10px; padding-bottom:8px; border-bottom: solid 1px #e2e3e5;}
ul#mgnb_pop_id li a {text-decoration: none; color:#222; letter-spacing: 0;}
ul#mgnb_pop_id li p.depth {border-bottom:none; margin-top:10px;}
ul#mgnb_pop_id li p.depth a {font-size: 15px; color: #9fa0a0; font-weight: 300;}
ul#mgnb_pop_id li.service_all {/*margin: 0 -15px;*/ background: #f1f5f6; line-height: 25px;}
ul#mgnb_pop_id li.service_all:last-child{padding-bottom:150px;}
ul#mgnb_pop_id p.border_no{border-bottom:none;}
/*ul#mgnb_pop_id li p:last-child{border-bottom:none;}*/
ul#mgnb_pop_id li .pop_closer {border-bottom:none;}
ul#mgnb_pop_id li .pop_closer a {position: absolute; top: 15px; right: 15px; background: url(http://img.investchosun.com/images/icon_board_close.png) center center no-repeat;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: block;
    z-index:100001;
}

#search {
    float: left;
    margin-top: -1px;
}
.hide, legend, caption {display: none;}
#search .search_inputbox_trig a, .art .all_trig a.all_trig_on {
    width: 44px;
    height: 44px;
    display: block;
    background: url(http://img.investchosun.com/images/gnb_search.png) center center no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
}
#search .search_inputbox {width: 208px; background: #e5e5e5; height: 30px; overflow: hidden; margin-top: 8px; margin-left:10px;}
#search .searchTerm {
   width: 160px;
    height: 20px;
    padding-left: 10px;
    background: #e5e5e5;
    border: 0;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 30px;
    color: #666;
    letter-spacing: -0.5px;
}
#search .searchBtn {
    width: 22px;
    height: 22px;
    background: url(http://img.investchosun.com/images/gnb_search.png) center center no-repeat;
    border: 0;
    font-size: 0;
    line-height: 0;
	background-size: 80%;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}
#search .InputOutline input:focus {outline:none;}
#search .search_inputbox_id button:focus {outline:none;}

/*footer*/
#footer {padding:50px 0 0 0; background:#363a3c; min-width:1280px; }
#footer .logo {float:left; background:url('http://img.investchosun.com/images/logo_bottom.png') center center no-repeat; width:307px; height:33px; text-indent:-9999px; display:block; }
#footer .copyright {float:left; width:calc(100% - 347px); margin-left:40px; font-size:15px; line-height:1.750rem; padding-bottom:40px; letter-spacing:-0.5px;}
#footer .copyright span {margin-right:15px; color:#898989; position: relative;}
#footer .copyright span a{color:#898989;}
#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 {font-weight:500; color:#fff;}
#footer .company_info span:after {display:none;}
#footer .company_info span {margin-right:8px;}
#footer .copyright_bottom{color:#898989; text-align:center; background-color:#111; font-size: 15px; padding: 12px 0; letter-spacing: -0.5px;}
#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 {display:block; }
#footer .banner_inc a {margin-tio:5px; background:url('http://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;}

/*login*/
.layout-main {padding: 190px 20px; width: 495px; margin: 0 auto;}
.username, .login_password, .find_password{display: inline-block; position: relative; width: 100%; border-radius: 30px; background:#e1e4e6; margin-bottom:10px;}
.find_password {margin-bottom:10px;}
.username input {height: 50px; line-height: 50px; border: none; padding: 2px 5px 0 20px; width: 90%; font-size: 17px; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; background: url('http://img.investchosun.com/images/icon_login.png') center right no-repeat;}
.login_password input {height: 50px; line-height: 50px; border: none; padding: 2px 6px 0 20px; width: 90%; font-size: 17px; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; background: url('http://img.investchosun.com/images/icon_pass.png') center right no-repeat;}
.find_password input {height: 50px; line-height: 50px; border: none; padding: 2px 6px 0 20px; width: 90%; font-size: 17px; letter-spacing:-1px; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; background: url('http://img.investchosun.com/images/icon_findpass.png') center right no-repeat; font-family: 'Noto Sans KR';}
.login_password input:focus, .username input:focus, .find_password input:focus {outline:none;}
.login_button{display: inline-block; position: relative; width: 100%;}
.login_button button{height: 50px; line-height: 50px; border: none; border-radius: 30px; background:#2c5ae9; padding: 2px 0px; width: 100%; font-size: 17px; letter-spacing:-1px; font-weight:500; color:#fff; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; cursor: pointer; margin-top:20px; font-family: 'Noto Sans KR';}
.findpass_button button{height: 50px; line-height: 50px; border: none; border-radius: 30px; background:#2c5ae9; padding: 2px 0px; width: 100%; font-size: 25px; font-weight:500; color:#fff; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; cursor: pointer; margin-top:20px;}
.login_txt {color:#878d91; font-size:16px; margin: 40px 0; line-height: 1.4; letter-spacing:-0.3px;}
.login_txt span{color: #222; border-bottom: 1px solid #222;}
.login_toggle {text-align:right; color:#222; letter-spacing: -0.5px;}
.login_toggle a{color:#222;}
.login_toggle .box-pad{font-size: 14px; padding: 0 8px; color: #999;}
input[id="cb1"] + label {display: inline-block; width: 20px; height: 20px; border: 2px solid #bcbcbc; cursor: pointer;}

/*find password*/
.password_logo {text-align:center;}
.password_txt {font-size: 17px; margin: 40px 0; line-height: 1.4; letter-spacing: -1px; color:#878d91; text-align:center;}
.password_txt span {color:#222;}
.password_txt1 {font-size:24px; color:#2c5ae9; font-weight:600; margin: 40px 0 20px; text-align:center;}
.find_password_box span { background: #fff; color: #222; margin-right: 10px; margin-top: 40px; display: inline-block; width: 48%; height: 50px; border: 1px solid #e5e8e9; text-align: center; line-height: 50px;}
.find_password_box span:last-child {margin-right:0;}
.find_password_box span img {vertical-align: middle;}
.find_password_box a {font-size: 15px; text-decoration: none;}
.findpasss_login {}
.backhome {}
.backhome em {color:#2c5ae9; font-style:normal;}


/*banner*/
.centerbanner {text-align:center; margin:0 auto; max-width:100%;}


.thumb {position:relative; overflow:hidden; }
/*.thumb a {position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: auto !important; display:block !important; text-align: center !important; }*/
.thumb img {width:110%; max-width:110%; height:auto; margin-left:-9%;}


/*기사면 우측*/
.news_important{overflow:hidden;}
.group_title {font-size:20px; color:#2c5ae9; letter-spacing:-0.3px; margin-bottom:10px;}
.infotype_thumb_side {padding-bottom:20px; width:284px;}
.infotype_thumb_side .thumb {height:165px; width:284px;}
.infotype_thumb_side dt {padding-top:8px;}
.infotype_thumb_side dt a{color: #222; font-size:20px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 60px; display: -webkit-box; letter-spacing: -1px; line-height: 1.2; -webkit-box-orient: vertical;}
.infotype_thumb_side_s {padding-bottom:20px; overflow: hidden;}
.underline{padding-top: 0px; margin-top: 0; margin-bottom: 35px; border-bottom:1px solid #e2e1e7;}
.infotype_thumb_side_s .thumb {width:60px; height:60px; float:left; margin-right:10px;}
.infotype_thumb_side_s .thumb img{width:150%; max-width:150%; margin-left:-15%;}
.infotype_thumb_side_s dt a{color: #222; font-size:17px; margin-top:5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 60px; display: -webkit-box; letter-spacing: -0.5px; line-height: 1.2; -webkit-box-orient: vertical;}
.infotype_thumb_side_s:last-child {border-bottom:1px solid #d5dae0;}

/*banner*/
.item {text-align: center; margin-bottom: 30px;}
.inside_zone .bx-controls, .news_important .bx-controls, .article .bx-controls{display:none;}

@media screen and (max-width:640px) {
.password_logo img {width:70%}
.layout-main {padding-top:130px;}
}

/* 2024.06 */
.ad_article_bottom .bxslider div {text-align:center}