@charset "utf-8";

	/*** 공통 ***/
	.section {display:flex; flex-direction:column; margin-bottom:50px;}
	.section.no-margin {margin-bottom:0;}
	.section.pos-reltv {position:relative;}
	.section .section-title {}
	.section .section-tab {}
	.section .section-content {}
	
	.titles-container {margin-bottom:30px;}
	.titles-container .title {font-size:28px; font-weight:bold; color:#000;}
	
	.tabs-container {display:flex; list-style-type:none; background-color:#fff; margin-bottom:28px;}
	.tabs-container.tabs-banner {background-color:transparent; margin-top:84px;}
	.tabs-container.tabs-banner.pos-abslt {position:absolute;}
	.tabs-container.tabs-banner.pos-abslt.pos-num {top:330px; left:70px;}
	.tabs-container .tab {display:flex; justify-content:center; border-bottom:2px solid #fff; padding:20px; margin-bottom:0px; font-size:18px; font-weight:bold; color:#ccc; cursor:pointer;}
	.tabs-container .tab.active {border-bottom:2px solid #000; color:#000;}
	.tabs-container .tab.banner {width:120px; display:flex; justify-content:center; border-top:3px solid #cacaca; border-bottom:0px; padding:5px 0 0 0; font-size:16px; font-weight:500; color:#828181;}
	.tabs-container .tab.banner.active {border-top:3px solid #000; color:#000;}

	.contents-container {display:flex; flex-wrap:wrap; gap:20px;}
	.contents-container.align-btwn {justify-content:space-between;}
	.contents-container.use-tab {display:none;}
	.contents-container.use-tab.active {display:flex;}
	.contents-container.gap-10 {gap:10px;}
	.contents-container.gap-0 {gap:0;}
	.contents-container a.notice-link {display:contents; text-decoration:none;}
	.contents-container .content {width:100%; display:flex; padding:20px; box-sizing:border-box;}
	.contents-container .content.flex-col {flex-direction:column;}
	.contents-container .content.align-cntr {justify-content:center; align-items:center;}
	.contents-container .content.cont-size-1 {height:99px;}
	.contents-container .content.cont-size-2 {max-width:413px; height:162px; flex:1 1 calc(33.333% - 20px);}
	.contents-container .content.cont-size-3 {width:120px; height:120px; padding:0px; border-radius:100px;}
	.contents-container .content.cont-size-4 {width:100%;}
	.contents-container .content.cont-size-5 {width:413px; height:200px; border-radius:20px;}
	.contents-container .content.cont-size-6 {width:625px; height:200px; border-radius:20px;}
	.contents-container .content.cont-size-7 {height:100%;}
	.contents-container .content.cont-size-8 {padding:0px;}
	.contents-container .content.cont-size-9 {width:630px; height:355px; border-radius:20px;}
	.contents-container .content.cont-style-0 {border:1px solid #e5e5e5; border-radius:20px;}
	.contents-container .content.cont-style-0:hover {border-color:#000000;}
	.contents-container .content.cont-style-1 {border:1px solid #e5e5e5; border-radius:20px;}
	.contents-container .content.cont-style-2 {background-color:none;}
	.contents-container .content.cont-style-2:hover {background-color:#fafafa;}
	.contents-container .content.cont-style-3 {background-color:#fafafa; padding:30px 10px 30px 30px;}
	.contents-container .content.cont-style-4 {border:1px solid #e5e5e5; border-radius:20px; padding: 20px 30px;}
	.contents-container .content a {text-decoration:none; color:currentColor;}
	.contents-container .content .content-title {width:100%; display:flex; align-items:center; margin-bottom:15px;}
	.contents-container .content .content-info {width:100%; display:flex;}
	.contents-container .content .content-info.flex-col {flex-direction:column;}
	.contents-container .content .content-info.flex-row {flex-direction:row;}
	.contents-container .content .content-info.pos-abslt {position:absolute;}
	.contents-container .content .content-info.pos-abslt.pos-num {top:120px; left:70px;}
	.contents-container .content .content-info.pos-abslt.pos-num-2 {top:140px; left:70px;}
	.contents-container .content .content-info.align-cntr {align-items:center; justify-content:center;}
	.contents-container .content .content-info.align-btwn {width:100%; justify-content:space-between;}
	.contents-container .content .content-info.gap-10 {gap:10px;}
	.contents-container .content .content-info.gap-50 {gap:50px;}
	
	/* 해외주식 안내  & 미국회사채 안내 */
	.contents-container .content .content-title .card-icon {margin-right:6px;}
	.contents-container .content .content-title .card-title {font-size:17px; font-weight:bold; text-align:left;}
	.contents-container .content .content-info .card-text-1 {font-size:17px; font-weight:500; text-align:left;}
	.contents-container .content .content-info .card-text-2 {font-size:17px; font-weight:700; text-align:center;}
	.contents-container .content .content-info .banner-title {font-size:34px; font-weight:bold; text-align:left; color:#000; padding-bottom:20px;}
	.contents-container .content .content-info .banner-sub-title {font-size:16px; font-weight:500; text-align:left; color:#000; padding-bottom:40px;}
	.contents-container .content .content-info .notice-type {width:fit-content; padding:5px 15px; display:flex; justify-content:center; align-items:center; border-radius:100px; font-size:14px; font-weight:600;}
	.contents-container .content .content-info .notice-type.t-general {background-color:#e7e7e7; color:#3e3e3e;}
	.contents-container .content .content-info .notice-type.t-event {background-color:#fff2cd; color:#ff7b00;}
	.contents-container .content .content-info .notice-type.t-right {background-color:#ecfff8; color:#1e9f71;}
	.contents-container .content .content-info .notice-title {width:100%; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:16px; font-weight:500; color:#000;}
	.contents-container .content .content-info .notice-date {font-size:14px; font-weight:500; color:#a9a9a9;}
	.contents-container .content .content-info .notice-phone {font-size:18px;}
	.contents-container .content .content-info .tuja-img {width:60px; height:60px;}
	.contents-container .content .content-info .tuja-title {font-size:14px; text-align:center;}
	.contents-container .content .content-info .tuja-title:hover {font-size:14px; text-align:center;}
	.contents-container .content .content-info .policy-img {width:150px; height:150px;}
	.contents-container .content .content-info .policy-title {font-size:17px; font-weight:bold; text-align:left;}
	.contents-container .content .content-info .button-wrap {display:flex; flex-direction:row; align-items:center; gap:20px;}
	.contents-container .content .content-info .content-button.btn-style-1 {width:auto; border-radius:5px; background-color:#000; color:#fff; padding:10px 20px;}
	.contents-container .content .content-info .content-button.btn-style-2 {width:auto; border-radius:10px; background-color:#000; color:#fff; padding:20px;}

	/* 해외주식 거래안내 > 거래 절차 */
	.contents-container .content .content-info .process-title.active {background:url(/img/common/2015/faq_btn_down.png) 100% 50% no-repeat;}
	.contents-container .content .content-info .process-title {display:flex; flex-direction:row; background:url(/img/common/2015/faq_btn_up.png) 100% 50% no-repeat;}
	.contents-container .content .content-info .process-title .title-step {width:60px; font-size:16px; color:#666;}
	.contents-container .content .content-info .process-title .title-para {}
	.contents-container .content .content-info .process-title .title-para .title {font-size:16px; font-weight:bold; margin-bottom:8px;}
	.contents-container .content .content-info .process-title .title-para .stitle {font-weight:500;}
	.contents-container .content .content-info .process-txt {padding:20px 0 0 60px; display:none;}
	.contents-container .content .content-info .process-txt .txt-para {font-size:14px; line-height:1.43; margin-bottom:20px;}
	.contents-container .content .content-info .process-txt .txt-list {display:flex; flex-direction:column; font-size:14px; margin-bottom:30px;}
	.contents-container .content .content-info .process-txt .txt-list.no-margin {margin-bottom:0;}
	.contents-container .content .content-info .process-txt .txt-list li {line-height:1.43;}
	.contents-container .content .content-info .process-txt .txt-list li .t-orange {color:#ec6c0e;}
	.contents-container .content .content-info .process-txt .txt-list .btn-wrap {display:flex; margin-top:5px;}
	.contents-container .content .content-info .process-txt .txt-list .btn-wrap .btn {padding:10px; margin-right:10px; border-radius:5px; border:1px solid #e5e5e5;}
	.contents-container .content .content-info .process-txt .txt-diagram {display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:20px;}
	.contents-container .content .content-info .process-txt .txt-diagram .box {width:168px; height:80px; display:flex; flex-direction:column; justify-content:center; padding:20px; margin-bottom:0; border-radius:10px; background-color:#fafafa;}
	.contents-container .content .content-info .process-txt .txt-diagram .box .box-tit {color:#888}
	
	/* 해외주식 거래안내 > 통합증거금, 원화증거금, 해외미수 , 실시간시세, 세금안내, USD RP 자동투자 */
	.contents-container .content .content-info .box {margin-bottom:30px;}
	.contents-container .content .content-info .box.no-margin {margin:0;}
	.contents-container .content .content-info .box .txt-intro {font-size:24px; font-weight:bold;}
	.contents-container .content .content-info .box .txt-sintro {font-size:18px; font-weight:500; margin-top:10px;}
	.contents-container .content .content-info .box .txt-title {font-size:16px; font-weight:bold;}
	.contents-container .content .content-info .box .txt-info {font-size:16px;}
	.contents-container .content .content-info .box .txt-note {color:#666; margin-top:10px}
	.contents-container .content .content-info .box .t-orange {color:#ec6c0e;}
	.contents-container .content .content-info .box .txt-btn {display:flex; flex-direction:column; font-size:14px; margin-top:10px;}
	.contents-container .content .content-info .box .txt-btn .btn-wrap {display:flex; margin-top:5px;}
	.contents-container .content .content-info .box .txt-btn .btn-wrap .btn {padding:10px; margin-right:10px; border-radius:5px; border:1px solid #e5e5e5;}

	/* 해외주식 FAQ */
	.spc_right.faqSearch a {top:10px;}
	
	.faq_search {width:100%; height:48px; display:flex;}
	.faq_search .param {width:100%; height:100%; display:flex; align-items:center; border-radius:10px; border:1px solid #e3e3e3}
	.faq_search .param:focus-within {border:1px solid #000;}
	.faq_search .param input[type="text"] {width:100%; border:none; background-color:transparent; padding-left:20px;}
	.faq_search .param input[type="text"]:focus {outline:none;}
	.faq_search .param button.btnSearch {border:none; color:transparent; padding:0 13px 0 0; background:url(/img/layout/2015/ico_search_2.png) no-repeat 0 50%;}
	
	.tab.ver2 {margin-bottom:0px; z-index:1;}
	.tab.ver2 .tabDv {height:100%; border-bottom:none;}
	.tab.ver2 .tabDv .tab_deth1 span {display: none !important;}
	.tab.ver2 .tabDv .stabBox {top:0px;}
	.tab.ver2 .tabDv .stabBox ul {display:flex; gap:10px; padding:0;}
	.tab.ver2 .tabDv .stabBox ul li {margin-left:0; background:none;}
	.tab.ver2 .tabDv .stabBox ul li:hover {border-radius:10px; background-color:#f6f6f6;}
	.tab.ver2 .tabDv .stabBox ul li a {font-weight:500; padding:10px;}
	.tab.ver2 .tabDv .stabBox ul li.on {border-radius:10px; background-color:#000;}
	.tab.ver2 .tabDv .stabBox ul li.on a {color:#fff;}
	
	ul.faqList.ver2 li.one {height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:solid 1px #e5e5e5; border-radius:10px; margin-top:15px;}
	ul.faqList.ver2 li.one div.tit {height:100%; min-height:60px; width:100%; display:flex; align-items:center;}
	ul.faqList.ver2 li.one div.tit a {width:100%; background-image:url(/img/common/2015/faq_btn_down.png);}
	ul.faqList.ver2 li.one.open div.tit a {background-image:url(/img/common/2015/faq_btn_up.png);}
	ul.faqList.ver2 li.one.open div.tit a strong {background-image:url(/img/common/2015/faq_bul_off.jpg);}
	ul.faqList.ver2 li.one div.tit a strong {font-size:16px; font-weight:500;}
	ul.faqList.ver2 li.one div.cont {width:100%; padding:0; border-top:none; background:none;}
	ul.faqList.ver2 li.one div.cont p {padding:0 55px 20px 55px; background:none; color:#4e4e4e;}
	
	/* 해외주식 치트키 */
	.grids-container {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
	.grids-container div.grid {width:220px; height:331px; display:flex; flex-direction:column; margin:0; /*border:1px solid red;*/}
	.grids-container div.grid .top {position:relative; width:220px; height:200px; border-radius:10px; overflow:hidden;}
	.grids-container div.grid .top .new-img {position:absolute; left:8px; top:8px;}
	.grids-container div.grid .top .main-img {width:100%; height:100%; object-fit:cover;}
	.grids-container div.grid .top .default-img {background-color:#dadada; }
	.grids-container div.grid .cont {display:flex; flex-direction:column; gap:10px; margin:20px 0 10px 0;}
	.grids-container div.grid .cont .cont-tit {height:38px; font-size:18px; font-weight:500; line-height:1.11; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.grids-container div.grid .cont .cont-text {height:34px; font-size:14px; font-weight:500; line-height:normal; color:#4e4e4e; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis:}
	.grids-container div.grid .cont .cont-date {height:17px; font-size:14px; font-weight:500; color:#a9a9a9;}
	
	/*** table 공통 ***/
	table {border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
	table.tbl-fixed {table-layout:fixed;}
	table.tbl-auto {table-layout:auto;}
	th, td {padding:14px 10px; font-size:14px; line-height:1.3; vertical-align:middle; box-sizing:border-box;}
	th {text-align:center; font-weight:bold; color:#000; background-color:#fafafa; border:1px solid #e5e5e5;}
	td {text-align:right; color:#000; background-color:white; border:1px solid #e5e5e5;}
	th:nth-child(1), td:nth-child(1) {border-left:none;}
	th:last-child, td:last-child {border-right:none;}
	
	th.t-left, td.t-left {text-align:left !important;}
	th.t-center, td.t-center {text-align:center !important;}
	th.t-right, td.t-right {text-align:right !important;}
	th.t-normal, td.t-normal {font-weight:normal !important;}
	th.t-bold, td.t-bold {font-weight:bold !important;}
	th.t-black, td.t-black {color:#000 !important;}
	th.ws-normal, td.ws-normal {white-space:normal !important;}
	th.bd-left-none, td.bd-left-none {border-left:none !important;}
	th.bd-left, td.bd-left {border-left:1px solid #f0f0f0 !important;}
	th.bd-bottom-none, td.bd-bottom-none {border-bottom:none !important;}
	th.bg-white, td.bg-white {background-color:white !important;}
	th.bg-grey, td.bg-grey {background-color:#f9fafb !important;}
	th div.dp-flex-row, td div.dp-flex-row {display:flex; flex-direction:row; align-items:center;}
	th div.dp-flex-col, td div.dp-flex-col {display:flex; flex-direction:column; align-items:flex-start;}
	
	/* tbl01 */
	.tbl01 {border-collapse:collapse;}
	.tbl01 th, .tbl01 td {border:1px solid #e5e5e5; padding:9px 12px;}
	.tbl01 th {text-align:center; background-color:#fafafa;}
	.tbl01 th:first-child {border-left:none;}
	.tbl01 th:last-child {border-right:none;}
	.tbl01 td {text-align:left; background-color:white;}
	.tbl01 td:first-child {border-left:none; text-align:center;}
	.tbl01 td:last-child {border-right:none;}

	/* tbl02 */
	.tbl02 {border-collapse:collapse;}
	.tbl02 th, .tbl02 td {border:1px solid #e5e5e5; padding:9px 12px;}
	.tbl02 th {text-align:center; background-color:#fafafa;}
	.tbl02 th:first-child {border-left:none; background-color:#fafafa;}
	.tbl02 th:last-child {border-right:none;}
	.tbl02 td {text-align:left; background-color:white;}
	.tbl02 td:first-child {border-left:none; text-align:center; background-color:#fafafa;}
	.tbl02 td:last-child {border-right:none;}

	/* tbl03 */
	.tbl03 {border-collapse:collapse;}
	.tbl03 th, .tbl03 td {border:1px solid #e5e5e5; padding:9px 12px;}
	.tbl03 th {text-align:center; background-color:#fafafa;}
	.tbl03 th:first-child {border-left:none; background-color:#fafafa;}
	.tbl03 th:last-child {border-right:none;}
	.tbl03 td {text-align:center; background-color:white;}
	.tbl03 td:first-child {border-left:none;}
	.tbl03 td:last-child {border-right:none;}
	
	/* tbl04 - 게시판 list (해외주식 공지) */
	.tbl04 {border-collapse:collapse; border:none;}
	.tbl04 th, .tbl04 td {border:1px solid #e5e5e5; border:none; padding:15px 12px;}
	.tbl04 th {text-align:center; background-color:#fafafa;}
	.tbl04 th:first-child {border-left:none;}
	.tbl04 th:last-child {border-right:none;}
	.tbl04 td {text-align:left; background-color:white;}
	.tbl04 td:first-child {border-left:none;}
	.tbl04 td:last-child {border-right:none;}	
	.tbl04 td .tbl-title {width:700px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:500; margin-bottom:8px;}
	.tbl04 td .tbl-date {font-size:14px; font-weight:500; color:#a9a9a9}
	.tbl04 td .tbl-file {}
	
	
	/* 페이징 (해외주식 공지, 해외주식 FAQ) */
	.listBot.ver2 {height:fit-content; display:flex; justify-content:center; margin-top:50px;}
	.listBot.ver2>div>div[empty] {height: 0}
	
	.paging.ver2 {height:fit-content; display:flex;}
	.paging.ver2 #n_page {display:flex; justify-content:center; align-items:center; gap:10px;}
	.paging.ver2 strong, .paging.ver2 a {display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:none; font-size:18px; color:#000;}
	.paging.ver2 a:not(:first-child):not(:last-child):hover {text-decoration:none; width:40px; height:40px; border:none; border-radius:100px; background-color:#f6f6f6; color:#fff; color:#000;}
	.paging.ver2 strong {border:none; border-radius:100px; background-color:#000; color:#fff;}
	.paging.ver2 .paging_first {background:url(/img/common/2015/paging_1_2.png?v=2024) no-repeat center;}
	.paging.ver2 .paging_prev {background:url(/img/common/2015/paging_2_2.png?v=2024) no-repeat center;}
	.paging.ver2 .paging_next {background:url(/img/common/2015/paging_3_2.png?v=2024) no-repeat center;}
	.paging.ver2 .paging_last {background:url(/img/common/2015/paging_4_2.png?v=2024) no-repeat center;}
	.paging.ver2 .paging_first_off {background:url(/img/common/2015/paging_1_2.png) no-repeat center;}
	.paging.ver2 .paging_last_off {background:url(/img/common/2015/paging_4_2.png) no-repeat center;}

	/* 검색  (해외주식 공지)*/
	.bbs_noiceSearch div.bbsTopSearch.ver2 {display:flex;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight	{width:100%; height:48px; display:flex; justify-content:flex-end; gap:5px; position:relative;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param {display:flex; align-items:center; border-radius:10px; border:1px solid #e3e3e3;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param:focus {border-color:#000;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param:focus-within {border-color:#000;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight select.param {height:100%; width:150px; padding:0 30px 0 20px; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url(/img/layout/2015/ico_select.png) calc(100% - 5px) 50% no-repeat; outline:none;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param input[type="text"] {border:none; background-color:transparent; margin:0 10px 0 20px; padding:0;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param input[type="text"]:focus {outline:none;}
	.bbs_noiceSearch div.bbsTopSearch.ver2 div.searchRowRight .param button.btnSearch {border:none; color:transparent; padding:0 13px 0 0; background:url(/img/layout/2015/ico_search_2.png) no-repeat 0 50%;}
	
	/*** 유의사항 공통 ***/
	.section-guide {clear:both; padding:55px 30px 25px; color:#666; border-radius:20px; background:url(/img/common/2015/sectionGuide_title.png) no-repeat 29px 30px #fafafa}
	.section-guide .lists-container {position:relative;}
	.section-guide .lists-container ul[class*=list] {line-height:24px;}
	.section-guide .lists-container ul[class*=list] > li {padding:3px 0 3px; margin: 0; padding-left:7px; background: url(/img/common/2015/bul_li02_1.gif) 0 13px no-repeat; letter-spacing:0px;}