@charset "UTF-8";

#MAIN_BUTTON {
    display:none;
}
#MAIN_TITLE {
    display:none;
}
#MAIN_BODY {
    margin:0px !important;
    overflow:auto !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    overflow-y: hidden;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Verdana', 'malgun gothic';
    font-size: 1.4rem;
    color: #444;
    line-height: 1;
    letter-spacing: -0.04em;
    background-color:#303030;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: inherit;
    text-decoration: none;
}

table {
    table-layout: fixed;
    word-break: break-all;
    border-collapse: collapse;
    border-spacing: 0;
}

img,
fieldset,
hr {
    border: none;
}

ul,
li,
ol {
    list-style: none;
    margin: 0;
}

address,
em {
    font-style: normal;
}

img,
video,
canvas {
    height: auto;
}

legend {
    display: none;
}

input,
select,
textarea,
button {
    outline: none;
}

select,
textarea,
[type='text'],
[type='password'],
[type='email'] {
    border: 1px solid #ddd;
}

/* select
{
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:url(/images/common/img_select_arrow.png);
	background-position:95% 50%;
	background-repeat:no-repeat
}

select::-ms-expand
{
	display: none;
} */

button {
    background: none;
}
a.skip_nav {}
a.skip_nav:focus {}
p {
    margin: 0;
}
.tab_content>div:not(:first-child) {
    display:none;
}
.board_wrap {
    width: 90%;
    /*min-width: 1300px;*/
    /*height:750px;*/
    overflow:auto;
    padding:0px 20px 0px 20px;
    color:#fff;
    margin: 0 auto;
    margin-top: 40px;
}
.board_wrap>.top_wrap {
    width:100%;
    margin-bottom:10px;
    background:rgb(66,105,165);
    padding: 15px;
}
.board_wrap>.top_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.board_wrap>.top_wrap>.left_wrap {
    float:left;
    width:50%;
}
.board_wrap>.top_wrap>.left_wrap img {
    display:inline-block;
    vertical-align: top;
    margin-top:4px;
    margin-right:2px;
}
.board_wrap>.top_wrap>.left_wrap a {
    display:inline-block;
    border-radius:2px;
    border:1px solid #fff;
    color:#fff;
    width:75px;
    height:23px;
    line-height:21px;
    text-align:center;
    font-size:12px;
}
.board_wrap>.top_wrap>.left_wrap p {
    margin-top:24px;
    font-size:15px;
    color:#fff;
}
.board_wrap>.top_wrap>.left_wrap p strong {
    font-size:20px;
    /*vertical-align: middle;*/
}
.board_wrap>.top_wrap>.right_wrap {
    float:right;
    width:42%;
}
.board_wrap>.top_wrap>.right_wrap>a {
    display:block;
    width:96px;
    height:23px;
    line-height:23px;
    text-align:center;
    border-radius:2px;
    border:1px solid #fff;
    font-size:12px;
    float:right;
    margin-bottom:15px;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap {
    clear:both;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .fi_wrap {
    float:left;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .fi_wrap span {
    display:block;
    font-size:15px;
    font-family:'NanumSquare';
    font-weight:lighter;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .fi_wrap p {
    font-size:23px;
    margin-top:6px;
    font-family:'Roboto';
    font-weight: lighter;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap {
    padding:0 10px 0 10px;
    float:left;
    overflow:hidden;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap .left_wrap {
    float:left;
    overflow:hidden;
    padding-right:5px;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap .right_wrap {
    float:left;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap .right_wrap span {
    font-family:'Roboto';
    font-weight: lighter;
    display: block;
    font-size:25px;
    margin-bottom:5px;
    text-align:center;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .tw_wrap .right_wrap p {
    font-family:'Roboto';
    font-weight: lighter;
    font-size:15px;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .th_wrap {
    float:right;
    text-align:right;
    line-height:43px;
}

.board_wrap>.top_wrap>.right_wrap .content_wrap .th_wrap p {
    font-family:'NanumSquare';
    font-weight:lighter;
    font-size:15px;
}

.board_wrap>.table_wrap {
    margin-top:15px;
}

.board_wrap>.table_wrap.half:after {
    content:'';
    display:block;
    clear:both;
}

/*.board_wrap>.table_wrap.half>.article {
    width:calc(48% - 5px);
}*/

.board_wrap>.table_wrap.half>.article:first-child {
    float:left;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:last-child) {
    margin-top:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:first-child {
    padding-right:90px;
}

@media screen and (max-width:2000px){
    .board_wrap>.table_wrap.half>.article { width:calc(49.5%); }
    /*.stock3 { width:24%; margin-top: 0px; display: block; }
    .board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap p { padding-left:50px; }*/
}
@media screen and (max-width:1290px){
    .board_wrap>.table_wrap.half>.article { width: 100%; }
    .stock1 { width:50%; }
    .stock2 { width:50%; }
    .stock3 { width:100%; margin-top: 20px; display: -webkit-box; }
    /* .board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap p { padding-left:25px; }*/
}
.board_wrap>.table_wrap.half>.article:last-child {
    float: right;
    background: rgb(126,165,215);
}

.board_wrap>.table_wrap>.article>.content_wrap {
    border:1px solid #fff;
    padding:20px;
    font-weight: bold;
    background-color: rgb(246,246,246);
    color: black;
}
.content_wrap.section1 {
    cursor:pointer;
}
.content_wrap.section2 {
    cursor:pointer;
}
.content_wrap.section3>div>ul>li{
    cursor:pointer;
}
.board_wrap>.table_wrap>.article>h1 {
    text-align:center;
    font-size:17px;
    background: rgb(126,165,215);
    padding: 12px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul {
    width:100%;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li {
    /* float:left; */
    width:100%;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li:not(:last-child) {
    /* width:30%; */
    /* border-right:1px dashed rgba(255, 255, 255, 0.8); */
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li:last-child {
    /* width:40%; */
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li .text_wrap {
    width:45%;
    /* text-align:center; */
    margin-bottom:10px;
    float:left;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li .text_wrap:last-child {
    float:right;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li:last-child .text_wrap {
    margin-bottom:0;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li .text_wrap p {
    font-size:15px;
    width: 74px;
    display:inline-block;
}

.board_wrap>.table_wrap>.article>.content_wrap.section1 ul li .text_wrap span {
    font-weight:bold;
    font-size:15px;
    display:inline-block;
    width:calc(100% - 80px);
    text-align:right;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul {
    width:100%;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li {
    float:left;
    /* min-height:100px; */
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) {
    width:38%;
    /* border-left:1px dashed rgba(255, 255, 255, 0.8); */
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:first-child .text_wrap {
    width:100%;
    margin-bottom:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:first-child .text_wrap p {
    font-size: 15px;
    display:inline-block;
    width:74px;
}

.board_wrap > .table_wrap > .article > .content_wrap.section2 ul li:first-child .text_wrap span {
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin-right: 20px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:first-child .text_wrap:last-child {
    margin-bottom:0;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) h2 {
    text-align:center;
    font-size:15px;
    margin-bottom:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap {
    width:100%;
    margin-bottom:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap:before {
    content:'';
    display:inline-block;
    width:16px;
    vertical-align: top;
    height:16px;
    border-radius:100%;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap.red:before {
    background-color:#ff0000;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap.yellow:before {
    background-color: orange;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap.white:before {
    background-color: gold;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap:last-child {
    margin-bottom:0;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2> ul .stock3 .text_wrap span {
    display:inline-block;
    width:150px !important;
    text-align:left;
    font-size:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2> ul li:not(:first-child) .text_wrap span {
    display:inline-block;
    width:100px;
    text-align:left;
    font-size:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section2 ul li:not(:first-child) .text_wrap p {
    display:inline-block;
    text-align:right;
    font-size:15px;
    padding-right:10px;
}


.board_wrap>.table_wrap>.article>.content_wrap.section3:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap {
    width:100%;
    float:left;
    text-align:center;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul {
    width:100%;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li {
    float:left;
    width:33.333334%;
    margin-bottom:24px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li:before {
    content:'';
    display:inline-block;
    vertical-align: top;
    width:13px;
    height:13px;
    border-radius:100%;
    margin-left:-6px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li.red:before {
    background-color:#f00;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li:nth-child(7),
.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li:nth-child(8) {
    margin-bottom:0;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li p {
    font-size:15px;
    display: inline-block;
    text-align:left;
    width:74px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li span {
    font-weight:bold;
    display:inline-block;
    width:calc(100% - 90px);
    text-align: right;
    padding-right: 15px;
    font-size:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .left_wrap ul li span.yellow {
    color:#fed966;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .right_wrap {
    float:left;
    width:110px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .right_wrap h2 {
    text-align:center;
    font-size:15px;
    margin-bottom:15px;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .right_wrap p {
    margin-bottom:15px;
    text-align:center;
    font-weight:bold;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .right_wrap p.yellow {
    color:#fed966;
}

.board_wrap>.table_wrap>.article>.content_wrap.section3 .right_wrap p span {
    display:block;
    float:left;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:100%;
    text-align:center;
    background-color:#fff;
    color:#065387;
    font-size:11px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap h1 {
    float:left;
    padding-left:10px;
    font-size:17px;
    padding: 12px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap h1 span {
    font-size:15px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap ul {
    float:right;
    margin-top: 10px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap ul:after {
    content:'';
    display:block;
    clear:both;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap ul li {
    float:left;
    margin:0 10px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap ul li a {
    display:block;
    font-size:15px;
    height:25px;
}

.board_wrap>.table_wrap>.article.title_n>.title_wrap ul li.active a {
    border-bottom:3px solid #fff;
    font-weight:bold;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap {
    padding:12.5px 20px;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table {
    width:100%;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(1) span {
    margin:3px 0;
    display:block;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:100%;
    text-align:center;
    background-color:#fff;
    color:#065387;
    font-size:11px;
    font-weight:bold;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(2) {
    font-size:15px;
    padding: 7px 0px;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(3),
.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(4) {
    text-align:right;
    font-size:15px;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(4).up img:first-child,
.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(4).down img:last-child {
    display:inline-block;
}

.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(4).up img:last-child,
.board_wrap>.table_wrap>.article.title_n>.content_wrap table tr td:nth-child(4).down img:first-child {
    display:none;
}



/**
  * custom css
 */
:root {
    --main-color: #35478c;
    --sub-color: #4e7ac7;
}

 /* app */
body { background: rgba(0, 0, 0, .05); }

/* 그림자 설정 */
#MAIN_BODY .board_wrap > *:not(.half):not(.icon_img) { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); }
#MAIN_BODY .board_wrap .half .article { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); }

/* 요소 배경 색 설정 */
#MAIN_BODY .board_wrap .top_wrap { background: #35478c; }
/* max-width 값을 주지 않으면 텍스트가 넘침.. */
#MAIN_BODY .board_wrap .top_wrap .left_wrap p { background: #35478c !important; max-width: 100%; }

#MAIN_BODY .board_wrap .article h1 { background: #4e7ac7; font-weight: bold; }
#MAIN_BODY .board_wrap .title_wrap { background: #4e7ac7; }

/* 텍스트 설정 */
#MAIN_BODY .board_wrap .content_wrap { color: #333333; background: white; font-weight: 500; }
.content_wrap .text_wrap span:first-child { font-weight: 500 !important; }

/* 1/3 너비 지정 */
#STOCK_PANEL ul li { width: calc(1/3 * 100%); }