@charset "utf-8";

.inner_container .big_title {font-size: 66px; font-family: 'NEXON Lv2 Gothic Bold'; padding: 50px 0; padding-top: 20px; margin-bottom: 100px;}
.bo_bread_crumbs {margin-top: 50px;}
.bread_text {text-align: right;}
.bread_text span, .bread_text a {font-size: 15px; color: #666666; padding-right: 25px; position: relative;}
.bread_text span:nth-child(1) {padding-right: 5px;}
.bread_text span:last-child {padding-right: 0;
}
.bread_text .arrow_after:after {content: ">"; position: absolute; top: 0; right: 10px;}

.sub_page_invest section * {color: #191b1d; font-family: 'NEXON Lv2 Gothic';}
.sub_page_invest section.str_section:last-child {margin-top: 55px;}
.sub_page_invest section .sub_section_title {font-size: 30px; font-weight: bold; line-heighT: 1.2; font-family: 'NEXON Lv2 Gothic Bold';}
.sub_page_invest section.str_section.condition .sub_section_title {margin-bottom: 20px;}

.sub_page_invest section .section_title_wrap {display: flex; align-items: baseline;}
.sub_page_invest section.str_section .section_title_wrap {padding: 25px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.sub_page_invest section *:last-child {margin-left: auto;}
section.str_section .sh_form_num {line-height: 1;}
section.str_section .sh_form_num span {font-size: 18px; font-weight: 500; line-height: 1;}
section.str_section .sh_form_num span.content {font-size: 30px; font-weight: bold; margin-left: 10px;}
.sub_page_invest section table {width: 100%; border-collapse: collapse;}
.sub_page_invest section table th, .sub_page_invest section table td {text-align: center; padding: 25px 5px; font-size: 17px;}
.sub_page_invest section table th {font-weight: 600; border-top: 1px solid #000; }
.sub_page_invest section table td {font-weight: 500; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; word-break: keep-all;}
.sub_page_invest section table tr.black_bt td {border-top: 1px solid #000;}
.sub_page_invest section table tr.gray_bg td {background:#fbfbfb; font-weight:bold;}
.sub_page_invest section table td:first-child {border-left: none;}
.sub_page_invest section table td:last-child {border-right: none;}
.sub_page_invest section table tr.black_bb td {border-bottom: 1px solid #000;}
.sub_page_invest section table.stock{table-layout:fixed}
.sub_page_invest section table.stock td{width:20%;border-top:1px solid #eaeaea;padding:25px 0}
.sub_page_invest section table.stockList th{border-bottom:1px solid #000;padding:18px 5px}
.sub_page_invest section table.stockList td{padding:25px 15px;text-align:right}
.sub_page_invest section table.stockList td.date{text-align:center}
.sub_page_invest section table.stockList td.over, .sub_page_invest section table.stockList td.over>span{color:red}
.sub_page_invest section table.stockList td.under, .sub_page_invest section table.stockList td.under>span{color:blue}
.sub_page_invest section table.stockList td>span{display:inline;font-size:.8em}
section.str_section.condition .section_title_wrap p {font-size: 15px;}
section.str_section.condition > .sub_section_title {margin-top: 50px;}
section.str_section table td span {display: block; line-height: 1.8;}
.sub_page_invest section:last-child {margin-bottom: 120px;}

.stockTop{display:flex;margin:-10px auto 40px}
.stockTop .price{flex:0 0 70%;vertical-align:middle;font-size:1.4em}
.stockTop .price:after{display:block;visibility:hidden;clear:both;content:""}
.stockTop .price>div{float:left;margin-left:30px;padding-top:20px}
.stockTop .price>div:first-child{margin-left:0;margin-right:40px;padding:0}
.stockTop .price strong{font-family:'NEXON Lv2 Gothic Bold';font-size:3em}
.stockTop .price strong>span{font-size:.5em}
.stockTop .price span{vertical-align:middle;font-family:'NEXON Lv2 Gothic Bold';color:#f31212}
.stockTop.under .price span{color:#1c6ad7}
.stockTop .time{padding-top:20px;text-align:right;font-size:1.25em}
.stockGraph{margin:70px auto 0;border-bottom:1px solid #000}
.stockGraph canvas{width:100%}
.stockBottom{margin:40px auto 0;text-align:center;font-size:1.5em;line-height:1.4}
.stockBottom>strong{display:inline-block;padding-left:5px}
.sub_page_invest .pg_wrap{float:none}
.sub_page_invest .pg_current{color:#fff}
.sub_page_invest section.stockSection{width:85%; margin:55px auto 120px;}


/*재무정보*/
.ctt_finance .big_title {margin-bottom: 0;}
.ctt_finance_en .big_title{margin-bottom:0}
.ctt_finance .sm_title {font-size: 18px; line-height: 1.6; word-break: keep-all;}
.ctt_finance_en .sm_title{font-size: 18px; line-height: 1.6; word-break: keep-all;}
.sub_page_invest.finance .finance_tab_menu {margin-top: 55px; margin-bottom: 20px;}
.sub_page_invest.finance .finance_tab_menu ul {display: flex;}
.sub_page_invest.finance .finance_tab_menu li {width: 50%;}
.sub_page_invest.finance .finance_tab_menu li a {display: block; height: 90px; line-height: 90px; font-size: 26px; font-family: 'NEXON Lv2 Gothic Bold'; color: rgba(25,27,29,0.3); text-align: center; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.sub_page_invest.finance .finance_tab_menu li a.tab_on {color: rgba(25,27,29,1);}
.sub_page_invest.finance .section_top {text-align: right;}
.sub_page_invest.finance .finance_tabs .tab {display: none;}
.sub_page_invest.finance select {border: none; border-bottom: 2px solid #191b1d; padding: 6px 6px 12px; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.sub_page_invest.finance section table th, .sub_page_invest section table td {border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 15px 10px;}
.sub_page_invest.finance section table th:first-child, .sub_page_invest section table td:first-child {border-left: none;}
.sub_page_invest.finance section table th:last-child, .sub_page_invest section table td:last-child {border-right: none;}
.sub_page_invest.finance section table td:first-child {text-align: left;}
.sub_page_invest.finance section table td:not(:first-child) {text-align: right;}
.sub_page_invest.finance .section_title_wrap {margin-bottom: 20px;}
.sub_page_invest.finance .section_title_wrap:not(:first-child) {margin-top: 55px;}
.sub_page_invest.finance .section_title_wrap p {font-size: 15px;}
.sub_page_invest.finance .section_table_wrap p.empty {font-size: 18px;}

.sub_page_invest section table td.td_count, .sub_page_invest section table td.td_rate{text-align:right; padding:15px 20px 15px 5px;}
.sub_page_invest section table tr.black_bg td {font-weight:bold;}
.stockWrap,.stockGraph,.section_table_wrap {overflow:hidden; overflow-x:auto;}

.finance_tabs .tab {width:85%; margin:0 auto;}
.sub_page_invest.finance section table tbody tr th.first_th{width:24%;}
.sub_page_invest.finance section table tbody tr:nth-child(2) th{width:9.5%;}

@media screen and (max-width: 1440px) {
	.sub_page_invest section .sub_section_title {font-size: 1.9vw;}
	section.str_section .sh_form_num span {font-size: 1.35vw}
	section.str_section .sh_form_num span.content {font-size: 1.9vw;}
	section.str_section.condition .section_title_wrap p {font-size: 1.2vw;}
	.sub_page_invest section table th, .sub_page_invest section table td {font-size: 1.3vw;}
	.sub_page_invest.finance .finance_tab_menu li a {font-size: 1.65vw;}
	.sub_page_invest.finance select {font-size: 1.3vw;}
	.finance_tabs .tab {width:100%;}
	.sub_page_invest section.condition{width:100%;}
}

@media screen and (max-width: 1200px) {
.inner_container {width: 100%; padding: 0 20px;}
.inner_container .big_title {font-size: 50px;}
.ctt_finance .sm_title {font-size: 26px;}
.ctt_finance_en .sm_title {font-size: 26px;}
.sub_page_invest section table.stockList {width:1200px;}
}

@media screen and (max-width: 980px) {
	.inner_container .big_title {margin-bottom: 35px; font-size: 46px;}
	.ctt_finance .big_title {margin-bottom: 0;}
	.ctt_finance .sm_title {font-size: 23px;}
	.ctt_finance_en .big_title {margin-bottom: 0;}
	.ctt_finance_en .sm_title {font-size: 23px;}
	section.str_section.form .section_title_wrap {padding: 20px 0;}
	.sub_page_invest section .sub_section_title {font-size: 2.2vw;}
	section.str_section .sh_form_num span {font-size: 1.9vw}
	section.str_section .sh_form_num span.content {font-size: 2.5vw;}
	section.str_section:last-child {margin-bottom: 75px;}
	section.str_section.condition .section_title_wrap p {font-size: 1.75vw;}
	.sub_page_invest section table th, .sub_page_invest section table td {font-size: 18px; padding: 18px 0;}

	.sub_page_invest.finance .finance_tab_menu li a {font-size: 2.2vw; height: 75px; line-height: 75px;}
	.sub_page_invest.finance select {padding: 6px 6px 10px;}
	.sub_page_invest.finance section table th, .sub_page_invest.finance section table td {padding: 12px 8px;}
	.sub_page_invest.finance select {font-size: 1.9vw;}
	.sub_page_invest.finance .section_table_wrap p.empty {font-size: 1.9vw;}
	.finance section table {width:980px;}
}

@media screen and (max-width: 820px) {
	/*.sub_page_invest.finance section table {display: block; overflow-X: auto;}*/
	.sub_page_invest.finance section table.sep2020, .sub_page_invest.finance section table.sep2019{display:none;}
	.stockTop .price strong{font-size:2.4em}
	.stockTop .price>div{margin-left:20px;padding-top:15px}
	.stockTop .price>div:first-child{margin-right:20px}
	.stockTop .time{padding-top:15px}
	.sub_page_invest section table.stockList {width:1200px;}
}
@media screen and (max-width: 767px) {
	.inner_container .big_title {font-size: 35px; padding: 30px 0;}
	.ctt_finance .sm_title {font-size: 20px;}
	.ctt_finance_en .big_title {font-size: 35px; padding: 30px 0;}
	.ctt_finance_en .sm_title {font-size: 20px;}
	section.str_section table th.list_name {width: 15%;}
	.sub_page_invest section .sub_section_title {font-size: 3.0vw;}
	.sub_page_invest.finance .finance_tab_menu li a {font-size: 3.0vw;}
}
@media (max-width: 480px) {
	.inner_container .big_title {font-size: 25px; padding: 20px 0; margin-bottom: 40px;}
	.ctt_finance_en .big_title {margin-bottom: 0;}
	.ctt_finance .big_title {margin-bottom: 0;}
	.bread_text span, .bread_text a {font-size: 13px;}
	.sub_page_invest section .sub_section_title {font-size: 4.2vw;}
	section.str_section .sh_form_num span {font-size: 3.8vw}
	section.str_section .sh_form_num span.content {font-size: 4.8vw;}
	section.str_section:last-child {margin-top: 30px; margin-bottom: 50px;}
	section.str_section.condition > .sub_section_title {margin-top: 30px;}
	section.str_section.condition .sub_section_title {margin-bottom: 15px;}
	section.str_section.condition .section_title_wrap p {font-size: 3.65vw;}
	section.str_section table th {padding: 12px 0;}
	section.str_section table td {padding: 18px 2px;}
	.sub_page_invest section table th, .sub_page_invest section table td {font-size: 3.3vw;}
	.ctt_finance .sm_title {font-size: 16px;}
	.ctt_finance_en .sm_title {font-size: 16px;}
	.sub_page_invest.finance .finance_tab_menu {margin-top: 35px; margin-bottom: 15px;}
	.sub_page_invest.finance .finance_tab_menu li a {font-size: 4.2vw; height: 45px; line-height: 45px;}
	.sub_page_invest.finance select {font-size: 3.65vw;}
	.sub_page_invest.finance .section_title_wrap p {font-size: 13px;}
	.sub_page_invest.finance .section_table_wrap p.empty {font-size: 3.6vw;}
	.sub_page_invest section table.stock{table-layout:auto}
	.stockTop{display:block}
	.stockTop .price strong{letter-spacing:-0.08em}
	.stockTop .price{font-size:1.15em;letter-spacing:-0.05em}
	.stockTop .price>div{margin-left:15px;padding-top:12px}
	.stockTop .price>div:first-child{margin-right:10px}
	.stockTop .time{padding-top:10px;font-size:1em}
	.stockBottom{margin-top:40px;font-size:1em}
	.sub_page_invest section.stockSection{width:100%;}
	.sub_page_invest section table.stock {width:620px;}

}